/* Режим приложения: внутри MAX и Telegram вместо лендинга показываем мастер бронирования из 4 шагов.
   Всё ограничено классом .app-mode на <html>; обычный сайт в браузере не затрагивается. */
.app-mode .topbar,
.app-mode .hero,
.app-mode .book-bar,
.app-mode .final,
.app-mode main > section:not(#book),
.app-mode #book > .eyebrow,
.app-mode #book > h2,
.app-mode #sampleTag,
.app-mode #submitBtn { display: none !important; }

.app-mode html, .app-mode body { background: var(--bg); }
.app-mode #book { padding-top: 0; gap: 0; }
.app-mode main { padding-bottom: 0; }
.app-mode footer { margin-top: 24px; padding-bottom: calc(110px + env(safe-area-inset-bottom, 0px)); }
.app-mode .desk { display: block; }
.app-mode .steps { gap: 0; }
.app-mode .panel { border: 0; border-radius: 0; background: transparent; padding: 8px 0 16px; box-shadow: none; }
.app-mode aside.sum { position: static; border: 0; background: transparent; padding: 0 0 16px; }
.app-mode .months { grid-template-columns: minmax(0, 1fr); gap: 0; }
.app-mode .month:nth-child(2) { display: none; }
.app-mode .day { min-height: 44px; }

/* верх: заголовок, шаги */
.app-top { position: sticky; top: 0; z-index: 20; background: var(--bg); padding: calc(10px + env(safe-area-inset-top, 0px)) 0 10px; }
.app-top .row1 { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.app-top .ttl { font-family: var(--f-serif); font-size: 26px; font-weight: 500; line-height: 1.1; }
.app-top .full { border: 0; background: transparent; color: var(--accent); font-weight: 600; font-size: 13px; padding: 6px 0; }
.app-top .steps-ind { display: flex; gap: 6px; margin-top: 10px; }
.app-top .steps-ind i { flex: 1; height: 4px; border-radius: 2px; background: var(--line); }
.app-top .steps-ind i.on { background: var(--accent); }
.app-top .where { margin-top: 6px; font-size: 12.5px; color: var(--muted); }

/* низ: сумма и кнопки */
.app-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; background: var(--surface); border-top: 1px solid var(--line); padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px)); display: flex; align-items: center; gap: 12px; }
.app-bar .sum-box { flex: 1; min-width: 0; line-height: 1.15; }
.app-bar .sum-box small { display: block; font-size: 12px; color: var(--muted); }
.app-bar .sum-box b { font-family: var(--f-serif); font-size: 26px; font-weight: 500; }
.app-bar .btn-back { border: 1px solid var(--line); background: transparent; border-radius: 12px; padding: 13px 16px; font-weight: 600; }
.app-bar .btn-next { border: 0; background: var(--accent); color: var(--accent-fg); border-radius: 12px; padding: 13px 22px; font-weight: 700; font-size: 16px; }
.app-bar .btn-next:disabled { opacity: .4; }
.app-bar [hidden] { display: none !important; }

/* заголовок шага уже в верхней панели, футер в приложении не нужен (ссылка на политику есть в согласии) */
.app-mode .step-head h3 { display: none; }
.app-mode .step-head { justify-content: flex-end; }
.app-mode footer { display: none; }
.app-mode body { padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)); }
.app-bar .sum-box b { white-space: nowrap; font-size: 24px; }
.app-bar .btn-back { padding: 13px 0; width: 48px; font-size: 20px; line-height: 1; }
.app-bar .btn-next { padding: 13px 18px; white-space: nowrap; }