:root{--es-ink:#101b2b;--es-muted:#536173;--es-line:#dbe3ed;--es-blue:#246fe5;--es-blue-dark:#1555be;--es-navy:#08131f}
.es-announcement{position:relative;z-index:91;background:#07121e;color:#eaf1fa;border-bottom:1px solid rgba(255,255,255,.09);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.es-announcement-inner{width:min(1840px,calc(100% - 48px));min-height:44px;margin:auto;display:flex;align-items:center;justify-content:center;gap:34px;font-size:.88rem;font-weight:760;letter-spacing:.012em}
.es-announcement-inner span{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.es-announcement-inner i{width:6px;height:6px;border-radius:50%;background:#397ff0;box-shadow:0 0 0 3px rgba(57,127,240,.08)}
.es-site-header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.98);border-bottom:1px solid rgba(214,224,235,.96);box-shadow:0 5px 20px rgba(12,28,47,.035);backdrop-filter:saturate(160%) blur(15px);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.es-nav-shell{width:min(1840px,calc(100% - 48px));min-height:100px;margin:auto;display:flex;align-items:center;gap:32px}
.es-brand{display:flex;align-items:center;flex:0 0 auto;text-decoration:none}.es-brand img{display:block;width:clamp(245px,16.7vw,345px);max-width:100%;height:auto}
.es-menu-toggle{display:none;align-items:center;gap:10px;min-height:46px;padding:10px 14px;border:1px solid var(--es-line);border-radius:11px;background:#fff;color:var(--es-ink);font:inherit;font-weight:850;cursor:pointer}.es-menu-bars,.es-menu-bars:before,.es-menu-bars:after{display:block;width:19px;height:2px;border-radius:2px;background:currentColor;content:""}.es-menu-bars{position:relative}.es-menu-bars:before{position:absolute;top:-6px}.es-menu-bars:after{position:absolute;top:6px}
.es-navlinks{min-width:0;flex:1;display:flex;align-items:center;justify-content:flex-end;gap:28px}.es-nav-primary,.es-nav-actions{display:flex;align-items:center}.es-nav-primary{gap:clamp(16px,1.35vw,29px)}.es-nav-actions{gap:16px}
.es-navlinks a{text-decoration:none;white-space:nowrap}.es-nav-primary>a{position:relative;color:#2f3d4e;font-size:.91rem;font-weight:780;line-height:1.2;padding:12px 0;transition:color .18s ease}.es-nav-primary>a:after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:2px;border-radius:2px;background:var(--es-blue);transition:right .2s ease}.es-nav-primary>a:hover,.es-nav-primary>a[aria-current="page"]{color:var(--es-blue)}.es-nav-primary>a:hover:after,.es-nav-primary>a[aria-current="page"]:after{right:0}
.es-basket,.es-designer,.es-account{min-height:58px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;font-weight:850;line-height:1;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.es-basket:hover,.es-designer:hover,.es-account:hover{transform:translateY(-1px)}
.es-basket{position:relative;min-width:108px;padding:0 20px;color:var(--es-ink);background:#fff;border:1px solid #cfd9e5;box-shadow:0 3px 10px rgba(16,34,54,.025)}.es-basket:hover{border-color:#9eb2ca;box-shadow:0 7px 18px rgba(16,34,54,.08)}
.es-basket-count{position:absolute;right:-7px;top:-10px;display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:var(--es-blue);color:#fff;border:3px solid #fff;font-size:.7rem;font-weight:950;line-height:1;box-shadow:0 4px 10px rgba(36,111,229,.23)}
.es-designer{min-width:226px;padding:0 22px;background:linear-gradient(135deg,#2f7aec,#1c64dc);color:#fff;border:1px solid #246fe5;box-shadow:0 9px 22px rgba(36,111,229,.22)}.es-designer:hover{background:linear-gradient(135deg,#246fe5,#1555be);box-shadow:0 12px 27px rgba(36,111,229,.29)}.es-designer svg{width:19px;height:19px;margin-left:11px;flex:0 0 auto}
.es-account{gap:9px;min-width:98px;padding:0 5px;color:#263447;background:transparent;border:1px solid transparent}.es-account:hover{color:var(--es-blue);transform:none}.es-account svg{width:23px;height:23px;color:var(--es-blue);flex:0 0 auto}
@media(max-width:1540px){.es-nav-shell{gap:24px}.es-brand img{width:255px}.es-navlinks{gap:20px}.es-nav-primary{gap:17px}.es-nav-primary>a{font-size:.85rem}.es-nav-actions{gap:11px}.es-basket{min-width:96px;padding-inline:16px}.es-designer{min-width:190px;padding-inline:17px}.es-account{min-width:82px}.es-account svg{width:21px;height:21px}}
@media(max-width:1240px){.es-nav-shell{min-height:82px}.es-brand img{width:245px}.es-menu-toggle{display:inline-flex;margin-left:auto}.es-navlinks{display:none;position:absolute;left:0;right:0;top:100%;padding:18px max(24px,calc((100% - 1160px)/2));background:#fff;border-top:1px solid var(--es-line);border-bottom:1px solid var(--es-line);box-shadow:0 20px 35px rgba(10,28,48,.12)}.es-navlinks.is-open{display:grid;gap:16px}.es-nav-primary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 14px}.es-nav-primary>a{padding:12px 10px;border-radius:8px}.es-nav-primary>a:hover{background:#f3f7fc}.es-nav-primary>a:after{display:none}.es-nav-actions{display:grid;grid-template-columns:1fr 1.65fr 1fr;gap:12px}.es-basket,.es-designer,.es-account{width:100%;min-width:0}.es-account{border-color:var(--es-line)}}
@media(max-width:760px){.es-announcement-inner{width:100%;min-height:36px;justify-content:flex-start;overflow:hidden;padding:0 16px;font-size:.72rem;gap:0}.es-announcement-inner span{display:none}.es-announcement-inner span:first-child{display:inline-flex}.es-nav-shell{width:min(100% - 24px,1840px);min-height:72px;gap:12px}.es-brand img{width:200px}.es-menu-toggle{min-height:42px;padding:8px 11px}.es-menu-label{font-size:.82rem}.es-navlinks{padding:14px 12px 18px}.es-nav-primary{grid-template-columns:1fr 1fr}.es-nav-primary>a{font-size:.88rem}.es-nav-actions{grid-template-columns:1fr}.es-basket,.es-designer,.es-account{min-height:50px}.es-account{padding:0 16px}.es-site-header{backdrop-filter:none}}
@media(max-width:410px){.es-brand img{width:172px}.es-menu-toggle{padding-inline:10px}.es-menu-label{display:none}.es-nav-primary{grid-template-columns:1fr}}


/* V12.7 accessibility and navigation state */
.es-navlinks a:focus-visible,.es-menu-toggle:focus-visible{outline:3px solid rgba(22,91,215,.34);outline-offset:4px;border-radius:7px}
@media(prefers-reduced-motion:reduce){.es-nav-primary>a:after,.es-nav-primary>a,.es-menu-toggle,.es-navlinks{transition:none!important;scroll-behavior:auto!important}}