/* v10 — телефон (html[data-layout="m"]): своя раскладка, не ужатый компьютер */

[data-layout="m"] { scroll-padding-top: 64px; }
[data-layout="m"] .top { padding: 8px 16px; gap: 8px; }
[data-layout="m"] .logo span { display: none; }
[data-layout="m"] main > section { padding: 52px 16px; }
[data-layout="m"] h2 { font-size: clamp(28px, 8.4vw, 38px); }
[data-layout="m"] .lead { font-size: 16px; }

/* герой: заголовок → коробочка на всю ширину → монограмма и кнопки */
[data-layout="m"] .hero { display: flex; flex-direction: column; gap: 22px; padding-top: 26px; }
[data-layout="m"] .hero-t { font-size: clamp(38px, 12.5vw, 56px); }
[data-layout="m"] .hero-stage { margin: 0 -16px; border-radius: 0; min-height: 0; aspect-ratio: 1 / 1.02; }
[data-layout="m"] .bx-hero { width: min(60vw, 300px); }
[data-layout="m"] .mono-form { grid-template-columns: 1fr auto 1fr; }
[data-layout="m"] .f-d { grid-column: 1 / -1; }
[data-layout="m"] .hero-ctl .acts .btn { flex: 1 1 140px; }

/* палитра: готовые — лента со свайпом */
[data-layout="m"] .pal-ready { flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; margin: 0 -16px; padding: 4px 16px 8px; scrollbar-width: none; }
[data-layout="m"] .pal-ready::-webkit-scrollbar { display: none; }
[data-layout="m"] .pr { flex: 0 0 auto; scroll-snap-align: start; }
[data-layout="m"] .chip { padding-right: 12px; font-size: 13px; }

/* стол: на всю ширину, управление под ним */
[data-layout="m"] .tbl-wrap { margin: 22px -16px 0; border-radius: 0; padding: 10px 6px; }
[data-layout="m"] .tbl-side .acts .btn { flex: 1 1 140px; }
[data-layout="m"] .tbl-side { margin-top: 18px; }

[data-layout="m"] .relief { display: flex; flex-direction: column; gap: 22px; }
[data-layout="m"] .relief-fig { margin: 0 -16px; }
[data-layout="m"] .r3-stage { border-radius: 0; }

[data-layout="m"] .eve { display: flex; flex-direction: column; gap: 26px; }

/* путь набора — карусель: свайп по карточке и тап по краю листают */
[data-layout="m"] .plan-list { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; margin: 26px -16px 0; padding: 4px 16px 10px;
  scrollbar-width: none; touch-action: pan-x pan-y; overscroll-behavior-x: contain; }
[data-layout="m"] .plan-list::-webkit-scrollbar { display: none; }
[data-layout="m"] .step { flex: 0 0 82%; scroll-snap-align: center; min-height: 190px; }
[data-layout="m"] .plan-nav { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 10px; }
[data-layout="m"] .nav-b { width: 46px; height: 46px; border-radius: 50%; border: 1px solid var(--line); background: var(--card); font-size: 18px; cursor: pointer; }
[data-layout="m"] .dots { display: flex; gap: 6px; }
[data-layout="m"] .dots i { width: 7px; height: 7px; border-radius: 50%; background: var(--line); transition: background .3s, transform .3s; }
[data-layout="m"] .dots i.on { background: var(--gold); transform: scale(1.3); }

[data-layout="m"] .cta { text-align: left; }
[data-layout="m"] .cta-art { justify-self: center; }
[data-layout="m"] .cta .acts .btn.primary, [data-layout="m"] .cta .acts .btn.ghost { flex: 1 1 100%; }

/* нижняя кнопка заявки */
[data-layout="m"] .dock { display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
  background: color-mix(in srgb, var(--bg) 90%, transparent); backdrop-filter: blur(10px); border-top: 1px solid var(--line);
  transform: translateY(110%); transition: transform .4s var(--ease); }
[data-layout="m"] .dock.show { transform: none; }
[data-layout="m"] .dock .btn { width: 100%; }
[data-layout="m"] .top-cta { display: none; }