/* בלק צ'רי — דף הבית
   V3 (20.7.26): יושר לפריים Home של הפיגמה — node 348:1850 (1440×6083),
   חילוץ `figma-extract/2026-07-20/raw/nodes-01.json`. כל מידה כאן נמדדה מה-JSON,
   ומצוינת ליד הכלל עם ה-node-id שממנו נלקחה. */

/* ── רקעים מתחלפים (FIGMA-CONFORMANCE §גלובלי) ──
   גוף האתר קרם; סקשני הקטלוג/360°/המלצות/כשרות לבנים בפיגמה.
   קטלוג 348:1913 · 651:391 · 499:271 · 360° 348:1925 · המלצות 733:1945 · כשרות 667:28212
   — כולם fill=#ffffff, padding-block 72/72. */
.sec-white {
  background: var(--bc-white);
  padding-block-end: var(--space-section);
}

/* ── פס-הקרם שלפני הפוטר (3.8.26, דיווח שילה) ──
   ה-margin-block-start של .site-footer יושב **מחוץ** ל-main ולכן נצבע ברקע ה-body
   (קרם #f9f5ed), בעוד הסקשן האחרון בדף-הבית לבן — נוצרה רצועת-קרם שנקראת כאילו
   היא מסתירה תוכן. המרווח עובר לסקשן האחרון עצמו, שנצבע בצבעו-שלו; המרחק הכולל
   תוכן→פוטר נשמר (72 של הסקשן + 72 שהיו ב-margin). ‏:last-child ולא .kashrut —
   סדר הסקשנים נשלט מהדשבורד (data-bc-order="home:section_order").
   מתחת ל-961 המרווח 0 ממילא (chrome.css) ולכן ה-padding מותנה. */
.site-footer { margin-block-start: 0; }
@media (min-width: 961px) {
  main > .section:last-child { padding-block-end: calc(var(--space-section) * 2); }
}

/* ── Hero ── */
.hero { position: relative; min-block-size: 700px; display: grid; place-items: center; overflow: hidden; } /* פיגמה 348:1853 — 1440×700 */
.hero-bg { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; }
.hero-overlay { position: absolute; inset: 0; background: rgba(1,1,1,.5); } /* פיגמה 348:1858 / 633:3333 — #010101 @50% אחיד (היה גרדיאנט) */
.hero-content { position: relative; text-align: center; color: var(--bc-white); padding-inline: 20px; }
/* 348:1860 — h1→תת-כותרת gap 0 (הריווח מגיע מ-lh 90 בלבד) · צל: 0/10 r8 @4% + 0/4 r3 @10% */
.hero-content h1 { font-size: var(--fs-hero); font-weight: var(--fw-regular); line-height: 1.25; margin-block-end: 0; text-shadow: 0 10px 8px rgba(0,0,0,.04), 0 4px 3px rgba(0,0,0,.10); } /* 348:9143 — 72/400 · lh 90 (=1.25) */
.hero-content p { font-size: var(--fs-hero-sub); line-height: 1.625; margin-block-end: 32px; opacity: .95; }                                  /* 348:1865 — 24/400 · lh 39 · תת-כותרת→כפתור 32 (348:1859 gap) */

/* CTA ראשי — פיגמה 348:1867: FRAME 260×72, fill #ffffff, cornerRadius 54, padding 22/24;
   הטקסט 348:1868 = 20px / 500 / #3b0f1a. לא ghost שקוף עם מסגרת. */
.hero .btn-hero {
  background: var(--bc-white); color: var(--bc-primary);
  border: 0; border-radius: var(--radius-hero);
  inline-size: 260px; min-inline-size: 260px; block-size: 72px;
  padding-block: 0; padding-inline: 24px;
  font-size: var(--fs-20); font-weight: var(--fw-medium); line-height: 1.4;
  backdrop-filter: none;
}
.hero .btn-hero:hover { background: var(--bc-cream); color: var(--bc-primary); transform: translateY(-1px); }

/* ── אודות קצר (חלק מ-"Services Section" 2045:2438, fill #f9f5ed) ── */
.intro { background: var(--bc-cream); }
/* 20.7: היה 1320 — ערך שנגזר מה---container הישן; עם השולי-48 החדשים זה הצר את הפתיח
   ל-1224 בזמן שכל שאר הסקשנים 1344. מיושר לרוחב הגלובלי. */
