/* בלק צ'רי — חנות המפעל (פיגמה frame 702:2009 · מובייל 712:2870)
   V3 (20.7.26): כויל למידות מ-node-JSON גולמי — figma-extract/2026-07-20/raw/nodes-03.json + nodes-04.json */

/* בעיצוב: סקשני העמוד לבנים, פס "אלי הקונדיטור" בקרם */
.store-main {
  background: var(--bc-white);
  /* רדיוס מיכלי-התמונה בעמוד: 24px בפיגמה (702:2029, 705:2076) — אין לו טוקן בסקאלה
     (2/4/6/8/12/16/54), ולכן משתנה מקומי לעמוד במקום ערך קשיח מפוזר */
  --radius-store-media: 24px;
}

/* ── Hero (702:2011 — 1440×400 בדסקטופ · 712:2909 — 393×300 במובייל; שכבת האפלה 50%) ──
   הרצפה היתה 250 שרירותית: ב-393 יוצא 28vw = 110 ⇒ הכל נפל לרצפה ורונדר 250 במקום 300.
   הרצפה עכשיו היא ערך-המובייל מהפיגמה, והתקרה עדיין נפגעת ב-1440 (28vw = 403 → 400). */
.store-hero {
  position: relative; overflow: hidden;
  min-block-size: clamp(300px, 28vw, 400px);
  display: grid; place-items: center;
  box-shadow: 0 25px 50px rgba(0, 0, 0, .25); /* 702:2012 — DROP_SHADOW 0,25 blur 50 @25% מתחת להירו */
}
/* חיתוך מחושב · figmacopy `crop` על 702:2476 מול המסגרת החותכת 702:2011.
   הפיגמה מציגה את התמונה 1703×951 בחלון 1440×400 ⇒ 118.26% / 237.75%,
   היסט 69.96% / 58.08%. ‏coverSafe:false — ‏object-fit:cover הקטין את הסצנה
   ב-18.26% ואיבד את החיתוך האופקי; ה-`center 55%` שהיה כאן כויל בעין.
   ר' ההסבר המלא ב-story.css (אותו דפוס, אותו מקור-כשל). */
.store-hero-bg {
  position: absolute; top: 0; left: 0;
  inline-size: 118.26%; block-size: 237.75%; max-inline-size: none;
  object-fit: cover;
  transform: translate(-10.8%, -33.65%);
}
.store-hero-overlay { position: absolute; inset: 0; background: rgba(1, 1, 1, .5); }
/* 704:1973 — pad 0 16 0 16 (גם במובייל 712:3040); היה 20px */
.store-hero-content { position: relative; text-align: center; color: var(--bc-white); padding-inline: 16px; }
/* 704:1974 — Heebo 400 / 72 / lineHeightPx 90 (היה משקל 500 ו---lh-tight ⇒ 97.2);
   gap=0 בין H1 לכותרת-המשנה (704:1973) — היה margin .15em */
.store-hero-content h1 {
  font-size: var(--fs-hero); font-weight: var(--fw-regular); line-height: 1.25;
  margin-block-end: 0; text-shadow: 0 2px 18px rgba(0, 0, 0, .35);
}
/* 704:1976 — 24 / lineHeightPx 39 (=1.625; ברירת-המחדל --lh-body נתנה 40.8).
   הרצפה 1.125rem = 18px היא ערך-המובייל (712:3042); היתה 1.05rem ⇒ 16.8px ב-393. */
.store-hero-content p { font-size: clamp(1.125rem, 2vw, 1.5rem); line-height: 1.625; margin: 0; opacity: .95; text-shadow: 0 1px 12px rgba(0, 0, 0, .4); }

/* ── כותרות סקשן בסגנון העמוד (בורדו, מיושר להתחלה) ──
   705:2082 / 702:2023 / 705:2135 — Heebo 400 / 48 / lh 60 / #3b0f1a, יישור RIGHT.
   text-wrap:balance — כדי שכותרת הפתיח תישבר לשתי שורות מאוזנות ולא תשאיר מילה בודדת בשורה שנייה. */
.store-h2 {
  font-size: var(--fs-h2); font-weight: var(--fw-regular);
  color: var(--bc-primary);
  /* 702:2020 / 705:2079 — itemSpacing 48 בין כותרת-הסקשן לפסקה (היה .5em ⇒ 24) */
  margin-block-end: 48px;
  line-height: 1.25; /* 60/48 בפיגמה */
  text-wrap: balance;
}

