/* Floating capsule navigation, with the existing logo kept at the left. */
body>header.wrap,body.commerce>header.wrap{position:sticky;top:0;z-index:18;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}
body>header.wrap .nav{position:relative}
/* Let the logo follow document scrolling while the menu remains pinned. */
body>header.wrap .brand{transform:translateY(var(--logo-scroll-offset,0px));transition:none}
body>header.wrap .brand,body>header.wrap .navtools,body>header.wrap .navlinks,body>header.wrap .mobile-nav{pointer-events:auto}
body>header.wrap .navlinks{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:4px;min-height:48px;padding:5px 12px;border-radius:999px;border:1px solid rgba(191,229,255,.25);background:linear-gradient(120deg,rgba(29,60,103,.86),rgba(7,25,54,.9));box-shadow:0 4px 18px rgba(0,7,31,.2),inset 0 1px 0 rgba(233,251,255,.11);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);color:#e5f1ff;font-size:14px;font-weight:500;white-space:nowrap}
body>header.wrap .navlinks>a,body>header.wrap .navlinks .support-menu summary{display:flex;align-items:center;justify-content:center;min-height:36px;padding:7px 13px;border-radius:999px;color:#dceaff;line-height:1.3;text-decoration:none}
body>header.wrap .navlinks>a:hover,body>header.wrap .navlinks>a.active,body>header.wrap .navlinks .support-menu summary:hover,body>header.wrap .navlinks .support-menu[open] summary{color:#64e8ff;background:rgba(89,191,255,.1)}
body>header.wrap .navlinks>a:focus-visible{outline:2px solid #64e8ff;outline-offset:2px}
body>header.wrap .navlinks .support-dropdown{top:calc(100% + 14px);right:-12px;white-space:normal}
@media(min-width:761px){body>header.wrap .hamburger,body>header.wrap .mobile-nav.open{display:none}}
@media(max-width:760px){
  body>header.wrap .navlinks{display:none}
  body>header.wrap .hamburger{display:grid;place-items:center;border-radius:999px;border:1px solid rgba(191,229,255,.25);background:rgba(13,37,72,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#e5f1ff}
  body>header.wrap .mobile-nav.open{position:absolute;display:flex;top:calc(100% - 3px);left:0;right:0;gap:4px;padding:10px;border-radius:24px;border:1px solid rgba(191,229,255,.25);background:rgba(8,28,60,.95);box-shadow:0 15px 35px rgba(0,7,31,.28);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
  body.commerce>header.wrap .mobile-nav.open{left:14px;right:14px}
  body>header.wrap .mobile-nav>a{padding:13px 17px;border-radius:16px;color:#dceaff;font-size:14px}
  body>header.wrap .mobile-nav>a:hover,body>header.wrap .mobile-nav>a.active{background:rgba(89,191,255,.1);color:#64e8ff}
}