.intro-inner { max-inline-size: var(--container); text-align: center; }
.intro-logo {
  display: block; inline-size: 254px; block-size: 75px; margin: 0 auto 16px; /* 2045:2440 — Logo_2 254×75 · לוגו→פסקה 16 (2045:2439 / 633:3342) */
  background-color: var(--bc-primary);
  -webkit-mask: url('/assets/logo.svg') no-repeat center / contain;
          mask: url('/assets/logo.svg') no-repeat center / contain;
}
.intro-inner p { color: var(--bc-ink-soft); font-size: var(--fs-h3); line-height: 1.42; } /* 2045:2453 — 24/400 · lh 34 · #47393b */

/* ── פס-השירותים · 3 עמודות אייקון 200×200 (2045:2454) ──
   Card = 448×361 (3×448 = 1344 = רוחב הקונטיינר, itemSpacing 0);
   האיור 200×200 (Food Serving 2124:2029 · Wine 2124:2124 · Chef 2127:1873). */
/* 2045:2438 — פסקת-האודות→כרטיסים 80 (56+24 שולי-p), והקרם נמשך 96 מתחת לכרטיסים */
.worlds { padding-block-start: 56px; padding-block-end: 96px; }
/* 425:501 — קרם 72 (דסקטופ) / 48 (מובייל) מתחת לתוכן סקשן-החנות, לפני סקשן הכשרות הלבן */
[data-bc-section="store"].section { padding-block-end: var(--space-section); }
.worlds-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
.world-card { display: block; text-align: center; min-inline-size: 0; }
/* מיכל האיור — מ-26.7 מחזיק את אנימציות ה-Lottie של מרינה; ה-<img> שבתוכו הוא
   מצב-המנוחה שלהן, ומוסתר ברגע שהנגן הוסיף SVG (js/lottie-icons.js). */
.world-card .wc-icon {
  display: grid; place-items: center;
  inline-size: 200px; block-size: 200px; margin-inline: auto;
}
.world-card .wc-icon > * { inline-size: 100%; block-size: 100%; object-fit: contain; }
/* שני הילדים חולקים את אותו תא-גריד: אין קפיצת-פריסה בין הסטטי לנגן */
.world-card .wc-icon > img, .world-card .wc-icon > .wc-lottie { grid-area: 1 / 1; }
.world-card .wc-icon > .wc-lottie svg { display: block; inline-size: 100%; block-size: 100%; }
.world-card h2 {
  margin-block: 16px 16px; padding-inline: 16px;   /* Heading 3 (2045:2457) — padding-top 16 · כותרת→תיאור 16 (2045:2455 gap) */
  font-size: var(--fs-h3); font-weight: var(--fw-medium); color: var(--bc-ink); /* 2045:2458 — 24/500/#1a1a1a */
}
.world-card p {
  color: var(--bc-ink-soft); font-size: var(--fs-lg); padding-inline: 16px; /* 2045:2460 — 18/400/#47393b · רוחב 416 = 448 פחות 16+16 (בלי 42ch) */
}
@media (prefers-reduced-motion: no-preference) {
  .world-card .wc-icon > * { transition: transform .45s ease; }
  .world-card:hover .wc-icon > * { transform: scale(1.04); }
}

/* ── קרוסלה ── */
.carousel { position: relative; }
.car-track {
  /* 20.7: מרווח קרוסלת המוצרים = 16 לפי הפיגמה (496:773, itemSpacing=16; 4×324+3×16=1344).
     גובר על --gap-cards (32) שכויל ב-2.7 — ביקורת 14.7 סתרה אותו, ושילה הכריע "לפי הפיגמה במדויק".
     --gap-cards נשאר 32 לגרידים אחרים שכוילו סביבו. */
  --car-gap: 16px;
  display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 3 * var(--car-gap)) / 4);
  gap: var(--car-gap); overflow-x: auto; scroll-snap-type: x mandatory; padding-block-end: .6rem;
  scrollbar-width: none;
}
.car-track::-webkit-scrollbar { display: none; }
.car-track > * { scroll-snap-align: start; min-inline-size: 0; }
.car-empty { color: var(--bc-ink-soft); text-align: center; padding-block: 2rem; grid-column: 1 / -1; }

/* חיצי קרוסלה — פיגמה "Arrow button" 667:28239 / 667:28240:
   32×32, cornerRadius 6, fill #f9f5ed, אייקון-חץ 20×20 בבורדו, בלי צל ובלי עיגול.
   ממוקמים 32px מקצה הפריים (16px מחוץ לקונטיינר התוכן) וממורכזים אנכית מול שורת הכרטיסים. */
