/* ==========================================================================
   קָלִיבֶּר · שעונים — "לוח מכשירים"
   One hue (navy) in ten values · flat surfaces · 2px corners · Karantina + David Libre
   ========================================================================== */
:root{
  --n0:#050B16; --n1:#081226; --n2:#0B1B33; --n3:#112645; --n4:#1D3A66;
  --n5:#2C4F85; --n6:#3F6399; --n7:#5B7BB0; --n8:#93AACF; --n9:#DCE6F5;
  --bg:var(--n1); --tile:var(--n2); --tile-hi:var(--n3); --ink:var(--n9); --ink-2:var(--n8); --ink-3:color-mix(in srgb,var(--n7) 50%,var(--n8)); --lume:var(--n9);
  --f-disp:"Karantina","Arial Narrow","DejaVu Sans Condensed","Liberation Sans Narrow",sans-serif;
  --f-text:"David Libre","David","Frank Ruhl Libre","Times New Roman","Liberation Serif",serif;
  /* scale 1.8 : 18 → 32.4 → 58.3 → 105 */
  --t-s:1rem; --t-b:1.125rem; --t-3:clamp(1.6rem,1.3rem + .9vw,2.025rem);
  --t-2:clamp(2.5rem,1.6rem + 3.2vw,3.645rem); --t-1:clamp(3.3rem,1.2rem + 5.4vw,6.56rem);
  --r:2px; --gap:2px; --pad:clamp(1rem,.6rem + 1.2vw,1.75rem);
  --ease:cubic-bezier(.22,1,.36,1); --bar:64px;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{margin:0;background:var(--n0);color:var(--ink);font-family:var(--f-text);font-size:var(--t-b);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg,canvas,video{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
h1,h2,h3,p{margin:0}
:focus-visible{outline:2px solid var(--lume);outline-offset:3px}
::selection{background:var(--n9);color:var(--n0)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;inset-inline-start:1rem;top:-6rem;z-index:1000;background:var(--n9);color:var(--n0);padding:.6rem 1rem;border-radius:var(--r);font-weight:700}
.skip:focus{top:1rem}
.num,.read-big,.lbl,.h2,.quote,.price{font-variant-numeric:tabular-nums}
svg use{pointer-events:none}

/* ---------- type ---------- */
.lbl{font-family:var(--f-disp);font-size:1.25rem;line-height:1;color:var(--ink-3);font-weight:400}
.h2{font-family:var(--f-disp);font-weight:700;font-size:var(--t-2);line-height:.95;color:var(--ink);text-wrap:balance}
.h3{font-family:var(--f-text);font-size:var(--t-3);font-weight:700;line-height:1.15}
.note{font-size:.95rem;color:var(--ink-3);line-height:1.45}
.num{font-family:var(--f-disp);font-size:1.3em;line-height:1;font-weight:700}
.read-big{font-family:var(--f-disp);font-weight:700;font-size:clamp(2.6rem,1.8rem + 2.4vw,3.645rem);line-height:.9;color:var(--ink)}
.read-sm{font-family:var(--f-disp);font-size:1.35rem;color:var(--ink-2);line-height:1}
.read-unit{font-family:var(--f-disp);font-size:1.3rem;color:var(--ink-3)}

/* ---------- hand-drawn underline (signature) ---------- */
.pen{position:relative;display:inline-block;white-space:nowrap}
.pen>svg.pen-svg{position:absolute;inset-inline:-3%;bottom:-.22em;width:106%;height:.5em;overflow:visible;pointer-events:none}
.pen-svg path{fill:none;stroke:var(--n8);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1 1.02;stroke-dashoffset:1.02;transition:stroke-dashoffset .75s var(--ease)}
.pen-thick .pen-svg path{stroke-width:3.2;stroke:var(--n7)}
.pen-ring>svg.pen-svg{inset-inline:-22%;width:144%;bottom:-.42em;height:1.75em}
.pen.on .pen-svg path,a:hover .pen .pen-svg path,.pen:hover .pen-svg path,tr:hover .pen .pen-svg path,a:focus-visible .pen .pen-svg path,.card:hover h3 .pen-svg path{stroke-dashoffset:0}
.link-pen{font-family:var(--f-text);font-size:1.05rem;color:var(--ink-2);padding-block:.4rem;display:inline-block}
.link-pen:hover{color:var(--ink)}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;padding:.55rem 1.3rem;border-radius:var(--r);font-family:var(--f-disp);font-size:1.45rem;font-weight:700;line-height:1;transition:background .2s,color .2s;white-space:nowrap}
.btn svg{width:22px;height:22px;flex:none}
.btn-lume{background:var(--n9);color:var(--n0)}
.btn-lume:hover{background:#fff}
.btn-ghost{background:var(--n3);color:var(--ink)}
.btn-ghost:hover{background:var(--n4)}
.btn[disabled]{background:var(--n3);color:var(--ink-3);cursor:not-allowed}
.mag{will-change:transform}
.icon-x{position:absolute;inset-inline-end:.75rem;top:.75rem;width:44px;height:44px;display:grid;place-items:center;border-radius:var(--r);background:var(--n3);z-index:3}
.icon-x:hover{background:var(--n4)}
.icon-x svg{width:22px;height:22px}

/* ---------- header bar ---------- */
.bar{position:sticky;top:0;z-index:60;height:var(--bar);display:flex;align-items:center;gap:2rem;padding-inline:var(--pad);background:var(--n0)}
.logo{display:flex;align-items:baseline;gap:.6rem;flex:none}
.logo-mark{font-family:var(--f-disp);font-weight:700;font-size:2.4rem;line-height:1;color:var(--ink)}
.logo-sub{font-size:.95rem;color:var(--ink-3)}
.bar-nav{display:flex;gap:1.6rem;margin-inline-start:auto}
.bar-nav a{font-family:var(--f-disp);font-size:1.5rem;color:var(--ink-2);padding-block:.5rem;position:relative}
.bar-nav a:hover{color:var(--ink)}
.bar-nav a::after{content:"";position:absolute;inset-inline:0;bottom:.25rem;height:1px;background:var(--n7);transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease)}
.bar-nav a:hover::after{transform:scaleX(1)}
.bar-end{display:flex;align-items:center;gap:.5rem;margin-inline-start:1rem}
.bar-clock{font-family:var(--f-disp);font-size:1.6rem;color:var(--ink);padding-inline:.8rem;background:var(--n2);border-radius:var(--r);height:44px;display:flex;align-items:center;gap:.4rem}
.bar-clock-l{color:var(--ink-3);font-size:1.15rem}
.bar-btn{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:var(--r);background:var(--n2)}
.bar-btn:hover{background:var(--n3)}
.bar-btn svg{width:22px;height:22px}
.bar-count{position:absolute;top:2px;inset-inline-end:2px;min-width:18px;height:18px;padding-inline:4px;border-radius:var(--r);background:var(--n9);color:var(--n0);font-family:var(--f-disp);font-size:1rem;line-height:18px;text-align:center;font-weight:700}
.bar-count:empty,.bar-count[data-zero]{display:none}
.bar-menu{display:none}

.menu-dlg{inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;border:0;padding:5rem 1.5rem 2rem;background:var(--n1);color:var(--ink)}
.menu-dlg::backdrop{background:var(--n0)}
.menu-dlg nav{display:grid;gap:2px;background:var(--n0)}
.menu-dlg nav a{display:block;background:var(--n2);padding:1rem 1.2rem;font-family:var(--f-disp);font-size:2.4rem;line-height:1}
.menu-dlg nav a:hover{background:var(--n3)}
.menu-staff{color:var(--ink-3)}

/* ---------- tiles ---------- */
.tile{background:var(--tile);border-radius:var(--r);padding:var(--pad);position:relative;min-width:0;overflow:hidden}

/* ---------- cockpit ---------- */
.cockpit{display:grid;gap:var(--gap);padding:var(--gap);background:var(--n0);
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-rows:auto minmax(250px,auto) auto;
  grid-template-areas:
   "quote quote quote quote quote quote quote g3d g3d g3d g3d g3d"
   "clock clock clock res res depth depth g3d g3d g3d g3d g3d"
   "size size size size lab lab lab read read read read read";
  }
.t-quote{grid-area:quote;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;background:var(--n2)}
.quote{font-family:var(--f-disp);font-weight:700;font-size:min(var(--t-1),11vh);line-height:.88;color:var(--ink);display:flex;flex-direction:column}
.q-line{display:block}
.q-line{white-space:nowrap}
.q-line:nth-child(2),.q-line:nth-child(3){color:var(--ink-2)}
.quote .pen>svg.pen-svg{bottom:-.08em;height:.32em}
.quote-act{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
.t-3d{grid-area:g3d;background:var(--n3);padding:0;cursor:grab;touch-action:pan-y;min-height:560px}
.t-3d.grabbing{cursor:grabbing}
.gl{position:absolute;inset:0;width:100%;height:100%}
.gl-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lbl-float{position:absolute;top:var(--pad);inset-inline-start:var(--pad);z-index:2;display:flex;gap:.8rem;align-items:baseline}
.lbl-dim{color:color-mix(in srgb,var(--n7) 55%,var(--n8))}
.cfg{position:absolute;inset-inline:0;bottom:0;z-index:2;display:grid;gap:2px;padding:2px;background:var(--n1);cursor:default}
.cfg-row{display:flex;align-items:center;gap:1rem;background:var(--n2);padding:.45rem var(--pad);min-height:52px}
.cfg-k{font-family:var(--f-disp);font-size:1.3rem;color:var(--ink-3);width:4.2rem;flex:none}
.swatches{display:flex;gap:.6rem}
.swatches button{width:36px;height:36px;border-radius:var(--r);background:var(--c);outline:1px solid var(--n5);outline-offset:-1px;position:relative}
.swatches button[aria-pressed="true"]{outline:2px solid var(--n9);outline-offset:3px}
.seg{display:flex;gap:2px;background:var(--n1);padding:2px;border-radius:var(--r)}
.seg button{min-width:54px;min-height:40px;padding-inline:.8rem;border-radius:var(--r);font-family:var(--f-disp);font-size:1.35rem;color:var(--ink-2);background:var(--n2)}
.seg button:hover{background:var(--n3);color:var(--ink)}
.seg button[aria-pressed="true"]{background:var(--n9);color:var(--n0);font-weight:700}

.t-clock{grid-area:clock}
.clock-wrap{display:flex;align-items:center;gap:1rem;margin-top:1rem}
.gauge-clock{width:clamp(110px,40%,150px);aspect-ratio:1;flex:none}
.g-face{fill:var(--n1)}
.g-ticks line{stroke:var(--n6);stroke-width:1.5}
.g-ticks line.big{stroke:var(--n8);stroke-width:3}
.g-num{font-family:var(--f-disp);font-size:22px;fill:var(--n7);text-anchor:middle;dominant-baseline:middle}
.g-hh{stroke:var(--n9);stroke-width:6;stroke-linecap:round}
.g-mh{stroke:var(--n9);stroke-width:3.5;stroke-linecap:round}
.g-sh{stroke:var(--n8);stroke-width:1.5}
.g-cap{fill:var(--n9)}
.clock-read{display:flex;flex-direction:column;gap:.5rem;min-width:0}
.clock-read .read-big{font-size:clamp(2rem,1.1rem + 1.5vw,2.9rem);direction:ltr;text-align:end;white-space:nowrap}
[data-digital],.bar-clock{direction:ltr}

.t-reserve{grid-area:res;display:flex;flex-direction:column}
.gauge-arc{width:100%;max-width:210px;height:auto;flex:none;margin-block:.6rem .2rem}
.arc-bg{fill:none;stroke:var(--n1);stroke-width:14}
.arc-val{fill:none;stroke:var(--n7);stroke-width:14;stroke-dasharray:100;stroke-dashoffset:0}
.arc-needle{stroke:var(--n9);stroke-width:3;stroke-linecap:round}
[data-arc-ticks] line{stroke:var(--n5);stroke-width:1.5}
[data-arc-ticks] text{font-family:var(--f-disp);font-size:15px;fill:var(--n7);text-anchor:middle}
.read-row{display:flex;align-items:baseline;gap:.5rem;margin-top:auto}
.t-reserve .note{margin-top:.3rem}

.t-depth{grid-area:depth;display:flex;flex-direction:column}
.depth{display:flex;gap:.8rem;flex:1;min-height:0;margin-block:.8rem .5rem}
.depth-col{width:12px;background:var(--n1);border-radius:var(--r);position:relative;overflow:hidden;flex:none}
.depth-fill{position:absolute;inset-inline:0;top:0;height:0;background:var(--n6);transition:height .45s var(--ease)}
.depth-stops{display:flex;flex-direction:column;justify-content:space-between;flex:1;gap:2px}
.depth-stops button{display:flex;align-items:baseline;gap:.5rem;text-align:start;padding:.1rem .4rem;border-radius:var(--r);color:var(--ink-3);min-height:28px}
.depth-stops b{font-family:var(--f-disp);font-size:1.45rem;color:var(--ink-2);min-width:2.2rem}
.depth-stops span{font-size:.9rem}
.depth-stops button:hover{background:var(--n3);color:var(--ink)}
.depth-stops button[aria-pressed="true"]{background:var(--n9);color:var(--n0)}
.depth-stops button[aria-pressed="true"] b{color:var(--n0)}

.t-size{grid-area:size;display:flex;flex-direction:column}
.size-wrap{display:flex;align-items:center;gap:1rem;margin-block:.5rem}
.gauge-size{width:96px;height:96px;flex:none}
.gauge-size circle{fill:none;stroke:var(--n5);stroke-width:1}
.gauge-size circle.on{stroke:var(--n9);stroke-width:2.2}
.gauge-size .wrist{stroke:var(--n4);stroke-width:30;fill:none}
.size-chips{display:flex;flex-wrap:wrap;gap:2px;background:var(--n1);padding:2px;border-radius:var(--r)}
.size-chips button{min-width:46px;min-height:40px;font-family:var(--f-disp);font-size:1.4rem;border-radius:var(--r);background:var(--n2);color:var(--ink-2)}
.size-chips button:hover{background:var(--n3);color:var(--ink)}
.size-chips button[aria-pressed="true"]{background:var(--n9);color:var(--n0);font-weight:700}

.t-lab{grid-area:lab;display:flex;flex-direction:column;gap:.45rem}
.lab-state{font-family:var(--f-disp);font-size:1.7rem;line-height:1;display:flex;align-items:center;gap:.6rem;margin-top:.4rem}
.led{width:12px;height:12px;border-radius:1px;background:var(--n4);flex:none}
.led.on{background:var(--n9)}
.lab-line{font-size:1rem;color:var(--ink-2)}

.t-cfgread{grid-area:read;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.9rem 1.5rem;background:var(--n3)}
.cfgread-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:.45rem}
.cfgread-line{font-size:1.05rem;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cfgread-act{display:flex;gap:2px;grid-column:1/-1}
.cfgread-act .btn{flex:1}

/* ---------- duotone photos (true colour on hover) ---------- */
.duo{margin:0;position:relative;background:var(--n4);overflow:hidden;border-radius:var(--r)}
.duo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.15) brightness(.95);mix-blend-mode:luminosity;transition:filter .5s var(--ease)}
.duo:hover img{filter:none;mix-blend-mode:normal}
.duo figcaption{position:absolute;bottom:0;inset-inline-start:0;background:var(--n0);color:var(--ink-3);font-family:var(--f-disp);font-size:1.15rem;padding:.3rem .7rem}

/* ---------- chapter ---------- */
.chapter{position:relative;height:560vh;background:var(--n1)}
.chapter-stage{position:sticky;top:var(--bar);height:calc(100svh - var(--bar));display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--gap);background:var(--n0);padding:var(--gap)}
.chapter-text{background:var(--n2);border-radius:var(--r);padding:clamp(1.5rem,1rem + 2vw,3rem);display:flex;flex-direction:column;gap:1.2rem;position:relative;overflow:hidden}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:2px;background:var(--n1);margin-top:auto}
.step{background:var(--n2);padding:.85rem 1rem;display:grid;gap:.35rem;transition:background .3s}
.step h3{font-family:var(--f-disp);font-size:2rem;line-height:1;color:var(--ink-3);font-weight:700;transition:color .3s}
.step p{font-size:1rem;color:var(--ink-3);display:none;max-width:42ch}
.step .btn{display:none;justify-self:start;margin-top:.4rem}
.step.is-on{background:var(--n3)}
.step.is-on h3{color:var(--ink)}
.step.is-on p{display:block;color:var(--ink-2)}
.step.is-on .btn{display:inline-flex}
.step.is-done h3{color:var(--ink-2)}
.chapter-meter{position:absolute;inset-block:0;inset-inline-end:0;width:4px;background:var(--n1)}
.chapter-meter span{position:absolute;inset-inline:0;top:0;height:0;background:var(--n8)}
.chapter-gl{position:relative;background:var(--n3);border-radius:var(--r);overflow:hidden}
.chapter-photo{width:100%;aspect-ratio:16/7;flex:none;margin-top:auto}
.chapter-photo+.steps{margin-top:0}

