/* One public header on every marketing and catalogue page. */
.siteHeader{position:sticky;top:0;z-index:30;background:#06142af2!important;color:#fff!important;border-bottom:1px solid #ffffff18;backdrop-filter:blur(14px);font-family:Arial,Helvetica,sans-serif}
.siteHeader .siteNav.wrap{position:relative;box-sizing:border-box;width:min(calc(100% - 48px),1220px)!important;max-width:1220px;margin:0 auto;min-height:72px!important;height:72px!important;display:flex!important;align-items:center;gap:20px!important}
.siteHeader .siteBrand{display:inline-flex!important;align-items:center;gap:10px!important;height:44px!important;flex-shrink:0;color:#fff!important;text-decoration:none!important;font-size:20px!important;font-weight:800!important;line-height:1!important;letter-spacing:normal}
.siteHeader .siteBrand .siteWordmark{display:inline!important;font-size:20px!important;font-weight:800!important}
.siteHeader .siteBrand .siteMark{display:inline-grid!important;place-items:center;box-sizing:border-box;width:36px;height:36px;border:1px solid #7295c6;border-radius:9px;background:#081a35;color:#fff;font-size:15px!important;font-weight:800!important;line-height:1;letter-spacing:-.04em}
.siteHeader .siteNav .siteMenu{position:static!important;display:flex!important;align-items:center;gap:18px!important;margin:0 0 0 auto!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.siteHeader .siteNav .siteMenu a{display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;white-space:nowrap;height:44px;margin:0!important;padding:0!important;color:#fff!important;text-decoration:none;font-size:15px!important;font-weight:600!important;line-height:1.2!important;border-radius:9px;letter-spacing:normal}
.siteHeader .siteNav .siteMenu a:hover{color:#9bd4ff!important;background:transparent!important}
.siteHeader .siteNav .siteMenu .portal,.siteHeader .siteCart{box-sizing:border-box;display:inline-flex!important;align-items:center;justify-content:center;gap:7px;height:44px!important;min-height:44px;margin:0!important;padding:0 13px!important;border:1px solid #7295c6;border-radius:9px;background:transparent!important;color:#fff!important;text-decoration:none;font:600 15px/1.2 Arial,Helvetica,sans-serif!important;white-space:nowrap;cursor:pointer;flex-shrink:0}
.siteHeader .siteCart b{display:inline-grid;place-items:center;min-width:21px;padding:2px 6px;border-radius:99px;background:#26cfad;color:#051a2c;font:700 13px/1 Arial,Helvetica,sans-serif}
.siteHeader .menuToggle{box-sizing:border-box;display:none!important;flex-shrink:0;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:44px;height:44px;margin:0!important;padding:0!important;border:1px solid #7295c6;border-radius:9px;background:#0b2341!important;color:#fff;cursor:pointer}
.siteHeader .menuToggle span{width:21px;height:2px;margin:0!important;background:currentColor;border-radius:2px;transition:transform .2s,opacity .2s}
.siteHeader a:focus-visible,.siteHeader button:focus-visible{outline:2px solid #7fe7d0;outline-offset:3px}
@media(max-width:1199px){
 .siteHeader .siteNav .siteMenu{position:absolute!important;display:none!important;top:72px!important;left:-24px;right:-24px;margin:0!important;padding:14px 24px 20px!important;background:#06142afc!important;border-bottom:1px solid #31567e!important;box-shadow:0 20px 40px #0008!important;max-height:calc(100dvh - 72px);overflow-y:auto}
 .siteHeader .siteNav .siteMenu.open{display:grid!important;gap:4px!important}
 .siteHeader .siteNav .siteMenu a{height:44px;justify-content:flex-start;padding:0 14px!important;font-size:16px!important}
 .siteHeader .siteNav .siteMenu .portal{justify-content:center;margin-top:6px!important}
 .siteHeader .siteCart{margin-left:auto!important}
 .siteHeader .menuToggle{display:flex!important}
 .siteHeader .menuToggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
 .siteHeader .menuToggle[aria-expanded="true"] span:nth-child(2){opacity:0}
 .siteHeader .menuToggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}
@media(max-width:480px){
 .siteHeader .siteNav.wrap{width:calc(100% - 24px)!important;gap:10px!important}
 .siteHeader .siteBrand,.siteHeader .siteBrand .siteWordmark{font-size:17px!important}
 .siteHeader .siteBrand{gap:8px!important}
 .siteHeader .siteNav .siteMenu{left:-12px;right:-12px;padding-left:12px!important;padding-right:12px!important}
 .siteHeader .siteCart{padding:0 10px!important;font-size:14px!important}
}
@media(max-width:359px){.siteHeader .siteBrand .siteWordmark{display:none!important}}