.car-nav {
  position: absolute; inset-block-start: 50%; transform: translateY(-50%); z-index: 2;
  inline-size: 32px; block-size: 32px; border-radius: var(--radius-btn);
  background: var(--bc-cream); color: var(--bc-primary); box-shadow: none;
  display: grid; place-items: center; transition: opacity .2s ease, background .2s ease;
}
.car-nav svg { inline-size: 20px; block-size: 20px; fill: currentColor; }
.car-nav:hover { background: var(--bc-cream-warm); }
.car-nav[disabled] { opacity: 0; pointer-events: none; }
.car-prev { inset-inline-start: -16px; }
.car-next { inset-inline-end: -16px; }
.car-next svg { transform: scaleX(-1); }   /* RTL: "הבא" = שמאלה */

/* נקודות-ניווט מתחת לקרוסלה — פיגמה "Frame 112" 702:1906 / 702:1914 / 702:1922:
   עיגולים 10×10, itemSpacing 10, ממורכזים; לא-פעיל #c08497, פעיל #5a1e2d. */
.car-dots, .testi-dots { display: flex; justify-content: center; gap: 10px; margin-block-start: 2rem; }
.car-dots:empty, .testi-dots:empty { display: none; }
.car-dot, .testi-dot {
  position: relative; /* עוגן ל-::before של שטח-המגע, בלי להשפיע על הרינדור הוויזואלי */
  inline-size: 10px; block-size: 10px; border-radius: 50%; padding: 0;
  background: var(--bc-rose); cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}
.car-dot.active, .testi-dot.active { background: var(--bc-primary-deep); }
/* יעד-מגע שקוף שמרחיב את הנקודה הוויזואלית בלי לשנות את מראה הנקודה עצמה —
   הרחבה סימטרית סביב הכפתור, לא תוספת ל-inline-size/block-size.
   הגבול העליון הוא המרווח בין נקודות: דסקטופ נקודה 10 + gap 10 = צעד 20, ולכן inset -5
   נותן יעד 20px שנוגע בשכן בדיוק ולא חופף. inset -9 (יעד 28) גרם ליעדים שכנים לחפוף
   ב-8px, כך שלחיצה ליד הגבול נרשמה על הנקודה הלא-נכונה — הרחבה שפגעה במה שבאה לשפר.
   הערה: 20px (ובמובייל 14px) עדיין מתחת ל-24px של WCAG 2.5.8. הגעה ל-24 מחייבת
   להגדיל את המרווח מעבר למפרט הפיגמה (712:3056 — נקודה 6, מרווח 8), כלומר סטייה
   נראית-לעין שממתינה להכרעת שילה/מרינה. בינתיים קיימת בקרה שקולה: החלקה/גלילה. */
.car-dot::before, .testi-dot::before { content: ""; position: absolute; inset: -5px; }

/* כרטיס מוצר בקרוסלת הבית — פיגמה "Card 1" 496:807:
   324×482 · תמונה 324×350 (רדיוס 0) · מרווח 4px · פאנל 324×128 fill #f9f5ed padding 24/16.
   בלי צל במנוחה ובלי פינות מעוגלות. */
.carousel .product-card {
  background: transparent; border-radius: 0; overflow: visible; box-shadow: none;
}
.carousel .product-card:hover { transform: none; box-shadow: none; }
/* ── מסגרת ריבועית + עיגון-לתחתית · 4.8.26 ────────────────────────────────────
   נמדד בקרוסלות דף-הבית: **42 מתוך 42** הכרטיסים בעלי-תווית — התווית נכנסה 38px
   לתוך הצילום. אין אוויר מעל המוצר בצילומי הקטלוג (6.7% חציון ≈8px), ולכן הפתרון
   הוא הצילומים המורחבים (outpainting) ולא CSS לבדו — בדיוק כמו בעמוד התפריט.
   ⚠ **כלל אחד לשני המקרים:** צילום שהורחב (ריבועי) ממלא את המסגרת והפס הוא צילום
   אמיתי; צילום שלא הורחב (4:3) יושב בתחתיתה ומשאיר 25% פס בצבע שנדגם מהצילום
   (js/media-bg.js). גובה-כרטיס זהה לשניהם, והמוצר באותו גודל בדיוק.
   ⚠ ‎object-position: center bottom‎ הוא מה שמעגן את מי שלא הורחב לתחתית; בלעדיו
   contain ממרכז והפס נחצה לשניים.
   ⚠ **היחס מוגדר כאן בלבד.** עד 4.8 ישבה הצהרה שנייה זהה בבלוק המובייל (שורה 326)
   — בעמוד התפריט בדיוק כפילות כזו דרסה בשקט את המסגרת הריבועית ונמדד 165×124
   במקום 165×165, בלי שום שגיאה. אל תוסיף הצהרת-יחס פר-רוחב. */
