/* Phone layouts: native scrolling, visible next items, and compact sections. */
@media(max-width:700px) {
 .site-language button { min-height:44px; min-width:28px; }
 .campaign-header__right { gap:6px; }
 .campaign-header__bar { padding-inline:14px; gap:6px; }
 .campaign-header__logo { width:80px; }
 .explore-trigger { min-height:44px; }
 .room { padding-top:28px; }
 .room__intro { margin-bottom:16px; }
 .room__gallery { height:330px; overflow-x:auto; scroll-snap-type:x mandatory; background:transparent; gap:10px; scrollbar-width:none; }
 .room.is-enhanced .room__panel,.room.is-enhanced .room__panel.is-active { position:relative; inset:auto; flex:0 0 88%; opacity:1; visibility:visible; scroll-snap-align:start; transition:none; }
 .room__panel img { transform:none; }
 .room__panel::after { display:none; }
 .room__bottom { display:flex; flex-wrap:wrap; gap:12px; margin-top:8px; }
 .room__controls { width:100%; justify-content:space-between; }
 .room__controls button { min-height:44px; }
 .room__source { margin-top:0; }
 .hookah-menu { padding-top:34px; padding-bottom:24px; }
 .hookah-menu__choices button { min-height:56px; }
 .blend { gap:12px; }
 .blend__visual { max-height:180px; }
 .blend__artwork { max-height:180px; object-fit:contain; }
 .blend__details { gap:14px; }
 .blend__formula { margin-block:10px; }
 .hookah-craft { padding-top:28px; }
 .preparation { gap:16px; padding-bottom:12px; }
 .preparation h2 { font-size:32px; }
 .preparation__photo img { height:185px; }
 .preparation__steps { display:flex; flex-direction:row; justify-content:flex-start; overflow-x:auto; scroll-snap-type:x mandatory; gap:18px; padding-bottom:12px; scrollbar-width:thin; }
 .preparation__steps li,.preparation__steps li:first-child,.preparation__steps li:last-child { flex:0 0 88%; min-width:0; align-content:start; padding:14px 0; border:0; border-top:1px solid var(--rule); scroll-snap-align:start; }
 .preparation h3 { font-size:23px; }
 .preparation__steps p { font-size:14px; line-height:1.55; }
 .preparation__footnote { padding-top:12px; }
 .wave-marquee { margin-top:6px; height:110px; }
 .wave-marquee__svg { height:90px; }
 .bar-counter { padding-top:24px; padding-bottom:30px; }
 .drink__image { height:210px; }
 .drink__caption > p:not([class]) { margin-block:8px; }
 .bar-counter__bottom { margin-top:20px; }
 .food-table { padding-top:28px; padding-bottom:34px; gap:18px; }
 .food-table__plate { height:210px; }
 .food-table__plate img { width:100%; height:100%; object-fit:contain; }
 .food-table__name h3 { font-size:28px; }
 .food-table__featured > p:not([class]) { margin-top:12px; font-size:14px; }
 .food-table__content { gap:20px; }
 .food-table__alternatives summary { min-height:48px; padding-block:14px; }
 .tropical-edge--food-low { bottom:-10px; width:115px; height:77px; }
 .tropical-edge--food-low img { width:115px; }
 .table-ritual { padding-top:30px; padding-bottom:28px; }
 .table-ritual__header { gap:10px; padding-bottom:12px; }
 .table-ritual__header h2 { font-size:32px; }
 .table-ritual__tabs { overflow-x:auto; gap:16px; }
 .table-ritual__tabs button { min-height:44px; flex-shrink:0; }
 .table-ritual__body { gap:12px; padding-top:14px; }
 .table-ritual__gallery { height:165px; }
 .ritual-photo img { object-fit:contain; }
 .ritual-photo figcaption { font-size:10px; }
 .ritual-sheet:not([hidden]) { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:16px; scrollbar-width:thin; padding-bottom:12px; }
 .ritual-item { flex:0 0 86%; min-width:0; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; gap:16px; border:0; border-right:1px solid var(--rule); padding:12px 16px 12px 0; scroll-snap-align:start; }
 .ritual-item__main h3 { font-size:22px; }
 .ritual-item__main p { font-size:14px; }
 .ritual-item__price { margin:0; }
 .table-ritual__actions { margin-top:16px; flex-wrap:wrap; gap:12px; }
 .guest-ledger { padding-top:28px; padding-bottom:30px; }
 .guest-ledger__top { padding-bottom:18px; gap:12px; }
 .guest-ledger__grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:20px; scrollbar-width:thin; }
 .guest-voice,.guest-voice + .guest-voice { flex:0 0 88%; min-width:0; padding:20px 8px 18px 0; border:0; scroll-snap-align:start; justify-content:space-between; }
 .guest-voice p { line-height:1.6; }
 .departure { padding-top:24px; }
 .visit-fold__brand { margin-bottom:18px; }
 .visit-card { min-height:0; }
 .visit-card__panel--left { padding:22px; gap:14px; min-height:0; }
 .visit-card h2 { display:flex; align-items:baseline; gap:10px; }
 .visit-card__street { font-size:28px; }
 .visit-card__number { font-size:42px; margin:0; }
 .visit-card__city { margin:0; font-size:14px; }
 .visit-card__route { margin-top:0; padding-top:14px; min-height:44px; }
 .visit-card__panel--right { padding:10px; }
 .visit-card__map-window { height:195px; }
 .visit-fold__contact { gap:18px; margin-top:22px; }
 .afterhours { padding-top:26px; }
 .afterhours__word { margin-top:28px; }
 .afterhours__contact { margin-top:52px; }
}
@media(prefers-reduced-motion:reduce) { .room__gallery { scroll-behavior:auto; } }
@media(max-width:700px) {
 .table-ritual__body,.table-ritual__menu,.ritual-sheet { min-width:0; max-width:100%; }
 .ritual-item__main { min-width:0; width:100%; }
 .blend__composition { width:180px; height:180px; aspect-ratio:1; margin:0 auto; }
 .blend__artwork { max-height:none; height:100%; }
 .blend__proportions { margin-top:14px; }
 .blend__description { margin-top:16px; }
}
@media(max-width:700px) {
 .campaign-header { position:fixed; top:0; left:0; right:0; z-index:100; }
 .campaign-header.is-open .campaign-header__drawer { position:fixed; inset:60px 0 0; display:block; overflow-y:auto; overscroll-behavior:contain; box-shadow:none; }
 .campaign-header.is-open .campaign-header__drawer-inner { min-height:100%; overflow:visible; }
 .campaign-header__drawer .explore-menu__links a { min-height:48px; }
 body:has(.campaign-header.is-open) { overflow:hidden; }
 .table-ritual__tabs button::after { opacity:0; }
 .table-ritual__tabs button[aria-selected="true"]::after { opacity:1; }
 .food-table.is-enhanced .food-table__plate { opacity:1; transform:none; transition:none; }
}
