/* Shared public navigation. Kept separate from artwork, checkout and account dialogs. */
.site-header .header-account-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 14px;border:1px solid #3e6573;border-radius:6px;color:#c9e8ef;font-size:12px;white-space:nowrap;margin-left:auto}
.site-header .header-cta{margin-left:0}
.site-header,.catalogue-header{gap:16px}
.site-menu-trigger{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;min-width:112px;padding:12px 18px;border:1px solid #4d7b89;border-radius:6px;background:#14333f;color:#e9f9fc;font:600 13px var(--body);cursor:pointer;transition:background .2s,border-color .2s}
.site-menu-trigger:hover{background:#1e4653;border-color:#8edbe8}
.site-menu-lines{display:grid;gap:6px;width:22px}
.site-menu-lines i{display:block;height:2px;background:#8bdbe8;transition:width .2s;width:22px}
.site-menu-lines i:last-child{width:15px;justify-self:end}
.site-menu-trigger:hover .site-menu-lines i:last-child{width:22px}
.catalogue-header .stock-account{margin-left:auto;color:#c9e8ef;font-size:12px;border:1px solid #3e6573;border-radius:6px;padding:12px 14px;min-height:46px;display:inline-flex;align-items:center}
html.site-menu-open,body.site-menu-open{overflow:hidden;overscroll-behavior:none}
dialog.site-menu{position:fixed;inset:0 0 0 auto;box-sizing:border-box;width:min(560px,calc(100% - 20px));max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-left:1px solid #3f7180;border-radius:0;background:#0c2733;color:#e6f6fa;box-shadow:-25px 0 100px #0007;overflow-y:auto;overscroll-behavior:contain;text-align:left}
dialog.site-menu[open]{display:flex;flex-direction:column;animation:site-menu-in .28s cubic-bezier(.2,.8,.2,1)}
.site-menu::backdrop{background:#020d15ae;backdrop-filter:blur(7px);animation:site-menu-shade .25s ease-out}
.site-menu-top{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:27px 34px 20px;background:#0c2733f5;border-bottom:1px solid #284c5b}
.site-menu-brand{display:flex;align-items:center;gap:10px;font:700 27px var(--body);letter-spacing:-1.2px;color:#e7f7fa;text-decoration:none}
.site-menu-brand img{width:34px;height:34px}
.site-menu-brand .brand-word>span{color:#8bdcea}
.site-menu-close{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #466d7d;border-radius:40px;padding:9px 14px;min-height:44px;background:transparent;color:#cae4ed;font:500 12px var(--body);cursor:pointer;white-space:nowrap}
.site-menu-close svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}
.site-menu-close:hover{background:#1b414e;color:#fff;border-color:#8bdcea}
.site-menu-content{display:flex;flex:1;flex-direction:column;padding:29px 34px 30px}
.site-menu-label{font:500 10px var(--body);color:#8eb8c8;letter-spacing:2.2px;margin:0 0 17px}
.site-menu-nav{display:flex;flex-direction:column}
.site-menu-nav :is(a,button){display:grid;grid-template-columns:26px minmax(0,1fr) 24px;align-items:center;gap:14px;min-height:68px;width:100%;margin:0;padding:13px 0;border:0;border-bottom:1px solid #2b4b59;background:transparent;color:#e6f6fa;font:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:color .18s}
.site-menu-primary-copy{display:flex;flex-direction:column;gap:7px;min-width:0}
.site-menu-primary-copy>span{font:400 11px var(--body);line-height:1.7;color:#a7cbd8}
.site-menu-nav .site-menu-primary strong,.site-menu-nav .site-menu-primary small{color:#94e3ee}
.site-menu-nav small{font:400 10px var(--body);color:#78a5b6;letter-spacing:1px;align-self:center}
.site-menu-nav strong{font:500 clamp(25px,3vw,35px) var(--body);letter-spacing:-1.2px;line-height:1.25;transition:transform .18s}
.site-menu-nav .site-menu-arrow{font:400 23px var(--body);color:#709ba9;transition:transform .18s,color .18s}
.site-menu-nav :is(a,button):hover,.site-menu-nav a[aria-current="page"]{color:#94e3ee}
.site-menu-nav :is(a,button):hover strong{transform:translateX(6px)}
.site-menu-nav :is(a,button):hover .site-menu-arrow{color:#94e3ee;transform:translate(2px,-2px)}
.site-menu-bottom{margin-top:auto;padding-top:27px}
.site-menu-account{display:flex;align-items:center;gap:18px;justify-content:space-between;border:1px solid #477b89;background:#163c49;border-radius:7px;padding:18px 20px;margin-bottom:14px}
.site-menu-account>div{min-width:0}
.site-menu-account a{color:#e2f7fb;font:600 16px var(--body);text-decoration:none;display:inline-flex;min-height:28px;align-items:center;line-height:1.5}
.site-menu-account p{font:400 11px var(--body);line-height:1.7;color:#9ec7d5;margin:4px 0 0}
.site-menu-account>svg{width:22px;height:22px;flex-shrink:0;fill:none;stroke:#8bdcea;stroke-width:1.5}
.site-menu-contact{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid #284c5b;font:400 11px var(--body);color:#86b3c3}
.site-menu-contact a{color:#bedde6;text-decoration:none;padding:6px 0}
.site-menu :is(a,button):focus-visible,.site-menu-trigger:focus-visible{outline:3px solid #a0e7f2;outline-offset:4px}
@keyframes site-menu-in{from{transform:translateX(100%);opacity:.6}to{transform:translateX(0);opacity:1}}
@keyframes site-menu-shade{from{opacity:0}to{opacity:1}}
@media(max-width:900px){.site-header{gap:12px}.site-header .header-account-link{font-size:11px;padding:10px}.site-header .header-cta{font-size:11px}.site-menu-trigger{min-width:100px;padding:12px 14px}}
@media(max-width:680px){.site-header{grid-template-columns:minmax(0,1fr) auto;padding:18px 0;gap:12px}.site-header .header-account-link{grid-column:1;grid-row:2;justify-self:start;margin:0;border:0;background:transparent;padding:4px 0;min-height:44px;font-size:12px}.site-header>.header-cta{grid-column:2;grid-row:2;justify-self:end;font-size:11px;margin:0;padding:12px;min-height:44px}.site-header>.site-menu-trigger{grid-column:2;grid-row:1;min-height:46px;min-width:103px}.site-menu-top{padding:19px 22px}.site-menu-content{padding:24px 22px}.site-menu-brand{font-size:25px}.site-menu-brand img{width:30px;height:30px}.site-menu-nav :is(a,button){min-height:63px;gap:10px;grid-template-columns:22px minmax(0,1fr) 22px}.site-menu-nav strong{font-size:29px;letter-spacing:-1px}.site-menu-bottom{padding-top:24px}.site-menu-contact{font-size:10px;flex-wrap:wrap;gap:4px}.site-menu-account{padding:15px 16px}.catalogue-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:18px 0}.catalogue-header .site-menu-trigger{grid-column:2;grid-row:1}.catalogue-header .stock-account{grid-column:1/-1;justify-self:start;margin:0;padding:4px 0;border:0;min-height:44px}}
@media(max-width:360px){.site-menu-top{padding-inline:18px}.site-menu-content{padding-inline:18px}.site-menu-brand{font-size:23px}.site-menu-brand img{width:26px;height:26px}.site-menu-close{padding:9px 11px}.site-menu-nav strong{font-size:25px}.site-menu-contact>span{display:none}}
@media(prefers-reduced-motion:reduce){dialog.site-menu[open],.site-menu::backdrop{animation:none}.site-menu *{transition:none!important}}