.carousel .product-card .pc-media {
  aspect-ratio: 1 / 1;
  border-radius: 0; margin-block-end: 4px; /* 496:808 — Margin padding-bottom 4 */
  overflow: hidden;
}
.carousel .product-card .pc-media img { object-position: center bottom; }
.carousel .product-card .pc-body {
  background: var(--bc-cream);             /* 496:813 — Background fill #f9f5ed */
  padding: 24px 16px; gap: 0;
  text-align: start;
}
.carousel .product-card .pc-name {
  font-size: var(--fs-md); font-weight: var(--fw-semibold); /* 496:816 — 16/600/#1a1a1a */
  line-height: 28px; color: var(--bc-ink);
}
.carousel .product-card .pc-desc { display: none; } /* 496:885 — פאנל 128 בדיוק: שם → מחיר+כפתור, אין שורת-תיאור בקרוסלות הבית */
.carousel .product-card .pc-foot { margin-block-start: 16px; }  /* 496:820 — Margin padding-top 16 */
.carousel .product-card .pc-price { font-size: var(--fs-md); font-weight: var(--fw-bold); } /* 496:826 — 16/700 */

/* CTA בכרטיס — פיגמה 496:862: 114×36, fill #3b0f1a, r=54, padding-inline 24, טקסט 16/400 לבן.
   מ-26.7 הנוסח אחיד ("הוספה לסל") ולכן גם וריאנט אחד; הסלקטורים של btn-outline/btn-primary
   נשארים כרשת-ביטחון אם וריאנט יחזור. */
.carousel .product-card .btn,
.carousel .product-card .btn-outline,
.carousel .product-card .btn-primary {
  background: var(--bc-primary); color: var(--bc-white); border: 0;
  border-radius: var(--radius-hero);
  min-block-size: 36px; padding-block: 8px; padding-inline: 24px;
  font-size: var(--fs-md); font-weight: var(--fw-regular); line-height: 20px;
}
.carousel .product-card .btn:hover { background: var(--bc-primary-deep); }

/* ── קישור-טקסט עם קו-תחתון ("לתפריט המלא" / "דברו איתנו" / "לפרטים ושעות פעילות") ──
   פיגמה "Button" 496:1189 / 651:442 / 499:322 / 499:361 / 499:377:
   טקסט 18/500 בבורדו · gap 12 · padding-bottom 4 · individualStrokeWeights.bottom = 2, stroke #d8a7b1. */
.link-more {
  font-size: var(--fs-lg); font-weight: var(--fw-medium); color: var(--bc-primary);
  gap: 12px; padding-block-end: 4px;
  border-block-end: 2px solid var(--bc-rose-soft);
  transition: border-color .2s ease, color .2s ease;
}
.link-more:hover { border-block-end-color: var(--bc-primary); }
.section-more { text-align: center; margin-block-start: 32px; } /* 496:1189 / 633:3385 — נקודות→קישור 32 */

/* ── סקשן מפוצל (360° 348:1925 / חנות המפעל 425:501) ── */
.split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: center; } /* 348:1926 — itemSpacing 56 */
/* 348:1926 — ב-360° תמונה 712 (ימין, x=680) / טקסט 576 (שמאל, x=48); ב-RTL העמודה הראשונה = ימין,
   ולכן 712 קודם. חנות המפעל 652/636 ≈ 1fr/1fr — נשארת על הכלל הכללי. */
[data-bc-section="events"] .split { grid-template-columns: minmax(0, 712fr) minmax(0, 576fr); }
.split-media { border-radius: var(--radius-lg); overflow: hidden; order: 2; } /* 348:1941 — r=16, ללא צל (היה --shadow-card) */
[data-bc-section="store"] .split-media { border-radius: 24px; } /* 425:504 / 704:1967 — תמונת החנות r=24 (ה-360° נשאר 16) */
.split-media img { inline-size: 100%; block-size: 100%; object-fit: cover; aspect-ratio: 712 / 650; } /* 348:1941 — 712×650 */
[data-bc-section="store"] .split-media img { aspect-ratio: 652 / 457; } /* 425:504 — 652×457.3 */
.split-text { order: 1; }
.split-reverse .split-media { order: 1; }
.split-reverse .split-text { order: 2; }
/* 348:1929 / 425:508 — 16/400/#c08497, ‏letterSpacing 4.2, ‏lineHeightPx 20.
   הריווח היה חסר: כלל-הרוחב של סקיל hebrew-rtl ("לעולם לא letter-spacing על
   עברית") הוחל כאן בשקט מול ערך מפורש שהמעצבת בחרה יחד עם textCase:UPPER.
   הכרעת שילה 27.7: ערך הפיגמה גובר. הסתירה רשומה ב-figma-decisions.json
   כ-kind:"סתירה בין סקילים" — לא כהערת-CSS. */
