/* Программа: форматы и цены (pg-cena). Макет: секции ydAXN (1440) и
   Gwdme (390). Карточки используют раскладку .pg-ryad из pg.css
   (3 колонки на десктопе, список в столбик с 860px) - ширину карточки
   даёт сетка сама, здесь только зазор и всё, что внутри карточки. Про
   то, что ширина карточки 425,33 совпала с pg-kart, и почему зазор ряда
   всё равно остался в каждом файле своим - в шапке pg.css.

   Высоты строк - целым числом px, не множителем (tools/README.md,
   "Высота строки в макете"): где в дампе есть lineHeight - множитель
   из дампа, где нет - метрика шрифта по умолчанию (Manrope 1.36,
   Inter 1.21 - тот же расчёт, что уже проверен на hm-ceny.css). */

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

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

.pg-cena__wrap {
  display: flex;
  flex-direction: column;
  gap: var(--gap-section);   /* мерки: gap 44 у ydAXN/Gwdme = токену */
}

/* ─── Заголовок ────────────────────────────────────────────────── */

.pg-cena__head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 40px;   /* мерки: gap 40 у ZG6pk */
}

.pg-cena__head-copy {
  display: flex;
  flex-direction: column;
  gap: 14px;   /* мерки: gap 14 у trY6F */
}

.pg-cena__kicker {
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;   /* 12 x 1.21 (метрика Inter) */
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--magenta-text);
}

.pg-cena__h2 {
  font-family: var(--font-head);
  font-weight: 800;
  font-size: 48px;
  line-height: 55px;   /* 48 x 1.14 - мерки: lineHeight=1.14 у USVkj */
  letter-spacing: -1.6px;
  color: var(--ink);
}

.pg-cena__all {
  display: inline-flex;
  align-items: center;
  gap: 8px;   /* мерки: gap 8 у P7wyhh */
  flex: none;
}

.pg-cena__all span {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;   /* 15 x 1.21 */
  color: var(--ink);
}

.pg-cena__all-ico {
  width: 16px;
  height: 16px;
  color: var(--magenta-text);
}

@media (max-width: 860px) {
  .pg-cena__head { flex-direction: column; align-items: start; gap: 26px; }   /* мерки: i14fvF gap 26 layout=vertical */
  .pg-cena__kicker { font-size: 11px; line-height: 13px; }   /* 11 x 1.21 */
  .pg-cena__h2 { font-size: 30px; line-height: 34px; letter-spacing: -0.9px; }   /* 30 x 1.14 */
  .pg-cena__all span { font-size: 14px; line-height: 17px; }   /* 14 x 1.21 */
}

/* ─── Ряд карточек ─────────────────────────────────────────────── */

.pg-cena__cards {
  gap: 26px;   /* мерки: gap 26 у AQR6K (десктоп) и tn16f (мобильная) - одно число на обе ширины */
}

.pg-cena-item {
  display: flex;
  flex-direction: column;
  gap: 14px;   /* мерки: gap 14 у UOwuc */
  padding: 30px;   /* мерки: padding 30 у UOwuc */
  background: var(--white);
  border-radius: 8px;   /* мерки: cornerRadius 8 у UOwuc */
}

@media (max-width: 860px) {
  .pg-cena-item { padding: 20px; }   /* мерки: padding 20 у SWJyH */
}

.pg-cena-item__name {
  font-family: var(--font-head);
  font-weight: 800;
  font-size: 20px;
  line-height: 27px;   /* 20 x 1.36 (метрика Manrope) */
  letter-spacing: -0.4px;
  color: var(--ink);
}

@media (max-width: 860px) {
  .pg-cena-item__name { font-size: 18px; line-height: 24px; letter-spacing: -0.3px; }   /* 18 x 1.36 */
}

.pg-cena-item__line {
  display: block;
  width: 44px;
  height: 3px;
  border-radius: 2px;
  background: var(--sun);
}

.pg-cena-item__price {
  display: flex;
  align-items: end;
  gap: 8px;   /* мерки: gap 8 у xXJ1w */
}

.pg-cena-item__price-value {
  font-family: var(--font-head);
  font-weight: 800;
  font-size: 34px;
  line-height: 46px;   /* 34 x 1.36 */
  letter-spacing: -1.2px;
  color: var(--ink);
}

.pg-cena-item__price-unit {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;   /* 13 x 1.21 */
  color: var(--muted);
  padding-bottom: 6px;   /* мерки: padding-bottom 6 у фрейма "Сдвиг" - сажает подпись к низу цены */
}

@media (max-width: 860px) {
  .pg-cena-item__price-value { font-size: 23px; line-height: 32px; letter-spacing: -0.7px; }   /* 23 x 1.36 = 31,28 - округлено вверх, проверено профилем (иначе секция короче эталона на 3px по трём карточкам) */
  .pg-cena-item__price-unit { font-size: 12px; line-height: 15px; }   /* 12 x 1.21 */
}

.pg-cena-item__text {
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 25px;   /* 14 x 1.75 - мерки: lineHeight=1.75 у cLeTm */
  color: var(--muted);
}

@media (max-width: 860px) {
  .pg-cena-item__text { font-size: 13px; line-height: 23px; }   /* 13 x 1.75 */
}