/* מאפיית השומרון — site.css · נגזר מ-concept-b (בת חן, 15.9.2026) ע"י tools/extract-css.mjs
   ופלטה קרם/טורקיז (SPEC §11.4א). ניגודיות נמדדה לכל צמד — PALETTE.md. מכאן הקובץ נערך ידנית. */
/* ============ 1. טוקנים — פלטה חלבית, דיו מהלוגו, חמאה ל-CTA ============
   הכהה של המותג הוא הדיו של החותם — לא בורדו ולא ירוק בשרי.
   ההדגשה היחידה היא חמאה (#F7C21B) ושמורה לכפתורי הזמנה בלבד. */
:root{
  --ink:#17161A;            /* הפחם של החותם — טקסט */
  --ink-2:#3C383F;
  --ink-soft:#6E6873;       /* ⚠ 4.68:1 על קרם, 5.31 על חלב — לא על שיבולת/טורקיז-רך (שם ink-2) */
  --milk:#FFFDF9;           /* כרטיסים */
  --cream:#F6EEE0;          /* רקע העמוד */
  --cream-2:#FBF5EA;
  --oat:#E9DCC0;            /* בלוק שיבולת חם */
  --oat-2:#DCCBA6;
  --turq:#446762;           /* הטורקיז מהצילומים ומהתפריט המודפס — כותרות, מסגרות, בלוקים כהים. 5.42:1 על קרם */
  --turq-2:#345450;         /* לחיצה/ריחוף */
  --turq-soft:#D5E4E0;      /* רקעי-משנה. טקסט עליו: ink / ink-2 / turq (4.76) — לא ink-soft */
  --turq-soft-2:#E1ECE9;    /* כותרת עמוד פנימי. turq עליו 5.17 */
  --turq-mid:#B9D3CE;       /* מסגרות של בלוקים רכים */
  --on-turq:#EDE6D9;        /* טקסט על טורקיז: 5.03. לינקים על טורקיז: milk (6.25) */
  --butter:#F7C21B;         /* הזהוב של המאפה — CTA בלבד. ink עליו 10.88 */
  --butter-2:#E7AE00;
  --line:#E6DBC6;
  --line-2:#D8C9AC;
  --shadow:0 4px 16px rgba(23,22,26,.07);
  --shadow-lg:0 18px 46px rgba(23,22,26,.16);
  --r:24px;
  --r-lg:34px;
  --bar-h:78px;
  --font:"Heebo","Segoe UI","Arial Hebrew","Noto Sans Hebrew",system-ui,Arial,sans-serif;
  --display:"Secular One","Heebo","Segoe UI",system-ui,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;max-width:100%;overflow-x:hidden}