.overline {
  color: var(--bc-rose-text); font-weight: var(--fw-regular); font-size: var(--fs-md);
  display: block; margin-block-end: 8px;
  letter-spacing: 4.2px; line-height: 20px;
}
.split-text h2 { font-size: var(--fs-h2); font-weight: var(--fw-regular); line-height: 1.25; color: var(--bc-primary); margin-block-end: 39px; }  /* 499:366 / 499:369 — 48/400 · lh 60 · h2→פסקה 39 (gap24+pad15, 348:1932) */
.split-text p { color: var(--bc-ink-soft); font-size: var(--fs-lg); margin-block-end: 48px; }        /* 348:1933 — 18/400/#47393b · פסקה→קישור 48 (pad24+gap24) */

/* ── המלצות · פיגמה 733:1945 ──
   רקע-סקשן לבן, כרטיסים #f0e7dd ברדיוס 16 ו-padding 32 (הפוך מהקוד החי). */
.testimonials .section-title { margin-block-start: 0; margin-block-end: 48px; font-weight: var(--fw-regular); line-height: 1.25; } /* 733:1946/1947 — 48/400 · lh 60 · כותרת→כרטיסים 48 */
/* 496:909 — כותרת קרוסלה בדסקטופ: Heebo 500 / 48 / lineHeightPx 48 (=1.0) */
.carousel-section .section-title { line-height: 1; }
.testi-carousel { position: relative; }
.testi-track {
  display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 32px) / 2);
  gap: 32px; align-items: stretch; overflow-x: auto; scroll-snap-type: x mandatory;  /* 733:1948 ↔ 733:1953 — מרווח 32 */
  scrollbar-width: none; padding-block-end: .4rem;
}
.testi-track::-webkit-scrollbar { display: none; }
.testi-track > .testi-card { scroll-snap-align: start; }
.testi-card {
  min-inline-size: 0;
  background: var(--bc-cream-warm);          /* 733:1948 — fill #f0e7dd */
  border-radius: var(--radius-lg);           /* r = 16 */
  padding: 32px;                             /* padding 32 בכל הצדדים */
  margin: 0; position: relative; box-shadow: none;
  display: flex; flex-direction: column; gap: 24px;  /* itemSpacing 24 */
}
/* 733:1949 — ‏VECTOR ייחודי 24×16 במילוי #c08497, לא תו-טיפוגרפי. עד 26.7 הוא קורב
   בשני תווי U+201C ("““") — קירוב-תו במקום הצורה עצמה. הצורה נמשכה מהקובץ
   (‏svgAssets של ה-node) ונשמרה ב-/assets/icons/quote-mark.svg. */
.quote-mark {
  display: block; inline-size: 24px; block-size: 16px; margin: 0;
  background: url("/assets/icons/quote-mark.svg") no-repeat center / 24px 16px;
}
.testi-card blockquote { margin: 0; color: var(--bc-ink-soft); font-size: var(--fs-20); line-height: 28px; } /* 733:1950 — 20/400 · lh 28 */
/* 733:1951-1952 / 702:1988 — קו עליון 2px #c08497 + padding-top 8, צבע #3b0f1a, צמוד-ימין (hug) */
.testi-card figcaption {
  font-weight: var(--fw-regular); font-size: var(--fs-20); color: var(--bc-primary); margin-block-start: auto;
  border-block-start: 2px solid var(--bc-rose); padding-block-start: 8px; align-self: flex-start;
}

/* ── כשרות · פיגמה 667:28212 ── */
/* אין לאפס כאן max-inline-size — זה דורס את הרוחב של .container ומוציא את הסקשן מהרשת.
   בפיגמה Frame 176 (677:28246) = 1344 = מלוא רוחב הקונטיינר, ולכן פשוט לא מצמצמים. */
