/* Start:/local/templates/naginoff/template_styles.css?17848231413784*/
/* ============================================================
   Кастомные оверрайды шаблона naginoff — template_styles.css
   Подключается автоматически ($APPLICATION->ShowHead()) на всех страницах.
   2026-07-23: фикс адаптива Hero услуг (планшет/мобила) + регистр подзаголовка.
   Затрагивает только Hero страниц услуг (.first-screen-mainpage).
   ============================================================ */

/* A. КОРНЕВОЙ ФИКС: контейнер Hero был box-sizing:content-box → при width:100%+padding
   выходил за экран (левый прилип на планшете, обрезка формы на мобиле). */
.first-screen-mainpage .first-screen-mainpage__container { box-sizing: border-box !important; }

/* B. Форма/поля — тоже border-box (чтобы не вылезали за карточку). */
.first-screen-mainpage .first-screen-mainpage__form-card,
.first-screen-mainpage .first-screen-mainpage__form,
.first-screen-mainpage .first-screen-mainpage__input { box-sizing: border-box !important; }

/* C. Планшет/малый десктоп (640–1247px): вернуть боковой отступ (был padding:0 при >=640). */
@media (min-width: 640px) and (max-width: 1247px) {
  .first-screen-mainpage .first-screen-mainpage__container {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

/* D. Подстраховка от горизонтального скролла (full-bleed 100vw блоки на др. страницах). */
html, body { overflow-x: hidden !important; }

/* E. Подзаголовок Hero — обычный регистр + нормальный трекинг (капсом плохо читается). */
.first-screen-mainpage .first-screen-mainpage__kicker {
  text-transform: none !important;
  letter-spacing: 0.01em !important;
}

/* F. КОМПАКТНАЯ МОБИЛКА Hero (<=640): чтобы на первом экране влезли
   заголовок + описание + преимущества + начало формы. */
@media (max-width: 640px) {
  .first-screen-mainpage { padding-top: 18px !important; padding-bottom: 22px !important; min-height: auto !important; }
  .first-screen-mainpage .first-screen-mainpage__container { padding-left: 16px !important; padding-right: 16px !important; }
  .first-screen-mainpage .breadcrumb { margin: 0 0 10px !important; font-size: 12px !important; }
  .first-screen-mainpage .first-screen-mainpage__grid { gap: 16px !important; }
  .first-screen-mainpage .first-screen-mainpage__title-block { margin-bottom: 12px !important; }
  .first-screen-mainpage .first-screen-mainpage__title { font-size: 26px !important; line-height: 1.12 !important; }
  .first-screen-mainpage .first-screen-mainpage__kicker { font-size: 13px !important; line-height: 1.35 !important; margin: 8px 0 0 !important; }
  .first-screen-mainpage .first-screen-mainpage__list { gap: 8px !important; }
  .first-screen-mainpage .first-screen-mainpage__list-text { font-size: 13.5px !important; line-height: 1.35 !important; }
  .first-screen-mainpage .first-screen-mainpage__list-icon { width: 26px !important; height: 26px !important; flex: 0 0 26px !important; }
  .first-screen-mainpage .first-screen-mainpage__form-card { padding: 16px !important; }
  .first-screen-mainpage .first-screen-mainpage__form-title { font-size: 19px !important; margin-bottom: 12px !important; }
  .first-screen-mainpage .first-screen-mainpage__fields { gap: 10px !important; }
  .first-screen-mainpage .first-screen-mainpage__input { padding: 13px 14px !important; }
}
/* End */
/* /local/templates/naginoff/template_styles.css?17848231413784 */