/*
 * Klever v14 — единая иерархия заголовков и комфортный hero на страницах гостиниц.
 * Подключается последним, после всех старых и inline-стилей.
 */

:root {
  --klever-v14-ink: #211c17;
  --klever-v14-muted: #5c5248;
  --klever-v14-gold: #986608;
}

/* ──────────────────────────────────────────────────────────────────────────
   ПЕРВЫЙ БЛОК С ФОТО НА СТРАНИЦАХ ГОСТИНИЦ
   В v13 внешняя колонка была расширена до общей ширины, но у hero визуально
   исчез безопасный внутренний отступ слева. Возвращаем его не сужая сам блок.
   ────────────────────────────────────────────────────────────────────────── */
@media (min-width: 768px) {
  html body.klever-site-page .klever-volokolamka-hero,
  html body.klever-site-page .klever-krasnogorsk-hero,
  html body.klever-site-page .klever-mitino-hero {
    padding: clamp(44px, 5vw, 64px) clamp(48px, 5.4vw, 72px) clamp(42px, 4.6vw, 58px) !important;
  }

  html body.klever-site-page .klever-volokolamka-hero__content,
  html body.klever-site-page .klever-krasnogorsk-hero__content,
  html body.klever-site-page .klever-mitino-hero__content {
    width: min(650px, 64%) !important;
    max-width: 650px !important;
    margin: 0 !important;
  }
}

@media (max-width: 767.98px) {
  html body.klever-site-page .klever-volokolamka-hero,
  html body.klever-site-page .klever-krasnogorsk-hero,
  html body.klever-site-page .klever-mitino-hero {
    padding: 28px 24px 26px !important;
  }
}

/* ──────────────────────────────────────────────────────────────────────────
   ЗАГОЛОВКИ СТРАНИЦ ГОСТИНИЦ
   Функциональные блоки читаются как последовательность страницы — выравниваем
   их по левому краю. Только нейтральные каталожные блоки остаются по центру.
   На широком экране короткие заголовки держим одной строкой.
   ────────────────────────────────────────────────────────────────────────── */
html body.klever-site-page .klever-volokolamka-page__section-head,
html body.klever-site-page .klever-krasnogorsk-page__section-head,
html body.klever-site-page .klever-mitino-page__section-head {
  display: block !important;
  width: 100% !important;
  margin: 0 0 20px !important;
  text-align: left !important;
}

html body.klever-site-page .klever-volokolamka-page__eyebrow,
html body.klever-site-page .klever-krasnogorsk-page__eyebrow,
html body.klever-site-page .klever-mitino-page__eyebrow,
html body.klever-site-page .content_page .section-eyebrow,
html body.klever-site-page .content_page .eyebrow,
html body.klever-site-page .content_page [class$="__eyebrow"] {
  display: block !important;
  margin-bottom: 8px !important;
  color: var(--klever-v14-gold) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .09em !important;
  line-height: 1.25 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  text-transform: uppercase !important;
}

html body.klever-site-page .klever-volokolamka-page__heading,
html body.klever-site-page .klever-krasnogorsk-page__heading,
html body.klever-site-page .klever-mitino-page__heading,
html body.klever-site-page .klever-volokolamka-page__section-head h2,
html body.klever-site-page .klever-krasnogorsk-page__section-head h2,
html body.klever-site-page .klever-mitino-page__section-head h2 {
  max-width: none !important;
  margin: 0 !important;
  color: var(--klever-v14-ink) !important;
  font-size: clamp(28px, 2.55vw, 36px) !important;
  font-weight: 800 !important;
  letter-spacing: -.035em !important;
  line-height: 1.12 !important;
  text-align: left !important;
}

html body.klever-site-page .klever-volokolamka-page__section-lead,
html body.klever-site-page .klever-krasnogorsk-page__section-lead,
html body.klever-site-page .klever-mitino-page__section-lead {
  max-width: 860px !important;
  margin: 11px 0 0 !important;
  color: var(--klever-v14-muted) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  text-align: left !important;
}

/* "Предоставляемые услуги" — каталожный заголовок, здесь центрирование
   действительно помогает считыванию компактной сетки. */
html body.klever-site-page .hotel-services-infographic > h2,
html body.klever-site-page .hotel-services-infographic > h3,
html body.klever-site-page .hotel-services-infographic > .section-title,
html body.klever-site-page .hotel-services-infographic > .title {
  width: 100% !important;
  margin: 0 0 17px !important;
  color: var(--klever-v14-ink) !important;
  font-size: clamp(23px, 2.1vw, 30px) !important;
  font-weight: 800 !important;
  letter-spacing: -.025em !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

@media (min-width: 992px) {
  /* Одной строкой там, где это физически помещается в общую ширину 1180px. */
  html body.klever-site-page .klever-volokolamka-page__heading,
  html body.klever-site-page .klever-krasnogorsk-page__heading,
  html body.klever-site-page .klever-mitino-page__heading,
  html body.klever-site-page .klever-volokolamka-page__section-head h2,
  html body.klever-site-page .klever-krasnogorsk-page__section-head h2,
  html body.klever-site-page .klever-mitino-page__section-head h2 {
    white-space: nowrap !important;
  }
}

@media (max-width: 991.98px) {
  html body.klever-site-page .klever-volokolamka-page__heading,
  html body.klever-site-page .klever-krasnogorsk-page__heading,
  html body.klever-site-page .klever-mitino-page__heading,
  html body.klever-site-page .klever-volokolamka-page__section-head h2,
  html body.klever-site-page .klever-krasnogorsk-page__section-head h2,
  html body.klever-site-page .klever-mitino-page__section-head h2 {
    white-space: normal !important;
  }
}

@media (max-width: 767.98px) {
  html body.klever-site-page .klever-volokolamka-page__section-head,
  html body.klever-site-page .klever-krasnogorsk-page__section-head,
  html body.klever-site-page .klever-mitino-page__section-head {
    margin-bottom: 15px !important;
  }

  html body.klever-site-page .klever-volokolamka-page__heading,
  html body.klever-site-page .klever-krasnogorsk-page__heading,
  html body.klever-site-page .klever-mitino-page__heading,
  html body.klever-site-page .klever-volokolamka-page__section-head h2,
  html body.klever-site-page .klever-krasnogorsk-page__section-head h2,
  html body.klever-site-page .klever-mitino-page__section-head h2 {
    font-size: 27px !important;
    line-height: 1.15 !important;
  }

  html body.klever-site-page .klever-volokolamka-page__section-lead,
  html body.klever-site-page .klever-krasnogorsk-page__section-lead,
  html body.klever-site-page .klever-mitino-page__section-lead {
    font-size: 15px !important;
  }
}