.kashrut-inner { text-align: start; }
.kashrut-inner .section-title { font-weight: var(--fw-regular); line-height: 1.25; margin-block-end: 24px; } /* 677:28269 — 48/400 · lh 60 (=1.25) · Frame176 gap 24 */
/* שורת טקסט + badge — פיגמה "Frame 185" 700:2377: HORIZONTAL, itemSpacing 72.
   ב-RTL: הטקסט ראשון (ימין), ה-badge אחרון (שמאל) — בדיוק כמו במיקומי ה-x בפיגמה. */
.kashrut-row { display: flex; align-items: center; gap: 72px; }
.kashrut-text { color: var(--bc-ink-soft); font-size: var(--fs-lg); line-height: 28px; margin: 0; flex: 1 1 auto; min-inline-size: 0; } /* 677:28262 — 18/400/#47393b */
.kashrut-badge {
  flex: 0 0 332px; inline-size: 332px; block-size: 110px;   /* 700:2376 — Frame 184 332×110 */
  background: var(--bc-gold-soft);                          /* fill #d6c3a3 */
  border-radius: var(--radius-btn);                         /* r = 6 */
  display: grid; place-items: center; padding: 32px;
}
.kashrut-badge img { inline-size: 268px; block-size: 59px; object-fit: contain; } /* 700:2375 — logo 268×59 */
/* קישורי-מסמכים — פיגמה "Frame 186" 701:1778: HORIZONTAL itemSpacing 48, מיושר להתחלה (ימין);
   כל פריט = קישור עם קו-תחתון 2px + אייקון קובץ (FA 7 Pro, codepoint f15b = fa-file). */
.kashrut-docs { display: flex; flex-wrap: wrap; gap: 48px; margin-block-start: 32px; justify-content: flex-start; } /* 677:28264 — gap 32 בין השורות */
/* כפתור-מסמך = קישור ויזואלית; אין לאפס כאן border (זה היה דורס את הקו-התחתון של .link-more) */
.kashrut-doc { background: none; border-block-start: 0; border-inline: 0; padding-inline: 0; text-align: start; }
.kashrut-doc i { font-size: var(--fs-20); line-height: 1; } /* 701:1772 — 20px */

/* ── מודאל תעודה · פיגמה 769:2249-2250 ──
   overlay #1a1c1b @60% + blur 4 + padding 32 · משטח #faf9f7 r16, צל (-20,0) r40 @5% ·
   שורת-סגירה בגובה 72 (pad 24, X בשמאל בזרימה) · תמונה עם inset 32, בלי רדיוס. */
.cert-layer {
  position: fixed; inset: 0; z-index: 100; background: rgba(26,28,27,.6);
  -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
  display: flex; align-items: center; justify-content: center; overflow: auto; padding: 32px;
}
.cert-layer[hidden] { display: none; }
.cert-box {
  position: relative; background: var(--bc-paper); border-radius: var(--radius-lg);
  box-shadow: -20px 0 40px rgba(43,43,43,.05); max-block-size: 92vh;
  display: flex; flex-direction: column;
}
.cert-head { flex: 0 0 auto; display: flex; align-items: center; justify-content: flex-end; block-size: 72px; padding-inline: 24px; }
.cert-close { background: none; box-shadow: none; }
.cert-box img { margin-inline: 32px; margin-block-end: 32px; max-block-size: calc(92vh - 104px); max-inline-size: min(86vw, 720px); object-fit: contain; }

/* ── רספונסיב ──
   שורש-הרגרסיה (20.7): נוסחאות ה-clamp() בעמוד כוילו כך שה*תקרה* תפגע בערך-הדסקטופ (פריים 1440),
   והרצפה נבחרה בעין. ברוחב 393 איבר ה-vw/vh קטן בהרבה מהרצפה, ולכן כל מאפיין כזה מרונדר
   *בדיוק על הרצפה* — מספר שמעולם לא נבדק מול פריים-המובייל. בהירו של הבית זה אף חמור יותר:
   המובייל גבוה מהדסקטופ (794 מול 700), כך ש-clamp מונוטוני לא יכול לבטא את שני הקצוות בכלל.
   המדיניות מכאן: ערכי-המובייל נקבעים מפורשות בבלוק הזה, מדודים מ-M_Home 633:3322.
   שים לב — פריים-המובייל של הבית רחב 413 (לא 393 כמו שאר פריימי-המובייל); גדלי-הטיפוגרפיה
   הם ערכי-עיצוב מוחלטים ולכן נלקחים כפי-שהם, בלי נירמול-רוחב. */
