/* Mobile booking fixes: keep the wireframe readable on phone-sized screens. */
html[data-skeleton="01"] #step-back { width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#111!important;box-shadow:none!important;text-shadow:none!important;font-size:32px!important;font-weight:400!important;line-height:1!important; }
html[data-skeleton="01"] body:has(#step-options.active) #step-back { position:absolute!important;left:10px!important;top:50%!important;transform:translateY(-50%)!important;z-index:2!important;background:transparent!important; }
html[data-skeleton="01"] #step-back:active{background:#f2f2f2!important} html[data-skeleton="01"] #form-location{font-size:18px!important}

html[data-skeleton="01"] body{min-height:var(--book-vvh,100dvh)} html[data-skeleton="01"] #private-app{min-height:var(--book-vvh,100dvh)} html[data-skeleton="01"] .flow{min-height:calc(var(--book-vvh,100dvh) - 92px)}

/* Compact iOS-alarm-style wheels: three-ish rows remain visible, the middle
   selection band is visually dominant, and neighboring values fade away. */
html[data-skeleton="01"] .book-picker .picker-rollers{align-items:stretch!important;height:248px!important;overflow:hidden!important;border-radius:16px!important}
html[data-skeleton="01"] .book-picker .picker-column{min-height:248px!important;height:248px!important;grid-template-rows:40px 208px!important}
html[data-skeleton="01"] .book-picker .picker-wheel{min-height:208px!important;height:208px!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-snap-type:y mandatory!important;padding:72px 0!important;mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%)}
html[data-skeleton="01"] .book-picker .picker-value{contain:layout paint;min-height:64px!important;height:64px!important;opacity:.42!important;transform:scale(.92);transition:opacity 120ms ease,transform 120ms ease;font-variant-numeric:tabular-nums;scroll-snap-align:center!important}
html[data-skeleton="01"] .book-picker .picker-value.selected{opacity:1!important;transform:scale(1.06);font-weight:650!important}
html[data-skeleton="01"] .book-picker .picker-band{top:calc(40px + 72px)!important;height:64px!important;border-radius:12px!important;pointer-events:none!important}

/* Keyboard mode is one stable visual-viewport sheet. Result count changes can
   scroll inside the sheet but cannot resize the page around the focused input. */
html[data-skeleton="01"][data-keyboard-open] body,html[data-skeleton="01"][data-keyboard-open] #private-app{height:var(--book-vvh,100dvh)!important;min-height:var(--book-vvh,100dvh)!important;overflow:hidden!important}
html[data-skeleton="01"][data-keyboard-open] #step-options.active{height:calc(var(--book-vvh,100dvh) - 92px)!important;min-height:0!important;overflow:hidden!important}
html[data-skeleton="01"][data-keyboard-open] #step-options #location-wrap{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}
html[data-skeleton="01"][data-keyboard-open] #step-options #place-search-shell{order:1!important;min-height:0!important}
html[data-skeleton="01"][data-keyboard-open] #step-options #plain-location-fallback{order:2!important;flex:0 0 auto!important}
html[data-skeleton="01"][data-keyboard-open] #place-autocomplete-mount.index-place-results{height:min(34vh,260px)!important;min-height:min(34vh,260px)!important;max-height:min(34vh,260px)!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff!important;border:1.25px solid #111!important;border-radius:10px!important;padding:4px 10px!important;contain:layout paint}

html[data-skeleton="01"] .step.active{animation:book-step-in 140ms ease-out both}@keyframes book-step-in{from{opacity:.72;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html[data-skeleton="01"] .step.active{animation:none}}
@media(max-width:460px){html[data-skeleton="01"] .book-picker .picker-rollers,html[data-skeleton="01"] .book-picker .picker-column{height:232px!important;min-height:232px!important}html[data-skeleton="01"] .book-picker .picker-column{grid-template-rows:40px 192px!important}html[data-skeleton="01"] .book-picker .picker-wheel{height:192px!important;min-height:192px!important;padding:64px 0!important}html[data-skeleton="01"] .book-picker .picker-band{top:104px!important}}