.match-team-card-logo {
        width: clamp(40px, 10vw, 88px);
        height: clamp(40px, 10vw, 88px);
      }

.match-card-layout {
        display: grid;
        gap: 12px;
        grid-template-areas:
          "home-title center away-title"
          "meta meta meta";
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
      }

      .match-card-layout__home-title {
        grid-area: home-title;
      }

      .match-card-layout__center {
        grid-area: center;
      }

      .match-card-layout__away-title {
        grid-area: away-title;
      }

      .match-card-layout__home-meta {
        grid-area: home-meta;
      }

      .match-card-layout__away-meta {
        grid-area: away-meta;
      }

      .mc-center,
      .mc-meta {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
      }

      .match-card-layout .match-team-card-title-text {
        display: block;
        flex: 0 1 auto;
        min-width: 0;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      @media (max-width: 767px) {
        .match-card-layout {
          column-gap: 8px;
          row-gap: 14px;
          align-items: start;
        }

        /* Время/счёт и метаданные матча раскладываются по разным строкам сетки */
        .match-card-layout__center {
          display: contents;
        }

        .mc-center {
          grid-area: center;
          /* Время с датой центрируется по высоте колонки команды */
          align-self: center;
          gap: 2px;
        }

        .mc-meta {
          grid-area: meta;
          gap: 8px;
        }

        .mc-center__time {
          font-size: 22px;
          font-weight: 700;
          line-height: 1.1;
          color: var(--text-dark-grey);
        }

        .mc-meta__chips {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: center;
          gap: 8px;
        }
      }

      @media (min-width: 768px) {
        .match-card-layout {
          column-gap: 16px;
          row-gap: 16px;
          grid-template-areas:
            "home-title home-title away-title away-title"
            "home-meta center center away-meta";
          grid-template-columns: minmax(0, 1fr) minmax(120px, 220px) minmax(120px, 220px) minmax(0, 1fr);
        }

        .match-card-layout--has-score {
          grid-template-areas:
            "home-title score score away-title"
            "home-meta center center away-meta";
        }

        .match-card-layout__score {
          grid-area: score;
          align-self: center;
        }

        .match-card-layout__center {
          display: flex;
          width: 100%;
          min-width: 0;
          flex-direction: column;
          align-items: center;
          gap: 8px;
        }

        .mc-center,
        .mc-meta {
          width: 100%;
          max-width: 100%;
          gap: 8px;
        }

        .mc-meta__chips {
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 8px;
        }

      }

      /* Раскрывающийся блок «Тренеры, стоимость, следующий матч» — только мобильные */
      .mc-extra__toggle {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        gap: 6px;
        padding: 2px 0;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.35;
        color: var(--accent-primary-green);
        cursor: pointer;
      }

      .mc-extra__chevron {
        flex-shrink: 0;
        transition: transform 0.2s ease-out;
      }

      .mc-extra__chevron--open {
        transform: rotate(180deg);
      }

      .mc-extra__panel-wrap {
        display: grid;
        grid-template-rows: 0fr;
        opacity: 0;
        transform: translateY(-4px);
        transition:
          grid-template-rows 0.2s ease-out,
          opacity 0.15s ease-out,
          transform 0.2s ease-out;
      }

      .mc-extra__panel-wrap--open {
        grid-template-rows: 1fr;
        opacity: 1;
        transform: translateY(0);
      }

      .mc-extra__panel-inner {
        min-height: 0;
        overflow: hidden;
      }

      .mc-extra__panel {
        margin-top: 12px;
        overflow: hidden;
        border: 1px solid var(--grayscale-gray-light);
        border-radius: 10px;
        background: var(--white);
      }

      .mc-extra__row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        align-items: center;
        column-gap: 16px;
        padding: 10px 12px;
      }

      /* Чётные строки подсвечены — так же, как в дизайн-системе */
      .mc-extra__row:nth-of-type(even) {
        background: var(--grayscale-gray-xlight);
      }

      .mc-extra__label {
        font-size: 13px;
        line-height: 1.35;
        color: var(--text-dark-grey);
        text-align: center;
        white-space: nowrap;
      }

      .mc-extra__value {
        min-width: 0;
        font-size: 13px;
        line-height: 1.35;
        color: var(--text-dark-grey);
        text-align: left;
      }

      .mc-extra__value--right {
        text-align: right;
      }

      .mc-extra__coach {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .mc-extra__next-link {
        display: block;
        min-width: 0;
        max-width: 100%;
      }

      .mc-extra__opponent {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .mc-extra__date {
        display: block;
      }

      @media (prefers-reduced-motion: reduce) {
        .mc-extra__chevron,
        .mc-extra__panel-wrap {
          transition: none;
        }
      }