/*
 * Klever v13 — единая рабочая ширина и читаемая типографика.
 * Подключается последним через footer, после inline-стилей страниц.
 */
:root {
  --klever-v13-shell: 1180px;
  --klever-v13-gutter: 20px;
  --klever-v13-ink: #1f1b16;
  --klever-v13-muted: #534b42;
  --klever-v13-gold-deep: #8a5a00;
}

/* ── Единая рабочая ширина ───────────────────────────────────────
   Блок бронирования использует shell 1180px. Выравниваем с ним
   основную область всех внутренних страниц и убираем двойные
   Bootstrap-отступы у верхнего контентного ряда. */
html body.klever-site-page:not(.klever-home-page) > .container {
  width: min(calc(100% - (var(--klever-v13-gutter) * 2)), var(--klever-v13-shell)) !important;
  max-width: var(--klever-v13-shell) !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html body.klever-site-page:not(.klever-home-page) > .container > .row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

html body.klever-site-page:not(.klever-home-page) > .container > .row > .content_page {
  float: none !important;
  width: 100% !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  padding-bottom: 38px !important;
}

/* Внутренний .container вкладок раньше сужал страницу второй раз. */
html body.klever-site-page:not(.klever-home-page) .tab_index > .container {
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/* ── Страницы трёх гостиниц ────────────────────────────────────── */
html body.klever-site-page .klever-volokolamka-page,
html body.klever-site-page .klever-krasnogorsk-page,
html body.klever-site-page .klever-mitino-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
}

html body.klever-site-page .klever-volokolamka-page__section,
html body.klever-site-page .klever-krasnogorsk-page__section,
html body.klever-site-page .klever-mitino-page__section {
  width: 100% !important;
  max-width: none !important;
  margin: 44px 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html body.klever-site-page .klever-volokolamka-page__section:last-child,
html body.klever-site-page .klever-krasnogorsk-page__section:last-child,
html body.klever-site-page .klever-mitino-page__section:last-child {
  margin-bottom: 0 !important;
}

/* Убираем свободный хвост после финального CTA до подвала. */
html body.klever-site-page .klever-volokolamka-cta,
html body.klever-site-page .klever-krasnogorsk-cta,
html body.klever-site-page .klever-mitino-cta {
  margin-bottom: 0 !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 {
  color: var(--klever-v13-gold-deep) !important;
  font-weight: 900 !important;
  text-shadow: none !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 {
  color: var(--klever-v13-ink) !important;
  font-weight: 800 !important;
  text-shadow: none !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 {
  color: var(--klever-v13-muted) !important;
  font-weight: 500 !important;
  text-shadow: none !important;
}

/* Общие небольшие подписи на белых секциях: "Номера и цены",
   "Комфорт рядом с МЦД Павшино" и аналогичные. */
html body.klever-site-page:not(.klever-home-page) .content_page .section-eyebrow,
html body.klever-site-page:not(.klever-home-page) .content_page .eyebrow,
html body.klever-site-page:not(.klever-home-page) .content_page [class$="__eyebrow"] {
  color: var(--klever-v13-gold-deep) !important;
  font-weight: 900 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* Детальные материалы остаются удобными для чтения, но их карточка
   больше не выглядит уже основной рабочей колонки. */
html body.klever-site-page:not(.klever-home-page) .article-detail,
html body.klever-site-page:not(.klever-home-page) .akciya {
  width: 100% !important;
  max-width: none !important;
}

/* ── Адаптив ───────────────────────────────────────────────────── */
@media (max-width: 767.98px) {
  :root { --klever-v13-gutter: 14px; }

  html body.klever-site-page:not(.klever-home-page) > .container > .row > .content_page {
    padding-bottom: 28px !important;
  }

  html body.klever-site-page .klever-volokolamka-page,
  html body.klever-site-page .klever-krasnogorsk-page,
  html body.klever-site-page .klever-mitino-page {
    margin-bottom: 20px !important;
  }

  html body.klever-site-page .klever-volokolamka-page__section,
  html body.klever-site-page .klever-krasnogorsk-page__section,
  html body.klever-site-page .klever-mitino-page__section {
    margin: 32px 0 !important;
  }

  html body.klever-site-page:not(.klever-home-page) .tab_index > .container {
    width: 100% !important;
  }
}