/* בלק צ'רי — טוקני עיצוב · מקור: פיגמה Black Cherry New website
   V3 (20.7.26): יושר למשתני-הפיגמה הרשמיים (22 variables, figma-extract/2026-07-20/figma-variables.json)
   ולסקאלות שחסרו לפי FIGMA-CONFORMANCE-2026-07-14 §גלובלי */
:root {
  /* צבעי מותג — שמות בסוגריים = שם המשתנה בפיגמה */
  --bc-primary: #3b0f1a;        /* Main/Primary — בורדו כהה: כפתורים, כותרות, פוטר-לוגו */
  --bc-primary-deep: #5a1e2d;   /* Main/Secondary — בורדו משני: hover */
  --bc-ink: #1a1a1a;            /* טקסט ראשי */
  --bc-ink-soft: #47393b;       /* טקסט משני חם */
  --bc-ink-mute: #444444;
  --bc-rose: #c08497;           /* ורוד-עתיק — אקצנט, קישוטים, מסגרות. לא לטקסט. */
  /* ורוד-טקסט — אותו גוון (341°) ואותה רוויה (32%) כמו --bc-rose, כהה יותר.
     ‏#c08497 כטקסט 16px נכשל בת"י 5568 AA: 3.00:1 על לבן, 2.76:1 על שמנת,
     ‏2.46:1 על רקע-הציטוט — נדרש 4.5. הערך כאן נותן 5.51 / 5.06 / 4.50 בהתאמה.
     ⚠ צבע המותג עצמו לא השתנה: הטוקן הזה נועד **אך ורק לצבע טקסט**. מסגרות,
     אייקונים דקורטיביים וגליף-הציטוט ממשיכים ב---bc-rose. (28.7.26, אושר ע"י שילה) */
  --bc-rose-text: #9d5169;
  --bc-rose-soft: #d8a7b1;      /* תג "חדש" */
  --bc-cream: #f9f5ed;          /* רקע ראשי */
  --bc-cream-warm: #f0e7dd;     /* רקע כרטיסים/פסים */
  --bc-cream-card: #fffbf2;
  --bc-paper: #faf9f7;         /* Background/Base 1 — משטחי כרטיסים */
  --bc-base-2: #f8f7f4;        /* Background/Base 2 — רקע שדות טופס (נבדל מ---bc-paper) */
  --bc-gray-bg: #e9e8e6;        /* רקע פוטר/המלצות */
  --bc-white: #ffffff;
  --bc-gold: #c6a96b;           /* Highlight/Gold — dividers, מסגרת כרטיס-סושיאל, badge כשרות */
  --bc-gold-soft: #d6c3a3;      /* badge כשרות 332×110 */
  --bc-rose-line: #d6c2c4;      /* קו-הדר ומפרידי-מגירה במובייל (633:3570, 628:437) — בפיגמה המובייל ורוד, הדסקטופ זהב */
  /* אפור מצבי-ריק. בפיגמה (2348:4266/4267, מסך העגלה-הריקה של אליסה) הערך הוא #9f9f9f,
     אבל הוא נותן **2.65:1** על לבן — וזה טקסט 14px/400, כלומר "רגיל" לפי WCAG, שדורש 4.5:1
     (ת"י 5568 מאמץ WCAG 2.0 AA). ‏#767676 הוא האפור הכהה-מינימלי שעובר: **4.54:1**, ושומר על
     כוונת-העיצוב "אפור מושתק" בלי לקפוץ ל---bc-ink-soft (10.96:1, כהה וחם מדי למצב-ריק).
     שתי המדידות בוצעו על הרקע האפקטיבי בפועל (‎.bc-drawer = #ffffff), לא על הנחה.
     ⚠ סטייה מודעת מהפיגמה — ממתינה לאשרור מרינה. */
  --bc-ink-empty: #767676;

  /* תגיות */
  --bc-tag-new: rgba(216, 167, 177, .9); /* חדש — בפיגמה #d8a7b1 @90% (2131:3609) */
  --bc-tag-parve: #aecbe7;      /* פרווה */
  --bc-tag-vegan: #cce6c9;      /* טבעוני */
  --bc-tag-dairy: #f3e3b8;      /* חלבי */
  /* 31.7.26 — שתי תוויות חדשות (מדיניות טליה). אין להן מקבילה בפיגמה — הגוונים נבחרו
     באותה משפחת-פסטל של הארבע הקיימות: בשרי חמים-אדמדם, ללא-קמח אפרסקי-בהיר. */
  --bc-tag-meat: #eec3b4;       /* בשרי */
  --bc-tag-glutenfree: #efdcc3; /* ללא קמח */

  /* טיפוגרפיה — Heebo בלבד (עברית); ללא letter-spacing בעברית! */
  --font-body: 'Heebo', 'Assistant', 'Noto Sans Hebrew', sans-serif;
  /* הוכרע 20.7 (שילה: "תעשה כמו בפיגמה"): כותרות = Heebo, כמו במדידה מהקובץ
     (story 652:1234 · gallery 658:10720 — שניהם Heebo 400). ההנחיה ל-Noto Serif
     בביקורת 14.7 גברה בטעות על הקובץ עצמו.
     Noto Serif Hebrew נשאר לכיתובי-הגלריה בלבד — שם הוא באמת בפיגמה (464:4044, 20/400). */
  --font-display: var(--font-body);
  --font-serif: 'Noto Serif Hebrew', 'David Libre', Georgia, serif;
  --fs-hero: clamp(2.5rem, 5.5vw, 4.5rem);  /* 40-72 · פיגמה: 72 (כויל V2) */
  --fs-hero-sub: clamp(1.125rem, 1.8vw, 1.5rem); /* 18-24 · פיגמה: 24 (V2) */
  --fs-h2: clamp(1.75rem, 3.4vw, 3rem);     /* 28-48 */
  --fs-h3: 1.5rem;     /* 24 */
  --fs-lg: 1.125rem;   /* 18 */
  --fs-md: 1rem;       /* 16 */
  --fs-sm: .875rem;    /* 14 */
  /* מדרגות שחסרו — נמדדו בפיגמה: 20(276 מופעים) · 36(21) · 60(35) · 10(139) · 12(96) */
  --fs-xs: .625rem;    /* 10 */
  --fs-2xs: .75rem;    /* 12 */
  --fs-20: 1.25rem;    /* 20 */
  --fs-36: 2.25rem;    /* 36 */
  --fs-60: 3.75rem;    /* 60 */

  /* משקלים — בפיגמה 400(2369) · 700(497) · 600(338) · 500(186) */
  --fw-regular: 400;
  --fw-medium: 500;    /* כותרות-סקשן בפיגמה */
  --fw-semibold: 600;
  --fw-bold: 700;

  --lh-body: 1.7;
  --lh-tight: 1.35;

  /* מרווחים ורדיוסים */
  --space-section: clamp(3rem, 6vw, 4.5rem); /* 72 בדסקטופ · רצפה 48 = ערך-המובייל בפיגמה (633:3341, 712:2922) */
  /* סקאלת רדיוסים — נמדדה בפיגמה: 2(368) · 54(247) · 4(205) · 6(163) · 12(142) · 16(88) */
  --radius-hair: 2px;   /* תגיות זעירות */
  --radius-img: 4px;    /* תמונות בכרטיס מוצר */
  --radius-btn: 6px;    /* כפתורים קטנים, badge כשרות */
  --radius-8: 8px;
  --radius-card: 12px;  /* בר-הטוגל בתפריט, כרטיסים סטנדרטיים */
  --radius-lg: 16px;    /* כרטיסים גדולים, כרטיסי המלצות */
  --radius-hero: 54px;  /* pill של הירו — CTA 260×72 */
  --radius-pill: 999px;
  /* כפתור-סגירה של פופאפים — מקור-אמת יחיד לכל שבעת הפופאפים (הכרעת מרינה 23.7:
     "קטנים מדי"). בפיגמה נמדדו 30×30 עם אייקון 14-16; הוגדל ל-44 עם אייקון 20 —
     ‏44 הוא גם יעד-המגע המומלץ (WCAG 2.5.5). כל פופאפ מקזז את ההפרש באופסט שלו
     כדי שמרכז האייקון יישאר בנקודה שנמדדה בפיגמה. שינוי — כאן בלבד. */
  --bc-close-size: 44px;
  --bc-close-icon: 20px;
  --shadow-card: 0 10px 30px rgba(59, 15, 26, .08);
  --shadow-pop: -20px 0 40px rgba(43, 43, 43, .05); /* צל פופאפ מהפיגמה (779:2398): offset(-20,0), blur 40, #2b2b2b @5% */
  /* מגירת-העגלה נושאת צל **אחר** בפיגמה (658:16147): #333333 @6%. עד 28.7 שתיהן
     חלקו את --shadow-pop, וזה היה openGap פתוח ("צל מגירת-העגלה זהה לצל הפופאפ"). */
  --shadow-drawer: -20px 0 40px rgba(51, 51, 51, .06);

  /* V3 (20.7): רוחב התוכן בפיגמה הוא 1344 — פריים 1440 פחות padding-inline 48
     (נמדד עצמאית ע"י שני סוכנים: store 702:2019, gallery 464:4033, contact 667:26851).
     הקליברציה מ-2.7 נתנה 1280 בפועל (1320 פחות padding 20) — צר ב-64px מהעיצוב. */
  --container: 1440px;
  /* רוחב עמודת-התוכן הרחבה ביותר באתר — עמוד התפריט (1760, הכרעת 22.7:
     סיידבר 320 + 4 כרטיסים של ~314). ההדר והפוטר נכלאים בו כדי שהכרום
     יתיישר עם התוכן במסכים רחבים (דיווח שילה 27.7 על מרכוז). */
  --shell-max: 1760px;
  --gutter: 48px;       /* שולי-עמוד בדסקטופ; במובייל 16 (base.css) */
  --gap-cards: 32px;    /* ריווח קרוסלות/גריד מהפיגמה (V2) */
}