/* ---------- catalog ---------- */
.catalog{background:var(--n0);padding:var(--gap)}
.cat-head{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--gap)}
.cat-head>div{background:var(--n2);padding:clamp(1.5rem,1rem + 2.5vw,3.5rem);display:flex;flex-direction:column;justify-content:flex-end;gap:1rem;border-radius:var(--r)}
.cat-photo{aspect-ratio:16/7;border-radius:var(--r)}
.cat-body{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--gap);margin-top:var(--gap);align-items:start}
.rail{position:sticky;top:calc(var(--bar) + var(--gap));display:grid;gap:var(--gap);background:var(--n0)}
.rail-group{background:var(--n2);padding:1.1rem;border-radius:var(--r);display:grid;gap:.7rem}
.rail-group:empty{display:none}
.rail-k{font-family:var(--f-disp);font-size:1.3rem;color:var(--ink-3)}
.switches{display:grid;gap:2px}
.switches button{display:flex;align-items:center;gap:.7rem;min-height:44px;padding-inline:.7rem;text-align:start;border-radius:var(--r);background:var(--n1);color:var(--ink-2);font-family:var(--f-disp);font-size:1.5rem}
.switches button i{width:10px;height:10px;border-radius:1px;background:var(--n4);flex:none}
.switches button:hover{background:var(--n3);color:var(--ink)}
.switches button[aria-pressed="true"]{background:var(--n3);color:var(--ink)}
.switches button[aria-pressed="true"] i{background:var(--n9)}
select{appearance:none;background:var(--n1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2393AACF' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat left .9rem center/12px;border:0;border-radius:var(--r);min-height:44px;padding-inline:.8rem 2.2rem;color:var(--ink);font-family:var(--f-text);font-size:1rem;width:100%}
.chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--n1);border-radius:var(--r);padding:.3rem .6rem;font-family:var(--f-disp);font-size:1.25rem;color:var(--ink-2);min-height:36px}
.chip:hover{background:var(--n3);color:var(--ink)}
.chip svg{width:14px;height:14px}

