/* ARCHIVE 77 · ארכיון 77 — "חייט / סטודיו אפור"
   DNA: fixed sidebar · numbered register · full-bleed offset hero · Frank Ruhl 300/900 + Heebo
   scale 1.5 · warm-grey monochrome + tobacco accent · shadows only (tables keep rules) · 0 radius */

@font-face{font-family:"Frank Ruhl Libre";font-weight:300;font-display:swap;src:url(../fonts/frank-ruhl-libre-hebrew-300-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Frank Ruhl Libre";font-weight:300;font-display:swap;src:url(../fonts/frank-ruhl-libre-latin-300-normal.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:"Frank Ruhl Libre";font-weight:900;font-display:swap;src:url(../fonts/frank-ruhl-libre-hebrew-900-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Frank Ruhl Libre";font-weight:900;font-display:swap;src:url(../fonts/frank-ruhl-libre-latin-900-normal.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:"Heebo";font-weight:400;font-display:swap;src:url(../fonts/heebo-hebrew-400-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Heebo";font-weight:400;font-display:swap;src:url(../fonts/heebo-latin-400-normal.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:"Heebo";font-weight:500;font-display:swap;src:url(../fonts/heebo-hebrew-500-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Heebo";font-weight:500;font-display:swap;src:url(../fonts/heebo-latin-500-normal.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:"Heebo";font-weight:700;font-display:swap;src:url(../fonts/heebo-hebrew-700-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Heebo";font-weight:700;font-display:swap;src:url(../fonts/heebo-latin-700-normal.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}

:root{
  --paper:#EFEDEA; --stone:#D9D5CF; --ash:#8F8A83; --char:#2A2826; --ink:#141312;
  --tob:#B07A43; --tob-ink:#8A5A2B; --mute:#5A554E; --sheet:#F6F5F2; --rule:rgba(20,19,18,.22); --rule-soft:rgba(20,19,18,.1);
  --display:"Frank Ruhl Libre","David Libre","Times New Roman",serif;
  --ui:"Heebo","Arial Hebrew",Arial,sans-serif;
  /* scale 1.5 */
  --t-2:.667rem; --t-1:.8125rem; --t0:1rem; --t1:1.5rem; --t2:2.25rem; --t3:clamp(2.4rem,4.2vw,3.375rem); --t4:clamp(3rem,6.2vw,5.0625rem); --t5:clamp(3.6rem,8.4vw,7.6rem);
  --sp1:.5rem; --sp2:1rem; --sp3:1.5rem; --sp4:2.25rem; --sp5:3.375rem; --sp6:5rem; --sp7:7.5rem;
  --side:360px; --strip:0px; --dockh:0px;
  --sh-1:0 1px 1px rgba(20,19,18,.05),-14px 22px 40px -22px rgba(20,19,18,.28);
  --sh-long:-30px 44px 70px -34px rgba(20,19,18,.42),-6px 8px 16px -10px rgba(20,19,18,.18);
  --sh-side:-28px 0 60px -30px rgba(20,19,18,.35);
  --ease:cubic-bezier(.22,1,.36,1); --ease-io:cubic-bezier(.65,0,.35,1);
}
@media (max-width:1180px){:root{--side:300px}}
@media (max-width:899px){:root{--side:0px;--strip:56px;--dockh:68px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--strip) + 12px)}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--t0)/1.65 var(--ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg,canvas,video{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
a{color:inherit}
:focus-visible{outline:2px solid var(--tob);outline-offset:3px}
h1,h2,h3,h4{margin:0;font-weight:900;font-family:var(--display);line-height:1.02;text-wrap:balance}
p{margin:0}
table{border-collapse:collapse;width:100%}
.num,.tab{font-variant-numeric:tabular-nums lining-nums}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;inset-block-start:-100px;inset-inline-start:12px;z-index:200;background:var(--ink);color:var(--paper);padding:10px 16px;text-decoration:none}
.skip:focus{inset-block-start:12px}
[hidden]{display:none!important}

/* ---------- buttons ---------- */
.btn{--bg:var(--ink);--fg:var(--paper);display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:52px;padding:0 1.6em;background:var(--bg);color:var(--fg);font:500 var(--t0)/1 var(--ui);text-decoration:none;border-radius:0;box-shadow:var(--sh-1);transition:background .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease);will-change:transform;position:relative;white-space:nowrap}
.btn:hover{--bg:var(--char);box-shadow:var(--sh-long)}
.btn:active{transform:translateY(1px)}
.btn[disabled]{opacity:.45;pointer-events:none}
.btn--paper{--bg:var(--sheet);--fg:var(--ink)}
.btn--paper:hover{--bg:#fff}
.btn--ghost{--bg:transparent;--fg:var(--ink);box-shadow:inset 0 0 0 1px var(--rule)}
.btn--ghost:hover{--bg:rgba(20,19,18,.05);box-shadow:inset 0 0 0 1px var(--ink)}
.btn--block{width:100%}
.btn--sm{min-height:40px;padding:0 1em;font-size:var(--t-1)}
.btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.link{font:500 var(--t-1)/1.4 var(--ui);text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-block-end:2px;transition:background-size .35s var(--ease)}
.link:hover{background-size:0 1px;background-position:100% 100%}
.arrow{display:inline-block;transition:transform .3s var(--ease)}
a:hover .arrow,button:hover .arrow{transform:translateX(-4px)}
.kicker{font:500 var(--t-1)/1.3 var(--ui);color:var(--mute);display:flex;gap:.75em;align-items:center}
.kicker .acc{color:var(--tob-ink)}
.price{font:900 var(--t1)/1 var(--display);color:var(--tob);font-variant-numeric:tabular-nums}
.price s{font:300 var(--t0)/1 var(--display);color:var(--mute);margin-inline-start:.5em}
.chip{display:inline-flex;align-items:center;gap:.4em;font:500 var(--t-1)/1 var(--ui);padding:.55em .8em;background:var(--sheet);box-shadow:var(--sh-1)}
.chip b{color:var(--tob-ink);font-weight:700}

/* ---------- tailor sheet (signature: table as design) ---------- */
.sheet{background:var(--sheet);box-shadow:var(--sh-long);padding:var(--sp3) var(--sp3) var(--sp2);position:relative}
.sheet__head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding-block-end:.6rem;border-block-end:2px solid var(--ink)}
.sheet__title{font:900 var(--t1)/1.1 var(--display)}
.sheet__meta{font:500 var(--t-2)/1.3 var(--ui);color:var(--mute);text-align:end}
.sheet table{font-variant-numeric:tabular-nums}
.sheet th,.sheet td{padding:.55rem .25rem;border-block-end:1px solid var(--rule-soft);text-align:start;font-weight:400}
.sheet th{font:500 var(--t-1)/1.3 var(--ui);color:var(--mute)}
.sheet td{font:300 var(--t1)/1 var(--display)}
.sheet td.unit{font:400 var(--t-2)/1 var(--ui);color:var(--mute);width:2.5em}
.sheet tr:last-child>*{border-block-end:0}
.sheet__foot{display:flex;justify-content:space-between;font:400 var(--t-2)/1.4 var(--ui);color:var(--mute);padding-block-start:.6rem;border-block-start:1px solid var(--rule)}
.sizegrid{width:100%;font-variant-numeric:tabular-nums}
.sizegrid th,.sizegrid td{padding:.6rem .3rem;text-align:center;border-block-end:1px solid var(--rule-soft);font:300 1.05rem/1 var(--display);transition:background .3s}
.sizegrid thead th{font:700 var(--t-1)/1 var(--ui);border-block-end:2px solid var(--ink);padding-block:.75rem}
.sizegrid tbody th{text-align:start;font:500 var(--t-1)/1.2 var(--ui);color:var(--mute);white-space:nowrap}
.sizegrid .is-rec{background:rgba(176,122,67,.1);color:var(--ink);font-weight:900}
.sizegrid thead .is-rec{color:var(--tob-ink);box-shadow:inset 0 -2px 0 var(--tob)}
.sizegrid .is-rec small{display:block;font:500 .62rem/1.2 var(--ui);color:var(--tob-ink);margin-block-start:3px}
.sizegrid .is-sel{box-shadow:inset 0 0 0 1px var(--ink)}

/* ---------- sidebar ---------- */
.side{position:fixed;inset-block:0;inset-inline-start:0;width:var(--side);background:var(--stone);box-shadow:var(--sh-side);z-index:40;display:flex;flex-direction:column;overflow:hidden}
.side__grab{display:none}
.side__inner{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:1.75rem var(--sp4) 0;display:flex;flex-direction:column;gap:1.35rem;scrollbar-width:thin;scrollbar-color:var(--ash) transparent}
.brand{display:block;text-decoration:none;line-height:1}
.brand__row{display:flex;align-items:flex-end;gap:.4rem}
.brand__he{font:900 2.2rem/.9 var(--display)}
.brand__num{font:300 2.2rem/.9 var(--display);color:var(--ink)}
.brand__lat{display:block;font:500 .7rem/1 var(--ui);letter-spacing:.42em;margin-block-start:.6rem;color:var(--mute);direction:ltr;text-align:end}
.brand__tag{font:400 var(--t-1)/1.5 var(--ui);color:var(--mute);margin-block-start:.75rem}
.side h2.side__h{font:700 var(--t-2)/1 var(--ui);color:var(--mute);margin-block-end:.5rem;display:flex;justify-content:space-between}
.index{list-style:none;margin:0;padding:0}
.index a,.index button{display:grid;grid-template-columns:4.6em 1fr auto;align-items:baseline;width:100%;text-align:start;text-decoration:none;padding:.3rem 0;font:400 1.02rem/1.25 var(--ui);transition:color .2s,padding .3s var(--ease)}
.index .n{font:300 .95rem/1 var(--display);color:color-mix(in srgb,var(--mute) 85%,var(--ink));font-variant-numeric:tabular-nums}
.index .c{font:400 var(--t-2)/1 var(--ui);color:var(--mute)}
.index a:hover,.index button:hover{padding-inline-start:.35rem}
.index .is-active{color:var(--ink);font-weight:700}
.index .is-active .n{color:var(--tob)}
.filters{display:grid;gap:.7rem}
.seg{display:flex;flex-wrap:wrap;gap:4px}
.seg button{min-width:2.4rem;min-height:32px;padding:0 .55rem;font:500 var(--t-1)/1 var(--ui);background:transparent;color:var(--char);transition:background .2s,color .2s,box-shadow .2s;font-variant-numeric:tabular-nums}
.seg button:hover{background:rgba(20,19,18,.06)}
.seg button[aria-pressed=true]{background:var(--ink);color:var(--paper);box-shadow:var(--sh-1)}
.toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;font:500 var(--t-1)/1.3 var(--ui);cursor:pointer}
.toggle input{appearance:none;width:42px;height:22px;background:var(--ash);position:relative;cursor:pointer;transition:background .25s;flex:none;margin:0}
.toggle input::after{content:"";position:absolute;inset-block:3px;inset-inline-start:3px;width:16px;background:var(--paper);transition:inset-inline-start .25s var(--ease)}
.toggle input:checked{background:var(--tob)}
.toggle input:checked::after{inset-inline-start:23px}
.toggle input:disabled{opacity:.4;cursor:not-allowed}
.profile-mini{background:var(--sheet);box-shadow:var(--sh-1);padding:.8rem .9rem .7rem}
.profile-mini table td,.profile-mini table th{padding:.32rem 0;border-block-end:1px solid var(--rule-soft);text-align:start;font:400 var(--t-1)/1.2 var(--ui)}
.profile-mini table td{font:900 1.05rem/1 var(--display);text-align:end}
.profile-mini table td.acc{color:var(--tob-ink)}
.profile-mini p{font:400 var(--t-1)/1.5 var(--ui);color:var(--mute);margin-block-end:.7rem}
.profile-mini .link{margin-block-start:.7rem;display:inline-block}
.side__cart{position:sticky;inset-block-end:0;margin-inline:calc(var(--sp4) * -1);padding:1.1rem var(--sp4);background:var(--char);color:var(--paper);display:grid;gap:.7rem;margin-block-start:auto}
.side__cart .row{display:flex;justify-content:space-between;align-items:baseline;font:400 var(--t-1)/1 var(--ui);color:#cfcac3}
.side__cart .row b{font:900 var(--t1)/1 var(--display);color:color-mix(in srgb,var(--tob) 82%,#fff)}
.side__cart .btns{display:grid;grid-template-columns:1fr auto;gap:6px}
.side__cart .btn{--bg:var(--paper);--fg:var(--ink);min-height:46px}
.side__cart .btn:hover{--bg:#fff}
.side__cart .wa{--bg:transparent;--fg:var(--paper);box-shadow:inset 0 0 0 1px rgba(239,237,234,.3);min-width:46px;padding:0}
.side__cart .wa:hover{--bg:rgba(239,237,234,.08)}
.wa svg{width:20px;height:20px;fill:currentColor;stroke:none}
.side__admin{display:grid;gap:.25rem}
.side__foot{font:400 var(--t-2)/1.5 var(--ui);color:var(--mute);padding-block-end:var(--sp3)}

/* ---------- content ---------- */
.content{margin-inline-start:var(--side);min-height:100vh;position:relative;outline:none}
.wrap{padding-inline:clamp(1.25rem,4.5vw,4.5rem)}

/* hero: full-bleed media, offset text */
.hero{position:relative;height:100svh;min-height:620px;overflow:hidden;background:var(--stone)}
.hero__media{position:absolute;inset:0}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:62% 30%}
.hero__shade{position:absolute;inset:0;background:linear-gradient(to left,rgba(239,237,234,0) 30%,rgba(239,237,234,.55) 78%,rgba(239,237,234,.75)),linear-gradient(to top,rgba(20,19,18,.22),rgba(20,19,18,0) 30%)}
.hero__text{position:absolute;inset-inline-end:clamp(1.25rem,4.5vw,4.5rem);inset-block-end:clamp(4.5rem,9vh,6.5rem);max-width:min(560px,52%);z-index:2}
.hero h1{font-size:clamp(3rem,min(6.4vw,10.2vh),6rem);line-height:.9;margin-block:1.1rem 1.4rem;color:var(--ink)}
.hero h1 .l{display:block;overflow:hidden;padding-block-end:.06em}
.hero h1 .l>span{display:block}
.hero h1 .thin{font-weight:300}
.hero__lead{font:400 1.08rem/1.65 var(--ui);color:var(--char);max-width:44ch}
.hero__cta{display:flex;align-items:center;gap:1.6rem;margin-block-start:1.8rem;flex-wrap:wrap}
.hero__sheet{position:absolute;inset-inline-end:clamp(1.25rem,4.5vw,4.5rem);inset-block-start:clamp(1.5rem,6vh,3.5rem);width:min(340px,34%);z-index:2;padding:1rem 1.2rem .7rem}
.hero__sheet .sheet__title{font-size:1.15rem}
.hero__sheet td{font-size:1.25rem}
.hero__sheet th,.hero__sheet td{padding:.42rem .2rem}
.tape{position:absolute;inset-inline:0;inset-block-end:0;height:34px;z-index:2;color:var(--ink);opacity:.75;pointer-events:none}
.tape svg{width:100%;height:100%}
.hero__no{position:absolute;inset-block-start:clamp(1.5rem,6vh,3.5rem);inset-inline-start:clamp(1.25rem,3vw,2.5rem);z-index:2;font:300 var(--t-1)/1.4 var(--ui);color:var(--paper);mix-blend-mode:difference;writing-mode:vertical-rl}

/* register */
.reg-intro{padding-block:var(--sp7) var(--sp5);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--sp5);align-items:end}
.reg-intro h2{font-size:var(--t4);line-height:.95}
.reg-intro h2 .thin{font-weight:300;display:block}
.reg-intro p{font:400 1.05rem/1.7 var(--ui);color:var(--char);max-width:48ch}
.reg-intro .counter{display:flex;gap:2.2rem;margin-block-start:1.6rem}
.reg-intro .counter div{font:400 var(--t-1)/1.3 var(--ui);color:var(--mute)}
.reg-intro .counter b{display:block;font:300 var(--t3)/1 var(--display);color:var(--tob);font-variant-numeric:tabular-nums}
.reg-head{display:grid;grid-template-columns:var(--colN) var(--colI) 1fr auto;gap:var(--colG);font:500 var(--t-2)/1 var(--ui);color:var(--mute);padding-block:.8rem;border-block:1px solid var(--rule);position:sticky;inset-block-start:0;background:var(--paper);z-index:5}
.register{--colN:9.5rem;--colI:minmax(260px,30vw);--colG:clamp(1.5rem,3.2vw,3.5rem)}
.chapter{padding-block-start:var(--sp6)}
.chapter__h{display:flex;align-items:baseline;gap:1.2rem;margin-block-end:var(--sp4)}
.chapter__h h3{font-size:var(--t3);font-weight:300}
.chapter__h .range{font:300 var(--t1)/1 var(--display);color:var(--mute);font-variant-numeric:tabular-nums}
.plate{position:relative;margin-block:var(--sp4) var(--sp5);margin-inline:calc(clamp(1.25rem,4.5vw,4.5rem) * -1);height:min(78vh,720px);overflow:hidden;background:var(--stone)}
.plate img{width:100%;height:118%;object-fit:cover;position:absolute;inset-inline:0;inset-block-start:-9%}
.plate figcaption{position:absolute;inset-inline-end:clamp(1.25rem,4.5vw,4.5rem);inset-block-end:2rem;max-width:380px;background:var(--sheet);padding:1.1rem 1.3rem;box-shadow:var(--sh-long);font:400 var(--t-1)/1.6 var(--ui);color:var(--char)}
.plate figcaption b{display:block;font:900 var(--t1)/1.1 var(--display);margin-block-end:.4rem;color:var(--ink)}

.item{display:grid;grid-template-columns:var(--colN) var(--colI) 1fr;gap:var(--colG);padding-block:var(--sp5);position:relative}
.item+.item{padding-block-start:var(--sp4)}
.item__n{font:300 clamp(3.4rem,5.6vw,5.0625rem)/.82 var(--display);color:var(--tob);font-variant-numeric:tabular-nums;position:sticky;inset-block-start:4rem;align-self:start}
.item__n small{display:block;font:500 var(--t-2)/1.5 var(--ui);color:var(--mute);margin-block-start:.9rem;max-width:9em}
.frame{display:block;position:relative;aspect-ratio:4/5;perspective:900px;text-decoration:none;align-self:start}
.frame__in{position:absolute;inset:0;overflow:hidden;background:#E3DFD9;box-shadow:var(--sh-long);transform-style:preserve-3d;transition:box-shadow .4s var(--ease)}
.frame img,.pimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--ox,50%) var(--oy,50%);transform:scale(var(--z,1));transform-origin:var(--ox,50%) var(--oy,50%)}
.frame__glare{position:absolute;inset:0;background:radial-gradient(circle at var(--gx,50%) var(--gy,30%),rgba(255,255,255,.22),rgba(255,255,255,0) 55%);opacity:0;transition:opacity .4s;pointer-events:none}
.frame:hover .frame__glare{opacity:1}
.frame .tag{position:absolute;inset-block-start:0;inset-inline-start:0;background:var(--ink);color:var(--paper);font:500 var(--t-2)/1 var(--ui);padding:.5rem .7rem;z-index:2}
.frame .tag.out{background:var(--ash)}
.pimg--back{opacity:0;transition:opacity .6s var(--ease)}
.frame.show-back .pimg--back{opacity:1}
.frame__side{position:absolute;inset-block-end:0;inset-inline-end:0;z-index:2;display:flex;background:var(--sheet);font:500 var(--t-2)/1 var(--ui);box-shadow:var(--sh-1);pointer-events:none}
.frame__side b{font-weight:500;padding:.45rem .6rem;color:var(--mute);transition:color .3s,box-shadow .3s}
.frame__side b:first-child{color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink)}
@media (hover:hover) and (pointer:fine){
  .frame.has-back:hover .pimg--back,.frame.has-back:focus-visible .pimg--back{opacity:1}
  .frame.has-back:hover .frame__side b:first-child,.frame.has-back:focus-visible .frame__side b:first-child{color:var(--mute);box-shadow:none}
  .frame.has-back:hover .frame__side b:last-child,.frame.has-back:focus-visible .frame__side b:last-child{color:var(--ink);box-shadow:inset 0 -2px 0 var(--tob)}
}
@media (hover:none),(pointer:coarse){.frame__side{display:none}}
@media (prefers-reduced-motion:reduce){.pimg--back,.frame__side b{transition:none}}
.item__body{display:flex;flex-direction:column;gap:1.1rem;padding-block-start:.3rem;min-width:0}
.item__cat{font:500 var(--t-2)/1 var(--ui);color:var(--mute)}
.item h3{font-size:var(--t2);line-height:1.05}
.item h3 a{text-decoration:none}
.item__desc{color:var(--char);max-width:46ch;font-size:.98rem}
.spec{max-width:440px}
.spec th,.spec td{padding:.5rem 0;border-block-end:1px solid var(--rule-soft);text-align:start;vertical-align:baseline}
.spec tr:first-child>*{border-block-start:1px solid var(--rule)}
.spec th{font:500 var(--t-1)/1.3 var(--ui);color:var(--mute);width:6.5em;font-weight:500}
.spec td{font:400 .95rem/1.35 var(--ui)}
.item__buy{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;margin-block-start:.3rem}
.yours{display:inline-flex;align-items:baseline;gap:.5em;font:500 var(--t-1)/1.2 var(--ui);color:var(--char)}
.yours b{font:900 1.25rem/1 var(--display);color:var(--tob-ink)}
.yours.none{color:var(--mute)}
.yours .warn{color:var(--mute);font-weight:400}
.sizes-line{display:flex;gap:.25rem;flex-wrap:wrap;font:500 var(--t-2)/1 var(--ui);font-variant-numeric:tabular-nums}
.sizes-line span{padding:.45em .5em;color:var(--char);background:rgba(20,19,18,.05)}
.sizes-line span.out{color:var(--ash);text-decoration:line-through;background:none}
.sizes-line span.rec{background:var(--ink);color:var(--paper)}
.empty{padding:var(--sp6) 0;font:300 var(--t2)/1.2 var(--display);color:var(--mute)}
.empty button{font:500 var(--t0)/1 var(--ui);color:var(--ink);margin-block-start:1rem}

/* materials (3D cloth) */
.materials{position:relative;min-height:112vh;background:var(--char);color:var(--paper);overflow:hidden;margin-block:var(--sp6) 0;isolation:isolate}
.materials__gl{position:absolute;inset:0;z-index:0}
.materials__gl canvas{width:100%!important;height:100%!important;touch-action:pan-y}
.materials.no-gl .materials__gl{background-size:420px;background-color:#6d6862;filter:contrast(1.05)}
.materials__veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to left,rgba(20,19,18,0) 35%,rgba(20,19,18,.55) 80%),linear-gradient(to top,rgba(20,19,18,.6),rgba(20,19,18,0) 40%)}
.materials__in{position:relative;z-index:2;min-height:112vh;display:grid;grid-template-columns:1fr minmax(320px,440px);align-items:end;padding-block:var(--sp6);pointer-events:none;gap:var(--sp4)}
.materials__in>*{pointer-events:auto}
.materials__copy{grid-column:2;grid-row:1;align-self:start}
.materials__copy h2{font-size:var(--t5);line-height:.88}
.materials__copy h2 .thin{font-weight:300;display:block}
.materials__copy p{color:#d8d3cc;margin-block-start:1.3rem;max-width:36ch}
.materials__hint{display:inline-flex;gap:.6rem;align-items:center;margin-block-start:1.4rem;font:500 var(--t-1)/1 var(--ui);color:var(--tob)}
.materials__hint i{width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--tob);position:relative;display:inline-block}
.materials__hint i::after{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--tob);animation:pulse 2.2s var(--ease) infinite}
@keyframes pulse{0%{transform:scale(.6);opacity:1}100%{transform:scale(2.2);opacity:0}}
.materials .sheet{grid-column:2;grid-row:2;color:var(--ink)}
.materials .sheet td{font-size:1.05rem}
.materials .sheet td.f{font:900 1.05rem/1.2 var(--display)}
.materials .sheet td.g{font:400 var(--t-1)/1.3 var(--ui);color:var(--mute)}

/* measure (size profile) */
.measure{padding-block:var(--sp7) var(--sp6);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:var(--sp5);align-items:start}
.measure h2{font-size:var(--t4);line-height:.95}
.measure h2 .thin{display:block;font-weight:300}
.measure__lead{margin-block:1.2rem 2rem;color:var(--char);max-width:44ch}
.form{display:grid;gap:1.15rem}
.field{display:grid;gap:.4rem}
.field label,.field .lbl{font:500 var(--t-1)/1.2 var(--ui);color:var(--char);display:flex;justify-content:space-between;gap:1rem}
.field .lbl output,.field label output{font:900 1.15rem/1 var(--display);color:var(--ink);font-variant-numeric:tabular-nums}
.field small{font:400 var(--t-2)/1.45 var(--ui);color:var(--mute)}
.in{width:100%;min-height:50px;padding:.7rem .9rem;background:var(--sheet);border:0;border-radius:0;box-shadow:inset 0 -1px 0 var(--rule);transition:box-shadow .2s,background .2s;font:400 1rem/1.3 var(--ui)}
.in:focus{outline:none;box-shadow:inset 0 -2px 0 var(--tob);background:#fff}
.in[aria-invalid=true]{box-shadow:inset 0 -2px 0 #9b2c1f}
textarea.in{min-height:84px;resize:vertical}
select.in{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:16px 50%,11px 50%;background-size:5px 5px;background-repeat:no-repeat;padding-inline-end:.9rem;padding-inline-start:2rem}
.range{appearance:none;width:100%;height:30px;background:transparent;margin:0}
.range::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to left,var(--ink) var(--p,50%),var(--ash) var(--p,50%))}
.range::-moz-range-track{height:2px;background:var(--ash)}
.range::-moz-range-progress{height:2px;background:var(--ink)}
.range::-webkit-slider-thumb{appearance:none;width:22px;height:22px;background:var(--ink);margin-block-start:-10px;box-shadow:0 0 0 4px var(--paper)}
.range::-moz-range-thumb{width:22px;height:22px;background:var(--ink);border:0;border-radius:0}
.ticks{display:flex;justify-content:space-between;font:400 .62rem/1 var(--ui);color:var(--mute);font-variant-numeric:tabular-nums;padding-inline:4px}
.err{font:500 var(--t-2)/1.3 var(--ui);color:#9b2c1f}
.measure__sheet{position:sticky;inset-block-start:2rem}
.measure__sheet .sheet{padding:1.6rem 1.8rem 1.1rem}
.measure__res{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-block:1.1rem .4rem}
.measure__res div{padding:.6rem 0 .8rem;border-block-end:1px solid var(--rule)}
.measure__res div+div{padding-inline-start:1rem}
.measure__res span{display:block;font:500 var(--t-2)/1.2 var(--ui);color:var(--mute)}
.measure__res b{display:block;font:900 var(--t3)/1 var(--display);color:var(--tob-ink);margin-block-start:.3rem}
.figure{width:100%;height:auto;color:var(--ink);margin-block:1rem .2rem}
.figure .dim{stroke:var(--tob);fill:var(--tob)}
.figure text{font:500 11px var(--ui);fill:var(--mute)}
.figure text.v{font:900 15px var(--display);fill:var(--ink)}

/* visit */
.visit{padding-block:var(--sp6) var(--sp7);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--sp5);align-items:start}
.visit h2{font-size:var(--t4);line-height:.95}
.visit h2 .thin{font-weight:300;display:block}
.visit p{color:var(--char);margin-block:1.2rem 1.6rem;max-width:42ch}
.visit .btns{display:flex;gap:.6rem;flex-wrap:wrap}

/* footer */
.foot{background:var(--ink);color:#cfcac3;padding:var(--sp6) clamp(1.25rem,4.5vw,4.5rem) var(--sp3);position:relative;overflow:hidden}
.foot__big{font:900 clamp(4rem,13vw,11rem)/.8 var(--display);color:var(--paper);display:flex;gap:.12em;align-items:flex-end}
.foot__big .thin{font-weight:300;color:var(--tob)}
.foot__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp4);margin-block:var(--sp5) var(--sp4);font-size:var(--t-1)}
.foot__cols h3{font:700 var(--t-2)/1 var(--ui);color:var(--ash);margin-block-end:.9rem}
.foot__cols ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.foot__cols a,.foot__cols button{color:#e7e3dd;text-decoration:none;font:400 var(--t-1)/1.4 var(--ui)}
.foot__cols a:hover,.foot__cols button:hover{color:var(--tob)}
.foot__legal{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-block-start:var(--sp3);box-shadow:0 -1px 0 rgba(239,237,234,.14);font:400 var(--t-2)/1.5 var(--ui);color:#a39e97}

/* ---------- product sheet (pdp) ---------- */
.pdp{position:fixed;inset-block:0;inset-inline-end:0;inset-inline-start:var(--side);z-index:60;background:var(--paper);overflow-y:auto;overscroll-behavior:contain;visibility:hidden;transform:translateX(-102%);transition:transform .7s var(--ease),visibility 0s .7s;box-shadow:var(--sh-side)}
.pdp.open{visibility:visible;transform:none;transition:transform .7s var(--ease)}
.pdp__bar{position:sticky;inset-block-start:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:1rem clamp(1.25rem,3.5vw,3rem);background:var(--paper)}
.pdp__bar .nav{display:flex;gap:.4rem}
.pdp__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(1.5rem,4vw,4.5rem);padding:0 clamp(1.25rem,3.5vw,3rem) var(--sp6)}
.pdp__media{position:sticky;inset-block-start:4.5rem;align-self:start}
.pdp__media .frame{width:100%}
.pdp__sides{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-block-start:.8rem}
.pdp__sides button{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:.75rem;padding:.45rem .6rem .45rem .45rem;background:var(--sheet);box-shadow:var(--sh-1);text-align:start;min-height:66px;transition:background .2s}
.pdp__sides button:hover{background:#fff}
.pdp__sides .thumb{position:relative;width:44px;aspect-ratio:4/5;overflow:hidden;background:#E3DFD9}
.pdp__sides .cap{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;padding-block-end:.35rem;border-block-end:1px solid var(--rule-soft)}
.pdp__sides .cap b{font:900 var(--t1)/1 var(--display)}
.pdp__sides .cap .num{font:400 var(--t-2)/1 var(--ui);color:var(--mute);direction:ltr}
.pdp__sides button[aria-pressed=true] .cap{border-block-end:2px solid var(--ink)}
.pdp__sides button[aria-pressed=true] .cap .num{color:var(--tob-ink)}
.pdp__info{display:flex;flex-direction:column;gap:1.4rem;padding-block-start:.5rem}
.pdp__no{font:300 var(--t4)/.85 var(--display);color:var(--tob);font-variant-numeric:tabular-nums}
.pdp__info h2{font-size:var(--t3)}
.pdp__price{display:flex;align-items:baseline;gap:1rem}
.pdp__price .price{font-size:var(--t2)}
.pdp__sizes{display:grid;grid-template-columns:repeat(auto-fit,minmax(46px,1fr));gap:4px}
.pdp__sizes button{min-height:54px;background:var(--sheet);box-shadow:var(--sh-1);font:500 1rem/1 var(--ui);position:relative;font-variant-numeric:tabular-nums;transition:background .2s,color .2s}
.pdp__sizes button:hover{background:#fff}
.pdp__sizes button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.pdp__sizes button:disabled{background:transparent;box-shadow:none;color:var(--ash);text-decoration:line-through;cursor:not-allowed}
.pdp__sizes button .r{position:absolute;inset-inline:0;inset-block-end:5px;font:500 .58rem/1 var(--ui);color:var(--tob-ink)}
.pdp__sizes button[aria-pressed=true] .r{color:var(--tob)}
.pdp__stock{font:400 var(--t-1)/1.4 var(--ui);color:var(--mute);min-height:1.4em}
.pdp__actions{display:grid;grid-template-columns:1fr auto;gap:6px}
.pdp__note{font:400 var(--t-1)/1.6 var(--ui);color:var(--mute)}
.pdp .sheet{padding:1.3rem 1.4rem 1rem}
.pdp__tabs{display:grid;gap:2rem;margin-block-start:.6rem}

/* ---------- cart drawer ---------- */
.cart{position:fixed;inset-block:0;inset-inline-end:0;width:min(480px,100%);z-index:80;background:var(--sheet);box-shadow:var(--sh-side);display:flex;flex-direction:column;visibility:hidden;transform:translateX(-104%);transition:transform .6s var(--ease),visibility 0s .6s}
.cart.open{visibility:visible;transform:none;transition:transform .6s var(--ease)}
.cart__head{display:flex;justify-content:space-between;align-items:center;padding:1.3rem 1.6rem;border-block-end:2px solid var(--ink)}
.cart__head h2{font-size:var(--t1)}
.cart__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 1.6rem}
.cart__line{display:grid;grid-template-columns:72px 1fr auto;gap:1rem;padding-block:1.1rem;border-block-end:1px solid var(--rule-soft);align-items:start}
.cart__line .thumb{position:relative;width:72px;aspect-ratio:4/5;overflow:hidden;background:#E3DFD9}
.cart__line h3{font:900 1.05rem/1.2 var(--display)}
.cart__line .meta{font:400 var(--t-1)/1.5 var(--ui);color:var(--mute)}
.qty{display:inline-flex;align-items:center;margin-block-start:.5rem;box-shadow:inset 0 0 0 1px var(--rule)}
.qty button{width:34px;height:34px;font:500 1.05rem/1 var(--ui)}
.qty button:hover{background:rgba(20,19,18,.06)}
.qty span{min-width:28px;text-align:center;font-variant-numeric:tabular-nums}
.cart__line .lp{font:900 1.05rem/1 var(--display);color:var(--tob-ink);font-variant-numeric:tabular-nums;text-align:end}
.cart__line .rm{display:block;font:400 var(--t-2)/1 var(--ui);color:var(--mute);margin-block-start:.8rem;text-decoration:underline}
.cart__foot{padding:1.2rem 1.6rem calc(1.2rem + env(safe-area-inset-bottom));background:var(--paper);box-shadow:0 -20px 40px -30px rgba(20,19,18,.4)}
.cart__sum{width:100%;margin-block-end:1rem}
.cart__sum td{padding:.35rem 0;font:400 var(--t-1)/1.3 var(--ui);color:var(--mute)}
.cart__sum td:last-child{text-align:end;color:var(--ink);font-variant-numeric:tabular-nums}
.cart__sum tr.total td{font:900 var(--t1)/1 var(--display);color:var(--ink);padding-block-start:.8rem;border-block-start:1px solid var(--rule)}
.cart__sum tr.total td:last-child{color:var(--tob)}
.cart__empty{padding:3rem 0;font:300 var(--t1)/1.3 var(--display);color:var(--mute)}
.cart__empty .btn{margin-block-start:1.4rem}
.checkout{display:grid;gap:1rem;padding-block:1.2rem 2rem}
.checkout h3{font:900 1.15rem/1 var(--display);margin-block-start:.6rem}
.two{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.radio-row{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.radio-row label{display:flex;flex-direction:column;gap:.2rem;padding:.8rem .9rem;background:var(--paper);box-shadow:var(--sh-1);cursor:pointer;font:500 var(--t-1)/1.3 var(--ui);transition:background .2s,color .2s}
.radio-row label small{font-weight:400;color:var(--mute)}
.radio-row input{position:absolute;opacity:0;pointer-events:none}
.radio-row label:has(input:checked){background:var(--ink);color:var(--paper)}
.radio-row label:has(input:checked) small{color:#bdb8b1}
.radio-row label:has(input:focus-visible){outline:2px solid var(--tob);outline-offset:2px}
.done{padding:2.4rem 0;display:grid;gap:1rem}
.done .no{font:300 var(--t3)/1 var(--display);color:var(--tob);font-variant-numeric:tabular-nums}
.done h3{font-size:var(--t2)}

.scrim{position:fixed;inset:0;background:rgba(20,19,18,.36);z-index:70;opacity:0;transition:opacity .4s}
.scrim.on{opacity:1}
.scrim.under-pdp{z-index:55}

.iconbtn{width:44px;height:44px;display:inline-grid;place-items:center;transition:background .2s}
.iconbtn:hover{background:rgba(20,19,18,.07)}
.iconbtn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}
.flip{transform:scaleX(-1)}

.modal{border:0;padding:0;max-width:min(560px,92vw);background:var(--sheet);color:var(--ink);box-shadow:var(--sh-long)}
.modal::backdrop{background:rgba(20,19,18,.45)}
.modal__body{padding:2rem;display:grid;gap:1rem}
.modal h2{font-size:var(--t2)}

.toast{position:fixed;inset-block-end:calc(1.4rem + var(--dockh));inset-inline-end:1.4rem;z-index:120;background:var(--ink);color:var(--paper);padding:.95rem 1.2rem;font:500 var(--t-1)/1.4 var(--ui);box-shadow:var(--sh-long);transform:translateY(140%);opacity:0;transition:transform .5s var(--ease),opacity .3s;max-width:min(420px,calc(100vw - 2.8rem));display:flex;gap:1rem;align-items:center}
.toast{pointer-events:none}.toast.on{transform:none;opacity:1;pointer-events:auto}
.toast a,.toast button{color:var(--tob);text-decoration:underline;font-weight:700}

/* custom cursor */
.cursor{position:fixed;inset-block-start:0;left:0;z-index:150;pointer-events:none;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--tob);opacity:0;transition:width .35s var(--ease),height .35s var(--ease),margin .35s var(--ease),opacity .3s,background .3s;display:grid;place-items:center}
.cursor__label{font:500 11px/1 var(--ui);color:var(--paper);opacity:0;transition:opacity .2s;white-space:nowrap}
.cursor.on{opacity:1}
.cursor.big{width:84px;height:84px;margin:-42px 0 0 -42px;background:var(--ink)}
.cursor.big .cursor__label{opacity:1}
@media (pointer:coarse){.cursor{display:none}}

/* ---------- load sequence initial states (motion only) ---------- */
html.js:not(.rm) body.preload .side{transform:translateX(100%)}
html.js:not(.rm) body.preload .hero__media{clip-path:inset(0 0 100% 0)}
html.js:not(.rm) body.preload .hero h1 .l>span{transform:translateY(105%)}
html.js:not(.rm) body.preload .hero__lead,html.js:not(.rm) body.preload .hero__cta,html.js:not(.rm) body.preload .hero__sheet,html.js:not(.rm) body.preload .hero .kicker{opacity:0}

/* ---------- mobile: top index strip + bottom sheet ---------- */
.strip,.dock{display:none}
@media (max-width:899px){
  body{font-size:.97rem}
  .strip{display:flex;position:fixed;inset-block-start:0;inset-inline:0;height:var(--strip);z-index:50;background:var(--stone);box-shadow:0 10px 30px -18px rgba(20,19,18,.5);align-items:center;gap:.6rem;padding-inline:1rem .4rem}
  .strip__brand{display:flex;align-items:baseline;gap:.2rem;text-decoration:none;flex:none}
  .strip__brand .brand-he{font:900 1.3rem/1 var(--display)}
  .strip__brand .brand-num{font:300 1.3rem/1 var(--display)}
  .strip__index{flex:1;display:flex;gap:.2rem;overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(to left,#000 85%,transparent);-webkit-mask-image:linear-gradient(to left,#000 85%,transparent);padding-inline-end:1.5rem}
  .strip__index::-webkit-scrollbar{display:none}
  .strip__index a{flex:none;text-decoration:none;font:400 .8rem/1 var(--ui);padding:.65rem .55rem;display:flex;gap:.35rem;align-items:baseline;color:var(--char)}
  .strip__index a .n{font:300 .78rem/1 var(--display);color:color-mix(in srgb,var(--mute) 85%,var(--ink));font-variant-numeric:tabular-nums}
  .strip__index a.is-active{color:var(--ink);font-weight:700;box-shadow:inset 0 -2px 0 var(--tob)}
  .strip__index a.is-active .n{color:var(--tob-ink)}
  .strip__cart{position:relative;width:44px;height:44px;display:grid;place-items:center;flex:none}
  .strip__cart svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:1.5}
  .strip__cart .count{position:absolute;inset-block-start:5px;inset-inline-end:3px;min-width:17px;height:17px;background:var(--tob);color:var(--ink);font:700 .62rem/17px var(--ui);text-align:center}
  .content{padding-block-start:var(--strip);padding-block-end:var(--dockh)}
  .side{inset-block:auto 0;inset-inline:0;width:100%;height:auto;max-height:86svh;transform:translateY(105%);transition:transform .55s var(--ease),visibility 0s .55s;visibility:hidden;z-index:90;box-shadow:0 -30px 60px -30px rgba(20,19,18,.5)}
  .side.open{transform:none;visibility:visible;transition:transform .55s var(--ease)}
  .side__grab{display:block;height:22px;flex:none;position:relative}
  .side__grab::after{content:"";position:absolute;inset-block-start:9px;inset-inline-start:calc(50% - 22px);width:44px;height:3px;background:var(--ash)}
  .side__inner{padding:.4rem 1.25rem 0;gap:1.6rem}
  .side .brand,.side .side__nav{display:none}
  .side__cart{margin-inline:-1.25rem;padding:1rem 1.25rem calc(1rem + env(safe-area-inset-bottom))}
  html.js:not(.rm) body.preload .side{transform:translateY(105%)}
  .dock{display:grid;position:fixed;inset-inline:0;inset-block-end:0;z-index:85;height:calc(var(--dockh) + env(safe-area-inset-bottom));padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:var(--paper);box-shadow:0 -14px 30px -20px rgba(20,19,18,.45);grid-template-columns:auto auto 1fr;gap:6px}
  .dock button{min-height:52px;display:flex;align-items:center;justify-content:center;gap:.45rem;font:500 .82rem/1.1 var(--ui);padding:0 .8rem;background:var(--sheet);box-shadow:var(--sh-1);font-variant-numeric:tabular-nums}
  .dock button b{font:900 1rem/1 var(--display);color:var(--tob-ink)}
  .dock button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}
  .dock .primary{background:var(--ink);color:var(--paper);justify-content:space-between;padding:0 1rem}
  .dock .primary b{color:color-mix(in srgb,var(--tob) 82%,#fff);font-size:1.1rem}
  .hero{height:calc(100svh - var(--strip) - var(--dockh));min-height:560px}
  .hero__media img{object-position:66% 20%}
  .hero__shade{background:linear-gradient(to top,rgba(239,237,234,.97) 30%,rgba(239,237,234,.6) 52%,rgba(239,237,234,0) 72%)}
  .hero__text{inset-inline:1.25rem;inset-block-end:2.6rem;max-width:none}
  .hero h1{font-size:clamp(2.9rem,13.5vw,4rem);margin-block:.7rem .9rem}
  .hero__lead{font-size:.95rem}
  .hero__cta{margin-block-start:1.1rem;gap:1.1rem}
  .hero__sheet{width:56%;inset-inline-end:1rem;inset-block-start:1rem;padding:.7rem .8rem .4rem}
  .hero__sheet .sheet__title{font-size:.92rem}
  .hero__sheet .sheet__meta{display:none}
  .hero__sheet th{font-size:.7rem}
  .hero__sheet td{font-size:1rem}
  .hero__sheet th,.hero__sheet td{padding:.28rem .1rem}
  .hero__sheet .sheet__foot{display:none}
  .hero__no{display:none}
  .tape{height:22px}
  .reg-intro{grid-template-columns:1fr;padding-block:var(--sp6) var(--sp4);gap:1.4rem}
  .reg-head{display:none}
  .register{--colG:1rem}
  .chapter{padding-block-start:var(--sp5)}
  .item{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-block:var(--sp4);row-gap:1rem}
  .item+.item{padding-block-start:var(--sp3)}
  .item__n{position:relative;inset-block-start:auto;grid-column:2;grid-row:1;align-self:end;font-size:clamp(3.4rem,18vw,5rem)}
  .item__n small{margin-block-start:.6rem}
  .item .frame{grid-column:1;grid-row:1/span 1}
  .item__body{grid-column:1/-1}
  .item h3{font-size:1.85rem}
  .item:nth-child(even of .item) .frame{grid-column:2}
  .item:nth-child(even of .item) .item__n{grid-column:1;text-align:start}
  .spec{max-width:none}
  .plate{height:62vh;margin-block:var(--sp3) var(--sp4)}
  .plate figcaption{inset-inline:1rem;inset-block-end:1rem;max-width:none}
  .materials,.materials__in{min-height:100svh}
  .materials__in{grid-template-columns:1fr;padding-block:var(--sp5)}
  .materials__copy,.materials .sheet{grid-column:1}
  .materials .sheet{grid-row:3}
  .materials__veil{background:linear-gradient(to bottom,rgba(20,19,18,.6),rgba(20,19,18,0) 40%,rgba(20,19,18,0) 55%,rgba(20,19,18,.55))}
  .measure,.visit{grid-template-columns:1fr;gap:var(--sp4)}
  .measure__sheet{position:relative;inset-block-start:auto}
  .measure__sheet .sheet{padding:1.1rem 1.1rem .8rem}
  .measure__res b{font-size:2rem}
  .foot{padding-block-end:calc(var(--dockh) + 1.2rem)}
  .foot__cols{grid-template-columns:1fr 1fr}
  .pdp{inset-inline-start:0;transform:translateY(102%);z-index:95}
  .pdp__bar{padding:.6rem .9rem}
  .pdp__grid{grid-template-columns:1fr;padding:0 1.1rem calc(var(--sp5) + 70px)}
  .pdp__media{position:relative;inset-block-start:auto}
  .pdp__media .frame{width:100%}
  .pdp__actions{position:sticky;inset-block-end:0;background:var(--paper);padding-block:.6rem calc(.6rem + env(safe-area-inset-bottom));margin-inline:-1.1rem;padding-inline:1.1rem;z-index:2;box-shadow:0 -14px 30px -24px rgba(20,19,18,.5)}
  .cart{width:100%;inset-block:auto 0;height:92svh;transform:translateY(104%);z-index:98}
  .sizegrid th,.sizegrid td{padding:.5rem .1rem;font-size:.92rem}
  .sizegrid tbody th{font-size:.7rem}
  .toast{inset-inline:1rem;inset-block-end:calc(var(--dockh) + 1rem)}
}
@media (max-width:420px){
  .two{grid-template-columns:1fr}
  .reg-intro .counter{gap:1.4rem}
}

/* ====================== ADMIN ====================== */
.adm{padding:clamp(1.25rem,3.5vw,3.25rem);padding-block-end:var(--sp6);min-height:100vh}
.adm__head{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;flex-wrap:wrap;padding-block-end:1.3rem;margin-block-end:var(--sp4);border-block-end:2px solid var(--ink)}
.adm__head h1{font-size:var(--t3);font-weight:300}
.adm__head h1 b{font-weight:900}
.adm__head .kicker{margin-block-end:.6rem}
.adm__nav a{display:grid;grid-template-columns:2.6em 1fr auto;align-items:baseline;text-decoration:none;padding:.55rem 0;font:400 1.02rem/1.2 var(--ui)}
.adm__nav a .n{font:300 .95rem/1 var(--display);color:var(--mute)}
.adm__nav a .c{font:700 var(--t-2)/1 var(--ui);background:var(--tob);color:var(--ink);padding:.3em .5em}
.adm__nav a.is-active{font-weight:700}
.adm__nav a.is-active .n{color:var(--tob)}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-block-end:var(--sp4);background:var(--sheet);box-shadow:var(--sh-long)}
.kpi{padding:1.3rem 1.4rem}
.kpi+.kpi{box-shadow:inset -1px 0 0 var(--rule-soft)}
.kpi span{display:block;font:500 var(--t-1)/1.2 var(--ui);color:var(--mute)}
.kpi b{display:block;font:900 var(--t3)/1 var(--display);margin-block:.5rem .3rem;font-variant-numeric:tabular-nums}
.kpi b.acc{color:var(--tob)}
.kpi small{font:400 var(--t-2)/1.3 var(--ui);color:var(--mute)}
.adm-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--sp4);align-items:start}
.panel{background:var(--sheet);box-shadow:var(--sh-1);padding:1.4rem 1.5rem}
.panel h2{font:900 var(--t1)/1.1 var(--display);margin-block-end:1rem;display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.panel h2 small{font:400 var(--t-1)/1 var(--ui);color:var(--mute)}
.bars{width:100%;height:auto;overflow:visible}
.bars text{font:500 10px var(--ui);fill:var(--mute)}
.bars .v{font:700 10px var(--ui);fill:var(--ink)}
.tbl{width:100%;font-size:var(--t-1)}
.tbl th{font:500 var(--t-2)/1.2 var(--ui);color:var(--mute);text-align:start;padding:.6rem .5rem;border-block-end:2px solid var(--ink);white-space:nowrap}
.tbl td{padding:.7rem .5rem;border-block-end:1px solid var(--rule-soft);vertical-align:middle}
.tbl tr.click{cursor:pointer;transition:background .2s}
.tbl tr.click:hover{background:rgba(20,19,18,.04)}
.tbl .n{font:300 1.15rem/1 var(--display);color:var(--tob);font-variant-numeric:tabular-nums}
.tbl .t{font:900 1rem/1.2 var(--display)}
.tbl .m{color:var(--mute)}
.tbl .p{font-variant-numeric:tabular-nums;font-weight:700}
.tbl .thumb{width:44px;aspect-ratio:4/5;position:relative;overflow:hidden;background:#E3DFD9}
.status{display:inline-block;font:700 var(--t-2)/1 var(--ui);padding:.45em .7em;background:rgba(20,19,18,.07);white-space:nowrap}
.status.new{background:var(--tob);color:var(--ink)}
.status.processing{background:var(--char);color:var(--paper)}
.status.shipped{background:var(--stone)}
.status.delivered{background:transparent;color:var(--mute);box-shadow:inset 0 0 0 1px var(--rule)}
.low{color:#9b2c1f;font-weight:700}
.adm-toolbar{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-block-end:1.2rem}
.adm-toolbar .in{max-width:280px;min-height:44px}
.drawer{position:fixed;inset-block:0;inset-inline-end:0;width:min(620px,100%);background:var(--paper);z-index:96;box-shadow:var(--sh-side);overflow-y:auto;overscroll-behavior:contain;transform:translateX(-104%);visibility:hidden;transition:transform .55s var(--ease),visibility 0s .55s}
.drawer.open{transform:none;visibility:visible;transition:transform .55s var(--ease)}
.drawer__head{position:sticky;inset-block-start:0;z-index:2;background:var(--paper);display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.6rem;border-block-end:2px solid var(--ink)}
.drawer__head h2{font-size:var(--t1)}
.drawer__body{padding:1.4rem 1.6rem 2rem;display:grid;gap:1.1rem}
.stock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:6px}
.stock-grid label{display:grid;gap:.25rem;font:700 var(--t-1)/1 var(--ui);text-align:center}
.stock-grid .in{text-align:center;padding-inline:.3rem}
.imgpick{display:grid;grid-template-columns:120px 1fr;gap:1rem;align-items:center}
.imgpick .thumb{position:relative;width:120px;aspect-ratio:4/5;overflow:hidden;background:#E3DFD9;box-shadow:var(--sh-1)}
.thumb__empty{position:absolute;inset:0;display:grid;place-items:center;font:300 var(--t1)/1 var(--display);color:var(--ash);box-shadow:inset 0 0 0 1px var(--rule-soft)}
.login{min-height:100vh;display:grid;place-items:center;padding:2rem}
.login .sheet{width:min(440px,100%);padding:2rem 2rem 1.4rem}
.login h1{font-size:var(--t3);margin-block:1rem 1.4rem}
.login h1 .thin{font-weight:300;display:block}

/* studio */
.studio{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:var(--sp4);align-items:start}
.studio__stage{background:var(--sheet);box-shadow:var(--sh-long);position:relative}
.ba{position:relative;aspect-ratio:4/5;overflow:hidden;background:#E3DFD9;user-select:none;touch-action:pan-y}
.ba img,.ba canvas,.ba video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ba .after{clip-path:inset(0 0 0 var(--cut,50%))}
.ba__line{position:absolute;inset-block:0;left:var(--cut,50%);width:2px;margin-left:-1px;background:var(--paper);box-shadow:0 0 12px rgba(0,0,0,.25);pointer-events:none}
.ba__line::after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;background:var(--ink);box-shadow:var(--sh-1)}
.ba__line::before{content:"";position:absolute;top:50%;left:50%;z-index:1;width:14px;height:8px;margin:-4px 0 0 -7px;border-inline:2px solid var(--paper)}
.ba__range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;direction:ltr}
.ba__lbl{position:absolute;inset-block-start:12px;font:700 var(--t-2)/1 var(--ui);background:var(--ink);color:var(--paper);padding:.5em .7em;pointer-events:none}
.ba__lbl.l{left:12px}.ba__lbl.r{right:12px;background:var(--paper);color:var(--ink)}
.stage-empty{aspect-ratio:4/5;display:grid;place-items:center;text-align:center;padding:2rem;background:repeating-linear-gradient(-45deg,rgba(20,19,18,.03) 0 10px,transparent 10px 20px),#E7E4DF}
.stage-empty b{display:block;font:300 var(--t2)/1.1 var(--display);margin-block-end:.6rem}
.stage-empty p{color:var(--mute);font-size:var(--t-1);max-width:30ch;margin-inline:auto}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:0}
.steps li{display:grid;grid-template-columns:2.4em 1fr;gap:.6rem;padding:.8rem 0;border-block-end:1px solid var(--rule-soft);font:400 var(--t-1)/1.4 var(--ui);color:var(--mute)}
.steps li .n{font:300 1.1rem/1 var(--display)}
.steps li.on{color:var(--ink);font-weight:500}
.steps li.on .n{color:var(--tob)}
.steps li.done .n{color:var(--ink)}
.prog{height:3px;background:var(--stone);position:relative;overflow:hidden;margin-block-start:.6rem}
.prog i{position:absolute;inset-block:0;inset-inline-start:0;width:var(--p,0%);background:var(--tob);transition:width .25s}
.studio__src{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.studio__src .btn{min-height:48px;font-size:var(--t-1);padding:0 .8em}
.studio__src .btn.wide{grid-column:1/-1}
.studio__msg{font:400 var(--t-1)/1.55 var(--ui);padding:.9rem 1rem;background:var(--stone);color:var(--char)}
.studio__msg.err{background:#e9d5cf;color:#6d1f14}
.studio__acts{display:flex;flex-wrap:wrap;gap:6px;margin-block-start:.7rem}.studio__acts .btn{min-height:44px;flex:1 1 9rem}
.cam{position:absolute;inset:0;background:var(--ink);display:grid;z-index:3}
.cam video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cam__bar{position:absolute;inset-inline:0;inset-block-end:0;display:flex;justify-content:center;gap:.8rem;padding:1rem;z-index:2}
.cam__shoot{width:68px;height:68px;border-radius:50%;background:var(--paper);box-shadow:0 0 0 4px rgba(239,237,234,.35)}
.studio__opts{display:grid;gap:.9rem}
.studio .sheet{padding:1.2rem 1.3rem}
@media (max-width:1100px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi:nth-child(3){box-shadow:inset 0 1px 0 var(--rule-soft)}.kpi:nth-child(4){box-shadow:inset -1px 0 0 var(--rule-soft),inset 0 1px 0 var(--rule-soft)}.adm-grid,.studio{grid-template-columns:1fr}}
@media (max-width:899px){
  .adm{padding-block-start:1.25rem}
  .tbl .hide-m{display:none}
  .tbl td,.tbl th{padding-inline:.3rem}
  .drawer{width:100%;inset-block:auto 0;height:94svh;transform:translateY(104%)}
  .kpi{padding:1rem}
  .kpi b{font-size:2rem}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* admin mode tweaks */
body.is-admin .dock,body.is-admin .strip__cart{display:none}
@media (max-width:899px){body.is-admin .content{padding-block-end:0}}

.brand__tag{margin-block-start:.5rem}
.figcap{font:400 var(--t-2)/1.4 var(--ui);color:var(--mute);text-align:center;margin-block-end:.6rem}
@media (max-height:780px) and (min-width:900px){.hero__sheet .sheet__foot{display:none}.hero__sheet{width:min(300px,30%)}.hero__lead{display:none}}
@media (max-width:899px){.pdp .sheet__head{flex-wrap:wrap}.pdp .sheet__meta{text-align:start}}

/* studio · back side block (shared engine module, tuned to the archive sheet) */
.studio__back .nxb{margin:0;padding:1rem 1.2rem 1.1rem;background:var(--sheet);box-shadow:var(--sh-1);border:0;color:var(--ink)}
.studio__back .nxb__h{padding-block-end:.6rem;border-block-end:1px solid var(--rule)}
.studio__back .nxb__h b{font:900 var(--t1)/1 var(--display)}
.studio__back .nxb__h small{font:500 var(--t-2)/1.3 var(--ui);color:var(--mute);opacity:1}
.studio__back .nxb button{min-height:40px;padding:0 .95rem;border:0;box-shadow:inset 0 0 0 1px var(--rule);font:500 var(--t-1)/1 var(--ui);transition:background .2s}
.studio__back .nxb button:hover{background:rgba(20,19,18,.06)}
.studio__back .nxb__pair figcaption{font:500 var(--t-2)/1 var(--ui);color:var(--mute)}
.studio__back .nxb__msg{font:400 var(--t-2)/1.5 var(--ui);color:var(--mute);opacity:1}
/* studio on phones: shoot/upload first (above the fold, under the thumb), then message, then the stage */
@media (max-width:700px){
  .studio{display:flex;flex-direction:column;align-items:stretch;gap:.9rem}
  .studio__opts{display:contents}
  .studio__opts>*{order:2}
  .studio__opts>.studio__src{order:0}
  .studio__opts>#stMsg{order:0}
  .studio>div:first-child{order:1}
  .studio__stage{scroll-margin-block-start:72px}
}

/* ── Nexivya lux kit integration (a11y menu / cookie banner clear of the sidebar and the thumb dock) ── */
html .lx-a11y-b{inset-inline-start:auto;inset-inline-end:16px;background:var(--ink);color:var(--paper)}
html .lx-panel{inset-inline-start:auto;inset-inline-end:16px}
html .lx-a11y-b:focus-visible{outline:2px solid var(--tob);outline-offset:3px}
html .lx-ck{inset-inline-start:calc(var(--side) + 16px)}
html .lx-grain{opacity:.05}
@media (max-width:899px){
  html .lx-a11y-b{inset-block-end:calc(var(--dockh) + 14px + env(safe-area-inset-bottom))}
  html .lx-panel{inset-block-end:calc(var(--dockh) + 68px + env(safe-area-inset-bottom))}
  html .lx-ck{inset-inline-start:16px;bottom:calc(var(--dockh) + 12px + env(safe-area-inset-bottom))}
}
html .lx-a11y-b,html .lx-panel{z-index:86}
html .lx-dlg p{margin:0 0 .8em}html .lx-a11y-b{border:1px solid rgba(239,237,234,.35)}
/* QA: footer links keep their look but get a 44px tap area; small table labels never under 12px on phones */
.foot__cols a,.foot__cols button{display:inline-block;padding-block:13px;margin-block:-13px}
@media (max-width:700px){.sheet th,.sheet td.unit,.sizegrid th,.sizegrid td,.spec th,.profile-mini table th,.profile-mini table td{font-size:max(12px,var(--t-1))}}
/* QA: on phones the smallest type step is 12px (ת"י 5568 readability); desktop scale unchanged */
@media (max-width:700px){:root{--t-2:.75rem}}