@media(max-width:800px){
 :root{--mobile-header-height:116px}
 html{scroll-padding-top:calc(var(--mobile-header-height) + 16px)}
 body>.header{position:sticky;top:0;z-index:40;transform:translate3d(0,calc(-1 * var(--mobile-header-offset,0px)),0);transition:transform .18s linear;will-change:transform}
 .header>.booking{display:none}
 .header nav{max-height:calc(100dvh - var(--mobile-header-height) - 12px);overflow-y:auto;overscroll-behavior:contain}
}
@media(max-width:600px){:root{--mobile-header-height:108px}}
@media(prefers-reduced-motion:reduce){body>.header{transition:none}}
.motion-paused body>.header{transition:none}