/* ============================================================
   Кастомные классы okna-bez-montazha (вынесено из инлайн-стилей).
   Правило: новые элементы — классами здесь, не style="" в шаблоне.
   Подключается в layout.php после main.min.css.
   База шрифтов: body = 16px → em считается от неё (1em = 16px у корня блока).
   ============================================================ */

/* ===== Блок «Варианты окон ПВХ» — мобильная карточка (link-box) ===== */
.vp-card__title { font-size: 2.2rem; }             /* 22px (моб.; rem от html=10px) */
.vp-card__price { font-size: 1.8rem; }             /* 18px (моб.) */
.vp-card__size  { font-size: 1.6rem; color: #9098a5; margin-top: 2px; white-space: nowrap; } /* 16px (моб.) */

/* ===== Блок «Варианты окон ПВХ» — desktop-подпись под кружком ===== */
/* «[ Из расчета размера: / W × H мм ]» */
.vp-calc            { display: flex; align-items: center; justify-content: center; gap: 14px; margin-top: 16px; text-align: center; color: #777; }
.vp-calc__bracket   { display: inline-block; width: 5px; height: 44px; border: 1px solid #c4ccd4; } /* декоративная скобка */
.vp-calc__bracket--l{ border-right: none; }
.vp-calc__bracket--r{ border-left: none; }
.vp-calc__body      { line-height: 1.5; }          /* font-size не задаём → дети считаются от 16px */
.vp-calc__label     { font-size: 0.9375em; }       /* «Из расчета размера:» (≈15px) */
.vp-calc__size      { font-size: 0.9375em; }        /* размер «500 × 1000 мм» (≈15px) */

/* На 992–1200px фраза-лейбл мельче (≈14.4px), чтобы не уходила в 3 строки.
   Размер (.vp-calc__size) НЕ трогаем — остаётся 0.9375em. */
@media (min-width: 992px) and (max-width: 1200px) {
  .vp-calc__label { font-size: 0.9em; }
}

/* ===== Блок «Окна для конкретных задач» (desktop, window-cat-preview) ===== */
.zd-title { text-align: center; }                  /* заголовок по центру */
.zd-price { text-align: center; font-size: 1.4em; }/* цена по центру + крупнее */

/* ===== Блок «Окна для конкретных задач» — мобильная карточка (link-box) ===== */
.zd-m-row { display: flex; align-items: center; margin-top: 8px; } /* 2 колонки: иконка (.link-box__icon — те же размеры/отступы, что в «Вариантах») + подпись; gap не нужен, у .link-box__icon свой margin-right */
.zd-m-calc { margin-top: 0; justify-content: flex-start; width: -moz-fit-content; width: fit-content; } /* подпись со скобками: margin-top:0 перебивает 16px у .vp-calc (иначе подпись съезжает вниз и иконка оказывается выше центра); fit-content = обнимает контент; строки внутри центрированы */
.zd-m-calc .vp-calc__bracket { height: auto; align-self: stretch; } /* скобки на всю высоту подписи (3 строки) — только мобила */