body{
  font-family:var(--font); background:var(--cream); color:var(--ink);
  font-size:calc(16px * var(--fs,1)); line-height:1.55; -webkit-font-smoothing:antialiased;
  padding-bottom:calc(var(--bar-h) + env(safe-area-inset-bottom));
}
img{max-width:100%;display:block}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
a{color:inherit}
h1,h2,h3{font-family:var(--display);margin:0;line-height:1.08;letter-spacing:-.022em;font-weight:400}
.sec-head h2,.phead h1,.catgroup>h2,.legal h2,.story h2,.staffbox h2,.e404 h1,.kosher-band h2,.sheet .stitle h2{color:var(--turq)}
b,strong{font-weight:900}
:focus-visible{outline:3px solid var(--turq);outline-offset:2px;border-radius:6px}
.wrap{max-width:1180px;margin-inline:auto;padding-inline:16px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* אייקונים: SVG קו-דק בצבע אחד, בשפה של החותם. אפס אמוג'י. */
.ico{width:1.25em;height:1.25em;flex:0 0 auto;display:inline-block;vertical-align:-.22em;
  fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ico-s{width:1em;height:1em}
.ico-l{width:1.7em;height:1.7em}
.ico-xl{width:34px;height:34px;stroke-width:1.4}

/* בידוד דו-כיווני לאסימון לטיני/מספרי בשורה עברית */
.price,.lineprice,.stepper b,.counter,.pill,.card .qty{unicode-bidi:isolate}
.counter{direction:ltr}
.ltr{direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.util bdi,.step bdi,footer bdi,.trust bdi,.field .hint bdi{white-space:nowrap}

/* ============ 2. כותרת דביקה — טלפון ושעות בלי גלילה ובלי המבורגר ============ */
header.top{position:sticky;top:0;z-index:60;background:var(--milk);box-shadow:0 1px 0 var(--line),0 6px 18px rgba(23,22,26,.06)}
.util{background:var(--turq);color:var(--on-turq)}
.util .wrap{display:flex;align-items:center;gap:9px;min-height:40px;padding-block:5px;flex-wrap:nowrap;
  overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.util .wrap::-webkit-scrollbar{display:none}
.util .lg{display:none}
@media(min-width:560px){.util .lg{display:inline}}
.util a.tel{
  display:inline-flex;align-items:center;gap:7px;font-weight:900;font-size:calc(15px * var(--fs,1));letter-spacing:.01em;
  text-decoration:none;background:var(--butter);color:var(--ink);padding:5px 13px;border-radius:999px;
  white-space:nowrap;min-height:34px
}
.util .hours{font-size:calc(13px * var(--fs,1));opacity:.9;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}
.util .kosher{
  margin-inline-start:auto;font-size:calc(11.5px * var(--fs,1));font-weight:700;letter-spacing:.04em;
  border:1px solid rgba(243,238,228,.45);padding:4px 10px;border-radius:999px;white-space:nowrap
}
.brandrow{display:flex;align-items:center;gap:11px;padding:9px 0 8px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}
.logo .mark{
  width:46px;height:46px;border-radius:50%;flex:0 0 46px;overflow:hidden;background:#fff;
  border:1.5px solid var(--line-2)
}
.logo .mark img{width:100%;height:100%;object-fit:contain}
.logo b{font-family:var(--display);font-weight:400;font-size:calc(19px * var(--fs,1));display:block;line-height:1;letter-spacing:-.02em}
.logo .tag{font-size:calc(11px * var(--fs,1));color:var(--ink-soft);letter-spacing:.14em;display:block;margin-top:3px}
.years{display:none;font-size:calc(11.5px * var(--fs,1));font-weight:700;letter-spacing:.08em;color:var(--ink-soft);
  border:1px solid var(--line-2);padding:4px 11px;border-radius:999px;white-space:nowrap}
.hdr-cta{
  margin-inline-start:auto;flex:0 0 auto;background:var(--butter);color:var(--ink);font-weight:900;font-size:calc(14.5px * var(--fs,1));
  border-radius:999px;min-height:44px;padding:0 17px;display:inline-flex;align-items:center;gap:7px;
  text-decoration:none;white-space:nowrap;box-shadow:0 3px 0 var(--butter-2)
}
.hdr-cta:active{transform:translateY(2px);box-shadow:0 1px 0 var(--butter-2)}
@media(min-width:900px){.years{display:inline-block;margin-inline-start:auto}.hdr-cta{margin-inline-start:0}}
@media(max-width:399px){.logo .tag{display:none}}

.burger{
  flex:0 0 44px;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line-2);
  display:grid;place-items:center;align-content:center;gap:4px;background:var(--milk)
}
.burger i{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s ease,opacity .2s ease}
.burger[aria-expanded="true"]{background:var(--turq)}
.burger[aria-expanded="true"] i{background:var(--milk)}
.burger[aria-expanded="true"] i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] i:nth-child(2){opacity:0}
.burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

.pagenav{
  position:absolute;inset-inline:0;top:100%;z-index:55;background:var(--milk);
  border-top:1px solid var(--line);box-shadow:0 18px 34px rgba(23,22,26,.16);
  max-height:0;overflow:hidden;transition:max-height .26s ease;border-end-start-radius:28px;border-end-end-radius:28px
}
.pagenav.on{max-height:540px}
.pagenav ul{list-style:none;margin:0;padding:6px 0 12px}
.pagenav a{
  display:flex;align-items:center;gap:13px;padding:13px 18px;text-decoration:none;
  font-weight:700;font-size:calc(16.5px * var(--fs,1));min-height:52px;color:var(--ink-2)
}
.pagenav a .ic{color:var(--ink-soft);display:inline-flex}
.pagenav a[aria-current="page"]{color:var(--ink);font-weight:900}
.pagenav a[aria-current="page"] .ic{color:var(--ink)}
.pagenav a[aria-current="page"]::after{
  content:"";margin-inline-start:auto;width:22px;height:4px;border-radius:99px;background:var(--turq)
}
@media(min-width:900px){
  .burger{display:none}
  .pagenav{position:static;max-height:none;overflow:visible;box-shadow:none;background:var(--cream-2);border-radius:0;border-top:1px solid var(--line)}
  .pagenav ul{display:flex;gap:4px;padding:0;max-width:1180px;margin-inline:auto;padding-inline:16px}
  .pagenav a{padding:13px 15px;font-size:calc(15px * var(--fs,1));min-height:48px}
  .pagenav a[aria-current="page"]::after{position:absolute;display:none}
  .pagenav a[aria-current="page"]{box-shadow:inset 0 -4px 0 var(--turq)}
  .pagenav a .ic{display:none}
}

/* פס קטגוריות */
.cats{display:none;border-top:1px solid var(--line);background:var(--milk)}
body[data-route="order"] .cats,body[data-route="menu"] .cats{display:block}
.cats .scroller{display:flex;gap:8px;overflow-x:auto;padding:10px 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.cats .scroller::-webkit-scrollbar{display:none}
.chip{
  flex:0 0 auto;border:1.5px solid var(--line-2);background:var(--milk);color:var(--ink-2);
  padding:9px 16px;border-radius:999px;font-weight:700;font-size:calc(14.5px * var(--fs,1));white-space:nowrap;min-height:42px;
  display:inline-flex;align-items:center;gap:6px;transition:transform .12s ease,background .15s ease
}
.chip[aria-pressed="true"]{background:var(--turq);color:var(--milk);border-color:var(--turq)}
.chip:active{transform:scale(.96)}

/* ============ 3. הירו — בלוק חמאה, צורה זורמת, טיפוגרפיה כבדה ============ */
.hero{position:relative;background:var(--turq-soft);overflow:hidden;border-end-start-radius:var(--r-lg);border-end-end-radius:var(--r-lg)}
.hero::before{
  content:"";position:absolute;inset-block-start:-120px;inset-inline-end:-90px;width:290px;height:290px;
  border-radius:50%;background:rgba(255,255,255,.34)
}
.hero .inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:0;padding:22px 0 26px}
.hero .copy{padding-inline:16px;color:var(--ink)}
.hero .eyebrow{
  display:inline-flex;align-items:center;gap:7px;font-size:calc(12px * var(--fs,1));font-weight:900;letter-spacing:.16em;
  background:var(--turq);color:var(--milk);padding:6px 13px;border-radius:999px;margin-bottom:13px
}
.hero h1{font-size:calc(clamp(36px,11.5vw,74px) * var(--fs,1));line-height:.97;color:var(--turq)}
.hero h1 .l2{display:block}
.hero p.sub{margin:14px 0 18px;font-size:calc(16.5px * var(--fs,1));max-width:34ch;font-weight:500;color:var(--ink-2)}
.hero .acts{display:flex;gap:10px;flex-wrap:wrap}
/* התמונה בצורה אורגנית — לא מלבן, לא וידאו קולנועי */
.hero .pic{
  margin:4px 16px 0;position:relative;aspect-ratio:1/.6;overflow:hidden;
  border-radius:56% 44% 48% 52% / 46% 52% 48% 54%;
  box-shadow:0 22px 44px rgba(23,22,26,.22);border:6px solid var(--milk)
}
.hero .pic img{width:100%;height:100%;object-fit:cover}
/* חותם "25 שנה / SINCE 2001" — ציטוט ישיר של הלוגו, מונח א-סימטרית על התמונה */
.hero .stamp{
  position:absolute;z-index:4;inset-block-start:10px;inset-inline-start:8px;
  width:92px;height:92px;border-radius:50%;background:var(--milk);
  box-shadow:0 0 0 1.5px var(--turq) inset,0 0 0 5px var(--milk),0 0 0 6.5px var(--turq),var(--shadow-lg);
  display:grid;place-items:center;align-content:center;text-align:center;padding:6px
}
.hero .stamp b{display:block;font-family:var(--display);font-size:calc(24px * var(--fs,1));line-height:1}
.hero .stamp span{font-size:calc(9.5px * var(--fs,1));letter-spacing:.1em;color:var(--ink-soft);display:block;margin-top:2px}
@media(min-width:860px){
  .hero .inner{grid-template-columns:1.05fr .95fr;align-items:center;gap:26px;padding:44px 0 54px;max-width:1180px;margin-inline:auto}
  .hero .pic{margin:0 16px}
}

/* רצועת אמון — בלוק דיו */
.trust{background:var(--turq);color:var(--on-turq)}
.trust .scroller{display:flex;gap:20px;overflow-x:auto;padding:13px 16px;scrollbar-width:none}
.trust .scroller::-webkit-scrollbar{display:none}
.trust i{font-style:normal;white-space:nowrap;font-size:calc(13.5px * var(--fs,1));font-weight:500;display:inline-flex;gap:7px;align-items:center}
.trust b{color:var(--milk);font-weight:900}
.trust .ico{color:var(--butter)}

/* ============ 4. גריד המוצרים — הגיבור ============ */
.sec{padding:30px 0 10px}
.sec-head{display:flex;align-items:flex-end;gap:12px;margin-bottom:16px}
.kicker{font-size:calc(11.5px * var(--fs,1));font-weight:900;color:var(--ink-soft);letter-spacing:.18em;display:flex;align-items:center;gap:6px}
.sec-head h2{font-size:calc(clamp(26px,7vw,42px) * var(--fs,1))}
.sec-head .count{margin-inline-start:auto;font-size:calc(13px * var(--fs,1));color:var(--ink-soft);white-space:nowrap}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:620px){.grid{grid-template-columns:repeat(3,1fr);gap:16px}}
@media(min-width:980px){.grid{grid-template-columns:repeat(4,1fr);gap:18px}}
.card{
  background:var(--milk);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);
  display:flex;flex-direction:column;text-align:start;position:relative;border:1px solid var(--line);
  transition:transform .16s ease,box-shadow .16s ease
}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.card:active{transform:scale(.985)}
.card .ph{position:relative;aspect-ratio:4/3;background:var(--oat);margin:7px 7px 0;border-radius:18px;overflow:hidden}
.card .ph img{width:100%;height:100%;object-fit:cover}
.card .qty{
  position:absolute;inset-block-end:7px;inset-inline-start:7px;
  background:rgba(23,22,26,.84);color:#fff;font-size:calc(11.5px * var(--fs,1));font-weight:700;padding:3px 9px;border-radius:999px
}
.card .pick{
  position:absolute;inset-block-start:7px;inset-inline-end:7px;
  background:var(--turq-soft);color:var(--ink);font-size:calc(11.5px * var(--fs,1));font-weight:900;padding:3px 9px;border-radius:999px
}
.card .body{padding:11px 12px 13px;display:flex;flex-direction:column;flex:1;gap:5px}
.card h3{font-size:calc(17px * var(--fs,1));letter-spacing:-.015em}
.card .desc{font-size:calc(12.5px * var(--fs,1));color:var(--ink-soft);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.2em}
.card .foot{margin-top:auto;display:flex;align-items:center;gap:6px;padding-top:6px;flex-wrap:nowrap}
.price{font-family:var(--display);font-size:calc(20px * var(--fs,1));color:var(--ink);flex:0 0 auto}
.addbtn{
  margin-inline-start:auto;background:var(--butter);color:var(--ink);font-weight:900;font-size:calc(13.5px * var(--fs,1));
  border-radius:999px;padding:0 14px;min-height:42px;min-width:42px;display:inline-flex;align-items:center;gap:5px;
  box-shadow:0 3px 0 var(--butter-2);white-space:nowrap
}
.addbtn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--butter-2)}
@media(max-width:430px){
  .card .price{font-size:calc(18px * var(--fs,1))}
  .addbtn{font-size:calc(12.5px * var(--fs,1));padding:0 11px;gap:3px}
  .card .body{padding:10px 10px 12px}
}
.card .inCart{position:absolute;inset:0;border:2.5px solid var(--turq);border-radius:var(--r);pointer-events:none;display:none}
.card[data-incart="1"] .inCart{display:block}
/* תג "בעגלה" — אלמנט אחד ששני המשטחים מרנדרים, לא שני כללי CSS שיתפצלו */
.incart-tag{
  position:absolute;z-index:3;inset-block-start:6px;inset-inline-start:6px;
  background:var(--turq);color:var(--milk);font-size:calc(11px * var(--fs,1));font-weight:900;padding:3px 10px;border-radius:999px;
  white-space:nowrap
}

