/* ============================================================
   Страница «УФ-печать» — блоки только этой страницы.
   Общие компоненты (карточки-фото, карточки .mat) — в pages.css.
   Подключается ПОСЛЕ styles.css и pages.css.
   ============================================================ */

/* ---------- HERO ---------- */
.hero--uv .hero__title{max-width:700px;}
.hero--uv .hero__meta{gap:20px;}
.hero--uv .hero__lead{max-width:500px;}
.hero--uv .hero__features{gap:15px 40px;flex-wrap:wrap;max-width:700px;}
.hero--uv .feat svg{width:21px;height:21px;flex:none;}

/* «Белый» вместо числа — тот же кегль, но слово не должно переноситься */
.stat__word{white-space:nowrap;}

/* Заголовки этих секций в макете идут одной строкой */
.mats .head__text,.types .head__text,.portfolio .head__text{max-width:1300px;}

/* ---------- «Что отличает промышленную УФ-печать» ---------- */
.mats--uv .mat{min-height:255px;}
.mats--uv .mat__desc{max-width:320px;}

/* ---------- Форма внизу страницы ---------- */
/* Левая колонка шире базовых 700px. Ограничение сверху обязательно: в styles.css
   ширина сбрасывается в 100% на узких экранах, а uf.css подключается позже —
   без обёртки правило перебило бы этот сброс, и на планшетах колонка осталась
   бы 750px. Порог подняли с 1281px до 1620px: на 1400–1440px контейнер уже
   сужен до 1200px, и 750px левой колонки не оставляли карточке с формой
   нужной ширины — она вылезала за правый край на 206px. */
@media (min-width:1620px){
  .form-sec__left{width:750px;flex:none;display:flex;flex-direction:column;gap:35px;}
}

/* ---------- Адаптив ---------- */
@media (max-width:1024px){
  .hero--uv .hero__title{max-width:none;}
}
@media (max-width:768px){
  .mats--uv .mat{min-height:0;padding-bottom:110px;}
  .mats--uv .mat__desc{max-width:none;}
  .hero--uv .hero__features{gap:12px;flex-direction:column;align-items:flex-start;}
}