html {scrollbar-gutter:stable;}
.nav-links{align-items:center}
.nav-links .navigation-panel a{display:flex}
.navigation-scrim {position:fixed;inset:var(--navigation-bottom,88px) 0 0;z-index:29;background:oklch(20% .005 160 / .43);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:scrim-in .2s ease-out;}
.refined-menu>summary {height:58px;font-size:16px;border-bottom:3px solid transparent;}
.refined-menu[open]>summary {border-color:var(--teal);color:var(--teal);}
.refined-menu>summary>span {font-size:20px;}
.refined-menu>.navigation-panel {position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:min(820px,calc(100vw - 70px));min-width:0;display:grid;grid-template-columns:.95fr 1.2fr;gap:22px;background:var(--surface);padding:28px;border:0;border-radius:27px;box-shadow:0 24px 60px oklch(20% .02 160 / .14);animation:nav-panel-in .24s var(--ease);}
.navigation-categories {min-width:0;}
.navigation-panel svg {width:23px;height:23px;flex:none;fill:none;stroke:var(--teal);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.navigation-panel button,.navigation-panel a {display:flex;align-items:center;text-align:left;gap:13px;font-size:18px;font-weight:450;line-height:1.35;padding:12px;border:0;border-radius:11px;background:transparent;color:var(--ink);width:100%;}
.navigation-categories button[aria-selected="true"] {background:var(--stone);}
.nav-chevron {margin-left:auto;font-size:22px;color:var(--muted);}
.navigation-panel a:hover {background:var(--stone);}
.navigation-extra {padding-top:17px;margin-top:19px;border-top:1px solid var(--line);}
.navigation-extra a {font-size:15px;padding-block:13px;}
.navigation-destinations {padding-left:8px;}
.navigation-destinations a {min-height:51px;}
.navigation-panel :focus-visible {outline:2px solid var(--teal);outline-offset:2px;}
.mobile-nav>div {z-index:31;}
.navigation-panel,.mobile-nav>div{max-height:calc(100dvh - var(--navigation-bottom,88px) - 24px);overflow-y:auto}
@keyframes nav-panel-in {from{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}
@keyframes scrim-in {from{opacity:0}to{opacity:1}}
@media(max-width:760px){.navigation-panel button,.navigation-panel a{font-size:16px;}.refined-menu>.navigation-panel{padding:19px;gap:10px;width:calc(100vw - 40px);}.navigation-panel svg{width:20px;height:20px;}}
@media(max-width:540px){.mobile-nav{position:static}.mobile-nav>div{width:calc(100vw - 36px);min-width:0;left:50%;right:auto;transform:translateX(-50%);top:calc(100% + 6px);padding:18px;border:0;border-radius:21px;box-shadow:0 18px 40px oklch(20% .02 160 / .15);}.mobile-nav a{padding:13px;font-size:17px;}}
@media(prefers-reduced-motion:reduce){.navigation-scrim,.refined-menu>.navigation-panel{animation:none;}}

/* Secondary placeholder beside the primary booking action. */
.nav-actions{display:flex;align-items:center;gap:10px;flex:none;white-space:nowrap}
.nav .nav-login:disabled{opacity:1;cursor:default;background:transparent;color:var(--teal);border-color:var(--line);transform:none}
@media(max-width:820px){
 .nav-links{display:none}
 .mobile-nav{display:block;margin-left:auto;position:relative}
 .mobile-nav>summary{display:flex;width:34px;height:44px;align-items:center;justify-content:center;font-size:19px}
 .mobile-nav>div{left:auto;right:0;top:46px;min-width:260px}
}
@media(max-width:540px){
 .nav{gap:8px}
 .nav-actions{gap:6px}
 .nav-actions .button{min-height:44px;padding:9px 10px}
 .nav-actions .button>span{display:none}
 .mobile-nav{position:static}
 .mobile-nav>div{width:calc(100vw - 36px);left:50%;right:auto;transform:translateX(-50%);top:calc(100% + 6px)}
}
@media(max-width:380px){
 .nav{width:calc(100% - 24px);gap:6px}
 .nav .brand{font-size:19px;gap:6px}
 .nav .brand .mark{width:24px;height:24px;margin-right:1px}
 .nav .brand-hq{font-size:13px}
 .mobile-nav>summary{width:28px}
 .nav-actions .button{padding-inline:8px}
}