@media (max-width: 960px) {
  /* 633:3324 — Hero Section 413×794. ערך מפורש, לא clamp: במובייל ההירו גבוה מהדסקטופ. */
  .hero { min-block-size: 794px; }
  .hero-content h1 { font-size: var(--fs-60); line-height: 1; margin-block-end: 16px; }  /* 633:3336 — 60/60/400 · h1→תת-כותרת 16 (633:3335 gap) */
  .hero-content p  { font-size: var(--fs-h3); line-height: 1.25; margin-block-end: 24px; } /* 633:3337 — 24/30 · תת-כותרת→כפתור 24 (633:3334 gap) */
  /* 633:3338 — CTA 187×56 hug: padding-inline 24, r54; הטקסט 20/500 כבר תואם */
  .hero .btn-hero { inline-size: auto; min-inline-size: 0; block-size: 56px; padding-inline: 24px; }
  /* 633:3386 / 651:457 / 633:3438 — כותרת קרוסלה 32/48/500 */
  .carousel-section .section-title { font-size: 2rem; line-height: 1.5; }
  /* 702:1978 — "לקוחות ממליצים" 36/60/400, ממורכזת */
  .testimonials .section-title { font-size: var(--fs-36); line-height: 1.667; }
  .intro-logo { inline-size: 195px; block-size: 57px; }        /* מובייל 633:3343 — Logo_2 195×57 */
  .worlds-grid { grid-template-columns: minmax(0, 1fr); max-inline-size: 480px; margin-inline: auto; row-gap: 72px; } /* מובייל 2101:2865 — itemSpacing 72 */
  .world-card h2 { line-height: 36px; } /* 2101:2871 — 24/36 */
  /* 633:3388 — קרוסלה full-bleed: כרטיס 286/413=69.2vw, הפעיל ממורכז, peek סימטרי 47.5 (63.5 פחות gap 16).
     margin -16 = ה-padding של .container במובייל (base.css:20); padding-inline 15.4vw = (100-69.2)/2
     מאפשר לכרטיסי-הקצה להתמרכז. padding-block-end ירד — הקרוסלה→נקודות = 24 מה-margin בלבד (633:3387). */
  .car-track {
    grid-auto-columns: 69.2vw;
    margin-inline: -16px; padding-inline: 15.4vw;
    padding-block-end: 0;
  }
  .car-track > * { scroll-snap-align: center; }
  /* ⚠ 4.8 — כאן ישבה הצהרת ‎aspect-ratio: 4/3‎ למובייל. היא הוסרה: המסגרת מוגדרת
     במקום אחד בלבד (למעלה), אחרת היא דורסת בשקט את הריבוע. */
  .carousel .product-card .pc-body { padding: 16px; }            /* 633:3394 — pad 16 */
  /* 633:3487 (360°) / 704:1957 (חנות המפעל) — itemSpacing 56 (היה 1.6rem = 25.6px).
     ה-order *לא* מאופס יותר: בפיגמה 360° הוא תמונה-קודם (=split-reverse) והחנות טקסט-קודם
     (=split), בדיוק מה שכללי ה-order של הדסקטופ נותנים גם בערימה האנכית. */
  .split, [data-bc-section="events"] .split { grid-template-columns: minmax(0, 1fr); gap: 56px; }
  /* 633:3497 / 704:1967 — תמונות הסקשנים המפוצלים כמעט-ריבועיות במובייל: 373×400 (גם החנות) */
  .split-media img, [data-bc-section="store"] .split-media img { aspect-ratio: 373 / 400; }
  /* 3.8.26 — חריגה מודעת מ-704:1967 בסקשן החנות בלבד (דיווח שילה: "OPENING SOON נקטע").
     ‏home:store_image הוא סלוט-עורך, וטליה מזינה בו באנר עם מלל מקצה-לקצה — לא צילום
     שאפשר לחתוך. מדידה במובייל 393px: מסגרת 373/400 = 0.933 מול תמונה 1.199 ⇒ ‏77.8%
     מרוחב-המקור נראה, 11.1% נחתך בכל צד, בעוד המלל תופס 82.6% ⇒ ה-O וה-N נבלעים.
     ‏6/5 היא המסגרת הצרה ביותר שעדיין מכילה את הבאנר במלואו (1.2 ≥ 1.199), ולכל תמונה
     רחבה אחרת בסלוט היא מקטינה חיתוך ולא מגדילה. העלות: הכרטיס במובייל לרוחב ולא
     לאורך. החלופה שנשקלה — באנר-מובייל ייעודי שהמלל בו בתוך 78% המרכזיים — נדחתה
     כי היא דורשת נכס חדש ממרינה בכל החלפת-באנר. */
  [data-bc-section="store"] .split-media img { aspect-ratio: 6 / 5; }
  /* 633:3491/3492/3494 · 704:1961/1962/1964 — overline, h2 והפסקה כולם CENTER במובייל */
  .split-text { text-align: center; }
  .split-text h2 { font-size: var(--fs-36); line-height: 1.389; } /* 36/50 */
  .testi-track { grid-auto-columns: 100%; } /* 702:1985 — כרטיס 381 = מלוא רוחב התוכן, בלי peek */
  .testi-card { padding: 32px 16px; }                        /* 702:1985 — pad 32,16,32,16 */
  .testi-card blockquote { font-size: var(--fs-md); line-height: 23.5px; } /* 702:1987 — 16/23.5 */
  .testi-card figcaption { font-size: var(--fs-lg); line-height: 32px; }   /* 702:1989 — 18/32 */
  .testimonials, .kashrut { padding-block: 32px; }           /* 702:1977 / 704:1859 — pad-block 32 (רזים מהשאר) */
  .car-nav { display: none; }
  /* מובייל 712:3056 — נקודות 6×6, itemSpacing 8 */
  .car-dots, .testi-dots { gap: 8px; margin-block-start: 1.5rem; }
  .car-dot, .testi-dot { inline-size: 6px; block-size: 6px; }
  /* צעד במובייל = 6+8 = 14, ולכן היעד מצטמצם ל-14 כדי לא לחפוף על השכן (ר' הערה למעלה) */
  .car-dot::before, .testi-dot::before { inset: -4px; }
  /* כשרות במובייל — 704:1859: טקסט ממורכז, badge 223×60, קישורים בטור עם gap 16 */
  .kashrut-inner { text-align: center; }
  .kashrut-inner .section-title { text-align: center; font-size: var(--fs-36); line-height: 1.667; } /* 704:1861 — 36/60 */
  .kashrut-row { flex-direction: column; gap: 32px; }
  .kashrut-badge { flex: 0 0 auto; inline-size: 223px; block-size: 60px; padding: 10px 20px; }
  .kashrut-badge img { inline-size: 184px; block-size: 40px; }
  .kashrut-docs { flex-direction: column; align-items: center; gap: 16px; }
  .testimonials .section-title { text-align: center; }
}
@media (min-width: 961px) and (max-width: 1200px) {
  .car-track { grid-auto-columns: calc((100% - 2 * var(--car-gap)) / 3); }
}

