/* tyrazh — телефон (≤ 760 і телефон в альбомі): вертикальна стрічка, кнопка під великий палець, крокі свайпом */
.M { padding-bottom: calc(84px + env(safe-area-inset-bottom)); }
.m-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 6px 12px 6px 16px; padding-top: max(6px, env(safe-area-inset-top)); }
.m-top .brand { font: 700 12.5px/1.2 var(--type); letter-spacing: .04em; min-width: 0; }
.M main { padding: 0 16px; }
.m-hero { padding: 18px 0 26px; }
.m-h1 { font-size: clamp(36px, 11vw, 50px); line-height: 1.03; margin-bottom: 16px; }
.m-lead { font-size: 16.5px; color: var(--ink-2); margin-bottom: 20px; }
.m-cta { width: 100%; }
.m-stage { margin: 0 12px 30px 0; }
.m-board { padding: 14px 12px 12px; }
.m-board-head { padding-bottom: 8px; border-bottom: 2px solid var(--form); margin-bottom: 10px; }
.m-frame { height: min(118vw, 480px); }
.m-board .perf { margin: 10px -12px 8px; }
.m-cap { font-size: 13.5px; color: var(--on-paper-2); }

.m-sec { padding: 26px 0; }
.m-h2 { font-size: clamp(25px, 7.4vw, 32px); line-height: 1.12; margin-bottom: 12px; }
.m-text { font-size: 16px; color: var(--ink-2); }
.m-after { margin-top: 14px; }
.m-blank-wrap { margin: 20px 12px 8px 0; }
.M .blank { padding: 16px 14px 0; }
.M .b-row { grid-template-columns: minmax(0, 1fr); gap: 2px; padding: 8px 0 7px; }
.M .b-row dd { font-size: 15px; }
.M .b-title { font-size: 17px; }
.M .stamp { bottom: 50px; right: 10px; font-size: 17px; }
.M .dl-sheet { padding: 12px 12px 10px; margin-top: 16px; }
.M .chips { margin-top: 2px; }
.M .dl-wrap { padding: 20px 0 0 22px; }
.M .dim-w { left: calc(22px + 1.68%); }
.M .dim-h { top: calc(20px + 1.66%); width: 18px; }

.m-film-box { aspect-ratio: 9 / 16; max-height: 78vh; margin: 14px auto 0; }

.m-car-wrap { margin: 16px -16px 0; }
.m-car { list-style: none; margin: 0; padding: 12px 16px 14px; display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory;
  scroll-padding: 0 16px; -webkit-overflow-scrolling: touch; touch-action: pan-x pan-y; scrollbar-width: none; }
.m-car::-webkit-scrollbar { display: none; }
.m-car .coupon { flex: 0 0 84%; scroll-snap-align: start; }
.m-dots { display: flex; justify-content: center; gap: 4px; margin-top: 4px; }
.m-dots button { width: 44px; height: 44px; border: 0; background: transparent; cursor: pointer; position: relative; }
.m-dots button::after { content: ""; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%;
  border: 2px solid var(--ink-2); }
.m-dots button[aria-current=true]::after { background: var(--ink); border-color: var(--ink); }

.m-honest { border-top: 1.5px dashed var(--line); margin-top: 6px; }
.m-final-h { margin-bottom: 18px; }
.m-print { padding: 20px 16px 18px; }
.m-print .form-ink { margin-bottom: 8px; }
.m-print .m-h2 { color: var(--on-paper); font-size: 24px; }
.m-print > p:not(.form-ink) { color: var(--on-paper); font-size: 15.5px; margin-bottom: 16px; }
.m-print .btn2 { width: 100%; }
.m-print .btn2 svg { width: 18px; height: 18px; }
.m-print-note { margin-top: 8px !important; font-size: 13px !important; color: var(--on-paper-2) !important; }
.m-foot { padding: 18px 16px 8px; color: var(--ink-2); font-size: 13px; border-top: 1px solid var(--line); margin-top: 10px; }

.m-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; padding: 10px 16px; padding-bottom: max(10px, env(safe-area-inset-bottom));
  background: var(--desk); border-top: 1px solid var(--line); transform: translateY(110%); transition: transform .3s; }
.m-bar .cta { width: 100%; min-height: 50px; }
.m-bar.on { transform: none; }
@media (prefers-reduced-motion: reduce) { .m-bar { transition: none; } }
/* Телефон в альбомі: низький екран — 3D нижче, бланк ширше */
@media (max-height: 500px) {
  .m-frame { height: 78vh; }
  .m-film-box { max-height: 86vh; }
}