/* ============ 5. בלוקי צבע: כשרות · עדויות · שלבים ============ */
.kosher-band{margin-top:28px;background:var(--turq-soft);color:var(--ink);border-radius:var(--r-lg);overflow:hidden;position:relative}
.kosher-band::after{
  content:"";position:absolute;inset-block-end:-70px;inset-inline-start:-50px;width:190px;height:190px;
  border-radius:50%;background:rgba(255,255,255,.3)
}
.kosher-band .inner{display:grid;grid-template-columns:1fr;gap:0;position:relative;z-index:2}
@media(min-width:720px){.kosher-band .inner{grid-template-columns:1fr 300px;align-items:center}}
.kosher-band .txt{padding:22px 20px}
.kosher-band h2{font-size:calc(25px * var(--fs,1));margin-bottom:9px}
.kosher-band p{margin:0 0 12px;font-size:calc(15px * var(--fs,1))}
.kosher-band .cert{padding:0 20px 22px}
@media(min-width:720px){.kosher-band .cert{padding:20px}}
.kosher-band .cert img{width:100%;border-radius:18px;border:6px solid var(--milk);box-shadow:var(--shadow-lg)}

.ph-note{
  display:inline-flex;align-items:center;gap:7px;background:var(--milk);border:1.5px dashed var(--ink-soft);
  color:var(--ink-2);font-size:calc(12.5px * var(--fs,1));font-weight:900;padding:6px 12px;border-radius:999px;line-height:1.35
}
.tmg{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:720px){.tmg{grid-template-columns:repeat(3,1fr)}}
.tcard{background:var(--milk);border:1.5px dashed var(--line-2);border-radius:var(--r);padding:18px 16px;position:relative}
.tcard .stars{color:var(--line-2);display:flex;gap:3px}
.tcard p{font-size:calc(14.5px * var(--fs,1));color:var(--ink-soft);margin:10px 0 11px}
.tcard .who{font-size:calc(12.5px * var(--fs,1));font-weight:900;color:var(--ink-2);letter-spacing:.02em}

.steps{display:grid;gap:11px;grid-template-columns:1fr}
@media(min-width:720px){.steps{grid-template-columns:repeat(3,1fr)}}
.step{background:var(--milk);border-radius:var(--r);padding:17px;box-shadow:var(--shadow);display:flex;gap:13px;align-items:flex-start;border:1px solid var(--line)}
.step .n{flex:0 0 38px;height:38px;border-radius:50%;background:var(--turq);color:var(--milk);display:grid;place-items:center;font-family:var(--display);font-size:calc(18px * var(--fs,1))}
.step h3{font-size:calc(18px * var(--fs,1));margin-bottom:4px}
.step p{margin:0;font-size:calc(13.5px * var(--fs,1));color:var(--ink-soft)}

footer{margin-top:34px;background:var(--turq);color:var(--on-turq);padding:26px 0 28px;border-start-start-radius:var(--r-lg);border-start-end-radius:var(--r-lg)}
footer a{color:var(--milk);text-decoration:underline;text-underline-offset:3px}
footer .cols{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:720px){footer .cols{grid-template-columns:repeat(3,1fr)}}
footer h3{font-size:calc(17px * var(--fs,1));color:var(--milk);margin-bottom:8px}
footer p{margin:3px 0;font-size:calc(14px * var(--fs,1))}

/* ============ 6. סרגל CTA דביק — תמיד נראה ============ */
.bar{
  position:fixed;inset-inline:0;bottom:0;z-index:70;background:rgba(255,253,249,.97);
  backdrop-filter:blur(9px);border-top:1.5px solid var(--line);
  box-shadow:0 -10px 30px rgba(23,22,26,.12);
  padding:10px 12px calc(10px + env(safe-area-inset-bottom));
}
.bar .in{display:flex;align-items:center;gap:9px;max-width:1180px;margin-inline:auto}
.bar .callbtn{
  flex:0 0 52px;height:52px;border-radius:50%;background:var(--turq);color:var(--milk);
  display:grid;place-items:center;text-decoration:none
}
.bar .cartbtn{
  flex:0 0 auto;height:52px;border-radius:999px;border:1.5px solid var(--line-2);background:var(--milk);
  padding:0 15px;display:flex;flex-direction:column;justify-content:center;line-height:1.15;min-width:86px
}
.bar .cartbtn b{font-size:calc(14.5px * var(--fs,1));font-family:var(--display);font-weight:400}
.bar .cartbtn small{font-size:calc(11px * var(--fs,1));color:var(--ink-soft)}
.bar .btn-cta{flex:1 1 auto;min-width:0;height:52px;min-height:52px;padding-inline:12px;font-size:calc(15.5px * var(--fs,1));
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center}
@media(min-width:720px){.bar .btn-cta{flex:0 0 330px;margin-inline-start:auto}}

/* כפתורים */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:15px 22px;border-radius:999px;font-weight:900;font-size:calc(16.5px * var(--fs,1));text-decoration:none;min-height:54px;
  transition:transform .12s ease,box-shadow .15s ease,background .15s ease
}
.btn-cta{background:var(--butter);color:var(--ink);box-shadow:0 4px 0 var(--butter-2)}
.btn-cta:hover{background:var(--butter-2)}
.btn-cta:active{transform:translateY(3px);box-shadow:0 1px 0 var(--butter-2)}
.btn-cta[disabled]{background:var(--line);color:var(--ink-soft);box-shadow:none;cursor:not-allowed}
.btn-ghost{background:transparent;color:var(--ink);border:2px solid var(--ink)}
.btn-line{background:var(--milk);color:var(--ink);border:1.5px solid var(--line-2)}

