/* Homepage navigation: compact controls and a basket outside the link row. */
:root body header.site-header{height:auto;min-height:80px;width:100%;max-width:none;margin:0;padding:16px clamp(18px,3vw,48px);display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:20px;border-bottom:1px solid #31515b;background:linear-gradient(110deg,#0b2630e8,#121e32e8)}
header.site-header .brand{gap:9px;white-space:nowrap;font-size:16px;letter-spacing:.035em}header.site-header .brand img{width:44px;height:44px}
:root body header.site-header nav.main-nav{display:flex;align-items:center;justify-content:center;gap:4px;width:auto;flex-wrap:nowrap;order:initial}
:root body header.site-header nav.main-nav>a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 10px;border:1px solid transparent;border-radius:8px;background:transparent;box-shadow:none;font:500 12px/1.4 'Segoe UI',sans-serif;color:#bcd4d8;white-space:nowrap;text-decoration:none}
:root body header.site-header nav.main-nav>a:hover{background:#1a3b46;border-color:#365a64;color:#b2f5df;box-shadow:none}
header.site-header .header-tools{display:flex;align-items:center;gap:8px;min-width:0}header.site-header .header-tools>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:7px 12px;font-size:12px;line-height:1.4;border-radius:8px;white-space:nowrap}.header-trial{color:#9de8cf;background:#19413f;border:1px solid #467a70}.header-account{color:#d3e6e6;background:#122f3b;border:1px solid #365763}header.site-header .header-tools>a:hover{border-color:#82cbb8;background:#204b50}header.site-header .site-language{margin:0;font-size:11px;gap:6px}.language-label{display:none}header.site-header .site-language select{font-size:12px;padding:7px 8px;min-height:36px;width:100px;max-width:100px;background:#0d2632;border:1px solid #34535e;border-radius:8px}
header.site-header .site-cart{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:7px 11px;border:1px solid #64b39e;border-radius:9px;background:#173d3c;color:#bcf7e0;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:inset 0 1px 0 #d9fff512}header.site-header .site-cart:hover{background:#20544d;border-color:#a0efce}.cart-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:6px;background:#9be7cc;color:#103430;font-size:11px;font-weight:700}
@media(max-width:1250px){:root body header.site-header{grid-template-columns:1fr auto auto;gap:12px;min-height:0;padding-top:14px;padding-bottom:10px}:root body header.site-header nav.main-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:8px;border-top:1px solid #ffffff09;padding-top:8px}header.site-header .brand{grid-column:1;grid-row:1}header.site-header .header-tools{grid-column:2;grid-row:1}header.site-header .site-cart{grid-column:3;grid-row:1}}
@media(max-width:650px){:root body header.site-header{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 16px}:root body header.site-header nav.main-nav{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding-top:7px}:root body header.site-header nav.main-nav>a{padding:8px 3px;font-size:11px;min-height:40px}header.site-header .brand{font-size:15px;grid-row:1}header.site-header .brand img{width:38px;height:38px}header.site-header .site-cart{grid-column:2;grid-row:1;min-height:40px}header.site-header .header-tools{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr auto;gap:7px}header.site-header .header-tools>a{padding:8px;font-size:11px;min-height:40px}header.site-header .site-language select{min-height:40px;width:108px;max-width:108px;font-size:14px}}
/* Navigation links share the studio's teal surfaces without oversized pills. */
:root body header.site-header nav.main-nav{gap:7px}
:root body header.site-header nav.main-nav>a{position:relative;border-color:#355963;background:linear-gradient(145deg,#193b46b8,#102c3bb8);color:#cee8e6;border-radius:9px;box-shadow:inset 0 1px 0 #defff20c;font-weight:600;transition:background .18s,border-color .18s,color .18s,box-shadow .18s}
:root body header.site-header nav.main-nav>a::after{content:'';position:absolute;left:11px;right:11px;bottom:3px;height:2px;border-radius:2px;background:linear-gradient(90deg,#8fe9c9,#88bcdc);opacity:0;transition:opacity .18s}
:root body header.site-header nav.main-nav>a:hover,:root body header.site-header nav.main-nav>a:focus-visible{background:linear-gradient(135deg,#24534f,#18394b);border-color:#79bba9;color:#eafff5;box-shadow:inset 0 1px 0 #e1fff511,0 3px 13px #0002}
:root body header.site-header nav.main-nav>a:hover::after,:root body header.site-header nav.main-nav>a:focus-visible::after{opacity:1}
@media(max-width:650px){:root body header.site-header nav.main-nav{gap:5px}:root body header.site-header nav.main-nav>a{font-size:10.5px;padding:8px 2px;border-radius:8px}}
@media(prefers-reduced-motion:reduce){:root body header.site-header nav.main-nav>a,:root body header.site-header nav.main-nav>a::after{transition:none}}