.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.card{background:var(--n2);border-radius:var(--r);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:background .25s}
.card:hover{background:var(--n3)}
.card-media{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--n3);position:relative}
.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.card:hover .card-media img{transform:scale(1.045)}
.card-flag{position:absolute;top:0;inset-inline-start:0;background:var(--n9);color:var(--n0);font-family:var(--f-disp);font-size:1.2rem;font-weight:700;padding:.25rem .6rem;z-index:1}
.card-flag.dim{background:var(--n0);color:var(--ink-2)}
.card-body{padding:1rem 1.1rem 1.1rem;display:flex;flex-direction:column;gap:.6rem;flex:1}
.card-code{font-family:var(--f-disp);font-size:1.15rem;color:var(--ink-3);line-height:1}
.card h3{font-family:var(--f-text);font-size:1.45rem;font-weight:700;line-height:1.15}
.card h3 a::after{content:"";position:absolute;inset:0;z-index:0}
.card-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:0;background:var(--n1);border-radius:var(--r)}
.card-specs div{background:var(--n2);padding:.35rem .5rem;transition:background .25s}
.card:hover .card-specs div{background:var(--n3)}
.card-specs dt{font-size:.75rem;color:var(--ink-3);line-height:1.2}
.card-specs dd{margin:0;font-family:var(--f-disp);font-size:1.4rem;line-height:1.05;color:var(--ink)}
.card-foot{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:auto}
.price{font-family:var(--f-disp);font-weight:700;font-size:2.1rem;line-height:1;color:var(--ink);display:flex;align-items:baseline;gap:.5rem}
.price s{font-size:1.3rem;color:var(--ink-3);font-weight:400}
.card-try{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;min-width:44px;padding-inline:.7rem;border-radius:var(--r);background:var(--n1);font-family:var(--f-disp);font-size:1.3rem;color:var(--ink-2)}
.card-try:hover{background:var(--n9);color:var(--n0)}
.card-try svg{width:18px;height:18px}
.grid-empty{grid-column:1/-1;background:var(--n2);padding:3rem 2rem;border-radius:var(--r);display:grid;gap:1rem;justify-items:start}