/* ============ 7. מגירות תחתונות ============ */
.scrim{position:fixed;inset:0;background:rgba(23,22,26,.58);z-index:80;opacity:0;pointer-events:none;transition:opacity .22s ease}
.scrim.on{opacity:1;pointer-events:auto}
.sheet{
  position:fixed;inset-inline:0;bottom:0;z-index:90;background:var(--cream);
  border-radius:30px 30px 0 0;max-height:94dvh;display:flex;flex-direction:column;
  transform:translateY(102%);box-shadow:var(--shadow-lg);visibility:hidden;pointer-events:none;
  transition:transform .28s cubic-bezier(.22,1,.36,1), visibility 0s linear .28s
}
.sheet.on{transform:translateY(0);visibility:visible;pointer-events:auto;
  transition:transform .28s cubic-bezier(.22,1,.36,1), visibility 0s linear 0s}
@media(min-width:720px){.sheet{inset-inline:auto;inset-inline-start:50%;transform:translate(50%,102%);width:560px;border-radius:30px;bottom:16px;max-height:90dvh}
 .sheet.on{transform:translate(50%,0)}}
.sheet .handle{padding:9px 0 2px;display:grid;place-items:center;flex:0 0 auto}
.sheet .handle i{display:block;width:46px;height:5px;border-radius:99px;background:var(--line-2)}
.sheet .scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1 1 auto;padding-bottom:10px}
.sheet .sfoot{flex:0 0 auto;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:var(--milk);border-top:1.5px solid var(--line);display:flex;gap:9px;align-items:center}
.sheet .sfoot .btn-cta{flex:1}
.sheet .closeX{position:absolute;inset-block-start:11px;inset-inline-end:11px;z-index:3;width:44px;height:44px;
  border-radius:50%;background:var(--milk);display:grid;place-items:center;box-shadow:var(--shadow);color:var(--ink)}
.sheet .stitle{padding:4px 16px 0}
.sheet .stitle h2{font-size:calc(25px * var(--fs,1))}

.pshero{position:relative;aspect-ratio:16/10;background:var(--oat);overflow:hidden;border-end-start-radius:28px;border-end-end-radius:28px}
.pshero img{width:100%;height:100%;object-fit:cover}
.pbody{padding:14px 16px 0}
.pill{display:inline-block;background:var(--oat);color:var(--ink-2);font-size:calc(12.5px * var(--fs,1));font-weight:700;padding:4px 11px;border-radius:999px;margin-inline-end:6px}
.pdesc{font-size:calc(14.5px * var(--fs,1));color:var(--ink-soft);margin:10px 0 0}