/* ── סקשן מפוצל (702:2019 / 705:2074 — itemSpacing 96, padding-block 72) ── */
.store-split {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  /* 96 בפריים 1440 (702:2019) · 56 בערימת-המובייל (712:2923/712:3081).
     הרצפה היא ערך-המובייל מהפיגמה — קודם היא היתה 2rem ועוד נדרסה ל-1.4rem בבלוק המובייל. */
  gap: clamp(56px, 6.67vw, 96px);
  align-items: center;            /* טקסט ממורכז אנכית מול התמונה (counterAxisAlign=CENTER) */
}
/* 702:2025 — 18/28 = 1.556 (הירושה --lh-body 1.7 נתנה 30.6) */
.store-split .ss-text p { color: var(--bc-ink-soft); font-size: var(--fs-lg); line-height: 1.556; margin: 0; }
/* 702:2028/2029, 705:2075/2076 — effects=[] בפיגמה ⇒ בלי צל (היה var(--shadow-card)) */
.ss-media { border-radius: var(--radius-store-media); overflow: hidden; }
.ss-media img { inline-size: 100%; block-size: 100%; object-fit: cover; }

/* היכרות (702:2019): טקסט בהתחלה (ימין) 603, תמונה בסוף (שמאל) 645 */
.intro-split { grid-template-columns: minmax(0, 603fr) minmax(0, 645fr); }
/* כרטיס-הפתיחה 702:2029 — 645×510 (clipsContent), radius 24. object-position מחושב כך
   שמרכז-החיתוך יישאר על מרכז המטבח כמו בפיגמה (חלון 286-1117 מתוך 1600 בקובץ המקור). */
.intro-media img { aspect-ratio: 645 / 510; object-position: 29% center; }
/* ── קרוסלת חנות המפעל (706:2441) ──
   הנקודות חזרו 26.7 עם 6 תמונות אמיתיות מאחוריהן (עד אז: תמונה אחת ⇒ affordance ריק).
   השקופיות נערמות באותו תא-גריד ולא ב-position:absolute, כדי שגובה הסקשן ייקבע מהתמונה
   עצמה — aspect-ratio על .intro-media img כבר מגדיר אותו, ו-absolute היה מוציא את כולן
   מזרימת-המסמך ומקריס את הגובה ל-0. */
/* 29.7.26 — מחוות-החלקה (store.js): touch-action:pan-y משאיר את הגלילה האנכית
   לדפדפן (הוא לא ינסה לפאן אופקית בעצמו, כך שאין התנגשות עם ה-JS); cursor:grab
   מרמז שהתמונה גוררת. user-drag/user-select מבוטלים כדי שגרירת-תמונה מובנית של
   הדפדפן (dragstart) לא "תבלע" את המחווה שלנו. */
.store-carousel .intro-media {
  display: grid;
  touch-action: pan-y;
  cursor: grab;
  -webkit-user-drag: none;
  user-select: none;
}
.store-carousel .intro-media:active { cursor: grabbing; }
/* מעבר-הצלבה (3.8.26 — "ההתחלפות גסה ומהירה", דיווח שילה). שני תיקונים:
   1. ‏.5s → 1.1s בעקומה רכה. חמש שניות שהייה מול חצי-שנייה מעבר נקראו כקפיצה.
   2. ⚠ העיקר: ‏visibility היה נעלם **מיידית** מהשקופית היוצאת (אין לה transition
      משלה) בעוד הנכנסת רק מתחילה לדהות פנימה מ-0. כלומר במשך חצי שנייה לא הייתה
      שם תמונה כלל אלא רקע-המסגרת — הבזק, לא הצלבה. הדפוס כאן: ‏visibility
      מתחלף מיידית **בכניסה** (delay 0) ורק **בתום** הדהייה ביציאה (delay = משך
      המעבר), ולכן שתי התמונות חופפות לאורך כל המעבר. */
