/* =====================================================================
   BUCKLER · единый масштаб заголовков главной страницы (2026-07-27)
   За эталон взят заголовок первого экрана
   «Один сервис, который помогает пройти ремонт безопасно» (.hero-title):
       font-size: clamp(30px, min(3.35vw, 5.7vh), 49px);
       line-height: 1.14; font-weight: 800; letter-spacing: -.4px;
   Тот же адаптивный размер (учитывающий и ширину, и высоту окна)
   применяется ко всем главным заголовкам секций главной. Подключается
   последним, поэтому переопределяет прежние размеры без правки исходных
   правил. Заголовки прочих страниц и служебные (.bsm-title, .auth-title,
   .safe-route-title и т.п.) не затрагиваются.
   ===================================================================== */

:root{
  /* Единый масштаб = масштаб заголовка первого экрана */
  --home-heading-size: clamp(30px, min(3.35vw, 5.7vh), 49px);
  --home-heading-line: 1.14;
  --home-heading-weight: 800;
  --home-heading-tracking: -.4px;
}

/* Главные заголовки секций главной страницы:
   «Услуги Buckler», «Почему выбирают Buckler»,
   «Как работает функция “Гарантия сделки”», «Статьи и советы»,
   «Частые вопросы», «Начните ремонт безопасно». */
#about .platform-about__title,
.why-buckler .why-buckler-title,
.how-guarantee .how-guarantee-title,
.features .features-title,
#faq .section-title,
.cta h2{
  font-size: var(--home-heading-size);
  line-height: var(--home-heading-line);
  font-weight: var(--home-heading-weight);
  letter-spacing: var(--home-heading-tracking);
}

/* «Почему выбирают Buckler» в базовой теме принудительно шёл в одну строку
   (white-space:nowrap) и из-за этого агрессивно уменьшался на узких экранах.
   При едином масштабе разрешаем естественный перенос по словам — иначе на
   мобильных заголовок не поместится в контейнер. */
.why-buckler .why-buckler-title{
  white-space: normal;
}

/* ---------------------------------------------------------------------
   Нейтрализация прежних адаптивных переопределений размера, чтобы на всех
   контрольных ширинах и высотах действовал единый clamp() эталона.
   Дублируем брейкпойнты исходника с той же логикой (см. index.html).
   --------------------------------------------------------------------- */
@media (max-width: 1024px){
  #about .platform-about__title,
  .why-buckler .why-buckler-title,
  .how-guarantee .how-guarantee-title,
  .features .features-title,
  #faq .section-title,
  .cta h2{
    font-size: var(--home-heading-size);
    line-height: var(--home-heading-line);
  }
}

@media (max-width: 768px){
  .why-buckler .why-buckler-title,
  .how-guarantee .how-guarantee-title{
    font-size: var(--home-heading-size);
    white-space: normal;
  }
}

@media (max-width: 560px){
  .cta h2{ font-size: var(--home-heading-size); }
}

@media (max-width: 480px){
  #about .platform-about__title,
  .why-buckler .why-buckler-title,
  .how-guarantee .how-guarantee-title,
  .features .features-title,
  #faq .section-title,
  .cta h2{ font-size: var(--home-heading-size); }
}

@media (max-width: 360px){
  #about .platform-about__title,
  .why-buckler .why-buckler-title,
  .how-guarantee .how-guarantee-title,
  .features .features-title,
  #faq .section-title,
  .cta h2{ font-size: var(--home-heading-size); }
}

/* Низкие окна: эталонный clamp уже учитывает высоту (5.7vh), поэтому
   отдельные height-переопределения размера тоже приводим к нему. */
@media (max-height: 780px){
  .cta h2{ font-size: var(--home-heading-size); }
}