/* ---- פקד תת-האפשרויות: לב המוצר ---- */
.optblock{margin-top:16px;background:var(--milk);border-radius:var(--r);padding:15px 13px;box-shadow:var(--shadow);border:1px solid var(--line)}
.optblock .oh{display:flex;align-items:center;gap:8px;margin-bottom:5px}
.optblock .oh h3{font-size:calc(18px * var(--fs,1))}
.optblock .oh .req{font-size:calc(11px * var(--fs,1));font-weight:900;letter-spacing:.08em;color:var(--ink);background:transparent;border:1.5px solid var(--ink);padding:2px 9px;border-radius:999px}
.counter{
  margin-inline-start:auto;font-family:var(--display);font-size:calc(14.5px * var(--fs,1));
  background:var(--turq);color:var(--milk);padding:4px 12px;border-radius:999px;min-width:54px;text-align:center;
  transition:background .2s ease,color .2s ease
}
.counter.full{background:var(--turq-soft);color:var(--ink)}
.counter.warn{animation:nudge .35s ease}
@keyframes nudge{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.ohint{font-size:calc(12.5px * var(--fs,1));color:var(--ink-soft);margin:0 0 10px}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opt{
  position:relative;flex:1 1 calc(50% - 8px);min-height:54px;display:flex;align-items:center;gap:9px;
  background:var(--cream-2);border:2px solid var(--line);border-radius:16px;padding:9px 12px;
  font-size:calc(14.5px * var(--fs,1));font-weight:600;text-align:start;line-height:1.25;color:var(--ink-2);
  transition:border-color .14s ease,background .14s ease,transform .1s ease
}
.opt .tick{
  flex:0 0 22px;width:22px;height:22px;border-radius:7px;border:2px solid var(--line-2);background:var(--milk);
  display:grid;place-items:center;color:var(--turq);transition:all .14s ease
}
.opt .tick svg{width:14px;height:14px;opacity:0;stroke-width:2.6}
.opt.round .tick{border-radius:50%}
.opt[aria-pressed="true"]{border-color:var(--turq);background:var(--turq-soft);color:var(--ink)}
.opt[aria-pressed="true"] .tick{background:var(--turq);border-color:var(--turq);color:var(--milk)}
.opt[aria-pressed="true"] .tick svg{opacity:1}
.opt.blocked{opacity:.4}
.opt:active{transform:scale(.97)}
.opt.long{flex:1 1 100%}

.qrow{margin-top:16px;background:var(--milk);border-radius:var(--r);padding:12px 13px;box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;border:1px solid var(--line)}
.qrow span.lbl{font-weight:900;font-size:calc(16.5px * var(--fs,1))}
.stepper{margin-inline-start:auto;display:flex;align-items:center;gap:4px;background:var(--cream-2);border:1.5px solid var(--line-2);border-radius:999px;padding:3px}
.stepper button{width:44px;height:44px;border-radius:50%;font-size:calc(23px * var(--fs,1));font-weight:900;display:grid;place-items:center;color:var(--ink)}
.stepper button:active{background:var(--oat)}
.stepper b{min-width:34px;text-align:center;font-family:var(--display);font-weight:400;font-size:calc(19px * var(--fs,1))}

/* ---- עגלה ---- */
.citem{display:flex;gap:11px;background:var(--milk);border-radius:20px;padding:10px;margin:10px 16px;box-shadow:var(--shadow);border:1px solid var(--line)}
.citem img{width:78px;height:78px;flex:0 0 78px;border-radius:15px;object-fit:cover}
.citem .ci{flex:1;min-width:0}
.citem h4{margin:0;font-size:calc(16px * var(--fs,1));font-family:var(--display);font-weight:400}
.citem .sel{font-size:calc(12.5px * var(--fs,1));color:var(--ink-soft);margin:3px 0 7px}
.citem .cf{display:flex;align-items:center;gap:8px}
.citem .stepper{margin-inline-start:0}
.citem .stepper button{width:36px;height:36px;font-size:calc(19px * var(--fs,1))}
.citem .lineprice{margin-inline-start:auto;font-family:var(--display);font-size:calc(16.5px * var(--fs,1))}
.citem .rm{color:var(--ink-soft);font-size:calc(12.5px * var(--fs,1));font-weight:700;text-decoration:underline}
.empty{text-align:center;padding:38px 22px;color:var(--ink-soft)}
.empty .big{color:var(--line-2);display:flex;justify-content:center;margin-bottom:8px}
.totals{margin:14px 16px 0;background:var(--milk);border-radius:20px;padding:14px;box-shadow:var(--shadow);border:1px solid var(--line)}
.totals .tr{display:flex;justify-content:space-between;font-size:calc(15px * var(--fs,1));padding:3px 0}
.totals .tr.sum{font-family:var(--display);font-size:calc(22px * var(--fs,1));border-top:1.5px solid var(--line);margin-top:8px;padding-top:10px}

/* ---- טופס (רק בסוף) ---- */
.form{padding:14px 16px 0;display:grid;gap:12px}
.field label{display:block;font-size:calc(13.5px * var(--fs,1));font-weight:900;margin-bottom:5px}
.field input,.field select,.field textarea{
  width:100%;font-family:var(--font);font-size:calc(16px * var(--fs,1));padding:14px 13px;border-radius:16px;
  border:1.5px solid var(--line-2);background:var(--milk);color:var(--ink);min-height:52px
}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--turq)}
.field textarea{min-height:78px;resize:vertical}
.field .hint{font-size:calc(12px * var(--fs,1));color:var(--ink-soft);margin-top:4px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.two>.field{min-width:0}
.field input,.field select,.field textarea{min-width:0}
.recap{background:var(--turq-soft);border-radius:16px;padding:12px 14px;font-size:calc(14.5px * var(--fs,1));color:var(--ink)}
.recap b{font-family:var(--display);font-weight:400}

.toast{
  position:fixed;inset-inline:0;bottom:calc(var(--bar-h) + 14px);z-index:120;display:flex;justify-content:center;
  pointer-events:none;opacity:0;transform:translateY(10px);transition:all .2s ease
}
.toast.on{opacity:1;transform:translateY(0)}
.toast span{background:var(--turq);color:var(--milk);font-size:calc(14px * var(--fs,1));font-weight:700;padding:12px 18px;border-radius:999px;box-shadow:var(--shadow-lg);max-width:92vw;text-align:center}
.mockflag{background:var(--oat);border:1.5px dashed var(--ink-soft);color:var(--ink-2);font-size:calc(12.5px * var(--fs,1));font-weight:900;padding:10px 12px;border-radius:16px;margin:14px 16px;display:flex;gap:8px;align-items:center}

/* ============ 8. עמודים אמיתיים (שלב 3) — כל עמוד הוא קובץ HTML משלו; אין .view מוסתר ============ */
.view{display:block}

/* כותרת עמוד פנימי — בלוק צבע, לא תמונה */
.phead{background:var(--turq-soft-2);color:var(--ink);padding:24px 0 30px;border-end-start-radius:var(--r-lg);border-end-end-radius:var(--r-lg);position:relative;overflow:hidden}
.phead::before{
  content:"";position:absolute;inset-block-start:-90px;inset-inline-start:-60px;width:220px;height:220px;
  border-radius:50%;background:rgba(255,255,255,.34)
}
.phead .wrap{position:relative;z-index:2}
.phead .kicker{color:var(--ink-2)}
.phead h1{font-size:calc(clamp(30px,9vw,54px) * var(--fs,1));margin-top:4px}
.phead p{margin:10px 0 0;font-size:calc(15.5px * var(--fs,1));color:var(--ink-2);max-width:54ch}
.crumbs{font-size:calc(12px * var(--fs,1));color:var(--ink-2);margin-bottom:8px;letter-spacing:.04em}
.crumbs a{color:var(--ink-2);text-decoration:none;font-weight:700}

/* ============ 9. עמוד תפריט ============ */
.catgroup{margin-top:28px}
.catgroup>h2{
  font-size:calc(24px * var(--fs,1));display:flex;align-items:center;gap:10px;margin-bottom:13px;
  padding-bottom:9px;border-bottom:3px solid var(--turq)
}
.catgroup>h2 span.c{margin-inline-start:auto;font-size:calc(12.5px * var(--fs,1));font-weight:700;color:var(--ink-soft);font-family:var(--font)}
.mlist{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:760px){.mlist{grid-template-columns:1fr 1fr}}
.mrow{background:var(--milk);border-radius:var(--r);box-shadow:var(--shadow);display:flex;gap:12px;padding:11px;
  border:1px solid var(--line);text-align:start;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}
.mrow:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.mrow:active{transform:scale(.99)}
.mrow[data-incart="1"]{border-color:var(--turq);box-shadow:0 0 0 1.5px var(--turq),var(--shadow)}
/* שורת ההזמנה בכרטיס התפריט — אותו .addbtn של עמוד ההזמנה */
.mfoot{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}
.mpick{font-size:calc(11.5px * var(--fs,1));font-weight:900;background:var(--turq-soft);color:var(--ink);padding:4px 10px;border-radius:999px}
.mfoot .addbtn{margin-inline-start:auto}
.mrow .thumb{position:relative;flex:0 0 98px;width:98px;height:98px;border-radius:18px;overflow:hidden;background:var(--oat)}
.mrow .thumb img{width:100%;height:100%;object-fit:cover}
.mrow .mi{flex:1;min-width:0}
.mrow .mtop{display:flex;align-items:baseline;gap:8px}
.mrow h3{font-size:calc(17.5px * var(--fs,1))}
.mrow .mprice{margin-inline-start:auto;font-family:var(--display);font-size:calc(18px * var(--fs,1));unicode-bidi:isolate}
.mrow .mqty{font-size:calc(12px * var(--fs,1));color:var(--ink-2);background:var(--oat);border-radius:999px;padding:3px 10px;display:inline-block;margin:6px 0 5px;unicode-bidi:isolate}
.mrow .mdesc{font-size:calc(13.5px * var(--fs,1));color:var(--ink-soft);margin:0}
.mfills{margin-top:8px;border-top:1px dashed var(--line-2);padding-top:8px}
.mfills b{font-size:calc(12.5px * var(--fs,1));display:block;margin-bottom:5px;color:var(--ink-2)}
.mfills .tags{display:flex;flex-wrap:wrap;gap:5px}
.mfills .tags span{font-size:calc(11.5px * var(--fs,1));background:var(--cream-2);color:var(--ink-2);border:1px solid var(--line-2);border-radius:999px;padding:3px 9px}
.mfills .tags span.bread{background:var(--turq-soft);border-color:var(--turq-mid)}

.photogap{
  position:absolute;inset-block-start:6px;inset-inline-start:6px;z-index:2;
  background:var(--milk);color:var(--ink-2);border:1px dashed var(--ink-soft);
  font-size:calc(10.5px * var(--fs,1));font-weight:900;padding:2px 8px;border-radius:999px;line-height:1.4
}
.card .photogap{inset-block-start:auto;inset-block-end:34px}

/* ============ 10. גלריה + לייטבוקס ============ */
.gal{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:620px){.gal{grid-template-columns:repeat(3,1fr);gap:13px}}
@media(min-width:980px){.gal{grid-template-columns:repeat(4,1fr)}}
.gitem{position:relative;aspect-ratio:1/1;border-radius:22px;overflow:hidden;background:var(--oat);box-shadow:var(--shadow);display:block;width:100%;border:1px solid var(--line)}
.gitem img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.gitem:hover img{transform:scale(1.06)}
.gitem figcaption{
  position:absolute;inset-inline:0;bottom:0;background:linear-gradient(transparent,rgba(23,22,26,.86));
  color:#fff;font-size:calc(12px * var(--fs,1));font-weight:700;padding:18px 9px 7px;text-align:start
}
.lb{position:fixed;inset:0;z-index:130;background:rgba(18,17,20,.96);display:none;flex-direction:column}
.lb.on{display:flex}
.lb .lbimg{flex:1;display:grid;place-items:center;padding:14px;min-height:0}
.lb .lbimg img{max-width:100%;max-height:100%;object-fit:contain;border-radius:18px}
.lb .lbbar{display:flex;align-items:center;gap:9px;padding:10px 14px calc(14px + env(safe-area-inset-bottom));color:#fff}
.lb .lbbar .cap{flex:1;min-width:0;font-size:calc(14.5px * var(--fs,1));font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb .nav{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center}
.lb .closeL{position:absolute;inset-block-start:12px;inset-inline-end:12px;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;z-index:2}

/* ============ 11. אודות ============ */
.story{background:var(--milk);border-radius:var(--r-lg);padding:22px 18px;box-shadow:var(--shadow);margin-top:18px;border:1px solid var(--line)}
.story p{font-size:calc(15.5px * var(--fs,1));margin:0 0 12px;line-height:1.75;color:var(--ink-2)}
.story p:last-child{margin-bottom:0}
.factgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:18px}
@media(min-width:720px){.factgrid{grid-template-columns:repeat(4,1fr)}}
.fact{background:var(--milk);color:var(--ink);border-radius:var(--r);padding:17px 12px;text-align:center;border:1px solid var(--line)}
.fact:nth-child(1){background:var(--butter);border-color:var(--butter-2)}
.fact:nth-child(2){background:var(--turq-soft);border-color:var(--turq-mid)}
.fact:nth-child(3){background:var(--oat);border-color:var(--oat-2)}
.fact:nth-child(4){background:var(--turq);color:var(--milk)}
.fact b{display:block;font-family:var(--display);font-weight:400;font-size:calc(30px * var(--fs,1));unicode-bidi:isolate;line-height:1}
.fact:nth-child(4) b{color:var(--milk)}
.fact span{font-size:calc(12.5px * var(--fs,1));display:block;margin-top:5px}
.infobox{background:var(--milk);border-radius:var(--r);padding:17px;box-shadow:var(--shadow);margin-top:13px;border:1px solid var(--line)}
.infobox h3{font-size:calc(18.5px * var(--fs,1));margin-bottom:9px;display:flex;align-items:center;gap:9px}
.infobox p{margin:4px 0;font-size:calc(14.5px * var(--fs,1));color:var(--ink-2)}

/* ============ 12. צור קשר + שאלות נפוצות ============ */
.cbtns{display:grid;gap:11px;grid-template-columns:1fr;margin-top:18px}
@media(min-width:620px){.cbtns{grid-template-columns:repeat(3,1fr)}}
.cbtn{display:flex;align-items:center;gap:13px;background:var(--milk);border-radius:var(--r);padding:15px;box-shadow:var(--shadow);text-decoration:none;min-height:70px;border:1px solid var(--line)}
.cbtn .ic{flex:0 0 48px;height:48px;border-radius:50%;display:grid;place-items:center;color:var(--ink)}
.cbtn.phone .ic{background:var(--butter)}
.cbtn.wa .ic{background:var(--turq-soft)}
.cbtn.map .ic{background:var(--oat)}
.cbtn b{display:block;font-family:var(--display);font-weight:400;font-size:calc(17px * var(--fs,1))}
.cbtn small{font-size:calc(12.5px * var(--fs,1));color:var(--ink-soft);unicode-bidi:isolate}
.faq{margin-top:18px;display:grid;gap:10px}
.faq details{background:var(--milk);border-radius:20px;box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--line)}
.faq summary{
  list-style:none;cursor:pointer;padding:16px 15px;font-weight:900;font-size:calc(16px * var(--fs,1));
  display:flex;align-items:center;gap:11px;min-height:54px
}
.faq summary::-webkit-details-marker{display:none}
.faq summary .sgn{margin-inline-start:auto;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:var(--butter);
  color:var(--ink);display:grid;place-items:center;font-size:calc(17px * var(--fs,1));line-height:1;font-weight:900}
.faq details[open] summary .sgn{background:var(--turq);color:var(--milk)}
.faq summary .sgn::before{content:"+"}
.faq details[open] summary .sgn::before{content:"\2212"}
.faq .ans{padding:0 15px 16px;font-size:calc(14.5px * var(--fs,1));color:var(--ink-2);line-height:1.7}

/* ============ 13. עמודי מידע משפטי ============ */
.tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;margin-top:18px}
.tabs::-webkit-scrollbar{display:none}
.legal{background:var(--milk);border-radius:var(--r);padding:19px 16px;box-shadow:var(--shadow);margin-top:13px;border:1px solid var(--line)}
.legal h2{font-size:calc(23px * var(--fs,1));margin-bottom:11px}
.legal h3{font-size:calc(16px * var(--fs,1));margin:17px 0 6px}
.legal p,.legal li{font-size:calc(14.5px * var(--fs,1));color:var(--ink-2);line-height:1.75;margin:0 0 8px}
.legal ul{padding-inline-start:20px;margin:0 0 10px}
.lawgap{
  display:flex;align-items:center;gap:8px;background:var(--cream-2);border:1.5px dashed var(--ink-soft);color:var(--ink-2);
  font-weight:900;font-size:calc(13px * var(--fs,1));padding:10px 12px;border-radius:14px;margin:8px 0
}
.consent .lawgap{padding:7px 10px;font-size:calc(12px * var(--fs,1));margin:0 0 7px}