/* ── מסכים רחבים ≥1600px · 22.7.26 (אישור שילה) · הרחבה אדיטיבית מעל פריים הפיגמה (1440) ──
   הרקעים כבר נפרסים על כל הרוחב; כאן רק מרחיבים את רוחב-התוכן הממורכז — בלי לגעת ב-≤1440.

   27.7: הועלה מ-1600 ל-1760 = --shell-max. עד כאן היו באותו עמוד **שלושה**
   רוחבי-תוכן שונים (נמדד ב-2560): הדר full-bleed 2560 · עמוד התפריט 1664
   (‏menu-shell 1760) · פוטר 1600 — ומכאן "יש בעיה במרכוז של האתר" (שילה 27.7).
   ‏1760 נבחר כי הוא כבר הרוחב שהתפריט דורש (סיידבר 320 + 4 כרטיסים של 314,
   הכרעת 22.7), ולכן איחוד כלפי מטה היה מוריד כרטיס או מותח אותו מעבר ל-317
   של הפיגמה. ⚠ מחליף את ערך ה-1600 שאושר ב-22.7 — רשום ב-figma-decisions
   (‏SHELL-WIDTH-1760) וממתין לאשרור. חזרה: שינוי הערך כאן בלבד. */
@media (min-width: 1600px) {
  :root { --container: var(--shell-max); }
}

