@font-face{font-family:Montserrat;font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/montserrat-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Montserrat;font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/montserrat-latin-ext.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* HUMMEL LT — design system. Tokens → base → layout → components → pages. */
@font-face{font-family:Archivo;src:url(../fonts/archivo-latin-ext.woff2) format('woff2');font-weight:100 900;font-stretch:62% 125%;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Archivo;src:url(../fonts/archivo-latin.woff2) format('woff2');font-weight:100 900;font-stretch:62% 125%;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;src:url(../fonts/inter-latin-ext.woff2) format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;src:url(../fonts/inter-latin.woff2) format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --ink:#0b0b0c;--ink2:#18181a;--ink3:#2a2a2d;--paper:#f0f0f0;--paper2:#e5e5e5;--white:#fff;--line:#d6d6d6;--line2:#c9c4b8;--muted:#696969;--muted2:#696969;
  --red:#d0112b;--red-ink:#a80d22;--gold:#b9a16b;--ok:#1f7a3a;--warn:#b26b00;--bad:#c0141f;
  --f:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --r:2px;--r2:6px;--gut:clamp(16px,3.2vw,40px);--max:1440px;--hh:64px;
  --e:cubic-bezier(.2,.8,.2,1);--e2:cubic-bezier(.7,0,.2,1);
  --sh:0 1px 2px rgba(0,0,0,.06),0 8px 30px rgba(0,0,0,.08);
}
svg.i{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;flex:none;vertical-align:-4px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#f5f5f5;color:var(--ink);font:400 16px/1.55 var(--f);font-stretch:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:8px;top:-60px;z-index:200;background:var(--ink);color:#fff;padding:10px 14px}.skip:focus{top:8px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* type */
.d1,.d2,.d3,.d4,h1,h2,h3{font-family:var(--f);font-weight:800;font-stretch:78%;text-transform:uppercase;letter-spacing:-.01em;line-height:.92;margin:0}
.d1{font-size:clamp(52px,10.5vw,168px);line-height:.84;letter-spacing:-.025em}
.d2{font-size:clamp(38px,6.2vw,96px);line-height:.88}
.d3{font-size:clamp(28px,3.6vw,52px)}
.d4{font-size:clamp(20px,2vw,28px);line-height:1}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-stretch:100%;display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:'';width:22px;height:10px;background:currentColor;-webkit-mask:var(--chev) center/contain no-repeat;mask:var(--chev) center/contain no-repeat}
.lead{font-size:clamp(17px,1.4vw,20px);line-height:1.5;color:var(--muted);max-width:56ch}
.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.num{font-variant-numeric:tabular-nums}
:root{--chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 20'%3E%3Cpath d='M0 0h7l9 10-9 10H0l9-10zM14 0h7l9 10-9 10h-7l9-10zM28 0h7l9 10-9 10h-7l9-10z'/%3E%3C/svg%3E")}

/* layout */
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.sec{padding:clamp(56px,8vw,120px) 0}
.sec-t{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:clamp(24px,3vw,40px);flex-wrap:wrap}
.sec-t .d3{max-width:16ch}
.dark{background:var(--ink);color:#fff}.dark .muted,.dark .lead{color:#a3a3a3}
.paper2{background:var(--paper2)}.white{background:var(--white)}
.grid{display:grid;gap:clamp(12px,1.6vw,24px)}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media (max-width:980px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.g2{grid-template-columns:1fr}}
.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}
.stack>*+*{margin-top:12px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;background:var(--ink);color:#fff;font-weight:800;font-stretch:88%;font-size:14px;letter-spacing:.1em;text-transform:uppercase;border:1.5px solid var(--ink);border-radius:var(--r);transition:background .2s,color .2s,transform .2s var(--e);white-space:nowrap}
.btn:hover{background:var(--ink3)}.btn:active{transform:scale(.98)}
.btn .chv{width:26px;height:12px;background:currentColor;-webkit-mask:var(--chev) center/contain no-repeat;mask:var(--chev) center/contain no-repeat;transition:transform .35s var(--e)}
.btn:hover .chv{transform:translateX(5px)}
.btn.w{background:#fff;color:var(--ink);border-color:#fff}.btn.w:hover{background:var(--paper)}
.btn.o{background:transparent;color:var(--ink)}.btn.o:hover{background:var(--ink);color:#fff}
.dark .btn.o,.btn.ow{background:transparent;color:#fff;border-color:#fff}.dark .btn.o:hover,.btn.ow:hover{background:#fff;color:var(--ink)}
.btn.r{background:var(--red);border-color:var(--red)}.btn.r:hover{background:var(--red-ink)}
.btn.sm{min-height:40px;padding:0 16px;font-size:12px}.btn.full{width:100%}
.btn[disabled],.btn.is-off{opacity:.45;pointer-events:none}
.link{font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;border-bottom:1.5px solid currentColor;padding-bottom:2px}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:1.5px solid var(--line2);border-radius:999px;font-size:14px;font-weight:600;background:transparent;transition:.2s}
.chip:hover,.chip[aria-pressed=true],.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.dark .chip{border-color:#4a4a4e}.dark .chip:hover{background:#fff;color:var(--ink);border-color:#fff}
.tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;background:var(--ink);color:#fff;border-radius:var(--r)}
.tag.r{background:var(--red)}.tag.g{background:var(--gold);color:var(--ink)}.tag.l{background:#fff;color:var(--ink)}.tag.ok{background:var(--ok)}

/* chevron language */
.chev-row{display:flex;gap:2px}.chev-row i{width:16px;height:22px;background:currentColor;clip-path:polygon(0 0,45% 0,100% 50%,45% 100%,0 100%,55% 50%)}
.loader{display:inline-flex;gap:3px}.loader i{width:10px;height:14px;background:currentColor;clip-path:polygon(0 0,45% 0,100% 50%,45% 100%,0 100%,55% 50%);animation:chv 1s infinite var(--e)}
.loader i:nth-child(2){animation-delay:.12s}.loader i:nth-child(3){animation-delay:.24s}
@keyframes chv{0%,100%{opacity:.2;transform:translateX(0)}50%{opacity:1;transform:translateX(4px)}}
.progress{display:flex;gap:4px}.progress i{flex:1;height:4px;background:var(--line);position:relative;overflow:hidden}
.progress i.on{background:var(--ink)}.progress i.cur::after{content:'';position:absolute;inset:0;background:var(--red);animation:pg 1.6s var(--e) infinite}
@keyframes pg{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.scroll-cue{display:inline-flex;flex-direction:column;align-items:center;gap:2px}.scroll-cue i{width:18px;height:9px;background:currentColor;clip-path:polygon(0 0,50% 55%,100% 0,100% 45%,50% 100%,0 45%);animation:cue 1.8s infinite}
.scroll-cue i:nth-child(2){animation-delay:.15s}.scroll-cue i:nth-child(3){animation-delay:.3s}
@keyframes cue{0%,100%{opacity:.15}40%{opacity:1}}

/* v0.2 type scale (world-brand: condensed caps for display, calm sans for reading) */
.h1{font-size:clamp(46px,7.4vw,128px);line-height:.86;letter-spacing:-.03em;font-weight:850;font-stretch:72%;text-transform:uppercase;margin:0}
.h2{font-size:clamp(34px,4.6vw,76px);line-height:.9;letter-spacing:-.025em;font-weight:850;font-stretch:74%;text-transform:uppercase;margin:0}
.kick{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px}
.kick::before{content:'';width:26px;height:11px;background:var(--red);-webkit-mask:var(--chev) center/contain no-repeat;mask:var(--chev) center/contain no-repeat}
.btn.lg{min-height:58px;padding:0 30px;font-size:13.5px}
.btn.glass{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.35);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.btn.glass:hover{background:#fff;color:var(--ink);border-color:#fff}
.btn{border-radius:999px;overflow:hidden;position:relative;isolation:isolate}
.btn>span{position:relative;z-index:1}
.btn::before{content:'';position:absolute;inset:0;z-index:0;background:var(--red);transform:translateY(101%);border-radius:inherit;transition:transform .5s var(--e)}
.btn:not(.r):not(.glass):not(.o):not(.w):hover::before{transform:none}
.btn .chv{position:relative;z-index:1}
.btn.r::before{background:#fff}.btn.r:hover{color:var(--ink);background:var(--red)}.btn.r:hover::before{transform:none}
.btn.w::before{background:var(--ink)}.btn.w:hover{color:#fff;background:#fff}.btn.w:hover::before{transform:none}
.link{position:relative;border:0;padding-bottom:4px;background:linear-gradient(currentColor,currentColor) left bottom/100% 1.5px no-repeat;transition:background-size .45s var(--e)}
.link:hover{background-size:0 1.5px;background-position:right bottom}

/* announcement */
.ann{background:var(--ink);color:#c9c9c9;font-size:12px;letter-spacing:.04em;position:relative;z-index:61}
.ann .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:36px;gap:16px}
.ann b{color:#fff;font-weight:700}.ann a:hover{color:#fff}
.ann-r{text-align:right}
.ann-c{position:relative;height:18px;min-width:300px;text-align:center;overflow:hidden}
.ann-c span{position:absolute;inset:0;opacity:0;transform:translateY(100%);transition:opacity .5s,transform .6s var(--e);white-space:nowrap}
.ann-c span.on{opacity:1;transform:none}.ann-c span.out{opacity:0;transform:translateY(-100%)}
@media (max-width:860px){.ann .wrap{grid-template-columns:1fr}.ann-l,.ann-r{display:none}.ann-c{min-width:0}}

/* header */
.hdr{position:sticky;top:0;z-index:60;color:var(--ink);transition:transform .5s var(--e),background .35s,color .35s,box-shadow .35s}
.hdr::before{content:'';position:absolute;inset:0;background:rgba(250,249,246,.86);backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px);box-shadow:0 1px 0 rgba(0,0,0,.06);transition:opacity .35s;z-index:-1}
.hdr.is-hidden{transform:translateY(-100%)}
.has-hero .hdr{position:fixed;left:0;right:0;top:36px}
.has-hero .hdr.is-scrolled{top:0}
.hdr.on-dark:not(.is-scrolled):not(.mega-open){color:#fff}
.hdr.on-dark:not(.is-scrolled):not(.mega-open)::before{opacity:0}
.hdr.on-dark:not(.is-scrolled):not(.mega-open) .logo img{filter:invert(1)}
.hdr-in{display:grid;grid-template-columns:auto 1fr auto;align-items:center;height:var(--hh);gap:28px}
:root{--hh:72px}
.logo{display:flex;align-items:center}.logo img{height:42px;width:auto;transition:filter .35s}
.nav{display:flex;justify-content:center;gap:0}
.nav>a{position:relative;display:flex;align-items:center;height:var(--hh);padding:0 14px;font-weight:700;font-size:13.5px;letter-spacing:.06em;text-transform:uppercase;font-stretch:92%}
.nav>a>span{position:relative;display:block;overflow:hidden}
.nav>a::after{content:'';position:absolute;left:14px;right:14px;bottom:22px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--e)}
.nav>a:hover::after,.nav>a[aria-expanded=true]::after{transform:scaleX(1);transform-origin:left}
.nav .pro{color:var(--red)}
.hdr.on-dark:not(.is-scrolled):not(.mega-open) .nav .pro{color:#fff}
.hdr-act{display:flex;gap:2px;align-items:center}
.ib{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;transition:background .25s}.ib:hover{background:rgba(127,127,127,.14)}
.ib svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6}
.ib .bdg{position:absolute;top:3px;right:1px;min-width:18px;height:18px;border-radius:9px;background:var(--red);color:#fff;font-size:10.5px;font-weight:800;display:grid;place-items:center;padding:0 4px;transition:transform .4s var(--e)}
.ib .bdg.pop{animation:pop .6s var(--e)}
@keyframes pop{0%{transform:scale(1)}35%{transform:scale(1.5)}100%{transform:scale(1)}}
.ib .bdg:empty,.ib .bdg[data-n="0"]{display:none}
.search-pill{display:flex;align-items:center;gap:10px;height:44px;padding:0 18px 0 14px;border-radius:999px;background:rgba(127,127,127,.12);font-size:13.5px;font-weight:600;min-width:170px;transition:background .25s}
.search-pill:hover{background:rgba(127,127,127,.22)}.search-pill svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}
.hdr.on-dark:not(.is-scrolled):not(.mega-open) .search-pill{background:rgba(255,255,255,.14);backdrop-filter:blur(10px)}
@media (max-width:1240px){.search-pill{min-width:0;width:44px;padding:0;justify-content:center;background:none}.search-pill span{display:none}}
@media (max-width:1020px){.nav{display:none}.hdr-in{grid-template-columns:auto 1fr auto;gap:8px}.logo{justify-self:center}.logo img{height:36px}.hide-s{display:none}}
.burger{display:none}@media (max-width:1020px){.burger{display:grid}}

/* mega */
.mega-veil{position:fixed;inset:0;top:calc(var(--hh) + 36px);background:rgba(10,10,10,.35);opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s;z-index:-2;pointer-events:none}
.hdr.mega-open .mega-veil{opacity:1;visibility:visible}
.hdr.is-scrolled .mega-veil{top:var(--hh)}
.mega{position:absolute;left:0;right:0;top:100%;background:#ffffff;color:var(--ink);clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .55s var(--e2),visibility .55s}
.mega.open{clip-path:inset(0 0 0 0);visibility:visible}
.mega .wrap{display:grid;grid-template-columns:240px 1fr 1.25fr;gap:48px;padding-top:36px;padding-bottom:44px}
.mega h4{margin:0 0 14px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:700}
.mega .wrap>*{opacity:0;transform:translateY(14px);transition:opacity .5s,transform .6s var(--e)}
.mega.open .wrap>*{opacity:1;transform:none}
.mega.open .wrap>*:nth-child(2){transition-delay:.06s}.mega.open .wrap>*:nth-child(3){transition-delay:.12s}
.mega-list{columns:2;column-gap:32px}
.mega-list a{display:block;padding:7px 0;font-weight:500;font-size:15px;break-inside:avoid;transition:color .2s,transform .35s var(--e)}
.mega-list a:hover{transform:translateX(6px);color:var(--red)}
.mega-list a small{color:var(--muted2);font-size:12px;margin-left:6px}
.mega-intent a{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);font-weight:700;font-size:15px;transition:padding .35s var(--e),color .2s}
.mega-intent a:hover{color:var(--red);padding-left:6px}
.mega-intent .chv{width:20px;height:10px;background:currentColor;-webkit-mask:var(--chev) center/contain no-repeat;mask:var(--chev) center/contain no-repeat}
.mega-feat{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mega-card{position:relative;display:block;aspect-ratio:3/3.6;overflow:hidden;background:#e2e2e2;color:#fff;border-radius:4px}
.mega-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--e)}
.mega-card:hover img{transform:scale(1.06)}
.mega-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.62))}
.mega-card span{position:absolute;left:16px;right:16px;bottom:14px;z-index:1;font-weight:850;font-stretch:76%;font-size:28px;text-transform:uppercase;line-height:.95}
.mega-card small{display:block;font-size:11px;letter-spacing:.14em;font-weight:700;font-stretch:100%;opacity:.85;margin-bottom:6px}
.mega .btn{display:none}


/* mobile drawer + tabbar */
.drawer{position:fixed;inset:0;z-index:90;visibility:hidden}
.drawer.open{visibility:visible}
.drawer-bg{position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .25s}.drawer.open .drawer-bg{opacity:1}
.drawer-p{position:absolute;inset:0 auto 0 0;width:min(440px,92vw);background:var(--paper);transform:translateX(-100%);transition:transform .35s var(--e);display:flex;flex-direction:column;overflow:hidden}
.drawer.open .drawer-p{transform:none}
.drawer-h{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
.drawer-b{flex:1;overflow:auto;position:relative}
.dl-screen{position:absolute;inset:0;overflow:auto;padding:8px 16px 120px;background:var(--paper);transition:transform .32s var(--e)}
.dl-screen.sub{transform:translateX(100%)}.dl-screen.sub.on{transform:none}.dl-screen.root.away{transform:translateX(-30%)}
.dl-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 4px;border-bottom:1px solid var(--line);font-weight:800;font-stretch:82%;font-size:22px;text-transform:uppercase;text-align:left}
.dl-row::after{content:'';width:18px;height:12px;background:currentColor;-webkit-mask:var(--chev) center/contain no-repeat;mask:var(--chev) center/contain no-repeat;opacity:.5}
.dl-row.plain::after{display:none}
.dl-sub a{display:block;padding:13px 4px;border-bottom:1px solid var(--line);font-weight:600}
.dl-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}
.dl-quick a{background:var(--ink);color:#fff;padding:16px;font-weight:800;font-stretch:84%;text-transform:uppercase;letter-spacing:.04em;min-height:76px;display:flex;align-items:end}
.dl-quick a.r{background:var(--red)}
.tabbar{display:none}
@media (max-width:1020px){
  .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(11,11,12,.96);backdrop-filter:blur(12px);color:#fff;padding-bottom:env(safe-area-inset-bottom)}
  .tabbar a,.tabbar button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 8px;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#b7b7b7;position:relative}
  .tabbar svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7}
  .tabbar .on{color:#fff}.tabbar .on::before{content:'';position:absolute;top:0;left:30%;right:30%;height:2px;background:var(--red)}
  .tabbar .bdg{position:absolute;top:4px;left:56%;min-width:17px;height:17px;border-radius:9px;background:var(--red);color:#fff;font-size:10px;display:grid;place-items:center}
  .tabbar .bdg[data-n="0"]{display:none}
  body{padding-bottom:64px}
}

/* ===== HOME v0.2 ===== */
/* hero */
.hx{position:relative;height:100svh;min-height:620px;max-height:1100px;background:#050505;color:#fff;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
.hx-media{position:absolute;inset:-6% 0 0;will-change:transform}
.hx-media img,.hx-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hx-poster{animation:hxZoom 2.4s var(--e) both}
.hx-vid{opacity:0;transition:opacity 1.2s}
.hx-vid.playing{opacity:1}
@keyframes hxZoom{from{transform:scale(1.15);filter:brightness(.4)}to{transform:scale(1);filter:none}}
.hx-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55) 0,rgba(0,0,0,0) 26%,rgba(0,0,0,0) 44%,rgba(0,0,0,.78) 100%),linear-gradient(90deg,rgba(0,0,0,.5),transparent 60%)}
.hx-in{position:relative;width:100%;padding-bottom:clamp(84px,11vh,132px)}
.hx-eye{display:flex;gap:28px;margin:0 0 22px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#e3e3e3}
.hx-eye span{opacity:0;transform:translateY(12px);animation:fadeUp .9s var(--e) .35s both}
.hx-eye span+span{animation-delay:.45s;color:#a2a2a2}
.hx-t{font-size:clamp(54px,10.4vw,196px);line-height:.86;letter-spacing:-.04em;font-weight:900;font-stretch:66%;text-transform:uppercase;margin:0}
.hx-t span{display:block;overflow:hidden;padding:.1em 0 .02em}.hx-t span+span{margin-top:-.08em}
.hx-t i{display:block;font-style:normal;transform:translateY(135%);animation:lineUp 1.25s var(--e) both}
.hx-t span:nth-child(1) i{animation-delay:.15s}.hx-t span:nth-child(2) i{animation-delay:.28s}
.hx-t span:nth-child(2){color:transparent;-webkit-text-stroke:2px #fff}
@keyframes lineUp{to{transform:none}}
@keyframes fadeUp{to{opacity:1;transform:none}}
.hx-b{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:34px;flex-wrap:wrap}
.hx-lead{max-width:44ch;margin:0;font-size:clamp(16px,1.25vw,19px);line-height:1.5;color:#d7d7d7;opacity:0;animation:fadeUp 1s var(--e) .7s both;transform:translateY(14px)}
.hx-cta{display:flex;gap:10px;flex-wrap:wrap;opacity:0;animation:fadeUp 1s var(--e) .85s both;transform:translateY(14px)}
.band .hx-cta,.pro2 .hx-cta{opacity:1;animation:none;transform:none;margin-top:30px}
.hx-foot{position:absolute;left:0;right:0;bottom:22px;display:flex;justify-content:space-between;align-items:center;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#b7b7b7}
.hx-foot b{color:#fff;margin:0 6px 0 18px;font-weight:800}
.hx-scroll{display:flex;align-items:center;gap:12px}
.hx-scroll i{width:1px;height:34px;background:rgba(255,255,255,.25);position:relative;overflow:hidden}
.hx-scroll i::after{content:'';position:absolute;left:0;top:0;width:1px;height:50%;background:#fff;animation:scr 2s var(--e2) infinite}
@keyframes scr{from{transform:translateY(-100%)}to{transform:translateY(200%)}}
@media (max-width:760px){.hx{height:92svh}.hx-t span:nth-child(2){-webkit-text-stroke:1.4px #fff}.hx-meta{display:none}.hx-eye span+span{display:none}.hx-b{gap:22px}.hx-cta .btn{flex:1}}

/* ticker */
.tk{background:var(--ink);color:#fff;overflow:hidden;border-top:1px solid #1e1e20;padding:22px 0}
.tk-in{display:flex;align-items:center;gap:34px;width:max-content;animation:tk 38s linear infinite}
.tk span{font-weight:850;font-stretch:72%;font-size:clamp(26px,3vw,44px);text-transform:uppercase;letter-spacing:-.01em;white-space:nowrap}
.tk span:nth-of-type(even){color:transparent;-webkit-text-stroke:1.2px #fff}
.tk i{width:44px;height:20px;background:var(--red);-webkit-mask:var(--chev) center/contain no-repeat;mask:var(--chev) center/contain no-repeat;flex:none}
@keyframes tk{to{transform:translateX(-50%)}}
.tk:hover .tk-in{animation-play-state:paused}

/* sections */
.sx{padding:clamp(72px,10vw,150px) 0}
.sx-tight{padding-top:clamp(40px,5vw,72px)}
.sx-h{margin-bottom:clamp(28px,3.6vw,52px);max-width:900px}
.sx-h.row-h{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.sx-sub{font-size:clamp(16px,1.2vw,18.5px);line-height:1.55;color:var(--muted);max-width:48ch;margin:18px 0 0}

/* worlds – expanding panels */
.wx{display:flex;gap:10px;height:min(76vh,760px);min-height:520px}
.wx-p{position:relative;flex:1;min-width:0;overflow:hidden;border-radius:6px;background:#d9d9d9;color:#fff;transition:flex 1s var(--e)}
.wx-p.on{flex:3.4}
.wx-m{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--e),filter .8s}
.wx-p:not(.on) .wx-m{filter:saturate(.7) brightness(.82)}
.wx-p:hover .wx-m{transform:scale(1.04)}
.wx-p::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),transparent 30%,transparent 55%,rgba(0,0,0,.6))}
.wx-n{position:absolute;left:20px;top:18px;z-index:1;font-size:12px;font-weight:800;letter-spacing:.14em}
.wx-l{position:absolute;left:20px;bottom:20px;right:76px;z-index:1;display:flex;flex-direction:column}
.wx-l b{font-weight:900;font-stretch:68%;font-size:clamp(30px,3.6vw,64px);line-height:.88;text-transform:uppercase;letter-spacing:-.02em;white-space:nowrap;transform-origin:left bottom;transition:transform .9s var(--e)}
.wx-p:not(.on) .wx-l b{transform:rotate(-90deg) translate(0,100%);position:absolute;bottom:0;left:0}
.wx-l small{margin-top:10px;font-size:13px;opacity:.85;transition:opacity .5s}
.wx-p:not(.on) .wx-l small{opacity:0}
.wx-go{position:absolute;right:18px;bottom:18px;z-index:1;width:52px;height:52px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--ink);transform:scale(0);transition:transform .6s var(--e)}
.wx-p.on .wx-go{transform:scale(1)}
.wx-go .chv{width:24px;height:11px;background:currentColor;-webkit-mask:var(--chev) center/contain no-repeat;mask:var(--chev) center/contain no-repeat}
@media (max-width:860px){.wx{height:auto;min-height:0;display:grid;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1*var(--gut));padding:0 var(--gut)}.wx::-webkit-scrollbar{display:none}.wx-p,.wx-p.on{aspect-ratio:3/4;scroll-snap-align:start}.wx-p:not(.on) .wx-l b{transform:none;position:static}.wx-p:not(.on) .wx-l small{opacity:.85}.wx-p .wx-go{transform:scale(1)}.wx-p:not(.on) .wx-m{filter:none}}

/* segmented tabs */
.seg{position:relative;display:inline-flex;padding:4px;border-radius:999px;background:rgba(0,0,0,.06)}
.seg button{position:relative;z-index:1;height:40px;padding:0 18px;border-radius:999px;font-weight:700;font-size:13.5px;letter-spacing:.04em;transition:color .35s}
.seg button[aria-selected=true]{color:#fff}
.seg-ind{position:absolute;top:4px;bottom:4px;left:0;border-radius:999px;background:var(--ink);transition:transform .55s var(--e),width .55s var(--e)}
@media (max-width:600px){.seg{width:100%;overflow-x:auto}.seg button{flex:1;padding:0 10px}}

/* drag carousel */
.car{position:relative}
.car[hidden]{display:none}
.car-t{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*18px)/4);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain}
.car-t::-webkit-scrollbar{display:none}
.car-t.drag{cursor:grabbing;scroll-snap-type:none}.car-t.drag a{pointer-events:none}
.car-t>*{scroll-snap-align:start}
@media (max-width:1100px){.car-t{grid-auto-columns:calc((100% - 2*18px)/3)}}
@media (max-width:760px){.car-t{grid-auto-columns:70%;gap:12px;margin:0 calc(-1*var(--gut));padding:0 var(--gut);scroll-padding:0 var(--gut)}}
.car-c{display:flex;align-items:center;gap:18px;margin-top:28px}
.car-bar{flex:1;height:2px;background:rgba(0,0,0,.1);position:relative;overflow:hidden;border-radius:2px}
.car-bar i{position:absolute;left:0;top:0;bottom:0;width:20%;background:var(--ink);border-radius:2px;transition:transform .2s linear}
.car-b{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--line2);display:grid;place-items:center;transition:background .3s,color .3s,border-color .3s,transform .3s var(--e)}
.car-b:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.car-b:active{transform:scale(.92)}
.car-b svg{width:20px;height:20px}
.car-b[disabled]{opacity:.3;pointer-events:none}
@media (max-width:760px){.car-b{display:none}}

/* full-bleed motion band */
.band{position:relative;min-height:min(110vh,1080px);color:#fff;overflow:hidden;display:flex;align-items:center;background:#0b0b0c}
.band-m{position:absolute;inset:-10% 0;will-change:transform}
.band-m video{width:100%;height:100%;object-fit:cover}
.band-s{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82) 0,rgba(0,0,0,.45) 55%,rgba(0,0,0,.2)),linear-gradient(0deg,rgba(0,0,0,.6),transparent 40%)}
.band-in{position:relative;width:100%;display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(32px,6vw,120px);align-items:end;padding-top:120px;padding-bottom:120px}
.band-l{font-size:clamp(16px,1.25vw,19px);line-height:1.55;color:#d3d3d3;max-width:50ch;margin:24px 0 0}
.band-steps{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid rgba(255,255,255,.18)}
.band-steps li{display:flex;gap:20px;align-items:baseline;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.18);font-size:17px;font-weight:600}
.band-steps b{font-weight:850;font-stretch:72%;font-size:22px;color:var(--red);width:30px}
@media (max-width:900px){.band-in{grid-template-columns:1fr;padding-top:90px;padding-bottom:90px}}

/* lithuania collage */
.lt{background:#0f2a1d;color:#fff;position:relative;overflow:hidden}
.lt::before{content:'';position:absolute;right:-10%;top:-20%;width:70%;aspect-ratio:1;background:radial-gradient(closest-side,rgba(253,185,19,.18),transparent);pointer-events:none}
.lt-g{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(32px,6vw,110px);align-items:center;position:relative}
.lt-ph{position:relative;height:min(92vh,880px);min-height:560px}
.lt-ph figure{position:absolute;margin:0;overflow:hidden;border-radius:6px;background:#1b3a2a}
.lt-ph img{width:100%;height:100%;object-fit:cover}
.lt-a{left:0;top:4%;width:60%;height:78%}
.lt-b{right:0;top:0;width:44%;height:52%}
.lt-c{right:6%;bottom:0;width:36%;height:40%}
.flag{display:flex;width:96px;height:6px;margin-bottom:26px}.flag i{flex:1}.flag i:nth-child(1){background:#fdb913}.flag i:nth-child(2){background:#006a44}.flag i:nth-child(3){background:#c1272d}
.lt .sx-sub{color:#c6d8cd}
.lt-p{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0}
.lt .pc-n,.lt .pc-p{color:#fff}.lt .pc-sw small{color:#c6d8cd}
.lt .btn{background:#fff;color:var(--ink);border-color:#fff}
@media (max-width:900px){.lt-g{grid-template-columns:1fr}.lt-ph{height:120vw;min-height:0}}

/* chevron detail strip */
.chvx{padding:clamp(72px,10vw,150px) 0;overflow:hidden}
.chv-h{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:44px}
.chv-r{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;padding:0 var(--gut);cursor:grab;scroll-snap-type:x proximity}
.chv-r::-webkit-scrollbar{display:none}
.chv-r.drag{cursor:grabbing;scroll-snap-type:none}.chv-r.drag a{pointer-events:none}
@media (min-width:1440px){.chv-r{padding-left:calc((100vw - var(--max))/2 + var(--gut))}}
.chv-i{position:relative;flex:none;width:clamp(260px,26vw,420px);aspect-ratio:3/4;border-radius:6px;overflow:hidden;background:#ddd;scroll-snap-align:start;color:#fff}
.chv-i img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--e);user-select:none}
.chv-i:hover img{transform:scale(1.07)}
.chv-i::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.6))}
.chv-i span{position:absolute;left:18px;bottom:18px;right:18px;z-index:1;font-weight:850;font-stretch:74%;font-size:26px;line-height:1;text-transform:uppercase}
.chv-i small{display:block;font-size:11px;letter-spacing:.16em;font-stretch:100%;font-weight:700;margin-bottom:8px;opacity:.85}

/* HUMMEL PRO split */
.pro2{display:grid;grid-template-columns:1fr 1fr;min-height:min(100vh,940px);background:#ebebeb}
.pro2-m{position:relative;overflow:hidden;background:#222}
.pro2-m video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pro2-badge{position:absolute;left:24px;top:24px;background:#fff;color:var(--ink);font-weight:850;font-stretch:76%;font-size:15px;letter-spacing:.06em;padding:10px 16px;border-radius:999px}
.pro2-c{padding:clamp(48px,7vw,120px) clamp(24px,6vw,110px);display:flex;flex-direction:column;justify-content:center}
.pro2-c .h1{font-size:clamp(40px,5vw,86px)}
.pro2-f{display:grid;grid-template-columns:1fr 1fr;gap:28px 32px;margin-top:40px}
.pro2-f b{display:block;font-weight:800;font-size:17px;margin-bottom:6px}
.pro2-f span{color:var(--muted);font-size:14.5px;line-height:1.5}
.pro2-f div{padding-top:16px;border-top:1.5px solid var(--ink)}
@media (max-width:900px){.pro2{grid-template-columns:1fr}.pro2-m{aspect-ratio:4/3}.pro2-f{grid-template-columns:1fr}}

/* heritage stadium band */
.her2{position:relative;min-height:min(90vh,820px);display:flex;align-items:center;color:#fff;overflow:hidden;background:#050505}
.her2-m{position:absolute;inset:-12% 0}.her2-m video{width:100%;height:100%;object-fit:cover}
.her2-s{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.her2-in{position:relative;display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,5vw,90px);align-items:center;width:100%}
.her2-y{font-weight:900;font-stretch:62%;font-size:clamp(120px,22vw,360px);line-height:.78;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.9);font-variant-numeric:tabular-nums}
.her2 .h2{max-width:14ch}
.her2 .btn{margin-top:30px}
@media (max-width:860px){.her2-in{grid-template-columns:1fr}}

/* AI + stores */
.duo{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(40px,6vw,110px)}
@media (max-width:900px){.duo{grid-template-columns:1fr}}
.duo .h2{font-size:clamp(30px,3.4vw,54px);max-width:16ch;margin-bottom:28px}
.ai2{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 22px;border-radius:999px;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.04),0 18px 50px rgba(0,0,0,.08)}
.ai2 input{flex:1;border:0;background:transparent;height:54px;font-size:16.5px;outline:0;min-width:0}
.ai2 .btn{width:54px;min-height:54px;padding:0}
.st-l{border-top:1px solid var(--line);margin-bottom:24px}
.st-i{display:grid;grid-template-columns:1fr auto;gap:2px 18px;padding:16px 0;border-bottom:1px solid var(--line)}
.st-i b{font-weight:800}.st-i span{color:var(--muted);font-size:14px;grid-column:1}.st-i em{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}

/* worlds (old) kept for category landing pages */
.world{position:relative;display:block;overflow:hidden;background:var(--ink);color:#fff;min-height:340px;border-radius:6px}
.world img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--e)}
.world:hover img{transform:scale(1.05)}
.world::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 55%)}
.world .in{position:absolute;left:24px;right:16px;bottom:22px;z-index:1;display:flex;justify-content:space-between;align-items:end;gap:12px}
.hero{position:relative;min-height:min(70vh,700px);background:var(--ink);color:#fff;overflow:hidden;display:flex;align-items:flex-end}
.hero-media{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover}
.hero::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 60%)}
.hero .wrap{position:relative;z-index:2;width:100%;padding-bottom:56px;padding-top:120px}
.intent{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}
.intent a{flex:none;display:flex;flex-direction:column;justify-content:space-between;width:208px;height:132px;padding:16px;background:var(--white);border-radius:6px;transition:transform .4s var(--e),background .3s,color .3s}
.intent a:hover{background:var(--ink);color:#fff;transform:translateY(-3px)}
.intent a b{font-weight:800;font-stretch:80%;font-size:22px;text-transform:uppercase;line-height:1}.intent a small{color:var(--muted);font-size:13px}


/* product cards v0.2 */
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(28px,3vw,44px) clamp(10px,1.2vw,18px)}
@media (max-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.cards{grid-template-columns:repeat(2,1fr);gap:28px 10px}}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*18px)/4);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start}
@media (max-width:1100px){.rail{grid-auto-columns:calc((100% - 2*18px)/3)}}@media (max-width:760px){.rail{grid-auto-columns:70%}}
.pc{position:relative;display:flex;flex-direction:column;min-width:0}
.pc-m{position:relative;display:block;aspect-ratio:3/4;background:#e8e8e8;overflow:hidden;border-radius:4px}
.pc-m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s var(--e),transform 1.1s var(--e)}
.pc-m img.alt{opacity:0;transform:scale(1.04)}
@media (hover:hover){.pc:hover .pc-m img.alt{opacity:1;transform:none}.pc:hover .pc-m img:not(.alt){transform:scale(1.04)}}
.pc-tags{position:absolute;left:10px;top:10px;display:flex;gap:4px;z-index:2;flex-wrap:wrap}
.pc-tags .tag{border-radius:999px;padding:5px 9px;font-size:10.5px;background:#fff;color:var(--ink)}
.pc-tags .tag.r{background:var(--red);color:#fff}
.pc-q{position:absolute;left:8px;right:8px;bottom:8px;z-index:2;display:flex;flex-wrap:wrap;gap:4px;padding:8px;border-radius:6px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;transform:translateY(12px);transition:opacity .35s,transform .5s var(--e)}
.pc-q::before{content:'Greitas įdėjimas';width:100%;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--muted);margin-bottom:2px}
@media (hover:hover){.pc:hover .pc-q,.pc:focus-within .pc-q{opacity:1;transform:none}}
.pc-q button{min-width:38px;height:32px;padding:0 8px;background:transparent;border:1px solid var(--line2);font-size:12.5px;font-weight:700;border-radius:999px;transition:.2s}
.pc-q button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.pc-q button[disabled]{opacity:.3;text-decoration:line-through;pointer-events:none}
.pc-q button.ok{background:var(--ok);border-color:var(--ok);color:#fff}
.pc-b{padding:14px 2px 0;display:flex;flex-direction:column;gap:4px}
.pc-n{font-weight:600;font-size:14.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc-p{display:flex;gap:8px;align-items:baseline;font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}
.pc-p s{color:var(--muted2);font-weight:500;font-size:13.5px}.pc-p .sale{color:var(--red)}
.pc-p .b2b{color:var(--ok);font-size:12.5px;font-weight:700}
.pc-sw{display:flex;gap:6px;margin-top:4px;align-items:center}
.pc-sw a,.pc-sw span.d{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.18);display:block;transition:transform .3s var(--e)}
.pc-sw a:hover{transform:scale(1.3)}
.pc-sw a.on{outline:1.5px solid var(--ink);outline-offset:2px}.pc-sw small{font-size:12px;color:var(--muted)}
.pc-oos .pc-m img{filter:grayscale(.6) opacity(.7)}
.pc-layer{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}

/* cart drawer */
.cd{position:fixed;inset:0;z-index:110;visibility:hidden}
.cd.open{visibility:visible}
.cd-bg{position:absolute;inset:0;background:rgba(8,8,8,.5);opacity:0;transition:opacity .45s;backdrop-filter:blur(2px)}
.cd.open .cd-bg{opacity:1}
.cd-p{position:absolute;top:8px;right:8px;bottom:8px;width:min(460px,calc(100vw - 16px));background:#ffffff;border-radius:12px;display:flex;flex-direction:column;transform:translateX(calc(100% + 16px));transition:transform .7s var(--e);overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.25)}
.cd.open .cd-p{transform:none}
.cd-h{display:flex;justify-content:space-between;align-items:center;padding:18px 18px 14px 24px}
.cd-h h2{font-size:24px;font-weight:850;font-stretch:74%;text-transform:uppercase;margin:0;display:flex;gap:8px;align-items:baseline}
.cd-h h2 span{font-size:14px;color:var(--muted);font-stretch:100%;font-weight:600}
.cd-ship{margin:0 24px 8px;padding:14px 16px;background:#fff;border-radius:8px;font-size:13.5px}
.cd-ship-t b{font-weight:800}
.cd-bar{height:4px;background:var(--paper2);border-radius:4px;margin-top:10px;overflow:hidden}
.cd-bar i{display:block;height:100%;width:0;background:var(--ink);border-radius:4px;transition:width .9s var(--e)}
.cd-ship.done .cd-bar i{background:var(--ok)}
.cd-b{flex:1;overflow:auto;padding:4px 24px 20px;overscroll-behavior:contain}
.cd-load{display:grid;place-items:center;height:200px}
.cd-i{display:grid;grid-template-columns:88px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);animation:fadeUp .5s var(--e) both;opacity:0;transform:translateY(10px)}
.cd-i img{width:88px;height:117px;object-fit:cover;border-radius:4px;background:#e8e8e8}
.cd-i h3{font-size:14.5px;font-weight:600;line-height:1.3;margin:0 0 4px;text-transform:none;letter-spacing:0;font-stretch:100%}
.cd-i .v{font-size:12.5px;color:var(--muted)}
.cd-i .ft{display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.qty{display:inline-flex;align-items:center;border:1.5px solid var(--line2);border-radius:999px;height:36px}
.qty button{width:34px;height:34px;display:grid;place-items:center;border-radius:50%}.qty button:hover{background:var(--paper2)}
.qty svg{width:14px;height:14px}.qty span{min-width:22px;text-align:center;font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}
.cd-i .pr{font-weight:700;font-variant-numeric:tabular-nums}
.cd-i .rm{font-size:12px;color:var(--muted);text-decoration:underline;margin-top:6px}
.cd-i.busy{opacity:.45;pointer-events:none}
.cd-empty{text-align:center;padding:48px 8px}
.cd-empty h3{font-size:30px;font-weight:850;font-stretch:74%;text-transform:uppercase;margin:0 0 10px}
.cd-empty p{color:var(--muted);margin:0 0 24px}
.cd-empty .row{justify-content:center}
.cd-f{padding:18px 24px calc(18px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line)}
.cd-row{display:flex;justify-content:space-between;margin-bottom:8px;font-variant-numeric:tabular-nums}
.cd-row b{font-size:18px}
.cd-f .btn{margin-top:10px}
.cd-view{display:block;text-align:center;font-size:13px;font-weight:600;margin-top:12px;text-decoration:underline}
.cd-pay{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:14px}
.cd-pay span{font-size:10.5px;font-weight:700;letter-spacing:.04em;padding:4px 8px;border:1px solid var(--line);border-radius:4px;color:var(--muted)}
.cd-up{margin-top:24px}.cd-up h4{font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px}
.cd-up .rail{grid-auto-columns:42%}
.cd-up .pc-q{display:none}


/* national team band */
.nt{position:relative;background:#0e2318;color:#fff;overflow:hidden}
.nt::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#fdb913 0 33.3%,#006a44 33.3% 66.6%,#c1272d 66.6%);opacity:.12}
.nt .wrap{position:relative;display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(24px,4vw,64px);align-items:center}
.nt-img{aspect-ratio:4/5;background:#163b28 center/cover;position:relative}
.nt-flag{display:flex;height:6px;width:120px}.nt-flag i{flex:1}
@media (max-width:860px){.nt .wrap{grid-template-columns:1fr}}

/* team studio teaser + jersey */
.ts{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,72px);align-items:center}
@media (max-width:900px){.ts{grid-template-columns:1fr}}
.ts-steps{counter-reset:s;display:grid;gap:2px;margin:28px 0}
.ts-steps li{list-style:none;display:flex;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid #2c2c30;font-weight:700}
.ts-steps li::before{counter-increment:s;content:'0' counter(s);font-stretch:80%;font-weight:800;color:var(--red);font-size:20px;width:34px}
.jersey-stage{position:relative;aspect-ratio:1/1;display:grid;place-items:center;background:radial-gradient(60% 60% at 50% 45%,#2a2a2e,#0b0b0c)}
.jersey-stage svg{width:78%;height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5));transition:transform .6s var(--e)}
.jersey-stage .flip{position:absolute;right:14px;bottom:14px}
.jersey-in{display:grid;grid-template-columns:1fr 90px;gap:8px;margin-top:12px}
.jersey-in input{height:48px;padding:0 14px;background:#1b1b1e;border:1px solid #3a3a3e;color:#fff;font-weight:700;text-transform:uppercase}

/* kit builder strip */
.kit{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
@media (max-width:980px){.kit{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.kit{grid-template-columns:repeat(2,1fr)}}
.kit-sum{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding:18px 20px;background:var(--white);border:1px solid var(--line);flex-wrap:wrap}

/* pro band */
.pro-band{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
@media (max-width:900px){.pro-band{grid-template-columns:1fr}}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#2c2c30;border:1px solid #2c2c30}
.feat div{background:var(--ink);padding:22px}.feat b{display:block;font-weight:800;font-stretch:82%;font-size:19px;text-transform:uppercase;margin-bottom:6px}
.feat span{color:#a3a3a3;font-size:14px}
@media (max-width:560px){.feat{grid-template-columns:1fr}}

/* tech */
.tech{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
.tech-vis{aspect-ratio:1.2;background:var(--ink);position:relative;overflow:hidden}
.tech-vis .drop{position:absolute;width:10px;height:10px;border-radius:50%;background:#7fc6e8;opacity:.8;animation:drop 3s infinite linear}
@keyframes drop{0%{transform:translate(0,0);opacity:0}15%{opacity:.9}100%{transform:translate(var(--dx),-240px);opacity:0}}
.weave{position:absolute;inset:auto 0 0 0;height:46%;background:repeating-linear-gradient(90deg,#1f1f23 0 6px,#2b2b30 6px 12px),#1f1f23;mask:repeating-linear-gradient(0deg,#000 0 6px,rgba(0,0,0,.6) 6px 12px)}
@media (max-width:900px){.tech{grid-template-columns:1fr}}

/* stores */
.stores{display:grid;grid-template-columns:1fr 1.2fr;gap:32px}
@media (max-width:900px){.stores{grid-template-columns:1fr}}
.store-map{position:relative;aspect-ratio:1.35;background:var(--ink);overflow:hidden}
.store-map .pin{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--muted2);box-shadow:0 0 0 4px rgba(255,255,255,.08)}
.store-map .pin.own{background:var(--red);box-shadow:0 0 0 6px rgba(208,17,43,.25)}
.store-map .pin span{position:absolute;left:18px;top:-4px;font-size:11px;color:#ddd;white-space:nowrap;font-weight:700;letter-spacing:.04em}
.store-list{display:grid;gap:0}.store{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:16px 0;border-bottom:1px solid var(--line)}
.store b{font-weight:800}.store .t{grid-column:2;grid-row:1}

/* heritage */
.her{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,5vw,80px);align-items:center}
.her .yr{font-weight:900;font-stretch:62%;font-size:clamp(110px,20vw,300px);line-height:.8;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px var(--ink)}
@media (max-width:760px){.her{grid-template-columns:1fr}}

/* AI */
.ai-box{background:var(--white);border:1.5px solid var(--ink);display:flex;align-items:center;gap:8px;padding:6px 6px 6px 18px}
.ai-box input{flex:1;border:0;background:transparent;height:52px;font-size:17px;outline:0;min-width:0}
.ai-out{margin-top:16px}
.ai-msg{white-space:pre-line;background:var(--white);border-left:3px solid var(--red);padding:16px 18px;font-size:15.5px}
.ai-msg .route{margin-top:14px}
.ai-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}

/* search overlay */
.so{position:fixed;inset:0;z-index:95;background:var(--paper);display:none;flex-direction:column}
.so.open{display:flex;animation:fade .2s}
@keyframes fade{from{opacity:0}to{opacity:1}}
.so-h{border-bottom:1px solid var(--line)}
.so-h .wrap{display:flex;align-items:center;gap:12px;height:76px}
.so-h input{flex:1;height:56px;border:0;background:transparent;font-size:clamp(20px,2.6vw,30px);font-weight:700;font-stretch:88%;outline:0;min-width:0}
.so-b{flex:1;overflow:auto;padding:24px 0 100px}
.so-cols{display:grid;grid-template-columns:280px 1fr;gap:40px}
@media (max-width:860px){.so-cols{grid-template-columns:1fr}}
.so-side a{display:block;padding:9px 0;font-weight:600}.so-side h5{margin:18px 0 6px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.so-meta{font-size:13px;color:var(--muted);margin-bottom:14px}
.so-parsed{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.so-parsed span{font-size:12px;font-weight:700;padding:5px 10px;background:var(--ink);color:#fff;border-radius:999px}

/* PLP */
.plp-h{padding:28px 0 8px}
.crumbs{font-size:13px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.crumbs a:hover{color:var(--ink)}.crumbs span+span::before{content:'/';margin-right:8px;color:var(--line2)}
.subcats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:18px 0 4px;padding-bottom:4px}.subcats::-webkit-scrollbar{display:none}
.toolbar{position:sticky;top:var(--hh);z-index:30;background:rgba(243,241,236,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);margin-bottom:20px}
.toolbar .wrap{display:flex;gap:10px;align-items:center;min-height:60px;flex-wrap:wrap}
.toolbar select{height:40px;border:1.5px solid var(--line2);background:transparent;border-radius:999px;padding:0 14px}
.fchips{display:flex;gap:6px;flex-wrap:wrap}.fchips a{font-size:12.5px;font-weight:700;padding:6px 10px;background:var(--ink);color:#fff;border-radius:999px}.fchips a::after{content:' ×'}
.pager{display:flex;justify-content:center;gap:6px;margin:48px 0 0}
.pager a,.pager span{min-width:44px;height:44px;display:grid;place-items:center;border:1.5px solid var(--line2);font-weight:700}
.pager .cur{background:var(--ink);color:#fff;border-color:var(--ink)}
.cat-guide{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:64px;padding-top:40px;border-top:1px solid var(--line)}
@media (max-width:860px){.cat-guide{grid-template-columns:1fr}}
.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.faq summary::after{content:'+';font-size:22px;line-height:1}.faq details[open] summary::after{content:'–'}

/* sheet (filters, fit, notify) */
.sheet{position:fixed;inset:0;z-index:96;visibility:hidden}
.sheet.open{visibility:visible}
.sheet-bg{position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:.25s}.sheet.open .sheet-bg{opacity:1}
.sheet-p{position:absolute;right:0;top:0;bottom:0;width:min(480px,100vw);background:var(--paper);transform:translateX(100%);transition:transform .35s var(--e);display:flex;flex-direction:column}
.sheet.open .sheet-p{transform:none}
@media (max-width:700px){.sheet-p{top:auto;left:0;width:100%;max-height:88vh;border-radius:14px 14px 0 0;transform:translateY(100%)}.sheet-p::before{content:'';width:44px;height:4px;border-radius:2px;background:var(--line2);margin:10px auto 0}}
.sheet-h{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}
.sheet-b{flex:1;overflow:auto;padding:20px}
.sheet-f{padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);display:flex;gap:10px}
.fgroup{padding:6px 0 18px}.fgroup h5{margin:0 0 10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.fgroup .opts{display:flex;flex-wrap:wrap;gap:6px}
.opt{min-width:48px;height:42px;padding:0 12px;border:1.5px solid var(--line2);display:inline-grid;place-items:center;font-weight:700;font-size:14px;cursor:pointer;border-radius:var(--r);background:transparent}
.opt input{position:absolute;opacity:0;pointer-events:none}
.opt:has(input:checked),.opt.on{background:var(--ink);border-color:var(--ink);color:#fff}
.sw{display:inline-flex;align-items:center;gap:8px}.sw i{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.2)}

/* PDP */
.pdp{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.85fr);gap:clamp(20px,3.4vw,56px);padding-top:20px;align-items:start}
@media (max-width:980px){.pdp{grid-template-columns:1fr}}
.gal{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.gal figure{margin:0;aspect-ratio:3/4;background:#e4e4e4;position:relative;overflow:hidden;cursor:zoom-in}
.gal figure:first-child{grid-column:span 2;aspect-ratio:4/4.4}
.gal img{width:100%;height:100%;object-fit:cover}
@media (max-width:980px){.gal{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--gut));scrollbar-width:none}.gal::-webkit-scrollbar{display:none}.gal figure{flex:none;width:86vw;scroll-snap-align:center}.gal figure:first-child{aspect-ratio:3/4}}
.buy{position:sticky;top:calc(var(--hh) + 16px)}
.buy h1{font-size:clamp(28px,3vw,44px);line-height:.95;margin:8px 0 14px;text-transform:none;font-stretch:82%;letter-spacing:-.01em}
.price{display:flex;gap:12px;align-items:baseline;font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}
.price s{font-size:17px;color:var(--muted2);font-weight:500}.price .sale{color:var(--red)}
.b2b-box{margin-top:8px;padding:10px 14px;background:#e7f1ea;border-left:3px solid var(--ok);font-size:14px}
.pdp-sec{margin-top:22px}.pdp-sec>.lbl{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}
.swatches{display:flex;gap:8px;flex-wrap:wrap}
.swatches a{width:64px;aspect-ratio:3/4;background:#e4e4e4 center/cover;border:1.5px solid transparent;position:relative}
.swatches a.on{border-color:var(--ink)}.swatches a.oos::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 48%,rgba(0,0,0,.4) 49% 51%,transparent 52%)}
.sizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}
.sz{position:relative;height:52px;border:1.5px solid var(--line2);font-weight:700;font-size:15px;background:transparent;border-radius:var(--r);transition:.15s}
.sz:hover{border-color:var(--ink)}.sz[aria-checked=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.sz.oos{color:var(--muted2);background:repeating-linear-gradient(135deg,transparent 0 8px,rgba(0,0,0,.04) 8px 9px)}
.sz.low::after{content:'';position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--warn)}
.stock{display:flex;align-items:center;gap:8px;font-size:14px;margin-top:10px}.stock i{width:8px;height:8px;border-radius:50%;background:var(--ok)}
.stock.low i{background:var(--warn)}.stock.out i{background:var(--bad)}
.buy-cta{display:grid;grid-template-columns:1fr 56px;gap:8px;margin-top:20px}
.buy-cta .wish{border:1.5px solid var(--ink);display:grid;place-items:center}.buy-cta .wish svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7}
.buy-cta .wish[aria-pressed=true] svg{fill:var(--red);stroke:var(--red)}
.promise{margin-top:18px;border-top:1px solid var(--line)}.promise div{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.promise svg{flex:none;width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6}
.team-cta{margin-top:16px;padding:16px;background:var(--ink);color:#fff;display:flex;gap:14px;align-items:center;justify-content:space-between}
.acc details{border-bottom:1px solid var(--line)}.acc summary{padding:18px 0;font-weight:800;font-stretch:84%;font-size:17px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;list-style:none;display:flex;justify-content:space-between}
.acc summary::after{content:'+';font-size:22px}.acc details[open] summary::after{content:'–'}
.acc .in{padding:0 0 20px;color:#383838;font-size:15px}
.specs{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;font-size:14px}.specs dt{color:var(--muted)}.specs dd{margin:0;font-weight:600}
.tech-pill{display:flex;gap:12px;padding:12px;background:var(--white);border:1px solid var(--line);margin-top:8px}.tech-pill b{display:block}
.mbar{display:none}
@media (max-width:980px){.mbar{display:flex;position:fixed;left:0;right:0;bottom:64px;z-index:65;background:var(--paper);border-top:1px solid var(--line);padding:10px var(--gut);gap:10px;align-items:center;transform:translateY(120%);transition:transform .3s var(--e)}.mbar.show{transform:none}.mbar .btn{flex:1}}
.toast{position:fixed;left:50%;bottom:90px;z-index:120;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:#fff;padding:14px 18px;display:flex;gap:14px;align-items:center;transition:.3s var(--e);max-width:calc(100vw - 32px)}
.toast.show{opacity:1;transform:translate(-50%,0)}.toast a{color:#fff;font-weight:800;text-decoration:underline}

/* forms */
.fld{display:grid;gap:6px;margin-bottom:14px}.fld label{font-size:13px;font-weight:700}
.inp,.fld input,.fld select,.fld textarea{width:100%;min-height:48px;padding:10px 14px;border:1.5px solid var(--line2);background:var(--white);border-radius:var(--r)}
.fld textarea{min-height:110px}.inp:focus,.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--ink);outline:0}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:560px){.f2{grid-template-columns:1fr}}

/* footer v0.2 */
.ftr{background:#0a0a0b;color:#b3b3b3;padding:clamp(72px,9vw,130px) 0 calc(28px + env(safe-area-inset-bottom));overflow:hidden}
.ftr-cta{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap;padding-bottom:clamp(48px,6vw,90px);border-bottom:1px solid #232326;color:#fff}
.ftr-cta-r{display:flex;gap:12px;flex-wrap:wrap}
.ftr-big{display:flex;flex-direction:column;gap:6px;min-width:260px;padding:22px 72px 22px 24px;border:1px solid #2c2c30;border-radius:10px;font-weight:850;font-stretch:74%;font-size:30px;text-transform:uppercase;line-height:1;position:relative;transition:background .4s,color .4s,border-color .4s}
.ftr-big small{font-size:11px;letter-spacing:.16em;font-weight:700;font-stretch:100%;color:#858585}
.ftr-big .chv{position:absolute;right:22px;bottom:24px;width:30px;height:13px;background:currentColor;-webkit-mask:var(--chev) center/contain no-repeat;mask:var(--chev) center/contain no-repeat;transition:transform .5s var(--e)}
.ftr-big:hover{background:#fff;color:var(--ink);border-color:#fff}.ftr-big:hover .chv{transform:translateX(6px)}
.ftr-top{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:32px;padding-top:56px}
@media (max-width:900px){.ftr-top{grid-template-columns:1fr 1fr}.ftr-brand{grid-column:span 2}}
.ftr-brand p{font-size:14px;line-height:1.6;max-width:36ch;margin:20px 0 0}
.ftr-brand p a{display:inline;margin-right:16px;color:#fff}
.ftr h4,.ftr h2{color:#fff;font-weight:800;font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 16px}
.ftr-top>div>a{display:block;padding:6px 0;font-size:14.5px;transition:color .2s,transform .35s var(--e)}
.ftr-top>div>a:hover{color:#fff;transform:translateX(4px)}
.ftr-mark{display:flex;align-items:center;gap:clamp(4px,.6vw,10px);margin:clamp(48px,7vw,110px) 0 0;color:#18181b;user-select:none}
.ftr-mark span{font-weight:900;font-stretch:62%;font-size:clamp(84px,19vw,330px);line-height:.75;letter-spacing:-.05em;text-transform:uppercase}
.ftr-mark i{flex:none;width:clamp(28px,5vw,86px);height:clamp(40px,8vw,140px);background:currentColor;clip-path:polygon(0 0,42% 0,100% 50%,42% 100%,0 100%,58% 50%)}
.ftr-mark i:nth-of-type(1){color:#2a0a10}.ftr-mark i:nth-of-type(2){color:#480e18}.ftr-mark i:nth-of-type(3){color:#6d1120}.ftr-mark i:nth-of-type(4){color:#9a1226}.ftr-mark i:nth-of-type(5){color:var(--red)}
.ftr-b{display:flex;justify-content:space-between;gap:16px;margin-top:40px;padding-top:22px;border-top:1px solid #232326;font-size:12.5px;flex-wrap:wrap}
.ftr-pay{display:flex;gap:6px;flex-wrap:wrap}.ftr-pay span{padding:4px 9px;border:1px solid #2c2c30;border-radius:4px;font-size:11px;font-weight:700}


/* motion: reveals (JS adds .in), clip reveals for media, staggered children */
html.lenis,html.lenis body{height:auto}
html.sm{scroll-behavior:auto}
[data-rv]{opacity:0;transform:translateY(40px);transition:opacity 1s var(--e),transform 1.2s var(--e)}
[data-rv].in{opacity:1;transform:none}
[data-rv=stagger]{opacity:1;transform:none}
[data-rv=stagger]>*{opacity:0;transform:translateY(40px);transition:opacity .9s var(--e),transform 1.1s var(--e)}
[data-rv=stagger].in>*{opacity:1;transform:none}
[data-rv=stagger].in>*:nth-child(2){transition-delay:.08s}[data-rv=stagger].in>*:nth-child(3){transition-delay:.16s}[data-rv=stagger].in>*:nth-child(4){transition-delay:.24s}[data-rv=stagger].in>*:nth-child(5){transition-delay:.32s}[data-rv=stagger].in>*:nth-child(6){transition-delay:.4s}
[data-rv=clip]{opacity:1;transform:none;clip-path:inset(12% 8% 12% 8%);transition:clip-path 1.5s var(--e2)}
[data-rv=clip].in{clip-path:inset(0)}
.no-js [data-rv],.no-js [data-rv]>*{opacity:1!important;transform:none!important;clip-path:none!important}
.rv{opacity:0;transform:translateY(30px);transition:opacity .9s var(--e),transform 1.1s var(--e)}
.rv.in{opacity:1;transform:none}.no-js .rv{opacity:1;transform:none}
[data-par]{will-change:transform}
@media (prefers-reduced-motion:reduce){[data-rv],[data-rv]>*,.rv{opacity:1!important;transform:none!important;clip-path:none!important}.tk-in{animation:none}}


/* view transitions */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.28s}
.pimg{view-transition-name:pimg}

/* studio / pro / control share an app shell */
.app{display:grid;grid-template-columns:300px 1fr;min-height:calc(100vh - var(--hh));background:var(--paper)}
.app-side{background:var(--ink);color:#d0d0d0;padding:28px 20px;position:sticky;top:var(--hh);height:calc(100vh - var(--hh));overflow:auto}
.app-main{padding:clamp(20px,3vw,40px);min-width:0}
@media (max-width:980px){.app{grid-template-columns:1fr}.app-side{position:static;height:auto;padding:16px}}
.steps{display:grid;gap:2px}.steps button{display:flex;gap:12px;align-items:center;text-align:left;padding:12px 10px;border-radius:var(--r);font-weight:700;color:#a3a3a3;width:100%}
.steps button b{font-stretch:78%;font-size:18px;width:28px;color:#666666}
.steps button.on{background:#1d1d20;color:#fff}.steps button.on b{color:var(--red)}.steps button.done b{color:var(--ok)}
@media (max-width:980px){.steps{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto}.steps button{padding:8px 10px}.steps button span{display:none}.steps button.on span{display:inline}}
.panel{background:var(--white);border:1px solid var(--line);padding:clamp(16px,2.4vw,28px)}
.panel+.panel{margin-top:16px}
.opt-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.oc{display:flex;flex-direction:column;gap:6px;text-align:left;padding:18px;border:1.5px solid var(--line);background:var(--white);min-height:110px;transition:.15s}
.oc b{font-weight:800;font-stretch:84%;font-size:19px;text-transform:uppercase}.oc span{font-size:13px;color:var(--muted)}
.oc:hover{border-color:var(--ink)}.oc[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.oc[aria-pressed=true] span{color:#bbb}
.matrix-wrap{overflow:auto;max-height:62vh;border:1px solid var(--line)}
table.mx{border-collapse:collapse;width:100%;font-size:14px;background:var(--white)}
.mx th,.mx td{border-bottom:1px solid var(--line);padding:6px 8px;text-align:left;white-space:nowrap}
.mx thead th{position:sticky;top:0;background:var(--ink);color:#fff;font-size:12px;letter-spacing:.06em;text-transform:uppercase;z-index:1}
.mx td input,.mx td select{height:36px;border:1px solid var(--line);padding:0 8px;background:#fff;width:100%;min-width:64px}
.mx tr.err td{background:#fdecee}.mx td.bad select,.mx td.bad input{border-color:var(--bad);background:#ffffff}
.issues{display:grid;gap:4px;margin:12px 0;font-size:14px}.issues .e{color:var(--bad)}.issues .w{color:var(--warn)}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media (max-width:900px){.kpis{grid-template-columns:repeat(2,1fr)}}
.kpi{background:var(--white);border:1px solid var(--line);padding:18px}.kpi small{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700}
.kpi b{display:block;font-size:clamp(26px,2.6vw,38px);font-weight:800;font-stretch:80%;margin:6px 0 2px;font-variant-numeric:tabular-nums}
.kpi .d{font-size:13px;font-weight:700}.kpi .d.up{color:var(--ok)}.kpi .d.dn{color:var(--bad)}
.kpi.hero,.kpi.dk{background:var(--ink);color:#fff;border-color:var(--ink)}.kpi.hero small,.kpi.dk small{color:#a3a3a3}
.alerts{display:grid;gap:8px}.al{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;background:var(--white);border-left:4px solid var(--ink);font-weight:600}
.al.warn{border-color:var(--warn)}.al.bad{border-color:var(--bad)}.al.info{border-color:#2457c5}
.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:10px;overflow-x:auto;padding-bottom:8px}
.kcol{background:var(--paper2);padding:10px;min-height:120px}.kcol h5{margin:2px 0 10px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;display:flex;justify-content:space-between}
.kc{background:var(--white);padding:12px;margin-bottom:8px;border:1px solid var(--line);font-size:14px}.kc b{display:block;margin-bottom:4px}
.kc.late{border-left:4px solid var(--bad)}.kc .row{gap:6px;margin-top:8px}
.bars{display:grid;gap:6px}.bar{display:grid;grid-template-columns:110px 1fr 90px;gap:10px;align-items:center;font-size:13.5px}
.bar i{display:block;height:10px;background:var(--ink)}.bar i.b2b{background:var(--ok)}.bar i.r{background:var(--red)}
.tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:20px;scrollbar-width:none}
.tabs a{padding:12px 14px;font-weight:800;font-stretch:84%;letter-spacing:.06em;text-transform:uppercase;font-size:14px;border-bottom:3px solid transparent;white-space:nowrap}
.tabs a.on{border-color:var(--red)}
.pane{display:none}.pane.on{display:block}
.st{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--paper2)}
.st.ok{background:#e1f0e5;color:var(--ok)}.st.warn{background:#fbf0dc;color:var(--warn)}.st.bad{background:#fde5e7;color:var(--bad)}
table.tbl{width:100%;border-collapse:collapse;font-size:14px;background:var(--white)}.tbl th,.tbl td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}.tbl th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.dropzone{border:2px dashed var(--line2);padding:24px;text-align:center;background:var(--paper);cursor:pointer}.dropzone.hover{border-color:var(--ink);background:#fff}
.doctor{display:grid;gap:4px;font-size:14px;margin-top:10px}.doctor .ok::before{content:'✓ ';color:var(--ok);font-weight:800}.doctor .warn::before{content:'! ';color:var(--warn);font-weight:800}.doctor .bad::before{content:'× ';color:var(--bad);font-weight:800}
.notice{padding:12px 16px;background:#fff7e0;border-left:3px solid var(--warn);font-size:14px}

/* woo cart / checkout reskin */
.woo-page{padding:32px 0 80px}
.woocommerce table.shop_table{border-collapse:collapse;width:100%;background:var(--white);border:1px solid var(--line)}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{padding:14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.woocommerce table.shop_table img{width:72px}
.woocommerce .button,.woocommerce button.button,.woocommerce a.button,#place_order{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;background:var(--ink);color:#fff;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:0;border-radius:var(--r);cursor:pointer}
.woocommerce form .form-row{margin:0 0 12px}.woocommerce form .form-row label{display:block;font-size:13px;font-weight:700;margin-bottom:4px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row select,.woocommerce form .form-row textarea{width:100%;min-height:48px;padding:10px 14px;border:1.5px solid var(--line2);background:var(--white);border-radius:var(--r)}
.woocommerce-checkout #customer_details{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media (max-width:860px){.woocommerce-checkout #customer_details{grid-template-columns:1fr}}
.woocommerce-message,.woocommerce-info,.woocommerce-error{list-style:none;padding:14px 18px;background:var(--white);border-left:4px solid var(--ink);margin:0 0 16px}
.woocommerce-error{border-color:var(--bad)}
.hm-b2b-fields{margin-top:20px;padding:18px;background:#e7f1ea}
.entry{max-width:780px}.entry h2{font-size:28px;margin:36px 0 12px}.entry p,.entry li{color:#313131}
/* Team Studio panes are toggled with [hidden] */
[data-studio] .pane:not([hidden]){display:block;animation:fade .25s}
.steps button.done b{color:var(--ok)}.steps button[aria-current] {background:#1b1b1f;color:#fff}.steps button[aria-current] b{color:var(--red)}
.steps a{display:block;padding:12px 10px;font-weight:700;color:#a3a3a3;border-radius:var(--r)}.steps a.on,.steps a:hover{background:#1b1b1f;color:#fff}
.swatches button{width:40px;height:40px;border-radius:50%;border:2px solid var(--line2);box-shadow:inset 0 0 0 3px var(--paper)}.swatches button.on{border-color:var(--ink)}.swatches button.oos{opacity:.4}
.oc.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.mbar.show{transform:none}
.opt input:checked+span,.opt:has(input:checked){background:var(--ink);color:#fff;border-color:var(--ink)}

.swatches.dots button{width:36px;height:36px}
.sizes .sz[hidden]{display:none}

@media (max-width:420px){.tabbar a,.tabbar button{font-size:9.5px;letter-spacing:.02em}}
@media (max-width:600px){.hx-cta{width:100%;flex-direction:column}.hx-cta .btn{width:100%}.btn.lg{min-height:54px;padding:0 20px}.ftr-big{min-width:0;flex:1}.ftr-cta-r{width:100%}.hdr.on-dark:not(.is-scrolled) .search-pill{background:none}}

/* PLP v0.2 – custom faceted filtering */
.plp2-h{padding-block:clamp(28px,4vw,56px) clamp(18px,2vw,28px)}
.plp2-t{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap}
.plp2-t .h1{margin:0;font-size:clamp(44px,7.4vw,112px)}
.plp2-n{font-weight:800;font-size:clamp(18px,1.8vw,24px);color:var(--muted);padding-bottom:.55em;transition:opacity .3s}
.plp2-n span{font-weight:600;font-size:.7em}
.plp2-h .sx-sub{max-width:62ch;margin:14px 0 0}
.plp2-h .subcats{margin-top:22px}
.plp2-bar{position:sticky;top:var(--hh);z-index:40;transition:top .5s var(--e)}
body:has(.hdr.is-hidden) .plp2-bar{top:0}
.plp2-bar::before{content:'';position:absolute;inset:0;background:rgba(246,245,242,.9);backdrop-filter:saturate(1.5) blur(16px);-webkit-backdrop-filter:saturate(1.5) blur(16px);border-block:1px solid var(--line);z-index:-1}
.plp2-bar .wrap{display:flex;align-items:center;gap:14px;min-height:64px}
.fbtn{display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 18px;border-radius:999px;background:var(--ink);color:#fff;font-weight:700;font-size:14px;flex:none;transition:transform .3s var(--e),background .3s}
.fbtn:hover{transform:translateY(-1px)}
.fbtn svg{width:18px;height:18px}
.fbtn b{min-width:20px;height:20px;border-radius:10px;background:var(--red);font-size:11px;display:grid;place-items:center;padding:0 5px}
.fbtn b[hidden]{display:none}
.plp2-bar .fchips{flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:6px}
.plp2-bar .fchips::-webkit-scrollbar{display:none}
.plp2-bar .fchips a{display:inline-flex;align-items:center;gap:6px;flex:none;height:34px;padding:0 8px 0 14px;background:#fff;color:var(--ink);border:1px solid var(--line2);font-size:13px;font-weight:700;border-radius:999px;animation:chipIn .45s var(--e) both;transition:border-color .2s,background .2s}
.plp2-bar .fchips a::after{content:none}
.plp2-bar .fchips a svg{width:14px;height:14px;opacity:.55;transition:transform .3s var(--e),opacity .2s}
.plp2-bar .fchips a:hover{border-color:var(--ink)}.plp2-bar .fchips a:hover svg{opacity:1;transform:rotate(90deg)}
.plp2-bar .fchips a.clr{background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:3px;padding:0 8px}
@keyframes chipIn{from{opacity:0;transform:scale(.85)}}
.sortw{position:relative;flex:none}
.sortw select{appearance:none;-webkit-appearance:none;height:42px;padding:0 40px 0 18px;border:1.5px solid var(--line2);border-radius:999px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 14px center/16px no-repeat;font-weight:700;font-size:14px;color:var(--ink);cursor:pointer;transition:border-color .2s}
.sortw select:hover{border-color:var(--ink)}
.dens{display:flex;gap:4px;flex:none}
.dens button{height:42px;width:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:3px;border:1.5px solid transparent;transition:border-color .2s}
.dens button i{width:4px;height:16px;border-radius:1px;background:var(--line2);transition:background .2s}
.dens button.on i,.dens button:hover i{background:var(--ink)}
.dens button.on{border-color:var(--line2)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.show-m{display:none}
@media (max-width:900px){.show-m{display:revert}.hide-m{display:none!important}}

.plp2{display:grid;grid-template-columns:280px 1fr;gap:clamp(24px,3vw,48px);padding-top:28px;align-items:start;transition:grid-template-columns .6s var(--e)}
.plp2.flt-off{grid-template-columns:0 1fr;gap:0}
.flt{position:sticky;top:calc(var(--hh) + 84px);max-height:calc(100vh - var(--hh) - 100px);overflow:hidden;transition:opacity .4s,transform .6s var(--e)}
body:has(.hdr.is-hidden) .flt{top:84px;max-height:calc(100vh - 100px)}
.plp2.flt-off .flt{opacity:0;transform:translateX(-30px);pointer-events:none}
.flt-p{height:100%;display:flex;flex-direction:column}
.flt-b{overflow:auto;max-height:calc(100vh - var(--hh) - 100px);padding-right:8px;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.fg{border-bottom:1px solid var(--line);padding:4px 0}
.fg>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:16px 0;font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.fg>summary::-webkit-details-marker{display:none}
.fg>summary em{font-style:normal;font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted);margin-left:8px;margin-right:auto}
.fg>summary::after{content:'';width:10px;height:10px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg) translateY(-3px);transition:transform .35s var(--e)}
.fg[open]>summary::after{transform:rotate(-135deg) translateY(-1px)}
.fg-c{padding:0 0 20px}
.fg[open] .fg-c{animation:fgIn .5s var(--e)}
@keyframes fgIn{from{opacity:0;transform:translateY(-6px)}}
.fg input{position:absolute;opacity:0;pointer-events:none}
.pills{display:flex;flex-wrap:wrap;gap:6px}
.pill span{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border:1.5px solid var(--line2);border-radius:999px;font-weight:700;font-size:14px;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.pill small,.col small,.chk small,.sw2 small{font-size:11px;font-weight:700;color:var(--muted)}
.pill input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}.pill input:checked+span small{color:#bbb}
.pill:hover span{border-color:var(--ink)}
.off{opacity:.4}
.sizes2{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.tile span{display:grid;place-items:center;height:42px;border:1.5px solid var(--line2);border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .25s var(--e)}
.tile:hover span{border-color:var(--ink)}
.tile input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}
.tile input:active+span,.pill input:active+span{transform:scale(.94)}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px}
.col{display:flex;align-items:center;gap:10px;padding:7px 0;cursor:pointer;font-size:14px;font-weight:600}
.col i{flex:none;width:24px;height:24px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);position:relative;transition:transform .3s var(--e)}
.col i::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--ink);opacity:0;transform:scale(.8);transition:opacity .25s,transform .35s var(--e)}
.col input:checked+i::after{opacity:1;transform:none}
.col:hover i{transform:scale(1.1)}
.col span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list2{display:flex;flex-direction:column}
.chk{display:flex;align-items:center;gap:12px;padding:8px 0;cursor:pointer;font-weight:600;font-size:14.5px}
.chk i{flex:none;width:20px;height:20px;border:1.5px solid var(--line2);border-radius:5px;position:relative;transition:background .2s,border-color .2s}
.chk i::after{content:'';position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .3s var(--e)}
.chk input:checked+i{background:var(--ink);border-color:var(--ink)}.chk input:checked+i::after{transform:rotate(45deg) scale(1)}
.chk span{flex:1}
.chk:hover i{border-color:var(--ink)}
.range{position:relative;height:34px;margin:4px 10px 8px}
.range-t{position:absolute;left:0;right:0;top:15px;height:4px;border-radius:2px;background:var(--line2)}
.range-t i{position:absolute;top:0;bottom:0;background:var(--ink);border-radius:2px}
.range input[type=range]{position:absolute;inset:0 -10px;width:calc(100% + 20px);height:34px;margin:0;opacity:1;pointer-events:none;background:none;-webkit-appearance:none;appearance:none}
.range input[type=range]::-webkit-slider-runnable-track{background:none;height:34px}
.range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:22px;height:22px;margin-top:6px;border-radius:50%;background:#fff;border:2px solid var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.18);cursor:grab;transition:transform .2s var(--e)}
.range input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15);cursor:grabbing}
.range input[type=range]::-moz-range-track{background:none}
.range input[type=range]::-moz-range-thumb{pointer-events:auto;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--ink);cursor:grab}
.range-v{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.range-v label{display:flex;flex-direction:column;gap:4px;border:1.5px solid var(--line2);border-radius:8px;padding:6px 10px;transition:border-color .2s}
.range-v label:focus-within{border-color:var(--ink)}
.range-v span{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.04em}
.range-v input{position:static;opacity:1;pointer-events:auto;border:0;background:none;font-weight:800;font-size:16px;outline:0;width:100%;padding:0}
.fg-s{padding:18px 0;border-bottom:0}
.sw2{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:700}
.sw2 i{flex:none;width:44px;height:26px;border-radius:13px;background:var(--line2);position:relative;transition:background .3s}
.sw2 i::after{content:'';position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:transform .4s var(--e)}
.sw2 input:checked+i{background:var(--red)}.sw2 input:checked+i::after{transform:translateX(18px)}
.plp2-res{min-width:0;transition:opacity .35s}
.plp2-res.busy{opacity:.35;pointer-events:none}
.plp2-res .cards{grid-template-columns:repeat(var(--cols,3),1fr)}
.plp2.flt-off .plp2-res .cards{--cols:4}
.plp2[data-dens="4"] .plp2-res .cards{--cols:4}.plp2[data-dens="4"].flt-off .plp2-res .cards{--cols:5}
.plp2[data-dens="3"] .plp2-res .cards{--cols:3}.plp2[data-dens="3"].flt-off .plp2-res .cards{--cols:4}
@media (max-width:1200px){.plp2[data-dens="4"]:not(.flt-off) .plp2-res .cards{--cols:3}}
.cards>.pc.nw{animation:cardIn .8s var(--e) both}
@keyframes cardIn{from{opacity:0;transform:translateY(30px)}}
.more{display:flex;flex-direction:column;align-items:center;gap:12px;margin:56px 0 0}
.more-bar{width:220px;height:3px;border-radius:2px;background:var(--line2);overflow:hidden}.more-bar i{display:block;height:100%;background:var(--ink);transition:width .6s var(--e)}
.more .btn.busy{opacity:.6;pointer-events:none}
.empty2{padding:72px 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.empty2 .row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:18px}
.plp2+.wrap .pager{display:none}
.no-js .plp2+.wrap .pager{display:flex}
.flt-h,.flt-f{display:none}
@media (max-width:900px){
	.plp2,.plp2.flt-off{grid-template-columns:1fr;gap:0;padding-top:18px}
	.plp2-res .cards{--cols:2!important}
	.plp2-bar .wrap{gap:8px;min-height:58px}
	.sortw select{max-width:44vw;padding-right:34px;font-size:13px}
	.plp2-bar .fchips{order:3;flex-basis:100%;display:none}
	.flt{position:fixed;inset:0;z-index:97;max-height:none;visibility:hidden;transition:visibility 0s .5s;overflow:visible}
	body:has(.hdr.is-hidden) .flt{top:0;max-height:none}
	.plp2.flt-off .flt{opacity:1;transform:none}
	.flt.open{visibility:visible;transition:none;pointer-events:auto}
	.flt-bg{position:absolute;inset:0;background:rgba(10,10,11,.5);opacity:0;transition:opacity .4s}
	.flt.open .flt-bg{opacity:1}
	.flt-p{position:absolute;left:0;right:0;bottom:0;height:auto;max-height:90vh;background:var(--paper,#ffffff);border-radius:20px 20px 0 0;transform:translateY(100%);transition:transform .55s var(--e);box-shadow:0 -20px 60px rgba(0,0,0,.2)}
	.flt.open .flt-p{transform:none}
	.flt-h{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 8px;font-size:20px;font-weight:850;font-stretch:80%;text-transform:uppercase}
	.flt-h::before{content:'';position:absolute;top:8px;left:50%;width:44px;height:4px;margin-left:-22px;border-radius:2px;background:var(--line2)}
	.flt-b{flex:1;padding:0 20px;max-height:none}
	.flt-f{display:flex;gap:10px;padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}
	.sizes2{grid-template-columns:repeat(5,1fr)}
	.tile span{height:46px}
}
.sizes2 .tile.x{display:none}.sizes2.all .tile.x{display:block;animation:fgIn .4s var(--e)}
.tile-more{grid-column:1/-1;height:38px;border-radius:8px;border:1.5px dashed var(--line2);font-weight:700;font-size:13px;color:var(--muted);transition:border-color .2s,color .2s}
.tile-more:hover{border-color:var(--ink);color:var(--ink)}.sizes2.all .tile-more{display:none}

/* BAG + CHECKOUT + CONFIRMATION v0.2 */
.h4{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px}
.co-page .ann,.co-pay .hdr .nav,.co-pay .hdr .search-pill,.co-pay .hdr .burger,.co-pay .tabbar,.co-pay .mega-veil{display:none!important}
.co-pay .hdr-in{grid-template-columns:1fr auto}
.co{padding-block:clamp(24px,3.5vw,48px) clamp(64px,8vw,120px)}
.co-h{display:grid;grid-template-columns:1fr auto;align-items:end;gap:14px 32px;margin-bottom:clamp(24px,3vw,40px)}
.co-h .h1{margin:0;font-size:clamp(40px,6vw,88px);animation:coUp .9s var(--e) both}
.co-back{grid-column:1/-1;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--muted);width:max-content;transition:color .2s}
.co-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .35s var(--e)}
.co-back:hover{color:var(--ink)}.co-back:hover svg{transform:translateX(-4px)}
.co-prog{display:flex;gap:6px;list-style:none;margin:0;padding:0 0 .6em}
.co-prog li{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--muted2)}
.co-prog li+li::before{content:'';width:28px;height:1.5px;background:var(--line2);margin-right:2px}
.co-prog i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;border:1.5px solid var(--line2)}
.co-prog .cur{color:var(--ink)}.co-prog .cur i{background:var(--ink);color:#fff;border-color:var(--ink)}
.co-prog .done i{background:var(--paper2);border-color:var(--paper2);color:var(--ink)}
@media (max-width:900px){.co-h{grid-template-columns:1fr}.co-prog span{display:none}.co-prog .cur span{display:inline}}
@keyframes coUp{from{opacity:0;transform:translateY(24px)}}
.co-g{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:clamp(24px,4vw,64px);align-items:start}
@media (max-width:1000px){.co-g{grid-template-columns:1fr}}
.co-r{position:sticky;top:calc(var(--hh) + 20px)}
.co-sum{background:#fff;border-radius:18px;padding:28px;box-shadow:0 1px 0 rgba(0,0,0,.04),0 24px 60px -30px rgba(0,0,0,.25);animation:coUp .9s .1s var(--e) both}
.sk{border-radius:16px;background:linear-gradient(90deg,var(--paper2) 25%,#ebebeb 37%,var(--paper2) 63%);background-size:400% 100%;animation:sk 1.4s ease infinite;margin-bottom:14px}
.sk-a{height:64px}.sk-b{height:180px}.sk-c{height:440px}
@keyframes sk{0%{background-position:100% 50%}100%{background-position:0 50%}}
/* free shipping meter */
.co-free{background:#fff;border-radius:14px;padding:16px 18px;margin-bottom:18px}
.co-sum .co-free{background:var(--paper);margin:18px 0 0}
.co-free-t{display:flex;align-items:center;gap:10px;font-size:14px}
.co-free-t svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6}
.co-free-b{height:4px;border-radius:2px;background:var(--line);margin-top:12px;overflow:hidden}
.co-free-b i{display:block;height:100%;background:var(--ink);border-radius:2px;transition:width .9s var(--e)}
.co-free.ok .co-free-b i{background:#1f7a3a}.co-free.ok .co-free-t svg{stroke:#1f7a3a}
/* bag rows */
.bag{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.bag-i{display:grid;grid-template-columns:140px 1fr auto;gap:22px;background:#fff;border-radius:16px;padding:14px;animation:coUp .7s var(--e) both;transition:opacity .35s,transform .45s var(--e),height .45s var(--e),padding .45s,margin .45s;overflow:hidden}
.bag-i.still{animation:none}
.bag-i.busy{opacity:.6}
.bag-i.out{opacity:0;transform:translateX(40px);height:0!important;padding-block:0;margin-top:-12px}
.bag-m{border-radius:10px;overflow:hidden;background:var(--paper2);aspect-ratio:3/4}
.bag-m img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--e)}
.bag-i:hover .bag-m img{transform:scale(1.05)}
.bag-b{display:flex;flex-direction:column;gap:6px;padding:6px 0;min-width:0}
.bag-n{font-weight:800;font-size:17px;line-height:1.25}
.bag-n:hover{text-decoration:underline;text-underline-offset:3px}
.bag-v{display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:var(--muted)}
.co-pers{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:3px 10px;border-radius:999px;background:var(--paper2);color:var(--ink);font-weight:700;font-size:12px}
.co-pers svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}
.bag-a{margin-top:auto;display:flex;align-items:center;gap:18px}
.qty{display:inline-flex;align-items:center;border:1.5px solid var(--line2);border-radius:999px;height:42px}
.qty button{width:40px;height:100%;display:grid;place-items:center;border-radius:999px;transition:background .2s}
.qty button:hover:not(:disabled){background:var(--paper2)}.qty button:disabled{opacity:.3}
.qty svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.qty output{min-width:26px;text-align:center;font-weight:800}
.bag-rm{font-size:13px;font-weight:700;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.bag-rm:hover{color:var(--red)}
.bag-p{padding:6px 8px 0 0;text-align:right;display:flex;flex-direction:column;gap:2px}
.bag-p b{font-size:18px}.bag-p b.sale{color:var(--red)}.bag-p s{font-size:13px;color:var(--muted2)}
@media (max-width:620px){.bag-i{grid-template-columns:96px 1fr;gap:14px;padding:10px}.bag-p{grid-column:2;grid-row:1;justify-self:end;align-self:start;padding:6px 0 0}.bag-b{grid-column:2;grid-row:1;padding-right:70px}.bag-n{font-size:15px}.bag-a{gap:12px}.bag-m{grid-row:1}}
.co-note{font-size:13.5px;line-height:1.55;background:#fff6e5;border-radius:12px;padding:14px 16px;margin:16px 0 0;color:#5b4410}
/* totals */
.co-tt{margin:0;display:flex;flex-direction:column;gap:10px}
.co-tt>div{display:flex;justify-content:space-between;gap:12px;font-size:15px}
.co-tt dt{color:var(--muted)}.co-tt dd{margin:0;font-weight:700}
.co-tt .disc dd{color:var(--red)}
.co-tt .gr,.co-opt .gr{color:#1f7a3a}
.co-tt .tot{border-top:1px solid var(--line);margin-top:6px;padding-top:16px;align-items:baseline}
.co-tt .tot dt{color:var(--ink);font-weight:800;font-size:16px}.co-tt .tot dt small{font-weight:600;color:var(--muted);font-size:12px}
.co-tt .tot dd{font-size:28px;font-weight:900;font-stretch:80%;letter-spacing:-.01em}
[data-tot].pop{animation:pop .5s var(--e)}
@keyframes pop{40%{transform:scale(1.06)}}
[data-tot]{display:inline-block}
.co-go{margin-top:22px}
.co-pays{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:14px}
.co-pays span{font-size:11px;font-weight:700;padding:4px 9px;border:1px solid var(--line);border-radius:5px;color:var(--muted)}
.co-trust{list-style:none;margin:22px 0 0;padding:18px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.co-trust li{display:flex;gap:12px;align-items:center;font-size:13.5px;color:var(--muted)}
.co-trust b{color:var(--ink)}.co-trust a{text-decoration:underline}
.co-trust svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--ink);stroke-width:1.6}
/* coupon */
.co-cpn{margin:18px 0}
.co-cpn summary{list-style:none;cursor:pointer;font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:3px}
.co-cpn summary::-webkit-details-marker{display:none}
.co-cpn-f{display:flex;gap:8px;margin-top:12px;animation:fgIn .4s var(--e)}
.co-cpn-f input{flex:1;min-width:0;height:48px;border:1.5px solid var(--line2);border-radius:999px;padding:0 18px;font-weight:700;text-transform:uppercase;background:transparent;outline:0}
.co-cpn-f input:focus{border-color:var(--ink)}
.co-cpn-f .btn{min-height:48px;padding:0 20px}
.co-cpn-on{display:inline-flex;align-items:center;gap:8px;padding:6px 6px 6px 12px;border-radius:999px;background:var(--ink);color:#fff;font-size:13px;margin:0 6px 10px 0;animation:chipIn .4s var(--e)}
.co-cpn-on svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.co-cpn-on button{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.15)}
/* mobile bag bar */
.co-mbar{display:none}
@media (max-width:1000px){
	.co-bag .co-mbar{display:flex;position:fixed;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));z-index:55;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;background:rgba(250,249,246,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);animation:coUp .6s var(--e) both}
	.co-mbar small{display:block;font-size:12px;color:var(--muted)}.co-mbar b{font-size:20px;font-weight:900}
	.co-mbar .btn{flex:1;max-width:240px}
	.co-bag .co{padding-bottom:150px!important}
}
.co-empty{grid-column:1/-1;text-align:center;padding:72px 0;display:flex;flex-direction:column;align-items:center;gap:10px;animation:coUp .8s var(--e) both}
.co-empty>svg{width:64px;height:64px;fill:none;stroke:var(--ink);stroke-width:1.2;margin-bottom:10px}
.co-empty .row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:18px}
/* pay form */
.co-form{display:flex;flex-direction:column;gap:14px}
.co-s{background:#fff;border-radius:18px;padding:clamp(20px,2.6vw,32px);animation:coUp .8s var(--e) both}
.co-s:nth-of-type(2){animation-delay:.08s}.co-s:nth-of-type(3){animation-delay:.16s}
.co-s>header{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.co-s h2{margin:0;font-size:clamp(20px,2vw,26px);font-weight:900;font-stretch:80%;text-transform:uppercase;letter-spacing:.01em}
.co-n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:14px;background:var(--paper2);transition:background .4s,color .4s,transform .5s var(--e)}
.co-done{margin-left:auto;width:28px;height:28px;border-radius:50%;background:#1f7a3a;display:grid;place-items:center;transform:scale(0);transition:transform .5s var(--e)}
.co-done svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.4}
.co-s.ok .co-done{transform:scale(1)}.co-s.ok .co-n{background:var(--ink);color:#fff}
.co-f2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.co-f2 .w2{grid-column:span 2}
@media (max-width:620px){.co-f2{grid-template-columns:1fr}.co-f2 .w2{grid-column:auto}}
.fl{position:relative;display:block}
.fl input,.fl select,.fl textarea{width:100%;height:58px;border:1.5px solid var(--line2);border-radius:12px;padding:22px 44px 6px 16px;font-size:16px;font-weight:600;background:#fff;outline:0;transition:border-color .2s,box-shadow .2s;appearance:none;-webkit-appearance:none;color:var(--ink)}
.fl textarea{height:auto;min-height:96px;padding-top:26px;resize:vertical}
.fl>span{position:absolute;left:17px;top:19px;font-size:15.5px;color:var(--muted);pointer-events:none;transform-origin:0 0;transition:transform .3s var(--e),color .2s}
.fl>span em{font-style:normal;font-size:.85em;color:var(--muted2)}
.fl input:focus,.fl select:focus,.fl textarea:focus{border-color:var(--ink);box-shadow:0 0 0 4px rgba(11,11,12,.06)}
.fl input:focus+span,.fl input:not(:placeholder-shown)+span,.fl textarea:focus+span,.fl textarea:not(:placeholder-shown)+span,.fl.sel>span{transform:translateY(-11px) scale(.74)}
.fl.sel select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 16px center/16px no-repeat}
.fl-ok{position:absolute;right:14px;top:19px;width:20px;height:20px;border-radius:50%;background:#1f7a3a;display:grid;place-items:center;transform:scale(0);transition:transform .4s var(--e)}
.fl-ok svg{width:12px;height:12px;fill:none;stroke:#fff;stroke-width:3}
.fl.ok .fl-ok{transform:scale(1)}
.fl.bad input{border-color:var(--red);animation:shake .4s}
.fl-err{display:block;color:var(--red);font-size:12.5px;font-weight:700;min-height:0;padding:0 4px}
.fl.bad .fl-err{padding-top:6px}
@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.co-hint{font-size:13px;color:var(--muted);margin:12px 0 0}
.co-biz{margin-top:20px;font-size:15px}
.co-bizf{margin-top:14px}
.co-saved{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.co-rates,.co-pm{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.co-opt{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1.5px solid var(--line2);border-radius:14px;cursor:pointer;transition:border-color .25s,box-shadow .3s,background .25s}
.co-opt:hover{border-color:var(--ink)}
.co-opt.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:#ffffff}
.co-opt input{position:absolute;opacity:0;pointer-events:none}
.co-rd{flex:none;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line2);position:relative;transition:border-color .2s}
.co-rd::after{content:'';position:absolute;inset:4px;border-radius:50%;background:var(--ink);transform:scale(0);transition:transform .35s var(--e)}
.co-opt.on .co-rd{border-color:var(--ink)}.co-opt.on .co-rd::after{transform:scale(1)}
.co-opt input:focus-visible~.co-rd{box-shadow:0 0 0 4px rgba(11,11,12,.12)}
.co-opt-b{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.co-opt-b b{font-size:15.5px}.co-opt-b small{font-size:13px;color:var(--muted);line-height:1.45}
.co-opt-p{font-weight:800;white-space:nowrap}
.co-pm-i{width:34px;height:24px;border-radius:5px;background:var(--paper2) center/20px no-repeat}
.co-pm-bacs{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.6'%3E%3Cpath d='M3 10h18L12 4zM5 10v8M9.5 10v8M14.5 10v8M19 10v8M3 20h18'/%3E%3C/svg%3E")}
.co-pm-cod{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.6'%3E%3Crect x='3' y='6' width='18' height='12' rx='1.5'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3C/svg%3E")}
.co-more{margin-top:16px}
.co-more summary{list-style:none;cursor:pointer;font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:3px;margin-bottom:12px}
.co-more summary::-webkit-details-marker{display:none}
.co-place{margin-top:22px;min-height:64px;font-size:15px;gap:14px}
.co-place svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;position:relative;z-index:1}
.co-place b{font-weight:900}
.co-place.busy .t{opacity:0}
.co-place.busy::after{content:'';position:absolute;z-index:2;width:22px;height:22px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.co-legal{font-size:12.5px;color:var(--muted);text-align:center;margin:14px 0 0;line-height:1.5}.co-legal a{text-decoration:underline}
.co-err{background:#fdecee;color:#7a0a19;border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:4px;animation:coUp .5s var(--e)}
.co-err[hidden]{display:none}
.co-pro{display:flex;gap:14px;align-items:center;background:var(--ink);color:#d3d3d3;border-radius:14px;padding:14px 18px;font-size:14px}
.co-pro>b{background:var(--red);color:#fff;font-size:11px;letter-spacing:.14em;padding:5px 9px;border-radius:5px}
.co-pro span b{color:#fff}
/* pay summary */
.co-sumt{display:none}
.co-items{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:14px;max-height:340px;overflow:auto}
.co-items li{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:start;font-size:13.5px}
.co-im{position:relative;border-radius:8px;background:var(--paper2);aspect-ratio:3/4;overflow:visible}
.co-im img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.co-im b{position:absolute;top:-7px;right:-7px;min-width:22px;height:22px;border-radius:11px;background:var(--ink);color:#fff;font-size:11px;display:grid;place-items:center;padding:0 5px}
.co-in{display:flex;flex-direction:column;gap:4px;min-width:0}.co-in>b{line-height:1.3}
.co-in .co-var{color:var(--muted);font-size:12.5px}
.co-items .num{font-weight:800}
@media (max-width:1000px){
	.co-pay .co-r{position:static;order:-1;grid-row:1}
	.co-pay .co-g{display:flex;flex-direction:column}
	.co-sumt{display:flex;width:100%;align-items:center;gap:10px;padding:16px 18px;background:#fff;border-radius:14px;font-weight:700;font-size:15px}
	.co-sumt svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
	.co-sumt span{flex:1;text-align:left;text-decoration:underline;text-underline-offset:3px}
	.co-sumt b{font-size:18px;font-weight:900}
	.co-pay .co-sum{display:none;margin-top:8px}
	.co-pay .co-r.open .co-sum{display:block;animation:fgIn .45s var(--e)}
}
.co-toast{position:fixed;left:50%;bottom:calc(28px + env(safe-area-inset-bottom));z-index:120;transform:translate(-50%,30px);opacity:0;background:var(--ink);color:#fff;padding:14px 20px;border-radius:999px;font-weight:700;font-size:14px;transition:opacity .35s,transform .5s var(--e);pointer-events:none;max-width:calc(100vw - 32px)}
.co-toast.on{opacity:1;transform:translate(-50%,0)}
.co-toast.bad{background:var(--red)}.co-toast.ok{background:#1f7a3a}
@media (max-width:900px){.co-toast{bottom:calc(150px + env(safe-area-inset-bottom))}}
.co-veil{position:fixed;inset:0;z-index:130;display:grid;place-items:center;background:rgba(10,10,11,.0);backdrop-filter:blur(0);transition:background .5s,backdrop-filter .5s;color:#fff}
.co-veil.on{background:rgba(10,10,11,.82);backdrop-filter:blur(10px)}
.co-veil>div{display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;transform:scale(.9);transition:opacity .5s .1s,transform .6s .1s var(--e)}
.co-veil.on>div{opacity:1;transform:none}
.co-veil svg,.ty-mark svg{width:88px;height:88px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.co-veil circle,.ty-mark circle{stroke-dasharray:151;stroke-dashoffset:151;animation:draw .8s .2s var(--e) forwards}
.co-veil path,.ty-mark path{stroke-dasharray:40;stroke-dashoffset:40;animation:draw .5s .8s var(--e) forwards}
.co-veil b{font-size:24px;font-weight:900;font-stretch:80%;text-transform:uppercase}
@keyframes draw{to{stroke-dashoffset:0}}
/* confirmation */
.ty{padding-block:clamp(40px,6vw,96px) clamp(64px,8vw,120px)}
.ty-h{max-width:780px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:clamp(32px,4vw,56px)}
.ty-h .h1{margin:0;font-size:clamp(44px,7vw,104px);animation:coUp .9s .2s var(--e) both}
.ty-mark{color:#1f7a3a}.ty-fail .ty-mark{color:var(--red)}
.ty-h .sx-sub{animation:coUp .9s .3s var(--e) both}
.ty-g{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:clamp(24px,4vw,64px);align-items:start}
@media (max-width:1000px){.ty-g{grid-template-columns:1fr}}
.ty-card{background:#fff;border-radius:18px;padding:clamp(20px,2.6vw,30px);margin-bottom:14px;animation:coUp .8s .35s var(--e) both}
.ty-steps{list-style:none;margin:0 0 14px;padding:clamp(20px,2.6vw,30px);background:#fff;border-radius:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s;animation:coUp .8s .3s var(--e) both}
.ty-steps li{position:relative;display:flex;flex-direction:column;gap:4px;padding-top:34px;font-size:13px;color:var(--muted)}
.ty-steps li::before{counter-increment:s;content:counter(s);position:absolute;top:0;left:0;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--line2);display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--muted);background:#fff;z-index:1}
.ty-steps li::after{content:'';position:absolute;top:11px;left:30px;right:-10px;height:2px;background:var(--line)}
.ty-steps li:last-child::after{display:none}
.ty-steps li.on::before{background:#1f7a3a;border-color:#1f7a3a;color:#fff;content:'✓'}
.ty-steps li.on::after{background:#1f7a3a}
.ty-steps b{color:var(--ink);font-size:14px}
@media (max-width:700px){.ty-steps{grid-template-columns:1fr 1fr}.ty-steps li::after{display:none}}
.ty-addr{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}
.ty-addr p{margin:0;font-size:14.5px;line-height:1.6}
.ty-gw{font-size:14.5px;line-height:1.6}
.ty-gw h2:not(.h4),.ty-gw h3{font-size:15px;margin:16px 0 8px}
.ty-gw ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.ty-gw li{background:var(--paper);border-radius:10px;padding:10px 12px;font-size:12.5px;color:var(--muted)}
.ty-gw li strong{display:block;color:var(--ink);font-size:14px}
.ty-i{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.ty-i img{width:56px;height:75px;object-fit:cover;border-radius:8px;background:var(--paper2)}
.ty-i small{display:block;color:var(--muted)}
.ty-i .num{font-weight:800}
.ty-t{margin:14px 0 0;display:flex;flex-direction:column;gap:8px}
.ty-t>div{display:flex;justify-content:space-between;gap:12px;font-size:14.5px}
.ty-t dt{color:var(--muted)}.ty-t dd{margin:0;font-weight:700;text-align:right}
.ty-t .tot{border-top:1px solid var(--line);padding-top:12px;margin-top:4px}.ty-t .tot dt{color:var(--ink);font-weight:800}.ty-t .tot dd{font-size:22px;font-weight:900}
.ty-cta{display:flex;flex-direction:column;gap:10px}
.sw2 input{position:absolute;opacity:0;pointer-events:none}
.sw2 input:focus-visible+i{box-shadow:0 0 0 4px rgba(11,11,12,.12)}
.co-bizf[hidden]{display:none}
.co-pof{margin-top:12px}

/* ===== MOBILE APP LAYER v0.3 ===== */
html{-webkit-tap-highlight-color:transparent}
a,button,label,summary{touch-action:manipulation}
@view-transition{navigation:auto}
::view-transition-old(root){animation:vtOut .22s ease both}
::view-transition-new(root){animation:vtIn .32s cubic-bezier(.2,.8,.2,1) both}
@keyframes vtOut{to{opacity:0}}
@keyframes vtIn{from{opacity:0;transform:translateY(10px)}}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}
.drawer-p,.dl-screen,.cd-b,.flt-b,.so-b{overscroll-behavior:contain}
/* drawer as app screen */
.drawer-p{width:min(460px,100vw)}
.dl-screen{padding:12px 16px calc(110px + env(safe-area-inset-bottom))}
.dl-ask{display:flex;align-items:center;gap:12px;width:100%;height:52px;padding:0 18px;border-radius:999px;background:#fff;border:1.5px solid var(--line);font-size:15px;color:var(--muted);font-weight:600;margin:4px 0 16px}
.dl-ask svg{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:2}
.dl-worlds{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dl-w{position:relative;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:var(--paper2);text-align:left;opacity:0;transform:translateY(16px)}
.dl-w.big{grid-column:span 2;aspect-ratio:16/10}
.dl-w img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%;transition:transform .8s var(--e)}
.dl-w::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.65))}
.dl-w span{position:absolute;left:14px;bottom:12px;z-index:1;color:#fff;font-weight:900;font-stretch:78%;font-size:24px;text-transform:uppercase;letter-spacing:.01em}
.dl-w.big span{font-size:32px}
.dl-w:active img{transform:scale(1.06)}
.drawer.open .dl-w{animation:dlIn .6s var(--e) forwards;animation-delay:calc(var(--i) * 50ms + 120ms)}
@keyframes dlIn{to{opacity:1;transform:none}}
.dl-quick{margin:8px 0}
.dl-quick a{border-radius:14px;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:2px;font-size:18px}
.dl-quick small{font-size:10.5px;letter-spacing:.14em;opacity:.7;font-stretch:100%}
.dl-pro{display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:center;background:var(--ink);color:#c9c9c9;border-radius:14px;padding:18px;margin:0 0 8px}
.dl-pro b{color:#fff;font-weight:900;font-stretch:80%;font-size:20px;letter-spacing:.02em}
.dl-pro span{grid-column:1;font-size:13px;line-height:1.45}
.dl-pro em{grid-column:2;grid-row:1/3;font-style:normal;font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:var(--red);color:#fff;padding:10px 12px;border-radius:999px;white-space:nowrap}
.dl-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.dl-links a{display:flex;align-items:center;gap:10px;padding:14px;border-radius:12px;background:#fff;font-weight:700;font-size:13.5px}
.dl-links svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7}
.dl-screen.sub{padding-top:0}
.dl-hero{position:relative;margin:0 -16px 16px;height:300px;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:18px}
.dl-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%;z-index:-1}
.dl-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.6));z-index:-1}
.dl-hero h3{margin:0;font-size:46px;font-weight:900;font-stretch:72%;text-transform:uppercase;line-height:.9}
.dl-hero .btn{align-self:flex-start;min-height:44px}
.dl-back{position:absolute;top:14px;left:14px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink);display:grid;place-items:center}
.dl-back svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.dl-pills{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px 10px;padding:0 16px}
.dl-pills .chip{flex:none}
.dl-sub a{display:flex;justify-content:space-between;align-items:center;padding:15px 4px}
.dl-sub small{color:var(--muted2);font-weight:700;font-size:12px}
.dl-screen.sub.on .dl-hero h3{animation:coUp .6s .1s var(--e) both}
/* tabbar: app feel */
@media (max-width:1020px){
	.tabbar{border-top:1px solid rgba(255,255,255,.06)}
	.tabbar a,.tabbar button{transition:color .2s,transform .2s var(--e)}
	.tabbar a:active,.tabbar button:active{transform:scale(.9)}
	.tabbar .bdg{animation:pop .5s var(--e)}
	.drawer{z-index:72}.drawer-p{bottom:calc(58px + env(safe-area-inset-bottom))}
	.drawer .drawer-bg{bottom:0}
	.cd{z-index:95}
	.btn{min-height:50px}
	.pc-q{display:none!important}
}
@media (max-width:620px){.drawer-p{width:100vw}}
.drawer-b{overflow:hidden;overflow:clip}
.dl-screen{overflow-x:hidden;overflow-y:auto}
/* menu under the header (header stays, burger morphs to ×) */
.burger{position:relative}
.burger i{position:absolute;left:12px;right:12px;height:2px;border-radius:1px;background:currentColor;transition:transform .45s var(--e),opacity .25s,top .45s var(--e)}
.burger i:nth-child(1){top:15px}.burger i:nth-child(2){top:21px}.burger i:nth-child(3){top:27px}
.menu-open .burger i:nth-child(1){top:21px;transform:rotate(45deg)}
.menu-open .burger i:nth-child(2){opacity:0;transform:scaleX(.2)}
.menu-open .burger i:nth-child(3){top:21px;transform:rotate(-45deg)}
@media (max-width:1020px){
	.menu-open .hdr{z-index:96;transform:none!important}
	.menu-open .hdr::before{opacity:1!important}
	.menu-open .hdr.on-dark{color:var(--ink)!important}
	.menu-open .hdr.on-dark .logo img{filter:none!important}
	.drawer .drawer-p{top:var(--dtop,0px)}
	.drawer .drawer-h{display:none}
	.drawer .drawer-bg{top:var(--dtop,0px)}
	.drawer-p{width:100vw;transform:translateY(-14px);opacity:0;clip-path:inset(0 0 100% 0);transition:clip-path .55s var(--e),opacity .3s,transform .55s var(--e)}
	.drawer.open .drawer-p{transform:none;opacity:1;clip-path:inset(0)}
}
/* liveliness: auto reveals everywhere, image shimmer, hero ken-burns */
[data-rv]{transition-delay:var(--d,0s)}
.pc-m{background:linear-gradient(90deg,var(--paper2) 25%,#ebebeb 37%,var(--paper2) 63%);background-size:400% 100%;animation:sk 1.6s ease infinite}
.pc-m img{opacity:0;transition:opacity .6s,transform .9s var(--e)}
.pc-m img.ld{opacity:1}.pc-m img.alt{opacity:0}
@media (hover:hover){.pc:hover .pc-m img.alt.ld{opacity:1}}
.pc-m:has(img.ld){animation:none;background:var(--paper2)}
.hx img,.hx video{animation:kb 18s ease-out both}
@keyframes kb{from{transform:scale(1.12)}to{transform:scale(1)}}
.pc{transition:transform .5s var(--e)}
.pc:active{transform:scale(.98)}
.h2[data-rv]{clip-path:inset(0 0 100% 0);transform:translateY(30px);transition:clip-path 1s var(--e2),transform 1s var(--e),opacity .6s}
.h2[data-rv].in{clip-path:inset(0 0 -20% 0)}
@media (prefers-reduced-motion:reduce){.hx img,.hx video{animation:none}.pc-m img{opacity:1}}
.no-js .pc-m img{opacity:1}

/* /verslui/ – B2B */
.vb-hx{position:relative;min-height:min(92svh,900px);background:#050505;color:#fff;overflow:hidden;display:flex;align-items:flex-end}
.vb-hx-m{position:absolute;inset:-8% 0 0}
.vb-hx-m img,.vb-hx-m video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vb-hx-m video{z-index:1}
.vb-hx::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.2) 40%,rgba(0,0,0,.8))}
.vb-hx-c{position:relative;z-index:2;padding-block:120px clamp(48px,7vw,96px)}
.vb-hx .kick{color:#fff}
.vb-hx .hx-t{font-size:clamp(50px,8.6vw,160px)}
.vb-lead{max-width:56ch;font-size:clamp(16px,1.4vw,19px);line-height:1.55;color:#dfdfdf;margin:18px 0 28px;animation:fadeUp 1s var(--e) .6s both}
.vb-seg,.vb-how,.vb-faq{padding-block:clamp(64px,8vw,120px) 0}
.vb-seg .seg{margin:6px 0 28px;flex-wrap:wrap;border-radius:18px}
.vb-seg .seg button{padding:10px 18px;border-radius:999px;font-weight:700;font-size:14px;transition:background .3s,color .3s}
.vb-seg .seg button[aria-selected=true]{background:var(--ink);color:#fff}
.vb-pane{display:none;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:center}
.vb-pane.on{display:grid;animation:coUp .7s var(--e)}
.vb-pane-m{border-radius:20px;overflow:hidden;aspect-ratio:4/3;background:var(--paper2)}
.vb-pane-m img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;animation:kb 12s ease-out both}
.vb-pane-t h3{font-size:clamp(30px,3.4vw,52px);font-weight:900;font-stretch:76%;text-transform:uppercase;line-height:.95;margin:0 0 16px}
.vb-pane-t p{font-size:17px;line-height:1.6;color:var(--muted);margin:0 0 26px;max-width:46ch}
@media (max-width:860px){.vb-pane{grid-template-columns:1fr}.vb-seg .seg{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;border-radius:999px;margin-inline:-16px;padding-inline:16px;background:none}.vb-seg .seg button{flex:none;background:rgba(0,0,0,.06)}}
.vb-feat{background:var(--ink);color:#c9c9c9;padding-block:clamp(64px,8vw,120px);margin-top:clamp(64px,8vw,120px)}
.vb-feat .h2{color:#fff}
.vb-fg{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}
@media (max-width:900px){.vb-fg{grid-template-columns:1fr 1fr}}@media (max-width:560px){.vb-fg{grid-template-columns:1fr}}
.b2b-c{background:#151517;border:1px solid #232326;border-radius:18px;padding:26px;transition:transform .5s var(--e),border-color .3s,background .3s}
.b2b-c:hover{transform:translateY(-4px);border-color:#3a3a3f;background:#18181b}
.b2b-c i{width:48px;height:48px;border-radius:14px;background:var(--red);display:grid;place-items:center;margin-bottom:18px}
.b2b-c svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:1.7}
.b2b-c h3{color:#fff;font-size:20px;font-weight:850;font-stretch:84%;text-transform:uppercase;margin:0 0 8px}
.b2b-c p{margin:0;font-size:14.5px;line-height:1.6}
.vb-steps{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:none}
@media (max-width:860px){.vb-steps{grid-template-columns:1fr 1fr}}
.vb-steps li{background:#fff;border-radius:18px;padding:24px;position:relative;overflow:hidden}
.vb-steps b{display:block;font-size:56px;font-weight:900;font-stretch:66%;line-height:1;color:var(--red);margin-bottom:12px}
.vb-steps h3{margin:0 0 6px;font-size:19px;font-weight:850;text-transform:uppercase;font-stretch:84%}
.vb-steps p{margin:0;font-size:14.5px;color:var(--muted);line-height:1.55}
.vb-cmp{margin-top:40px;background:#fff;border-radius:18px;padding:8px 24px 18px}
.vb-cmp>div{display:grid;grid-template-columns:1.1fr 1fr 1.2fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14.5px;align-items:center}
.vb-cmp>div.h{font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.vb-cmp>div.h span:last-child{color:var(--red)}
.vb-cmp span[role=cell]{color:var(--muted)}.vb-cmp b{color:var(--ink)}
@media (max-width:560px){.vb-cmp{padding:4px 14px 14px}.vb-cmp>div{grid-template-columns:1fr 1fr;font-size:13.5px}.vb-cmp>div span:first-child{grid-column:1/-1;font-weight:800}.vb-cmp>div.h span:first-child{display:none}}
.vb-ap{background:linear-gradient(180deg,var(--paper),#e6e6e6);padding-block:clamp(64px,8vw,120px);margin-top:clamp(64px,8vw,120px)}
.vb-ap-g{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,5vw,80px);align-items:start}
@media (max-width:900px){.vb-ap-g{grid-template-columns:1fr}}
.vb-ap-l{position:sticky;top:calc(var(--hh) + 30px)}
@media (max-width:900px){.vb-ap-l{position:static}}
.vb-ap-c{list-style:none;padding:0;margin:24px 0;display:flex;flex-direction:column;gap:10px}
.vb-ap-c li{display:flex;gap:10px;align-items:center;font-weight:700}
.vb-ap-c svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
.vb-f{background:#fff;border-radius:22px;padding:clamp(20px,3vw,36px);box-shadow:0 30px 80px -40px rgba(0,0,0,.35);position:relative}
.vb-f-p{list-style:none;display:flex;gap:6px;margin:0 0 10px;padding:0;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted2)}
.vb-f-p li{flex:1}.vb-f-p li.on{color:var(--ink)}
.vb-f-bar{height:3px;background:var(--line);border-radius:2px;margin-bottom:26px;overflow:hidden}
.vb-f-bar i{display:block;height:100%;background:var(--red);transition:width .6s var(--e)}
.vb-st{border:0;margin:0;padding:0;display:none}
.vb-st.on{display:block}
.vb-kinds{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.vb-kinds input,.vb-needs input,.vb-consent input{position:absolute;opacity:0;pointer-events:none}
.vb-q{font-weight:800;margin:0 0 10px}
.vb-needs{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
@media (max-width:560px){.vb-needs{grid-template-columns:1fr}}
.vb-consent{margin-top:18px;align-items:flex-start;font-size:13.5px;font-weight:500;line-height:1.5}
.vb-consent i{margin-top:2px}
.vb-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.vb-f-nav{display:flex;justify-content:space-between;gap:10px;margin-top:24px}
.vb-f-nav [data-next],.vb-f-nav [data-send]{margin-left:auto}
.vb-f-nav [hidden]{display:none}
.vb-f .busy{opacity:.6;pointer-events:none}
.vb-done{text-align:center;padding:30px 0;display:flex;flex-direction:column;align-items:center;gap:10px}
.vb-done[hidden]{display:none}
.vb-faq{padding-bottom:clamp(64px,8vw,120px)}
.vb-faq details{max-width:860px}
.vb .h2{margin:0 0 22px}.vb .kick{margin:0 0 14px}
.vb-ap-l .sx-sub{margin-top:0}

/* Sport AI assistant */
.sai-fab{position:fixed;right:22px;bottom:calc(22px + env(safe-area-inset-bottom));z-index:85;display:flex;align-items:center;gap:10px;height:56px;padding:0 20px 0 8px;border-radius:999px;background:var(--ink);color:#fff;font-weight:800;font-size:14px;letter-spacing:.04em;box-shadow:0 16px 40px -12px rgba(0,0,0,.45);transform:translateY(120px) scale(.8);opacity:0;transition:transform .7s var(--e),opacity .4s,background .3s}
.sai-fab.in{transform:none;opacity:1}
.sai-fab:hover{background:var(--ink3)}
.sai-fab-i{width:40px;height:40px;border-radius:50%;background:var(--red);display:grid;place-items:center;position:relative}
.sai-fab-i::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--red);animation:ring 2.6s ease-out infinite}
@keyframes ring{0%{transform:scale(.9);opacity:.9}70%,100%{transform:scale(1.5);opacity:0}}
.sai-fab svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2;animation:spin 12s linear infinite}
.sai-on .sai-fab{transform:scale(.85);opacity:0;pointer-events:none}
.menu-open .sai-fab,html:has(.cd.open) .sai-fab,html:has(.so.open) .sai-fab,html:has(.flt.open) .sai-fab{opacity:0;pointer-events:none}
@media (max-width:1020px){.sai-fab{right:14px;bottom:calc(74px + env(safe-area-inset-bottom));height:50px;padding:0 6px}.sai-fab-t{display:none}.sai-fab-i{width:38px;height:38px}}
.co-bag .sai-fab{bottom:calc(150px + env(safe-area-inset-bottom))}
@media (max-width:1020px){body:has(#mbar) .sai-fab{bottom:calc(140px + env(safe-area-inset-bottom))}}
.sai{position:fixed;inset:0;z-index:110;visibility:hidden;pointer-events:none}
.sai.open{visibility:visible;pointer-events:auto}
.sai-bg{position:absolute;inset:0;background:rgba(10,10,11,.0);transition:background .4s}
.sai.open .sai-bg{background:rgba(10,10,11,.35)}
.sai-p{position:absolute;right:22px;bottom:22px;width:420px;height:min(680px,calc(100vh - 44px));background:var(--paper);border-radius:24px;box-shadow:0 40px 100px -30px rgba(0,0,0,.5);display:flex;flex-direction:column;overflow:hidden;transform-origin:100% 100%;transform:translateY(20px) scale(.92);opacity:0;transition:transform .55s var(--e),opacity .3s}
.sai.open .sai-p{transform:none;opacity:1}
@media (max-width:620px){.sai-p{left:0;right:0;bottom:0;width:auto;height:calc(100svh - 56px);border-radius:22px 22px 0 0;transform:translateY(100%);opacity:1}}
.sai-h{display:flex;align-items:center;gap:12px;padding:14px 12px 14px 16px;background:var(--ink);color:#fff}
.sai-h>div:nth-child(2){flex:1;display:flex;flex-direction:column}
.sai-h b{font-size:16px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.sai-h small{font-size:12px;color:#b3b3b3;display:flex;align-items:center;gap:6px}
.sai-h small i{width:7px;height:7px;border-radius:50%;background:#3ccf6a;box-shadow:0 0 0 3px rgba(60,207,106,.2)}
.sai-h .ib{color:#fff}
.sai-h svg{stroke:currentColor}
.sai-av{flex:none;width:30px;height:30px;border-radius:50%;background:var(--red) var(--chev) center/16px 8px no-repeat}
.sai-av{background:var(--red);position:relative}
.sai-av::after{content:'';position:absolute;inset:9px 7px;background:#fff;-webkit-mask:var(--chev) center/contain no-repeat;mask:var(--chev) center/contain no-repeat}
.sai-av.lg{width:40px;height:40px}.sai-av.lg::after{inset:12px 9px}
.sai-log{flex:1;overflow-y:auto;padding:18px 14px;display:flex;flex-direction:column;gap:14px;overscroll-behavior:contain}
.sai-m{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:start}
.sai-m.nw{animation:saiIn .5s var(--e) both}
@keyframes saiIn{from{opacity:0;transform:translateY(12px)}}
.sai-m.me{grid-template-columns:1fr;justify-items:end}
.sai-m.me p{margin:0;background:var(--ink);color:#fff;padding:11px 15px;border-radius:18px 18px 4px 18px;max-width:85%;font-size:14.5px;line-height:1.45}
.sai-b{background:#fff;border-radius:4px 18px 18px 18px;padding:12px 15px;font-size:14.5px;line-height:1.55;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.sai-b p{margin:0}
.sai-route{display:inline-block;margin-top:8px;font-weight:800;font-size:13px;color:var(--red)}
.sai-build{margin-top:10px}
.sai-ps,.sai-chips{grid-column:2}
.sai-ps{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 6px;scroll-snap-type:x mandatory}
.sai-ps .pc{flex:none;width:150px;scroll-snap-align:start;background:#fff;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.sai-ps .pc-m{position:relative;display:block;aspect-ratio:3/4;border-radius:0}
.sai-ps .pc-m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sai-pn{font-size:12.5px;font-weight:700;line-height:1.3;padding:8px 10px 2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sai-pp{padding:0 10px 8px;font-size:13px;display:flex;gap:6px;align-items:baseline}.sai-pp s{font-size:11px;color:var(--muted2)}.sai-pp .sale{color:var(--red)}
.sai-sz{display:flex;flex-wrap:wrap;gap:4px;padding:0 10px 10px;margin-top:auto}
.sai-sz button{min-width:30px;height:26px;padding:0 6px;border-radius:6px;border:1px solid var(--line2);font-size:11px;font-weight:700;transition:background .2s,color .2s}
.sai-sz button:hover,.sai-sz button.ok{background:var(--ink);color:#fff;border-color:var(--ink)}
.sai-chips{display:flex;flex-wrap:wrap;gap:6px}
.sai-chips button{padding:8px 12px;border-radius:999px;border:1.5px solid var(--line2);font-size:13px;font-weight:700;background:transparent;text-align:left;transition:border-color .2s,background .2s}
.sai-chips button:hover{border-color:var(--ink);background:#fff}
.sai-dots{display:inline-flex;gap:4px;padding:4px 0}
.sai-dots i{width:7px;height:7px;border-radius:50%;background:var(--muted2);animation:dot 1.2s infinite}
.sai-dots i:nth-child(2){animation-delay:.15s}.sai-dots i:nth-child(3){animation-delay:.3s}
@keyframes dot{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-5px);opacity:1}}
.sai-f{display:flex;align-items:flex-end;gap:8px;margin:0 12px;padding:6px 6px 6px 16px;background:#fff;border-radius:22px;border:1.5px solid var(--line);transition:border-color .2s}
.sai-f:focus-within{border-color:var(--ink)}
.sai-f textarea{flex:1;border:0;outline:0;resize:none;background:none;font:inherit;font-size:15px;line-height:1.4;padding:9px 0;max-height:120px}
.sai-send{width:40px;height:40px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;flex:none;transition:transform .3s var(--e)}
.sai-send:hover{transform:scale(1.08)}.sai-send:active{transform:scale(.92)}
.sai-send svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2}
.sai-note{font-size:11px;color:var(--muted2);text-align:center;margin:8px 12px calc(10px + env(safe-area-inset-bottom))}

/* ===== CONTROL v2 – app shell, applications, org drawer, warehouse, mail ===== */
.ctl-nav{gap:2px}
.ctl-nav a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;font-weight:700;color:#a3a3a3;transition:background .2s,color .2s,transform .2s var(--e)}
.ctl-nav a:hover{color:#fff;background:#18181b}.ctl-nav a.on{background:#fff;color:var(--ink);transform:translateX(4px)}
.ctl-nav em{font-style:normal;font-size:11.5px;font-weight:800;min-width:22px;height:22px;display:grid;place-items:center;padding:0 6px;border-radius:99px;background:var(--red);color:#fff}
.ctl-nav a.on em{background:var(--ink)}
@media (max-width:980px){.ctl-nav{display:flex;overflow-x:auto;gap:6px;scrollbar-width:none;margin:0 -16px;padding:0 16px}.ctl-nav a{white-space:nowrap;padding:9px 12px;background:#18181b}.ctl-nav a.on{transform:none}.app-side h1{display:none}}
.ctl-s{scroll-margin-top:calc(var(--hh) + 10px)}.ctl-s[hidden]{display:none!important}
.ctl-in{animation:ctlIn .42s cubic-bezier(.2,.7,.2,1) both}
@keyframes ctlIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.ctl-h{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:18px}.ctl-h h2{margin:4px 0 0}.ctl-h>p{max-width:520px;margin:0}
.ctl-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ctl-tools .inp{width:280px;min-height:44px}
.ctl-seg{display:inline-flex;background:var(--paper2);padding:4px;border-radius:99px;gap:2px}.ctl-seg button{padding:8px 14px;border-radius:99px;font-weight:700;font-size:13px;color:var(--ink3);transition:.2s}.ctl-seg button[aria-pressed=true]{background:var(--ink);color:#fff}
.panel.np{padding:0;overflow:hidden}
.ctl-t tbody tr{cursor:pointer;transition:background .15s}.ctl-t tbody tr:hover{background:var(--paper)}.ctl-t td{padding:12px 14px;vertical-align:top}.ctl-t td .small{display:block}
.tag.l{border:1px solid var(--line2)}
.empty{display:grid;gap:4px;place-items:center;text-align:center;padding:48px 20px;background:var(--white);border:1.5px dashed var(--line2);border-radius:14px}
.empty[hidden]{display:none}
.btn.o.danger{color:var(--bad);border-color:var(--bad);background:transparent}.btn.o.danger:hover{background:var(--bad);color:#fff}
.is-busy{opacity:.6;pointer-events:none}
.two{display:grid;grid-template-columns:1fr 1fr;gap:6px}
/* applications */
.apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr));gap:14px}
.app-c{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:20px;display:grid;gap:14px;box-shadow:0 1px 0 rgba(0,0,0,.02);transition:box-shadow .25s,transform .25s var(--e)}
.app-c:hover{box-shadow:0 18px 40px -24px rgba(0,0,0,.35);transform:translateY(-2px)}
.app-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.app-top b{display:block;font-size:19px;font-weight:800;font-stretch:84%;text-transform:uppercase}
.app-dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:0;font-size:14px}.app-dl .w{grid-column:1/-1}.app-dl dt{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:800;margin-bottom:2px}.app-dl dd{margin:0}
.app-set{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;background:var(--paper);padding:12px;border-radius:12px}
.app-set label{display:grid;gap:4px;font-size:12px;font-weight:700}.app-set label[hidden]{display:none}.app-set select,.app-set input{min-height:40px;border:1px solid var(--line2);border-radius:8px;padding:0 10px;background:#fff;width:100%}
.app-act{display:flex;gap:8px;flex-wrap:wrap}.app-act .danger{margin-left:auto}
/* lead rep */
.kc-rep{min-height:32px!important;margin-top:6px;font-size:12px!important;background:var(--paper)!important}
/* org drawer */
.odr{position:fixed;inset:0;z-index:140;pointer-events:none}.odr.open{pointer-events:auto}
.odr-bg{position:absolute;inset:0;background:rgba(10,10,12,.42);opacity:0;transition:opacity .3s;backdrop-filter:blur(2px)}.odr.open .odr-bg{opacity:1}
.odr-p{position:absolute;top:0;right:0;bottom:0;width:min(680px,100%);background:var(--paper);display:flex;flex-direction:column;transform:translateX(102%);transition:transform .42s cubic-bezier(.2,.8,.2,1);box-shadow:-30px 0 60px -30px rgba(0,0,0,.4)}
.odr.open .odr-p{transform:none}
.odr-p>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 24px;background:var(--ink);color:#fff}.odr-p>header h3{margin:6px 0 0;font-size:26px;font-weight:800;font-stretch:80%;text-transform:uppercase}.odr-p>header .eyebrow{display:flex;gap:8px;align-items:center;color:#a3a3a3}
.odr-p>header .ib{color:#fff}
.odr-b{flex:1;overflow:auto;overscroll-behavior:contain;padding:20px 24px 40px;display:grid;gap:16px;align-content:start}
.odr-b h4{margin:0 0 12px;font-size:13px;letter-spacing:.1em;text-transform:uppercase}
.odr-f,.odr-sec,.odr-app{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:18px}
.odr-f h4+.f2{margin-bottom:6px}.odr-f .fld{margin-bottom:8px}.odr-f .fld input,.odr-f .fld select{min-height:42px}
.odr-quick{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.odr-quick .small{margin-left:auto}
.odr-app summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none}.odr-app p{margin:10px 0 0}
.odr-save{position:sticky;bottom:-18px;display:flex;gap:12px;align-items:center;background:var(--white);padding:12px 0 2px}
.odr-sk{display:grid;gap:12px}.odr-sk i{display:block;height:120px;border-radius:14px;background:linear-gradient(90deg,#eaeaea,#f5f5f5,#eaeaea);background-size:200% 100%;animation:shim 1.2s linear infinite}
@keyframes shim{to{background-position:-200% 0}}
.mem{display:grid;gap:2px}.mem-r{display:grid;grid-template-columns:36px 1fr 150px 92px 32px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.mem-a{width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800}
.mem-n{min-width:0}.mem-n b,.mem-n span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mem-r .inp{min-height:36px;padding:0 8px;font-size:13px}.mem-l{display:grid;gap:0}.mem-l .small{font-size:10px}
.mem-add{display:grid;grid-template-columns:1.3fr 1fr 130px auto;gap:6px;margin-top:12px}.mem-add .inp{min-height:40px}
@media (max-width:620px){.mem-r{grid-template-columns:36px 1fr 32px}.mem-r select,.mem-r .mem-l{grid-column:2/4}.mem-add{grid-template-columns:1fr 1fr}.app-dl,.app-set{grid-template-columns:1fr}}
html.odr-on{overflow:hidden}
/* warehouse */
.wh-tabs{display:flex;gap:4px;margin:20px 0 16px;border:0;background:var(--paper2);padding:5px;border-radius:14px;overflow-x:auto}
.wh-tabs button{flex:1;padding:11px 14px;border-radius:10px;font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);white-space:nowrap;transition:.2s}
.wh-tabs button[aria-selected=true]{background:var(--white);color:var(--ink);box-shadow:0 6px 16px -10px rgba(0,0,0,.4)}
.wh-find{display:flex;gap:10px;margin-bottom:14px}.wh-find .inp{flex:1;min-height:54px;font-size:16px;border-radius:12px}
.wh-res{display:grid;gap:12px;transition:opacity .2s}.wh-res.ld,[data-wh-reorder].ld{opacity:.5}
.whc{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:16px}
.whc header{display:grid;grid-template-columns:60px 1fr auto;gap:14px;align-items:center;margin-bottom:12px}.whc header img,.whc .ph{width:60px;height:80px;object-fit:cover;border-radius:8px;background:var(--paper2)}.whc header .small{display:block;margin-top:2px}
.whm{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px}
.whm-c{border:1.5px solid var(--line);border-radius:12px;padding:10px;display:grid;gap:6px;transition:border-color .2s,background .2s}
.whm-c.low{border-color:var(--warn);background:#fffaf0}.whm-c.oos{border-color:#f0c9cd;background:#ffffff}.whm-c.hit{outline:2px solid var(--ink);outline-offset:1px}.whm-c.saving{opacity:.7}
.whm-s{font-weight:800;font-size:17px;font-stretch:84%}.whm-k{font-size:10.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.whm-q{display:grid;grid-template-columns:30px 1fr 30px;border:1px solid var(--line2);border-radius:8px;overflow:hidden;background:#fff}
.whm-q button{height:34px;font-weight:800;font-size:16px;transition:background .15s}.whm-q button:hover{background:var(--paper2)}.whm-q button:active{transform:scale(.9)}
.whm-q input{border:0;text-align:center;font-weight:800;font-size:15px;width:100%;min-width:0;font-variant-numeric:tabular-nums}
.whm-b{height:30px;border:1px dashed var(--line2);border-radius:6px;padding:0 8px;font-size:12px;text-transform:uppercase;background:transparent}
.wh-scan{display:flex;gap:12px;align-items:center;margin:4px 0 12px}.wh-scan .inp{flex:1;min-height:56px;font-size:17px;border:2px solid var(--ink);border-radius:12px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%230b0b0c' stroke-width='2'%3E%3Cpath d='M3 5v12M7 5v12M10 5v12M14 5v12M17 5v12M20 5v12'/%3E%3C/svg%3E") no-repeat 16px center;padding-left:50px}
.wh-lines input{width:80px!important;text-align:right}.wh-lines .ib{width:30px;height:30px}
td.neg{color:var(--bad)}td.pos{color:var(--ok)}
.cov{display:inline-block;padding:3px 8px;border-radius:99px;background:var(--paper2);font-weight:800;font-size:12px}.cov.r{background:#fde2e5;color:var(--bad)}.cov.w{background:#fff1d6;color:#9a5b00}
.mv{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:var(--paper2)}
.mv-receive{background:#e4f4ea;color:#1b6b3a}.mv-sale{background:#eef0fb;color:#2f3f9e}.mv-count{background:#fff1d6;color:#8a5300}.mv-damage{background:#fde2e5;color:var(--bad)}.mv-return{background:#e8f3f6;color:#145a6b}
.pk-o{display:grid;gap:10px}.pk{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:14px;transition:opacity .3s}
.pk header{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pk header .small{flex-basis:100%}.pk ul{margin:10px 0;padding:0;list-style:none;display:grid;gap:4px;font-size:14px}
.pk.done{border-color:var(--ok);background:#f6fbf8}
.mx td .small{display:block}
/* mail */
.mlog{display:grid;gap:2px;margin-top:12px;max-height:520px;overflow:auto}
.ml{display:grid;grid-template-columns:10px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.ml i{width:10px;height:10px;border-radius:50%;margin-top:6px;background:var(--ok);box-shadow:0 0 0 4px rgba(46,160,90,.14)}
.ml.bad i{background:var(--bad);box-shadow:0 0 0 4px rgba(208,17,43,.14)}.ml b{display:block;font-size:14px}.ml span{display:block}
.sw2{display:inline-flex;gap:10px;align-items:center;cursor:pointer;font-weight:700;font-size:14px}
@media print{body.ctl-print *{visibility:hidden}.pick,.pick *{visibility:visible}.pick{position:absolute;left:0;top:0;width:100%}}

/* a11y: 24px swatch hit area, visible 12px dot */
.pc-sw{gap:0;margin-left:-6px}
.pc-sw a{width:24px;height:24px;border:6px solid transparent;background-clip:padding-box;position:relative}
.pc-sw a::after{content:'';position:absolute;inset:-1px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.pc-sw a.on{outline:1.5px solid var(--ink);outline-offset:-3px}
.ftr-mark span::before{content:attr(data-t)}


/* ===== TYPE v0.4 – global sport brand system =====
   Inter (Helvetica-class) for everything people read and tap; Archivo Black Extra-Condensed only for big campaign lines. */
:root{--fd:'Archivo','Arial Narrow',sans-serif}
body{letter-spacing:-.011em;font-feature-settings:'cv11','ss01'}
h2,h3,.d3,.d4,.h2{font-family:var(--f);font-stretch:100%;text-transform:none;font-weight:700;letter-spacing:-.035em;line-height:1.02}
.h2,.d3{font-size:clamp(30px,3.4vw,52px)}
h3,.d4{font-size:clamp(20px,1.7vw,26px);letter-spacing:-.025em;line-height:1.12}
.d1,.d2,h1,.hx-t{font-family:var(--fd);font-weight:900;font-stretch:62%;text-transform:uppercase;letter-spacing:-.02em;line-height:.84}
.hx-t span:nth-child(2),.tk span:nth-of-type(even){color:inherit;-webkit-text-stroke:0}
.btn{font-family:var(--f);font-stretch:100%;font-weight:600;font-size:15px;letter-spacing:-.005em;text-transform:none;min-height:50px;padding:0 24px}
.btn.sm{font-size:13.5px;min-height:40px;letter-spacing:0;text-transform:none}
.eyebrow,.kick{font-weight:600;letter-spacing:.04em;font-size:13px;text-transform:none}
.tag,.tiny{letter-spacing:.03em}
.pc-n{font-weight:500;font-size:15px;letter-spacing:-.01em}
.lead{color:var(--ink3);letter-spacing:-.012em}
.tabbar a,.tabbar button{font-size:10.5px;font-weight:500;letter-spacing:0;text-transform:none}
.admin-bar.has-hero .hdr{top:calc(36px + var(--wp-admin--admin-bar--height,32px))}.admin-bar.has-hero .hdr.is-scrolled{top:var(--wp-admin--admin-bar--height,32px)}

/* ===== NAV v0.4 – Nike-style list menu (big tappable rows, sliding sub-panels) ===== */
.drawer-p{background:#fff}
.dl-screen{background:#fff;padding:10px 24px calc(110px + env(safe-area-inset-bottom))}
.dl-ask{height:48px;border-radius:999px;background:#f3f3f3;border:0;margin:6px 0 14px;font-size:15px;color:#5c5c5c;font-weight:500}
.nk{display:grid;margin:4px 0 22px}
.nk-r{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:6px 0;font-size:25px;font-weight:600;letter-spacing:-.03em;color:var(--ink);text-align:left;opacity:0;transform:translateX(18px)}
.drawer.open .nk-r{animation:nkIn .5s var(--e) forwards;animation-delay:calc(var(--i) * 35ms + 60ms)}
@keyframes nkIn{to{opacity:1;transform:none}}
.nk-r i{width:11px;height:11px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg);margin-right:6px;transition:transform .25s var(--e)}
.nk-r:active i{transform:translateX(4px) rotate(45deg)}
.nk-r em{font-style:normal;font-size:13px;font-weight:500;color:var(--muted);letter-spacing:0}
.nk-r.sale span{color:var(--red)}
.nk-pro{display:grid;gap:4px;padding:20px;border-radius:18px;background:var(--ink);color:#c5c5c5;margin:0 0 22px;position:relative;overflow:hidden}
.nk-pro::after{content:'';position:absolute;right:-20px;top:-10px;width:120px;height:60px;background:var(--red);-webkit-mask:var(--chev) center/contain no-repeat;mask:var(--chev) center/contain no-repeat;opacity:.9}
.nk-pro-k{font-size:12px;font-weight:600;letter-spacing:.06em;color:#fff;opacity:.6}
.nk-pro b{color:#fff;font-size:20px;font-weight:700;letter-spacing:-.03em;line-height:1.15;max-width:80%}
.nk-pro span{font-size:14px;line-height:1.4}
.nk-pro em{font-style:normal;margin-top:10px;justify-self:start;background:#fff;color:var(--ink);font-weight:600;font-size:14px;padding:10px 18px;border-radius:999px}
.nk-acc{padding:0 0 20px;border-bottom:1px solid #e5e5e5;margin-bottom:12px}
.nk-acc p{margin:0 0 14px;font-size:15px;color:#5c5c5c;line-height:1.45}
.nk-acc .row{display:flex;gap:8px}
.nk-help{display:grid}
.nk-help a{display:flex;align-items:center;gap:14px;min-height:48px;font-weight:500;font-size:15.5px}
.nk-help svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6}
/* sub panel */
.dl-screen.sub{padding-top:10px}
.nk-back{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:16px;font-weight:500}
.nk-back i{width:10px;height:10px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.nk-t{font-size:30px!important;font-weight:700;letter-spacing:-.04em;margin:10px 0 18px}
.nk-all{display:flex;align-items:center;gap:14px;padding:10px;margin:0 -10px 18px;border-radius:14px;background:#f5f5f5}
.nk-all img{width:64px;height:80px;object-fit:cover;border-radius:10px;background:#e8e8e8}
.nk-all b{display:block;font-size:17px;font-weight:600}.nk-all small{color:var(--muted);font-size:13.5px}
.nk-h{margin:18px 0 6px;font-size:13px;font-weight:500;color:#707070}
.nk-s{display:grid}
.nk-s a{display:flex;justify-content:space-between;align-items:center;min-height:46px;font-size:17px;font-weight:500;letter-spacing:-.015em}
.nk-s small{color:#9b9b9b;font-size:13px;font-weight:500}
.dl-screen.sub.on .nk-t,.dl-screen.sub.on .nk-all{animation:coUp .5s var(--e) both}
@media (min-width:981px){.nk-r{font-size:22px;min-height:50px}}
html.menu-open .hdr{background:#fff!important;color:var(--ink)!important;box-shadow:0 1px 0 #eee}

/* ===== B2B APPLICATION v0.4 – one question per screen, campaign-grade ===== */
.ap{background:#0b0b0c;color:#fff;padding-block:clamp(64px,9vw,140px);margin-top:clamp(64px,8vw,120px);position:relative;overflow:hidden;overflow:clip;isolation:isolate}
.ap::before{content:'';position:absolute;right:-8vw;top:-6vw;width:56vw;height:28vw;background:linear-gradient(90deg,#2a0a10,#d0112b);-webkit-mask:var(--chev) center/contain no-repeat;mask:var(--chev) center/contain no-repeat;opacity:.16;z-index:-1}
.ap-h{max-width:880px;margin-bottom:clamp(28px,4vw,56px)}
.ap-k{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:#b9b9b9;margin:0 0 16px}
.ap-chev{width:34px;height:14px;background:var(--red);-webkit-mask:var(--chev) center/contain no-repeat;mask:var(--chev) center/contain no-repeat}
.ap-ttl{font-family:var(--fd)!important;font-weight:900;font-stretch:62%!important;text-transform:uppercase!important;font-size:clamp(54px,9vw,140px)!important;line-height:.84!important;letter-spacing:-.02em!important;margin:0}
.ap-sub{font-size:clamp(16px,1.3vw,19px);line-height:1.5;color:#b9b9b9;max-width:56ch;margin:18px 0 0}
.ap-g{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(20px,4vw,64px);align-items:start}
@media (max-width:980px){.ap-g{grid-template-columns:1fr}.ap-sum{order:-1}}
.ap-f{position:relative;min-height:420px}
.ap-pg{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:14px}
.ap-pg i{height:4px;border-radius:4px;background:rgba(255,255,255,.14);overflow:hidden;position:relative}
.ap-pg i::after{content:'';position:absolute;inset:0;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--e)}
.ap-pg i.on::after{transform:none}
.ap-n{margin:0 0 22px;font-size:13px;color:#898989;font-variant-numeric:tabular-nums}.ap-n b{color:#fff}
.ap .vb-st{border:0;margin:0;padding:0;min-width:0;display:none}.ap .vb-st.on{display:block}
.ap-q{font-size:clamp(28px,3.4vw,48px);font-weight:700;letter-spacing:-.04em;line-height:1.05;margin:0 0 26px;padding:0;color:#fff}
.ap-hint{margin:-14px 0 18px;color:#898989}
.ap-sq{margin:28px 0 12px;font-weight:600;font-size:15px;color:#d4d4d4}.ap-sq em{font-style:normal;color:#898989;font-weight:400}
/* kind tiles */
.ap-kinds{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media (max-width:620px){.ap-kinds{grid-template-columns:1fr 1fr;gap:8px}}
.ap-kind{position:relative;aspect-ratio:4/5;border-radius:16px;overflow:hidden;cursor:pointer;background:#1b1b1e;isolation:isolate}
.ap-kind input{position:absolute;opacity:0}
.ap-kind img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;transition:transform .8s var(--e),filter .4s;filter:grayscale(.35) brightness(.8)}
.ap-kind::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.85));z-index:0}
.ap-kind span{position:absolute;left:14px;right:40px;bottom:14px;z-index:1;font-weight:700;font-size:clamp(15px,1.4vw,19px);letter-spacing:-.02em;line-height:1.15}
.ap-kind i{position:absolute;right:12px;bottom:14px;z-index:1;width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.7);transition:.25s var(--e)}
.ap-kind:hover img{transform:scale(1.05);filter:none}
.ap-kind:has(input:checked){outline:3px solid #fff;outline-offset:-3px}
.ap-kind:has(input:checked) img{filter:none}
.ap-kind:has(input:checked) i{background:var(--red);border-color:var(--red);box-shadow:inset 0 0 0 4px var(--red),inset 0 0 0 7px #fff}
.ap-kind:has(input:focus-visible){outline:3px solid var(--red)}
/* big underline inputs */
.ap .fl{display:block;position:relative;margin-bottom:18px}
.ap .fl input,.ap .fl textarea{width:100%;background:transparent;border:0;border-bottom:2px solid rgba(255,255,255,.22);border-radius:0;color:#fff;padding:26px 0 10px;font-size:18px;outline:0;transition:border-color .25s}
.ap .fl.ap-big input{font-size:clamp(22px,2.4vw,30px);font-weight:600;letter-spacing:-.02em;padding:30px 0 12px}
.ap .fl span{position:absolute;left:0;top:28px;color:#898989;font-size:17px;pointer-events:none;transition:.25s var(--e);transform-origin:left}
.ap .fl.ap-big span{top:34px;font-size:clamp(18px,2vw,24px)}
.ap .fl input:focus,.ap .fl textarea:focus{border-color:#fff}
.ap .fl input:focus+span,.ap .fl input:not(:placeholder-shown)+span,.ap .fl textarea:focus+span,.ap .fl textarea:not(:placeholder-shown)+span{top:2px;font-size:12.5px;color:#b9b9b9}
.ap .fl span em{font-style:normal;opacity:.7}
.ap .fl.ok input{border-color:#4fb36d}.ap .fl.bad input,.ap .fl.bad textarea{border-color:#ff5a6a}
.ap .fl-err{display:block;color:#ff7d8a;font-size:13px;margin-top:6px;min-height:0}
.ap .co-f2{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}@media (max-width:620px){.ap .co-f2{grid-template-columns:1fr}}
.ap-more{margin-top:8px}.ap-more summary{cursor:pointer;font-weight:600;color:#d4d4d4;list-style:none;display:flex;gap:8px;align-items:center}
.ap-more summary::before{content:'+';display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1.5px solid currentColor;font-size:16px}
.ap-more[open] summary::before{content:'−'}.ap-more summary em{font-style:normal;font-weight:400;color:#898989}
/* needs */
.ap-needs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (max-width:620px){.ap-needs{grid-template-columns:1fr}}
.ap-need{display:flex;align-items:center;gap:14px;padding:18px;border-radius:14px;background:#17171a;border:1.5px solid #2a2a2e;cursor:pointer;transition:background .2s,border-color .2s,transform .2s var(--e)}
.ap-need input{position:absolute;opacity:0}
.ap-need svg{width:26px;height:26px;flex:none;fill:none;stroke:#fff;stroke-width:1.6}
.ap-need span{flex:1;font-weight:600;font-size:15.5px;line-height:1.3}
.ap-need i{width:22px;height:22px;border-radius:6px;border:2px solid #4a4a50;flex:none;transition:.2s}
.ap-need:active{transform:scale(.98)}
.ap-need:has(input:checked){background:#fff;color:var(--ink);border-color:#fff}.ap-need:has(input:checked) svg{stroke:var(--red)}
.ap-need:has(input:checked) i{background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/14px no-repeat;border-color:var(--red)}
.ap-need:has(input:focus-visible){outline:2px solid var(--red)}
.ap-chips{display:flex;flex-wrap:wrap;gap:8px}
.ap-chips label{cursor:pointer}.ap-chips input{position:absolute;opacity:0}
.ap-chips span{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid #3a3a3f;font-weight:500;font-size:15px;transition:.2s}
.ap-chips label:hover span{border-color:#fff}.ap-chips input:checked+span{background:#fff;color:var(--ink);border-color:#fff}.ap-chips input:focus-visible+span{outline:2px solid var(--red)}
.ap-steppers{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ap-stp{background:#17171a;border:1.5px solid #2a2a2e;border-radius:16px;padding:16px 18px}
.ap-stp>span{display:block;color:#898989;font-size:14px;margin-bottom:8px}
.ap-stp>div{display:grid;grid-template-columns:44px 1fr 44px;align-items:center}
.ap-stp button{width:44px;height:44px;border-radius:50%;background:#2a2a2e;color:#fff;font-size:22px;transition:background .2s,transform .15s}.ap-stp button:hover{background:#3a3a40}.ap-stp button:active{transform:scale(.9)}
.ap-stp input{background:transparent;border:0;color:#fff;text-align:center;font-size:clamp(30px,3vw,42px);font-weight:700;letter-spacing:-.03em;width:100%;min-width:0;font-variant-numeric:tabular-nums;outline:0}
.ap-ok{display:flex;gap:12px;align-items:flex-start;margin-top:8px;cursor:pointer;font-size:14px;color:#b9b9b9;line-height:1.5}
.ap-ok input{position:absolute;opacity:0}.ap-ok i{flex:none;width:22px;height:22px;border-radius:6px;border:2px solid #5a5a60;margin-top:1px;transition:.2s}
.ap-ok input:checked+i{background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/14px no-repeat;border-color:var(--red)}
.ap-ok input:focus-visible+i{outline:2px solid #fff}.ap-ok a{color:#fff;text-decoration:underline}
/* nav */
.ap-nav{display:flex;align-items:center;gap:12px;margin-top:34px}
.ap-go{display:inline-flex;align-items:center;gap:14px;min-height:58px;padding:0 10px 0 28px;border-radius:999px;background:#fff;color:var(--ink);font-weight:600;font-size:16px;transition:transform .25s var(--e),background .2s}
.ap-go i{width:40px;height:40px;border-radius:50%;background:var(--ink);position:relative;transition:transform .35s var(--e)}
.ap-go i::after{content:'';position:absolute;inset:0;margin:auto;width:18px;height:9px;background:#fff;-webkit-mask:var(--chev) center/contain no-repeat;mask:var(--chev) center/contain no-repeat}
.ap-go:hover i{transform:translateX(4px)}.ap-go:active{transform:scale(.97)}
.ap-go.r{background:var(--red);color:#fff}.ap-go.r i{background:#fff}.ap-go.r i::after{background:var(--red)}
.ap-go.busy{opacity:.6;pointer-events:none}
.ap-back{width:58px;height:58px;border-radius:50%;border:1.5px solid #3a3a3f;display:grid;place-items:center}.ap-back:hover{border-color:#fff}
.ap-back i{width:11px;height:11px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateX(2px) rotate(45deg)}
.ap-enter{margin:12px 0 0;color:#696969;font-size:13px}.ap-enter kbd{font:inherit;border:1px solid #3a3a3f;border-radius:6px;padding:2px 6px;color:#b9b9b9}
@media (pointer:coarse){.ap-enter{display:none}}
@media (max-width:620px){.ap-nav{position:sticky;bottom:calc(66px + env(safe-area-inset-bottom));z-index:3;padding:12px 0;margin-inline:-4px;background:linear-gradient(180deg,rgba(11,11,12,0),#0b0b0c 40%)}.ap-go{flex:1;justify-content:space-between}}
.ap .co-err{background:#2a0e12;color:#ffd5da;border:1px solid #5b1a22;border-radius:12px;padding:14px;margin-top:18px;display:grid;gap:4px}
.ap .co-err[hidden]{display:none}
/* summary */
.ap-sum{position:sticky;top:calc(var(--hh) + 24px)}
@media (max-width:980px){.ap-sum{position:static}.ap-perks,.ap-help{display:none}.ap-card dl{display:none}}
.ap-card{border-radius:22px;padding:22px;background:linear-gradient(155deg,#1d1d21,#111113 60%);border:1px solid #2a2a2e;box-shadow:0 40px 80px -40px rgba(208,17,43,.35);position:relative;overflow:hidden}
.ap-card::after{content:'';position:absolute;right:-30px;bottom:-14px;width:180px;height:80px;background:var(--red);-webkit-mask:var(--chev) center/contain no-repeat;mask:var(--chev) center/contain no-repeat;opacity:.18}
.ap-card-h{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.08em;color:#898989;margin-bottom:18px}
.ap-card-n{display:block;font-size:24px;font-weight:700;letter-spacing:-.03em;line-height:1.1;word-break:break-word}
.ap-card-k{display:inline-block;margin-top:8px;font-size:13px;padding:4px 10px;border-radius:999px;background:#2a2a2e;color:#d4d4d4}
.ap-card dl{margin:18px 0 0;display:grid;gap:10px;font-size:14px}.ap-card dl div{display:grid;grid-template-columns:90px 1fr;gap:10px}.ap-card dt{color:#898989}.ap-card dd{margin:0;color:#fff}
.ap-perks{list-style:none;padding:18px 0 0;margin:18px 0 0;border-top:1px solid #2a2a2e;display:grid;gap:10px;font-size:14px;color:#d4d4d4}
.ap-perks li{display:flex;gap:10px}.ap-perks li::before{content:'';flex:none;width:16px;height:16px;margin-top:2px;background:#4fb36d;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/contain no-repeat}
.ap-help{margin:16px 4px 0;font-size:14px;color:#898989;line-height:1.6}.ap-help a{color:#fff}
/* done */
.ap-done[hidden]{display:none}.ap-done .ty-mark{width:84px;height:84px;margin-bottom:22px}
.ap-done .ty-mark circle{stroke:var(--red)}.ap-done .ty-mark path{stroke:#fff}
.ap-done [data-ref]{color:var(--red)}
.ap-next{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:14px;counter-reset:n}
.ap-next li{display:grid;grid-template-columns:120px 1fr;gap:12px;padding-bottom:14px;border-bottom:1px solid #2a2a2e;color:#b9b9b9}.ap-next b{color:#fff}
.ap .vb-hp{position:absolute;left:-9999px;width:1px;height:1px}
.ap-kind::before{content:'';position:absolute;inset:0;border-radius:inherit;border:3px solid transparent;z-index:2;pointer-events:none;transition:border-color .25s}
.ap-kind:has(input:checked)::before{border-color:#fff}.ap-kind:has(input:checked){outline:0}
@media (max-width:980px){.ap-perks,.ap-help,.ap-card dl{display:none}.ap-card{padding:16px 18px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px}.ap-card-h{display:none}.ap-card-n{font-size:18px}.ap-card-k{margin:0;grid-row:1/3;grid-column:2}}
@media (max-width:620px){html.ap-on .sai-fab{opacity:0;pointer-events:none;transform:scale(.6)}}
/* done screen v0.4.1: nav hides, editorial left-aligned next steps */
.ap-nav[hidden]{display:none!important}
.ap-done{text-align:left;align-items:flex-start;padding:10px 0}
.ap-done .ap-q{font-size:clamp(28px,4vw,44px);line-height:1.05}
.ap-done .ap-next{width:100%;counter-reset:n;list-style:none;margin:18px 0 26px;padding:0;display:grid;gap:0}
.ap-done .ap-next li{counter-increment:n;display:grid;grid-template-columns:44px 1fr;gap:2px 14px;padding:16px 0;border-top:1px solid rgba(255,255,255,.12);color:#b4b4b4;text-align:left}
.ap-done .ap-next li::before{content:"0" counter(n);grid-row:span 2;font-family:var(--fd);font-weight:900;font-stretch:62%;font-size:28px;color:var(--red);line-height:1}
.ap-done .ap-next b{color:#fff;font-weight:700}
.ap-done .ap-go{width:100%;max-width:440px}
/* footer CTA v0.4.1: the big line stays big, cards stack on phones */
.ftr h2.h1{font-family:var(--fd);font-size:clamp(54px,8vw,132px);font-weight:900;font-stretch:62%;letter-spacing:-.01em;line-height:.86;margin:0;color:#fff}
.ftr-big{font-family:var(--fd);font-weight:900;font-stretch:62%;font-size:34px}
@media (max-width:600px){.ftr-cta{gap:26px}.ftr-cta-r{flex-direction:column}.ftr-big{width:100%;padding:20px 70px 20px 22px}}
/* PLP toolbar v0.4.1: the sort pill takes the free space instead of clipping its label */
@media (max-width:620px){.sortw{flex:1;min-width:0}.sortw select{max-width:none;width:100%}.swl,.pc-sw{gap:6px}}
/* care chips (replace dead hummel.net care-guide images) */
.care-l{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.care-l strong{width:100%;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.care{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:1px solid var(--line2);border-radius:999px;font-size:13px;line-height:1.2}
.care b{display:grid;place-items:center;min-width:26px;height:26px;padding:0 4px;border-radius:999px;background:var(--ink);color:#fff;font-size:11px;font-weight:700}
/* hidden buy bar is not a tap target */
@media (max-width:980px){.mbar:not(.show){visibility:hidden;pointer-events:none;transition:transform .4s var(--e),visibility 0s .4s}.mbar.show{visibility:visible;transition:transform .4s var(--e)}}

/* =====================================================================
   DESIGN SYSTEM v0.5 – one language everywhere
   colour: pure white + #f5f5f5 wells + ink #111 + hummel red only for price/sale/brand
   shape:  every control is a pill or a circle · imagery has square corners · surfaces 16px
   ===================================================================== */
:root{--ink:#111;--ink2:#1c1c1e;--ink3:#2b2b2e;--paper:#fff;--paper2:#f5f5f5;--line:#e5e5e5;--line2:#cfcfd1;--muted:#666669;--muted2:#666669;--r:999px;--r2:16px;--ri:0px;--rs:16px}
body{background:#fff}

/* controls: pill / circle, one height scale (40 / 48 / 56) */
.btn,.chip,.tag,.opt,.sz,.tile span,.steps button,.steps a,.woocommerce .button,.woocommerce button.button,.woocommerce a.button,#place_order,.sai-sz button,.pc-q button,.sortw select,.ap-go,.ap-back{border-radius:999px}
.btn{font-family:var(--f);font-weight:600;font-stretch:100%;letter-spacing:0;text-transform:none;font-size:15px;min-height:52px;padding:0 28px}
.btn.sm{min-height:40px;font-size:14px;padding:0 18px}.btn.lg{min-height:58px;font-size:16px}
.btn.o{border:1.5px solid var(--line2)}.btn.o:hover{border-color:var(--ink)}
.dens button{border-radius:50%;width:42px}
.inp,.fld input,.fld select,.fld textarea,.woocommerce form .form-row input.input-text,.woocommerce form .form-row select,.woocommerce form .form-row textarea{border-radius:12px}
.fld textarea,.inp[rows]{border-radius:16px}
/* size pickers: pills on PDP and in filters */
.sizes{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}
.sz{height:48px;border:1.5px solid var(--line);font-size:14.5px;font-weight:600}
.sz:hover{border-color:var(--ink)}
.sz.oos{background:var(--paper2);border-color:var(--paper2);color:#a3a3a6;text-decoration:line-through;text-decoration-thickness:1px}
.tile span{border-color:var(--line);font-weight:600}
/* PDP buy row: round heart next to the pill CTA */
.buy-cta{grid-template-columns:1fr 58px;gap:10px;align-items:center}
.buy-cta .btn{min-height:58px}
.buy-cta .wish{width:58px;height:58px;border-radius:50%;border:1.5px solid var(--line2);background:#fff;transition:border-color .25s,transform .3s var(--e)}
.buy-cta .wish:hover{border-color:var(--ink);transform:scale(1.05)}
.gal figure{background:var(--paper2);border-radius:0}

/* imagery: square corners everywhere on the storefront */
.pc-m,.lt-ph figure,.chv-i,.world,.dl-w,.vb-pane-m,.ap-kind,.bag-m,.mega-card,.cd-i img,.co-im,.co-im img,.ty-i img,.nk-all img,.sai-ps .pc{border-radius:var(--ri)}
/* surfaces: one radius */
.cd-p,.co-sum,.co-s,.ty-card,.ty-steps,.bag-i,.vb-f,.vb-steps li,.vb-cmp,.b2b-c,.vb-seg .seg,.nk-pro,.ap-card,.ap-need,.co-opt,.co-pro,.co-free,.co-err,.co-note,.ftr-big,.empty,.dl-pro,.dl-quick a,.dl-links a,.sai-f,.ap-stp{border-radius:var(--rs)}

/* ---------- product card v0.5 ---------- */
.pc{display:grid;grid-template-columns:100%;grid-template-rows:auto 1fr;align-content:start}
.pc-m,.pc-tags,.pc-w,.pc-q{grid-area:1/1}
.pc-b{grid-area:2/1}
.pc-m{background:var(--paper2);isolation:isolate}
.pc-m:has(img.ld){background:var(--paper2)}
.pc-m img{transition:opacity .7s var(--e),transform 1.6s var(--e)}
.pc-m::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--red);transform:scaleX(0);transform-origin:0 50%;transition:transform .7s var(--e);z-index:3}
.pc-tags{position:relative;left:auto;top:auto;align-self:start;justify-self:start;margin:12px;pointer-events:none}
.pc-tags .tag{font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:none;padding:5px 10px}
.pc-tags .tag.l{background:#fff;color:var(--ink)}
.pc-w{align-self:start;justify-self:end;margin:10px;z-index:3;width:40px;height:40px;border-radius:50%;border:0;background:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.08);opacity:0;transform:scale(.7);transition:opacity .3s,transform .45s var(--e)}
.pc-w svg{width:19px;height:19px;fill:none;stroke:var(--ink);stroke-width:1.7;transition:fill .25s,stroke .25s,transform .4s var(--e)}
.pc-w:hover svg{transform:scale(1.12)}
.pc-w[aria-pressed=true]{opacity:1;transform:none}.pc-w[aria-pressed=true] svg{fill:var(--red);stroke:var(--red)}
.pc-q{position:relative;left:auto;right:auto;bottom:auto;align-self:end;margin:10px;border-radius:16px;padding:12px;gap:6px;background:rgba(255,255,255,.94);box-shadow:0 10px 30px -12px rgba(0,0,0,.25);transform:translateY(16px)}
.pc-q::before{font-size:11px;letter-spacing:.04em;text-transform:none;font-weight:600;color:var(--ink);margin-bottom:4px}
.pc-q button{height:34px;min-width:42px;border-color:var(--line);font-weight:600}
.pc-q button[disabled]{display:none}
.pc-b{padding:14px 0 0;gap:3px}
.pc-layer{font-size:12.5px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--red)}
.pc-n{font-weight:500;font-size:15px;color:var(--ink);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .5s var(--e)}
.pc-p{font-weight:600;font-size:15px;margin-top:2px}
@media (hover:hover){
	.pc:hover .pc-m img:not(.alt){transform:scale(1.06)}
	.pc:hover .pc-m img.alt.ld{opacity:1;transform:scale(1.02)}
	.pc:hover .pc-m::after{transform:scaleX(1)}
	.pc:hover .pc-w,.pc:focus-within .pc-w{opacity:1;transform:none}
	.pc:hover .pc-n{background-size:100% 1px}
}
@media (hover:none){.pc-w{opacity:1;transform:none;width:34px;height:34px;margin:8px;box-shadow:none}.pc-w svg{width:16px;height:16px}}
.lt .pc-m{background:rgba(255,255,255,.08)}.lt .pc-layer{color:#ffd34d}

/* payment marks */
.paym{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.paym img{width:46px;height:30px;border-radius:6px;background:#fff;object-fit:contain;display:block}
.paym-b{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:6px;background:#fff;color:#111;font-size:11.5px;font-weight:600;white-space:nowrap}
.paym-b svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}
.ftr-pay span.paym-b{border:0;padding:0 10px;font-size:11.5px}
.cd-pay,.co-pays{display:flex;justify-content:center}.cd-pay .paym img,.co-pays .paym img{box-shadow:inset 0 0 0 1px var(--line)}
.cd-pay .paym-b,.co-pays .paym-b{box-shadow:inset 0 0 0 1px var(--line)}
.cd-pay .paym,.co-pays .paym{border:0;padding:0;border-radius:0;justify-content:center}.cd-pay .paym-b,.co-pays .paym-b{border:0;border-radius:6px;padding:0 10px;color:var(--ink);font-size:11.5px;font-weight:600;letter-spacing:0}

/* ---------- app tab bar v0.5 (white, filled active icon) ---------- */
@media (max-width:1020px){
	.tabbar.tb5{background:rgba(255,255,255,.96);color:var(--ink);border-top:1px solid var(--line);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px)}
	.tb5 a,.tb5 button{color:#5f5f62;gap:4px;padding:8px 0 7px;font-size:10.5px;font-weight:500;letter-spacing:0;text-transform:none;background:none;border:0}
	.tb5 svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linejoin:round;stroke-linecap:round;transition:fill .25s,transform .35s var(--e)}
	.tb5 .on{color:var(--ink);font-weight:600}.tb5 .on::before{display:none}
	.tb5 .on svg{fill:currentColor}
	.tb5 .on svg path[d^="M8.5 8.5"],.tb5 .on svg path[d^="m15.5"]{fill:none}
	.tb5 .bdg{top:3px;left:calc(50% + 4px);min-width:18px;height:18px;padding:0 5px;border-radius:999px;font-size:10px;font-weight:700;border:2px solid #fff;box-sizing:border-box}
}

/* ---------- category rail on PLP (every sub-category one tap away) ---------- */
.catr{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(112px,11vw,150px);gap:12px;margin:26px calc(-1 * var(--gut)) 6px;padding:0 var(--gut) 6px;scroll-padding-inline:var(--gut);scroll-snap-type:x proximity;overflow-x:auto}
.catr-i{display:flex;flex-direction:column;gap:8px;scroll-snap-align:start;color:var(--ink)}
.catr-m{display:block;aspect-ratio:1;background:var(--paper2);overflow:hidden;position:relative}
.catr-m img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;mix-blend-mode:multiply;transition:transform 1.2s var(--e)}
.catr-i b{font-weight:600;font-size:14px;line-height:1.25}
.catr-i small{font-size:12px;color:var(--muted);margin-top:-6px}
@media (hover:hover){.catr-i:hover img{transform:scale(1.08)}.catr-i:hover b{text-decoration:underline;text-underline-offset:3px}}
@media (max-width:620px){.catr{grid-auto-columns:96px;gap:10px;margin-top:18px}.catr-i b{font-size:13px}}

/* ---------- club page hero v0.5 (always dark → header always readable) ---------- */
.clb{position:relative;background:#0b0b0c;color:#fff;overflow:hidden;isolation:isolate;padding:calc(var(--hh) + 56px) 0 64px;margin-top:calc(-1 * var(--hh))}
.clb::before{content:'';position:absolute;inset:-20% -10% auto auto;width:70vw;height:70vw;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--c1) 55%,transparent),transparent);filter:blur(30px);z-index:-1;opacity:.85}
.clb-bg{position:absolute;inset:0;z-index:-2}.clb-bg img{width:100%;height:100%;object-fit:cover;opacity:.55}
.clb-in{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,4vw,64px);align-items:center;min-height:min(62vh,600px)}
.clb-cols{display:flex;gap:6px;margin-bottom:22px}.clb-cols i{width:34px;height:6px;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.clb-k{font-size:13px;font-weight:600;color:#bdbdc0}
.clb h1{color:#fff;margin:12px 0 16px;font-size:clamp(56px,8.4vw,140px)}
.clb p{color:#d4d4d6;font-size:18px;max-width:40ch;margin:0 0 28px}
.clb-a{display:flex;gap:10px;flex-wrap:wrap}.clb .btn.w2{color:#fff;border-color:rgba(255,255,255,.35)}.clb .btn.w2:hover{background:#fff;color:var(--ink)}
.clb-p{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;height:min(62vh,600px)}
.clb-p figure{margin:0;background:#f5f5f5;overflow:hidden}.clb-p img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;animation:clbIn 1.1s var(--e) both}
.clb-p figure:first-child{grid-row:span 2}.clb-p.n1 figure{grid-column:span 2}.clb-p.n2 figure{grid-row:span 2}
.clb-p figure:nth-child(2) img{animation-delay:.12s}.clb-p figure:nth-child(3) img{animation-delay:.24s}
@keyframes clbIn{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:none}}
@media (max-width:900px){.clb{padding:calc(var(--hh) + 32px) 0 40px}.clb-in{grid-template-columns:1fr;min-height:0}.clb-p{height:auto;grid-template-rows:none;grid-auto-rows:200px}.clb-p figure:first-child{grid-row:span 2}.clb h1{font-size:clamp(48px,14vw,72px)}.clb p{font-size:16px}}

/* =====================================================================
   TYPE v0.5 – one family: Montserrat (headlines 800, text 400/500), no fake condensing
   ===================================================================== */
:root{--f:'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--fd:'Montserrat',system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
body{font-family:var(--f);font-size:15.5px;letter-spacing:-.005em;font-feature-settings:normal}
*,*::before,*::after{font-stretch:100%!important}
h1,h2,h3,h4,.h1,.h2,.d1,.d2,.d3,.d4,.hx-t,.ap-ttl,.ap-q,.nk-t,.ftr h2.h1,.ftr-big,.clb h1{font-family:var(--fd)}
h1,.h1,.d1,.d2,.hx-t,.ap-ttl,.clb h1,.ftr h2.h1{font-weight:800;text-transform:uppercase;letter-spacing:-.035em;line-height:.92}
.d1{font-size:clamp(44px,6.6vw,112px)}
.h1{font-size:clamp(38px,5.6vw,96px)}
.d2{font-size:clamp(34px,4.6vw,76px)}
h2,h3,.h2,.d3,.d4{font-weight:700;letter-spacing:-.025em;line-height:1.08;text-transform:none}
.ftr h2.h1{font-size:clamp(44px,6vw,104px)}
.ftr-big{font-weight:800;font-size:24px;letter-spacing:-.02em;text-transform:uppercase}
.btn{font-weight:600;letter-spacing:-.005em}
.tag,.pc-tags .tag{font-weight:700}
.pc-n{font-weight:500;font-size:14.5px}.pc-p{font-weight:700}
.tk span,.tk{font-family:var(--fd);font-weight:800;letter-spacing:-.02em}
.eyebrow,.kick,.clb-k{font-weight:600;letter-spacing:.02em}
.ftr h4,.ftr h2:not(.h1){font-weight:700;letter-spacing:.08em}
@media (max-width:620px){.d1,.hx-t{font-size:clamp(38px,11.5vw,58px)}.h1{font-size:clamp(34px,10vw,52px)}.ap-ttl{font-size:clamp(36px,10.5vw,54px)}}

/* =====================================================================
   TYPE SCALE v0.6 – calmer, retail-grade sizes (Nike/adidas range)
   display 72 · h1 56 · h2 36 · h3 24 · body 15 (desktop); display 36 · h1 32 · h2 26 (phone)
   ===================================================================== */
body{font-size:15px;line-height:1.6}
.hx-t,.vb-hx .hx-t,.d1,.clb h1,.ap-ttl{font-size:clamp(36px,4.8vw,72px)!important;line-height:.95;letter-spacing:-.03em}
.h1,.plp2-t .h1,.ty-h .h1,.co-h .h1,.pro2-c .h1{font-size:clamp(30px,3.6vw,56px)!important;line-height:1;letter-spacing:-.03em}
.ftr h2.h1{font-size:clamp(32px,4vw,60px)!important}
.d2,.h2,.duo .h2{font-size:clamp(26px,2.6vw,40px)!important;line-height:1.05}
h2,.d3,.vb-pane-t h3{font-size:clamp(22px,2.1vw,32px)}
.d4,h3{font-size:clamp(18px,1.5vw,22px)}
.ap-q,.ap-done .ap-q{font-size:clamp(22px,2.2vw,32px)!important}
.buy h1{font-size:clamp(22px,2vw,30px)!important;line-height:1.15;letter-spacing:-.02em}
.her2-y{font-size:clamp(120px,18vw,260px)!important}
.her .yr{font-size:clamp(110px,16vw,220px)!important}
.ftr-mark span{font-size:clamp(80px,15vw,230px)!important}
.tk span{font-size:clamp(20px,2vw,30px)!important}
.wx-l b{font-size:clamp(28px,3vw,44px)!important}
.ftr-big{font-size:19px}
.hx-lead,.vb-lead,.sx-sub,.lead{font-size:clamp(15px,1.1vw,17px)}
.plp2-n{font-size:15px}
.btn{font-size:14.5px}.btn.lg{font-size:15px;min-height:54px}
@media (max-width:620px){
	.hx-t,.vb-hx .hx-t,.d1,.clb h1,.ap-ttl{font-size:clamp(32px,9.6vw,40px)!important}
	.h1,.plp2-t .h1,.ty-h .h1,.co-h .h1,.pro2-c .h1{font-size:clamp(28px,8.4vw,34px)!important}
	.ftr h2.h1{font-size:clamp(30px,9vw,38px)!important}
	.d2,.h2,.duo .h2{font-size:clamp(24px,7vw,28px)!important}
	h2,.d3{font-size:22px}
	body{font-size:15px}
}

/* =====================================================================
   MOTION FIX v0.6 – content never "disappears": short entrances, quick page transitions
   ===================================================================== */
@keyframes coUp{from{opacity:.001;transform:translateY(10px)}}
.co-h .h1,.co-sum,.bag-i,.co-s,.co-empty,.ty-h .h1,.ty-h .sx-sub,.ty-card,.ty-steps,.vb-pane.on{animation-duration:.4s!important;animation-delay:0s!important}
.hx-eye span,.hx-lead,.hx-cta,.vb-lead{animation-duration:.6s!important;animation-delay:.1s!important}
.cd-i{animation-duration:.3s!important}
::view-transition-old(root){animation:vtOut .12s ease both!important}
::view-transition-new(root){animation:vtIn .18s ease both!important}
/* pay button: keeps its label while working */
.co-place.busy .t{opacity:.75!important}
.co-place.busy::after{position:static!important;width:18px!important;height:18px!important;margin-left:4px;flex:none}
.co-place.busy{pointer-events:none}

/* =====================================================================
   /komandoms/ – teamsport hub v0.6
   ===================================================================== */
.km-sec{padding:clamp(64px,8vw,120px) 0}
.km-k{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#cfcfd2;letter-spacing:.01em}
.km-k.dark{color:var(--muted)}
.km-chev{width:28px;height:12px;background:var(--red);-webkit-mask:var(--chev) center/contain no-repeat;mask:var(--chev) center/contain no-repeat}
.km-h{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 60px;flex-wrap:wrap;margin-bottom:clamp(28px,3vw,44px)}
.km-h h2{margin:10px 0 0;max-width:22ch}.km-h>p{max-width:40ch;margin:0}
.km-p{color:#d0d0d3;font-size:16px;line-height:1.65;max-width:52ch;margin:16px 0 0}
.km-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.km-ghost{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.28);backdrop-filter:blur(10px)}.km-ghost:hover{background:#fff;color:var(--ink);border-color:#fff}

/* hero */
.km-hx{position:relative;min-height:min(88vh,820px);display:flex;align-items:flex-end;color:#fff;background:#0b0b0c;overflow:hidden;margin-top:calc(-1 * var(--hh));isolation:isolate}
.km-hx-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.km-hx-s{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.45) 0,rgba(0,0,0,.05) 35%,rgba(0,0,0,.78) 100%)}
.km-hx-in{width:100%;padding-top:calc(var(--hh) + 80px);padding-bottom:clamp(36px,5vw,64px)}
.km-hx h1{margin:18px 0 0;color:#fff;max-width:14ch}
.km-lead{max-width:54ch;color:#e2e2e4;font-size:clamp(15px,1.15vw,17px);line-height:1.6;margin:18px 0 0}
.km-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:clamp(36px,5vw,56px) 0 0;border-top:1px solid rgba(255,255,255,.2)}
.km-stats div{padding:16px 18px 0 0}.km-stats dt{font-size:12.5px;color:#bdbdc0;order:2}.km-stats dd{margin:0 0 4px;font-size:clamp(24px,2.4vw,34px);font-weight:800;letter-spacing:-.03em}
.km-stats div{display:flex;flex-direction:column-reverse}

/* jump nav */
.km-jump{position:sticky;top:var(--hh);z-index:30;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-block:12px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);max-width:none}
.km-jump::-webkit-scrollbar{display:none}
.km-jump a{flex:none;padding:9px 16px;border-radius:999px;font-size:14px;font-weight:600;color:var(--ink);transition:background .2s}
.km-jump a:hover{background:var(--paper2)}

/* configurator */
.km-cfg{background:var(--paper2)}
.km-cfg-in{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,5vw,80px);align-items:center}
.km-cfg-stage{position:relative;aspect-ratio:1;background:#fff;display:grid;place-items:center;overflow:hidden}
.km-cfg-stage::before{content:'';position:absolute;inset:auto -10% -30% -10%;height:60%;background:radial-gradient(closest-side,rgba(0,0,0,.12),transparent);z-index:0}
.km-cfg-j{width:min(78%,460px);position:relative;z-index:1;filter:drop-shadow(0 30px 40px rgba(0,0,0,.18))}
.km-cfg-j svg{width:100%;height:auto;display:block;transform-origin:50% 60%}
.km-cfg-tag{position:absolute;left:18px;bottom:16px;font-size:13px;font-weight:600;background:var(--paper2);padding:7px 12px;border-radius:999px}
.km-cfg-p h2{margin:10px 0 12px}
.km-f{margin-top:24px}
.km-l{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:10px}.km-l b{color:var(--ink);font-weight:600;margin-left:6px}
.km-lines{display:flex;flex-wrap:wrap;gap:8px}
.km-lines button{height:42px;padding:0 18px;border-radius:999px;border:1.5px solid var(--line2);background:#fff;font-weight:600;font-size:14px;transition:.2s}
.km-lines button:hover{border-color:var(--ink)}
.km-lines button[aria-checked=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.km-sw{display:flex;flex-wrap:wrap;gap:10px}
.km-sw button{width:36px;height:36px;border-radius:50%;background:var(--c);border:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);position:relative;transition:transform .25s var(--e)}
.km-sw button:hover{transform:scale(1.1)}
.km-sw button[aria-checked=true]::after{content:'';position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--ink)}
.km-f2{display:grid;grid-template-columns:1fr 120px;gap:12px}
.km-f2 input{width:100%;height:50px;border:1.5px solid var(--line2);border-radius:12px;padding:0 16px;font:600 16px var(--f);text-transform:uppercase;background:#fff}
.km-f2 input:focus{outline:none;border-color:var(--ink)}
.km-cfg .btn.full{margin-top:26px}

/* lines */
.km-lg{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:clamp(12px,1.4vw,20px)}
.km-line{display:flex;flex-direction:column;gap:14px;color:var(--ink)}
.km-line-m{display:block;aspect-ratio:3/4;background:var(--paper2);overflow:hidden;position:relative}
.km-line-m::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--red);transform:scaleX(0);transform-origin:0;transition:transform .7s var(--e)}
.km-line-m img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--e)}
.km-line-b{display:flex;flex-direction:column;gap:8px}.km-line-b b{font-size:18px;font-weight:700;letter-spacing:-.01em}.km-line-b small{color:var(--muted);font-size:13px}
.km-dots{display:flex;gap:5px;align-items:center}.km-dots i{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.km-dots small{margin-left:4px}
@media (hover:hover){.km-line:hover img{transform:scale(1.05)}.km-line:hover .km-line-m::after{transform:scaleX(1)}}

/* sport rails */
.km-sport{padding-top:0}
.km-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-bottom:24px}
.km-tabs button{flex:none;height:42px;padding:0 20px;border-radius:999px;border:1.5px solid var(--line2);background:#fff;font-weight:600;font-size:14px;transition:.2s}
.km-tabs button[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.km-rail-g{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(200px,21vw,290px);gap:clamp(12px,1.4vw,20px);overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:10px;margin:0 calc(-1 * var(--gut));padding-inline:var(--gut);scroll-padding-inline:var(--gut);scrollbar-width:thin}
.km-rail-g .pc{scroll-snap-align:start}
.km-rail .link{display:inline-block;margin-top:18px;font-weight:600}

/* personalisation */
.km-pers{background:#0b0b0c;color:#fff}
.km-pers-in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,90px);align-items:center}
.km-pers-m{aspect-ratio:4/5;overflow:hidden}.km-pers-m img{width:100%;height:100%;object-fit:cover}
.km-pers h2{color:#fff;margin:12px 0 0}
.km-pos{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.km-pos li{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #2a2a2d;font-weight:500;font-size:15px}
.km-pos i{width:18px;height:8px;background:var(--red);-webkit-mask:var(--chev) center/contain no-repeat;mask:var(--chev) center/contain no-repeat;flex:none}
.km-note{margin:22px 0 0;color:#a9a9ad;font-size:13.5px;line-height:1.6;max-width:56ch}

/* steps */
.km-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.4vw,20px);counter-reset:s}
.km-steps li{counter-increment:s;padding:26px 24px 28px;background:var(--paper2);border-radius:var(--rs);display:flex;flex-direction:column;gap:10px}
.km-steps li::before{content:'0' counter(s);font-weight:800;font-size:30px;letter-spacing:-.03em;color:var(--red);line-height:1;margin-bottom:8px}
.km-steps b{font-size:17px;font-weight:700}.km-steps p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.6}
.km-steps-cta{margin-top:28px}

/* clubs */
.km-clubs{padding-top:0}
.km-cl{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.4vw,20px)}
.km-club{position:relative;display:flex;flex-direction:column;gap:8px;min-height:220px;padding:26px;color:#fff;background:#111;overflow:hidden;isolation:isolate;justify-content:flex-end}
.km-club::before{content:'';position:absolute;inset:-40% -30% auto auto;width:120%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--c1) 70%,transparent),transparent);z-index:-1;transition:transform 1s var(--e)}
.km-club-c{display:flex;gap:5px;margin-bottom:auto}.km-club-c i{width:26px;height:6px;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.km-club b{font-size:22px;font-weight:800;letter-spacing:-.02em}.km-club small{color:#cfcfd2;font-size:13px}
.km-club .chv{position:absolute;right:24px;bottom:28px;width:30px;height:13px;background:#fff;-webkit-mask:var(--chev) center/contain no-repeat;mask:var(--chev) center/contain no-repeat;transition:transform .5s var(--e)}
@media (hover:hover){.km-club:hover::before{transform:scale(1.15)}.km-club:hover .chv{transform:translateX(6px)}}

/* pro */
.km-pro{background:#0b0b0c;color:#fff}
.km-pro-in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,90px);align-items:center}
.km-pro h2{color:#fff;margin:12px 0 0}
.km-pro-l{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px 28px}
.km-pro-l li{display:flex;flex-direction:column;gap:6px;padding-top:16px;border-top:1px solid #2a2a2d}.km-pro-l b{font-size:15px}.km-pro-l span{color:#a9a9ad;font-size:14px;line-height:1.55}
.km-pro-ui{background:#17171a;border:1px solid #2a2a2d;border-radius:var(--rs);padding:22px;display:flex;flex-direction:column;gap:10px;box-shadow:0 40px 90px -40px rgba(0,0,0,.8)}
.km-ui-h{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #2a2a2d}.km-ui-h b{font-size:14px;letter-spacing:.04em}.km-ui-h span{margin-left:auto;font-size:12.5px;color:#a9a9ad}
.km-ui-k{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.km-ui-k div{background:#1f1f23;border-radius:12px;padding:12px 14px}.km-ui-k small{display:block;color:#a9a9ad;font-size:12px}.km-ui-k b{font-size:20px;font-weight:800}
.km-ui-r{display:flex;align-items:center;gap:12px;background:#1f1f23;border-radius:12px;padding:12px 14px}
.km-ui-r i{width:30px;height:30px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.km-ui-r span{display:flex;flex-direction:column;min-width:0}.km-ui-r b{font-size:14px}.km-ui-r small{color:#a9a9ad;font-size:12.5px}
.km-ui-r em{margin-left:auto;font-style:normal;font-size:12px;font-weight:700;padding:6px 10px;border-radius:999px;background:#fff;color:#111;white-space:nowrap}.km-ui-r em.ok{background:#1f7a3a;color:#fff}
.km-ui-n{margin:4px 0 0;font-size:11.5px;color:#77777b;text-align:right}

/* end band */
.km-end{padding-block:clamp(56px,7vw,100px)}
.km-end-in{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.km-end h2{margin:0}.km-end .km-cta{margin:0}

@media (max-width:980px){
	.km-cfg-in,.km-pers-in,.km-pro-in{grid-template-columns:1fr}
	.km-steps{grid-template-columns:1fr 1fr}
	.km-cl{grid-template-columns:1fr}
	.km-stats{grid-template-columns:1fr 1fr}.km-stats div{padding-bottom:12px}
}
@media (max-width:620px){
	.km-sec{padding:56px 0}
	.km-hx{min-height:88svh}
	.km-hx-in{padding-top:calc(var(--hh) + 40px)}
	.km-cta .btn{flex:1 1 100%}
	.km-steps{grid-template-columns:1fr}
	.km-pos,.km-pro-l{grid-template-columns:1fr}
	.km-f2{grid-template-columns:1fr 96px}
	.km-rail-g{grid-auto-columns:64%}
	.km-lg{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:72%;overflow-x:auto;scroll-snap-type:x proximity;margin:0 calc(-1 * var(--gut));padding:0 var(--gut);scroll-padding-inline:var(--gut)}
	.km-line{scroll-snap-align:start}
	.km-club{min-height:170px}
	.km-end-in{flex-direction:column;align-items:flex-start}
}
/* section titles: sentence case; only page-level display lines stay uppercase */
.d2,.h2,.duo .h2,.km h2{text-transform:none;letter-spacing:-.03em;font-weight:800}
.km-k.dark{background:none;color:var(--muted);padding:0}
.km-jump{transition:top .35s var(--e)}
html:has(.hdr.is-hidden) .km-jump{top:0}
@media (max-width:620px){.km-hx-in{padding-top:calc(var(--hh) + 120px)}.km-hx-s{background:linear-gradient(180deg,rgba(0,0,0,.55) 0,rgba(0,0,0,.25) 30%,rgba(0,0,0,.85) 70%)}.km-stats dd{font-size:26px}}

/* ===== v0.6 DROPDOWN AFFORDANCE: every place with a choice shows a chevron ===== */
.nav>a[data-mega]{gap:5px;padding-right:12px}
.nav-c{width:12px;height:12px;flex:none;opacity:.55;transition:transform .35s var(--e),opacity .2s}
.nav>a[data-mega]:hover .nav-c{opacity:1}
.nav>a[aria-expanded=true] .nav-c{transform:rotate(180deg);opacity:1}
.nav>a[data-mega]::after{right:26px}
select:not([multiple]):not([size]){appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:15px!important;padding-right:40px!important;cursor:pointer;text-overflow:ellipsis}
.mx td select{background-position:right 8px center!important;padding-right:28px!important;background-size:13px!important}
.fl select{padding-top:22px!important}
select:not([multiple]):hover{border-color:var(--ink)}
.app-side select,.ctl-dark select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important}
summary{cursor:pointer}

/* ===== v0.6 MEDIA SCRIM: white type on video/photo always sits on a toned layer =====
   one recipe everywhere: uniform tone + left read-side + bottom floor + header top band */
:root{--scrim:linear-gradient(180deg,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 24%),linear-gradient(90deg,rgba(0,0,0,.62) 0,rgba(0,0,0,.34) 48%,rgba(0,0,0,.12) 100%),linear-gradient(0deg,rgba(0,0,0,.74) 0,rgba(0,0,0,0) 58%),rgba(0,0,0,.22)}
.hx-shade,.km-hx-s,.band-s,.her2-s{background:var(--scrim)!important}
.vb-hx::after{background:var(--scrim)!important;z-index:1}
.hero::before{background:var(--scrim)!important}
.clb-bg::after{content:'';position:absolute;inset:0;background:var(--scrim)}
.clb-bg img{opacity:.7!important}
.mega-card::after{background:linear-gradient(180deg,rgba(0,0,0,.12) 0,rgba(0,0,0,.08) 35%,rgba(0,0,0,.74) 100%)!important}
.wx-p::after{background:linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.08) 32%,rgba(0,0,0,.12) 50%,rgba(0,0,0,.72))!important}
/* type on media: soft halo so bright frames (sky, white kits, floodlights) never wash it out */
.hx-in,.km-hx-in,.band-in,.her2-in,.vb-hx-c,.hero .wrap,.clb-in>div:first-child,.mega-card,.wx-p{text-shadow:0 1px 2px rgba(0,0,0,.25),0 2px 28px rgba(0,0,0,.35)}
.hx-in .btn,.km-hx-in .btn,.band-in .btn,.her2-in .btn,.vb-hx-c .btn,.hero .btn,.clb .btn{text-shadow:none}
.hx-lead,.band-l,.km-hx .lead,.km-hx p,.vb-hx p,.hero .lead{color:#ececec!important}
@media (max-width:620px){:root{--scrim:linear-gradient(180deg,rgba(0,0,0,.55) 0,rgba(0,0,0,.28) 26%,rgba(0,0,0,.36) 52%,rgba(0,0,0,.86) 100%)}}
/* centred hero copy (verslui): extra pool of shade right under the text block */
.vb-hx::after{background:radial-gradient(ellipse 70% 62% at 45% 76%,rgba(0,0,0,.62),rgba(0,0,0,0) 74%),var(--scrim),rgba(0,0,0,.12)!important}
/* club hero: photo collage starts below the fixed header, never under the search pill */
.clb{padding-top:calc(var(--hh) + 36px + 48px)}
.clb-p{align-self:end}

/* ===== v0.6 3D MAKETAS (/3d-maketas/) ===== */
.mk{background:var(--paper)}
.mk-app{display:grid;grid-template-columns:minmax(0,1fr) 440px;min-height:calc(100svh - var(--hh) - 36px)}
.mk-stage{position:sticky;top:var(--hh);height:calc(100svh - var(--hh));min-height:520px;background:radial-gradient(120% 90% at 50% 38%,#fdfdfd 0,#ececee 58%,#dcdcdf 100%);overflow:hidden;touch-action:none}
html:has(.hdr.is-hidden) .mk-stage{top:0;height:100svh}
.mk-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;opacity:0;transition:opacity .6s}
.mk-stage canvas:active{cursor:grabbing}
.mk.ready .mk-stage canvas{opacity:1}
.mk-load{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;font-size:14px;font-weight:600;color:var(--muted);text-align:center;transition:opacity .4s}
.mk-load i{width:34px;height:34px;border-radius:50%;border:3px solid var(--line2);border-top-color:var(--ink);animation:mkSpin .8s linear infinite}
.mk-load b{color:var(--ink)}
.mk.ready .mk-load{opacity:0;pointer-events:none}
@keyframes mkSpin{to{transform:rotate(360deg)}}
.mk-top{position:absolute;left:24px;top:22px;right:24px;display:flex;gap:12px;align-items:center;pointer-events:none}
.mk-badge{display:inline-flex;gap:6px;align-items:center;height:32px;padding:0 14px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:600;letter-spacing:.04em}
.mk-badge b{font-weight:800;color:#fff}
.mk-title{font-size:14px;font-weight:700;color:var(--ink)}
.mk-views{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:4px;padding:5px;border-radius:999px;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 30px -14px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.06)}
.mk-views button{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border-radius:999px;font-size:13px;font-weight:700;color:#3a3a3d;transition:background .2s,color .2s}
.mk-views button:hover{color:var(--ink);background:rgba(0,0,0,.05)}
.mk-views button[aria-pressed=true]{background:var(--ink);color:#fff}
.mk-views svg{width:15px;height:15px}
.mk-hint{position:absolute;left:24px;bottom:30px;margin:0;display:flex;gap:8px;align-items:center;font-size:12px;font-weight:600;color:#6b6b6e}
.mk-hint svg{width:18px;height:18px}
.mk-png{position:absolute;right:22px;bottom:22px;display:inline-flex;gap:6px;align-items:center;height:48px;padding:0 18px;border-radius:999px;background:#fff;font-size:13px;font-weight:700;box-shadow:0 10px 30px -14px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.08);transition:transform .2s var(--e)}
.mk-png:hover{transform:translateY(-2px)}
.mk-png svg{width:16px;height:16px}
.mk-p{background:#fff;border-left:1px solid var(--line);padding:32px 32px 28px;display:flex;flex-direction:column;gap:22px;min-width:0}
.mk-k{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.mk-h h1{margin:8px 0 8px;font-size:clamp(26px,2.2vw,32px);line-height:1.08;letter-spacing:-.02em;text-transform:none}
.mk-h p{margin:0;font-size:14.5px;line-height:1.55;color:var(--muted)}
.mk-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;border-radius:999px;background:var(--paper2);position:sticky;top:calc(var(--hh) + 8px);z-index:2}
html:has(.hdr.is-hidden) .mk-tabs{top:8px}
.mk-tabs button{display:flex;justify-content:center;align-items:center;gap:6px;height:40px;border-radius:999px;font-size:13px;font-weight:700;color:#55555a;transition:background .2s,color .2s,box-shadow .2s}
.mk-tabs button i{font-style:normal;font-size:11px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.07)}
.mk-tabs button[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 4px 14px -8px rgba(0,0,0,.4)}
.mk-tabs button[aria-selected=true] i{background:var(--ink);color:#fff}
.mk-pane{display:grid;gap:20px;animation:coUp .35s var(--e) both}
.mk-pane[hidden]{display:none}
.mk-f{display:grid;gap:10px;min-width:0}
.mk-f2{grid-template-columns:1fr 1fr;gap:14px}
.mk-l{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4a4a4e}
.mk-l b{margin-left:6px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink)}
.mk-chips{display:flex;flex-wrap:wrap;gap:8px}
.mk-chips button{display:inline-flex;align-items:baseline;gap:6px;height:42px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line2);font-size:13.5px;font-weight:700;transition:border-color .2s,background .2s,color .2s}
.mk-chips button small{font-size:11px;font-weight:600;color:var(--muted)}
.mk-chips button:hover{border-color:var(--ink)}
.mk-chips button[aria-checked=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.mk-chips button[aria-checked=true] small{color:#bdbdc0}
.mk-styles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mk-styles button{display:grid;justify-items:center;gap:8px;padding:12px 6px 10px;border-radius:16px;border:1.5px solid var(--line);font-size:12px;font-weight:700;transition:border-color .2s,transform .2s var(--e)}
.mk-styles button:hover{border-color:var(--line2);transform:translateY(-1px)}
.mk-styles button[aria-checked=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.mk-sty{width:44px;height:50px;border-radius:9px 9px 6px 6px;background:#14306b;clip-path:polygon(28% 0,72% 0,100% 18%,88% 36%,80% 30%,80% 100%,20% 100%,20% 30%,12% 36%,0 18%);--a:#fff}
.mk-sty-stripes{background:repeating-linear-gradient(90deg,#14306b 0 6px,var(--a) 6px 12px)}
.mk-sty-hoops{background:repeating-linear-gradient(180deg,#14306b 0 7px,var(--a) 7px 14px)}
.mk-sty-halves{background:linear-gradient(90deg,#14306b 50%,var(--a) 50%)}
.mk-sty-sash{background:linear-gradient(135deg,#14306b 38%,var(--a) 38% 60%,#14306b 60%)}
.mk-sty-fade{background:radial-gradient(circle,var(--a) 1.4px,transparent 1.6px) 0 0/5px 5px,linear-gradient(#14306b,#14306b);-webkit-mask:linear-gradient(#000,#000)}
.mk-sty-solid{background:linear-gradient(90deg,#14306b,#14306b)}
.mk-seg{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--paper2)}
.mk-seg button{flex:1;height:36px;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:700;color:#55555a;white-space:nowrap;transition:background .2s,color .2s}
.mk-seg button[aria-checked=true]{background:#fff;color:var(--ink);box-shadow:0 4px 12px -8px rgba(0,0,0,.45)}
.mk-sw{display:flex;flex-wrap:wrap;gap:10px}
.mk-sw button{width:38px;height:38px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);position:relative;transition:transform .2s var(--e)}
.mk-sw button:hover{transform:scale(1.08)}
.mk-sw button[aria-checked=true]::after{content:'';position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--ink)}
.mk-note{margin:0;font-size:12.5px;line-height:1.5;color:var(--muted)}
.mk-tog{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;cursor:pointer}
.mk-tog input{position:absolute;opacity:0;width:1px;height:1px}
.mk-tog span{flex:none;width:44px;height:26px;border-radius:999px;background:var(--line2);position:relative;transition:background .25s}
.mk-tog span::after{content:'';position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:transform .25s var(--e)}
.mk-tog input:checked+span{background:var(--ink)}
.mk-tog input:checked+span::after{transform:translateX(18px)}
.mk-tog input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}
.mk-in{display:grid;gap:6px;min-width:0}
.mk-in span{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4a4a4e}
.mk-in input{height:50px;border:1.5px solid var(--line2);border-radius:12px;padding:0 14px;font-size:16px;font-weight:700;letter-spacing:.03em;background:#fff;width:100%;transition:border-color .2s,box-shadow .2s}
.mk-in input:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 4px rgba(11,11,12,.06)}
.mk-f2:has(.mk-in-s){grid-template-columns:1fr 96px}
.mk-in-s input{text-align:center;font-size:20px}
.mk-up{display:grid;gap:6px}
.mk-drop{position:relative;display:grid;gap:3px;padding:18px 18px 18px 64px;border:1.5px dashed var(--line2);border-radius:16px;cursor:pointer;transition:border-color .2s,background .2s}
.mk-drop::before{content:'';position:absolute;left:18px;top:50%;width:32px;height:32px;margin-top:-16px;border-radius:50%;background:var(--paper2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V5m0 0-4 4m4-4 4 4M5 19h14'/%3E%3C/svg%3E") center/16px no-repeat}
.mk-drop:hover{border-color:var(--ink);background:var(--paper)}
.mk-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.mk-drop b{font-size:14px}
.mk-drop span{font-size:12.5px;color:var(--muted)}
.mk-x{justify-self:start;font-size:12.5px;font-weight:700;text-decoration:underline;color:var(--muted)}
.mk-rnd{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:999px;border:1.5px solid var(--line2);font-size:13.5px;font-weight:700;transition:border-color .2s}
.mk-rnd:hover{border-color:var(--ink)}
.mk-rnd svg{width:18px;height:18px}
.mk-foot{margin-top:auto;display:grid;gap:12px;padding-top:20px;border-top:1px solid var(--line)}
.mk-sum{margin:0;font-size:13px;font-weight:600;color:#3a3a3d;line-height:1.45}
.mk-how{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,48px);padding-block:clamp(48px,6vw,88px)}
.mk-how b{font-size:13px;font-weight:800;color:var(--red)}
.mk-how h2{margin:10px 0 8px;font-size:20px;line-height:1.2;text-transform:none;letter-spacing:-.01em}
.mk-how p{margin:0;font-size:14.5px;line-height:1.6;color:var(--muted)}
@media (max-width:1100px){.mk-app{grid-template-columns:minmax(0,1fr) 380px}.mk-p{padding:26px 22px}}
@media (max-width:860px){
	.mk-app{grid-template-columns:1fr}
	.mk-stage{position:relative;top:0;height:62svh;min-height:420px}
	.mk-p{border-left:0;border-top:1px solid var(--line);padding:22px 16px 28px}
	.mk-tabs{top:calc(var(--hh) + 6px)}
	.mk-hint{display:none}
	.mk-top{left:16px;top:14px}
	.mk-views{bottom:14px;left:16px;transform:none}
	.mk-views button{height:36px;padding:0 12px;font-size:12.5px}
	.mk-png{right:16px;bottom:14px;height:46px;padding:0 14px}
	.mk-how{grid-template-columns:1fr;padding-inline:16px}
}
@media (max-width:420px){.mk-views button[data-view=side]{display:none}.mk-styles{grid-template-columns:repeat(3,1fr)}.mk-tabs button i{display:none}}
.mk-f2:not(:has(.mk-in)){grid-template-columns:1fr;gap:18px}
.mk-f2:not(:has(.mk-in))>div{display:grid;gap:10px}
.mk-chips button{align-items:center}
.mk-p,.mk-pane,.mk-f{min-width:0;max-width:100%}
@media (max-width:860px){.mk-stage{touch-action:pan-y}}
.km-3d{margin-top:10px;gap:10px}
.km-3d-b,.ts-3d b{display:inline-grid;place-items:center;height:24px;padding:0 8px;border-radius:999px;background:var(--red);color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em}
.ts-3d{display:flex;align-items:center;gap:10px;margin:-8px 0 22px;padding:12px 14px;border-radius:14px;background:#1b1b1f;color:#fff;font-size:13px;font-weight:700;transition:background .2s}
.ts-3d:hover{background:#26262b}

/* =====================================================================
   WORKSPACE v0.7 – HUMMEL PRO + CONTROL share one light app shell
   rail 272 white · canvas #f5f5f5 · cards 16 · pills · tabular numbers
   ===================================================================== */
.ws{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:calc(100vh - var(--hh));background:#f5f5f5}
.ws-side{background:#fff;border-right:1px solid var(--line);padding:20px 16px;position:sticky;top:var(--hh);height:calc(100vh - var(--hh));overflow:auto;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin}
.ws-org{display:flex;gap:12px;align-items:center;padding:6px 6px 14px;border-bottom:1px solid var(--line)}
.ws-org b{display:block;font-size:15.5px;font-weight:700;line-height:1.25}.ws-org small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.ws-crest{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--c,#111);color:var(--o,#fff);font-weight:800;font-size:15px;letter-spacing:.02em;box-shadow:inset 0 0 0 2px rgba(255,255,255,.18),0 0 0 1px var(--line)}
.ws-nav{display:grid;gap:2px}
.ws-nav a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:999px;font-size:14.5px;font-weight:600;color:#3b3b3e;transition:background .2s,color .2s}
.ws-nav a svg{width:19px;height:19px;color:#8a8a8e;transition:color .2s}
.ws-nav a span{flex:1;white-space:nowrap}
.ws-nav a:hover{background:#f5f5f5;color:var(--ink)}.ws-nav a:hover svg{color:var(--ink)}
.ws-nav a.on{background:var(--ink);color:#fff}.ws-nav a.on svg{color:#fff}
.ws-nav em{font-style:normal;font-size:11.5px;font-weight:700;min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:var(--red);color:#fff}
.ws-nav a.on em{background:#fff;color:var(--ink)}
.ws-nav em.n{background:#ececee;color:#3b3b3e}
.ws-new{gap:8px}
.ws-3d{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:999px;background:#f5f5f5;font-size:13.5px;font-weight:600;transition:background .2s}
.ws-3d:hover{background:#ececee}
.ws-3d b{width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800}
.ws-rep{margin-top:auto;background:#f5f5f5;border-radius:16px;padding:14px;display:grid;gap:4px;font-size:13px}
.ws-rep small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.ws-rep b{font-size:14px;margin-bottom:4px}
.ws-rep a{display:flex;gap:8px;align-items:center;color:#3b3b3e;word-break:break-all}.ws-rep a:hover{color:var(--ink)}
.ws-rep svg{width:15px;height:15px}
.ws-me{display:flex;align-items:center;gap:10px;padding:10px 4px 0;border-top:1px solid var(--line)}
.ws-me>div{flex:1;min-width:0}.ws-me b{display:block;font-size:14px}.ws-me small{display:block;font-size:12px;color:var(--muted)}
.ws-av{width:36px;height:36px;border-radius:50%;background:#ececee;display:grid;place-items:center;font-weight:700;font-size:14px}
.ws-me .ib{width:38px;height:38px}.ws-me .ib svg{width:19px;height:19px}

.ws-main{padding:clamp(20px,3vw,40px) clamp(16px,3vw,44px) 64px;min-width:0}
.ws-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.ws-k{display:block;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.ws-head h1{font-size:clamp(26px,2.6vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0}
.ws-head p{margin:8px 0 0;color:var(--muted);font-size:15px;max-width:62ch}
.ws-head-a{display:flex;gap:8px;flex-wrap:wrap}.ws-head-a .btn{gap:8px}

.ws-sec{margin-bottom:28px}
.ws-h2{font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0 0 12px;display:flex;align-items:center;gap:10px}
.ws-h2 span{font-size:13px;font-weight:500;color:var(--muted)}
.ws-h2 em{font-style:normal;font-size:12px;font-weight:700;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--red);color:#fff;display:inline-grid;place-items:center}
.ws-h3{font-size:16px;font-weight:700;margin:0 0 12px}
.ws-card{background:#fff;border-radius:16px;border:1px solid #ececee;padding:clamp(16px,2vw,24px)}
.ws-card.np{padding:0;overflow:hidden}
.ws-card-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px}.ws-card-h .ws-h3{margin:0}
.ws-ic{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#f5f5f5;color:var(--ink)}
.ws-ic svg{width:19px;height:19px}
.ws-ic.lg{width:56px;height:56px}.ws-ic.lg svg{width:24px;height:24px}
.ws-pill{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:#f2f2f3;font-size:12.5px;font-weight:600;color:#3b3b3e;white-space:nowrap}
.ws-st{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;background:#f2f2f3;color:#3b3b3e;font-size:12.5px;font-weight:600;white-space:nowrap}
.ws-st::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.7}
.ws-st.ok{background:#e8f4ec;color:#17692f}.ws-st.warn{background:#fdf1de;color:#8f5300}.ws-st.bad{background:#fde8ea;color:#b0121d}.ws-st.info{background:#e9eefb;color:#2445a8}
.bad{color:var(--bad)}

/* needs-you queue */
.ws-todo{display:grid;gap:8px}
.ws-td{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #ececee;border-radius:16px;padding:14px 16px;position:relative;transition:border-color .2s,box-shadow .25s,transform .25s var(--e)}
.ws-td::before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:#cfcfd1}
.ws-td.warn::before{background:#e39b2d}.ws-td.bad::before{background:var(--red)}.ws-td.ok::before{background:var(--ok)}.ws-td.info::before{background:#3b63d6}
.ws-td.warn .ws-ic{background:#fdf1de;color:#8f5300}.ws-td.bad .ws-ic{background:#fde8ea;color:#b0121d}.ws-td.ok .ws-ic{background:#e8f4ec;color:#17692f}.ws-td.info .ws-ic{background:#e9eefb;color:#2445a8}
.ws-td:hover{border-color:#d4d4d7;box-shadow:0 14px 30px -22px rgba(0,0,0,.35);transform:translateY(-1px)}
.ws-td-t{flex:1;min-width:0}.ws-td-t b{display:block;font-size:15px;font-weight:700}.ws-td-t small{display:block;font-size:13.5px;color:var(--muted);margin-top:2px}
.ws-td-a{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;white-space:nowrap}
.ws-td-a svg{width:16px;height:16px;transition:transform .25s var(--e)}.ws-td:hover .ws-td-a svg{transform:translateX(3px)}

/* KPI tiles */
.ws-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:28px}
.ws-kpi{background:#fff;border:1px solid #ececee;border-radius:16px;padding:16px 18px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;column-gap:10px}
.ws-kpi .ws-ic{grid-column:2;grid-row:1/3;width:36px;height:36px}.ws-kpi .ws-ic svg{width:17px;height:17px}
.ws-kpi small{grid-column:1;font-size:12.5px;font-weight:600;color:var(--muted)}
.ws-kpi b{grid-column:1;font-size:clamp(24px,2.2vw,30px);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-top:4px;font-variant-numeric:tabular-nums;white-space:nowrap}
.ws-kpi>span:last-child{grid-column:1/-1;font-size:12.5px;color:var(--muted);margin-top:2px}

/* team cards */
.ws-teams{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}
.ws-team{background:#fff;border:1px solid #ececee;border-radius:16px;padding:16px;display:grid;grid-template-columns:112px 1fr;gap:16px;align-items:start;transition:box-shadow .25s,border-color .2s}
.ws-team:hover{border-color:#d4d4d7;box-shadow:0 18px 40px -28px rgba(0,0,0,.4)}
.ws-team-v{background:radial-gradient(circle at 50% 35%,#fff,#ececee 80%);border-radius:12px;aspect-ratio:1;display:grid;place-items:center;padding:10px}
.ws-team-v svg,.ws-sq-v svg,.ws-pv svg,.ws-proof-js svg{width:100%;height:auto;filter:drop-shadow(0 8px 10px rgba(0,0,0,.18))}
.ws-team-b{min-width:0;display:grid;gap:8px}
.ws-team-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ws-team-h>b{font-size:16px;font-weight:700;margin-right:auto}
.ws-team-m{margin:0;font-size:13px;color:var(--muted)}
.ws-team-p{margin:0}
.ws-team-a{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.ws-team-a .btn{gap:6px;min-height:36px;padding:0 14px;font-size:13.5px}.ws-team-a svg{width:15px;height:15px}
.ws-team-add{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;border:1.5px dashed #d4d4d7;background:transparent;min-height:160px}
.ws-team-add b{font-size:15px}.ws-team-add small{font-size:13px;color:var(--muted);max-width:28ch}
.ws-team-add:hover{background:#fff}
/* pipeline */
.ws-pipe{list-style:none;margin:2px 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.ws-pipe li{display:grid;gap:5px;font-size:11.5px;font-weight:600;color:#9a9a9e}
.ws-pipe i{height:4px;border-radius:4px;background:#ececee}
.ws-pipe li.done{color:var(--ink)}.ws-pipe li.done i{background:var(--ink)}
.ws-pipe li.now{color:var(--red)}.ws-pipe li.now i{background:linear-gradient(90deg,var(--red) 45%,#ececee 45%)}

.ws-two{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}
.ws-list{list-style:none;margin:0;padding:0;display:grid}
.ws-list a{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #f0f0f1}
.ws-list li:first-child a{border-top:0}
.ws-list .ws-ic{width:36px;height:36px}.ws-list b{font-size:14px}.ws-list small{display:block;font-size:12.5px;color:var(--muted)}
.ws-tips{display:grid;gap:4px;align-content:start}
.ws-tips a{display:flex;gap:12px;align-items:center;padding:10px;margin:0 -10px;border-radius:12px;transition:background .2s}
.ws-tips a:hover{background:#f5f5f5}
.ws-tips a>svg{width:20px;height:20px;flex:none}
.ws-tips b{display:block;font-size:14px}.ws-tips small{display:block;font-size:12.5px;color:var(--muted)}

/* roster */
.ws-seasons{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}
.ws-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px}
.ws-chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 8px 0 16px;border-radius:999px;background:#fff;border:1px solid #e2e2e4;font-size:14px;font-weight:600;white-space:nowrap;transition:border-color .2s,background .2s}
.ws-chip em{font-style:normal;font-size:12px;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#f2f2f3;display:grid;place-items:center}
.ws-chip:hover{border-color:var(--ink)}
.ws-chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.ws-chip.on em{background:rgba(255,255,255,.18);color:#fff}
.ws-sel select{height:40px;border-radius:999px;border:1px solid #e2e2e4;background-color:#fff;padding:0 38px 0 16px;font:600 14px var(--f)}
.ws-sq{display:grid;grid-template-columns:150px 1fr auto;gap:20px;align-items:center;margin-bottom:12px}
.ws-sq-v{background:radial-gradient(circle at 50% 35%,#fff,#ececee 80%);border-radius:12px;padding:12px}
.ws-sq-b{display:grid;gap:12px;min-width:0}
.ws-dl{display:flex;flex-wrap:wrap;gap:8px 28px;margin:0}
.ws-dl dt{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ws-dl dd{margin:2px 0 0;font-size:14.5px;font-weight:600;display:flex;align-items:center;gap:6px}
.ws-dl2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}
.ws-sw{width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.ws-kit{display:flex;gap:8px;flex-wrap:wrap}
.ws-kit-i{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:999px;background:#f5f5f5;font-size:12.5px;font-weight:600;transition:background .2s}
.ws-kit-i:hover{background:#ececee}
.ws-kit-i img{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#fff}
.ws-sz{align-self:stretch;display:grid;align-content:space-between;gap:8px;min-width:200px;padding-left:20px;border-left:1px solid #f0f0f1}
.ws-sz small{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ws-sz-b{display:flex;gap:6px;align-items:flex-end;height:96px}
.ws-sz-b span{flex:1;min-width:26px;height:100%;display:grid;grid-template-rows:1fr auto auto;justify-items:center;gap:3px}
.ws-sz-b i{align-self:end;width:100%;height:var(--h);min-height:4px;border-radius:6px 6px 2px 2px;background:var(--ink)}
.ws-sz-b b{font-size:12px;order:-1;align-self:end}.ws-sz-b em{font-style:normal;font-size:11.5px;color:var(--muted);font-weight:600}
.ws-sz-b span{grid-template-rows:auto 1fr auto}.ws-sz-b b{order:0}
.ws-tb-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #f0f0f1}
.ws-find{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:999px;background:#f5f5f5;flex:1;max-width:360px}
.ws-find svg{width:17px;height:17px;color:var(--muted)}
.ws-find input{border:0;background:none;font:500 14px var(--f);flex:1;min-width:0;outline:none}
.ws-tbl-w{overflow-x:auto}
.ws-tbl{width:100%;border-collapse:collapse;font-size:14px}
.ws-tbl th{text-align:left;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:12px 16px;background:#fafafa;border-bottom:1px solid #f0f0f1;white-space:nowrap}
.ws-tbl td{padding:10px 16px;border-bottom:1px solid #f3f3f4;vertical-align:middle}
.ws-tbl tbody tr{transition:background .15s}.ws-tbl tbody tr:hover{background:#fafafa}
.ws-tbl tbody tr:last-child td{border-bottom:0}
.ws-tbl .r{text-align:right}.ws-tbl .num{font-variant-numeric:tabular-nums;white-space:nowrap}
.ws-tbl td b{font-weight:600}
.ws-tbl .ws-st{margin-left:6px}
.ws-act{text-align:right;white-space:nowrap}.ws-act .btn{gap:6px;min-height:36px;padding:0 14px;font-size:13.5px}.ws-act svg{width:15px;height:15px}
.ws-no{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--c,#111);color:var(--o,#fff);font-weight:800;font-size:13.5px;font-variant-numeric:tabular-nums}
.ws-print{font-weight:700;letter-spacing:.06em;font-size:13px}
.ws-sizes{display:flex;gap:6px;flex-wrap:wrap}
.ws-sizes span{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;background:#f5f5f5;font-weight:700;font-size:12.5px}
.ws-sizes em{font-style:normal;font-weight:500;color:var(--muted)}
.ws-prod{display:flex;align-items:center;gap:12px}.ws-prod img{width:44px;height:44px;object-fit:cover;background:#f5f5f5;border-radius:8px}
.ws-prod:hover b{text-decoration:underline}
.ws-none{padding:24px;text-align:center;color:var(--muted);margin:0}
.ws-empty{background:#fff;border:1.5px dashed #d4d4d7;border-radius:16px;padding:clamp(28px,5vw,56px) 24px;display:grid;justify-items:center;text-align:center;gap:10px}
.ws-empty b{font-size:18px}.ws-empty p{margin:0 0 6px;color:var(--muted);max-width:52ch}
.ws-empty .btn{gap:8px}

/* proofs */
.ws-proof{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:24px;margin-bottom:12px;scroll-margin-top:calc(var(--hh) + 20px)}
.ws-proof-v{background:radial-gradient(circle at 50% 30%,#fff,#e9e9eb 85%);border-radius:12px;padding:18px;display:grid;gap:12px;align-content:space-between}
.ws-proof-js{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ws-proof-v .ws-3d{background:#fff;justify-self:start}
.ws-proof-b{display:grid;gap:12px;align-content:start;min-width:0}
.ws-vers{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.ws-vers li{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px 0 6px;border-radius:999px;background:#f5f5f5;font-size:12.5px;color:#3b3b3e}
.ws-vers li b{width:24px;height:24px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:11.5px}
.ws-vers li small{color:var(--muted)}
.ws-vers li.cur{background:var(--ink);color:#fff}.ws-vers li.cur b{background:#fff;color:var(--ink)}.ws-vers li.cur small{color:#bdbdc0}
.ws-chat{display:grid;gap:8px;background:#fafafa;border-radius:12px;padding:12px;max-height:300px;overflow:auto}
.ws-msg{max-width:82%;background:#fff;border:1px solid #ececee;border-radius:14px 14px 14px 4px;padding:8px 12px}
.ws-msg.me{justify-self:end;background:var(--ink);color:#fff;border-color:var(--ink);border-radius:14px 14px 4px 14px}
.ws-msg small{display:block;font-size:11.5px;color:var(--muted);margin-bottom:2px}.ws-msg.me small{color:#bdbdc0}
.ws-msg p{margin:0;font-size:14px}
.ws-note{display:flex;gap:8px}
.ws-note input{flex:1;min-width:0;height:44px;border-radius:999px;border:1px solid #e2e2e4;padding:0 16px;font:500 14px var(--f);background:#fff}
.ws-note input:focus,.ws-find:focus-within,.ws-ta:focus{outline:2px solid var(--ink);outline-offset:1px}
.ws-note .btn{min-height:44px}
.ws-approve{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:12px;border-top:1px solid #f0f0f1}
.ws-approve .btn{gap:8px}.ws-approve .small{max-width:46ch;display:flex;gap:8px;align-items:center}.ws-approve .small svg{width:16px;height:16px;flex:none}

/* quick order */
.ws-qo{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:12px;align-items:start}
.ws-lbl{display:block;font-size:13px;font-weight:700;margin-bottom:8px}
.ws-ta{width:100%;border:1px solid #e2e2e4;border-radius:12px;padding:14px 16px;font:500 14.5px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;background:#fafafa;resize:vertical;min-height:220px}
.ws-qo-f{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}.ws-qo-f .btn{gap:8px}
.ws-code{background:#111;color:#e9e9eb;border-radius:12px;padding:12px 14px;font:500 13px/1.7 ui-monospace,Menlo,monospace;margin:12px 0}
.ws-okmsg{margin-top:12px;padding:10px 14px;border-radius:12px;background:#e8f4ec;color:#17692f;font-weight:600;font-size:14px}
.ws-meter{height:12px;border-radius:999px;background:#f0f0f1;overflow:hidden}
.ws-meter i{display:block;height:100%;border-radius:999px;background:var(--ink);transition:width .8s var(--e)}
.ws-meter.warn i{background:#e39b2d}.ws-meter.bad i{background:var(--red)}

/* sheets in workspace */
.ws-form{display:grid;gap:14px;align-content:start}
.ws-pv{background:radial-gradient(circle at 50% 35%,#fff,#ececee 80%);border-radius:16px;padding:16px 60px}
.ws-check{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:500;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid #e2e2e4;cursor:pointer}
.ws-check input{width:20px;height:20px;accent-color:var(--ink);flex:none}
.ws-ul{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:4px}

/* guest + pending */
.ws-why{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ws-why-i{background:#f5f5f5;border-radius:16px;padding:22px;display:grid;gap:8px;align-content:start}
.ws-why-i .ws-ic{background:#fff;margin-bottom:6px}.ws-why-i b{font-size:16px}.ws-why-i p{margin:0;font-size:14px;color:var(--muted)}
.ws-login{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,64px);margin-top:56px;align-items:start}
.ws-login .ws-card{background:#f5f5f5;border:0}
.ws-pend{display:grid;gap:12px;justify-items:start}

@media (max-width:1180px){.ws-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-sq{grid-template-columns:130px 1fr}.ws-sz{grid-column:1/-1;border-left:0;padding-left:0;border-top:1px solid #f0f0f1;padding-top:14px}.ws-two,.ws-qo{grid-template-columns:1fr}.ws-why{grid-template-columns:repeat(2,1fr)}}
@media (max-width:980px){
	.ws{grid-template-columns:1fr}
	.ws-side{position:sticky;top:var(--hh);z-index:20;height:auto;padding:10px 0 0;border-right:0;border-bottom:1px solid var(--line);gap:0;overflow:visible}
	.ws-org{padding:0 16px 10px;border:0}.ws-org .ws-crest{width:36px;height:36px;font-size:13px}.ws-org b{font-size:14.5px}
	.ws-nav{display:flex;overflow-x:auto;gap:6px;padding:0 16px 10px;scrollbar-width:none}
	.ws-nav a{flex:none;min-height:38px;padding:0 14px;background:#f5f5f5;font-size:13.5px;gap:8px}
	.ws-nav a svg{width:16px;height:16px}
	.ws-new,.ws-side .ws-3d,.ws-rep,.ws-me{display:none}
	.ws-proof{grid-template-columns:1fr}
}
@media (max-width:700px){
	.ws-main{padding:18px 16px 96px}
	.ws-head{margin-bottom:18px}.ws-head-a{width:100%}.ws-head-a .btn{flex:1}
	.ws-kpis{gap:8px}.ws-kpi{padding:14px}
	.ws-teams{grid-template-columns:1fr}.ws-team{grid-template-columns:84px 1fr;gap:12px;padding:14px}
	.ws-td{padding:12px;gap:12px}.ws-td-a{display:none}.ws-td .ws-ic{width:36px;height:36px}
	.ws-list a{grid-template-columns:auto 1fr auto}.ws-list a>b.num{grid-column:2/-1;justify-self:end;margin-top:-6px}
	.ws-sq{grid-template-columns:88px 1fr;gap:14px}.ws-dl{gap:8px 18px}
	.ws-tbl thead{display:none}
	.ws-tbl,.ws-tbl tbody,.ws-tbl tr,.ws-tbl td{display:block}
	.ws-tbl tr{padding:12px 16px;border-bottom:1px solid #f0f0f1;display:grid;grid-template-columns:1fr auto;gap:6px 12px}
	.ws-tbl td{padding:0;border:0;display:flex;justify-content:space-between;gap:12px;align-items:center;grid-column:1/-1}
	.ws-tbl td[data-l]::before{content:attr(data-l);font-size:12px;color:var(--muted);font-weight:600}
	.ws-tbl .r{text-align:left}
	[data-pro-roster] tr{grid-template-columns:auto 1fr}
	[data-pro-roster] td:first-child{grid-column:1;grid-row:1/3}[data-pro-roster] td:first-child::before{display:none}
	[data-pro-roster] td:nth-child(2){grid-column:2;justify-content:flex-start}[data-pro-roster] td:nth-child(2)::before{display:none}
	[data-pro-roster] td:nth-child(3){grid-column:2;justify-content:flex-start}[data-pro-roster] td:nth-child(3)::before{display:none}
	[data-pro-roster] td:nth-child(4){grid-column:1/-1;justify-content:flex-start}[data-pro-roster] td:nth-child(4)::before{display:none}
	.ws-act{grid-column:1/-1}.ws-act .btn{width:100%}
	.ws-tb-h{flex-wrap:wrap}.ws-find{max-width:none}
	.ws-proof-v{padding:14px}.ws-note{flex-direction:column}.ws-note .btn{width:100%}
	.ws-approve .btn{width:100%}
	.ws-why{grid-template-columns:1fr}.ws-login{grid-template-columns:1fr}
	.ws-dl2{grid-template-columns:1fr}
	.ws-seasons{flex-direction:column;align-items:stretch}.ws-sel select{width:100%}
}
.ws-head h1{text-transform:none}
.ws-teams{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}
.ws-team{grid-template-columns:96px 1fr}
.ws-pipe li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:700px){.ws-teams{grid-template-columns:1fr}.ws-team{grid-template-columns:84px 1fr}}
.ws-sz-b span{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%}
.ws-sz-b i{height:auto;align-self:stretch}
.ws-proof-v{align-content:start}
.ws-proof-v .ws-3d{margin-top:4px}
@media (max-width:980px){.ws{grid-template-columns:minmax(0,1fr)}.ws-side{min-width:0;max-width:100vw}}
.ws-pv{padding:14px}.ws-pv svg{max-width:210px;margin:0 auto;display:block}
/* CONTROL on the v0.7 workspace shell */
.ws-ctl .ws-crest img{width:24px;height:24px;object-fit:contain}
.ws .ctl-nav{gap:2px}
.ws .ctl-nav a{justify-content:flex-start;padding:0 12px;border-radius:999px;font-weight:600;color:#3b3b3e;transform:none}
.ws .ctl-nav a:hover{background:#f5f5f5;color:var(--ink)}
.ws .ctl-nav a.on{background:var(--ink);color:#fff;transform:none}.ws .ctl-nav a.on svg{color:#fff}
.ws .ctl-nav a.on em{background:#fff;color:var(--ink)}
.ws-ctl .ws-main .d3{font-size:clamp(22px,2vw,28px);font-weight:800;letter-spacing:-.02em;text-transform:none}
.ws-ctl .eyebrow{font-size:11.5px;letter-spacing:.1em;color:var(--muted)}
.ws-ctl .kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ws-ctl .kpi{border-radius:16px;border:1px solid #ececee;padding:16px 18px;background:#fff}
.ws-ctl .kpi small{font-size:12.5px;letter-spacing:0;text-transform:none;font-weight:600}
.ws-ctl .kpi b{font-size:clamp(24px,2.2vw,30px);font-stretch:100%;letter-spacing:-.02em;white-space:nowrap}
.ws-ctl .kpi.dk,.ws-ctl .kpi.hero{background:var(--ink);border-color:var(--ink)}
.ws-ctl .panel{border-radius:16px;border:1px solid #ececee;background:#fff}
.ws-ctl .panel+.panel{margin-top:12px}
.ws-ctl .grid .panel+.panel{margin-top:0}
.ws-ctl .mx{border-collapse:collapse}
.ws-ctl .mx thead th{background:#fafafa;color:var(--muted);font-size:11.5px;font-weight:700;border-bottom:1px solid #f0f0f1;padding:12px 14px}
.ws-ctl .mx td{border-bottom:1px solid #f3f3f4;padding:10px 14px}
.ws-ctl .matrix-wrap,.ws-ctl .panel.np{border-radius:16px;border:1px solid #ececee;background:#fff;overflow:auto}
.ws-ctl .tabs{border-bottom:0;gap:6px}
.ws-ctl .tabs a{border:1px solid #e2e2e4;border-radius:999px;padding:9px 16px;text-transform:none;letter-spacing:0;font-weight:600;font-stretch:100%;font-size:14px;background:#fff}
.ws-ctl .tabs a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.ws-ctl .tag{border-radius:999px;text-transform:none;letter-spacing:0;font-size:12px;font-weight:600;padding:4px 10px}
.ws-ctl .bar i{border-radius:999px;height:10px}
.ws-ctl .kanban{gap:12px}.ws-ctl .kcol{border-radius:16px;background:#ececee}.ws-ctl .kc{border-radius:12px}
.ws-ctl .ctl-h{margin-bottom:16px}
.ws-ctl .inp,.ws-ctl .fld input,.ws-ctl .fld select{border-radius:12px}
.ws-ctl .ws-main>section+section{margin-top:0}
@media (max-width:1180px){.ws-ctl .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ws-ctl .al{border-radius:16px;border:1px solid #ececee;border-left:0;position:relative;padding:14px 16px 14px 22px;transition:border-color .2s,box-shadow .25s}
.ws-ctl .al::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:#cfcfd1}
.ws-ctl .al.warn::before{background:#e39b2d}.ws-ctl .al.bad::before{background:var(--red)}.ws-ctl .al.info::before{background:#3b63d6}.ws-ctl .al.ok::before{background:var(--ok)}
.ws-ctl a.al::after{content:'→';font-weight:600;color:var(--muted)}
.ws-ctl a.al:hover{border-color:#d4d4d7;box-shadow:0 14px 30px -22px rgba(0,0,0,.35)}
.ws-ctl .bar{grid-template-columns:150px 1fr 100px}.ws-ctl .bar i{background:var(--ink)}.ws-ctl .bar i.b2b{background:var(--red)}
body:has(.ws) .sai-fab{display:none}
.ws-ctl .wh-tabs{background:transparent;padding:0;gap:6px;border-radius:0}
.ws-ctl .wh-tabs button{flex:none;border:1px solid #e2e2e4;background:#fff;border-radius:999px;padding:9px 16px;text-transform:none;letter-spacing:0;font-weight:600;font-size:14px;color:#3b3b3e}
.ws-ctl .wh-tabs button[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:none}
.ws-ctl .store .tag{white-space:nowrap;flex:none;background:#fde8ea;color:#b0121d;height:auto;border-radius:999px}
.ws-ctl .store .link{text-transform:none;letter-spacing:0;font-weight:600;text-decoration:none}
.ws-ctl .store .link:hover{text-decoration:underline}
.ws-ctl .tag{display:inline-flex;align-items:center;min-height:26px;white-space:nowrap}
.ws-ctl .store .tag{align-self:center;padding:4px 12px}
/* header fit 1021–1280: nav + search pill + icons must stay inside the viewport */
@media (min-width:1021px) and (max-width:1280px){.hdr-in{gap:12px}.nav>a{padding:0 8px;font-size:12.5px;letter-spacing:.03em}.nav>a::after{left:8px;right:8px}.nav .nav-c{width:10px}.search-pill{width:auto!important;min-width:0}.search-pill span{display:none}}
@media (min-width:1021px) and (max-width:1280px){.search-pill{width:44px!important;height:44px;padding:0!important;justify-content:center;border-radius:50%}}
/* 3D player in the arena (HUMMEL PRO sheet) */
.sheet-wide .sheet-p{width:min(620px,100vw)}
.p3d{position:relative;aspect-ratio:4/4.4;border-radius:16px;overflow:hidden;background:radial-gradient(120% 90% at 50% 20%,#2a3550,#0c1018 75%);isolation:isolate}
.p3d .p3d-c{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .8s var(--e)}
.p3d.p3d-ready .p3d-c{opacity:1}
.p3d-load{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;color:#c9cfdb;font-size:13px;font-weight:600;transition:opacity .5s}
.p3d-load i{width:34px;height:34px;border-radius:50%;border:2.5px solid rgba(255,255,255,.18);border-top-color:#fff;animation:p3dspin .9s linear infinite}
@keyframes p3dspin{to{transform:rotate(360deg)}}
.p3d.p3d-ready .p3d-load{opacity:0;pointer-events:none}
.p3d-ui{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;align-items:flex-end;gap:8px;pointer-events:none}
.p3d-tag{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.42);backdrop-filter:blur(8px);padding:7px 12px;border-radius:999px}
.p3d-v{display:flex;gap:2px;padding:4px;border-radius:999px;background:rgba(0,0,0,.42);backdrop-filter:blur(8px);pointer-events:auto}
.p3d-v button{height:32px;padding:0 12px;border-radius:999px;color:#fff;font-size:12.5px;font-weight:600}
.p3d-v button[aria-pressed=true]{background:#fff;color:var(--ink)}
.p3d.p3d-nogl{background:#f2f2f3}.p3d.p3d-nogl .p3d-load span::after{content:' – 3D nepalaikoma'}