/* ============ 14. עמוד 404 ============ */
.e404{text-align:center;padding:48px 16px 26px}
.e404 .big{display:flex;justify-content:center;color:var(--ink);margin-bottom:6px}
.e404 h1{font-size:calc(34px * var(--fs,1));margin:10px 0}
.e404 p{color:var(--ink-soft);font-size:calc(15.5px * var(--fs,1));margin:0 0 20px}
.e404 .acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}

/* ============ 15. הודעת עוגיות — רצועה אחת, נמוכה ככל האפשר ============
   לאתר אין היום מעקב, והמדידה המתוכננת חסרת-עוגיות ⇒ יידוע + אישור,
   בלי בחירה פרטנית בין קטגוריות שאינן קיימות. יושבת *מעל* הסרגל הדביק. */
.consent{
  position:fixed;inset-inline:0;z-index:110;
  bottom:calc(var(--bar-h) + env(safe-area-inset-bottom));
  background:var(--milk);border-top:1.5px solid var(--line);
  box-shadow:0 -10px 26px rgba(23,22,26,.14);
  transform:translateY(102%);transition:transform .3s cubic-bezier(.22,1,.36,1);display:none
}
.consent.live{display:block}
.consent.on{transform:translateY(0)}
.consent .cw{max-width:1180px;margin-inline:auto;padding:7px 12px;display:flex;align-items:center;gap:9px}
.consent .ctext{
  flex:1;min-width:0;margin:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;
  font-size:calc(11.5px * var(--fs,1));line-height:1.35;color:var(--ink-soft)
}
.consent .ctext>.ico{color:var(--ink-soft)}
.consent .lawgap{
  display:inline;background:transparent;border:0;color:var(--ink-2);
  font-weight:900;font-size:calc(11.5px * var(--fs,1));padding:0;margin:0;border-radius:0
}
.consent .ctext a{color:var(--ink);font-weight:900;text-decoration:underline;white-space:nowrap}
.consent .btn-cta{flex:0 0 auto;min-height:38px;padding:0 20px;font-size:calc(14.5px * var(--fs,1));box-shadow:0 2px 0 var(--butter-2)}
.consent .btn-cta:active{transform:translateY(2px);box-shadow:0 0 0 var(--butter-2)}