/* ── 2160 / 2500 · הכרעת שילה 28.7 (WIDE-TIERS) ──
   נמדד ב-2560 לפני השינוי: התוכן עמד על 1760 ומשני צדיו 400px ריקים.
   אותו עיקרון של 22.7 — הכרטיס נשאר ~317 של הפיגמה ומוסיפים עמודות:
   קונטיינר = N×316 + (N−1)×16 + 320 (סיידבר) + 40 (gap) + 96 (gutter).
   ‏N=5 ⇒ 2100 · N=6 ⇒ 2432. הערכים כאן ולא ב-menu.css כדי שההדר, התוכן
   והפוטר יישארו ברוחב אחד — הלקח מדיווח המרכוז (27.7). */
@media (min-width: 2160px) {
  :root { --container: 2100px; }
}
@media (min-width: 2500px) {
  :root { --container: 2432px; }
}

/* ── תקרת רוחב-קריאה בטווחים הרחבים · 28.7 ──
   הרחבת הקונטיינר מיטיבה עם **רשתות** (עוד כרטיסים בשורה) אבל פוגעת ב**פרוזה**:
   נמדד ב-2560 לפני התקרה — פסקת ה-intro בדף הבית נמתחה ל-2336px, כלומר 305 תווים
   בשורה אחת, ופסקת הכשרות ל-1932. מעל ~90 תווים העין מאבדת את תחילת השורה הבאה.
   לכן שני בלוקי-הפרוזה בעמודה-אחת נכלאים ברוחב-קריאה; כל השאר ממשיך לנצל את הרוחב.
   ‏.intro-inner ממורכז (‎text-align:center‎ נמדד) ולכן גם הבלוק ממורכז;
   ‏.kashrut-text יושב בשורת-flex לצד אייקון ולכן נשאר צמוד לתחילת השורה. */
@media (min-width: 1900px) {
  .intro-inner p { max-inline-size: 92ch; margin-inline: auto; }
  .kashrut-text { max-inline-size: 92ch; }
}