/* es-m2 1.0.1 — первый экран на телефоне: cookies тонкой строкой, одна нижняя панель, кнопка записи без прокрутки (05.11.2026) */

/* ── cookies: появляется после начала прокрутки, тонкая строка над нижней панелью ── */
html.esm2-hold .es-cookie { display: none !important; }
@media (max-width: 600px) {
  .es-cookie { bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important; padding: 9px 10px 9px 14px !important; border-radius: 12px !important; }
  .es-cookie__row { flex-direction: row !important; align-items: center !important; gap: 10px !important; }
  .es-cookie__icon { display: none !important; }
  .es-cookie__text { font-size: 0 !important; line-height: 1.35 !important; }
  .es-cookie__text::before { content: "Сайт использует cookies. "; font-size: 12px; color: #d8cfc0; }
  :lang(en) .es-cookie__text::before { content: "This site uses cookies. "; }
  :lang(zh) .es-cookie__text::before { content: "本网站使用 cookies。"; }
  .es-cookie__text a { font-size: 12px !important; }
  .es-cookie__btn { width: auto !important; padding: 9px 16px !important; font-size: 0 !important; border-radius: 9px !important; }
  .es-cookie__btn::after { content: "Ок"; font-size: 12px; letter-spacing: .08em; }
  :lang(en) .es-cookie__btn::after { content: "OK"; }
  :lang(zh) .es-cookie__btn::after { content: "好"; }
}

/* ── одна нижняя панель: кнопки страницы и круглая кнопка связи стоят на общей подложке ── */
#esm2-dock { display: none; }
@media (max-width: 820px) {
  #esm2-dock { display: block; position: fixed; left: 0; right: 0; bottom: 0; height: calc(80px + env(safe-area-inset-bottom, 0px)); z-index: 9000; pointer-events: none;
    background: rgba(12, 11, 9, .9); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-top: 1px solid rgba(201, 169, 110, .2);
    transform: translateY(105%); transition: transform .35s cubic-bezier(.2, .7, .2, 1); }
  html.esm2-dock-on #esm2-dock { transform: none; }
  html.esm2-dock-on body { padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important; }
  /* кнопки страницы всегда поверх подложки (у «Сертификатов» своя панель лежала ниже по слоям) */
  .es-smcta, .es-smc-cert, .es-sticky { z-index: 9001 !important; }
  html.esm2-dock-on .es-cw3-btn::before { animation: none !important; opacity: 0 !important; }
  html.esm2-dock-on .es-cw3-btn { box-shadow: 0 4px 14px rgba(201, 169, 110, .35) !important; }
}
@media (prefers-reduced-motion: reduce) { #esm2-dock { transition: none; } }

/* ── первый экран: заголовок → коротко → кнопка; подробности ниже ── */
@media (max-width: 640px) {
  /* длинный вводный текст — 3 строки (весь текст остаётся на странице) */
  .es-hp-h__lead, .es-mh__lead, .es-ch__lead, .es-cm-hero__lead, .es-sph__lead, .es-dvh-lead, .es-hm-h__lead {
    display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden !important; }
  /* декоративные линии и ромбы — на телефоне не нужны */
  .es-hp-h__divider, .es-ch__divider, .es-ch__hr, .es-cm-hero__deco, .es-sph__divider, .es-hm-h__eyebrow-line { display: none !important; }

  /* Главная */
  .es-hp-h__inner { padding-top: 22px !important; }
  .es-hp-h__content { display: flex !important; flex-direction: column !important; }
  .es-hp-h__eyebrow { order: 0; margin-bottom: 10px !important; }
  .es-hp-h__title { order: 1; margin-bottom: 12px !important; }
  .es-hp-h__lead { order: 2; margin: 0 0 16px !important; }
  .es-hp-h__cta { order: 3; margin: 0 0 18px !important; }
  .es-hp-h__info { order: 4; margin: 0 !important; }

  /* Массаж */
  .es-mh__container { padding-top: 14px !important; }
  .es-mh__image-wrap { width: 100% !important; max-width: none !important; height: 170px !important; aspect-ratio: auto !important; }
  .es-mh__image { width: 100% !important; height: 170px !important; max-height: 170px !important; object-fit: cover; }
  .es-mh__layout { gap: 18px !important; }
  .es-mh__layout > div:not(.es-mh__image-wrap) { display: flex !important; flex-direction: column !important; }
  .es-mh__eyebrow { display: none !important; }
  .es-mh__title { order: 1; margin-bottom: 14px !important; }
  .es-mh__price-grid { order: 2; margin: 0 0 14px !important; }
  .es-mh__ctas { order: 3; margin: 0 0 16px !important; }
  .es-mh__lead { order: 4; margin: 0 !important; }

  /* Сертификаты */
  .es-ch__inner { padding-top: 34px !important; }
  .es-ch__eyebrow { margin-bottom: 12px !important; }
  .es-ch__title { margin-bottom: 14px !important; }
  .es-ch__lead { margin-bottom: 20px !important; }

  /* Спа для двоих */
  .es-cm-hero__container { padding-top: 16px !important; }
  .es-cm-hero__photo { width: 100% !important; max-width: none !important; height: 170px !important; max-height: 170px !important; aspect-ratio: auto !important; }
  .es-cm-hero__row { gap: 18px !important; }
  .es-cm-hero__lead { margin-bottom: 18px !important; }

  /* Спа-программы */
  .es-sph__inner { padding-top: 22px !important; }
  .es-sph__lead { margin-bottom: 18px !important; }

  /* Девичник */
  .es-dvh-wrap { padding-top: 16px !important; gap: 18px !important; }
  .es-dvh-media { width: 100% !important; max-width: none !important; height: 180px !important; aspect-ratio: auto !important; }
  .es-dvh-media img { width: 100% !important; height: 180px !important; max-height: 180px !important; object-fit: cover; }
  .es-dvh-lead { margin-bottom: 18px !important; }

  /* Хаммам */
  .es-hm-h__inner { padding-top: 22px !important; }
  .es-hm-h__content { display: flex !important; flex-direction: column !important; }
  .es-hm-h__eyebrow-wrap { order: 0; }
  .es-hm-h__content > h1 { order: 1; }
  .es-hm-h__lead { order: 2; margin-bottom: 16px !important; }
  .es-hm-h__ctas { order: 3; margin-bottom: 16px !important; }
  .es-hm-h__features { order: 4; }
  .es-hm-h__trust { order: 5; }
}