/* ============ 16. יועץ המגשים — ערוץ ראשי, לא בועה בפינה ============ */
.botcard{
  margin-top:24px;background:var(--turq);color:var(--on-turq);border-radius:var(--r-lg);
  padding:20px 18px;display:flex;gap:15px;align-items:flex-start;position:relative;overflow:hidden
}
.botcard::after{content:"";position:absolute;inset-block-end:-64px;inset-inline-start:-44px;
  width:170px;height:170px;border-radius:50%;background:rgba(247,194,27,.14)}
.botcard .bi{flex:0 0 52px;height:52px;border-radius:50%;background:var(--butter);color:var(--ink);
  display:grid;place-items:center;position:relative;z-index:2}
.botcard .bt{flex:1;min-width:0;position:relative;z-index:2}
.botcard h3{font-size:calc(21px * var(--fs,1));color:var(--milk);margin-bottom:6px}
.botcard p{margin:0 0 13px;font-size:calc(14.5px * var(--fs,1));color:var(--on-turq);line-height:1.6}
.botcard .btn-cta{width:100%}
@media(min-width:720px){.botcard{align-items:center}.botcard .btn-cta{width:auto}}

.bot-log{padding:14px 16px 0;display:flex;flex-direction:column;gap:10px}
.bubble{max-width:86%;padding:12px 14px;border-radius:20px;font-size:calc(14.5px * var(--fs,1));line-height:1.6}
.bubble.bot{background:var(--milk);border:1px solid var(--line);border-start-end-radius:6px;align-self:flex-start}
.bubble.me{background:var(--turq-soft);border-end-start-radius:6px;align-self:flex-end}
.qsug{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px 0}
.qsug button{
  background:var(--cream-2);border:1.5px solid var(--line-2);border-radius:999px;
  padding:10px 14px;font-size:calc(13.5px * var(--fs,1));font-weight:700;min-height:44px;text-align:start;color:var(--ink-2)
}
.qsug button:active{background:var(--oat)}

/* ============ 17. כניסת צוות ============ */
.staffbox{background:var(--milk);border-radius:var(--r-lg);padding:22px 18px;box-shadow:var(--shadow);
  border:1px solid var(--line);margin-top:18px;text-align:center}
.staffbox .sicon{width:64px;height:64px;border-radius:50%;background:var(--oat);color:var(--ink);
  display:grid;place-items:center;margin:0 auto 12px}
.staffbox h2{font-size:calc(24px * var(--fs,1));margin-bottom:9px}
.staffbox p{font-size:calc(15px * var(--fs,1));color:var(--ink-2);margin:0 auto 12px;max-width:46ch;line-height:1.7}
.footlink-staff{opacity:.62;font-size:calc(12.5px * var(--fs,1));font-weight:500}
.footlink-staff:hover{opacity:1}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ============ תוספות שלב 3 (מעל ה-CSS של האבטיפוס) ============ */
/* דילוג-לתוכן (SPEC §15) — נראה רק בפוקוס-מקלדת */
.skip-link{position:absolute;inset-inline-start:8px;top:-60px;z-index:200;background:var(--turq);color:var(--milk);padding:10px 16px;border-radius:12px;font-weight:900;text-decoration:none}
.skip-link:focus-visible{top:8px;width:auto;height:auto;clip:auto;white-space:normal;overflow:visible}

/* עמודי המידע: הפאנל נבחר לפי body[data-tab] — עובד גם בלי JS; הטאבים הם קישורים אמיתיים */
.legal[data-panel]{display:none}
body[data-tab="a11y"] .legal[data-panel="a11y"],body[data-tab="priv"] .legal[data-panel="priv"],body[data-tab="terms"] .legal[data-panel="terms"]{display:block}
.tabs a.chip{text-decoration:none}
body[data-tab="a11y"] .tabs a[data-tab="a11y"],body[data-tab="priv"] .tabs a[data-tab="priv"],body[data-tab="terms"] .tabs a[data-tab="terms"]{background:var(--turq);color:var(--milk);border-color:var(--turq)}

