/* Мобильная версия, пачка П6 (окно 11, 5.11; docs/design/mobile-redesign-2026-11-05.md §6, §9; разборы cumpleanos.md, chat-contacto.md,
   alicante.md): Cumpleaños и Dónde estamos на телефоне. Подключается только этими страницами (server/src/web/index.js birthdayPage,
   wherePage). Всё — внутри max-width: 1023px; ПК (≥ 1024 px) не меняется: блоки «только для телефона» (.p6-m) на ПК скрыты. */
@media (min-width: 1024px) { .p6-m { display: none !important; } }
/* ПК 1024–1280 (нашло окно 6, 5.11): «Recomendado» из 3 карточек — сетка с overflow: visible (pages.css, C2), а карточки до появления
   сдвинуты анимацией раздачи (.rv.deal, translate 160 px) → страница шире экрана (1366 при 1280), пока ленту не прокрутили.
   Обрезаем по горизонтали секцию, не ленту: номера «01» сверху карточек не режутся */
.pv-more { overflow-x: clip; }

@media (max-width: 1023px) {
    /* ---------- Cumpleaños ---------- */
    /* Чипы hero — строкой фактов, а не «пилюлями»: по виду не путаются с кнопками (cumpleanos.md P3) */
    .p6-facts.dv-chips { gap: 4px 14px; margin-bottom: 18px; }
    .p6-facts.dv-chips li { min-height: 0; padding: 0; border: 0; background: none; box-shadow: none; font-size: 0.95rem; }
    /* цена — первым фактом, крупнее (cumpleanos.md P1: цены не было на первом экране) */
    .p6-facts .p6-price { flex-basis: 100%; font-weight: 700; font-size: 1.05rem; color: var(--aw-text); }
    .p6-facts .p6-price b { color: var(--aw-accent); font-family: var(--aw-font-mono); }
    /* прежний лид — абзацем после кнопок (окно 5, 5.11): мельче и тише короткой фразы над ним, не спорит с кнопками */
    .dv-hero .hero-cta ~ .g-desc { margin-top: 20px; font-size: 1rem; line-height: 1.55; color: var(--aw-text-muted); }
    /* плитки «2 · 20 · цена» повторяют чипы hero — на телефоне без них */
    .pv-bday .sx-facts { display: none; }
    /* «Grupos desde 6» уже в hero — пункт «участники» списка «Qué incluye» на телефоне не повторяем */
    .pv-bday .ilist li:has(.why-ico[data-ic="group"]) { display: none; }
    /* «Cómo es la fiesta» — шаги строкой: номер слева, заголовок и текст справа, без высоких карточек (§6) */
    .pv-steps--4 { gap: 8px; margin: 22px 0 20px; }
    .pv-steps--4 li { display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 14px; align-items: start; padding: 14px 16px; border-radius: 18px; }
    .pv-steps--4 .pv-step-n { grid-row: span 2; width: 40px; height: 40px; margin: 0; font-size: 0.85rem; }
    .pv-steps--4 h3 { margin: 2px 0 4px; font-size: 1.08rem; }
    .pv-steps--4 p { font-size: 0.95rem; line-height: 1.5; }

    /* ---------- Dónde estamos ---------- */
    /* первый экран: «Cómo llegar · Llamar · WhatsApp», адрес и как войти (chat-contacto.md P2, alicante.md P1) */
    .p6-where { display: grid; gap: 12px; margin-top: 22px; width: 100%; max-width: 520px; justify-self: stretch; text-align: left; }
    /* minmax(0, 1fr): кнопки с иконкой не раздвигают колонки шире экрана (на 320 «Llamar» + «WhatsApp» = 315 px > 288 — окно 6, 5.11) */
    .p6-acts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .p6-acts .btn { width: 100%; min-width: 0; min-height: 48px; padding-left: 14px; padding-right: 14px; justify-content: center; }
    .p6-acts .btn:first-child { grid-column: 1 / -1; }
    @media (max-width: 359px) { .p6-acts { grid-template-columns: minmax(0, 1fr); } }   /* iPhone SE 1-го поколения, 320: столбиком */
    .p6-addr { margin: 4px 0 0; font-size: 1rem; line-height: 1.5; color: var(--aw-text); }
    .p6-enter { margin: 0; font-size: 0.95rem; line-height: 1.55; color: var(--aw-text-muted); }
    /* карточки «Contacta con nosotros» повторяют кнопки первого экрана, блок вопросов и подвал — на телефоне без них */
    #contacto { display: none; }
    /* способы добраться — рядом с прокруткой пальцем, край следующей карточки виден (§6 «Жесты») */
    .pv-routes { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain;
        margin-left: calc(-1 * var(--aw-gutter)); margin-right: calc(-1 * var(--aw-gutter)); padding: 0 var(--aw-gutter) 6px; scrollbar-width: none; }
    .pv-routes::-webkit-scrollbar { display: none; }
    .pv-routes > li { flex: 0 0 82%; scroll-snap-align: start; }
    /* «Ver ruta ↗» — кнопкой-чипом 44 px, а не мелкой ссылкой (chat-contacto.md P2-2) */
    .pv-routes .where-route { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border-radius: var(--aw-radius-pill);
        border: 1px solid var(--aw-line-strong); text-decoration: none; justify-self: start; }
}