/* ---------- timeline ---------- */
.types{position:relative;height:340vh;background:var(--n1)}
.types-pin{position:sticky;top:var(--bar);height:calc(100svh - var(--bar));overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:2rem;padding-block:clamp(2rem,1rem + 3vw,4rem)}
.types-head{padding-inline:var(--pad);display:grid;gap:.8rem}
.types-track{display:flex;align-items:flex-start;gap:var(--gap);padding-inline:var(--pad);width:max-content;will-change:transform}
.type{width:clamp(270px,25vw,370px);min-height:min(440px,58svh);background:var(--n2);border-radius:var(--r);padding:1.4rem;display:flex;flex-direction:column;gap:.7rem;position:relative}
.type::before{content:"";position:absolute;top:2.7rem;inset-inline:-2px;height:1px;background:var(--n4)}
.type-ic{width:150px;height:150px;margin-top:2.6rem;margin-bottom:.4rem;flex:none}
.type-ic *{fill:none;stroke:var(--n8);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.type-ic .f{fill:var(--n8);stroke:none}
.type-ic .d{stroke:var(--n5)}
.type-when{font-family:var(--f-disp);font-size:2.6rem;font-weight:700;line-height:1;color:var(--ink);position:absolute;top:1rem;inset-inline-start:1.4rem;background:var(--n2);padding-inline-end:.6rem}
.type h3{font-family:var(--f-text);font-size:1.6rem;font-weight:700}
.type p:not(.type-when){font-size:1rem;color:var(--ink-2)}
.type-link{margin-top:auto;font-family:var(--f-disp);font-size:1.35rem;color:var(--ink-3);align-self:flex-start;padding-block:.3rem}
.type-link:hover{color:var(--ink)}
.type:hover{background:var(--n3)}

/* ---------- lab ---------- */
.lab{background:var(--n0);padding:var(--gap)}
.lab-head{background:var(--n2);padding:clamp(1.5rem,1rem + 2.5vw,3.5rem);border-radius:var(--r);display:grid;gap:1rem}
.lab-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--gap);margin-top:var(--gap)}
.spec{width:100%;border-collapse:separate;border-spacing:0 2px;background:var(--n0)}
.spec th,.spec td{background:var(--n2);padding:1.1rem 1.2rem;text-align:start;vertical-align:middle}
.spec thead th{font-family:var(--f-disp);font-weight:400;font-size:1.25rem;color:var(--ink-3);background:var(--n1);padding-block:.6rem}
.spec tbody th{font-family:var(--f-text);font-size:1.5rem;font-weight:700}
.spec tbody th small{display:block;font-size:.92rem;font-weight:400;color:var(--ink-3);margin-top:.3rem}
.spec td{font-family:var(--f-disp);font-size:1.6rem;color:var(--ink-2);white-space:nowrap}
.spec tbody tr:hover th,.spec tbody tr:hover td{background:var(--n3)}
.services td:last-child{color:var(--ink);font-size:2rem;font-weight:700}
.book{background:var(--n2);border-radius:var(--r);padding:clamp(1.3rem,1rem + 1.5vw,2.2rem);display:grid;gap:1rem;align-content:start}
.field{display:grid;gap:.35rem}
.field label{font-family:var(--f-disp);font-size:1.25rem;color:var(--ink-3)}
input,textarea{background:var(--n1);border:0;border-radius:var(--r);min-height:48px;padding:.6rem .8rem;color:var(--ink);font-size:1rem;width:100%;outline:1px solid transparent;outline-offset:-1px}
textarea{min-height:90px;resize:vertical}
input:focus,textarea:focus,select:focus{outline:1px solid var(--n7)}
input[aria-invalid="true"]{outline:1px solid var(--n9)}
input[dir="ltr"]{text-align:end}
.field-err{font-size:.85rem;color:var(--n9)}
.form-msg{font-size:1rem;color:var(--ink-2);min-height:1.5em}
.book .btn{justify-self:start}

/* ---------- promo ---------- */
.promo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--gap);background:var(--n0);padding:var(--gap)}
.promo-photo{aspect-ratio:3/4;max-height:86svh;width:100%}
.promo-txt{background:var(--n2);border-radius:var(--r);padding:clamp(1.5rem,1rem + 3vw,4.5rem);display:flex;flex-direction:column;justify-content:center;gap:1.4rem}
.promo-steps{list-style:none;margin:0;padding:0;display:grid;gap:2px;background:var(--n1);max-width:40rem}
.promo-steps li{background:var(--n2);display:flex;align-items:baseline;gap:1rem;padding:.9rem 1rem;color:var(--ink-2);font-size:1.05rem}
.promo-steps b{font-size:2rem;color:var(--ink);min-width:1.2rem}
.promo-txt .btn{align-self:flex-start}

/* ---------- footer ---------- */
.foot{background:var(--n1);padding:clamp(2.5rem,1.5rem + 4vw,5rem) var(--pad) 1.5rem;display:grid;gap:2.5rem}
.foot-big{font-family:var(--f-disp);font-weight:700;font-size:clamp(4.5rem,2rem + 10vw,11.8rem);line-height:.8;color:var(--ink)}
.foot-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);background:var(--n0)}
.foot-cols>div{background:var(--n1);padding:1.2rem 0;display:grid;gap:.45rem;align-content:start}
.foot-cols a:hover{color:var(--ink)}
.foot-cols p{color:var(--ink-2);font-size:1.02rem}
.foot-legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.9rem;color:var(--ink-3);padding-top:1.2rem;background:linear-gradient(var(--n3),var(--n3)) top/100% 1px no-repeat}

/* ---------- floating / thumb ---------- */
.wa-float{position:fixed;bottom:1.25rem;inset-inline-start:1.25rem;z-index:55;transition:opacity .3s,transform .3s var(--ease);width:56px;height:56px;border-radius:var(--r);background:var(--n9);color:var(--n0);display:grid;place-items:center}
.wa-float svg{width:28px;height:28px}
.wa-float.off{opacity:0;transform:translateY(20px);pointer-events:none}
.thumb{display:none}