/* תוקף הכשרות (SPEC §11.5) — נצרב בשרת מ-settings.kashrut_valid_until */
.cert-validity{font-size:calc(13.5px * var(--fs,1));color:var(--ink-2);margin:0 0 12px}
.cert-validity.expired{color:#8A2B2B;font-weight:900}

/* היועץ — שדה הקלט (באבטיפוס היו רק הצעות) */
.botform{display:flex;gap:8px;padding:12px 16px 0}
.botform input{flex:1;min-width:0;font-family:var(--font);font-size:calc(16px * var(--fs,1));padding:12px 13px;border-radius:16px;border:1.5px solid var(--line-2);background:var(--milk);color:var(--ink);min-height:48px}
.botform input:focus{outline:none;border-color:var(--turq)}
.botform .btn-cta{min-height:48px;padding:0 18px}
.botconsent{display:flex;align-items:center;gap:8px;padding:10px 16px 0;font-size:calc(13px * var(--fs,1));color:var(--ink-2)}
.botconsent input{width:20px;height:20px;accent-color:var(--turq)}
.bubble.bot .rec{margin-top:8px;display:flex;flex-direction:column;gap:6px}
.bubble.bot .rec button{background:var(--turq-soft);border:1.5px solid var(--turq-mid);border-radius:12px;padding:8px 12px;font-size:calc(13.5px * var(--fs,1));font-weight:700;text-align:start;color:var(--ink)}
.bubble.bot .rec button:active{background:var(--turq-mid)}
.bubble.typing{opacity:.7}

/* Turnstile בטופס ההזמנה — הווידג'ט נטען מוקדם (SPEC §4), לא async-defer אחרון */
.turnstile-host{min-height:0;margin-top:4px}
.turnstile-host:empty{display:none}

/* מצב-שליחה */
.btn-cta[aria-busy="true"]{opacity:.7;cursor:progress}
.form .err{color:#8A2B2B;font-size:calc(12.5px * var(--fs,1));font-weight:700;margin-top:4px}
.field input[aria-invalid="true"],.field textarea[aria-invalid="true"]{border-color:#8A2B2B}

/* עמוד-הבית: סקשן העדויות מוסתר עד שיש עדויות (SSR מסיר hidden) */
[data-ssr="testimonials"][hidden]{display:none}

/* נגישות: יעדי-מגע ≥44px למחלקות שהיו קטנות */
.citem .rm{min-height:36px;display:inline-flex;align-items:center}
.faq summary .sgn{min-width:26px}

/* ============ שלב 4: מצב-עורך, סקר ============ */
.editorbar{position:sticky;top:0;z-index:65;background:#FFF3E0;border-bottom:2px solid var(--butter-2);display:flex;gap:8px;align-items:center;padding:6px 12px;font-size:calc(13px * var(--fs,1));flex-wrap:wrap}
.editorbar b{color:var(--turq)}
.editorbar button,.editorbar .edfile{background:var(--milk);border:1.5px solid var(--line-2);border-radius:999px;padding:6px 12px;font-weight:700;font-size:calc(12.5px * var(--fs,1));min-height:34px;cursor:pointer}
.editorbar .edfile input{display:none}
.editorbar #edExit{margin-inline-start:auto}
.edbox{margin:10px 16px 0;background:var(--milk);border:1.5px dashed var(--butter-2);border-radius:20px;padding:12px}
.edbox h3{font-size:calc(16px * var(--fs,1));margin-bottom:8px;color:var(--turq)}
.edrow{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:8px}
.edrow input{font-family:var(--font);font-size:calc(14px * var(--fs,1));padding:9px 10px;border-radius:12px;border:1.5px solid var(--line-2);background:var(--cream-2);min-height:40px;flex:1;min-width:0}
.edrow label{font-size:calc(13px * var(--fs,1));font-weight:700}
.edrow .btn{min-height:40px;padding:0 14px;font-size:calc(14px * var(--fs,1))}
.edchk{display:flex;align-items:center;gap:6px;font-size:calc(13px * var(--fs,1))}
.edline{display:flex;align-items:center;gap:8px;font-size:calc(13.5px * var(--fs,1));padding:6px 0;border-bottom:1px dashed var(--line)}
.edline b{margin-inline-start:auto;font-family:var(--display);font-weight:400}
.edline button{width:32px;height:32px;border-radius:50%;background:var(--cream);color:var(--ink-soft)}
.stafflogin{margin-top:14px;text-align:start}
.stafflogin label{display:block;font-size:calc(13.5px * var(--fs,1));font-weight:900;margin-bottom:6px}
.stafflogin input{font-size:calc(18px * var(--fs,1));letter-spacing:.1em}
.survey .stars{display:flex;gap:6px;direction:ltr;justify-content:flex-end}
.survey .stars button{width:44px;height:44px;border-radius:50%;border:2px solid var(--line-2);background:var(--cream-2);color:var(--line-2);display:grid;place-items:center}
.survey .stars button .ico{width:22px;height:22px}
.survey .stars button.active{border-color:var(--butter-2);background:var(--butter);color:var(--ink)}

/* ============ פאנל הנגישות: מדרגות הטקסט (האתר ב-px ⇒ מכפיל --fs שנכנס ל-build) ============ */
:root{--fs:1}
html.a11y-fs-1{--fs:1.125}
html.a11y-fs-2{--fs:1.25}
html.a11y-fs-3{--fs:1.375}
html.a11y-fs-4{--fs:1.5}

/* ============ מסך "ההזמנה התקבלה" (15.9, דיווח שילה: ההצלחה נראתה כמו עוד טקסט בתחתית הטופס) ============
   שכבה מלאה מעל הכול, וי שנמשך, וזיקוקים קצרים.
   ⚠ האנימציות תלויות במחלקה .go שמתווספת ב-JS ברגע הפתיחה — בלעדיה הן רצות פעם אחת בטעינת העמוד
   (בזמן display:none) ונגמרות לפני שמישהו רואה. מצב-ברירת-המחדל (בלי .go) הוא **התוכן המוגמר**:
   הווי מצויר, הכרטיס במקומו. כך גם כשהאנימציה כבויה (פאנל נגישות / prefers-reduced-motion) לא חסר כלום. */
.okbox{position:fixed;inset:0;z-index:140;display:grid;place-items:center;padding:18px;
  background:rgba(23,22,26,.55);backdrop-filter:blur(3px)}
.okbox[hidden]{display:none}
.okcard{position:relative;width:min(430px,100%);background:var(--milk);border-radius:26px;
  padding:30px 24px 22px;text-align:center;box-shadow:var(--shadow-lg);border:1px solid var(--line);overflow:hidden}
.okbox.go .okcard{animation:okpop .34s cubic-bezier(.22,1.2,.36,1) both}
@keyframes okpop{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
.okmark{width:78px;height:78px;margin:0 auto 12px}
.okmark svg{width:100%;height:100%;fill:none;stroke-linecap:round;stroke-linejoin:round}
.okmark .okring{stroke:var(--turq);stroke-width:3;opacity:.28;stroke-dasharray:145;stroke-dashoffset:0}
.okmark .oktick{stroke:var(--turq);stroke-width:4.4;stroke-dasharray:42;stroke-dashoffset:0}
.okbox.go .okmark .okring{animation:okring .5s ease both}
.okbox.go .okmark .oktick{animation:oktick .38s .34s cubic-bezier(.65,0,.45,1) both}
@keyframes okring{from{stroke-dashoffset:145}to{stroke-dashoffset:0}}
@keyframes oktick{from{stroke-dashoffset:42}to{stroke-dashoffset:0}}
.okcard h2{font-family:var(--display);font-size:calc(25px * var(--fs,1));color:var(--turq);margin:0 0 4px}
.okcard .oksub{font-size:calc(15px * var(--fs,1));color:var(--ink-2,#3A3740);margin:0 0 16px}
.okrow{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:calc(15px * var(--fs,1));
  background:var(--cream);border-radius:14px;padding:11px 14px;margin-bottom:8px}
.okrow span{color:var(--ink-soft,#6E6873)}
.okrow b{font-weight:900}
.okrow.oksum b{font-family:var(--display);font-size:calc(21px * var(--fs,1));color:var(--turq)}
.okcard .oknote{font-size:calc(13px * var(--fs,1));color:var(--ink-soft,#6E6873);margin:2px 0 0}
.okcard .btn-cta{width:100%;margin-top:16px}
.okcard .okcall{font-size:calc(14px * var(--fs,1));margin:12px 0 0;color:var(--ink-soft,#6E6873)}
.okcard .okcall a{color:var(--turq);font-weight:900;text-decoration:none}
/* זיקוקים — 12 פיסות שנופלות פעם אחת; בלי .go הן שקופות לגמרי */
.okburst{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.okburst i{position:absolute;inset-block-start:-14px;width:9px;height:14px;border-radius:2px;opacity:0}
.okburst i:nth-child(odd){background:var(--butter)}
.okburst i:nth-child(even){background:var(--turq)}
.okburst i:nth-child(3n){background:#E7AE00;width:7px;height:7px;border-radius:50%}
.okbox.go .okburst i{animation-name:okfall;animation-duration:1.7s;animation-timing-function:cubic-bezier(.3,.7,.5,1);animation-fill-mode:both}
.okbox.go .okburst i:nth-child(3n){animation-duration:2.1s}
.okbox.go .okburst i:nth-child(4n){animation-duration:1.45s}
.okburst i:nth-child(1){inset-inline-start:8%;animation-delay:.05s}
.okburst i:nth-child(2){inset-inline-start:17%;animation-delay:.24s}
.okburst i:nth-child(3){inset-inline-start:26%;animation-delay:.10s}
.okburst i:nth-child(4){inset-inline-start:34%;animation-delay:.36s}
.okburst i:nth-child(5){inset-inline-start:43%;animation-delay:.02s}
.okburst i:nth-child(6){inset-inline-start:51%;animation-delay:.29s}
.okburst i:nth-child(7){inset-inline-start:59%;animation-delay:.15s}
.okburst i:nth-child(8){inset-inline-start:67%;animation-delay:.42s}
.okburst i:nth-child(9){inset-inline-start:75%;animation-delay:.07s}
.okburst i:nth-child(10){inset-inline-start:83%;animation-delay:.33s}
.okburst i:nth-child(11){inset-inline-start:90%;animation-delay:.19s}
.okburst i:nth-child(12){inset-inline-start:96%;animation-delay:.46s}
@keyframes okfall{
  0%{opacity:0;transform:translateY(0) rotate(0)}
  10%{opacity:1}
  85%{opacity:1}
  100%{opacity:0;transform:translateY(430px) rotate(430deg)}
}
html.a11y-nomotion .okburst{display:none}
html.a11y-nomotion .okbox.go .okcard,
html.a11y-nomotion .okbox.go .okmark .okring,
html.a11y-nomotion .okbox.go .okmark .oktick{animation:none}
@media(prefers-reduced-motion:reduce){
  .okburst{display:none}
  .okbox.go .okcard,.okbox.go .okmark .okring,.okbox.go .okmark .oktick{animation:none}
}