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

/* ---------- HERO ---------- */
.hero--signs .hero__title{max-width:700px;}
.hero--signs .hero__meta{gap:15px;}
.hero--signs .hero__features{gap:50px;flex-wrap:wrap;}
.hero--signs .feat svg{width:21px;height:21px;flex:none;}

/* Заголовок портфолио в макете идёт одной строкой */
.portfolio .head__text{max-width:1300px;}

/* Заголовок формы в макете разбит на две строки — базовых 700px не хватает.
   Только от 1620px: ниже контейнер сужается, и 760px левой колонки отнимали
   у карточки с формой столько, что она переставала помещаться и вылезала
   за правый край (на 1400–1440px — на 216px). Плюс правило шло без обёртки
   и перебивало сброс width:100% из styles.css, из-за чего на планшетах и
   телефонах колонка тоже оставалась 760px. Ниже 1620px берётся базовая
   ширина из styles.css — как на остальных страницах. */
@media (min-width:1620px){
  .form-sec__left{width:760px;}
}

/* «Что вам подходит?» — типы вывесок: карточки .type-card переехали в pages.css,
   их переиспользует страница «Таблички». */

/* ---------- Адаптив ---------- */
@media (max-width:1500px){
  .hero--signs .hero__title{max-width:530px;}
}
@media (max-width:1024px){
  .hero--signs .hero__title{max-width:none;}
}
@media (max-width:768px){
  .hero--signs .hero__features{gap:12px;flex-direction:column;align-items:flex-start;}
}