/* ---------- overlays ---------- */
.scrim{position:fixed;inset:0;background:rgb(5 11 22 / .72);z-index:80;opacity:0;transition:opacity .3s}
.scrim.on{opacity:1}
.drawer{position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(600px,100%);z-index:90;background:var(--n2);transform:translateX(-102%);transition:transform .45s var(--ease);overflow-y:auto;overscroll-behavior:contain;visibility:hidden}
.drawer.open{transform:none;visibility:visible}
.drawer-cart{width:min(460px,100%)}
.pd-media{position:relative;background:var(--n3);aspect-ratio:1}
.pd-media img,.pd-media .plate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pd-media .plate{background:var(--n1)}
.pd-tabs{position:absolute;bottom:0;inset-inline-start:0;display:flex;gap:2px;background:var(--n1);padding:2px;z-index:2}
.pd-tabs button{min-height:40px;padding-inline:1rem;font-family:var(--f-disp);font-size:1.3rem;background:var(--n2);color:var(--ink-2);border-radius:var(--r)}
.pd-tabs button[aria-pressed="true"]{background:var(--n9);color:var(--n0)}
.pd-body{padding:1.5rem;display:grid;gap:1.2rem}
.pd-title{font-family:var(--f-text);font-size:var(--t-3);font-weight:700;line-height:1.1}
.pd-price{font-size:2.8rem}
.variants{display:grid;gap:2px;background:var(--n1);padding:2px;border-radius:var(--r)}
.variants button{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding-inline:1rem;background:var(--n2);border-radius:var(--r);text-align:start;font-size:1.05rem}
.variants button small{font-family:var(--f-disp);font-size:1.15rem;color:var(--ink-3)}
.variants button:hover{background:var(--n3)}
.variants button[aria-pressed="true"]{background:var(--n9);color:var(--n0)}
.variants button[aria-pressed="true"] small{color:var(--n3)}
.variants button:disabled{color:var(--n5);cursor:not-allowed;text-decoration:line-through}
.qty{display:inline-flex;align-items:center;gap:2px;background:var(--n1);padding:2px;border-radius:var(--r)}
.qty button{width:40px;height:40px;display:grid;place-items:center;background:var(--n2);border-radius:var(--r)}
.qty button:hover{background:var(--n3)}
.qty svg{width:16px;height:16px}
.qty output{min-width:2.2rem;text-align:center;font-family:var(--f-disp);font-size:1.5rem}
.pd-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.6rem;align-items:center}
.pd-actions .btn,.pd-actions2 .btn{min-width:0;overflow:hidden}
.pd-actions .btn{width:100%}
.pd-actions2{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.pd-desc{color:var(--ink-2);font-size:1.05rem}
.pd-specs{margin:0;display:grid;gap:2px;background:var(--n1)}
.pd-specs div{display:flex;justify-content:space-between;gap:1rem;background:var(--n2);padding:.6rem .2rem}
.pd-specs dt{color:var(--ink-3);font-size:.98rem}
.pd-specs dd{margin:0;font-family:var(--f-disp);font-size:1.4rem}
.pd-specs div:hover .pen-svg path{stroke-dashoffset:0}
.stock-note{font-family:var(--f-disp);font-size:1.2rem;color:var(--ink-3)}

.cart-head{padding:1.4rem 1.5rem 1rem;display:flex;align-items:baseline;gap:.8rem;position:sticky;top:0;background:var(--n2);z-index:2}
.cart-list{list-style:none;margin:0;padding:0 1.5rem;display:grid;gap:2px}
.cart-item{display:grid;grid-template-columns:72px 1fr auto;gap:.9rem;align-items:center;background:var(--n1);padding:.6rem;border-radius:var(--r)}
.cart-item img{width:72px;height:90px;object-fit:cover;border-radius:var(--r)}
.cart-item h3{font-size:1.1rem;font-weight:700}
.cart-item p{font-size:.88rem;color:var(--ink-3)}
.cart-item .price{font-size:1.5rem}
.cart-rm{font-size:.85rem;color:var(--ink-3);text-decoration:underline;text-underline-offset:3px;min-height:32px}
.cart-rm:hover{color:var(--ink)}
.cart-foot{padding:1.4rem 1.5rem 2rem;display:grid;gap:.8rem}
.cart-sum{display:flex;justify-content:space-between;align-items:baseline;font-size:1.05rem;color:var(--ink-2)}
.cart-sum .price{font-size:2.6rem}
.cart-empty{padding:2rem 1.5rem;display:grid;gap:1rem;justify-items:start;color:var(--ink-2)}

.dlg{border:0;padding:0;background:var(--n2);color:var(--ink);border-radius:var(--r);max-width:min(720px,calc(100% - 2rem));width:100%;max-height:calc(100svh - 2rem)}
.dlg::backdrop{background:rgb(5 11 22 / .8)}
.dlg-text{padding:2rem;display:none}
.dlg-text[open]{display:grid;gap:1rem}
.dlg-text p{color:var(--ink-2);max-width:60ch}
.dlg-checkout[open]{display:grid}
.co{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:2px;background:var(--n0)}
.co>*{background:var(--n2);padding:1.6rem}
.co-form{display:grid;gap:.9rem;align-content:start}
.co-2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.radio-row{display:grid;gap:2px;background:var(--n1);padding:2px;border-radius:var(--r)}
.radio-row label{display:flex;align-items:center;gap:.7rem;min-height:46px;padding-inline:.9rem;background:var(--n2);border-radius:var(--r);cursor:pointer;font-size:1rem}
.radio-row label:has(input:checked){background:var(--n3)}
.radio-row input{width:18px;height:18px;min-height:0;accent-color:var(--n9)}
.co-sum{display:grid;gap:.8rem;align-content:start;background:var(--n1);padding-top:4.2rem!important}
.co-line{display:flex;justify-content:space-between;gap:1rem;font-size:.98rem;color:var(--ink-2)}
.co-done{padding:2.5rem;display:grid;gap:1.1rem;justify-items:start}
.co-done .read-big{font-size:4rem}

.dlg-tryon{max-width:100%;width:100%;height:100%;max-height:100%;margin:0;border-radius:0;background:var(--n0)}
.dlg-tryon[open]{display:block}

.toast{visibility:hidden;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%,160%);z-index:200;background:var(--n9);color:var(--n0);padding:.8rem 1.2rem;border-radius:var(--r);font-size:1rem;font-weight:700;transition:transform .35s var(--ease);max-width:calc(100% - 2rem)}
.toast.on{transform:translate(-50%,0);visibility:visible}

/* ---------- custom cursor (fine pointers) ---------- */
.cursor{display:none}
@media (pointer:fine) and (prefers-reduced-motion:no-preference){
  .cursor{display:block;position:fixed;inset:0;pointer-events:none;z-index:300}
  .cursor-dot{position:fixed;top:0;left:0;width:4px;height:4px;margin:-2px 0 0 -2px;background:var(--n9);border-radius:1px}
  .cursor-ring{position:fixed;top:0;left:0;width:40px;height:40px;margin:-20px 0 0 -20px;transition:width .25s var(--ease),height .25s var(--ease),margin .25s var(--ease),opacity .25s}
  .cursor-ring line{stroke:var(--n8);stroke-width:1.2}
  .cursor.big .cursor-ring{width:64px;height:64px;margin:-32px 0 0 -32px}
  .cursor.hide{opacity:0}
}

/* ---------- try-on ---------- */
.to{position:relative;height:100%;display:grid;grid-template-columns:minmax(0,1fr) 380px;background:var(--n0);gap:2px}
.to-view{position:relative;background:var(--n1);overflow:hidden;touch-action:none}
.to-view video,.to-view .to-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.to-view .to-photo{object-fit:contain;background:var(--n1)}
.to-view canvas.to-gl{position:absolute;inset:0;width:100%;height:100%}
.to-view .mirror{transform:scaleX(-1)}
.to-state{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:1.2rem;padding:2rem;text-align:center;z-index:3;background:var(--n1)}
.to-state[hidden]{display:none}
.to-state .h2{font-size:clamp(2.4rem,1.5rem + 3vw,4.4rem)}
.to-state p{color:var(--ink-2);max-width:44ch}
.to-btns{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}
.to-hud{position:absolute;top:0;inset-inline:0;display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.8rem;z-index:4;pointer-events:none}
.to-hud>*{pointer-events:auto}
.to-status{background:var(--n0);color:var(--ink-2);font-family:var(--f-disp);font-size:1.3rem;padding:.35rem .7rem;border-radius:var(--r);display:flex;align-items:center;gap:.5rem}
.to-status .led{width:9px;height:9px}
.to-shutter{position:absolute;bottom:1.2rem;left:50%;transform:translateX(-50%);z-index:4;width:76px;height:76px;border-radius:50%;background:var(--n9);outline:4px solid var(--n0);outline-offset:-10px;display:grid;place-items:center}
.to-shutter:hover{background:#fff}
.to-shutter svg{width:28px;height:28px;color:var(--n0)}
.to-panel{background:var(--n2);overflow-y:auto;padding:1.4rem;display:flex;flex-direction:column;gap:1.1rem}
.to-panel .h3{font-family:var(--f-disp);font-size:2.4rem;line-height:1}
.to-models{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--n1);padding:2px;border-radius:var(--r)}
.to-models button{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:.5rem;background:var(--n2);padding:.4rem;text-align:start;font-size:.9rem;line-height:1.2;border-radius:var(--r);min-height:56px}
.to-models button img{width:44px;height:44px;object-fit:cover;border-radius:var(--r)}
.to-models button:hover{background:var(--n3)}
.to-models button[aria-pressed="true"]{background:var(--n9);color:var(--n0)}
.to-manual{display:grid;gap:.6rem}
.to-manual label{font-family:var(--f-disp);font-size:1.2rem;color:var(--ink-3);display:grid;gap:.2rem}
input[type="range"]{min-height:32px;padding:0;background:transparent;accent-color:var(--n9);outline:0}
.to-shot{position:absolute;inset:0;z-index:6;background:var(--n0);display:grid;grid-template-rows:1fr auto;gap:2px}
.to-shot img{width:100%;height:100%;object-fit:contain;background:var(--n1)}
.to-shot .to-btns{background:var(--n2);padding:1rem}
.progress{height:6px;background:var(--n3);border-radius:var(--r);overflow:hidden;width:min(320px,80vw)}
.progress span{display:block;height:100%;width:0;background:var(--n9);transition:width .2s}

