/* MATAR · מטר — שחזור של bluntumbrellas.com, ערכים שנמדדו ב-1440 (ראו rebuild-plan.md). פונט פלוני. */
@font-face{font-family:'Cooperative';src:url('../fonts/Cooperative-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Ploni';src:url('../fonts/ploni-regular-aaa.woff2') format('woff2');font-weight:400;font-display:swap;ascent-override:123.2%;descent-override:35.4%;line-gap-override:0%}
@font-face{font-family:'Ploni';src:url('../fonts/ploni-bold-aaa.woff2') format('woff2');font-weight:700;font-display:swap;ascent-override:123.2%;descent-override:35.4%;line-gap-override:0%}

:root{
  --ink:#262525; --ink-2:#4A4848; --mute:#6E6C6C;
  --grey-1:#F1F1F1; --grey-2:#F2F2F2; --card:#F5F5F5; --anim:#EEEEEE; --line:#E1E1E1;
  --dark:#232323; --sky:#00A2E0;
  --side:max(40px, calc((100vw - 1680px) / 2)); --pad:max(40px, calc((100vw - 1680px) / 2)); --nav:60px; --topbar:36px;
  --h1:clamp(38px,5.35vw,77px);
  --h2:clamp(31px,2.85vw,41px);
  --h2c:var(--h2);
  --h4:var(--h2);
  --h5:clamp(21px,1.67vw,24px);
  --h6:var(--h5);
  --body:18px; --lead:clamp(20px,1.46vw,21px); --small:15px; --btn:18px;
  --section:112px;
  --ease:cubic-bezier(.2,.6,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:'Ploni',system-ui,sans-serif;font-weight:400;font-size:var(--body);line-height:1.36;color:var(--ink);background:#fff;direction:rtl;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input{font:inherit}
ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:0}
.h1,.h2,.h4,.about h2,.diff-txt h2,.collab-txt h2,.hub h2,.ftr h2,.built h2{font-family:'Cooperative','Ploni',system-ui,sans-serif;font-weight:400;font-synthesis:none}
.h1{font-size:var(--h1);line-height:.92}
.h2{font-size:var(--h2);line-height:.96}
.h4{font-size:var(--h4);line-height:.96}
.h5{font-size:var(--h5);line-height:1.08}
.h6{font-size:var(--h5);line-height:1.08}
.p-l{font-size:var(--lead);line-height:1.28}
.cap{font-size:var(--small);line-height:1.2;font-weight:400;letter-spacing:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;top:-60px;right:var(--side);background:var(--dark);color:#fff;padding:10px 16px;z-index:200}
.skip:focus{top:8px}

/* כפתורים — 14px, משקל 600 אצלם → 700 אצלנו */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 28px 5px;font-size:var(--btn);line-height:1;font-weight:700;border-radius:4px;border:1px solid transparent;background:#fff;color:var(--ink);transition:background .25s,color .25s,border-color .25s,transform .25s,box-shadow .25s;white-space:nowrap;cursor:pointer}
.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.10)}
.btn:active{transform:translateY(0);box-shadow:none}
.btn:focus-visible,.icon-btn:focus-visible,.press-logo:focus-visible,.chip:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.btn:hover{background:var(--dark);color:#fff}
.btn-line{border-color:var(--line)}
.btn-line:hover{border-color:var(--dark)}
.btn-dark{background:var(--dark);color:#fff}
.btn-dark:hover{background:#fff;color:var(--ink);border-color:var(--dark)}
.btn-glass{background:rgba(255,255,255,.22);color:#fff;backdrop-filter:blur(8px)}
.btn-glass:hover{background:#fff;color:var(--ink)}
.btn-block{width:100%}
.btn-sm{}
.icon-btn{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:50%;position:relative;transition:background .2s,opacity .2s}
.icon-btn svg{width:17px;height:17px}
.icon-btn:hover{background:rgba(0,0,0,.06)}
.dot{display:inline-block;width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}

/* פס עליון + הדר */
.topbar{height:var(--topbar);background:var(--dark);color:#fff;font-size:var(--small);position:relative;z-index:61;line-height:1.2;overflow:hidden}
.tb-msgs{position:relative;height:100%;margin:0 56px}
.tb-msgs span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.3em;white-space:nowrap;opacity:0;transform:translateY(100%);transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .55s}
.tb-msgs span.on{opacity:1;transform:none}
.tb-msgs span.off{opacity:0;transform:translateY(-100%)}
.tb-msgs b{font-weight:700}
.topbar-x{position:absolute;left:10px;top:0;height:100%;display:grid;place-items:center;color:#fff;opacity:.6;transition:opacity .2s}
.topbar-x:hover{opacity:1}
.topbar-x svg{width:14px;height:14px}
.hdr{height:var(--nav);background:#fff;position:sticky;top:0;z-index:60;box-shadow:0 1px 0 rgba(0,0,0,.06);transition:background .3s,color .3s,box-shadow .3s}
.hdr-in{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--side)}
.nav{display:flex;gap:26px;font-size:var(--body);font-weight:400;line-height:1.36}
.nav a{transition:opacity .2s}
.nav a:hover,.nav a[aria-current]{opacity:.55}
.logo{font-size:19px;font-weight:700;letter-spacing:.18em;text-indent:.18em;direction:ltr;justify-self:center}
.hdr-end{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:var(--body);font-weight:400;line-height:1.36}
.hdr-link{display:inline-flex;align-items:center;gap:8px;padding:0 6px}
.hdr-sep{width:1px;height:16px;background:currentColor;opacity:.25;margin:0 8px}
.flag{width:18px;height:12px;display:inline-block;background:linear-gradient(#fff 0 16%,#0038B8 16% 30%,#fff 30% 70%,#0038B8 70% 84%,#fff 84%);box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.count{position:absolute;top:0;left:0;min-width:15px;height:15px;padding:0 4px;border-radius:8px;background:var(--dark);color:#fff;font-size:var(--small);line-height:1.2;text-align:center}
.count:empty{display:none}
.hdr-start{display:none;align-items:center;min-width:0}
body.over .hdr{position:fixed;top:var(--topbar);width:100%;background:transparent;color:#fff;box-shadow:none}
body.over.no-topbar .hdr{top:0}
body.over .hdr .count{background:#fff;color:var(--ink)}
body.over .hdr.scrolled{top:0;background:#fff;color:var(--ink);box-shadow:0 1px 0 rgba(0,0,0,.06)}
body.over .hdr.scrolled .count{background:var(--dark);color:#fff}

/* תפריט מובייל */
.menu{position:fixed;inset:0;background:#fff;z-index:120;padding:0 20px 40px;transform:translateX(100%);transition:transform .45s var(--ease);overflow:auto}
.menu.open{transform:none}
.menu-top{height:var(--nav);display:flex;align-items:center;justify-content:space-between}
.menu-ranges{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.menu-range{background:var(--card);border-radius:4px;padding:10px 12px 14px;display:flex;flex-direction:column}
.menu-range img{width:100%;aspect-ratio:1;object-fit:contain}
.menu-range-name{font-family:'Cooperative','Ploni',system-ui,sans-serif;font-weight:400;font-size:var(--h5);line-height:1.08;margin-top:4px}
.menu-range-price{font-size:var(--small);color:var(--mute);margin-top:2px}
.menu-links{display:flex;flex-direction:column;gap:14px;margin-top:32px}
.menu-links a{font-family:'Cooperative','Ploni',system-ui,sans-serif;font-weight:400;font-size:var(--h2);line-height:1.1}

/* ===== בית ===== */
/* 1 הירו 900 */
.hero{position:relative;height:100vh;min-height:620px;overflow:hidden;color:#fff;background:#3b4a4d}
.hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:100% 50%}
.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.42) 0,rgba(0,0,0,.12) 24%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 62%,rgba(0,0,0,.38))}
.hero-in{position:relative;z-index:2;height:100%;padding:calc(var(--topbar) + var(--nav) + 37px) var(--side) 50px}
.hero h1{max-width:1380px}
.hero-foot{position:absolute;bottom:50px;right:var(--pad);z-index:2;width:300px}
.hero-foot p{margin-bottom:22px}
.hero-foot .btn{width:240px}

/* 2 מעוצב להיום 778 */
.about{background:var(--grey-1);display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:40px var(--pad);align-items:stretch}
.about-txt{padding:0}
.about h2{font-size:clamp(48px,6.6vw,95px);white-space:nowrap}
.about p{max-width:400px;margin-top:40px}
.about .p-l{font-size:var(--body);line-height:1.36}
.about img{display:block;width:100%;height:0;min-height:100%;object-fit:cover;object-position:center top;border-radius:4px}

/* 3 ערכים 622 */
.about-more{font-size:var(--body);line-height:1.36;max-width:400px;margin-top:20px}
.values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,220px));gap:40px;margin-top:56px;padding-bottom:0}
.values-grid svg{width:32px;height:32px;stroke:var(--ink);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:14px}
.values-grid h3{font-family:'Cooperative','Ploni',system-ui,sans-serif;font-weight:400;font-synthesis:none;font-size:28px;line-height:.85;margin-bottom:4px}
.about .values-grid p{font-size:var(--body);line-height:1.36;margin-top:8px}
.about .about-more{margin-top:20px}

/* 4 כל המטריות 832 */
.rail-sec{padding:var(--section) 0}
.rail-head{display:flex;align-items:center;justify-content:space-between;padding:0 var(--side);margin-bottom:24px}
.rail-ctl{display:flex;align-items:center;gap:6px}
.rail-ctl .btn{margin-right:14px}
.rail-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 20px)/3);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 var(--side)}
.rail-track::-webkit-scrollbar{display:none}
.rail-track>*{scroll-snap-align:start}

/* כרטיס מוצר */
.card{background:var(--card);display:grid;grid-template-rows:auto 1fr auto;padding:20px 20px 10px;height:573px;position:relative}
.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 10px 0}
.card-name{font-size:var(--h5);line-height:1.08}
.card-price{display:block;font-size:var(--body);line-height:1.36;font-weight:700;margin-top:2px}
.card-tag{display:flex;align-items:center;gap:8px;padding-top:6px}
.card-tag .cap{font-size:var(--small);letter-spacing:0;color:var(--ink-2);line-height:1.2}
.card-img{display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0}
.card-img img{width:68%;aspect-ratio:1;object-fit:contain;transform:translateY(14px);transition:transform .6s var(--ease)}
.card:hover .card-img img{transform:translateY(14px) scale(1.05)}
.card .btn{margin-top:6px}

/* 5 אנימציה נעוצה 3600 */
.anim{height:450vh;background:#ECECEC;position:relative}
#seq{position:absolute;inset:0;width:100%;height:100%;display:block}
.anim-stage{position:sticky;top:0;height:100vh;overflow:hidden}
.anim-layer{position:absolute;inset:0;will-change:opacity,transform}
.wire{position:absolute;left:50%;top:30%;width:min(1340px,94vw);transform:translateX(-50%)}
.anim-title{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:0 var(--side)}
.anim-title h2{max-width:1100px}
.diff-txt{position:absolute;top:calc(var(--nav) + 40px);right:var(--side);width:300px}
.diff-txt h2{font-size:var(--h4);line-height:.96;margin-bottom:20px}
.diff-txt p{font-size:var(--body);line-height:1.36;max-width:280px}
.diff-img{position:absolute;left:24%;bottom:7%;width:min(800px,56vw)}
.diff-img img{width:100%}
.spot{position:absolute;z-index:2;width:52px;height:52px;border-radius:50%;background:rgba(35,35,35,.82);color:#fff;display:grid;place-items:center;transform:translate(-50%,-50%);transition:background .25s,transform .25s;box-shadow:0 0 0 10px rgba(35,35,35,.08)}
.spot svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;transition:transform .25s}
.spot:hover,.spot[aria-expanded="true"]{background:#fff}
.spot:hover svg,.spot[aria-expanded="true"] svg{stroke:var(--ink)}
.spot[aria-expanded="true"] svg{transform:rotate(45deg)}
.spot-tip{position:absolute;z-index:4;width:270px;background:#fff;padding:18px 20px;border-radius:6px;box-shadow:0 2px 20px rgba(0,0,0,.1);font-size:var(--body);line-height:1.36;transform:translate(-50%,40px);z-index:3}
.spot-tip b{display:block;font-size:var(--body);margin-bottom:4px;line-height:1.36}
.spot-tip[hidden]{display:none}
.front-img{position:absolute;left:50%;top:calc(50% + 30px);width:min(960px,68vw);max-height:calc(100vh - 120px);object-fit:contain;transform:translate(-50%,-50%)}

/* 6 קולבורציות 840 */
.collab{position:relative;height:840px;background:#E9C5C7;overflow:hidden;transition:background .5s}
.collab-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.collab-slide.on{transition-delay:.3s}
.collab-slide.on{opacity:1;visibility:visible}
.collab-img{position:absolute;top:0;bottom:0;right:0;width:56%;overflow:hidden;clip-path:url(#mClip)}
.collab-img img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.collab-txt{position:absolute;left:var(--side);right:auto;top:0;bottom:0;width:440px;display:flex;flex-direction:column;justify-content:center}
.collab-txt h2{font-size:clamp(44px,5vw,72px);line-height:.92;font-weight:400;margin-bottom:28px}
.collab-txt h2 b{font-weight:400}
.collab-txt p{font-size:var(--body);line-height:1.36;max-width:400px;margin-bottom:28px}
.collab-btns{position:absolute;top:30px;left:var(--side);display:flex;gap:6px;z-index:3}
.collab-btns .btn{}
.collab-btns .btn+.btn{background:rgba(255,255,255,.35);color:#fff}
.collab-btns .btn+.btn:hover{background:#fff;color:var(--ink)}
.collab-dots{position:absolute;bottom:34px;left:var(--side);display:flex;gap:16px;z-index:3}
.collab-dots button{width:7px;height:7px;border-radius:50%;background:rgba(0,0,0,.18)}
.collab-dots button[aria-current]{background:var(--ink)}
.collab{touch-action:pan-y;user-select:none}
.collab-arrows{position:absolute;bottom:22px;left:calc(var(--side) + 120px);display:flex;gap:8px;z-index:3}
.collab-arrows button{width:40px;height:40px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;color:inherit;background:transparent;transition:background .2s,color .2s}
.collab-arrows .ca-prev svg{transform:none}.collab-arrows .ca-next svg{transform:scaleX(-1)}
.collab-arrows button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.collab.dark .collab-arrows button:hover{background:#fff;color:var(--ink);border-color:#fff}
.collab.dark{color:#fff}
.collab.dark .collab-dots button{background:rgba(255,255,255,.4)}
.collab.dark .collab-dots button[aria-current]{background:#fff}

/* 7 עיתונות 714 */
.press{height:714px;display:flex;flex-direction:column;padding:0 var(--side)}
.press-row{display:flex;justify-content:space-around;align-items:center;gap:30px;height:150px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.press-logo{position:relative;padding:14px 12px 18px;cursor:pointer;opacity:.28;transition:opacity .3s}
.press-logo:hover{opacity:.6}
.press-logo.on{opacity:1}
.press-logo::after{content:"";position:absolute;right:12px;left:12px;bottom:0;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:right}
.press.live .press-logo.on::after{animation:pressBar 5s linear forwards}
.press:not(.live) .press-logo.on::after{transform:scaleX(0)}
.press:hover .press-logo.on::after,.press:focus-within .press-logo.on::after{animation-play-state:paused}
@keyframes pressBar{to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.press .press-logo.on::after{animation:none;transform:scaleX(1)}}
.press-logo img{height:26px;width:auto;max-width:170px;object-fit:contain;display:block}
.quote-in{transition:opacity .35s,transform .35s;max-width:1100px;margin:0 auto}
.quote-in.out{opacity:0;transform:translateY(10px)}
.press-row .serif{font-family:'Times New Roman',serif;font-weight:400;letter-spacing:.06em}
.quote{flex:1;display:grid;place-items:center;text-align:center}
.quote-mark{display:block;font-family:'Cooperative',serif;font-size:clamp(110px,9vw,160px);line-height:.6;height:.42em;color:var(--line);margin-bottom:18px}
.quote p{font-family:'Cooperative','Ploni',system-ui,sans-serif;font-weight:400;font-synthesis:none;font-size:clamp(36px,3.9vw,58px);line-height:1.06;max-width:1100px;margin:0 auto 36px;text-wrap:balance}
.quote cite{font-style:normal;font-size:var(--body);color:var(--ink);line-height:1.2;display:inline-flex;align-items:center;gap:14px}
.quote cite::before{content:"";width:36px;height:1px;background:var(--ink)}

/* 8 מועדון 705 */
.hub{background:var(--card);padding:var(--section) var(--side);display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,920px);gap:40px;align-items:start;padding-bottom:80px;margin-bottom:56px}
.hub h2{font-size:clamp(48px,5vw,72px);line-height:.92;margin-bottom:24px}
.hub .intro{font-size:var(--lead);font-weight:700;line-height:1.28;max-width:340px}
.acc{display:grid;gap:10px}
.acc-item{background:#fff;border-radius:4px}
.acc-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:38px 36px;text-align:right;border-radius:4px}
.acc-btn:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.acc-btn h3{font-family:'Cooperative','Ploni',system-ui,sans-serif;font-weight:400;font-synthesis:none;font-size:clamp(28px,2.4vw,34px);line-height:1}
.acc-btn svg{width:44px;height:44px;stroke:var(--ink);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.acc-body{padding:0 36px 34px;font-size:var(--body);line-height:1.36;max-width:640px}
.acc-body .btn{margin-top:20px;}
.acc-body[hidden]{display:none}

/* 9 גלריית שיתופי פעולה 1100 */
.gallery-sec{--hx:min(220px,19vh,15vw);--gap:min(120px,8vw);height:calc(100vh - var(--nav));min-height:680px;position:relative;overflow:hidden;background:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:3vh 0 4vh}
.g-row{direction:ltr;display:flex;position:relative;z-index:1}
.g-track{display:flex;gap:var(--gap);will-change:transform;padding-left:calc(var(--gap) / 2)}
.g-r2{justify-content:space-between;padding:0 7vw}
.hx{width:var(--hx);flex:none;position:relative;isolation:isolate}
.hx::after{content:'';position:absolute;inset:14% 12% 2%;border-radius:50%;background:rgba(0,0,0,.2);filter:blur(14px);transform:translateY(16px);z-index:-1}
.hx img{width:100%;display:block;user-select:none;will-change:transform}
@keyframes spin{to{transform:rotate(360deg)}}
.gallery-mid{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:720px;z-index:3}
.gallery-mid h2{margin-bottom:26px}
.gallery-mid p{max-width:420px;margin:0 auto 26px}

/* 10 רצועה 288 */

/* פוטר 706 */
.ftr{background:#000;color:#fff;padding:40px var(--side) 22px;display:grid;grid-template-columns:minmax(0,440px) 1fr;gap:24px 60px;position:relative}
.ftr h2{font-size:var(--h4);line-height:.96;max-width:370px}
.ftr-cols{grid-column:2;grid-row:1/span 2;display:grid;grid-template-columns:repeat(4,auto);justify-content:end;gap:0 64px;font-size:var(--small);line-height:1.5;align-content:start;padding-top:6px}
.ftr-cols h3{font-size:var(--small);font-weight:700;color:#fff;margin-bottom:8px;line-height:1.5}
.ftr-cols li{margin-bottom:0}
.ftr-cols a:hover{text-decoration:underline}
.ftr-news{grid-column:1;grid-row:2;align-self:end}
.ftr-news p{font-size:var(--small);color:rgba(255,255,255,.7);margin-bottom:10px;max-width:340px;line-height:1.2}
.news{display:flex;gap:6px;max-width:420px}
.news input{font-size:16px;flex:1;min-width:0;height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;border-radius:4px}
.news input::placeholder{color:rgba(255,255,255,.45)}
.news .ok{display:block;margin-top:8px;font-size:var(--small);color:#9fd8ff;line-height:1.2}
.ftr-bar{grid-column:1/-1;align-self:end;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:var(--small);color:rgba(255,255,255,.55);border-top:1px solid rgba(255,255,255,.14);padding-top:16px;line-height:1.2}
.ftr-bar nav{display:flex;gap:18px}

/* סל */
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity .35s;z-index:130}
.scrim.open{opacity:1;pointer-events:auto}
.drawer:not(.open){box-shadow:none}
.drawer{position:fixed;top:10px;bottom:10px;left:10px;width:min(475px,calc(100% - 20px));background:#fff;border-radius:8px;box-shadow:0 2px 20px rgba(0,0,0,.15);z-index:140;display:grid;grid-template-rows:auto 1fr auto;transform:translateX(calc(-100% - 20px));transition:transform .45s var(--ease)}
.drawer.open{transform:none}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid var(--line)}
.drawer-head h2{font-size:var(--h5);line-height:1.08}
.drawer-head .n{font-weight:400;color:var(--mute)}
.link{font-size:var(--small);text-decoration:underline;text-underline-offset:3px;line-height:1.2}
.drawer-body{overflow:auto;padding:6px 26px}
.ship-note{font-size:var(--small);padding:14px 0;border-bottom:1px solid var(--line);line-height:1.2}
.line{display:grid;grid-template-columns:92px 1fr auto;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);align-items:start}
.line-img{background:var(--card);border-radius:4px;overflow:hidden;aspect-ratio:1;display:grid;place-items:center}
.line-img img{width:86%}
.line-name{font-weight:700;font-size:var(--body);display:block;line-height:1.36}
.line-color{display:inline-flex;align-items:center;gap:6px;font-size:var(--small);color:var(--ink-2);margin-top:2px;line-height:1.2}
.line-color i{width:12px;height:12px;border-radius:50%;display:inline-block}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:4px;margin-top:12px;direction:ltr}
.qty button{width:30px;height:30px}
.qty output{min-width:26px;text-align:center;font-size:var(--body);line-height:1.36}
.line-end{display:grid;gap:8px;justify-items:end;text-align:left}
.rm{font-size:var(--small);color:var(--mute);text-decoration:underline;line-height:1.2}
.empty{padding:50px 0;text-align:center;display:grid;gap:18px;justify-items:center}
.drawer-foot{padding:18px 26px 26px;border-top:1px solid var(--line)}
.sum-row{display:flex;justify-content:space-between;font-weight:700;font-size:var(--body);margin-bottom:4px;line-height:1.36}
.drawer-foot .muted{font-size:var(--small);color:var(--mute);margin-bottom:16px;line-height:1.2}
.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:var(--dark);color:#fff;padding:12px 20px;border-radius:4px;font-size:var(--body);opacity:0;transition:.3s;z-index:150;pointer-events:none;line-height:1.36}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* ===== קטגוריה ===== */
.coll-head{padding:65px var(--side) 0}
.coll-intro{display:grid;grid-template-columns:1fr 330px 330px;gap:20px;margin:110px 0 50px;padding:0 var(--side)}
.coll-intro b{font-size:var(--small);line-height:1.2;text-align:left}
.coll-intro p{font-size:var(--body);line-height:1.36}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 var(--side)}
@media (min-width:1101px){.grid.g4{grid-template-columns:repeat(4,1fr)}}
.filter-fab{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:10px;height:36px;padding:0 16px;background:#fff;border-radius:6px;box-shadow:0 2px 14px rgba(0,0,0,.12);font-size:var(--small);font-weight:700;line-height:1.2}
.filter-fab svg{width:14px;height:14px;stroke:var(--ink);fill:none;stroke-width:1.5}
.filter-pop{position:fixed;bottom:66px;left:50%;transform:translateX(-50%);z-index:51;background:#fff;border-radius:8px;box-shadow:0 4px 24px rgba(0,0,0,.14);padding:8px;display:grid;min-width:200px}
.filter-pop[hidden]{display:none}
.filter-pop button{text-align:right;padding:10px 12px;border-radius:4px;font-size:var(--body);line-height:1.36}
.filter-pop button:hover,.filter-pop button[aria-pressed="true"]{background:var(--card)}
.range-sec{padding:var(--section) 0}
.range-sec .rail-head{margin-bottom:30px}
.range-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 10px)/2);gap:10px;overflow-x:auto;scrollbar-width:none;margin:0 var(--side);scroll-snap-type:x mandatory}
.range-track::-webkit-scrollbar{display:none}
.range-card{position:relative;height:560px;border-radius:0;overflow:hidden;color:#fff;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:flex-end;padding:40px 50px}
.range-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.range-card:hover img{transform:scale(1.04)}
.range-card::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.45))}
.range-card>*:not(img){position:relative;z-index:2}
.range-card h3{font-size:var(--h5);line-height:1.08;margin-bottom:18px}
.range-card .btn{align-self:flex-start;background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.range-card .btn:hover{background:#fff;color:var(--ink)}

/* ===== מוצר ===== */
.pbanner{position:relative;height:100vh;min-height:720px;color:#fff;overflow:hidden}
.pbanner.light{color:var(--ink)}
.pbanner h1{position:absolute;top:calc(var(--topbar) + var(--nav) + 10px);left:0;right:0;text-align:center;z-index:2}
.p-front{position:absolute;left:50%;top:22%;width:min(980px,68vw);transform:translateX(-50%);z-index:1;filter:drop-shadow(0 30px 40px rgba(0,0,0,.18))}
.p-desc{position:absolute;bottom:120px;right:var(--side);width:300px;z-index:2;font-size:var(--small);line-height:1.2}
.p-desc .price{display:block;margin-top:18px;font-size:var(--body);line-height:1.36}
.p-size{position:absolute;bottom:120px;left:var(--side);width:320px;z-index:2;font-size:var(--small);line-height:1.2}
.p-size .num{display:flex;align-items:center;gap:8px;font-size:var(--body);font-weight:700;margin-bottom:10px;line-height:1.36}
.p-size .num svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.2}
.p-size-btns{display:flex;gap:6px;margin-top:14px}
.p-size-btns .btn{flex:1;}
.pbanner.light .btn-glass{background:rgba(0,0,0,.1);color:var(--ink)}

.pgal{position:relative;padding-top:80px}
.pgal .rail-ctl{position:absolute;top:30px;left:var(--side)}
.pgal-track{display:grid;grid-auto-flow:column;grid-auto-columns:36.5%;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.pgal-track::-webkit-scrollbar{display:none}
.pgal-track img{width:100%;height:500px;object-fit:cover;scroll-snap-align:start}

.built{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
.built>div{padding:var(--section) var(--side)}
.built>div:first-child{border-left:1px solid var(--line)}
.built h2{font-size:var(--h4);line-height:.96;margin-bottom:40px}
.built .txt p{margin-bottom:18px;max-width:520px}
.spec{margin-top:40px}
.spec-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px 0;border-top:1px solid var(--line)}
.spec-row h3{font-size:var(--h5);line-height:1.08}
.spec-row svg{display:block;width:180px;height:70px;stroke:var(--ink);fill:none;stroke-width:1.1;margin-top:14px}
.spec dl{display:grid;grid-template-columns:auto 1fr;gap:6px 24px}
.spec dt{color:var(--mute)}
.ship-box{display:flex;align-items:center;gap:16px;background:var(--card);border-radius:4px;padding:16px 20px;font-size:var(--small);line-height:1.2;margin-bottom:60px}
.ship-box svg{width:32px;height:32px;stroke:var(--ink);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.size-fig{text-align:center}
.size-fig .cap{display:block;margin-bottom:10px;color:var(--mute)}
.size-fig .rule{height:1px;background:var(--line);width:180px;margin:0 auto 18px}
.size-fig img{width:300px;margin:0 auto 30px}
.modular{min-height:780px;color:#fff;display:grid;grid-template-columns:240px 1fr 360px;gap:40px;align-items:center;padding:80px var(--side)}
.modular ul{display:grid;gap:4px;font-size:var(--h5);line-height:1.08;font-weight:700}
.modular li{opacity:.38;cursor:pointer;transition:opacity .25s}
.modular li[aria-current]{opacity:1}
.modular .mid{text-align:center}
.modular h2{margin-bottom:26px}
.modular .mid p{max-width:460px;margin:0 auto;font-size:var(--small);line-height:1.2;opacity:.85}
.modular .side{font-size:var(--body);line-height:1.36}
.modular .side img{width:100%;margin-bottom:22px}
.tension{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:var(--section) var(--side) calc(var(--section) + 48px);align-items:start}
.tension p{max-width:360px}

/* פס דביק */
.sticky{position:fixed;bottom:20px;left:50%;transform:translate(-50%,0);width:min(880px,calc(100% - 40px));height:58px;background:#fff;border-radius:6px;box-shadow:0 4px 24px rgba(0,0,0,.14);display:grid;grid-template-columns:1fr auto 290px;align-items:center;gap:10px;padding:0 5px 0 0;z-index:70;font-size:var(--body);line-height:1.36}
.sticky .name{font-size:var(--lead);font-weight:400;padding-right:16px;line-height:1.28}
.sticky .btn{justify-content:space-between;padding:0 18px;font-size:var(--small);line-height:1.2}
.colorpick{position:relative}
.colorpick>button{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 12px;border-radius:4px;font-size:var(--body);line-height:1.36}
.colorpick>button:hover{background:var(--card)}
.colorpick .dot{width:18px;height:18px}
.colorpick .n{color:var(--mute);font-size:var(--small);line-height:1.2}
.colorpick svg{width:12px;height:12px;stroke:var(--ink);fill:none;stroke-width:1.6}
.colorpick ul{position:absolute;bottom:calc(100% + 14px);right:0;background:#fff;border-radius:6px;box-shadow:0 4px 24px rgba(0,0,0,.14);padding:6px;min-width:200px;display:grid}
.colorpick ul[hidden]{display:none}
.colorpick li a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:4px;font-size:var(--body);line-height:1.36}
.colorpick li a:hover,.colorpick li a[aria-current]{background:var(--card)}

/* reveal */
.js .rv{opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.js .rv.in{opacity:1;transform:none}

/* ===== טאבלט ===== */
@media (max-width:1100px){
  :root{--pad:30px;--side:30px}
  .nav,.hdr-link,.hdr-sep{display:none}
  .hdr-start{display:flex}
  .burger{display:inline-grid}
  .hdr-end [aria-label="חיפוש"]{display:none}
  .values-grid{grid-template-columns:repeat(3,1fr);gap:28px}
  .rail-track{grid-auto-columns:calc((100% - 10px)/2)}
  .grid{grid-template-columns:repeat(2,1fr)}
  .hub{grid-template-columns:1fr;height:auto;padding-bottom:var(--section);margin-bottom:32px}
  .coll-intro{grid-template-columns:1fr 1fr}
  .coll-intro>span{display:none}
  .modular{grid-template-columns:1fr;text-align:center}
  .modular ul{grid-auto-flow:column;justify-content:center;gap:20px}
  .built{grid-template-columns:1fr}
  .built>div:first-child{border-left:0;border-bottom:1px solid var(--line)}
  .pgal-track{grid-auto-columns:60%}
  .ftr{grid-template-columns:1fr}
  .ftr-cols{grid-column:auto;grid-row:auto;justify-content:stretch;grid-template-columns:1fr 1fr;gap:24px 20px}
  .ftr-news{grid-column:auto;grid-row:auto}
}
/* ===== מובייל ===== */
@media (max-width:767px){
  :root{--side:20px;--pad:20px;--section:64px}
  .h1{line-height:.96} .h2{line-height:1}
  .hero{min-height:0;height:100svh}
  .hero-foot{right:20px;left:20px;width:auto;bottom:30px}
  .hero-foot .btn{width:100%}
  .about{display:flex;flex-direction:column-reverse;gap:0;padding:20px 20px 0}
  .about img{height:auto;min-height:0;width:100%;aspect-ratio:1/1}
  .about h2{white-space:normal}
  .about-txt{padding:40px 0 60px}
  .about p{margin-top:30px}

  .values-grid{grid-template-columns:1fr;gap:34px;margin-top:44px;padding-bottom:0}

  .rail-ctl .icon-btn{display:none}
  .rail-ctl .btn{margin:0}
  .rail-track{grid-auto-columns:84%}
  .card{height:auto;min-height:440px;padding:14px 14px 8px}
  .card-head{padding:6px 6px 0}
  .card-img img{width:84%}
  .grid{grid-template-columns:1fr 1fr;gap:8px;padding:0 20px}
  .grid .card{min-height:0;padding:10px 10px 6px}
  .grid .card-name{font-size:var(--h5);line-height:1.08}
  .grid .card-price{font-size:var(--small);line-height:1.2}
  .grid .card-tag .cap{display:none}
  .grid .card .btn{height:36px;font-size:var(--small);padding:0 8px;line-height:1.2}
  .anim{height:400vh}
  .wire{width:130vw}
  .diff-txt{width:auto;left:20px}
  .diff-img{width:120vw;left:-10vw;bottom:-4%}
  .spot{width:40px;height:40px}
  .spot-tip{width:220px}
  .front-img{width:110vw}
  .collab{height:auto;min-height:788px}
  .collab-img{position:relative;width:100%;height:400px;clip-path:ellipse(95% 100% at 50% 0)}
  .collab-slide{position:absolute}
  .collab-txt{position:relative;width:auto;left:auto;padding:30px 20px 148px}
  .collab-btns{top:auto;bottom:96px;left:20px;right:20px}
  .collab-dots{bottom:20px;left:6px}
  .collab-arrows{bottom:24px;left:auto;right:20px}
  .press{height:auto;padding:0 20px}
  .press-row{height:auto;padding:30px 0;justify-content:center;gap:16px 26px}
  .press-logo img{height:20px;max-width:90px}
  .press-logo{padding:8px 6px}
  .quote{padding:80px 0}
  .quote p{font-size:30px;line-height:1.1}
  .quote-mark{font-size:96px}

  .acc-btn{padding:26px 20px}
  .acc-body{padding:0 20px 24px}
  .gallery-sec{height:760px}
  .gallery-sec{--hx:24vw;--gap:9vw;height:calc(100svh - var(--nav));min-height:560px}
  .gallery-sec{height:auto;min-height:0;justify-content:flex-start;gap:28px;padding:8px 0 40px}
  .gallery-mid{margin-top:-7px}
  .g-r2{display:none}
  .g-r1{order:1}.gallery-mid{order:2}.g-r3{order:3}
  .gallery-sec .g-row{height:var(--hx);flex:none}
  .gallery-mid{position:static;transform:none;width:auto;padding:0 20px}
  .gallery-mid h2{font-size:44px;line-height:1;margin-bottom:16px}
  .gallery-mid p{margin-bottom:20px}
  .ftr{padding:32px 20px 22px;gap:28px}
  .coll-head{padding:40px 20px 0}
  .coll-intro{grid-template-columns:1fr;margin:40px 0 30px;padding:0 20px;gap:10px}
  .coll-intro b{text-align:right}
  .range-track{grid-auto-columns:86%}
  .range-card{height:440px;padding:24px}
  .pbanner{min-height:0;height:100svh}
  .p-front{top:20%;width:112vw;max-height:44vh;object-fit:contain;object-position:top}
  .p-desc{bottom:112px;top:auto;left:20px;right:20px;width:auto}
  .p-size{display:none}
  .pgal{padding-top:60px}
  .pgal .rail-ctl{display:none}
  .pgal-track{grid-auto-columns:82%}
  .pgal-track img{height:420px}

  .spec-row{grid-template-columns:1fr}
  .tension{grid-template-columns:1fr;padding-bottom:calc(var(--section) + 48px)}
  .sticky{width:calc(100% - 40px);grid-template-columns:1fr auto;height:54px}
  .sticky .name{display:none}
  .sticky .btn{height:44px;padding:0 14px}
  .sticky .btn .pr{display:none}
  .drawer{top:0;bottom:0;left:0;width:100%;border-radius:0;transform:translateX(-100%)}
}

.collab:not(.dark) .collab-btns .btn+.btn{background:transparent;color:var(--ink);border-color:var(--ink)}
.collab:not(.dark) .collab-btns .btn+.btn:hover{background:var(--ink);color:#fff}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}.card:hover .card-img img{transform:translateY(14px)}*,*::before,*::after{transition-duration:0s!important;animation:none!important}}
.motion-btn{position:absolute;z-index:4;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.85);color:var(--ink);box-shadow:0 1px 8px rgba(0,0,0,.12)}
.motion-btn svg{width:16px;height:16px;fill:currentColor}
.hero .motion-btn{left:var(--side);bottom:40px}
.gallery-sec .motion-btn{left:var(--side);bottom:24px}
@media (max-width:767px){
  .icon-btn,.topbar-x{width:48px;height:48px}
  .hdr .icon-btn{width:38px}
  .hdr .icon-btn svg{width:20px;height:20px}
  .hdr-end{gap:0}
  .hdr .count,body.over .hdr .count,body.over .hdr.scrolled .count{top:19px;left:9px;width:20px;height:13px;min-width:0;padding:0;border-radius:0;background:none;color:currentColor;display:grid;place-items:center;font-size:10px;font-weight:700;line-height:1}
  .topbar-x{height:100%;left:0}
  .tb-msgs{margin:0 44px}
  .spot{width:48px;height:48px}
  .press-logo{min-height:48px}
  .collab-dots{gap:0}
  .collab-dots button{width:48px;height:48px;background:none!important;position:relative}
  .collab-dots button::after{content:'';position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.18)}
  .collab-dots button[aria-current]::after{background:var(--ink)}
  .collab.dark .collab-dots button::after{background:rgba(255,255,255,.4)}
  .collab.dark .collab-dots button[aria-current]::after{background:#fff}
  .btn{height:48px}
  .ftr-cols a{display:inline-block;padding:12px 0}

}

.btn-text{display:inline-flex;align-items:center;gap:8px;font-size:var(--btn);font-weight:700;line-height:1;padding:14px 0 11px;border-bottom:1px solid currentColor;transition:gap .25s}
.btn-text:hover{gap:14px}
.btn-text .arr{display:inline-block;transition:transform .25s}

/* קיר תמונות מעוקל מעל הפוטר */
.wall{position:relative;background:var(--dark);color:#fff;padding:96px 0 88px;text-align:center;overflow:hidden}
.wall-h{font-family:'Cooperative','Ploni',system-ui,sans-serif;font-weight:400;font-synthesis:none;font-size:clamp(44px,5vw,72px);line-height:.92;position:relative;z-index:2;margin:0 auto}
.wall-stage{position:relative;height:440px;margin-top:-60px;perspective:800px;perspective-origin:50% 50%;direction:ltr}
.wall-track{position:absolute;inset:0;transform-style:preserve-3d}
.wall-card{position:absolute;left:50%;top:50%;width:150px;height:270px;margin:-135px 0 0 -75px;border-radius:4px;overflow:hidden;backface-visibility:hidden;will-change:transform}
.wall-card img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.wall-btn{margin-top:12px;position:relative;z-index:2}
.wall-motion{right:var(--side);bottom:32px}
@media (max-width:700px){
  .wall{padding:64px 0 60px}
  .wall-stage{height:280px;margin-top:-30px;perspective:500px}
  .wall-card{width:84px;height:150px;margin:-75px 0 0 -42px}
  .wall-motion{right:20px;bottom:20px}
}
.ftr-copy{display:inline-flex;align-items:center;gap:20px;flex-wrap:wrap}
.ftr-bar a.credit{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding-inline-start:20px;border-inline-start:1px solid rgba(255,255,255,.14);color:#fff;background:none;transition:opacity .3s var(--ease)}
.ftr-bar a.credit span{font-size:13px;color:rgba(255,255,255,.55)}
.credit-logo{display:block;height:21px;width:auto}
@media (hover:hover) and (pointer:fine){.ftr-bar a.credit:hover{opacity:.75}}
@media (max-width:767px){.ftr-bar a.credit{border:0;padding:0}}