/*
פונטים: Gloria Bold (כותרות, F 0.85, display-only) + Noyland (גוף, F 0.99 λ 0.94), אאא, רישיון ריסלר של רועי
KLI · כלי — Design DNA 0.4.0 · עריכתית · חם אורגני (MV:s14) לפי הרפרנס comforta
קונספט:
1 מוכרים ארוחה רגילה שמרגישה מיוחדת, בכלי שמישהו עשה בידיים.
2 המבקר מגיע מריל בטלפון בלילה וחושש: עבודת יד באמת? יגיע שבור? כמה משלוח?
3 הגלילה היא הדרך מהסטודיו אל השולחן. הקטלוג מדף אחיד.
4 חתימה: גוש חימר על האובניים נפתח לקערה גמורה על השולחן, עם המחיר.
5 רקע אחד, אור אחד, זווית אחת. הצבע מהזיגוג, המשטחים ניטרליים.
6 בלי מרקי, טיימרים, כוכבים ריקים, סטוק, "ייחודי".
ערכים: B-brain/04-clients/kli/design-brief.md
*/
@font-face{ font-family:'Gloria'; src:url(../fonts/gloria-bold-aaa.woff2) format('woff2'); font-weight:700; font-display:swap; }
@font-face{ font-family:'Noyland'; src:url(../fonts/noyland-regular-aaa.woff2) format('woff2'); font-weight:400; font-display:swap; }
@font-face{ font-family:'Noyland'; src:url(../fonts/noyland-bold-aaa.woff2) format('woff2'); font-weight:700; font-display:swap; }
:root{
  --bg:#FFFFFF; --surface:#F5F2F0; --photo-bg:#EDE6DC; --footer:#EDE4D6;
  --ink:#2F2A25; --muted:#706559; --line:#E3D9CC;
  --buy:#2F2A25; --buy-ink:#FFF8F2; --buy-hover:color-mix(in srgb, var(--buy) 88%, #000);
  --error:#9A4A2B;
  --r-control:999px; --r-card:24px; --r-img:24px; --r-sheet:20px;
  --s4:4px;--s8:8px;--s12:12px;--s16:16px;--s20:20px;--s24:24px;--s28:28px;--s32:32px;
  --s40:40px;--s48:48px;--s56:56px;--s64:64px;--s72:72px;--s88:88px;--s96:96px;--s112:112px;
  --sec:112px; --sec-cta:96px; --hero-top:64px; --hero-bottom:72px; --footer-pad:56px;
  --head-gap:48px; --block-gap:40px;
  --container:1760px; --gutter:40px;
  --w-measure:640px; --w-head:760px; --w-wide:820px; --w-form:560px; --w-split-text:460px;
  --gap-cards:24px; --gap-split:56px; --gap-gallery:16px; --pad-card:28px;
  --ease:cubic-bezier(.2,.6,.2,1); --ease-io:cubic-bezier(.76,0,.24,1);
  --t-text:.15s; --t-btn:.18s; --t-press:.12s; --t-panel:.24s; --t-backdrop:.28s; --t-sheet:.32s;
  --t-card-color:.3s; --t-card-move:.4s;
  --reveal-dist:16px; --reveal-dur:.5s;
  --font-head:'Gloria','Noyland',sans-serif;
  --font-body:'Noyland',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --fs-hero:clamp(27px, .988rem + 2.983vw, 54px);
  --fs-h1:clamp(27px, 1.325rem + 1.547vw, 41px);
  --fs-h2:clamp(22px, 1.194rem + .773vw, 29px);
  --fs-h3:clamp(19px, 1.14rem + .22vw, 21px);
  --header-h:76px;
}
@media (max-width:1023px){ :root{ --sec:88px; --gutter:32px; } }
@media (max-width:767px){ :root{ --sec:64px; --gutter:20px; --head-gap:32px; --header-h:64px; } }

*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{ margin:0; background:var(--bg); color:var(--ink); font-family:var(--font-body); font-size:16px; line-height:1.6; font-weight:400; }
img{ display:block; max-width:100%; height:auto; }
a{ color:inherit; text-decoration:none; }
button{ font:inherit; color:inherit; background:none; border:0; padding:0; cursor:pointer; }
strong,b{ font-weight:700; }
h1,h2,h3,p{ margin:0; }
h1,h2,.display{ font-family:var(--font-head); font-weight:700; letter-spacing:0; }
h1{ font-size:var(--fs-h1); line-height:1.15; }
h2{ font-size:var(--fs-h2); line-height:1.2; }
h3{ font-family:var(--font-body); font-size:var(--fs-h3); line-height:1.35; font-weight:700; }
@media (max-width:767px){ h1{ line-height:1.25; } h2{ line-height:1.3; } }
.lead{ font-size:18px; line-height:1.5; color:var(--muted); max-width:var(--w-measure); }
.meta{ font-size:14px; color:var(--muted); }
.micro{ font-size:13px; color:var(--muted); }
.eyebrow{ font-size:14px; color:var(--muted); display:block; margin-bottom:var(--s16); }
p{ max-width:var(--w-measure); }
:focus-visible{ outline:2px solid var(--ink); outline-offset:3px; border-radius:6px; }
.sr-only{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.skip{ position:absolute; inset-inline-start:var(--s16); top:-60px; background:var(--buy); color:var(--buy-ink); padding:var(--s12) var(--s20); border-radius:var(--r-control); z-index:100; }
.skip:focus{ top:var(--s16); }

.wrap{ width:100%; max-width:var(--container); margin-inline:auto; padding-inline:var(--gutter); }
.sec{ padding-block:var(--sec); }
.sec-head{ max-width:var(--w-head); margin-bottom:var(--head-gap); }
.sec-head .lead{ margin-top:var(--s16); }
.sec-head.center{ text-align:center; margin-inline:auto; }
.sec-head.center .lead{ margin-inline:auto; }
.sec-head.row{ max-width:none; display:flex; justify-content:space-between; align-items:flex-end; gap:var(--s24); flex-wrap:wrap; }

/* כפתורים — ארבעה מצבים (רף ★18) */
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:var(--s12); min-height:52px; padding:0 var(--s28); border-radius:var(--r-control);
  font-size:15px; font-weight:700; line-height:1; background:var(--buy); color:var(--buy-ink);
  transition:background-color var(--t-btn) var(--ease), transform var(--t-press) var(--ease), color var(--t-btn) var(--ease), border-color var(--t-btn) var(--ease); }
.btn .arr{ transition:transform var(--t-btn) var(--ease); display:inline-block; }
.btn:active{ transform:scale(.98); }
.btn-lg{ min-height:56px; font-size:17px; padding:0 var(--s32); }
.btn-block{ width:100%; }
.btn-ghost{ background:transparent; color:var(--ink); border:1px solid var(--ink); }
.link-arr{ display:inline-flex; align-items:center; gap:var(--s8); font-weight:700; font-size:15px; min-height:48px; border-bottom:1px solid transparent; transition:border-color var(--t-text) var(--ease); }
.link-arr .arr{ transition:transform var(--t-btn) var(--ease); display:inline-block; }
@media (hover:hover) and (pointer:fine){
  .btn:hover{ background:var(--buy-hover); }
  .btn:hover .arr, .link-arr:hover .arr{ transform:translateX(-2px); }
  .btn-ghost:hover{ background:var(--ink); color:var(--buy-ink); }
  .link-arr:hover{ border-color:currentColor; }
}

