
.site-header,.shop .site-header{position:sticky;top:0;z-index:100;height:88px;padding:0 clamp(22px,4vw,68px);gap:26px;background:linear-gradient(110deg,#062449,#014c8f);border-bottom:3px solid #59d8e8;box-shadow:0 4px 18px #06193524}.site-header .brand{flex-shrink:0}.site-header .brand img{width:160px;height:auto}.site-header nav{display:flex;align-items:center;gap:8px;margin-left:auto}.site-header nav a{display:block;padding:12px 10px;border-radius:7px;font-size:16px;line-height:1.3;font-weight:600;color:#fff;white-space:nowrap}.site-header nav a:hover,.site-header nav a[aria-current="page"]{background:#ffffff18;color:#fff}.site-header nav a[aria-current="page"]{box-shadow:inset 0 -3px #59d8e8}.site-header a:focus-visible,.menu-btn:focus-visible{outline:3px solid #8fe6f2;outline-offset:3px}.site-header .header-cta{display:block;flex-shrink:0;padding:13px 18px;border:1px solid #8fe6f2;border-radius:8px;background:#fff;color:#014c8f;font-size:15px;font-weight:700;text-align:center}.site-header .header-cta:hover{background:#dff5fa}.site-header nav .mobile-header-cta{display:none}.site-header .menu-btn{display:none}html{scroll-padding-top:108px}
@media(max-width:1250px){.site-header,.shop .site-header{height:78px;padding:0 24px;gap:20px}.site-header .brand img{width:150px}.site-header nav,.site-header .header-cta{display:none}.site-header .menu-btn{display:flex;align-items:center;gap:10px;margin-left:auto;border:1px solid #ffffff55;border-radius:8px;padding:10px 14px;font-size:20px;line-height:1.2;background:#ffffff0d;color:#fff}.menu-btn span{font:600 16px var(--font-body)}.site-header.open nav{display:flex;position:absolute;top:78px;left:0;right:0;flex-direction:column;align-items:stretch;gap:6px;padding:18px 24px 24px;background:#07365e;box-shadow:0 12px 20px #0619352a;max-height:calc(100dvh - 78px);overflow-y:auto}.site-header.open nav a{font-size:17px;padding:14px 16px}.site-header.open nav .mobile-header-cta{display:block;margin-top:8px;background:#59d8e8;color:#061935;text-align:center}html{scroll-padding-top:96px}}
@media(max-width:600px){.site-header,.shop .site-header{padding:0 20px}.site-header .brand img{width:140px}}