/* ── הצמדת שבירות-שורה לפיגמה (29.7.26) ─────────────────────────────────────
   הרוחב כויל בדפדפן (audit/2026-07-29-linebreaks/solve-widths.mjs) כך שגופן-האתר (Heebo) שובר את
   השורות בדיוק במילים של הרינדור הרשמי — ולא לפי רוחב-התיבה הנומינלי בפיגמה,
   כי הפיגמה מרונדרת בגופן אחר (Google Sans; שאלת גופן-הגוף פתוחה אצל מרינה). */
@media (min-width: 961px) {
  /* 2045:2472 — כרטיס-עולם 2: בפיגמה שבירה ידנית (U+2028) ×2; משוחזר ברוחב-תוכן [272–292]
     (‏319 = ‏287 + ‏2×16 ריפוד, כי box-sizing:border-box) */
  .worlds-grid .world-card:nth-child(2) p { max-inline-size: 319px; margin-inline: auto; }
}
/* 677:28262 — פסקת הכשרות: "…והפרדה | …תפריטים | …להגשה." — טווח-פתרון [802–824] */
.kashrut-text { max-inline-size: 813px; }
@media (max-width: 960px) {
  /* 633:3356 — פסקת הפתיחה במובייל: רוחב-התיבה מהפיגמה (343). יש בה שבירה ידנית
     אחת + 10 טבעיות — זהות-מילים מלאה אינה אפשרית בגופן אחר; זו ההצמדה הגאומטרית. */
  p[data-bc-slot="home:intro_text"] { max-inline-size: 343px; margin-inline: auto; }
  /* 704:1964 — טקסט חנות-המפעל בבית: "…לכם | …מחמצת, | …מוכנים | …ובסטנדרט | …שלנו." [324–356] */
  p[data-bc-slot="home:store_text"] { max-inline-size: 340px; margin-inline: auto; }
}