/* ---------- admin ---------- */
.adm{min-height:100svh;display:grid;grid-template-columns:240px minmax(0,1fr);gap:2px;background:var(--n0)}
.adm-rail{background:var(--n1);padding:1.2rem 1rem;display:flex;flex-direction:column;gap:1.2rem;position:sticky;top:0;height:100svh}
.adm-rail .logo-mark{font-size:2.2rem}
.adm-nav{display:grid;gap:2px;background:var(--n0)}
.adm-nav a{display:flex;align-items:center;gap:.7rem;min-height:46px;padding-inline:.9rem;background:var(--n1);font-family:var(--f-disp);font-size:1.55rem;color:var(--ink-2)}
.adm-nav a i{width:10px;height:10px;border-radius:1px;background:var(--n4)}
.adm-nav a:hover{background:var(--n2);color:var(--ink)}
.adm-nav a[aria-current="page"]{background:var(--n3);color:var(--ink)}
.adm-nav a[aria-current="page"] i{background:var(--n9)}
.adm-rail-foot{margin-top:auto;display:grid;gap:.4rem;font-size:.95rem;color:var(--ink-3)}
.adm-rail-foot a:hover{color:var(--ink)}
.adm-main{background:var(--n0);min-width:0;display:flex;flex-direction:column;gap:2px}
.adm-top{background:var(--n1);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.4rem;position:sticky;top:0;z-index:5}
.adm-top h1{font-family:var(--f-disp);font-size:2.6rem;line-height:1;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.tbl .lbl{white-space:nowrap}
.adm-top-r{display:flex;gap:.6rem;align-items:center}
.adm-body{display:grid;gap:2px}
.adm-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}
.adm-tile{background:var(--n2);padding:1.2rem 1.3rem;display:grid;gap:.5rem;align-content:start;min-width:0}
.adm-tile .read-big{font-size:3.4rem}
.adm-row2{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:2px}
.bars{width:100%;height:160px}
.bars rect{fill:var(--n5)}
.bars rect.today{fill:var(--n9)}
.bars text{font-family:var(--f-disp);font-size:12px;fill:var(--n7);text-anchor:middle}
.tbl{width:100%;border-collapse:separate;border-spacing:0 2px}
.tbl th,.tbl td{background:var(--n2);padding:.7rem .9rem;text-align:start;font-size:.98rem;vertical-align:middle}
.tbl thead th{background:var(--n1);font-family:var(--f-disp);font-weight:400;font-size:1.2rem;color:var(--ink-3)}
.tbl tbody tr:hover td{background:var(--n3)}
.tbl img{width:44px;height:52px;object-fit:cover;border-radius:var(--r)}
.tbl .num{font-size:1.4rem}
.tbl-wrap{overflow-x:auto;background:var(--n0)}
.status{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--f-disp);font-size:1.3rem;white-space:nowrap}
.status i{width:9px;height:9px;border-radius:1px;background:var(--n5)}
.status[data-s="חדש"] i,.status[data-s="התקבל"] i{background:var(--n9)}
.status[data-s="בטיפול"] i,.status[data-s="בעבודה"] i{background:var(--n7)}
.status[data-s="נשלח"] i,.status[data-s="מוכן לאיסוף"] i{background:var(--n6)}
.status[data-s="נמסר"] i{background:var(--n4)}
.adm-panel{background:var(--n2);padding:1.3rem;display:grid;gap:1rem;align-content:start}
.adm-panel h2{font-family:var(--f-disp);font-size:2rem;line-height:1;font-weight:700}
.adm-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.2rem}
.adm-form .full{grid-column:1/-1}
.adm-form fieldset{border:0;padding:0;margin:0;display:grid;gap:.6rem}
.adm-form legend{font-family:var(--f-disp);font-size:1.5rem;color:var(--ink);margin-bottom:.4rem;padding:0}
.checks{display:flex;flex-wrap:wrap;gap:2px;background:var(--n1);padding:2px;border-radius:var(--r)}
.checks label{display:flex;align-items:center;gap:.4rem;background:var(--n2);padding:.45rem .7rem;font-size:.95rem;cursor:pointer;border-radius:var(--r)}
.checks label:has(input:checked){background:var(--n3);color:var(--ink)}
.checks input{width:16px;height:16px;min-height:0;accent-color:var(--n9)}
.var-rows{display:grid;gap:2px}
.var-row{display:grid;grid-template-columns:1fr 90px 44px;gap:2px}
.var-row button{background:var(--n1);border-radius:var(--r);display:grid;place-items:center}
.var-row button:hover{background:var(--n3)}
.var-row svg{width:16px;height:16px}
.img-drop{display:grid;grid-template-columns:120px 1fr;gap:1rem;align-items:center}
.img-drop img{width:120px;height:150px;object-fit:cover;border-radius:var(--r);background:var(--n1)}
.img-drop .btns{display:flex;flex-wrap:wrap;gap:.5rem}
.toggle{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;font-family:var(--f-disp);font-size:1.3rem}
.toggle input{appearance:none;width:44px;height:24px;min-height:0;padding:0;border-radius:var(--r);background:var(--n1);position:relative;outline:1px solid var(--n5);cursor:pointer}
.toggle input::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:1px;background:var(--n6);transition:inset-inline-start .2s}
.toggle input:checked{background:var(--n4)}
.toggle input:checked::after{inset-inline-start:23px;background:var(--n9)}
.btn-sm{min-height:40px;font-size:1.25rem;padding-inline:.9rem}
.adm-login{min-height:100svh;display:grid;place-items:center;background:var(--n0);padding:1rem}
.adm-login form{background:var(--n2);padding:2rem;width:min(420px,100%);display:grid;gap:1rem;border-radius:var(--r)}
.adm-filters{display:flex;flex-wrap:wrap;gap:2px;background:var(--n0)}
.adm-filters button{min-height:42px;padding-inline:1rem;background:var(--n1);font-family:var(--f-disp);font-size:1.35rem;color:var(--ink-2)}
.adm-filters button[aria-pressed="true"]{background:var(--n3);color:var(--ink)}
.adm-detail{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:2px}
.kv{display:grid;gap:2px;background:var(--n1);margin:0}
.kv div{display:flex;justify-content:space-between;gap:1rem;background:var(--n2);padding:.55rem .2rem;font-size:.98rem}
.kv dt{color:var(--ink-3)}
.kv dd{margin:0;text-align:end}
.status-pick{display:flex;flex-wrap:wrap;gap:2px;background:var(--n1);padding:2px;border-radius:var(--r)}
.status-pick button{min-height:42px;padding-inline:.9rem;background:var(--n2);font-family:var(--f-disp);font-size:1.35rem;border-radius:var(--r);color:var(--ink-2)}
.status-pick button:hover{background:var(--n3)}
.status-pick button[aria-pressed="true"]{background:var(--n9);color:var(--n0)}
.low{color:var(--n9);font-family:var(--f-disp);font-size:1.3rem}
.list-plain{list-style:none;margin:0;padding:0;display:grid;gap:2px;background:var(--n1)}
.list-plain li{background:var(--n2);padding:.6rem .2rem;display:flex;justify-content:space-between;gap:1rem;font-size:.98rem}
.adm-mobile-nav{display:none}