/* הדר (★29) */
.hdr{ position:sticky; top:0; z-index:50; background:var(--bg); border-bottom:1px solid var(--line); transition:background-color var(--t-panel) var(--ease), border-color var(--t-panel) var(--ease), color var(--t-panel) var(--ease); }
.hdr .wrap{ height:var(--header-h); display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:var(--s24); }
.logo{ min-height:48px; font-family:var(--font-head); font-weight:700; font-size:22px; letter-spacing:.02em; line-height:1; display:inline-flex; align-items:center; gap:var(--s8); }
.logo small{ font-family:var(--font-body); font-size:13px; letter-spacing:0; font-weight:400; color:inherit; opacity:.75; }
.nav{ display:flex; gap:var(--s28); font-size:15px; }
.nav a{ min-height:48px; display:inline-flex; align-items:center; border-bottom:1px solid transparent; transition:border-color var(--t-text) var(--ease); }
.nav a[aria-current="page"]{ border-color:currentColor; }
@media (hover:hover) and (pointer:fine){ .nav a:hover{ border-color:currentColor; } }
.hdr-end{ display:flex; justify-content:flex-end; align-items:center; gap:var(--s8); }
.icon-btn{ width:48px; height:48px; display:inline-grid; place-items:center; border-radius:50%; position:relative; transition:background-color var(--t-btn) var(--ease); }
@media (hover:hover) and (pointer:fine){ .icon-btn:hover{ background:color-mix(in srgb, currentColor 8%, transparent); } }
.icon-btn svg{ width:22px; height:22px; }
.count{ position:absolute; top:6px; inset-inline-start:4px; min-width:18px; height:18px; padding:0 4px; border-radius:9px; background:var(--buy); color:var(--buy-ink); font-size:11px; font-weight:700; line-height:18px; text-align:center; }
.count:empty{ display:none; }
.burger{ display:none; }
/* הדר שקוף על ההירו */
.hdr.over{ position:fixed; inset-inline:0; background:transparent; border-color:transparent; color:#fff; }
.hdr.over .count{ background:#fff; color:var(--ink); }
.hdr.over.scrolled{ background:var(--bg); border-color:var(--line); color:var(--ink); }
.hdr.over.scrolled .count{ background:var(--buy); color:var(--buy-ink); }
@media (max-width:1023px){
  .nav{ display:none; }
  .burger{ display:inline-grid; }
  .hdr .wrap{ grid-template-columns:auto 1fr auto; }
  .hdr .logo{ justify-self:center; }
}
.menu{ position:fixed; inset:0; z-index:60; background:var(--bg); color:var(--ink); padding:var(--s24) var(--gutter); display:flex; flex-direction:column; gap:var(--s8); visibility:hidden; opacity:0; transition:opacity var(--t-panel) var(--ease), visibility 0s linear var(--t-panel); }
.menu.open{ visibility:visible; opacity:1; transition:opacity var(--t-panel) var(--ease); }
.menu-top{ display:flex; justify-content:space-between; align-items:center; height:calc(var(--header-h) - var(--s24)); margin-bottom:var(--s24); }
.menu a.big{ font-size:24px; font-weight:700; line-height:1.3; min-height:56px; display:flex; align-items:center; padding-block:var(--s12); border-bottom:1px solid var(--line); }

/* הירו H3 */
.hero{ position:relative; min-height:100svh; display:flex; align-items:flex-end; color:#fff; overflow:hidden; }
.hero picture, .hero picture img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hero::after{ content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(32,26,20,.62) 0%, rgba(32,26,20,.28) 42%, rgba(32,26,20,0) 70%), linear-gradient(to bottom, rgba(32,26,20,.30), rgba(32,26,20,0) 22%); }
.hero-word{ position:absolute; z-index:1; inset-inline:0; top:calc(var(--header-h) + 3vw); text-align:center; font-family:var(--font-head); font-weight:400; font-size:clamp(110px, 21vw, 380px); line-height:.8; letter-spacing:.04em; color:#fff; opacity:.96; pointer-events:none; user-select:none; }
.hero-body{ position:relative; z-index:2; width:100%; padding-bottom:var(--hero-bottom); }
.hero-body .wrap{ display:flex; justify-content:space-between; align-items:flex-end; gap:var(--s40); flex-wrap:wrap; }
.hero h1{ font-size:var(--fs-hero); max-width:19ch; }
.hero .hero-sub{ margin-top:var(--s16); font-size:18px; line-height:1.6; color:rgba(255,255,255,.88); max-width:var(--w-split-text); }
.hero-cta{ display:flex; align-items:center; gap:var(--s24); flex-wrap:wrap; }
.hero .btn{ background:#fff; color:var(--ink); }
@media (hover:hover) and (pointer:fine){ .hero .btn:hover{ background:var(--surface); } }
@media (max-width:767px){
  .hero{ min-height:92svh; }
  .hero-word{ font-size:31vw; top:calc(var(--header-h) + 24px); }
  .hero-body .wrap{ flex-direction:column; align-items:flex-start; gap:var(--s28); }
}

/* פס אמון C10 */
.trust{ border-bottom:1px solid var(--line); }
.trust ul{ list-style:none; margin:0; padding:var(--s20) 0; display:flex; justify-content:space-between; gap:var(--s24); flex-wrap:wrap; font-size:14px; }
.trust li{ display:flex; gap:var(--s8); }
.trust li b{ font-weight:700; }
@media (max-width:767px){ .trust ul{ display:grid; grid-template-columns:1fr 1fr; gap:var(--s12) var(--s20); padding:var(--s20) 0; line-height:1.5; } .trust li{ display:block; } }

/* כרטיס מוצר */
.grid{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:var(--s48) var(--gap-cards); }
.grid.g3{ grid-template-columns:repeat(3, minmax(0,1fr)); }
@media (max-width:1023px){ .grid{ grid-template-columns:repeat(3, minmax(0,1fr)); } }
@media (max-width:767px){ .grid, .grid.g3{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:var(--s32) 12px; } }
.card{ position:relative; display:flex; flex-direction:column; }
.card-img{ position:relative; aspect-ratio:1/1; border-radius:var(--r-card); overflow:hidden; background:var(--photo-bg); outline:1px solid transparent; outline-offset:-1px; transition:outline-color var(--t-card-color) var(--ease); }
.card-img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:opacity var(--t-card-color) var(--ease); }
.card-img img.use{ opacity:0; }
@media (hover:hover) and (pointer:fine){
  .card:hover .card-img img.use{ opacity:1; }
  .card:hover .card-img{ outline-color:var(--ink); }
}
.card-body{ display:flex; justify-content:space-between; align-items:flex-start; gap:var(--s12); padding-top:var(--s16); }
.card-name{ font-size:18px; line-height:1.4; font-weight:400; }
.card-name a::after{ content:""; position:absolute; inset:0; }
.card-glaze{ display:block; font-size:14px; color:var(--muted); line-height:1.4; }
.card-price{ font-weight:700; font-size:15px; margin-top:var(--s4); display:block; }
.add{ position:relative; z-index:2; flex:none; width:48px; height:48px; border-radius:50%; border:1px solid var(--line); display:grid; place-items:center; font-size:22px; line-height:1;
  transition:background-color var(--t-btn) var(--ease), color var(--t-btn) var(--ease), border-color var(--t-btn) var(--ease), transform var(--t-press) var(--ease); }
.add:active{ transform:scale(.94); }
@media (hover:hover) and (pointer:fine){ .add:hover{ background:var(--buy); color:var(--buy-ink); border-color:var(--buy); } }
.add.done{ background:var(--buy); color:var(--buy-ink); border-color:var(--buy); }
@media (max-width:767px){ .card-name{ font-size:16px; } .add{ width:44px; height:44px; } }

/* חתימה: מהחימר לשולחן */
.sig{ position:relative; height:100svh; overflow:hidden; background:var(--ink); color:#fff; }
.sig img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.sig .sig-bowl{ clip-path:circle(10vw at 50% 52%); }
.sig-text{ position:absolute; z-index:2; inset-inline:0; top:calc(var(--header-h) + var(--s40)); text-align:center; padding-inline:var(--gutter); }
.sig-text .eyebrow{ color:rgba(255,255,255,.8); }
.sig-text h2{ font-size:var(--fs-h1); line-height:1.2; text-shadow:0 1px 24px rgba(0,0,0,.25); }
.sig-text h2 .w{ display:inline-block; overflow:hidden; vertical-align:bottom; }
.sig-text h2 .w > span{ display:inline-block; }
.sig-price{ position:absolute; z-index:2; inset-inline-start:var(--gutter); bottom:var(--s40); background:var(--bg); color:var(--ink); border-radius:var(--r-card); padding:var(--s20) var(--s24); display:flex; align-items:center; gap:var(--s24); }
.sig-price b{ display:block; font-size:18px; font-weight:400; }
.sig-price span{ font-weight:700; }
.sig::after{ content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(to bottom, rgba(32,26,20,.45), rgba(32,26,20,0) 40%); pointer-events:none; }
.sig-static{ display:none; }
@media (max-width:767px){
  .sig{ height:auto; background:var(--bg); color:var(--ink); display:flex; flex-direction:column; }
  .sig-text{ order:-1; }
  .sig::after{ display:none; }
  .sig img{ position:relative; inset:auto; height:auto; aspect-ratio:4/3; border-radius:0; }
  .sig .sig-bowl{ clip-path:none; }
  .sig-text{ position:relative; top:auto; padding:var(--sec) var(--gutter) var(--s32); }
  .sig-text .eyebrow{ color:var(--muted); }
  .sig-text h2{ text-shadow:none; }
  .sig-price{ position:relative; inset:auto; margin:var(--s20) var(--gutter) var(--sec); justify-content:space-between; background:var(--surface); }
}

/* הסטודיו C2 */
.studio{ display:grid; grid-template-columns:7fr 5fr; align-items:center; }
.studio-img{ border-radius:var(--r-img); overflow:hidden; aspect-ratio:4/5; max-height:820px; width:100%; }
.studio-img img{ width:100%; height:100%; object-fit:cover; }
.studio-card{ background:var(--surface); border-radius:var(--r-card); padding:var(--s56); margin-inline-start:calc(-1 * var(--s96)); position:relative; }
.studio-card h2{ margin-bottom:var(--s20); }
.studio-card p + p{ margin-top:var(--s16); }
.facts{ list-style:none; padding:0; margin:var(--s32) 0 0; display:grid; grid-template-columns:repeat(3,1fr); gap:var(--s20); border-top:1px solid var(--line); padding-top:var(--s24); }
.facts b{ display:block; font-family:var(--font-head); font-weight:700; font-size:var(--fs-h2); line-height:1.1; }
.facts span{ font-size:14px; color:var(--muted); }
@media (max-width:1023px){ .studio{ grid-template-columns:1fr; } .studio-card{ margin:calc(-1 * var(--s64)) var(--s20) 0; padding:var(--s32); } .studio-img{ aspect-ratio:4/3; } }
@media (max-width:767px){ .studio-card{ margin:calc(-1 * var(--s40)) 0 0; padding:var(--s28) var(--s20); } .facts{ gap:var(--s12); } }

/* שאלון C14 */
.quiz{ background:var(--surface); border-radius:var(--r-card); padding:var(--s64) var(--s40); text-align:center; }
.quiz .sec-head{ margin-inline:auto; margin-bottom:var(--s40); }
.quiz-step{ max-width:var(--w-wide); margin-inline:auto; }
.quiz-q{ font-size:var(--fs-h3); font-weight:700; margin-bottom:var(--s24); }
.quiz-progress{ display:flex; gap:var(--s8); justify-content:center; margin-bottom:var(--s24); }
.quiz-progress i{ width:28px; height:3px; border-radius:2px; background:var(--line); transition:background-color var(--t-text) var(--ease); }
.quiz-progress i.on{ background:var(--ink); }
.chips{ display:flex; flex-wrap:wrap; gap:var(--s12); justify-content:center; }
.chip{ min-height:48px; padding:0 var(--s24); border-radius:var(--r-control); background:var(--bg); border:1px solid var(--line); font-size:15px;
  transition:border-color var(--t-btn) var(--ease), background-color var(--t-btn) var(--ease), color var(--t-btn) var(--ease); }
@media (hover:hover) and (pointer:fine){ .chip:hover{ border-color:var(--ink); } }
.chip[aria-pressed="true"]{ background:var(--ink); color:var(--buy-ink); border-color:var(--ink); }
.quiz-back{ margin-top:var(--s24); font-size:14px; color:var(--muted); min-height:48px; }
.quiz-back[hidden]{ display:none; }
.quiz-result{ display:grid; grid-template-columns:1fr 1fr; gap:var(--s40); align-items:center; text-align:start; max-width:980px; margin-inline:auto; }
.quiz-result .r-img{ border-radius:var(--r-card); overflow:hidden; background:var(--photo-bg); aspect-ratio:1/1; }
.quiz-result .r-img img{ width:100%; height:100%; object-fit:cover; }
.quiz-result h3{ font-size:24px; line-height:1.3; margin:var(--s8) 0 var(--s12); }
.quiz-result .r-actions{ display:flex; gap:var(--s20); align-items:center; flex-wrap:wrap; margin-top:var(--s28); }
@media (max-width:767px){ .quiz{ padding:var(--s40) var(--s20); } .quiz-result{ grid-template-columns:1fr; gap:var(--s24); } }

/* מחיר מול מחיר */
.price-pair{ display:flex; align-items:baseline; gap:var(--s12); }
.price-pair .now{ font-weight:700; font-size:18px; }
.price-pair .was{ color:var(--muted); text-decoration:line-through; font-size:15px; }
.save{ font-size:14px; color:var(--muted); }

/* סטים C15 */
.sets{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:var(--gap-cards); }
.set-hero{ grid-column:1 / -1; display:grid; grid-template-columns:7fr 5fr; gap:var(--gap-split); align-items:center; background:var(--surface); border-radius:var(--r-card); overflow:hidden; }
.set-hero .s-img{ aspect-ratio:4/3; background:var(--photo-bg); }
.set-hero .s-img img{ width:100%; height:100%; object-fit:cover; }
.set-hero .s-body{ padding-block:var(--s48); padding-inline:0 var(--s48); }
.set-hero h3{ font-size:24px; line-height:1.3; margin-bottom:var(--s12); }
.set-hero .price-pair .now{ font-size:22px; }
.set-hero .btn{ margin-top:var(--s28); }
.set-card{ display:flex; flex-direction:column; gap:var(--s16); }
.set-card .s-img{ aspect-ratio:1/1; border-radius:var(--r-card); overflow:hidden; background:var(--photo-bg); }
.set-card .s-img img{ width:100%; height:100%; object-fit:cover; }
.set-card .row{ display:flex; justify-content:space-between; align-items:flex-start; gap:var(--s12); }
.set-card .s-name{ font-size:18px; line-height:1.4; }
@media (max-width:1023px){ .set-hero{ grid-template-columns:1fr; gap:0; } .set-hero .s-body{ padding:var(--s32); } }
@media (max-width:767px){ .sets{ grid-template-columns:1fr; gap:var(--s40); } .set-hero .s-body{ padding:var(--s28) var(--s20); } }

/* קטגוריות C4 + B4 */
.cats{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:var(--gap-cards); }
.cat{ position:relative; display:flex; flex-direction:column; gap:var(--s16); }
.cat-img{ aspect-ratio:4/5; border-radius:var(--r-card); overflow:hidden; background:var(--photo-bg); display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; outline:1px solid transparent; outline-offset:-1px; transition:outline-color var(--t-card-color) var(--ease); }
.cat-img img{ width:100%; height:100%; object-fit:cover; }
.cat-img img:first-child{ grid-column:1 / -1; }
.cat h3{ font-size:var(--fs-h3); }
.cat .meta{ margin-top:calc(-1 * var(--s12)); }
.cat a::after{ content:""; position:absolute; inset:0; }
@media (hover:hover) and (pointer:fine){ .cat:hover .cat-img{ outline-color:var(--ink); } }
@media (max-width:767px){
  .cats{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:12px; margin-inline:calc(-1 * var(--gutter)); padding-inline:var(--gutter); scrollbar-width:none; }
  .cats::-webkit-scrollbar{ display:none; }
  .cat{ flex:0 0 72%; scroll-snap-align:start; }
}

/* שאלות C11 */
.faq{ display:grid; grid-template-columns:5fr 7fr; gap:var(--gap-split); align-items:start; }
.faq-side{ position:sticky; top:calc(var(--header-h) + var(--s32)); }
.faq-side .f-img{ margin-top:var(--s32); border-radius:var(--r-img); overflow:hidden; aspect-ratio:4/3; }
.faq-side .f-img img{ width:100%; height:100%; object-fit:cover; }
.acc{ border-top:1px solid var(--line); }
.acc details{ border-bottom:1px solid var(--line); }
.acc summary{ list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:var(--s20); min-height:72px; padding-block:var(--s20); font-size:18px; font-weight:700; }
.acc summary::-webkit-details-marker{ display:none; }
.acc summary .pm{ flex:none; width:28px; height:28px; position:relative; }
.acc summary .pm::before, .acc summary .pm::after{ content:""; position:absolute; top:50%; left:50%; width:14px; height:1.5px; background:currentColor; transform:translate(-50%,-50%); transition:transform var(--t-panel) var(--ease); }
.acc summary .pm::after{ transform:translate(-50%,-50%) rotate(90deg); }
.acc details[open] summary .pm::after{ transform:translate(-50%,-50%) rotate(0); }
.acc .a{ padding-bottom:var(--s24); color:var(--ink); }
@media (max-width:1023px){ .faq{ grid-template-columns:1fr; gap:var(--s32); } .faq-side{ position:static; } .faq-side .f-img{ display:none; } }

/* סגירה C9 */
.close{ position:relative; overflow:hidden; text-align:center; padding-block:var(--sec-cta); background:var(--footer); }
.close .bg{ position:absolute; inset:0; background-size:cover; background-position:center; opacity:.07; }
.close .bg::after{ content:""; position:absolute; inset:0; background:linear-gradient(to bottom, rgba(237,228,214,0) 0%, var(--footer) 100%); }
.close .wrap{ position:relative; }
.close h2{ max-width:var(--w-head); margin-inline:auto; }
.close .lead{ margin:var(--s16) auto 0; }
.sub-form{ display:flex; gap:var(--s12); max-width:var(--w-form); margin:var(--s32) auto 0; }
.field{ flex:1; min-height:52px; border-radius:var(--r-control); border:1px solid var(--line); background:var(--bg); padding:0 var(--s20); font:inherit; font-size:16px; color:var(--ink);
  transition:border-color var(--t-text) var(--ease); }
.field::placeholder{ color:var(--muted); }
.field:hover{ border-color:color-mix(in srgb, var(--ink) 40%, var(--line)); }
.field:focus{ outline:none; border-color:var(--ink); box-shadow:0 0 0 3px color-mix(in srgb, var(--ink) 12%, transparent); }
.field[aria-invalid="true"]{ border-color:var(--error); }
.field:disabled{ background:var(--surface); color:var(--muted); }
.sub-note{ margin:var(--s12) auto 0; font-size:14px; color:var(--muted); min-height:24px; }
@media (max-width:767px){ .sub-form{ flex-direction:column; } }

/* פוטר */
.ftr{ background:var(--footer); padding:var(--footer-pad) 0 var(--s32); font-size:15px; }
.ftr-grid{ display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:var(--s40); padding-bottom:var(--s40); border-bottom:1px solid color-mix(in srgb, var(--ink) 12%, transparent); }
.ftr .logo{ font-size:34px; }
.ftr p{ margin-top:var(--s16); color:var(--muted); max-width:34ch; }
.ftr h4{ margin:0 0 var(--s16); font-size:14px; color:var(--muted); font-weight:400; }
.ftr ul{ list-style:none; padding:0; margin:0; display:grid; gap:var(--s8); }
.ftr ul a{ border-bottom:1px solid transparent; transition:border-color var(--t-text) var(--ease); }
@media (hover:hover) and (pointer:fine){ .ftr ul a:hover{ border-color:currentColor; } }
.ftr-bar{ display:flex; justify-content:space-between; gap:var(--s20); flex-wrap:wrap; padding-top:var(--s24); font-size:13px; color:var(--muted); }
.ftr-bar nav{ display:flex; gap:var(--s20); }
@media (max-width:1023px){ .ftr-grid{ grid-template-columns:1fr 1fr; } .ftr-grid > :first-child{ grid-column:1 / -1; } }

/* מגירת סל */
.scrim{ position:fixed; inset:0; z-index:70; background:rgba(47,42,37,.32); opacity:0; visibility:hidden; transition:opacity var(--t-backdrop) var(--ease), visibility 0s linear var(--t-backdrop); }
.scrim.open{ opacity:1; visibility:visible; transition:opacity var(--t-backdrop) var(--ease); }
.drawer{ position:fixed; z-index:80; top:0; bottom:0; inset-inline-end:0; width:min(460px, 100%); background:var(--bg); display:flex; flex-direction:column;
  transform:translateX(-100%); transition:transform var(--t-sheet) var(--ease-io); visibility:hidden; }
.drawer.open{ transform:none; visibility:visible; }
[dir="rtl"] .drawer{ transform:translateX(-100%); }
[dir="rtl"] .drawer.open{ transform:none; }
.drawer-head{ display:flex; justify-content:space-between; align-items:center; padding:var(--s20) var(--s24); border-bottom:1px solid var(--line); }
.drawer-head h2{ font-size:24px; }
.drawer-body{ flex:1; overflow-y:auto; padding:var(--s24); }
.drawer-foot{ border-top:1px solid var(--line); padding:var(--s20) var(--s24) var(--s24); display:grid; gap:var(--s12); }
.ship-bar{ background:var(--surface); border-radius:16px; padding:var(--s16) var(--s20); margin-bottom:var(--s24); font-size:14px; }
.ship-track{ height:4px; border-radius:2px; background:var(--line); margin-top:var(--s12); overflow:hidden; }
.ship-track i{ display:block; height:100%; background:var(--ink); border-radius:2px; transition:width var(--t-panel) var(--ease); }
.line{ display:grid; grid-template-columns:80px 1fr auto; gap:var(--s16); align-items:start; padding-block:var(--s16); border-bottom:1px solid var(--line); }
.line-img{ width:80px; aspect-ratio:1/1; border-radius:12px; overflow:hidden; background:var(--photo-bg); }
.line-img img{ width:100%; height:100%; object-fit:cover; }
.line-name{ font-size:16px; line-height:1.4; }
.qty{ display:inline-flex; align-items:center; border:1px solid var(--line); border-radius:var(--r-control); margin-top:var(--s8); }
.qty button{ width:40px; height:40px; display:grid; place-items:center; font-size:18px; border-radius:50%; transition:background-color var(--t-btn) var(--ease); }
@media (hover:hover) and (pointer:fine){ .qty button:hover{ background:var(--surface); } }
.qty output{ min-width:28px; text-align:center; font-weight:700; font-size:15px; }
.line-end{ text-align:end; display:flex; flex-direction:column; align-items:flex-end; gap:var(--s8); }
.line-end b{ font-size:15px; }
.rm{ font-size:13px; color:var(--muted); border-bottom:1px solid currentColor; min-height:32px; }
.upsell{ margin-top:var(--s24); }
.upsell h3{ font-size:15px; margin-bottom:var(--s12); }
.mini{ display:grid; grid-template-columns:64px 1fr auto; gap:var(--s12); align-items:center; background:var(--surface); border-radius:16px; padding:var(--s12); }
.mini .line-img{ width:64px; }
.mini .add{ background:var(--bg); }
.sum-row{ display:flex; justify-content:space-between; font-size:15px; }
.sum-row.total{ font-size:18px; font-weight:700; }
.empty{ text-align:center; padding:var(--s48) 0; color:var(--muted); }
.empty .btn{ margin-top:var(--s24); }
@media (max-width:767px){
  .drawer{ top:auto; inset-inline:0; width:100%; max-height:88svh; border-radius:var(--r-sheet) var(--r-sheet) 0 0; transform:translateY(100%); }
  [dir="rtl"] .drawer{ transform:translateY(100%); }
  .drawer.open, [dir="rtl"] .drawer.open{ transform:none; }
}

/* פירורים וראש קטן */
.crumbs{ font-size:14px; color:var(--muted); display:flex; gap:var(--s8); flex-wrap:wrap; }
.crumbs a{ border-bottom:1px solid transparent; transition:border-color var(--t-text) var(--ease); }
@media (hover:hover) and (pointer:fine){ .crumbs a:hover{ border-color:currentColor; } }
.page-head{ padding-top:var(--hero-top); padding-bottom:var(--s48); }
.page-head h1{ margin-top:var(--s16); }
.page-head .lead{ margin-top:var(--s12); }

/* עמוד מוצר R9 */
.pdp{ display:grid; grid-template-columns:7fr 5fr; gap:var(--gap-split); align-items:start; padding-top:var(--s32); }
.gallery{ display:grid; grid-template-columns:1fr 1fr; gap:var(--gap-gallery); }
.gallery figure{ margin:0; border-radius:var(--r-img); overflow:hidden; background:var(--photo-bg); }
.gallery figure:first-child{ grid-column:1 / -1; aspect-ratio:1/1; }
.gallery figure:not(:first-child){ aspect-ratio:3/4; }
.gallery img{ width:100%; height:100%; object-fit:cover; }
.buybox{ position:sticky; top:calc(var(--header-h) + var(--s24)); }
.buybox h1{ margin-top:var(--s16); }
.pdp-price{ font-family:var(--font-head); font-weight:700; font-size:36px; letter-spacing:-.02em; line-height:1.25; margin-top:var(--s12); }
.swatches{ display:flex; gap:var(--s12); margin-top:var(--s24); align-items:center; }
.swatch{ width:36px; height:36px; border-radius:50%; border:1px solid var(--line); outline:2px solid transparent; outline-offset:3px; transition:outline-color var(--t-btn) var(--ease); }
.swatch[aria-current="true"]{ outline-color:var(--ink); }
@media (hover:hover) and (pointer:fine){ .swatch:hover{ outline-color:var(--line); } .swatch[aria-current="true"]:hover{ outline-color:var(--ink); } }
.buy-row{ display:flex; gap:var(--s12); margin-top:var(--s28); }
.buy-row .qty{ margin:0; height:56px; }
.buy-row .qty button{ height:54px; width:44px; }
.buy-row .btn{ flex:1; }
.facts-mini{ list-style:none; padding:0; margin:var(--s24) 0 0; display:grid; gap:var(--s8); font-size:15px; }
.facts-mini li{ display:flex; gap:var(--s12); }
.facts-mini li::before{ content:""; flex:none; width:6px; height:6px; border-radius:50%; background:var(--ink); margin-top:11px; }
.pair-box{ margin-top:var(--s32); padding-top:var(--s24); border-top:1px solid var(--line); }
.pair-box h3{ font-size:15px; margin-bottom:var(--s12); }
.set-line{ margin-top:var(--s12); display:flex; justify-content:space-between; align-items:center; gap:var(--s16); border:1px solid var(--line); border-radius:16px; padding:var(--s16) var(--s20); font-size:15px; }
.spec{ display:grid; grid-template-columns:1fr 1fr; gap:var(--gap-split); }
.spec table{ width:100%; border-collapse:collapse; font-size:15px; }
.spec th, .spec td{ text-align:start; padding:var(--s16) 0; border-bottom:1px solid var(--line); vertical-align:top; }
.spec th{ font-weight:400; color:var(--muted); width:40%; }
.spec-about p + p{ margin-top:var(--s16); }
.sticky-buy{ display:none; }
@media (max-width:1023px){ .pdp{ grid-template-columns:1fr; gap:var(--s32); } .buybox{ position:static; } .spec{ grid-template-columns:1fr; gap:var(--s32); } }
@media (max-width:767px){
  .gallery{ grid-template-columns:1fr 1fr; gap:8px; }
  .pdp-price{ font-size:34px; }
  .sticky-buy{ display:flex; position:fixed; z-index:40; inset-inline:0; bottom:0; padding:var(--s12) var(--gutter) calc(var(--s12) + env(safe-area-inset-bottom)); background:var(--bg); border-top:1px solid var(--line); gap:var(--s12); align-items:center; justify-content:space-between;
    transform:translateY(110%); transition:transform var(--t-panel) var(--ease); }
  .sticky-buy.show{ transform:none; }
  .sticky-buy .btn{ min-height:48px; }
}

/* צ'קאאוט */
.co{ display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:var(--gap-split); align-items:start; padding-top:var(--s32); }
.co-form{ max-width:var(--w-form); }
.steps{ display:flex; gap:var(--s12); font-size:14px; color:var(--muted); margin-bottom:var(--s32); flex-wrap:wrap; }
.steps b{ color:var(--ink); }
.fs{ border:0; padding:0; margin:0 0 var(--s40); }
.fs legend{ font-size:var(--fs-h3); font-weight:700; margin-bottom:var(--s20); padding:0; }
.f-row{ display:grid; grid-template-columns:1fr 1fr; gap:var(--s16); }
.f{ display:grid; gap:var(--s8); margin-bottom:var(--s16); }
.f label{ font-size:14px; }
.f label .opt{ color:var(--muted); }
.f .field{ border-radius:14px; }
.f .err{ font-size:13px; color:var(--error); min-height:0; }
.f .err:empty{ display:none; }
.radio{ display:flex; align-items:center; justify-content:space-between; gap:var(--s16); border:1px solid var(--line); border-radius:14px; padding:var(--s16) var(--s20); margin-bottom:var(--s12); cursor:pointer; min-height:64px;
  transition:border-color var(--t-btn) var(--ease); }
.radio:has(input:checked){ border-color:var(--ink); }
.radio input{ width:20px; height:20px; accent-color:var(--ink); margin:0; }
.radio .r-l{ display:flex; gap:var(--s12); align-items:center; }
.pay{ background:var(--surface); border-radius:16px; padding:var(--s24); }
.pay .f .field{ background:var(--bg); }
.pay-note{ font-size:13px; color:var(--muted); margin-top:var(--s4); }
.check{ display:flex; gap:var(--s12); align-items:flex-start; font-size:14px; margin:var(--s20) 0; }
.check input{ width:20px; height:20px; margin-top:3px; accent-color:var(--ink); flex:none; }
.check a{ border-bottom:1px solid currentColor; }
.summary{ position:sticky; top:calc(var(--header-h) + var(--s24)); background:var(--surface); border-radius:var(--r-card); padding:var(--s32); }
.summary h2{ font-size:24px; margin-bottom:var(--s16); }
.summary .line{ grid-template-columns:64px 1fr auto; }
.summary .line-img{ width:64px; position:relative; overflow:visible; }
.summary .line-img img{ border-radius:12px; }
.summary .badge{ position:absolute; top:-8px; inset-inline-start:-8px; min-width:22px; height:22px; border-radius:11px; background:var(--ink); color:var(--buy-ink); font-size:12px; font-weight:700; display:grid; place-items:center; }
.summary .sums{ display:grid; gap:var(--s8); padding-top:var(--s20); }
@media (max-width:1023px){ .co{ grid-template-columns:1fr; } .summary{ position:static; order:-1; } .co-form{ max-width:none; } }
@media (max-width:767px){ .f-row{ grid-template-columns:1fr; gap:0; } .summary{ padding:var(--s20); } }

/* תודה R10 */
.thanks{ text-align:center; padding-top:var(--sec); }
.thanks .tick{ width:64px; height:64px; border-radius:50%; background:var(--surface); display:grid; place-items:center; margin:0 auto var(--s24); }
.thanks h1{ max-width:var(--w-head); margin-inline:auto; }
.thanks .lead{ margin:var(--s16) auto 0; }
.order-no{ display:inline-block; margin-top:var(--s24); background:var(--surface); border-radius:var(--r-control); padding:var(--s12) var(--s24); font-weight:700; }
.journey{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--gap-cards); counter-reset:j; }
.journey li{ list-style:none; border-top:1px solid var(--ink); padding-top:var(--s20); }
.journey li span{ font-size:14px; color:var(--muted); }
.journey li h3{ margin:var(--s8) 0; }
.journey{ padding:0; margin:0; }
.tips{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--gap-cards); }
.tip{ background:var(--surface); border-radius:var(--r-card); padding:var(--pad-card); }
.tip h3{ margin-bottom:var(--s8); }
@media (max-width:767px){ .journey, .tips{ grid-template-columns:1fr; gap:var(--s28); } }

/* עמודי טקסט */
.prose{ max-width:var(--w-measure); }
.prose h2{ margin:var(--s40) 0 var(--s12); font-size:24px; }
.prose p + p{ margin-top:var(--s16); }

/* reveal (motion §3) */
@media (prefers-reduced-motion:no-preference){
  .js .rv{ opacity:0; transform:translateY(var(--reveal-dist)); }
  .js .rv.in{ animation:rv var(--reveal-dur) var(--ease) both; }
  @keyframes rv{ to{ opacity:1; transform:none; } }
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ transition-duration:.01ms !important; animation-duration:.01ms !important; scroll-behavior:auto !important; }
  .sig{ height:auto; background:var(--bg); color:var(--ink); }
  .sig::after{ display:none; }
  .sig img{ position:relative; height:auto; aspect-ratio:16/9; }
  .sig .sig-bowl{ clip-path:none; }
  .sig-text{ position:relative; top:auto; padding:var(--sec) var(--gutter) var(--s32); }
  .sig-text .eyebrow{ color:var(--muted); } .sig-text h2{ text-shadow:none; }
  .sig-price{ position:relative; inset:auto; margin:var(--s20) var(--gutter) var(--sec); background:var(--surface); }
}
/* יעדי מגע בפוטר ובפירורים */
.ftr ul{ gap:0; }
.ftr ul li{ min-height:40px; display:flex; align-items:center; }
.ftr ul a, .ftr-bar a, .crumbs a{ display:inline-flex; align-items:center; min-height:44px; }

/* ===== כיוון 2: גלוריה, הירו מילה+קערה, מדף זיגוגים לרוחב ===== */
:root{ --clay:#A3472A; --clay-deep:#8A3A1E; --sage-bg:#CDD6C4; --oat-bg:#EFE7DA; --coal-bg:#2A2623; --cream:#FBF3EA; }
.btn-light{ background:var(--cream); color:var(--ink); }
@media (hover:hover) and (pointer:fine){ .btn-light:hover{ background:#fff; } }
.hero2{ position:relative; min-height:100svh; background:var(--clay); color:var(--cream); overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; }
.h2-word{ position:absolute; inset-inline:0; top:calc(var(--header-h) + 2vh); display:flex; justify-content:center; gap:1vw; font-family:var(--font-head); font-weight:700; font-size:min(33vw, 56vh); line-height:.9; color:var(--cream); pointer-events:none; user-select:none; }
.h2-word span{ display:inline-block; will-change:transform; }
.h2-bowl{ position:absolute; z-index:1; left:50%; top:calc(var(--header-h) + min(20vw, 34vh)); width:min(36vw, 60vh); height:auto; transform:translateX(-50%); filter:drop-shadow(0 40px 50px rgba(60,20,8,.35)); will-change:transform; }
.h2-body{ position:relative; z-index:2; padding-bottom:var(--hero-bottom); }
.h2-body .wrap{ display:flex; justify-content:space-between; align-items:flex-end; gap:var(--s40); flex-wrap:wrap; }
.hero2 h1{ font-size:var(--fs-hero); max-width:16ch; }
.hero2 .hero-sub{ margin-top:var(--s16); font-size:18px; line-height:1.5; color:rgba(251,243,234,.88); max-width:var(--w-split-text); }
.hero2 .link-arr{ color:var(--cream); }
@media (max-width:767px){
  .hero2{ min-height:100svh; }
  .h2-word{ font-size:34vw; top:calc(var(--header-h) + 32px); }
  .h2-bowl{ width:72vw; top:calc(var(--header-h) + 30vw); }
  .h2-body .wrap{ flex-direction:column; align-items:flex-start; gap:var(--s24); }
}
.hdr.over:not(.scrolled) .nav a, .hdr.over:not(.scrolled) .logo{ color:var(--cream); }

.shelf{ position:relative; overflow:hidden; }
.shelf-track{ display:flex; width:max-content; }
.panel{ --pbg:var(--sage-bg); --pink:var(--ink); position:relative; width:100vw; height:100svh; background:var(--pbg); color:var(--pink); padding:calc(var(--header-h) + var(--s40)) var(--gutter) var(--s48); display:grid; grid-template-rows:auto 1fr auto; overflow:hidden; }
.panel[data-g="plates"]{ --pbg:var(--oat-bg); }
.panel[data-g="cups"]{ --pbg:var(--clay-deep); --pink:var(--cream); }
.panel[data-g="vases"]{ --pbg:var(--coal-bg); --pink:var(--cream); }
.panel-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:var(--s24); }
.panel-name{ font-family:var(--font-head); font-weight:700; font-size:min(7.4vw, 15vh); line-height:.95; white-space:nowrap; }
.panel-side{ max-width:300px; text-align:start; padding-top:var(--s8); }
.panel-side p{ font-size:16px; line-height:1.5; opacity:.85; }
.panel-side .link-arr{ margin-top:var(--s12); color:inherit; }
.panel-items{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:var(--s40); align-items:end; border-bottom:1px solid color-mix(in srgb, var(--pink) 30%, transparent); padding-bottom:var(--s20); }
.pitem{ position:relative; display:flex; flex-direction:column; align-items:center; }
.pitem-img{ height:min(34vh, 24vw); width:100%; display:flex; align-items:flex-end; justify-content:center; }
.pitem-img img{ max-height:100%; max-width:90%; width:auto; height:auto; object-fit:contain; filter:drop-shadow(0 24px 28px rgba(0,0,0,.18)); transition:transform var(--t-card-move) var(--ease); }
@media (hover:hover) and (pointer:fine){ .pitem:hover .pitem-img img{ transform:translateY(-8px) rotate(-3deg); } }
.panel-foot{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:var(--s40); padding-top:var(--s16); }
.pmeta{ display:flex; justify-content:space-between; align-items:center; gap:var(--s12); }
.pmeta a{ font-size:18px; line-height:1.3; }
.pmeta a::after{ content:""; position:absolute; inset:0; }
.pmeta .g{ display:block; font-size:14px; opacity:.7; }
.pmeta b{ display:block; font-size:16px; }
.panel .add{ border-color:color-mix(in srgb, var(--pink) 35%, transparent); position:relative; z-index:2; color:var(--pink); }
@media (hover:hover) and (pointer:fine){ .panel .add:hover{ background:var(--pink); color:var(--pbg); border-color:var(--pink); } }
@media (max-width:1023px){
  .shelf-track{ display:block; width:auto; }
  .panel{ width:auto; height:auto; padding:var(--sec) var(--gutter); gap:var(--s32); }
  .panel-head{ flex-direction:column; }
  .panel-name{ font-size:12vw; white-space:normal; }
  .panel-items, .panel-foot{ gap:var(--s16); }
  .pitem-img{ height:32vw; }
}
@media (max-width:767px){
  .panel-items, .panel-foot{ grid-template-columns:repeat(3, minmax(0,1fr)); gap:12px; }
  .pmeta{ flex-direction:column; align-items:flex-start; }
  .pmeta a{ font-size:15px; }
  .pitem-img{ height:30vw; }
}
.quiz-sec{ padding-top:0; }
.quiz-dark{ background:var(--ink); color:var(--cream); }
.quiz-dark .lead, .quiz-dark .meta{ color:rgba(251,243,234,.72); }
.quiz-dark .chip{ background:transparent; color:var(--cream); border-color:rgba(251,243,234,.35); }
@media (hover:hover) and (pointer:fine){ .quiz-dark .chip:hover{ border-color:var(--cream); } }
.quiz-dark .quiz-progress i{ background:rgba(251,243,234,.25); }
.quiz-dark .quiz-progress i.on{ background:var(--cream); }
.quiz-dark .quiz-back{ color:rgba(251,243,234,.72); }
.quiz-dark .btn{ background:var(--cream); color:var(--ink); }
.quiz-dark .link-arr{ color:var(--cream); }
.quiz-dark .price-pair .was, .quiz-dark .save{ color:rgba(251,243,234,.6); }

/* ===== סבב 12.10: 14 שיפורי חוויית קנייה ===== */
/* כרטיס: עיגול זיגוג וגודל מתחת לשם */
.card-size{ display:flex; align-items:center; gap:var(--s8); font-size:14px; color:var(--muted); line-height:1.4; }
.card-size .dot, .more i, .gl i{ flex:none; width:12px; height:12px; border-radius:50%; border:1px solid color-mix(in srgb, var(--ink) 18%, transparent); display:inline-block; }

/* הוספה שלא קוטעת */
.fly{ position:fixed; z-index:90; pointer-events:none; border-radius:16px; object-fit:cover; }
.count.bump{ animation:bump .4s var(--ease); }
@keyframes bump{ 40%{ transform:scale(1.5); } }
.toast{ position:fixed; z-index:65; inset-inline:var(--gutter); bottom:calc(var(--s20) + env(safe-area-inset-bottom)); margin-inline:auto; max-width:560px; background:var(--ink); color:var(--cream); border-radius:var(--r-control); padding:var(--s12) var(--s12) var(--s12) var(--s24);
  display:flex; align-items:center; gap:var(--s16); font-size:15px; transform:translateY(calc(100% + 40px)); opacity:0; transition:transform var(--t-sheet) var(--ease-io), opacity var(--t-panel) var(--ease); }
.toast.show{ transform:none; opacity:1; }
.toast .toast-ship{ color:rgba(251,243,234,.7); flex:1; }
.toast .toast-cart{ background:var(--cream); color:var(--ink); border-radius:var(--r-control); min-height:44px; padding:0 var(--s20); font-weight:700; display:inline-flex; align-items:center; gap:var(--s8); }
@media (max-width:767px){ .toast{ flex-wrap:wrap; gap:var(--s8) var(--s12); padding:var(--s12) var(--s16); border-radius:20px; } .toast .toast-ship{ flex:none; width:100%; order:3; font-size:13px; } .toast .toast-cart{ margin-inline-start:auto; } }

/* מפתח קטגוריות במדף */
.shelf-key{ position:absolute; z-index:5; top:var(--header-h); inset-inline:0; padding:var(--s12) var(--gutter) 0; pointer-events:none; }
.key-chips{ display:flex; gap:var(--s8); pointer-events:auto; }
.key-chip{ min-height:40px; padding:0 var(--s16); border-radius:var(--r-control); border:1px solid color-mix(in srgb, currentColor 35%, transparent); font-size:14px; color:inherit; background:transparent; transition:background-color var(--t-btn) var(--ease), color var(--t-btn) var(--ease), border-color var(--t-btn) var(--ease); }
.key-track{ height:2px; margin-top:var(--s12); background:color-mix(in srgb, currentColor 20%, transparent); border-radius:1px; overflow:hidden; }
.key-track i{ display:block; height:100%; width:0; background:currentColor; transition:width .2s linear; }
.shelf{ color:var(--ink); }
.shelf-key{ color:var(--ink); }
.shelf.dark-key .shelf-key{ color:var(--cream); }
@media (min-width:1024px){ .panel{ padding-top:calc(var(--header-h) + 88px); } }
@media (max-width:1023px){
  .shelf-key{ position:sticky; top:var(--header-h); background:var(--bg); padding:var(--s12) var(--gutter); border-bottom:1px solid var(--line); }
  .key-chips{ overflow-x:auto; scrollbar-width:none; } .key-chips::-webkit-scrollbar{ display:none; }
  .key-chip{ flex:none; }
}
/* הצ'יפ הפעיל: מילוי כהה, טקסט בהיר. על פאנל כהה הפוך */
.key-chip.on{ background:var(--ink); border-color:var(--ink); color:var(--cream); }
.shelf.dark-key .key-chip.on{ background:var(--cream); border-color:var(--cream); color:var(--ink); }

/* המדף לא נשבר: גלילה לרוחב עם הצמדה כשאין GSAP */
.shelf.shelf-scroll .shelf-track{ overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; width:100%; }
.shelf.shelf-scroll .shelf-track::-webkit-scrollbar{ display:none; }
.shelf.shelf-scroll .panel{ scroll-snap-align:start; flex:none; }
.shelf-arrows{ position:absolute; z-index:5; bottom:var(--s20); inset-inline-end:var(--gutter); display:flex; gap:var(--s8); }
.shelf-arrows .icon-btn{ background:var(--bg); color:var(--ink); border:1px solid var(--line); font-size:20px; }
.shelf.shelf-stack .shelf-track{ display:block; width:auto; }
.shelf.shelf-stack .panel{ width:auto; height:auto; padding:var(--sec) var(--gutter); }

/* סל: שורת סט */
.line-set .line-img{ border-radius:12px; }
.line-save{ display:block; font-size:13px; color:var(--muted); margin-top:2px; }
.line-items{ list-style:none; padding:0; margin:var(--s8) 0 0; font-size:13px; color:var(--muted); line-height:1.5; }
.line-items li::before{ content:"· "; }
.ship-date{ display:block; margin-top:var(--s8); font-size:13px; color:var(--muted); }

/* מתנה */
.gift{ margin-top:var(--s20); padding:var(--s16) var(--s20); background:var(--surface); border-radius:16px; }
.gift .check{ margin:0; }
.gift-note{ margin-top:var(--s12); }
.gift-note .field{ width:100%; border-radius:14px; padding:var(--s12) var(--s16); min-height:0; resize:vertical; font-size:15px; }
.gift-sum{ padding:var(--s12) 0; border-bottom:1px solid var(--line); }

/* כל הכלים: סינון ומיון */
.filters{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--s16) var(--s24); padding-bottom:var(--s24); border-bottom:1px solid var(--line); margin-bottom:var(--s24); }
.filters .chips{ justify-content:flex-start; }
.filters .chip[aria-pressed="true"]{ background:var(--ink); color:var(--buy-ink); border-color:var(--ink); }
.glaze-row{ display:flex; gap:var(--s8); flex-wrap:wrap; }
.gl{ display:inline-flex; align-items:center; gap:var(--s8); min-height:40px; padding:0 var(--s12) 0 var(--s16); border-radius:var(--r-control); border:1px solid transparent; font-size:14px; transition:border-color var(--t-btn) var(--ease); }
.gl i{ width:18px; height:18px; }
.gl .gl-all{ background:conic-gradient(#EDE6DA, #A7B79E, #B4532E, #D9CCB7, #2E2B29, #EDE6DA); }
.gl[aria-pressed="true"]{ border-color:var(--ink); }
@media (hover:hover) and (pointer:fine){ .gl:hover{ border-color:var(--line); } }
.sort{ margin-inline-start:auto; }
.sort .field{ min-height:44px; padding-inline:var(--s16); font-size:14px; }
.glaze-note{ min-height:22px; margin-bottom:var(--s16); }
.glaze-note:empty{ display:none; }
.empty-f{ color:var(--muted); padding:var(--s40) 0; }
@media (max-width:767px){ .sort{ margin-inline-start:0; width:100%; } .filters .chips{ width:100%; overflow-x:auto; flex-wrap:nowrap; scrollbar-width:none; padding-bottom:2px; } .filters .chips::-webkit-scrollbar{ display:none; } .filters .chip{ flex:none; } }

/* בנו סט משלכם */
.build-bar{ display:flex; justify-content:space-between; align-items:center; gap:var(--s16); flex-wrap:wrap; background:var(--surface); border-radius:16px; padding:var(--s16) var(--s20); margin-bottom:var(--s32); }
body.building .card .add{ background:var(--ink); color:var(--buy-ink); border-color:var(--ink); }
body.building .card .add::after{ content:" לסט"; font-size:11px; position:absolute; bottom:-18px; color:var(--muted); white-space:nowrap; }
.tray{ position:fixed; z-index:45; inset-inline:0; bottom:0; background:var(--bg); border-top:1px solid var(--line); padding:var(--s12) var(--gutter) calc(var(--s12) + env(safe-area-inset-bottom)); display:flex; align-items:center; gap:var(--s20); transform:translateY(110%); transition:transform var(--t-sheet) var(--ease-io); }
.tray.show{ transform:none; }
body.building{ padding-bottom:96px; }
.tray-slots{ display:flex; gap:var(--s8); }
.slot{ width:56px; height:56px; border-radius:14px; border:1.5px dashed var(--line); background:var(--surface); display:grid; place-items:center; overflow:hidden; }
.slot.full{ border-style:solid; border-color:var(--ink); padding:0; }
.slot.full img{ width:100%; height:100%; object-fit:cover; }
.tray-text{ flex:1; font-size:15px; }
@media (max-width:767px){ .tray{ flex-wrap:wrap; gap:var(--s12); } .tray-text{ width:100%; order:-1; font-size:14px; } .slot{ width:48px; height:48px; } .tray .btn{ margin-inline-start:auto; min-height:44px; } }

/* עמוד מוצר: שונוּת, סולם גדלים, עוד מהקטגוריה */
.variation{ margin-top:var(--s16); display:grid; gap:2px; }
.variation .dots{ font-weight:400; letter-spacing:.08em; color:var(--ink); }
.ladder{ display:flex; align-items:flex-end; gap:var(--s16); margin-top:var(--s24); padding:var(--s16) var(--s16) var(--s12); background:var(--surface); border-radius:16px; }
.rung{ display:flex; flex-direction:column; align-items:center; gap:var(--s8); color:var(--muted); font-size:13px; min-height:48px; }
.rung svg{ display:block; fill:color-mix(in srgb, var(--ink) 22%, transparent); color:var(--ink); transition:fill var(--t-btn) var(--ease); }
.rung.on{ color:var(--ink); font-weight:700; }
.rung.on svg{ fill:var(--ink); }
@media (hover:hover) and (pointer:fine){ .rung:hover svg{ fill:color-mix(in srgb, var(--ink) 45%, transparent); } .rung.on:hover svg{ fill:var(--ink); } }
.ladder-line{ margin-top:var(--s8); font-size:14px; color:var(--muted); }
.more-cat{ margin-top:var(--s32); padding-top:var(--s24); border-top:1px solid var(--line); }
.more-cat h3{ font-size:15px; margin-bottom:var(--s12); }
.more-row{ display:grid; gap:var(--s8); }
.more{ display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:var(--s12); min-height:44px; font-size:15px; }
.more i{ width:16px; height:16px; }
.more .meta{ text-align:end; }

/* תשלום: ביט ו-Apple Pay למעלה, בלי פס שלבים, סיכום שמתקפל בנייד */
.express{ display:grid; grid-template-columns:1fr 1fr; gap:var(--s12); }
.xp{ min-height:60px; gap:var(--s8); }
.xp[aria-pressed="true"]{ outline:2px solid var(--ink); outline-offset:3px; }
.xp-logo{ font-weight:700; font-style:italic; font-size:18px; letter-spacing:-.02em; }
.xp-apple .xp-logo::before{ content:""; }
.xp-apple{ background:#000; }
.or{ display:flex; align-items:center; gap:var(--s16); color:var(--muted); font-size:14px; margin:var(--s24) 0 var(--s32); }
.or::before, .or::after{ content:""; flex:1; height:1px; background:var(--line); }
.sum-toggle{ display:none; }
@media (max-width:767px){ .express{ grid-template-columns:1fr; } }
@media (max-width:1023px){
  .summary{ padding:0; overflow:hidden; }
  .sum-toggle{ display:flex; width:100%; justify-content:space-between; align-items:center; min-height:56px; padding:0 var(--s20); font-size:15px; }
  .sum-toggle::after{ content:"▾"; margin-inline-start:var(--s12); color:var(--muted); transition:transform var(--t-panel) var(--ease); }
  .summary.open .sum-toggle::after{ transform:rotate(180deg); }
  .sum-body{ display:none; padding:0 var(--s20) var(--s20); }
  .summary.open .sum-body{ display:block; }
}

.card-dim{ display:block; font-size:14px; color:var(--muted); line-height:1.4; }
@media (max-width:1023px){ .shelf{ overflow:visible; } .shelf-track{ overflow:hidden; } }
@media (max-width:767px){ .card-dim, .card-size{ font-size:13px; } .pmeta .g{ font-size:13px; line-height:1.35; } }
@media (max-width:767px){ .buy-row .btn{ white-space:nowrap; padding-inline:var(--s12); font-size:16px; } .pdp > *{ min-width:0; } }

/* קרדיט: הלוגו הסגול של רועי. האותיות בצבע הדיו כי הפוטר בהיר, הסימן נשאר סגול */
.credit{ display:inline-flex; align-items:center; gap:var(--s12); min-height:44px; padding-inline-start:var(--s20); border-inline-start:1px solid color-mix(in srgb, var(--ink) 15%, transparent); color:var(--ink); transition:opacity var(--t-text) var(--ease); }
.credit span{ font-size:13px; color:var(--muted); }
.credit-logo{ display:block; height:21px; width:auto; }
@media (hover:hover) and (pointer:fine){ .credit:hover{ opacity:.75; } }
.ftr-bar{ align-items:center; }
@media (max-width:767px){ .credit{ border:0; padding:0; } }

/* המדף: הכלי תמיד בתוך המשבצת שלו, יושב על הקו ולא חוצה אותו */
.pitem-img img{ width:100%; height:100%; max-width:none; max-height:none; object-fit:contain; object-position:50% 100%; }

/* ===== פונט טקסט: לאון (הפונטיה), נבחר ע"י רועי 12.10. size-adjust 103% מכייל לגודל של נוילנד ===== */
@font-face{ font-family:'KLI Leon'; src:url(../fonts/leon-regular.ttf) format('truetype'); font-weight:400; font-display:swap; size-adjust:103%; }
@font-face{ font-family:'KLI Leon'; src:url(../fonts/leon-bold.ttf) format('truetype'); font-weight:700; font-display:swap; size-adjust:103%; }
:root{ --font-body:'KLI Leon','Noyland',system-ui,-apple-system,'Segoe UI',Arial,sans-serif; }
.nav a{ white-space:nowrap; }

/* ===== כפתורים צפים: נגישות ווואטסאפ ===== */
.fab{ position:fixed; z-index:55; bottom:calc(var(--s24) + var(--fab-lift, 0px) + env(safe-area-inset-bottom)); width:56px; height:56px; border-radius:50%; display:grid; place-items:center;
  box-shadow:0 10px 30px rgba(47,42,37,.22); transition:background-color var(--t-btn) var(--ease), bottom var(--t-panel) var(--ease), transform var(--t-press) var(--ease); }
.fab svg{ width:26px; height:26px; }
.fab:active{ transform:scale(.94); }
.fab-wa{ inset-inline-end:var(--s24); background:#25D366; color:#fff; view-transition-name:fab-wa; }
.fab-a11y{ inset-inline-start:var(--s24); background:var(--buy); color:var(--buy-ink); view-transition-name:fab-a11y; }
.fab-a11y[aria-expanded="true"]{ background:var(--clay); }
.fab-tip{ position:absolute; inset-inline-end:calc(100% + 12px); white-space:nowrap; background:var(--ink); color:var(--buy-ink); font-size:14px; font-weight:700; line-height:1; padding:10px 14px;
  border-radius:var(--r-control); opacity:0; translate:-8px 0; pointer-events:none; transition:opacity var(--t-btn) var(--ease), translate var(--t-btn) var(--ease); }
@media (hover:hover) and (pointer:fine){
  .fab-wa:hover{ background:#1DA851; } .fab-a11y:hover{ background:var(--buy-hover); } .fab-a11y[aria-expanded="true"]:hover{ background:var(--clay-deep); }
  .fab-wa:hover .fab-tip{ opacity:1; translate:0 0; }
}
.fab-wa:focus-visible .fab-tip{ opacity:1; translate:0 0; }
.a11y-panel{ position:fixed; z-index:56; inset-inline-start:var(--s24); bottom:calc(var(--s24) + 68px + var(--fab-lift, 0px) + env(safe-area-inset-bottom)); width:min(340px, calc(100vw - 40px));
  max-height:calc(100svh - 140px); overflow:auto; background:var(--bg); color:var(--ink); border-radius:var(--r-sheet); box-shadow:0 24px 60px rgba(47,42,37,.25); padding:var(--s20) var(--s24) var(--s24);
  opacity:0; visibility:hidden; translate:0 12px; transition:opacity var(--t-panel) var(--ease), translate var(--t-panel) var(--ease), visibility 0s linear var(--t-panel); }
.a11y-panel.open{ opacity:1; visibility:visible; translate:0 0; transition:opacity var(--t-panel) var(--ease), translate var(--t-panel) var(--ease); }
.a11y-head{ display:flex; justify-content:space-between; align-items:center; margin-inline-end:-12px; }
.a11y-head h2{ font-size:24px; line-height:1.2; }
.a11y-label{ display:block; font-size:14px; color:var(--muted); margin:var(--s12) 0 var(--s8); }
.a11y-steps{ display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--s8); margin-bottom:var(--s8); }
.a11y-steps button, .a11y-opt{ min-height:48px; border-radius:var(--r-control); border:1px solid var(--line); background:var(--bg); font-size:15px;
  transition:background-color var(--t-btn) var(--ease), border-color var(--t-btn) var(--ease), color var(--t-btn) var(--ease); }
.a11y-opt{ display:flex; width:100%; justify-content:space-between; align-items:center; padding:0 var(--s20); margin-top:var(--s8); }
.a11y-opt::after{ content:""; flex:none; width:18px; height:18px; border-radius:50%; border:1.5px solid currentColor; }
.a11y-steps button[aria-pressed="true"], .a11y-opt[aria-pressed="true"]{ background:var(--ink); color:var(--buy-ink); border-color:var(--ink); }
.a11y-opt[aria-pressed="true"]::after{ background:var(--buy-ink); box-shadow:inset 0 0 0 4px var(--ink); }
@media (hover:hover) and (pointer:fine){
  .a11y-steps button:hover, .a11y-opt:hover{ background:var(--surface); border-color:var(--ink); }
  .a11y-steps button[aria-pressed="true"]:hover, .a11y-opt[aria-pressed="true"]:hover{ background:var(--buy-hover); }
}
.a11y-foot{ display:flex; justify-content:space-between; align-items:center; gap:var(--s12); margin-top:var(--s12); }
@media (max-width:767px){
  .fab{ width:52px; height:52px; bottom:calc(var(--s20) + var(--fab-lift, 0px) + env(safe-area-inset-bottom)); }
  .fab-wa{ inset-inline-end:20px; } .fab-a11y{ inset-inline-start:20px; } .fab-tip{ display:none; }
  .a11y-panel{ inset-inline-start:20px; bottom:calc(var(--s20) + 64px + var(--fab-lift, 0px) + env(safe-area-inset-bottom)); }
}

/* ===== מצבי נגישות ===== */
html[data-text="1"] body{ zoom:1.15; }
html[data-text="2"] body{ zoom:1.3; }
html.a11y-contrast{ --ink:#000; --muted:#1F1A16; --line:#000; --surface:#fff; --photo-bg:#fff; --footer:#fff; --buy:#000; }
html.a11y-contrast body{ background:#fff; color:#000; }
html.a11y-links a:not(.btn):not(.fab){ text-decoration:underline !important; text-decoration-thickness:2px !important; text-underline-offset:4px; }
html.a11y-links a.btn{ outline:2px solid currentColor; outline-offset:3px; }
html.a11y-font body, html.a11y-font body *{ font-family:Arial, Helvetica, sans-serif !important; }
html.a11y-still *, html.a11y-still *::before, html.a11y-still *::after{ transition-duration:.01ms !important; animation-duration:.01ms !important; scroll-behavior:auto !important; }
html.a11y-still .rv{ opacity:1 !important; transform:none !important; animation:none !important; }
html.a11y-still .sig{ height:auto; background:var(--bg); color:var(--ink); }
html.a11y-still .sig::after{ display:none; }
html.a11y-still .sig img{ position:relative; height:auto; aspect-ratio:16/9; }
html.a11y-still .sig .sig-bowl{ clip-path:none; }
html.a11y-still .sig-text{ position:relative; top:auto; padding:var(--sec) var(--gutter) var(--s32); }
html.a11y-still .sig-text .eyebrow{ color:var(--muted); } html.a11y-still .sig-text h2{ text-shadow:none; }
html.a11y-still .sig-price{ position:relative; inset:auto; margin:var(--s20) var(--gutter) var(--sec); background:var(--surface); }
html.a11y-still::view-transition-group(*), html.a11y-still::view-transition-old(*), html.a11y-still::view-transition-new(*){ animation:none !important; }

/* ===== תנועה: מעבר בין עמודים, כותרות, תמונות, כרטיסים, כפתורים, גלילה רכה ===== */
:root{ --ease-out:cubic-bezier(.16,1,.3,1); }
@media (prefers-reduced-motion:no-preference){
  @view-transition{ navigation:auto; }
  ::view-transition-old(root){ animation:vt-out .3s var(--ease-io) both; }
  ::view-transition-new(root){ animation:vt-in .55s var(--ease-out) .06s both; }
  @keyframes vt-out{ to{ opacity:0; transform:translateY(-14px); } }
  @keyframes vt-in{ from{ opacity:0; transform:translateY(22px); } }
  .hdr:not(.over){ view-transition-name:hdr; }

  .split .w{ display:inline-block; overflow:hidden; vertical-align:top; padding-block:.08em .14em; margin-block:-.08em -.14em; }
  .split .w > span{ display:inline-block; }
  .js .rv.split{ opacity:1; transform:none; animation:none; }
  .js .rv.split .w > span{ translate:0 112%; transition:translate .95s var(--ease-out) calc(var(--i) * 50ms); }
  .js .rv.split.in .w > span{ translate:0 0; }

  /* המסגרת נשארת גלויה כדי שהדפדפן יזהה שהיא על המסך. רק התמונה שבתוכה נחשפת */
  .js .rv.mask{ opacity:1; transform:none; animation:none; }
  .js .rv.mask img{ clip-path:inset(100% 0 0 0); scale:1.14; transition:clip-path 1.2s var(--ease-io), scale 1.6s var(--ease-out); }
  .js .rv.mask.in img{ clip-path:inset(0 0 0 0); scale:1; }

  .js .card.rv .card-img img{ scale:1.08; transition:opacity var(--t-card-color) var(--ease), scale 1.3s var(--ease-out); }
  .js .card.rv.in .card-img img{ scale:1; }
  @media (hover:hover) and (pointer:fine){
    .js .card.rv.in:hover .card-img img{ scale:1.045; transition:opacity var(--t-card-color) var(--ease), scale .8s var(--ease-out); }
    html:not(.a11y-still) .btn, html:not(.a11y-still) .fab{ translate:var(--mx, 0px) var(--my, 0px); }
    html:not(.a11y-still) .btn{ transition:background-color var(--t-btn) var(--ease), transform var(--t-press) var(--ease), color var(--t-btn) var(--ease), border-color var(--t-btn) var(--ease), translate .45s var(--ease-out); }
    html:not(.a11y-still) .fab{ transition:background-color var(--t-btn) var(--ease), bottom var(--t-panel) var(--ease), transform var(--t-press) var(--ease), translate .45s var(--ease-out); }
  }
}
html.lenis, html.lenis body{ height:auto; }
.lenis.lenis-smooth{ scroll-behavior:auto !important; }
.lenis.lenis-smooth [data-lenis-prevent]{ overscroll-behavior:contain; }
.lenis.lenis-stopped{ overflow:hidden; }

/* ===== לוגו: סימן הקערה + KLI ===== */
.logo{ gap:10px; letter-spacing:.06em; }
.logo-mark{ width:1.25em; height:1.25em; flex:none; color:var(--clay); margin-block-start:-.08em; }
.hdr.over:not(.scrolled) .logo-mark{ color:var(--cream); }

/* ===== מסך טעינה: קערה שעולה מלמטה, KLI, והמסך עולה ===== */
html.pl-on body::before{ content:""; position:fixed; inset:0; z-index:199; background:var(--clay); animation:pl-safe 0s 4s forwards; }
@keyframes pl-safe{ to{ visibility:hidden; } }
.pl{ position:fixed; inset:0; z-index:200; background:var(--clay); color:var(--cream); display:grid; place-items:center; transition:transform .85s var(--ease-io); animation:pl-safe 0s 4s forwards; }
.pl.out{ transform:translateY(-100%); }
.pl-in{ display:flex; flex-direction:column; align-items:center; gap:18px; transition:opacity .35s var(--ease), transform .6s var(--ease-io); }
.pl.out .pl-in{ opacity:0; transform:translateY(-40px); }
.pl-bowl{ width:clamp(88px, 11vw, 132px); height:auto; fill:currentColor; overflow:visible; }
.pl-rise{ transform-box:view-box; animation:pl-rise 1s .35s var(--ease-out) both; }
@keyframes pl-rise{ from{ transform:translateY(48px); } to{ transform:translateY(0); } }
.pl-foot{ transform-box:fill-box; transform-origin:center; animation:pl-foot .45s .05s var(--ease-out) both; }
@keyframes pl-foot{ from{ transform:scaleX(0); } }
.pl-word{ display:flex; direction:ltr; gap:.08em; overflow:hidden; font-family:var(--font-head); font-weight:700; font-size:clamp(34px, 4vw, 48px); letter-spacing:.08em; line-height:1.1; padding-bottom:.06em; }
.pl-word span{ display:inline-block; animation:pl-up .7s calc(1.05s + var(--i) * 90ms) var(--ease-out) both; }
@keyframes pl-up{ from{ transform:translateY(110%); } }

/* לוגו: הקערה מסתובבת כמו על האובניים */
@keyframes logo-spin{ to{ transform:rotateY(360deg); } }
@media (prefers-reduced-motion:no-preference){
  @media (hover:hover) and (pointer:fine){ html:not(.a11y-still) .logo:hover .logo-mark{ animation:logo-spin .9s var(--ease-out); } }
  html:not(.a11y-still) .logo-mark.spin{ animation:logo-spin 1s var(--ease-out); }
}