/* Блок программ pg-rezultat: "Результат за год".
   Макет: фреймы vIIIZ (десктоп 1440x700) и t5qHE (телефон 390, высота по
   контенту). Разметка - pg-rezultat.tpl + pg-rezultat-item.tpl.

   Полностью full-bleed: фото 660 + текст 780 = 1440 без общего .wrap -
   тот же приём, что у hm-zayavka.css на главной (фото касается обоих
   краёв секции, общий .wrap/56 здесь не подходит по замеру макета). */

[data-section="rezultat"] {
  background: var(--white);
}

.pg-rezultat__row {
  display: flex;
  align-items: center;   /* мерки: alignItems=center у фрейма секции */
  height: 700px;   /* мерки: высота секции vIIIZ, декоративный кадр фото */
  max-width: var(--page-w);
  margin-inline: auto;
}

.pg-rezultat__photo {
  flex: none;
  width: 660px;   /* мерки: Фото h0kHe */
  height: 100%;
  overflow: hidden;
}

.pg-rezultat__photo-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pg-rezultat__text {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 22px;   /* мерки: gap колонки Текст - кикер/заголовок/список, один ритм */
  padding-inline: 88px;   /* мерки: padding Текст [0,88] */
}

.pg-rezultat__kicker {
  margin: 0;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 11px;
  line-height: 13px;   /* 11 x 1.21 (метрика Inter, base.css) */
  letter-spacing: 2.4px;
  text-transform: uppercase;
  color: var(--magenta-text);
}

.pg-rezultat__h2 {
  margin: 0;
  font-family: var(--font-head);
  font-weight: 800;
  font-size: 42px;
  line-height: 48px;   /* 42 x 1.14 */
  letter-spacing: -1.6px;
  color: var(--ink);
}

.pg-rezultat__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 22px;   /* мерки: тот же gap колонки - пункты лежат прямыми элементами ряда */
}

.pg-rezultat__item {
  display: flex;
  align-items: flex-start;
  gap: 12px;   /* мерки: gap строки "И" */
}

.pg-rezultat__item-icon {
  flex: none;
  width: 19px;
  height: 19px;
  margin-top: 4px;   /* визуальное центрирование относительно строки текста 27px */
  color: var(--magenta-text);
}

.pg-rezultat__item-text {
  flex: 1 1 auto;
  min-width: 0;
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 27px;   /* 17 x 1.6 */
  color: var(--ink);
}

/* ─── Телефон (≤860) ─────────────────────────────────────────────── */

@media (max-width: 860px) {
  .pg-rezultat__row {
    flex-direction: column;
    height: auto;
    max-width: none;
  }

  .pg-rezultat__photo {
    width: 100%;
    height: 290px;   /* мерки: Фото oEDRH */
  }

  .pg-rezultat__text {
    padding-inline: 20px;   /* мерки: padding Текст [0,20] */
  }

  .pg-rezultat__kicker {
    font-size: 10px;
    line-height: 12px;   /* 10 x 1.21 */
  }

  .pg-rezultat__h2 {
    font-size: 27px;
    line-height: 31px;   /* 27 x 1.14 */
    letter-spacing: -0.9px;
  }

  .pg-rezultat__item-icon {
    margin-top: 3px;
  }

  .pg-rezultat__item-text {
    font-size: 15px;
    line-height: 24px;   /* 15 x 1.6 */
  }
}