/* ЕДИНЫЕ ЗАГОЛОВКИ РАЗДЕЛОВ ГЛАВНОЙ (11.10.2026, его правило: «все такого рода
   заголовки делать одинаковыми – с красной линией, как «В разное время обучались»,
   и одинаковым шрифтом»).
   Образец – .kl-projects__title / .kl-projects__line (projects-marquee.css):
   Noto Sans 300, заглавные, разрядка .5px, высота строки 1, по центру,
   размер clamp(24px, 4vw, 44px), на телефоне 26 px; под заголовком через 10 px –
   красная линия 1 px (радиальный градиент #e00000), шириной до 800 px.
   Файл подключается в index.html последним, после бандла и mobile-center-1.css. */

/* ---- Заголовки ---- */
.kl-projects__title,
.kl-chapters__title,
.kl-price__title,
.kl-sell__title,
.kl-steps__title,
.kl-studios .kl-studios__title,
.kl-rv__title,
.kl-sh__title {
  font-family: 'Noto Sans', Arial, sans-serif !important;
  font-weight: 300 !important;
  font-size: clamp(24px, 4vw, 44px) !important;
  line-height: 1 !important;
  letter-spacing: .5px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  margin: 0 0 10px !important;
  color: #fff;
}
.kl-chapters__title { color: #fff !important; }
.kl-sh--light .kl-sh__title { color: #000; }

@media screen and (max-width: 639px) {
  .kl-projects__title,
  .kl-chapters__title,
  .kl-price__title,
  .kl-sell__title,
  .kl-steps__title,
  .kl-studios .kl-studios__title,
  .kl-rv__title,
  .kl-sh__title { font-size: 26px !important; }
}

/* ---- Красные линии: одна ширина, один цвет, ровно по центру ---- */
.kl-projects__line,
.kl-chapters__line,
.kl-price__line,
.kl-steps__line,
.kl-rv__line,
.kl-sh__line {
  display: block !important;
  width: min(800px, calc(100vw - 24px)) !important;
  max-width: none !important;
  height: 1px !important;
  margin-top: 0 !important;
  margin-left: 50% !important;
  margin-right: 0 !important;
  transform: translateX(-50%);
  background: radial-gradient(circle, #e00000 0%, rgba(224, 0, 0, 0) 100%) !important;
}

/* Отступ от линии до содержимого – прежний отступ под заголовком */
#klSellValue .kl-sh__line { margin-bottom: 40px; }
.kl-studios .kl-sh__line { margin-bottom: 32px; }
@media screen and (max-width: 639px) {
  #klSellValue .kl-sh__line { margin-bottom: 24px; }
}

/* ---- Заголовки, которые раньше были блоками Тильды (Москва, Дубай, F.A.Q.) ---- */
.kl-sh { padding: 0 12px; text-align: center; }
/* адрес справа от «Москва» / «Дубай» на компьютере (studios.css, .kl-city-addr) */
.kl-sh--light { position: relative; }
.kl-sh--light { overflow-x: clip; }
.kl-sh--light .kl-city-addr { right: max(20px, calc(50% - 600px + 20px)); }