/*
 * Klever v27 — компактные hero гостиниц, ровные CTA и отступы услуг.
 * Подключается последним, поэтому перекрывает прежние визуальные слои.
 */

:root {
  --klever-v27-shell-gutter: clamp(18px, 3.2vw, 32px);
}

/* ── Hero трёх гостиниц: сохраняем фото, но уменьшаем высоту и воздух. ── */
@media (min-width: 992px) {
  html body.klever-site-page .klever-volokolamka-hero,
  html body.klever-site-page .klever-krasnogorsk-hero,
  html body.klever-site-page .klever-mitino-hero {
    min-height: 420px !important;
    padding: 34px 42px 32px !important;
    border-radius: 20px !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(570px, 59%) !important;
    max-width: 570px !important;
  }

  html body.klever-site-page .klever-volokolamka-hero__facts,
  html body.klever-site-page .klever-krasnogorsk-hero__facts,
  html body.klever-site-page .klever-mitino-hero__facts {
    gap: 8px !important;
    margin-top: 16px !important;
  }

  html body.klever-site-page .klever-volokolamka-hero__fact,
  html body.klever-site-page .klever-krasnogorsk-hero__fact,
  html body.klever-site-page .klever-mitino-hero__fact {
    min-height: 66px !important;
    padding: 9px 11px !important;
  }

  html body.klever-site-page .klever-volokolamka-hero__fact-icon,
  html body.klever-site-page .klever-krasnogorsk-hero__fact-icon,
  html body.klever-site-page .klever-mitino-hero__fact-icon {
    width: 26px !important;
    height: 26px !important;
    margin-bottom: 5px !important;
  }

  html body.klever-site-page .klever-volokolamka-hero__actions,
  html body.klever-site-page .klever-krasnogorsk-hero__actions,
  html body.klever-site-page .klever-mitino-hero__actions {
    gap: 8px !important;
    margin-top: 16px !important;
  }

  html body.klever-site-page .klever-volokolamka-button,
  html body.klever-site-page .klever-krasnogorsk-button,
  html body.klever-site-page .klever-mitino-button {
    min-height: 40px !important;
    padding: 0 14px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.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 {
    min-height: 400px !important;
    padding: 30px 32px 28px !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(560px, 65%) !important;
    max-width: 560px !important;
  }
}

/* ── Плитки «Предоставляемые услуги»: всегда воздух вокруг сетки. ── */
html body.klever-site-page .hotel-services-infographic {
  box-sizing: border-box !important;
  padding: 24px var(--klever-v27-shell-gutter) !important;
}

html body.klever-site-page .hotel-services-grid {
  width: 100% !important;
  margin: 0 !important;
}

@media (max-width: 767.98px) {
  html body.klever-site-page .hotel-services-infographic {
    padding: 18px 20px !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 {
  box-sizing: border-box !important;
  padding: 34px var(--klever-v27-shell-gutter) !important;
}

html body.klever-site-page .klever-volokolamka-cta [class*="__content"],
html body.klever-site-page .klever-krasnogorsk-cta [class*="__content"],
html body.klever-site-page .klever-mitino-cta [class*="__content"],
html body.klever-site-page .klever-volokolamka-cta > .container,
html body.klever-site-page .klever-krasnogorsk-cta > .container,
html body.klever-site-page .klever-mitino-cta > .container {
  box-sizing: border-box !important;
  width: min(100%, 800px) !important;
  max-width: 800px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  text-align: center !important;
}

html body.klever-site-page .klever-volokolamka-cta p,
html body.klever-site-page .klever-krasnogorsk-cta p,
html body.klever-site-page .klever-mitino-cta p {
  max-width: 760px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  text-align: center !important;
}

html body.klever-site-page .klever-volokolamka-cta [class*="__actions"],
html body.klever-site-page .klever-krasnogorsk-cta [class*="__actions"],
html body.klever-site-page .klever-mitino-cta [class*="__actions"] {
  justify-content: center !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

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

  html body.klever-site-page .klever-volokolamka-cta [class*="__actions"],
  html body.klever-site-page .klever-krasnogorsk-cta [class*="__actions"],
  html body.klever-site-page .klever-mitino-cta [class*="__actions"] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 420px !important;
    padding: 0 8px !important;
  }

  html body.klever-site-page .klever-volokolamka-cta .klever-volokolamka-button,
  html body.klever-site-page .klever-krasnogorsk-cta .klever-krasnogorsk-button,
  html body.klever-site-page .klever-mitino-cta .klever-mitino-button {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 46px !important;
    margin: 0 !important;
  }
}