/* ═══ עמוד פרויקט (הליברלים בחריש — הראשון; build/build-case.js) ═══
   נשען על style.css: אותו רקע, גריד, תפריט, כפתורים צפים ופוטר. המיקום — באותה שיטה כמו עמודי השירות:
   x באחוזים מ-1325, y ביחידות --us (80%), כך שהעמוד זהה בכל מסך. מוקאפ — דסקטופ בלבד בשלב הזה. */

#case {
  --u: var(--us); --up: var(--us);
  position: absolute; left: 0; width: 100%; height: 0;
  top: calc(var(--fold) + (var(--gap0, 120) - 894) * var(--u));
}
.case-gray { color: #777; }

/* ─── שער: שם הפרויקט, מתחתיו הסינונים (נקודות צהובות ביניהם), ומוקאפ חי על הגריד ───
   המוקאפ: הטלפון (6% מתוך הרכיב) צמוד לקו הגריד השמאלי 250; כולו נכנס במסך הראשון (המכשירים נגמרים ב-~890) */
#case i, .case-head i { font-style: normal; }
.case-head { position: absolute; inset: 0; }
.case-head > * { position: absolute; }
.case-head h1 { right: calc(250 / 1325 * 100%); top: calc(168 * var(--us)); font-size: calc(120 * var(--us) * var(--a11y-fs, 1)) !important; line-height: 1 !important; white-space: nowrap; text-align: right; }
.case-tags { right: calc(250 / 1325 * 100%); top: calc(298 * var(--us)); font-weight: 300; font-size: calc(25 * var(--us) * var(--a11y-fs, 1)); line-height: 1.3; text-align: right; white-space: nowrap; }
.case-tags i { display: inline-block; width: .32em; height: .32em; border-radius: 50%; background: var(--accent); vertical-align: .2em; margin-inline: .6em; }
.case-mock { left: calc(200.5 / 1325 * 100%); top: calc(322 * var(--us)); width: calc(825 / 1325 * 100%); }

/* ─── על הפרויקט: המשפט הגדול בדק 50; הפרטים — כותרת בבולד 25 וערך בדק 25 ─── */
.case-mk { width: 0; height: 0; }
.case-chips, .case-bento, .case-quote, .case-navs { display: contents; }   /* בדסקטופ שקופות; בטלפון — שורה או עמודה */
.case-tags span { white-space: nowrap; }
.case-meta { text-align: right; }
.case-meta b, .case-meta span { display: block; white-space: nowrap; }
.case-meta b { margin-bottom: calc(6 * var(--u)); }
.case-st { text-align: right; }
.case-st span { display: block; }
.case-st .case-gap { height: .32em; }
.case-did { white-space: nowrap; text-align: right; }
.case-did b { font-weight: 700; margin-inline-end: 1.1em; }
.case-did i { display: inline-block; width: .32em; height: .32em; border-radius: 50%; background: var(--accent); vertical-align: .2em; margin-inline: .6em; }
.case-bar { display: flex; justify-content: space-between; white-space: nowrap; }
.case-bar b { font-weight: 700; margin-inline-end: .7em; }
.case-bar i { display: inline-block; width: .32em; height: .32em; border-radius: 50%; background: var(--accent); vertical-align: .2em; margin-inline: .5em; }
.case-st .case-bd { font-weight: 700; }
/* המידות מהשער של עמודי השירות: משפט 50 בריווח 1.2, פסקה 25 בריווח 1.2 ברוחב 379, כוכבית 68 */
.case-ld { font-weight: 300; font-size: calc(50 * var(--u) * var(--a11y-fs, 1)); line-height: 1.2; text-align: right; white-space: nowrap; }
.case-ld span, .case-pa span { display: block; }
.case-pa { font-weight: 300; font-size: calc(25 * var(--u) * var(--a11y-fs, 1)); line-height: 1.2; text-align: right; }
.case-rows { display: grid; grid-template-columns: auto auto; column-gap: calc(40 * var(--u)); row-gap: calc(14 * var(--u)); text-align: right; white-space: nowrap; }
.case-rows b { line-height: 1.3; }

/* ─── טקסט רץ: 25, שורות שבורות ידנית, שוליים לא מיושרים בצד שמאל (בלי יישור לשני הצדדים — עדי) ─── */
.case-t { text-align: right; white-space: nowrap; }
.case-t span { display: block; }

/* ─── התוצאה (אפשרות 2): ממורכז, עם הכוכבית ─── */
.case-star img { display: block; width: 100%; height: auto; }
.case-c, .case-st.case-c, .case-t.case-c { text-align: center; }

/* ─── התוצאה והליווי (5): שני כרטיסים לבנים — כותרת 50 וטקסט 25, כמו כרטיסי ההתמחויות ─── */
.case-rc { box-sizing: border-box; padding: calc(48 * var(--u)) calc(48 * var(--u)) 0; text-align: right; }
.case-rc h2 { margin: 0 0 calc(24 * var(--u)); white-space: nowrap; }
.case-rc p { margin: 0; }

/* החץ המצויר של האתר (מדף הבית), מהפתרון אל התוצאה: מתחיל למעלה־משמאל, ראש החץ למטה־מימין */
.case-doodle img { display: block; width: 100%; height: auto; transform: rotate(266.51deg); }
.case-dd img { display: block; width: 100%; height: auto; }
.case-hr { height: 2px !important; background: var(--ink); }   /* האפור הכהה של המותג, מלא (עדי, 4.10) */
.case-route { overflow: visible; }
.case-route path { fill: none; stroke: var(--accent); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.case-vr { width: 1px !important; background: var(--ink); opacity: .5; }

/* ─── קודי הצבע: כרטיס פולרויד — לבן, הצבע למעלה, והקוד צמוד מתחתיו בצד שמאל ─── */
.case-chip { background: #fff; box-shadow: calc(4 * var(--u)) calc(4 * var(--u)) calc(24 * var(--u)) rgba(0, 0, 0, .07); }
.case-chip i { position: absolute; display: block; left: calc(16 * var(--u)); right: calc(16 * var(--u)); top: calc(16 * var(--u)); aspect-ratio: 1; }
.case-chip.case-wh i { box-shadow: inset 0 0 0 1px rgba(61, 61, 59, .22); }
.case-chip b { position: absolute; left: calc(16 * var(--u)); top: calc(296 * var(--u)); direction: ltr; }

/* ─── בנטו: 1 — צף על העמוד · 2 — כרטיס לבן נקי · 3 — המסגרת עם החריץ. התווית בדק 25 ─── */
.case-fr { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; filter: drop-shadow(calc(4 * var(--u)) calc(4 * var(--u)) calc(12 * var(--u)) rgba(0, 0, 0, .06)); }
.case-card { background: #fff; border-radius: calc(20 * var(--u)); box-shadow: calc(4 * var(--u)) calc(4 * var(--u)) calc(24 * var(--u)) rgba(0, 0, 0, .06); }
.case-tile img { position: absolute; display: block; height: auto; max-width: none; }
.case-lab { white-space: nowrap; }

/* ─── הגדלה: לחיצה על תוצר פותחת אותו בגדול (js/case.js). בלי אנימציה ─── */
.case-tile { cursor: zoom-in; }
.case-tile:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.case-zoom { border: 0; padding: 0; margin: 0; inset: 0; width: 100vw; max-width: 100vw; height: 100dvh; max-height: 100dvh; background: rgba(252, 252, 252, .97); overflow: hidden; }
.case-zoom::backdrop { background: transparent; }
.case-zoom-in { width: 100%; height: 100%; display: flex; align-items: center; overflow: auto; cursor: zoom-out; }
.case-zoom-in img { display: block; margin: auto; max-width: 92vw; max-height: 88dvh; width: auto; height: auto; cursor: default; }
.case-zoom-x { position: absolute; top: 18px; right: 18px; width: 44px; height: 44px; border: 0; border-radius: 50%; background: #fff; box-shadow: 0 2px 12px rgba(0, 0, 0, .12); cursor: pointer; }
.case-zoom-x::before, .case-zoom-x::after { content: ''; position: absolute; left: 13px; right: 13px; top: 21.5px; height: 1px; background: var(--ink); }
.case-zoom-x::before { transform: rotate(45deg); }
.case-zoom-x::after { transform: rotate(-45deg); }
.case-zoom-x:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }

/* ─── המלצה: תמונת אווירה, והציטוט עליה ─── */
.case-photo { overflow: hidden; }
.case-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.case-photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(30, 20, 60, .82), rgba(30, 20, 60, .05) 70%); }
.case-q { color: #fff; text-align: right; }

/* ─── ניווט בין פרויקטים: תמונה בגודל משבצת גריד (275), ומתחתיה חץ האתר, "הקודם"/"הבא" והשם ─── */
.case-nav { color: var(--ink); text-decoration: none; text-align: right; }
.case-nav-next { text-align: left; }
.case-th { display: block; position: relative; width: 100%; aspect-ratio: 1; background: #fff; border-radius: calc(20 * var(--u)); box-shadow: calc(4 * var(--u)) calc(4 * var(--u)) calc(24 * var(--u)) rgba(0, 0, 0, .06); overflow: hidden; }
.case-th img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; scale: .9; }

.case-nav > span { display: flex; align-items: center; gap: calc(14 * var(--u)); margin-top: calc(25 * var(--u)); }
.case-nav-next > span { flex-direction: row-reverse; }
.case-ar { width: calc(16 * var(--u)); height: calc(16 * var(--u)); flex: none; }
.case-nav-prev .case-ar { transform: rotate(135deg); }   /* → ימינה: הקודם */
.case-nav-next .case-ar { transform: rotate(-45deg); }   /* ← שמאלה: הבא (קדימה בעברית) */
.case-nav strong { display: block; margin-top: calc(10 * var(--u)); white-space: nowrap; }

/* שינויים מכלי העריכה (build-case.js, EDITS) — מחשב בלבד */
@media (min-width: 1025px), (min-width: 768px) and (orientation: landscape) {
  #case .case-wrap { white-space: normal; text-wrap: pretty; }
  #case .case-wrap > span { display: inline; } #case .case-wrap > span::after { content: ' '; }
  #case [style*="--ta:"] { text-align: var(--ta); }
}

/* ═══ טלפון — לפי המערכת של האתר (style.css): קו חיצוני 25 (--om), קו תוכן 50 (--tx), רווחים בכפולות של 25.
   הגדלים כמו בשאר העמודים: כותרת השער 72 · כותרת חלק 42 · משפט גדול 24 · טקסט רץ 17.5.
   הכול זורם בטור אחד על קו התוכן הימני; הכרטיסים והתמונות מהקו החיצוני עד הקו החיצוני. ═══ */
@media (max-width: 1024px) and (orientation: portrait), (max-width: 767px) {
  /* השער — כמו שער עמודי השירות בטלפון */
  .page.case .hero { height: auto; }   /* בלי מסך ריק מתחת למוקאפ (עדי, 1.10) */
  .case-head { position: relative; inset: auto; grid-column: 1 / -1; grid-row: 2; padding: calc(52 * var(--pu)) var(--tx) 0; display: grid;
    grid-template-columns: minmax(0, 1fr); align-content: start; }
  .case-head > * { position: static; grid-column: 1; }
  .case-head h1 { font-size: calc(min(72 * var(--pu), (100cqw - 2 * var(--tx)) / 3.95) * var(--a11y-fs, 1)) !important; line-height: 1.02 !important; white-space: normal; text-align: right; }
  .case-tags { font-size: calc(17.5 * var(--pu) * var(--a11y-fs, 1)); line-height: 1.5; margin-top: calc(18 * var(--pu)); white-space: normal; }
  .case-tags i { margin-inline: .45em; }
  .case-mock { width: auto; margin: calc(30 * var(--pu)) calc(var(--om) - var(--tx)) 0; }   /* מהקו החיצוני עד הקו החיצוני */

  #case { --u: var(--pu); position: relative; top: auto; height: auto; padding: calc(50 * var(--pu)) 0 calc(25 * var(--pu)); display: flex; flex-direction: column; }
  #case .abs { position: static; left: auto; right: auto; top: auto; width: auto; height: auto; }
  .case-mk, .case-route, .case-vr { display: none; }
  /* התוצאה בטלפון כמו במחשב: קו מעל וקו מתחת, והיא ממורכזת ביניהם */
  #case .case-hr { display: block; position: static; width: auto; margin: calc(25 * var(--pu)) var(--tx) 0; }
  #case .case-hr + h2:is(.t-b90, .t-b50) { margin-top: calc(25 * var(--pu)); }
  #case .case-hr-a + h2:is(.t-b90, .t-b50), #case .case-hr-a + h2 + .case-t { text-align: center; }

  /* על הפרויקט */
  #case .case-did { margin: 0 var(--tx); font-size: calc(17.5 * var(--pu) * var(--a11y-fs, 1)); line-height: 1.5; white-space: normal; }
  .case-did b { display: block; }
  .case-did i { margin-inline: .45em; }
  #case .case-st { margin: calc(14 * var(--pu)) var(--tx) 0; font-size: calc(24 * var(--pu) * var(--a11y-fs, 1)); line-height: 1.25; white-space: normal; text-wrap: pretty; }
  #case .case-did + .case-st { margin-top: calc(25 * var(--pu)); }
  .case-st span, .case-t span { display: inline; }
  .case-st span::after, .case-t span::after { content: ' '; }
  .case-st .case-gap { display: block; height: .6em; }
  .case-st .case-gap::after { content: none; }

  /* כותרות החלקים וטקסט רץ */
  #case h2.t-b90 { margin: calc(75 * var(--pu)) var(--tx) 0; font-size: calc(42 * var(--pu) * var(--a11y-fs, 1)); line-height: 1.1; text-align: right; }
  #case :is(.case-t, .case-vr) + h2:is(.t-b90, .t-b50) { margin-top: calc(50 * var(--pu)); }
  /* שתי גרסאות הגדלים (עדי, 1.10): a — כותרת משנית וטקסט רץ · b — כותרת גדולה וטקסט בגודל כותרת משנית */
  #case h2.t-b50.case-h { margin: calc(75 * var(--pu)) var(--tx) 0; font-size: calc(24 * var(--pu) * var(--a11y-fs, 1)); line-height: 1.15; text-align: right; }
  #case :is(.case-t, .case-vr) + h2.t-b50.case-h { margin-top: calc(50 * var(--pu)); }
  #case .case-t.t-l50 { font-size: calc(24 * var(--pu) * var(--a11y-fs, 1)); line-height: 1.25; margin-top: calc(14 * var(--pu)); }   /* הפתרון אחרי האתגר, והליווי אחרי התוצאה — אותו פרק */
  #case .case-t { margin: calc(12 * var(--pu)) var(--tx) 0; font-size: calc(17.5 * var(--pu) * var(--a11y-fs, 1)); line-height: 1.3; white-space: normal; text-wrap: pretty; }

  /* קודי הצבע: שלושה פולרוידים בשורה, מהקו החיצוני עד הקו החיצוני */
  .case-chips { display: flex; gap: calc(11 * var(--pu)); margin: calc(25 * var(--pu)) var(--om) 0; }
  #case .case-chip { flex: 1; min-width: 0; }
  .case-chip i { position: static; margin: calc(7 * var(--pu)) calc(7 * var(--pu)) 0; }
  .case-chip b { position: static; display: block; margin: calc(7 * var(--pu)) calc(7 * var(--pu)) calc(9 * var(--pu)); font-size: calc(12 * var(--pu) * var(--a11y-fs, 1)) !important; text-align: left; }

  /* בנטו: כרטיס אחד בשורה, הפוסטים ראשונים */
  .case-bento { display: flex; flex-direction: column; gap: calc(15 * var(--pu)); margin: calc(75 * var(--pu)) var(--om) 0; }
  #case .case-tile { position: relative; aspect-ratio: var(--ar); order: var(--o); }

  /* המלצה */
  .case-quote { display: block; position: relative; margin: calc(75 * var(--pu)) var(--om) 0; }
  #case .case-photo { position: relative; aspect-ratio: 340 / 300; }
  #case .case-photo img { object-position: right center; }
  #case .case-q { position: absolute; right: calc(22 * var(--pu)); left: calc(22 * var(--pu)); }
  #case .case-q.t-l25 { bottom: calc(60 * var(--pu)); font-size: calc(17.5 * var(--pu) * var(--a11y-fs, 1)); line-height: 1.3; }
  #case .case-q.t-b25 { bottom: calc(28 * var(--pu)); font-size: calc(15 * var(--pu) * var(--a11y-fs, 1)); }

  /* ניווט: זה לצד זה כמו במחשב — הקודם מימין, הבא משמאל; תמונה למעלה ומתחתיה החץ, התווית והשם (עדי, 4.10) */
  .case-navs { display: flex; gap: calc(25 * var(--pu)); margin: calc(75 * var(--pu)) var(--tx) 0; }   /* על קו התוכן, כמו הטקסט (עדי, 4.10) */
  #case .case-nav { display: block; flex: 1; min-width: 0; }
  .case-nav > span { margin-top: calc(14 * var(--pu)); font-size: calc(17.5 * var(--pu) * var(--a11y-fs, 1)) !important; gap: calc(10 * var(--pu)); }
  .case-ar { width: calc(12 * var(--pu)); height: calc(12 * var(--pu)); }
  .case-nav strong { font-size: calc(24 * var(--pu) * var(--a11y-fs, 1)) !important; margin-top: calc(6 * var(--pu)); }

  /* הגדלה בטלפון: התמונה בגובה נוח, רחבה מהמסך — גוללים בה לצדדים */
  .case-zoom-in img { max-width: none; max-height: none; height: min(62dvh, 105vw); margin: auto calc(20 * var(--mpu)); }
}


/* ═══ עמוד הפרויקט המשודרג (8.10.2026, עדי): הירו כולל בתנועה מקצה לקצה · שם ומשפט מתחתיו ·
   זיגזג: תוצר על שתי עמודות, טקסט בעמודה אחת, 100 ביניהם, הטקסט ממורכז לגובה התוצר, הצדדים מתחלפים ·
   פס הצבעים אחרי האתגר · התוצאה ממורכזת בין שני קווים · אריחי הבנטו שקופים, בלי כרטיס ·
   הציטוט כסטריפ מקצה לקצה על תמונת האווירה של הלקוח, במרכאות ובסדר של סיפורי ההצלחה ·
   גדלים: שם 120 · כותרת 50 בולד · משפט גדול 50 דק · טקסט 25. רדיוס אחד: --rad. ═══ */
.case-full { position: absolute; inset: 0; z-index: 0; overflow: hidden; }
.case-full img { display: block; width: 100%; height: 100%; object-fit: cover; }
.case-full::before { content: ''; position: absolute; z-index: 1; inset: 0 0 auto 0; height: 24%; background: linear-gradient(to bottom, var(--bg) 20%, transparent); }
.case-full::after { content: ''; position: absolute; inset: auto 0 0 0; height: 16%; background: linear-gradient(to top, var(--bg), transparent); }
.page.case .hero > :is(.hero-logo, .hero-menu) { position: relative; z-index: 2; }
#case h1.t-b120 { white-space: nowrap; }
.case-vis .duck-mockup { width: 100%; height: 100%; }
@media (max-width: 1024px) and (orientation: portrait), (max-width: 767px) {
  .page.case .hero { height: calc(390 * var(--pu)); }
  #case { padding-top: calc(25 * var(--pu)); }
  #case h1.t-b120 { margin: 0 var(--tx); font-size: calc(40 * var(--pu) * var(--a11y-fs, 1)); line-height: 1.05; text-align: right; }
  #case h1.t-b120 + .case-st { margin-top: calc(25 * var(--pu)); }
  #case .case-vis { margin: calc(75 * var(--pu)) var(--om) 0; aspect-ratio: 340 / 221; }
  #case .case-vis + h2.t-b90 { margin-top: calc(25 * var(--pu)); font-size: calc(40 * var(--pu) * var(--a11y-fs, 1)); }
  #case .case-vis + h2.t-b50 { margin-top: calc(25 * var(--pu)); font-size: calc(32 * var(--pu) * var(--a11y-fs, 1)); }
  #case .case-t { font-size: calc(20 * var(--pu) * var(--a11y-fs, 1)); margin-top: calc(25 * var(--pu)); }
  #case .case-t.t-l50 { font-size: calc(24 * var(--pu) * var(--a11y-fs, 1)); margin-top: calc(25 * var(--pu)); }
}

/* רדיוס אחד לכל מה שהוא שלנו. מוגדר על העמוד (שם קיימות היחידות), לא על השורש: בסבב הקודם הוא לא נתפס ויצא 0 */
.page { --rad: calc(28 * var(--us)); }
.case-full iframe { position: absolute; z-index: 1; left: 0; top: 50%; width: 100%; aspect-ratio: 16 / 9; height: auto; translate: 0 -50%; border: 0; pointer-events: none; background: transparent; }
.case-full::before { display: none; } .case-full::after { z-index: 2; }
/* רקע זכוכית מאחורי הלוגו וההמבורגר (עדי, 8.10) - בוטל ב-10.10: הסרגל העליון החדש (הקפסולה) מחליף אותו, ומופיע בעמודי הפרויקט כבר מראש העמוד (js/menu.js). הכלל נשאר כאן כבוי */
.page.case .hero > .hero-logo { visibility: hidden; }   /* הלוגו יושב בקפסולה */
.page.case .hero::before { display: none; content: ''; position: absolute; z-index: 1; inset: 0 0 auto 0; height: calc(150 * var(--u)); background: rgba(252, 252, 252, .55);
  -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(255, 255, 255, .6); }
.case-txt { display: flex; flex-direction: column; justify-content: center; text-align: right; }
.case-txt h2 { margin: 0 0 calc(25 * var(--u)); }
.case-txt .case-t { white-space: normal; text-wrap: pretty; }
.case-vis-r .dm-fit { justify-content: flex-start; }
.case-vis-r .dm-combo { translate: calc(var(--w) * .047) 0; }
/* התוצרים של הלקוח: האריח השקוף כמו שהוא. בלי כרטיס, בלי רדיוס, בלי צל של מלבן */
.case-art.case-tile img { position: static; display: block; width: 100%; height: 100%; object-fit: contain; max-width: 100%; }
.case-strip { direction: ltr; /* 9.10 (עדי): הצבע המשמעותי ביותר משמאל */ display: grid; grid-template-columns: 2fr 1fr 1fr; border-radius: var(--rad); overflow: hidden; box-shadow: calc(4 * var(--u)) calc(4 * var(--u)) calc(24 * var(--u)) rgba(0, 0, 0, .06); }
.case-strip > div { display: flex; align-items: flex-end; padding: calc(25 * var(--u)); direction: ltr; }
.case-res { height: auto !important; border-block: 2px solid var(--ink); padding: calc(75 * var(--u)) calc(120 * var(--u)); text-align: center; }
.case-res h2 { margin: 0 0 calc(25 * var(--u)); }
.case-res p { margin: 0; white-space: normal; text-wrap: balance; line-height: 1.2; }
/* הציטוט: במרכז האזור הרגוע של התמונה (מימין לסיסמה, בין שתי שורות האייקונים), במרכאות ובסדר של סיפורי ההצלחה, בצבע הלקוח */
.case-qb { overflow: hidden; color: #fff; }   /* מקצה לקצה, ולכן בלי רדיוס */
.case-qb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }   /* 9.10: רקע ייעודי לכל לקוח, למחשב ולטלפון (עדי) */
.case-qb .st-quote { position: absolute; inset: 0 calc(250 / 1325 * 100%) 0 auto; margin: 0; display: flex; flex-direction: column; justify-content: center; text-align: right; }   /* הקצה הימני על קו הגריד, ממורכז לגובה */
.case-qb .st-quote blockquote { white-space: nowrap; margin: 0; line-height: 1.25; }
.case-qb br.m-br { display: none; }
.case-qb-top .st-quote { justify-content: flex-start; padding-top: calc(50 * var(--u)); }   /* 9.10: כשהאיור יושב במרכז התחתון של הרקע (שפת המספרים), הציטוט עולה לחלק הריק שמעליו */
.case-qb .st-qm { color: #fff; height: .42em; vertical-align: .38em; }   /* נמוכות יותר (עדי: 'נראות גבוהות מדי') */
.case-th { border-radius: var(--rad); }
.case-nav .arw { margin: 0; }
@media (max-width: 1024px) and (orientation: portrait), (max-width: 767px) {
  .page { --rad: calc(24 * var(--pu)); }   /* כמו הרדיוס הנראה של כרטיסי ההתמחויות בטלפון */
  .case-full iframe { width: calc(390 * var(--pu) * 16 / 9); left: 50%; translate: -50% -50%; }
  .page.case .hero::before { height: calc(78 * var(--pu)); } /* 8.10 (עדי): תפס יותר מדי מהמסך */
  #case .case-txt { display: block; }
  #case .case-txt h2.t-b50.case-h { margin: calc(25 * var(--pu)) var(--tx) 0; font-size: calc(32 * var(--pu) * var(--a11y-fs, 1)); line-height: 1.05; }
  .case-vis-r .dm-fit { justify-content: center; } .case-vis-r .dm-combo { translate: 0 0; }
  #case .case-art { margin: calc(75 * var(--pu)) var(--om) 0; aspect-ratio: var(--ar); }
  .case-gal { display: flex; flex-direction: column; } .case-gal .case-art + .case-art { margin-top: calc(25 * var(--pu)) !important; }
  #case .case-strip { margin: calc(75 * var(--pu)) var(--tx) 0; height: calc(100 * var(--pu)); }   /* בין קווי התוכן */
  .case-strip > div { padding: calc(10 * var(--pu)); } .case-strip b { font-size: calc(12 * var(--pu) * var(--a11y-fs, 1)) !important; }
  #case .case-res { margin: calc(75 * var(--pu)) var(--tx) 0; padding: calc(50 * var(--pu)) 0; }
  #case .case-res h2 { font-size: calc(32 * var(--pu) * var(--a11y-fs, 1)); margin-bottom: calc(25 * var(--pu)); }
  #case .case-res p { font-size: calc(24 * var(--pu) * var(--a11y-fs, 1)); line-height: 1.25; }
  /* בטלפון (9.10): הרקע הייעודי שעדי שלח (1020 על 1520). האיור בתחתית, והציטוט בחלק הריק שמעליו */
  #case .case-qb { position: relative; margin: calc(75 * var(--pu)) var(--om) 0; aspect-ratio: 1020 / 1520; height: auto !important; border-radius: var(--rad); }
  .case-qb .st-quote { inset: calc(40 * var(--pu)) calc(25 * var(--pu)) auto; z-index: 1; justify-content: flex-start; padding-top: 0; }
  .case-qb .st-qm-close { white-space: nowrap; }
  .case-qb .st-quote blockquote { white-space: normal; font-size: calc(24 * var(--pu) * var(--a11y-fs, 1)); line-height: 1.3; }
  .case-qb .st-quote blockquote br { display: none; }
  .case-qb .st-quote blockquote br.m-br { display: inline; }   /* 9.10 (עדי): שבירות שורה ידניות גם בטלפון, לפי משמעות */
  .case-qb .st-quote figcaption { font-size: calc(20 * var(--pu) * var(--a11y-fs, 1)); }
}

/* ═══ שאר עמודי הפרויקט (8.10.2026): תוספות כלליות בלבד ═══ */
/* הציטוט בטלפון: צבע המילוי בא מהעמוד (--qb, הממוצע של תמונת האווירה של אותו לקוח) ולא מהסגול של הליברלים */
/* 9.10: הציטוט בטלפון יושב על הרקע הייעודי של הלקוח, ולכן צבע המילוי (--qb) כבר לא בשימוש */
/* 9.10 (בדיקת 40 מסכים): בטלפון צר מאוד (320) שם ארוך ("שפת המספרים") עלה על השם שממול — שם יורד שורה. בשאר הטלפונים בלי שינוי */
@media (max-width: 340px) { .case-nav strong { white-space: normal; } }

/* טלפון צר מאוד, עד 340 (ריצת 440 המסכים, 10.10): שני דברים שנחתכו ב-320 */
@media (max-width: 340px) {
  /* ציטוט ארוך (XI, שמונה שורות) יצא מהקופסה: טקסט מעט קטן יותר ומתחיל גבוה יותר */
  .case-qb .st-quote { inset: calc(28 * var(--pu)) calc(22 * var(--pu)) auto; }
  .case-qb .st-quote blockquote { font-size: calc(21 * var(--pu) * var(--a11y-fs, 1)); }
  .case-qb .st-quote figcaption { margin-top: calc(16 * var(--pu)); font-size: calc(18 * var(--pu) * var(--a11y-fs, 1)); }
  /* פס של ארבעה צבעים (שפת המספרים): הצבע הראשי בשורה משלו, ושלושת האחרים מתחתיו */
  #case .case-strip:has(> div:nth-child(4)) { grid-template-columns: repeat(3, 1fr) !important; height: calc(150 * var(--pu)); }
  .case-strip:has(> div:nth-child(4)) > div:first-child { grid-column: 1 / -1; }
}