/* The original header slot preserves the first-screen height budget. */
html{scroll-padding-top:calc(var(--header-height) + 18px)}
.top{display:block;position:relative;padding-block:0}
.nav-shell{--nav-inset:clamp(12px,2vw,40px);position:fixed;z-index:50;top:6px;left:var(--nav-inset);right:var(--nav-inset);height:max(48px,min(calc(var(--header-height) - 12px),82px));display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 16px;background:#fff;border:2px solid var(--ink);border-radius:22px;box-shadow:3px 4px 0 var(--ink)}
.top .nav-shell .brand{gap:8px}
.top .nav-shell .brand img{width:34px;height:34px}
.top .nav-shell .brand b{font-size:14px}
.top .nav-shell .brand small{font-size:10px;line-height:1.3}
.top .nav-shell .nav{display:flex;align-items:center;justify-content:center;gap:2px;font-size:12px;line-height:1.3}
.top .nav-shell .nav a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 9px;border:0;border-radius:12px;text-decoration:none;transition:background .15s,color .15s}
.top .nav-shell .nav a:hover{background:#FBE9E8;color:#B30500}
.top .nav-shell .nav a[aria-current="location"]{background:var(--blue);color:#fff}
.top .nav-shell>.btn{flex:none;font-size:12px;min-height:40px;padding:8px 14px;background:var(--ink);color:#fff;gap:8px;border-radius:14px;box-shadow:none}
.top .nav-shell>.btn>span{font-size:19px}
.top .nav-shell .nav .nav-contact{display:none}
.nav-toggle{display:none;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 10px;border:0;border-radius:12px;background:var(--ink);color:white;font-size:12px;font-weight:700;flex:none}
.nav-toggle svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.nav-toggle[aria-expanded="true"]{background:var(--blue)}
@media(min-width:1200px) and (max-width:1299px){.top .nav-shell .brand small{display:none}}
@media(min-width:1700px){.top .nav-shell .nav{font-size:14px;gap:6px}.top .nav-shell .nav a{padding-inline:14px}.top .nav-shell .brand b{font-size:16px}.top .nav-shell .brand small{font-size:11px}.top .nav-shell>.btn{font-size:14px;min-height:44px}}
@media(max-width:1199px){
  .nav-shell{padding-inline:12px;border-radius:18px;gap:12px}
  .top .nav-shell .brand{margin-right:auto}
  .top .nav-shell .nav{position:absolute;top:calc(100% + 10px);left:-2px;right:-2px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:12px;background:#fff;border:2px solid var(--ink);border-radius:18px;box-shadow:3px 4px 0 var(--ink);max-height:calc(100svh - var(--header-height) - 28px);overflow-y:auto;overscroll-behavior:contain;font-size:15px}
  .top .nav-shell .nav a{justify-content:flex-start;white-space:normal;min-height:48px;padding:12px 14px;background:#F3F2F0}
  .top .nav-shell .nav .nav-contact{display:flex;grid-column:1/-1;background:var(--blue);color:#fff;justify-content:center}
  .top.nav-enhanced .nav{display:none}
  .top.nav-enhanced.is-menu-open .nav{display:grid}
  .top.nav-enhanced .nav-toggle{display:flex}
}
@media(max-width:680px){
  .nav-shell{padding-inline:8px;gap:6px;border-radius:16px}
  .top .nav-shell>.btn{display:none}
  .top .nav-shell .brand img{width:30px;height:30px}
  .top .nav-shell .brand b{font-size:13px}
  .top .nav-shell .brand small{font-size:9px;max-width:none}
  .top .nav-shell .nav{font-size:14px;padding:10px;gap:6px}
  .top .nav-shell .nav a{padding:10px;min-height:48px}
}
@media(max-width:359px){.top .nav-shell .brand small{display:none}.top .nav-shell .brand img{width:28px;height:28px}.top .nav-shell .brand b{font-size:12px}.nav-toggle{font-size:11px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.top .nav-shell .nav a{transition:none}}