/* v13: телефон (data-layout="m") — отдельная вёрстка: коробка на всю ширину, листы снизу,
   ленты-карусели вместо сеток, липкая кнопка заказа. */

[data-layout="m"] .nav { display: none; }
[data-layout="m"] .top { gap: 8px; }
[data-layout="m"] .hero { padding: 18px 16px 8px; }
[data-layout="m"] .kin { font-size: clamp(28px, 8.4vw, 40px); }
[data-layout="m"] .lead { font-size: 16px; }
[data-layout="m"] .hero-btns { gap: 8px; margin-top: 16px; }
[data-layout="m"] .hero-btns .btn { flex: 1 1 0; min-width: 0; padding: 10px 12px; font-size: 15px; }
[data-layout="m"] .eyebrow { font-size: 12px; letter-spacing: .06em; }
[data-layout="m"] .cal { margin-top: 30px; }
[data-layout="m"] .box { padding: 12px; margin-left: -4px; margin-right: -4px; }
[data-layout="m"] .grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
[data-layout="m"] .w-num { font-size: clamp(24px, 8.4vw, 36px); }
[data-layout="m"] .w-fin { font-size: 11px; }
[data-layout="m"] .cal-bar { justify-content: space-between; }
[data-layout="m"] .today { flex: 1 1 auto; min-width: 0; font-size: 17px; }
[data-layout="m"] .day-reset { margin-left: auto; }

/* ленты: свайп по карточке = листание, снап по карточкам, видно край следующей */
[data-layout="m"] .note-rail,
[data-layout="m"] .rail {
  display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain;
  margin: 0 -16px; padding: 4px 16px 14px; scroll-padding: 0 16px; scrollbar-width: none;
}
[data-layout="m"] .note-rail::-webkit-scrollbar,
[data-layout="m"] .rail::-webkit-scrollbar { display: none; }
[data-layout="m"] .note-rail > *,
[data-layout="m"] .rail > * { flex: 0 0 84%; scroll-snap-align: start; }
[data-layout="m"] .step-list > * { flex-basis: 72%; }
[data-layout="m"] .rail-prev,
[data-layout="m"] .rail-next { display: none; }
[data-layout="m"] .g-btns .btn { flex: 1 1 100%; }

/* лист раскрытия снизу: модель сверху, текст под ней */
[data-layout="m"] .rv {
  position: fixed; inset: auto 0 0 0; margin: 0; width: 100%; max-width: 100%;
  height: min(92dvh, 760px); max-height: 92dvh; border-radius: 22px 22px 0 0;
}
[data-layout="m"] .rv-stage { height: 44%; min-height: 220px; }
[data-layout="m"] .rv-h { font-size: 24px; }
[data-layout="m"] .rv-btns .btn { flex: 1 1 auto; }

/* липкая кнопка заказа */
[data-layout="m"] .sticky {
  display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 15;
  padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
  background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--bg) 92%, transparent) 35%);
  transform: translateY(110%); transition: transform .35s var(--ease);
}
[data-layout="m"] .sticky.on { transform: none; }
[data-layout="m"] .sticky .btn { width: 100%; }

@media (max-width: 359px) {
  [data-layout="m"] .top-cta { padding: 8px 12px; font-size: 14px; }
  [data-layout="m"] .brand-s { display: none; }
  [data-layout="m"] .grid { gap: 6px; }
  [data-layout="m"] .box { padding: 10px; }
  [data-layout="m"] .chip { padding: 8px 12px; font-size: 14px; }
}
html.rv-on .sticky { display: none !important; }
[data-layout="m"] .fc-art { aspect-ratio: 16 / 10; }