.store-carousel .sc-slide {
  grid-area: 1 / 1;
  opacity: 0; visibility: hidden;
  transition: opacity 1.1s cubic-bezier(.4, 0, .2, 1), visibility 0s linear 1.1s;
}
.store-carousel .sc-slide.is-on {
  opacity: 1; visibility: visible;
  transition: opacity 1.1s cubic-bezier(.4, 0, .2, 1), visibility 0s linear 0s;
}
/* ⚠ שני הסלקטורים, לא רק הבסיסי. ‏3.8.26 קיבל ‎.sc-slide.is-on‎ הצהרת transition
   משלו (‏visibility עם delay 0 בכניסה), וספציפיות 3-מחלקות גוברת על 2-מחלקות —
   כלומר ההצהרה כאן חדלה לחול על השקופית הנכנסת, ומשתמש עם reduced-motion היה
   ממשיך לראות דהייה של 1.1 שניות בכל ניווט ידני. ההחלפה האוטומטית לא נפגעה
   (‏maybeStart בודק matchMedia ב-JS), אבל המעבר עצמו כן.
   התיקון משווה ספציפיות; ‏@media אינו מוסיף ספציפיות, וההכרעה כאן היא סדר-המקור
   — ולכן הבלוק חייב להישאר **אחרי** כלל ‎.is-on‎ שלמעלה. */
@media (prefers-reduced-motion: reduce) {
  .store-carousel .sc-slide,
  .store-carousel .sc-slide.is-on { transition: none; }
}
.sc-dots { display: flex; justify-content: center; gap: 8px; margin-block-start: 16px; }
.sc-dot {
  inline-size: 8px; block-size: 8px; padding: 0; border: 0; border-radius: 50%;
  background: var(--bc-gold-soft); cursor: pointer;
  transition: background .2s ease, inline-size .2s ease;
}
.sc-dot[aria-selected="true"] { inline-size: 24px; border-radius: 4px; background: var(--bc-primary); }
.sc-dot:focus-visible { outline: 2px solid var(--bc-primary); outline-offset: 3px; }

/* אלי הקונדיטור (705:2074): פס קרם מלא, תמונה בהתחלה (ימין) 471, טקסט בסוף 777 */
.eli-band { background: var(--bc-cream); padding-block: var(--space-section); margin-block-start: var(--space-section); }
.eli-split { grid-template-columns: minmax(0, 471fr) minmax(0, 777fr); }
/* פורטרט 705:2076 — 471×454 = כמעט-ריבועי (היה 471/620 = פורטרט גבוה).
   ‏object-position עוגן-עליון (26.7): הפיגמה חושפת ~שורות 12-466 מתוך 606 בקובץ המקור,
   כלומר חיתוך של 2% מלמעלה ו-23% מלמטה. ‏center היה חותך את המצח; 12% שומר את הפנים
   בשליש העליון כמו בעיצוב. אותו דפוס כמו .intro-media (29% center). */
.eli-media img { aspect-ratio: 471 / 454; object-position: center 12%; }

/* ── מה תמצאו בחנות המפעל ── */
.found-title { margin-block-end: 48px; } /* 705:2133 — gap 48 לגריד (מובייל 32 — 712:3139); היה 1.2em ⇒ 57.6 */
.found-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; }
/* 705:2144 — pad 24 מכל צד + stroke #d6c3a3 1px INSIDE על כל 4 הכרטיסים */
.found-card {
  background: var(--bc-cream-warm); border-radius: var(--radius-card);
  border: 1px solid var(--bc-gold-soft);
  padding: 24px;
}
/* 705:2146 — gap אייקון↔טקסט 8 · itemSpacing 12 לתיאור · 705:2147 — lh 28/20 = 1.4 */
.found-card h3 {
  display: flex; align-items: center; gap: 8px;
  font-size: 1.25rem; font-weight: 600; line-height: 1.4; color: var(--bc-ink);
  margin-block-end: 12px;
}
/* 705:2148 — גליף 16px במסגרת 24×24, צבע = צבע הכותרת (#1a1a1a, בירושה; היה בורדו 20px) */
.found-card h3 i { font-size: 16px; line-height: 1; inline-size: 24px; text-align: center; flex: none; }
/* 705:2149/2150 — paddingRight 32 (inline-start ב-RTL): התיאור מיושר מתחת לכיתוב-הכותרת (24+8) · lh 20/14 = 1.43 */
.found-card p { color: var(--bc-ink-soft); font-size: var(--fs-sm); line-height: 1.43; padding-inline-start: 32px; margin: 0; }
.found-note { text-align: center; color: var(--bc-ink-soft); font-size: var(--fs-sm); line-height: 1.43; margin: 24px 0 0; } /* 705:2166 — lh 20 */

/* ── מתכננים אירוע? (705:2185 · Frame 197 = 706:2434) ──
   בפיגמה הבאנר רחב 1344 בתוך פריים 1440 → inset 48 בלבד. הקונטיינר הכללי (1320 + 20 padding)
   הצר אותו ל-1280 — ולכן כאן בלבד הקונטיינר נפתח לרוחב-הפריים. */