/* print: lab claim slip */
.print-root{display:none}
@media print{
  @page{size:A5;margin:10mm}
  body{background:#fff!important;color:#000}
  body>*:not(.print-root){display:none!important}
  .print-root{display:block!important;color:#000;font-family:var(--f-text)}
  .slip{border:1.5px solid #000;padding:8mm;display:grid;gap:4mm}
  .slip h1{font-family:var(--f-disp);font-size:28pt;line-height:1;margin:0}
  .slip .big{font-family:var(--f-disp);font-size:40pt;line-height:1;white-space:nowrap;direction:ltr}
  .slip table{width:100%;border-collapse:collapse;font-size:11pt}
  .slip td{border-bottom:1px solid #999;padding:2mm 0;vertical-align:top}
  .slip td:first-child{width:32%;color:#333}
  .slip .cut{border-top:1.5px dashed #000;margin-top:6mm;padding-top:4mm;display:flex;justify-content:space-between;align-items:baseline}
  .slip .sig{margin-top:8mm;display:flex;justify-content:space-between;gap:10mm;font-size:10pt}
  .slip .sig span{flex:1;border-top:1px solid #000;padding-top:1mm}
  .slip p{font-size:9.5pt;margin:0}
}

/* ==========================================================================
   responsive
   ========================================================================== */
@media (max-width:1180px){
  .bar-nav{gap:1.1rem}
  .bar-clock{display:none}
  .cockpit{grid-template-rows:auto auto auto auto;height:auto;max-height:none;min-height:0;
    grid-template-areas:
     "quote quote quote quote quote quote quote g3d g3d g3d g3d g3d"
     "clock clock clock clock res res res res depth depth depth depth"
     "size size size size lab lab lab lab read read read read"}
  .t-3d{min-height:520px}
  .t-cfgread{flex-wrap:wrap}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  :root{--bar:58px}
  .bar{gap:.8rem}
  .bar-nav{display:none}
  .bar-menu{display:grid}
  .bar-end{margin-inline-start:auto}
  .logo-mark{font-size:2.1rem}
  .cockpit{grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-areas:"quote quote" "g3d g3d" "read read" "clock clock" "res depth" "size size" "lab lab"}
  .t-quote{min-height:auto;gap:1.4rem}
  .quote{font-size:clamp(2.8rem,12.6vw,5rem)}
  .q-line{white-space:normal}
  .t-3d{min-height:0;aspect-ratio:1/1.12}
  .cfg-row{padding-inline:.8rem;gap:.6rem}
  .cfg-k{width:3.1rem;font-size:1.15rem}
  .seg button{min-width:48px}
  .swatches button{width:34px;height:34px}
  .t-cfgread{display:grid;grid-template-columns:1fr auto;gap:.8rem}
  .cfgread-act{grid-column:1/-1}
  .cfgread-act .btn{flex:1}
  .cfgread-line{white-space:normal}
  .clock-wrap{height:auto;margin-top:.6rem}
  .gauge-clock{width:132px}
  .t-reserve .note,.t-depth .note{display:none}
  .depth{min-height:190px}
  .depth-stops span{display:none}
  .size-wrap{flex-wrap:wrap}
  .chapter{height:600vh}
  .chapter-stage{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;height:calc(100svh - var(--bar) - 62px)}
  .chapter-gl{order:-1}
  .chapter-text{padding:1rem 1rem 1.1rem;gap:.6rem}
  .chapter-text>.lbl,.chapter-text>.h2{display:none}
  .steps{margin-top:0}
  .step{display:none;padding:.6rem .2rem}
  .step.is-on{display:grid;background:var(--n2)}
  .step h3{font-size:2.2rem}
  .chapter-meter{inset-block:auto 0;inset-inline:0;width:auto;height:4px}
  .chapter-meter span{height:100%!important;width:var(--w,0%)}
  .chapter-photo{display:none}
  .cat-head{grid-template-columns:1fr}
  .cat-photo{aspect-ratio:16/8}
  .cat-body{grid-template-columns:1fr}
  .rail{position:sticky;top:var(--bar);z-index:20;display:block;background:var(--n0);padding-block:2px}
  .rail-group{background:none;padding:0}
  .rail-group:not(:first-child){display:none}
  .rail-group .rail-k{display:none}
  .switches{display:flex;overflow-x:auto;scrollbar-width:none;gap:2px;padding-inline:0}
  .switches::-webkit-scrollbar{display:none}
  .switches button{flex:none;background:var(--n2)}
  .rail-mobile-tools{display:flex!important}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .card-body{padding:.7rem .7rem .8rem;gap:.45rem}
  .card h3{font-size:1.15rem}
  .card-specs{grid-template-columns:repeat(2,1fr)}
  .card-specs div:nth-child(3){display:none}
  .card-specs dd{font-size:1.2rem}
  .price{font-size:1.7rem}
  .price s{font-size:1.1rem}
  .card-foot{flex-wrap:wrap}
  .card-try{min-height:44px;min-width:44px;font-size:1.15rem;padding-inline:.5rem}
  .card-try span{display:none}
  .types{height:auto}
  .types-pin{position:relative;top:0;height:auto;padding-block:2.5rem}
  .types-track{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.5rem;transform:none!important;scrollbar-width:thin;scrollbar-color:var(--n4) transparent}
  .type{width:78vw;flex:none;scroll-snap-align:start}
  .lab-grid{grid-template-columns:1fr}
  .spec th,.spec td{padding:.8rem .7rem}
  .spec tbody th{font-size:1.2rem}
  .spec td{font-size:1.3rem}
  .services td:last-child{font-size:1.6rem}
  .promo{grid-template-columns:1fr}
  .promo-photo{aspect-ratio:4/3}
  .foot{padding-bottom:6.5rem}
  .foot-big{font-size:clamp(3.6rem,17vw,6rem)}
  .pd-actions2{grid-template-columns:1fr}
  .to-state{place-content:start center;padding:4.2rem 1.2rem 1.2rem;overflow-y:auto;gap:.8rem}
  .to-state .h2{font-size:2.1rem}
  .to-state>p:not(.lbl){font-size:.95rem}
  .to-state .btn{font-size:1.25rem;min-height:44px}
  .tbl td:first-child img{display:none}
  .foot-cols{grid-template-columns:1fr 1fr}
  .foot-cols>div:first-child{grid-column:1/-1}
  .wa-float{display:none}
  .thumb{display:grid;grid-template-columns:1fr 56px 56px;gap:2px;position:fixed;bottom:0;inset-inline:0;z-index:70;background:var(--n0);padding:2px 2px calc(2px + env(safe-area-inset-bottom))}
  .thumb>*{position:relative;display:grid;place-items:center;min-height:56px;background:var(--n2);border-radius:var(--r)}
  .thumb svg{width:24px;height:24px}
  .thumb .thumb-main{display:flex;gap:.6rem;background:var(--n9);color:var(--n0);font-family:var(--f-disp);font-size:1.6rem;font-weight:700}
  .thumb .bar-count{top:6px;inset-inline-end:6px}
  .toast{bottom:5rem}
  .co{grid-template-columns:1fr}
  .co-2{grid-template-columns:1fr}
  .drawer{width:100%;top:auto;height:92svh;transform:translateY(102%);border-radius:var(--r) var(--r) 0 0}
  .drawer.open{transform:none}
  .pd-media{aspect-ratio:4/3.4}
  .to{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}
  .to-panel{max-height:44svh;padding:1rem;gap:.8rem}
  .to-panel .h3{font-size:1.9rem}
  .to-models{grid-template-columns:repeat(2,1fr)}
  .to-shutter{width:64px;height:64px}
  .adm{grid-template-columns:1fr}
  .adm-rail{display:none}
  .adm-mobile-nav{display:flex;overflow-x:auto;gap:2px;background:var(--n0);scrollbar-width:none}
  .adm-mobile-nav a{flex:none;min-height:46px;padding-inline:1rem;display:flex;align-items:center;background:var(--n1);font-family:var(--f-disp);font-size:1.45rem;color:var(--ink-2)}
  .adm-mobile-nav a[aria-current="page"]{background:var(--n3);color:var(--ink)}
  .adm-top{padding:.7rem 1rem}
  .adm-top h1{font-size:2.1rem}
  .adm-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .adm-tile .read-big{font-size:2.6rem}
  .adm-row2,.adm-detail{grid-template-columns:1fr}
  .adm-form{grid-template-columns:1fr}
  .tbl .hide-m{display:none}
}
@media (min-width:861px){ .rail-mobile-tools{display:none!important} }

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
  .pen-svg path{stroke-dashoffset:0}
  .chapter{height:auto}
  .chapter-stage{position:relative;height:auto;min-height:calc(100svh - var(--bar))}
  .chapter .step p,.chapter .step .btn{display:block}
  .chapter .step .btn{display:inline-flex}
  .chapter .step h3{color:var(--ink)}
  .types{height:auto}
  .types-pin{position:relative;height:auto}
  .types-track{overflow-x:auto;width:auto}
}

/* mobile: let image-tool buttons wrap instead of clipping */
.img-drop{min-width:0}
.img-drop .btns{display:flex;flex-wrap:wrap;gap:.5rem}
.img-drop .btn{white-space:normal;text-align:center;max-width:100%}
@media (max-width:560px){.img-drop{grid-template-columns:1fr!important}.img-drop img{width:100%;height:auto;max-width:220px}}

/* ---- personalised demo (window.NXB) ---- */
.quote.quote-long{font-size:min(clamp(2.8rem,1rem + 4.4vw,5.4rem),9.5vh)}
.quote-lede{font-size:1.08rem;line-height:1.55;color:var(--ink-2);max-width:40ch;margin-top:-.4rem}
.nx-story{background:var(--n0);padding:clamp(3.5rem,2rem + 6vw,8rem) var(--pad);display:grid;gap:1.4rem;justify-items:start;border-top:2px solid var(--n1)}
.nx-story-txt{font-family:var(--f-text);font-weight:400;font-size:clamp(1.5rem,1.05rem + 1.5vw,2.45rem);line-height:1.38;color:var(--ink);max-width:34ch;text-wrap:pretty}
.nx-story-about{max-width:52ch}
.card-nx .card-desc{font-size:.98rem;line-height:1.45;color:var(--ink-3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.price-ask{font-size:1.25rem;color:var(--ink-2)}
.foot-visit{color:var(--ink)}
/* shared luxury kit (nx-lux) dressed as an instrument key, clear of the WhatsApp float and the thumb bar */
html body .lx-a11y-b{inset-inline-start:auto;right:auto;left:1.25rem;bottom:1.25rem;width:48px;height:48px;border-radius:var(--r);background:var(--n3);color:var(--ink)}
html body .lx-a11y-b:hover{background:var(--n9);color:var(--n0)}
html body .lx-panel{inset-inline-start:auto;right:auto;left:1.25rem;bottom:5rem}
body:has(#admin:not([hidden])) .lx-grain{display:none}
@media (max-width:860px){
  .quote.quote-long{font-size:clamp(2.4rem,10.4vw,4rem)}
  html body .lx-a11y-b{left:.6rem;bottom:calc(68px + env(safe-area-inset-bottom))}
  html body .lx-panel{left:.6rem;bottom:calc(124px + env(safe-area-inset-bottom))}
}
html body .lx-ck{background:var(--n2);color:var(--ink);border-top:2px solid var(--n9);border-radius:var(--r);font-family:var(--f-text);font-size:1rem}
html body .lx-ck button{border-radius:var(--r);border-color:var(--n6);color:var(--ink);font-family:var(--f-disp);font-size:1.35rem;line-height:1}
html body .lx-ck button.p{background:var(--n9);color:var(--n0);border-color:var(--n9)}
html body .lx-panel{background:var(--n2);color:var(--ink);border:0;border-top:2px solid var(--n9);border-radius:var(--r);font-family:var(--f-text)}
html body .lx-panel h2{font-family:var(--f-disp);font-size:1.6rem;font-weight:700}
html body .lx-panel button{border-radius:var(--r);border:0;background:var(--n1);color:var(--ink-2);font-family:var(--f-disp);font-size:1.35rem}
html body .lx-panel button[aria-pressed=true]{background:var(--n9);color:var(--n0)}
html body .lx-panel a{color:var(--ink)}
@media (max-width:860px){html body .lx-ck{bottom:calc(68px + env(safe-area-inset-bottom))}}
@media (min-width:861px){.foot{padding-bottom:5.5rem}}
/* long business names: the wordmark wraps instead of pushing the bar wider than the screen */
.logo{flex:0 1 auto;min-width:0}
.logo.logo-long{flex-direction:column;align-items:flex-start;gap:.2rem}
.logo.logo-long .logo-mark{font-size:1.75rem;line-height:.95;overflow-wrap:anywhere}
@media (max-width:860px){.logo.logo-long .logo-mark{font-size:1.45rem}.logo.logo-long .logo-sub{display:none}}

/* QA (ת"י 5568): footer links keep their look, tap area >= 44px */
.foot-cols a{display:inline-block;padding-block:13px;margin-block:-13px}