:root { --s-ink:#17191c; --s-muted:#73777d; --s-line:#e6e7e9; --s-red:#e6332a; --s-soft:#f4f5f6; --s-max:1240px; }
.s-container { width:min(calc(100% - 48px), var(--s-max)); margin:0 auto; }
.s-eyebrow { color:var(--s-red); font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:700; letter-spacing:.14em; }
.material-symbols-rounded { font-size:20px; vertical-align:middle; }
.jw-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:46px; padding:0 22px; border-radius:4px; }
.s-topbar { height:34px; background:var(--s-ink); color:#b8bdc4; font-size:11px; }
.s-topbar-inner { display:flex; align-items:center; justify-content:space-between; height:100%; }
.s-topbar strong { color:#fff; }
.s-topbar a { margin-left:20px; }
.s-header { background:#fff; border-bottom:1px solid var(--s-line); }
.s-header-main { display:flex; align-items:center; gap:42px; min-height:82px; }
.s-logo { display:flex; flex-direction:column; flex:none; gap:3px; color:var(--s-ink); }
.s-logo img { width:144px; height:auto; }
.s-logo span { color:#8a8e94; font-family:'Barlow Condensed',sans-serif; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.s-search { position:relative; display:flex; flex:1; max-width:500px; margin-left:auto; border-bottom:2px solid var(--s-ink); }
.s-search label { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.s-search input { width:100%; height:42px; padding:0 44px 0 4px; color:var(--s-ink); font-size:13px; }
.s-search button { position:absolute; top:0; right:0; width:42px; height:42px; }
.s-header-tools { display:flex; gap:21px; }
.s-header-tools a { position:relative; display:flex; flex-direction:column; align-items:center; gap:2px; color:#44484d; }
.s-header-tools small { font-size:10px; white-space:nowrap; }
.s-header-tools b { position:absolute; top:-5px; right:-8px; display:grid; width:15px; height:15px; place-items:center; border-radius:50%; background:var(--s-red); color:#fff; font-size:9px; }
.s-mobile-menu { display:none; }
.s-nav { position:relative; z-index:10; background:#fff; border-bottom:1px solid var(--s-line); }
.s-nav-inner { display:flex; align-items:center; height:53px; }
.s-category-trigger { display:flex; align-items:center; gap:9px; width:205px; height:100%; color:#fff; background:var(--s-red); font-size:13px; font-weight:700; }
.s-category-trigger .material-symbols-rounded:last-child { margin-left:auto; font-size:18px; }
.s-nav-list { display:flex; align-items:stretch; height:100%; margin-left:30px; }
.s-nav-list > li { position:relative; display:flex; align-items:center; }
.s-nav-list > li > a { display:flex; align-items:center; height:100%; padding:0 24px; font-size:13px; font-weight:600; }
.s-nav-list > li:hover > a { color:var(--s-red); }
.s-nav-sub { position:absolute; top:100%; left:0; display:none; min-width:150px; padding:12px 0; border:1px solid var(--s-line); background:#fff; box-shadow:0 14px 25px rgba(24,25,27,.08); }
.s-nav-list li:hover .s-nav-sub { display:block; }
.s-nav-sub a { display:block; padding:8px 18px; color:var(--s-muted); font-size:12px; }
.s-nav-sub a:hover { color:var(--s-red); }
.s-nav-promo { display:flex; align-items:center; gap:5px; margin-left:auto; color:var(--s-red); font-size:12px; font-weight:700; }
.s-nav-promo .material-symbols-rounded { font-size:17px; }