/* 705:2185 — מרווח 120 בין "מה תמצאו" לבאנר (--space-section 72 + 48) */
.event-section { padding-block-start: calc(var(--space-section) + 48px); }
.event-section .container { max-inline-size: 1440px; padding-inline: 48px; }
/* 706:2434 — effects=[] בפיגמה ⇒ בלי צל (היה var(--shadow-card)) */
.event-cta {
  display: grid; grid-template-columns: minmax(0, 347fr) minmax(0, 997fr); /* 706:2438 / 706:2435 */
  border-radius: var(--radius-lg); overflow: hidden;
}
.event-cta .ec-media { order: 1; background: #ead7da; min-block-size: 216px; }
/* 706:2435 — רקע #f8f7f4 (= --bc-base-2; היה --bc-paper #faf9f7) · padding 48 אנכי, 32/24 אופקי (לוגי ב-RTL) */
.event-cta .ec-text {
  order: 2; background: var(--bc-base-2);
  padding-block: 48px; padding-inline-start: 32px; padding-inline-end: 24px;
}
.event-cta .ec-media img { inline-size: 100%; block-size: 100%; object-fit: cover; }
/* 706:2436 — Heebo 400 / 36 / lh 40 / #3b0f1a · gap 24 לפסקה */
.event-cta h2 { font-size: var(--fs-36); font-weight: var(--fw-regular); color: var(--bc-primary); line-height: 1.11; margin-block-end: 24px; }
/* 706:2437 — Heebo 400 / 20 / lh 28 / #1a1a1a (היה 18px + רווח-זנב מיותר) */
.event-cta p { color: var(--bc-ink); font-size: var(--fs-20); line-height: 1.4; margin: 0; }

/* ── פרטי החנות ── */
/* 708:2726 — מרווח 120 בין הבאנר לפרטי החנות (--space-section 72 + 48) */
/* ‏padding-block-end (2.8.26, צילום שילה): זהו המקטע האחרון בעמוד, והפוטר האפור התחיל
   צמוד לשורת הטלפונים האחרונה — מה שנקרא כאילו הרקע התחתון חותך את פרטי-הקשר.
   הריווח הלבן מפריד את המידע מהפוטר ומבהיר שהוא נגמר ולא נחתך. */
.store-details { padding-block-start: calc(var(--space-section) + 48px); padding-block-end: var(--space-section); }
/* פס-הקרם שלפני הפוטר (3.8.26): ה-margin של הפוטר יושב מחוץ ל-main ונצבע ברקע
   ה-body (קרם) בעוד main בעמוד הזה לבן (.store-main). המרווח עובר לסקשן האחרון,
   שיורש את הלבן. המרחק הכולל נשמר. ≤960 המרווח 0 ממילא (chrome.css). */
.store-main ~ .site-footer { margin-block-start: 0; }
@media (min-width: 961px) { .store-details { padding-block-end: calc(var(--space-section) * 2); } }
.details-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; }
/* 708:2777/2806/2814 — pad 24 32 בכל כרטיס; יחד עם gap 2rem נוצר מרחק תוכן→מפריד 32/64
   א-סימטרי כמו בפיגמה (המפריד צמוד לקצה הכרטיס). */
.detail { padding: 24px 32px; }
/* 708:2806 / 708:2814 — individualStrokeWeights.right = 2, stroke #d6c3a3 (בז' אטום).
   היה 1px בורדו-שקוף. ב-RTL הצד הפיזי-ימני הוא inline-start, אבל שני הניסוחים נותנים
   את אותם שני מפרידים בין שלושת הכרטיסים — נשאר :not(:last-child) כדי לא לשנות מבנה. */
