/* Стоимость: "За что вы платите" (pc-vhodit.tpl + pc-vhodit-item.tpl).
   Макет: секции dGsfM (десктоп 1440) и yYWrN (телефон 390). Сплит на два
   равных столбца (632+64+632=1328 на десктопе), колонкой на телефоне.
   Пункт списка справа - тот же примитив, что у pg-rezultat-item (галочка
   19x19 + текст), но свой чанк: другое поле, другой блок страницы. */

[data-section="vhodit"] {
  padding-block: 100px;   /* мерки: padding [100, 56] у dGsfM */
  background: var(--white);
}

@media (max-width: 860px) {
  [data-section="vhodit"] { padding-block: var(--section-y-m); }   /* мерки: padding [52, 20] у yYWrN = токену */
}

.pc-vhodit__wrap {
  display: flex;
  flex-direction: column;
  gap: var(--gap-section);   /* мерки: gap 44 у dGsfM/yYWrN = токену */
}

.pc-vhodit__split {
  display: flex;
  align-items: flex-start;
  gap: 64px;   /* мерки: gap "Сплит" 64 у dGsfM */
}

/* ─── Левая колонка: кикер + заголовок + абзац ──────────────── */

.pc-vhodit__left {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;   /* мерки: gap "Левая" 20 */
}

.pc-vhodit__kicker {
  margin: 0;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: var(--kicker);        /* 12 */
  line-height: 15px;               /* 12 x 1.21 (метрика Inter) */
  letter-spacing: var(--kicker-ls);
  color: var(--magenta-text);
}

.pc-vhodit__h2 {
  margin: 0;
  font-family: var(--font-head);
  font-weight: 800;
  font-size: 40px;   /* дамп: 40 - своя шкала этого блока, не --h2-sm (48) */
  line-height: 46px;   /* 40 x 1.14 = 45,6, округлено по эталону (высота "Левая" 191 = 15+46+90+2x20) */
  letter-spacing: -1.6px;
  color: var(--ink);
}

.pc-vhodit__p {
  margin: 0;
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 30px;   /* 17 x 1.75 (дамп lineHeight=1.75) */
  color: var(--muted);
}

/* ─── Правая колонка: список с галочками ────────────────────── */

.pc-vhodit__list {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 14px;   /* мерки: gap "Правая" 14 */
}

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

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

.pc-vhodit__item-text {
  flex: 1 1 auto;
  min-width: 0;
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 27px;   /* 17 x 1.6 (дамп lineHeight=1.6) */
  color: var(--ink);
}

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

@media (max-width: 860px) {
  .pc-vhodit__split {
    flex-direction: column;
    gap: 20px;   /* мерки: gap "Сплит" 20 у yYWrN */
  }

  .pc-vhodit__kicker {
    font-size: var(--m-kicker);   /* 11 */
    line-height: 13px;            /* 11 x 1.21 */
  }

  .pc-vhodit__h2 {
    font-size: 26px;   /* дамп: 26 */
    line-height: 30px;   /* 26 x 1.14 = 29,64, округлено по эталону (высота "Левая" 187 = 13+30+104+2x20) */
    letter-spacing: -0.9px;
  }

  .pc-vhodit__p {
    font-size: 15px;
    line-height: 26px;   /* 15 x 1.75 */
  }

  .pc-vhodit__item-icon {
    margin-top: 3px;
  }

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