/* ============================================
   Главная, секция 3 (ОБНОВЛЁННЫЙ макет): «Выбор редакции»
   Терракотовая секция: фото слева + список + вертикальная реклама
   Figma: aEoLpMDCOKlAMo0pQdW6wW, узел 7676:2445
   ============================================ */

.choice {
  background: var(--c-terracotta-dark);
  overflow: hidden;
  padding: 80px 34px;
}

.choice__inner {
  align-items: center;
  display: flex;
  gap: 64px;
  justify-content: flex-end;
  /* Ширина ряда по макету (629+64+877+64+250): на ≤1920 не срабатывает
     (места меньше), на широких экранах центрирует ряд вместо прижатия
     flex-end к краю секции. */
  margin-inline: auto;
  max-width: 1884px;
}

.choice__photo {
  align-self: flex-end;
  display: block;
  flex-shrink: 0;
  height: 844px;
  /* Фото прижато к НИЖНЕМУ краю секции (align-self flex-end); отрицательный
     нижний маргин съедает padding-bottom (80) — собака «свисает» к самому
     низу блока, как в макете. margin-left выводит фото за левое поле. */
  margin-bottom: -80px;
  margin-left: -71px;
  object-fit: cover;
  width: 629px;
}

.choice__main {
  display: flex;
  flex-direction: column;
  gap: 80px;
  min-width: 0;
  width: 877px;
}

.choice__title {
  color: var(--c-white);
  font-family: var(--font-serif);
  font-size: 56px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.04;
}

.choice__list {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.choice__item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  display: block;
  padding: 32px 0;
}

.choice__item-title {
  color: var(--c-cream);
  display: block;
  font-family: var(--font-serif-text);
  font-size: 40px;
  font-stretch: 75%; /* Узкое начертание оси wdth — как в hero и заголовках лендинга */
  font-weight: 400;
  line-height: normal;
}

.choice__item-meta {
  color: rgba(214, 214, 214, 0.5);
  display: block;
  font-family: var(--font-mono);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.04em;
  margin-top: 16px;
  text-transform: uppercase;
}

/* Вертикальный рекламный блок 240×400 по обновлённой карте баннеров
   (7976:2497; прежний размер 250×627). Терракотовый фон по макету 7676:2465 —
   раньше блок был прозрачным и сливался с тёмной секцией. */
.choice__partner {
  background: var(--c-terracotta-dark);
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  height: 400px;
  padding: 8px;
  width: 240px;
}

.choice__partner-label {
  align-items: center;
  color: var(--c-dark-brown);
  display: flex;
  flex-wrap: wrap;
  font-family: var(--font-mono);
  font-size: 9px;
  font-style: italic;
  gap: 8px;
  opacity: 0.5;
  padding: 4px 8px;
}

/* Разделитель-точка — псевдоэлемент, а не отдельный флекс-элемент:
   при переносе строки самостоятельные точки отрывались от текста и
   висели пустой строкой посередине плашки (п. 3 баг-листа). */
.choice__partner-label span + span::before {
  background: var(--c-dark-brown);
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 2px;
  margin-right: 8px;
  vertical-align: middle;
  width: 2px;
}

.choice__partner-title {
  color: var(--c-cream);
  font-family: var(--font-serif-text);
  font-size: 23px;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.04;
  margin-top: auto;
}

.choice__partner-title em {
  font-family: var(--font-serif);
  font-style: italic;
}

.choice__partner-more {
  color: var(--c-dark-blue); /* Макет 7676:2465: тёмно-синий на терракоте */
  margin-top: 232px;
}

.choice__partner-more img {
  height: 15px;
  width: 15px;
}

/* ---------- Адаптив ---------- */

@media (max-width: 1440px) {
  .choice__photo {
    height: 700px;
    margin-bottom: 0;
    margin-left: -40px;
    width: 520px;
  }

  .choice__item-title {
    font-size: 32px;
  }
}

@media (max-width: 1280px) {
  .choice__photo {
    height: 560px;
    width: 400px;
  }

  .choice__partner-more {
    margin-top: 120px;
  }

  .choice__partner {
    height: 520px;
  }
}

@media (max-width: 1024px) {
  .choice {
    padding: 56px var(--pad);
  }

  .choice__inner {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .choice__photo {
    display: none;
  }

  .choice__main {
    gap: 40px;
    width: 100%;
  }

  .choice__title {
    font-size: 40px;
  }

  .choice__item-title {
    font-size: 26px;
  }

  .choice__partner {
    height: auto;
    min-height: 320px;
    width: 100%;
  }

  .choice__partner-more {
    margin-top: 40px;
  }
}

/* Мобильный макет (Home Page Mobile): секция сжимается до списка заголовков.
   Замеры с макета — пункт 88 высотой (заголовок в две строки по 27 + мета 18),
   шаг между пунктами 120, то есть по 16 сверху и снизу от линии-разделителя. */
@media (max-width: 560px) {
  /* Отступ секции на мобилке общий — 40, как у соседей (планшетные 56 остаются
     на ширинах до 1024). */
  .choice {
    padding: 40px var(--pad);
  }

  .choice__main {
    gap: 48px;
  }

  .choice__title {
    font-size: 24px;
  }

  .choice__item {
    padding: 16px 0;
  }

  .choice__item-title {
    font-size: 21px;
    line-height: 1.28;
  }

  .choice__item-meta {
    font-size: 12px;
    margin-top: 16px;
  }

  /* Партнёрский блок по мобильной карте баннеров 7992:4711 — 327×161
     (рамка с полем 9, внутри плашка и заголовок). */
  .choice__partner {
    min-height: 161px;
    padding: 9px;
  }

  .choice__partner-title {
    font-size: 20px;
    line-height: 1.3;
  }

  .choice__partner-more {
    margin-top: 24px;
  }
}