.detail:not(:last-child) { border-inline-end: 2px solid var(--bc-gold-soft); }
.detail h3 {
  display: flex; align-items: center; gap: .5rem;
  font-size: 1.25rem; font-weight: 600; line-height: 1.4; color: var(--bc-ink); /* 705:2147 — 28/20 */
  margin-block-end: .6em;
}
/* 708:2782/2819/2811 — גליפי FA Regular 16px במסגרת 24×24, צבע = צבע הכותרת (היו SVG ידניים 20px בורדו) */
.detail h3 i { font-size: 16px; line-height: 1; inline-size: 24px; text-align: center; flex: none; }
/* 708:2813 — lh 20/14 = 1.43; הרשימה בפיגמה בלוק-טקסט אחד ⇒ בלי gap בין שורות (היה .35rem) */
.detail p, .detail-list { color: var(--bc-ink-soft); font-size: var(--fs-sm); line-height: 1.43; margin: 0; }
.detail-list { list-style: none; padding: 0; display: grid; }
.detail-list a:hover { color: var(--bc-primary); text-decoration: underline; }
.nav-links { display: flex; flex-wrap: wrap; gap: 1.2rem; margin-block-start: .6rem; font-size: var(--fs-sm); }
/* 769:2459 (בתוך 712:3303) — אייקון waze של FA Brands, 16px, 6px משמאל לטקסט הכתובת.
   קיים רק בפריים-המובייל בפיגמה — בדסקטופ מוסתר; מוצג בבלוק ה-960. */
.waze-inline { display: none; }
/* 708:2812 / 708:2820 / 708:2783 (וכן 712:3311/3303/3295 במובייל) — לגוף-הכרטיס paddingRight 32,
   שהוא inline-start ב-RTL: כך הטקסט מתיישר מתחת לכיתוב-הכותרת ולא מתחת לאייקון (24 + gap 8 = 32).
   הכלל חייב לבוא אחרי `.detail-list { padding: 0 }` — אחרת הקיצור מאפס אותו. */
.detail p, .detail-list, .nav-links { padding-inline-start: 32px; }

/* ── רספונסיב (מובייל: פריים M_Store 712:2870, רוחב 393) ──
   שורש-הרגרסיה (20.7): כל ה-clamp-ים בעמוד כוילו כך שהתקרה תפגע בערך-הדסקטופ (1440),
   בעוד הרצפה נבחרה בעין. ב-393 איבר ה-vw מתמוטט (28vw = 110px!) והמאפיין מרונדר על הרצפה —
   מספר שמעולם לא נבדק מול פריים-המובייל. התיקון: רצפת-ה-clamp הוחלפה בערך-הפיגמה של המובייל
   (הירו, gap, כותרת-משנה), ומה שהוא החלטת-פריסה ולא סקאלה נכתב מפורשות בבלוק הזה. */
