/* One disclosure for the tire links, shared by mouse, keyboard and touch. */
.nav{background:var(--paper)}
.nav :is(a,button){-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.nav .nav-root{gap:.15rem}
.nav .nav-root>li>a.link,.nav .nav-parent{display:flex;align-items:center;gap:.4rem;min-height:44px;padding:.6rem .7rem;border-radius:9px;font-size:.94rem;font-weight:650;line-height:1.4;color:var(--heading);opacity:1;box-shadow:none;transition:background .15s ease,color .15s ease}
.nav .nav-root>li>a.link.active::after{display:none}
.nav .nav-root>li>a.link.active,.nav .nav-parent.active{background:var(--tire-soft)}
.nav .nav-parent[aria-expanded=true]{background:var(--accent);color:#182231}
.nav .nav-chevron{width:13px;height:13px;transition:transform .18s ease}
.nav .nav-tire-panel{position:absolute;top:calc(100% + 12px);left:-12px;z-index:55;width:700px;max-width:calc(100vw - 32px);display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:12px;padding:12px;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:0 20px 55px #0b122029,0 3px 10px #0b12200a;animation:af-nav-enter .16s ease-out}
.nav .nav-tire-panel::before{content:'';position:absolute;inset:-14px 0 auto;height:14px}
.nav .nav-tire-shop{min-width:0}
.nav .nav-tire-panel a.link{opacity:1;white-space:normal;letter-spacing:0;border-radius:10px;min-width:0;line-height:1.4;text-decoration:none}
.nav .nav-tire-panel a.link.active::after{display:none}
.nav .nav-tire-panel .nav-tire-overview{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;padding:10px 12px 14px;font-size:1rem;border-bottom:1px solid var(--line)}
.nav .nav-tire-panel small{display:block;margin-top:4px;font-size:.76rem;font-weight:400;color:var(--muted);line-height:1.45}
.nav .nav-tire-panel .nav-tire-grid{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:4px;padding:0;margin:0;background:none;border:0;box-shadow:none;list-style:none}
.nav .nav-tire-panel .nav-tire-link{display:flex;align-items:center;gap:10px;height:100%;min-height:84px;padding:12px 10px;font-size:.91rem}
.nav .nav-item-copy{min-width:0}
.nav .nav-item-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:var(--tire-soft);color:var(--heading)}
.nav .nav-item-icon svg{width:22px;height:22px}
.nav .nav-item-arrow{margin-left:auto;color:var(--muted);font-size:1.15rem;line-height:1;flex:none}
.nav .nav-tire-grid .nav-item-arrow{display:none}
.nav .nav-tire-panel .nav-hotel-link{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:20px 18px;background:#f4f4db;color:#182231;font-size:1.06rem}
.nav .nav-hotel-link .nav-item-icon{width:42px;height:42px;background:#eeed0066;color:#182231}
.nav .nav-hotel-link small{color:#4b5360;font-size:.8rem}
.nav .nav-hotel-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;align-self:stretch;margin-top:auto;padding-top:14px;border-top:1px solid #18223120;font-size:.78rem;font-weight:650}
.nav .nav-tire-panel a[aria-current=page]{background:var(--tire-soft);box-shadow:inset 3px 0 var(--accent)}
.nav .nav-tire-panel .nav-hotel-link[aria-current=page]{background:#eeed0040;box-shadow:inset 3px 0 var(--accent)}
.nav :is(a,button):focus-visible{outline:2px solid var(--tire-focus);outline-offset:3px;box-shadow:0 0 0 5px #eeed0060}
@media(hover:hover){
  .nav .nav-root>li>a.link:hover,.nav .nav-parent:hover{background:var(--tire-soft)}
  .nav .nav-parent[aria-expanded=true]:hover{background:var(--accent)}
  .nav .nav-tire-panel a.link:hover{background:var(--tire-soft)}
  .nav .nav-tire-panel .nav-hotel-link:hover{background:#ededbf}
  .nav .nav-tire-overview:hover .nav-item-arrow,.nav .nav-hotel-link:hover .nav-hotel-cta>span{transform:translateX(3px)}
}
@media(min-width:1251px){.nav-inner{gap:1rem}.nav .nav-root>li{flex:none}}
@media(max-width:1250px){
  body:has(.nav.open){overflow:hidden}
  .nav .nav-inner{padding-block:.8rem}
  .nav.open .nav-root{left:0;right:0;top:calc(100% + 8px);gap:3px;padding:10px;max-height:calc(100dvh - var(--af-nav-bottom,80px) - 20px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 40px #0b12202b;background:var(--paper)}
  .nav .nav-root>li>a.link,.nav .nav-parent{width:100%;min-height:44px;padding:10px 12px;font-size:1rem;border-radius:9px}
  .nav .nav-parent{justify-content:space-between}
  .nav .nav-root>li>a.link.active,.nav .nav-parent.active{background:var(--tire-soft)}
  .nav .nav-parent[aria-expanded=true],.nav .nav-parent[aria-expanded=true]:hover{background:#eeed0026;color:var(--heading);box-shadow:inset 3px 0 var(--accent)}
  .nav .nav-tire-panel{position:static;width:auto;max-width:none;grid-template-columns:minmax(0,1fr);gap:8px;padding:8px 0 10px;margin:0 4px 5px;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;background:none;animation:none}
  .nav .nav-tire-panel::before{display:none}
  .nav .nav-tire-panel .nav-tire-overview{padding:8px;margin-bottom:3px;font-size:.91rem;border:0}
  .nav .nav-tire-overview small{font-size:.72rem;margin-top:2px}
  .nav .nav-tire-panel .nav-tire-grid{grid-template-columns:minmax(0,1fr);gap:1px}
  .nav .nav-tire-panel .nav-tire-link{gap:12px;min-height:48px;padding:7px 8px;font-size:.92rem}
  .nav .nav-tire-grid .nav-item-arrow{display:block}
  .nav .nav-tire-panel .nav-tire-link small{display:none}
  .nav .nav-tire-panel .nav-hotel-link{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:12px;row-gap:0;padding:12px 10px;font-size:.94rem;border-radius:10px}
  .nav .nav-hotel-link .nav-item-icon{width:34px;height:34px}
  .nav .nav-hotel-link small{font-size:.72rem;margin-top:2px}
  .nav .nav-hotel-cta{display:none}
  .nav .nav-book-mobile{padding:8px 2px 2px}
  .nav .nav-book-mobile .btn{min-height:46px;box-shadow:none}
  .nav .menu-toggle span{transition:transform .18s ease,opacity .18s ease}
  .nav.open .menu-toggle span:first-child{transform:translateY(6px) rotate(45deg)}
  .nav.open .menu-toggle span:nth-child(2){opacity:0}
  .nav.open .menu-toggle span:last-child{transform:translateY(-6px) rotate(-45deg)}
}
@media(prefers-color-scheme:dark){
  .nav .nav-tire-panel{box-shadow:0 20px 55px #0007}
  .nav .nav-tire-panel .nav-hotel-link{background:#292f20;color:#f2f4d9}
  .nav .nav-hotel-link small{color:#c1c6b5}
  .nav .nav-hotel-link .nav-item-icon{background:#eeed0029;color:#eeed00}
  .nav .nav-hotel-cta{border-top-color:#ffffff26}
  .nav .nav-tire-panel .nav-hotel-link:hover{background:#373e24}
  .nav .nav-tire-panel .nav-hotel-link[aria-current=page]{background:#373e24}
}
@keyframes af-nav-enter{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.nav .nav-tire-panel{animation:none}.nav .nav-root>li>a.link,.nav .nav-parent,.nav .nav-chevron,.nav .menu-toggle span{transition:none}}