@media (max-width: 960px) {
  /* ה-gap מגיע מרצפת ה-clamp של .store-split (56 = 712:2923/712:3081); כאן רק עמודה אחת.
     הדריסה הישנה gap:1.4rem היא שנתנה 22.4px. */
  .store-split, .intro-split, .eli-split { grid-template-columns: minmax(0, 1fr); }
  /* 712:3041 — h1 48 / lineHeightPx 90 · 712:3042 — כותרת-המשנה 18 / lh 22.5 = 1.25 */
  .store-hero-content h1 { font-size: 3rem; line-height: 1.875; }
  .store-hero-content p { line-height: 1.25; }
  /* חיתוך המובייל · crop על 712:3034 מול 712:2909 (393×300): 606×338 ⇒ 154.2% / 112.67%,
     היסט 20.66% / 34.21%. */
  .store-hero-bg { inline-size: 154.2%; block-size: 112.67%; transform: translate(-7.26%, -3.85%); }
  /* 712:2926 / 712:3084 / 712:3141 — כל כותרות ה-h2 במובייל 36/50 וממורכזות (בדסקטופ 48/60 RIGHT);
     מרווח כותרת→פסקה במובייל ~24 (712:2924) */
  .store-h2 { font-size: var(--fs-36); line-height: 1.389; text-align: center; margin-block-end: 24px; }
  /* 712:3139 — במובייל 32 בין כותרת "מה תמצאו" לגריד */
  .found-title { margin-block-end: 32px; }
  /* 712:2928 / 712:3086 — פסקאות-הגוף בסקשנים המפוצלים ממורכזות במובייל */
  .store-split .ss-text p { text-align: center; }

  /* 712:2931 / 712:3088 — שתי התמונות במובייל: 353×372, radius 16 */
  .ss-media { border-radius: var(--radius-lg); }
  .intro-media img, .eli-media img { aspect-ratio: 353 / 372; }
  /* 3.8.26 — ‏object-position חוזר למרכז במובייל (דיווח שילה: "חתוכות מצד אחד").
     ‏29% ו-12% כוילו ליחסי-הדסקטופ (645/510 לרוחב · 471/454 כמעט-ריבוע). במובייל
     היחס הוא 353/372 — **לאורך**, וחלון-החיתוך צר בהרבה בציר האופקי; אותו 29%
     מזיז בו את המסגרת הרחק שמאלה במקום לשמור על מרכז-המטבח. ‏center משאיר את
     מרכז הצילום במרכז המסגרת, וזה מה שהחיתוך במובייל אמור להראות. */
  .intro-media img, .eli-media img { object-position: center center; }
  /* 3.8.26 — אותו תיקון כמו ב-home.css: השקופית הראשונה בקרוסלה היא באנר
     ‏OPENING SOON עם מלל מקצה-לקצה, ו-353/372 = 0.949 מול 1.200 חתך 10.5% בכל צד.
     כאן זו מסגרת אחת לשבע שקופיות, ולכן **לא** ‏aspect-ratio:auto — הוא היה מקפיץ את
     גובה-הרצועה בין שקופית לשקופית. ‏6/5 מקטין את החיתוך בכל אחת מהן: הבאנר 79%→100%,
     הצילומים 1.5 ‏63%→80% ו-1.333 ‏71%→90%. ‏.eli-media נשאר על 353/372 — צילום, לא באנר. */
  .intro-media img { aspect-ratio: 6 / 5; }
  /* 712:3072 — עיגולים 6×6, gap 8 */
  .intro-dots { gap: 8px; }
  .intro-dots span { inline-size: 6px; block-size: 6px; }

  .event-section .container { padding-inline: 20px; }
  .event-cta { grid-template-columns: minmax(0, 1fr); }
  /* 712:3199 — במובייל padding 32 אנכי, 32/24 אופקי */
  .event-cta .ec-text { padding-block: 32px; }
  .event-cta .ec-media { order: 0; min-block-size: 0; }
  .event-cta .ec-media img { aspect-ratio: 16 / 10; }
  .event-cta .ec-text { order: 0; }
  /* 712:3201 — פסקת הבאנר במובייל Heebo 400 16 / lh 24 (בדסקטופ 20/28) */
  .event-cta p { font-size: var(--fs-md); line-height: 1.5; }
  /* 712:3288 — gap 32 בין כרטיסי-הפרטים; ריפוד-הכרטיס הדסקטופי (24 32) לא נמדד במובייל — מאופס */
  .details-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .detail { padding: 0; }
  /* 712:3297 / 712:3289 — במובייל המפריד הוא individualStrokeWeights.top = 2 בצבע #d6c3a3
     (היה 1px בורדו-שקוף). אותם שני מפרידים, בכיוון שהפיגמה מגדירה. pad top 24 אחרי המפריד. */
  .detail:not(:last-child) { border-inline-end: 0; }
  .detail + .detail { border-block-start: 2px solid var(--bc-gold-soft); padding-block-start: 24px; }
  /* 712:3143 — gap 24 גם במובייל (הדריסה gap:16 הוסרה) */
  .found-grid { grid-template-columns: minmax(0, 1fr); }
  /* 769:2459 — אייקון ה-waze ליד הכתובת מוצג רק במובייל, gap 6 */
  .waze-inline { display: inline-block; margin-inline-start: 6px; font-size: 16px; }
  /* 712:3179 — ההערה ממורכזת גם במובייל (align=CENTER), כמו בדסקטופ 705:2166 */
}

/* ── מסך רחב ≥1600px · 22.7.26 — יישור סקשן האירוע לרוחב-התוכן החדש (מונע תפר-רוחב בין סקשנים) ── */
@media (min-width: 1600px) {
  /* 27.7: 1600 קשיח → --shell-max (ר' tokens.css) */
  .event-section .container { max-inline-size: var(--shell-max); }
}

/* ── הצמדת שבירות-שורה לפיגמה (29.7.26) — ראו audit/2026-07-29-linebreaks/solve-widths.mjs ──────── */
/* 705:2084 — פסקת אלי הקונדיטור: 6 שורות כבעיצוב — טווח-פתרון [622–640] */
p[data-bc-slot="store:eli_text"] { max-inline-size: 631px; }
@media (max-width: 960px) {
  /* 712:3084 — "מאחורי הויטרינה - | אלי הקונדיטור" — טווח-פתרון [264–322].
     text-wrap:balance של הכותרות מעדיף לשבור לפני המקף — משוחרר כאן כדי לשחזר את הפיגמה. */
  h2[data-bc-slot="store:eli_title"] { max-inline-size: 292px; margin-inline: auto; text-wrap: wrap; }
}