/* ============================================================
Hameretz2 — CORE tokens
Shared across all imprints (House, Festival, Limbo, etc).
These do not change per imprint:
- Cascadia Mono is the universal body / UI / meta font
- Shimshon is always the brand voice ("Hameretz2 speaking")
- 4px spacing baseline + radii
- RTL is the document default
- Bilingual stack uses unicode-range so latin auto-falls to
Shimshon-Dual / Stanger-Pixel (which include latin glyphs)
============================================================ */
/* ---------- Brand fonts ---------- */
/* SHIMSHON — the brand voice. Pixel-square, bilingual.
Bold = Shimshon-Bold-Plus: a single dual-script cut that handles
hebrew, latin, and numerals correctly. (Older Dual-Bold / Bold
files are kept as fallback in src for resilience.) */
/* STANGER — the event voice. Bilingual bold is the primary form.
Latin bold comes from StangerSquare-Bold (the corrected, non-handwritten
bold). Hebrew falls back to Stanger.ttf for now — a dedicated bold-hebrew
file can be dropped in later and added to the chain. */
/* STANGER CURSIVE — the personal voice. Normal weight only.
Bold cursive is discouraged — keep cursive light and handwritten. */
/* CASCADIA MONO — universal body / UI / meta. Variable weight 200-700. */
:root {
/* ---------- Type families (constant across imprints) ---------- */
--m2-font-voice: 'shimshon', sans-serif; /* brand voice — m2 speaks */
--m2-font-event: 'stanger', serif; /* event voice — what's happening */
--m2-font-cursive: 'stanger cursive', 'Segoe Script', cursive; /* personal voice — signature */
--m2-font-body: 'Cascadia Mono', 'Consolas', ui-monospace, monospace;
--m2-font-email: Arial, Helvetica, sans-serif; /* newsletter only */
/* ---------- Type scale (poster ↔ ui) ---------- */
--m2-size-poster: 144px;
--m2-size-hero-xl: 88px;
--m2-size-hero: 56px;
--m2-size-hero-sm: 32px;
--m2-size-event: 28px;
--m2-size-h2: 24px;
--m2-size-h3: 20px;
--m2-size-sub: 14px;
--m2-size-body: 14px;
--m2-size-meta: 12px;
--m2-size-btn: 13px;
--m2-size-cursive: 18px;
/* ---------- Weights ---------- */
--m2-w-body: 400; /* @kind font */
--m2-w-ui: 600; /* @kind font */
--m2-w-meta: 700; /* @kind font */
/* ---------- 4px baseline ---------- */
--m2-s-1: 4px;
--m2-s-2: 8px;
--m2-s-3: 12px;
--m2-s-4: 16px;
--m2-s-5: 24px;
--m2-s-6: 32px;
--m2-s-7: 48px;
--m2-s-8: 64px;
/* ---------- Radii ---------- */
/* הספר היה צר בשלב אחד (מפרט §4): חמישה רכיבים נפרדים הושיטו יד ל-11/12
על בדיוק אותו סוג אובייקט — פאנל גדול. חמישה לא טועים אותה טעות במקרה.
מיפוי: 3→md · 5·6·7→lg · 9·10·11·12→xl · 20·30→pill. 14 ערכים → 5. */
--m2-radius-sm: 2px; /* תג, badge */
--m2-radius-md: 4px; /* כפתור, שדה */
--m2-radius-lg: 8px; /* פקד מורכב, שדה-תשלום */
--m2-radius-xl: 12px; /* פאנל ← טוקן חדש, אחד בלבד */
--m2-radius-pill: 999px;/* גלולה */
/* ---------- Imprint slot — every imprint overrides this ---------- */
--m2-stamp-color: #ff006d; /* default: house */
}
/* ---------- Base document defaults ---------- */
html, body {
font-family: var(--m2-font-body);
font-weight: var(--m2-w-body);
font-size: var(--m2-size-body);
line-height: 1.55;
-webkit-font-smoothing: antialiased;
direction: rtl;
/* turn off Cascadia's programmer ligatures so >>> ::: stay as glyphs */
font-feature-settings: "liga" 0, "calt" 0;
}
/* ============================================================
Hameretz2 — HOUSE imprint
The everyday brand: pink-on-black, monospace, DIY flyer.
Pair with core/tokens.css.
Activate by adding [data-imprint="house"] to or ,
or by including this file alone (it sets defaults too).
============================================================ */
[data-imprint="house"], :root {
/* ---------- House palette (8 colors) ---------- */
--hm2-bg: #0b0d1b; /* חושך — primary background */
--hm2-fire: #ff006d; /* אש — primary action, headlines, links */
--hm2-depth: #db008c; /* עומק — accent, hover, footer */
--hm2-soft: #ac9dd1; /* רכות — meta, dividers */
--hm2-text: #c1c4c7; /* טקסט — body */
--hm2-highlight: #7ed9e6; /* הדגשה — rare alert, ~2x per page max */
--hm2-dark: #0d197a; /* עומק כהה — gradient base, NOT text */
--hm2-struct: #3d3d3d; /* מבנה — ⚠ הודח מתפקידי מבנה (מפרט §2).
נשאר בפלטה כצבע-מותג מוצהר, אבל רק לטקסט-פוטר
ול-hr.hm2.strong על רקע שטוח. גבולות→--hm2-line-ctl ·
מפרידים→--hm2-line · מילוי-מושבת→--hm2-surface-ctl.
הוא יתום-גוון (0°, רוויה 0) בתוך מערכת נעולה על 233°. */
--hm2-white: #ffffff;
/* ============================================================
סקאלת המשטחים — נעולה על גוון 233° (מפרט §2)
מילאה חור אמיתי בספר: בין --hm2-struct (בהירות 23.9%) ל---hm2-soft (71.8%)
היו 48 נקודות ריקות, וטופס צריך שם 3-4 עצירות. 20 גוונים אד-הוק → 10 טוקנים.
כל הניגודיות נמדדת מול --hm2-surface-1 (#0e1020). נמדד, לא מוערך.
============================================================ */
--hm2-scrim: rgba(6, 7, 15, 0.9); /* כיסוי — רקע שכבת-על */
--hm2-surface-1: #0e1020; /* משטח — פאנל · שדה · כרטיס סיכום */
--hm2-surface-ctl: #151830; /* משטח-פקד — פקד בתוך פאנל · מילוי מושבת · 1.08 */
--hm2-line: #2b2e44; /* קו — מפריד לא-אינטראקטיבי בלבד · 1.42 */
/* ⚠ ההכרעה של §0 — נקודת-החזרה היחידה.
המפרט הציג לאסף שתי אפשרויות לגבול-פקד, והוא לא היה זמין להכריע:
· גבול כמעט-בלתי-נראה — #2b2e44, ניגודיות 1.42, נכשל בתקן (פי-2 מתחת ל-3.0)
· גבול נראה — #5e6280, ניגודיות 3.17, עובר ✓ ← נבחר
נבחר הערך הנגיש: תקן ישראלי 5568 מאמץ WCAG רמה AA והוא חל על עמוד
תשלום של עמותה. זו דרישה חוקית, לא שאלת-טעם — וזו גם המלצת המפרט עצמו.
⚠ הטופס ייראה קופסתי יותר מהמוקאפ. זה מכוון.
כדי לחזור: שנה את הערך בשורה אחת מתחת כאן בלבד — שום סלקטור לא מקודד קשיח.
הפשרה שהמפרט מציע אם אסף דוחה היא הערך 565a76 (2.80 — עדיין נכשל בתקן),
יחד עם מילוי משטח-פקד שמגדיר את השדה בבהירות במקום בגבול.
⚠ ערך-הפשרה נכתב כאן בלי הסולמית בכוונה: כתיבתו כהצהרה שלמה בתוך הערה
מטעה כלי-בדיקה שסורקים את הקובץ (זה קרה בפועל באימות של הרפקטור הזה).
⚠ אם עוברים לערך-הפשרה — יש לעדכן במקביל את design-book/registered-hexes.txt,
אחרת scripts/check-hexes.sh ייפול. זה מכוון: ערך שנכשל בתקן צריך חיכוך. */
--hm2-line-ctl: #5e6280; /* קו-פקד — גבול של כל דבר לחיץ/קליט · 3.17 ✓ */
--hm2-line-ctl-hi: #8a8ea6; /* קו-פקד-חי — ריחוף ופוקוס · 5.84 */
/* ---------- סולם הדיו על משטחים ---------- */
/* ⚠ פיצול מכוון — אל "תתקן" לאחור (מפרט §2):
הסקאלה הזו חלה על טקסט בתוך משטח (פאנל/שדה/כרטיס) בלבד.
פרוזה בעמוד נשארת על --hm2-text (#c1c4c7) — הוא יתום-גוון, אבל גם 11:1
וגם חתימת האתר. שני הדברים נכונים בו-זמנית. זה לא אי-עקביות. */
--hm2-ink-1: #e6e7ee; /* דיו — ערך שהוקלד · שם מדרג · שורת סכום · 15.29 ✓ */
--hm2-ink-2: #a9adc4; /* דיו-משני — שורות משניות · גוף בפאנל · 8.50 ✓ */
--hm2-ink-3: #8a8ea6; /* דיו-מושתק — תוויות · רמזים · טקסט-ממלא · 5.84 ✓
← זהו תיקון הנגישות: החליף את #6b6f86 (3.81 ❌)
ואת #565a76 (2.80 ❌), ששניהם נכשלו ב-AA. */
/* ============================================================
צבעי מצב — ליבה, נעולים. חותמות לא דורסות (מפרט §3).
"הכרטיס שלך נדחה" חייב להיראות זהה בכל חותמת.
אין טוקן הצלחה — הכרעה מכוונת: ירוק לא שייך לאתר ורוד-על-שחור,
וציאן/אש הם כבר צבעי-פעולה. הצלחה = --hm2-ink-1 + גליף בצבע הפעולה.
============================================================ */
--hm2-danger: #ff6b6b; /* סכנה — אזל · שגיאת שדה · דחיית סליקה · 6.96 ✓
⚠ חוק מחייב: 26° בלבד מ---hm2-fire.
טקסט או תג, תמיד עם גליף, לעולם לא מילוי
כפתור — כפתור בסכנה ייקרא כהזמנה לפעולה. */
--hm2-danger-bg: rgba(180, 50, 50, 0.18); /* סכנה-רקע */
--hm2-warn: #ffb020; /* אזהרה — כרטיסים אחרונים · מלאי נגמר · 10.56 ✓ */
--hm2-warn-bg: rgba(255, 176, 32, 0.16); /* אזהרה-רקע */
/* ---------- House surfaces ---------- */
--hm2-surface-card: linear-gradient(180deg, #0d197a 0%, #0b0d1b 100%);
--hm2-divider-soft: rgba(172, 157, 209, 0.15);
--hm2-divider-strong: var(--hm2-struct);
--hm2-tag-bg: rgba(219, 0, 140, 0.12);
--hm2-alert-bg: rgba(126, 217, 230, 0.10);
/* ---------- House shadows / glows ---------- */
--hm2-shadow-card: 0 2px 24px rgba(0, 0, 0, 0.5);
--hm2-glow-fire: 0 0 0 1px rgba(255, 0, 109, 0.4), 0 0 24px rgba(255, 0, 109, 0.25);
--hm2-glow-cyan: 0 0 0 1px rgba(126, 217, 230, 0.35), 0 0 18px rgba(126, 217, 230, 0.2);
/* Stamp color (overrides core slot) */
--m2-stamp-color: var(--hm2-fire);
/* ---------- Legacy aliases (do not use in new code) ----------
Old preview/UI files still reference --hm2-font-{hero,display,body,cursive}.
Map them to the new --m2-font-* names so old pages keep rendering. */
--hm2-font-hero: var(--m2-font-voice);
--hm2-font-display: var(--m2-font-event);
--hm2-font-cursive: var(--m2-font-cursive);
--hm2-font-body: var(--m2-font-body);
}
/* ---------- House page defaults ---------- */
html, body {
background: var(--hm2-bg);
color: var(--hm2-text);
}
/* ============================================================
House semantic elements
============================================================ */
/* Voice — Shimshon Bold Dual (brand speaks) */
.hm2-voice, h1.hm2 {
font-family: var(--m2-font-voice);
font-weight: bold;
font-size: var(--m2-size-hero);
color: var(--hm2-fire);
line-height: 0.95;
letter-spacing: 0.01em;
margin: 0;
}
.hm2-voice--xl { font-size: var(--m2-size-hero-xl); }
.hm2-voice--poster{ font-size: var(--m2-size-poster); line-height: 0.85; }
.hm2-voice--sm { font-size: var(--m2-size-hero-sm); }
/* Event title — Stanger Bold Dual (event speaks) */
h2.hm2, .hm2-event {
font-family: var(--m2-font-event);
font-weight: bold;
font-size: var(--m2-size-event);
color: var(--hm2-white);
line-height: 1.15;
margin: 0;
}
h3.hm2 {
font-family: var(--m2-font-event);
font-weight: bold;
font-size: var(--m2-size-h3);
color: var(--hm2-white);
line-height: 1.2;
margin: 0;
}
/* Sub / meta */
.hm2-sub, .hm2-subtitle {
font-family: var(--m2-font-body);
font-weight: var(--m2-w-ui);
font-size: var(--m2-size-sub);
color: var(--hm2-soft);
letter-spacing: 0.02em;
}
p.hm2, .hm2-body {
font-family: var(--m2-font-body);
font-weight: var(--m2-w-body);
font-size: var(--m2-size-body);
color: var(--hm2-text);
line-height: 1.6;
margin: 0 0 1em;
}
.hm2-meta, .hm2-date {
font-family: var(--m2-font-body);
font-weight: var(--m2-w-meta);
font-size: var(--m2-size-meta);
color: var(--hm2-fire);
letter-spacing: 0.02em;
text-transform: uppercase;
}
/* Cursive — personal voice (signature, easter eggs).
Normal weight only — bold cursive is not used. */
.hm2-signature {
font-family: var(--m2-font-cursive);
font-weight: normal;
font-size: var(--m2-size-cursive);
color: var(--hm2-soft);
}
/* Tags / badges */
.hm2-tag {
display: inline-block;
font-family: var(--m2-font-event);
font-weight: bold;
font-size:var(--t-label);
color: var(--hm2-depth);
background: var(--hm2-tag-bg);
padding: 3px 8px;
border-radius: var(--m2-radius-sm);
letter-spacing: 0.04em;
}
.hm2-badge-alert {
display: inline-block;
font-family: var(--m2-font-body);
font-weight: var(--m2-w-ui);
font-size:var(--t-label);
color: var(--hm2-highlight);
background: var(--hm2-alert-bg);
padding: 3px 8px;
border-radius: var(--m2-radius-sm);
letter-spacing: 0.04em;
}
/* Links */
a.hm2, .hm2-link {
color: var(--hm2-fire);
text-decoration: none;
border-bottom: 1px solid transparent;
transition: color .15s ease, border-color .15s ease;
}
a.hm2:hover, .hm2-link:hover {
color: var(--hm2-depth);
border-bottom-color: var(--hm2-depth);
}
/* CTA */
.hm2-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
font-family: var(--m2-font-body);
font-weight: var(--m2-w-ui);
font-size: var(--m2-size-btn);
letter-spacing: 0.04em;
padding: 10px 18px;
color: var(--hm2-white);
background: var(--hm2-fire);
border: 0;
border-radius: var(--m2-radius-md);
cursor: pointer;
transition: background .15s ease, transform .05s ease;
}
.hm2-btn:hover { background: var(--hm2-depth); }
.hm2-btn:active { transform: translateY(1px); }
.hm2-btn:disabled {
background: var(--hm2-struct);
color: var(--hm2-soft);
cursor: not-allowed;
}
.hm2-btn-ghost {
background: transparent;
color: var(--hm2-text);
border: 1px solid var(--hm2-struct);
}
.hm2-btn-ghost:hover {
border-color: var(--hm2-fire);
color: var(--hm2-fire);
}
/* Card surface */
.hm2-card {
background: var(--hm2-surface-card);
border: 1px solid var(--hm2-divider-soft);
border-radius: var(--m2-radius-md);
padding: var(--m2-s-5);
box-shadow: var(--hm2-shadow-card);
}
hr.hm2 {
border: 0;
border-top: 1px solid var(--hm2-divider-soft);
margin: var(--m2-s-5) 0;
}
hr.hm2.strong { border-top: 1px solid var(--hm2-struct); }
/* Brand punctuation glyphs (>>>, :::, ←, →) */
.hm2-glyph-arrow { color: var(--hm2-fire); letter-spacing: -0.05em; }
.hm2-glyph-bullet { color: var(--hm2-soft); letter-spacing: 0.15em; }
/* ★ D-079 (הכרעת-אסף 28.7) — שם-אירוע לטיני נראה זר לספר-העיצוב.
המדידה: המחסנית **כן** מגיעה ל-stanger (לא נופלת ל-Georgia כפי שהונח), אבל
הלטינית שלו אינה פונט-תצוגה — ולכן "OUT" נראה שונה משאר הכותרות.
הפתרון: פונט-תצוגה לטיני, **מוקטן לתת-קבוצה** של אותיות/ספרות/פיסוק בלבד:
77KB → 8KB. נשמר מוטמע (ר' KEEP_EMBEDDED ב-deploy.py) כי אין לו מקבילה
באחסון-הפונטים של וורדפרס. */
/* ⚠ 13.8 · נבדק אחרי דגל של נינו ("שלוש הצהרות stanger, שתיים bold — המוקדמת מתה").
**הדגל הופרך במדידה.** שלוש ההצהרות בשורה הבאה הן פיצול-סקריפט מכוון, לא כפילות:
1. משקל normal · ללא unicode-range · הקובץ הוא **Stanger Regular**
2. משקל bold · ללא unicode-range · הקובץ הוא **Stanger Square**
3. משקל bold · unicode-range עברי · הקובץ הוא **Stanger Pixel**
התאמת-פונט ב-CSS בוחרת לפי טווח-תווים לפני סדר-הופעה, ולכן 3 גובר על 2 **רק על
עברית**. משמעות מדודה: bold עברי מרונדר Stanger Pixel, bold לטיני/ספרות מרונדר
Stanger Square. שתיהן חיות ואף אחת אינה משקל מת.
⛔ אל תמחק אף אחת מהשתיים כ"ניקוי כפילות" — כל מחיקה משנה רינדור בפועל:
בלי 2 הלטינית-המודגשת נופלת ל-Regular מוּדגש-סינתטית; בלי 3 העברית-המודגשת
מחליפה משפחה. (.mem-close p, למשל, מקבל היום Stanger Pixel.) */
:root{
/* ★ 7ב §3 — סולם-טיפוגרפיה מאושר (אסף 25.7): 13 גוף · 12 מטא · 11 תוויות-שוליים.
**מתחת ל-11 אסור.** המשתנים הם נקודת-השינוי היחידה — לא מספרים מפוזרים. */
--t-body:13px; --t-meta:12px; --t-label:11px;
--imp-accent:#ff006d; --imp-accent-soft:rgba(255,0,109,.14);
--imp-grad:linear-gradient(160deg,#2a0a40 0%,#0d197a 45%,#ff006d 120%);
--imp-glow:0 0 0 1px rgba(255,0,109,.4),0 0 24px rgba(255,0,109,.25);
/* ★ 31.8 · רגלי-הנפילה `Arial Black` ו-`Georgia` הוסרו. שתיהן אסורות
בספר-המותג, ו**מעולם לא רונדרו**: `shimshon` ו-`stanger` מוטמעים
כ-base64 בגיליון ואינם יכולים להיכשל בטעינה. ⇒ הסרה חסרת-השפעה
על הרינדור, שמוציאה שם אסור מהקוד. ⛔ לא הוחלף פונט — הכרעת-אסף
29.7 (`D-079b`): לא כופים פונט חדש בלי בחירה שלו. */
--f-voice:var(--m2-font-voice,'shimshon',sans-serif);
--f-event:var(--m2-font-event,'stanger',serif);
--f-cursive:var(--m2-font-cursive,'stanger cursive',cursive);
--f-body:var(--m2-font-body,'Cascadia Mono',monospace);
/* ⚠ לא כפילות של --f-body — תיעוד כוונה (מפרט §5).
כל ספרה שמשתמש קורא כדי להחליט, לאמת או להקליד: מחירים · סכומים · סה"כ ·
כמויות · שעות · ספירה-לאחור · שדות קלט מספריים. תמיד tabular-nums.
מי שיחליף מחר את גופן הגוף לא יגרור איתו את הכסף.
ההיררכיה של מספר נבנית מגודל · צבע · משקל · מרווח — לא מהחלפת משפחה.
החריג: ספרה שהיא חלק משם אינה מספר, היא אות (המרץ2 · פסטיבל 2).
הבדיקה: אם אי אפשר לחשב עליו, הוא לא מספר. */
--f-num:var(--m2-font-body,'Cascadia Mono',monospace);
/* ★ D-079ב (הכרעת-בקרת-המשימה 29.7) — **חזרה ללטינית הדו-לשונית של stanger.**
ההיסטוריה חשובה כדי שזה לא יחזור: מדדתי ומצאתי שהלטינית **כן** מגיעה ל-stanger —
כלומר לא היה כאן באג-נפילה כלל. החלטתי *אסתטית* שלטינית של פונט-עברי אינה
פונט-תצוגה, והטמעתי גופן חדש. זו הייתה יוזמה לא-מבוקשת, ואסף לא זיהה את
האותיות שקיבל. **הפונטים של הספר דו-לשוניים בכוונה.** ברירת-המחדל היא הספר.
hm2-latin נשאר מוגדר (@font-face למעלה) **כאופציה-להשוואה בלבד**: כדי לרנדר
השוואה, החלף את הערך כאן ל-'hm2-latin' ופרוס לסביבת-בדיקה. לא לכפות בלי בחירת-אסף. */
--f-latin:var(--m2-font-event,'stanger',serif);
/* פונט קריא לעברית של כפתורי "כרטיסים" בלבד — Cascadia Mono מטשטש כ/ב בגדלים קטנים (תיקון נגישות/המרה) */
--f-cta-he:'shimshon','Arial Hebrew',sans-serif;
--pad:40px; --header-h:62px; --worlds-h:52px; /* 2f-ב · שורת-העולמות היא שכבה-קבועה שלישית, בכל רוחב */
/* אזורים בטוחים של המכשיר (Dynamic Island / נאצ׳ / בר-בית). 0 במכשיר ללא נאצ׳ */
--safe-top:env(safe-area-inset-top,0px);
--safe-bottom:env(safe-area-inset-bottom,0px);
--safe-left:env(safe-area-inset-left,0px);
--safe-right:env(safe-area-inset-right,0px);
--tkh:46px; /* גובה הטיקר העליון (מתחת להאדר) לשמירת מקום */
--adminbar-h:0px; /* גובה סרגל-הניהול של וורדפרס (#wpadminbar) — 0 לאורח. מוגדר מחדש ע"י body.admin-bar למטה, כדי שההאדר הקבוע לא ייבלע מתחתיו (z-index 99999) כשצופים מחוברים */
}
@media(max-width:760px){:root{--pad:20px}}
@media(max-width:900px){:root{--tkh:30px;--header-h:52px;--worlds-h:56px}} /* טיקר מובייל דק יותר + כיווץ שכבת-העל העליונה במובייל (הדר) + גובה שורת-העולמות המוצמדת (D-012) */
/* וורדפרס מוסיף body.admin-bar כשצופה מחובר; הסרגל שלו קבוע ומעל הכל (z-index 99999) ולא מתחשב בהאדר הקבוע שלנו — בלי זה ההאדר "נבלע" מתחתיו ונראה כאילו יש פער/כאוס בראש המסך */
body.admin-bar{--adminbar-h:32px}
@media(max-width:782px){body.admin-bar{--adminbar-h:46px}} /* נקודת-השבירה הרשמית של וורדפרס לסרגל-ניהול מצומצם במובייל */
[data-imprint="music"]{--imp-accent:#ff006d;--imp-accent-soft:rgba(255,0,109,.14);--imp-grad:linear-gradient(160deg,#2a0a40,#0d197a 45%,#ff006d 120%);--imp-glow:0 0 0 1px rgba(255,0,109,.4),0 0 28px rgba(255,0,109,.3)}
[data-imprint="theatre"]{--imp-accent:#db008c;--imp-accent-soft:rgba(219,0,140,.14);--imp-grad:linear-gradient(200deg,#200a18,#db008c 85%,#ff006d 140%);--imp-glow:0 0 0 1px rgba(219,0,140,.4),0 0 28px rgba(219,0,140,.3)}
[data-imprint="cinema"]{--imp-accent:#ac9dd1;--imp-accent-soft:rgba(172,157,209,.14);--imp-grad:linear-gradient(160deg,#0d197a,#140020 70%,#ac9dd1 150%);--imp-glow:0 0 0 1px rgba(172,157,209,.4),0 0 28px rgba(172,157,209,.3)}
[data-imprint="night"]{--imp-accent:#7ed9e6;--imp-accent-soft:rgba(126,217,230,.12);--imp-grad:linear-gradient(200deg,#0b0d1b,#2a0a40 40%,#0d197a 80%,#7ed9e6 170%);--imp-glow:0 0 0 1px rgba(126,217,230,.35),0 0 28px rgba(126,217,230,.25)}
[data-imprint="kids"]{--imp-accent:#7ed9e6;--imp-accent-soft:rgba(126,217,230,.12);--imp-grad:linear-gradient(135deg,#0d197a,#7ed9e6 140%);--imp-glow:0 0 0 1px rgba(126,217,230,.35),0 0 24px rgba(126,217,230,.25)}
[data-imprint="wtf"]{--imp-accent:#ff006d;--imp-accent-soft:rgba(255,0,109,.14);--imp-grad:linear-gradient(240deg,#0b0d1b,#2a0a40 35%,#db008c 90%,#7ed9e6 150%);--imp-glow:0 0 0 1px rgba(255,0,109,.4),0 0 28px rgba(255,0,109,.3)}
*{box-sizing:border-box}
/* ★ D-067ב — אסף מדווח על "גלילה-רוחבית קלה" באייפון, בעוד המדידה מראה
רוחב-גלילה == רוחב-מסך בשבעה מכשירים. שני הדברים נכונים: אין גלילה, אבל **יש
גומיית-overscroll**. אלמנטים מכוונים חורגים עד ~650 פיקסל ונחתכים ב-overflow:hidden,
ובאייפון האצבע עדיין מושכת אותם לרגע — וזה מרגיש בדיוק כמו גלילה.
`overscroll-behavior-x:none` מכבה את הגומייה בלי לגעת בפריסה. */
html,body{overscroll-behavior-x:none}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0;background:#0b0d1b;color:#c1c4c7;
font-family:var(--f-body);font-size:14px;line-height:1.55;overflow-x:hidden;
font-feature-settings:"liga" 0,"calt" 0;-webkit-font-smoothing:antialiased;direction:rtl}
a{color:inherit;text-decoration:none}
.wrap{max-width:1200px;margin:0 auto;padding:0 var(--pad)}
/* ===== זוהר עוקב סמן (דסקטופ) ===== */
#cursor-glow{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:0;transition:opacity .6s;
background:radial-gradient(420px circle at var(--mx,50%) var(--my,40%),var(--imp-accent-soft),transparent 70%)}
@media(hover:hover){#cursor-glow{opacity:.8}}
/* ===== הדר קבוע — אחד, לא זז לעולם ===== */
/* תיקון בקיעת-תוכן ליד ה-Dynamic Island/notch (דווח 17.7.26): וורדפרס מזריק margin-top גלובלי (1.2rem,
כלל flow-spacing של ערכת-הבלוקים: ":root :where(.is-layout-flow) > *") על כל ילד ישיר של אזור-התוכן
שאינו ה-first-child הממשי. מכיוון שבלוק wp:html משטח את כל ה-head (script/meta/title/style) כאחים
לפני ה-header ב-DOM, ה-header (וכן הטיקר למטה) מקבלים margin-top "שקוף" (1.2rem × font-size:14px
של html/body = 16.8px בפועל) שדוחף את הקופסה הנראית מתחת ל-top:0 המוצהר — משאיר פס לא-מכוסה
בדיוק באזור ה-safe-area העליון, שדרכו בוקע מה שמתחתיו. הכלל של וורדפרס משתמש ב-:where() (specificity
אפס) בתוך :root (שקול למחלקה אחת) — בורר יסודי header{} לא מנצח אותו, ולכן !important הכרחי כאן.
margin-top בלבד, לא margin כללי — לא לגעת ב-margin-inline/הצדדים. */
header{position:fixed;top:var(--adminbar-h);right:0;left:0;z-index:100;height:calc(var(--header-h) + var(--safe-top));
margin-top:0!important;
padding-top:var(--safe-top);padding-right:var(--safe-right);padding-left:var(--safe-left);
background:rgba(11,13,27,.85);backdrop-filter:blur(14px);border-bottom:1px solid #3d3d3d}
/* גריד ולא flex: space-between ממרכז את המותג רק כששני הצדדים שווים ברוחבם, וכאן
הם לעולם לא — צד אחד כפתור-תפריט, השני שני כפתורים. עמודות 1fr·auto·1fr מבטיחות
מותג ממורכז-אמיתית בכל שילוב תוכן. */
header .inner{max-width:1200px;margin:0 auto;padding:0 var(--pad);height:100%;
display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}
header .inner .brand{justify-self:center}
/* ★ נמדד: בלי זה כפתור-התפריט נמתח על 508 פיקסל (כל עמודת-ה-1fr) — שטח-לחיצה ענק
ובלתי-נראה שבולע קליקים שכוונו למקום אחר. ב-RTL start = הקצה הימני. */
header .inner .htrig{justify-self:start}
header .inner .hend{justify-self:end}
.brand{font-family:var(--f-voice);font-weight:bold;font-size:24px;color:#ff006d;cursor:pointer;white-space:nowrap;position:relative}
.brand:hover{animation:glitch .3s steps(2) 2}
/* בדסקטופ ה-.hnav שבתוך שורה-1 נסגר: העולמות עברו לשורה השלישית (.mdepts).
הסימון נשאר בקוד כדי ש-applyFestivalNav ושאר הקוראים לא יישברו — הוא פשוט לא מוצג. */
.hnav{display:none}
/* כפתורי-עולם — בולטים ככפתורים (הכרעת-אסף 19.7), לא כטקסט-ניווט שקט. כל עולם בצבעו (--w)
עם נקודת-זיהוי, ומילוי-מלא בריחוף/פעיל. נשארים משניים לכפתור-הכסף הוורוד המלא (.hcta). */
.hnav>a{--w:var(--imp-accent);font-size:var(--t-body);font-weight:600;letter-spacing:.03em;gap:7px;
display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:7px 15px;
border:1px solid rgba(172,157,209,.28);border-radius:999px;color:#d8dade;background:transparent;
cursor:pointer;white-space:nowrap;transition:color .15s,background .15s,border-color .15s}
.hnav>a::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--w);box-shadow:0 0 8px var(--w);flex:none}
.hnav>a:hover,.hnav>a.active{color:#0b0d1b;background:var(--w);border-color:var(--w)}
.hnav>a:hover::before,.hnav>a.active::before{background:#0b0d1b;box-shadow:none}
.hnav>a:focus-visible{outline:2px solid var(--w);outline-offset:2px}
/* ★ נגישות (ת"י 5568 · WCAG 2.4.1 Bypass Blocks): קישור-דילוג-לתוכן גלוי-בפוקוס.
מחלקה ייחודית hm2-skip כדי לא להתנגש ב-.skip-link של תבנית-הוורדפרס — זו קוראת-מסך
בלבד ואינה נחשפת ויזואלית; מסתירים אותה כדי שלא יהיו שני קישורי-דילוג. שלנו נחשף
בפוקוס-מקלדת (Tab ראשון) → קופץ ל-#main. התיקון האמיתי הוא id=main על ה-main (שני
הקישורים הצביעו ל-#main שלא היה קיים). */
.skip-link.screen-reader-text{display:none!important}
/* ★ יעד-נגיעה (9.8): נמדד 158×**41** — שלושה פיקסלים מתחת ל-44, על קישור
שכל תכליתו נגישות. ⇒ min-height + מרכוז, ולא ריפוד גדול יותר: ריפוד היה
מזיז את הטקסט, min-height רק מגדיל את השטח הלחיץ. אינו נראה לעין —
הקישור מוסתר עד שהוא מקבל פוקוס-מקלדת. */
.hm2-skip{position:fixed;top:0;right:0;z-index:100000;background:var(--imp-accent,#ff006d);color:#0b0d1b;
padding:10px 18px;min-height:44px;display:inline-flex;align-items:center;
font-weight:800;border-radius:0 0 0 8px;transform:translateY(-140%);transition:transform .15s ease;text-decoration:none}
.hm2-skip:focus{transform:translateY(0);outline:3px solid #fff;outline-offset:-3px}
#main:focus{outline:none}
/* צבע-עולם לכל כפתור (דסקטופ+מובייל) — תואם מערכת ה-imprint */
.hnav>a[data-d="music"],.mdepts a[data-d="music"]{--w:#ff006d}
.hnav>a[data-d="night"],.mdepts a[data-d="night"]{--w:#7ed9e6}
.hnav>a[data-d="theatre"],.mdepts a[data-d="theatre"]{--w:#db008c}
.hnav>a[data-d="cinema"],.mdepts a[data-d="cinema"]{--w:#ac9dd1}
.hplace{position:relative}
.hplace>a::after{content:" ▾";font-size:9px/*גליף*/;color:#ac9dd1}
.hplace .drop{position:absolute;top:calc(100% + 10px);right:-12px;min-width:190px;background:#11142a;
border:1px solid #3d3d3d;border-radius:4px;padding:8px 0;display:none;box-shadow:0 12px 40px rgba(0,0,0,.6)}
.hplace:hover .drop,.hplace:focus-within .drop{display:block;animation:dropin .18s ease}
@keyframes dropin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.hplace .drop a{display:block;padding:9px 16px;font-size:var(--t-meta);cursor:pointer}
.hplace .drop a:hover{background:rgba(255,0,109,.08);color:var(--imp-accent)}
.hend{display:flex;align-items:center;gap:12px}
/* QA-2/B1#1: כפתור-חשבון גלוי בהדר-דסקטופ (גלולה משנית, מתחלף לפי whoami) */
.hacct{font-family:var(--f-voice);font-weight:600;font-size:var(--t-body);color:#d8dade;background:transparent;border:1px solid rgba(172,157,209,.32);
padding:8px 15px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;cursor:pointer;white-space:nowrap;text-decoration:none;transition:color .15s,border-color .15s,background .15s}
.hacct:hover,.hacct:focus-visible{color:#fff;border-color:var(--imp-accent);outline:none}
.hacct.is-producer{color:var(--imp-accent);border-color:var(--imp-accent)}
.hacct.is-member{background:linear-gradient(180deg,#ffe08a,#f5c451);color:#2a1e00;border-color:transparent}
.hsoc{display:flex;gap:10px}
.hsoc a{width:14px;height:14px;opacity:.7;cursor:pointer;transition:opacity .15s,transform .15s}
.hsoc a:hover{opacity:1;transform:scale(1.15)}
.hsoc svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6}
.hlogin{font-size:var(--t-label);letter-spacing:.08em;color:#ac9dd1;border:1px solid #3d3d3d;padding:6px 10px;border-radius:4px;cursor:pointer;white-space:nowrap;transition:all .15s}
.hlogin:hover{border-color:var(--imp-accent);color:var(--imp-accent)}
.hcta{font-family:var(--f-cta-he);font-weight:700;font-size:15px;color:#0b0d1b;background:#ff006d;padding:9px 16px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;letter-spacing:.02em;cursor:pointer;white-space:nowrap;
box-shadow:0 0 0 1px rgba(255,0,109,.4),0 0 24px rgba(255,0,109,.25);animation:ctapulse 3.2s ease-in-out infinite}
@keyframes ctapulse{0%,100%{box-shadow:0 0 0 1px rgba(255,0,109,.4),0 0 18px rgba(255,0,109,.2)}50%{box-shadow:0 0 0 1px rgba(255,0,109,.55),0 0 34px rgba(255,0,109,.45)}}
@media(max-width:900px){.hnav,.hsoc,.hlogin{display:none}}
/* באנר מובייל — פושט 18.7.26 (מפרט design-spec-header.md): שני תאים בלבד.
[תפריט]=אייקון-נקודות שקט (תואם לזהות הדסקטופ) · [המרץ2]=העוגן החזותי היחיד, בלי מסגרת-כפתור ·
הצ'יפ-המתחלף נמחק לגמרי (מנגנון-מחלקות שלישי כפול+באגי — ר' מפרט §3). תא שלישי = רפאים ריק 44px,
שומר את "המרץ 2" ממורכז-אופטית בלי יעד-מגע. */
.mbar{display:none}
@media(max-width:900px){
header .inner{display:none}
.mbar{display:grid;grid-template-columns:44px 1fr auto;align-items:center;height:100%;gap:6px;padding:0 var(--pad)}
/* D-012: כפתור-מתחלף בהאדר-מובייל — גלולה קומפקטית, אזור-מגע 44px */
.mbtn-acct{min-height:44px;padding:0 13px;font-family:var(--f-voice);font-weight:700;font-size:var(--t-body);color:#0b0d1b;background:var(--imp-accent);border:none;border-radius:999px;cursor:pointer;white-space:nowrap;box-shadow:0 4px 14px -6px var(--imp-accent-soft)}
.mbtn-acct.is-producer{background:transparent;color:var(--imp-accent);border:1px solid var(--imp-accent)}
/* ★ B1/U-02: תג-חבר/ה — מזוהה עם מנוי פעיל. גוון-זהב עדין להבחנה מ"כניסה" הרגיל */
.mbtn-acct.is-member{background:linear-gradient(180deg,#ffe08a,#f5c451);color:#2a1e00;box-shadow:0 4px 14px -6px rgba(245,196,81,.6)}
.mbtn{background:transparent;border:0;padding:0;cursor:pointer;font-family:inherit;color:#c1c4c7;
display:flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;transition:opacity .12s}
.mbtn:active{opacity:.55}
.mbtn:focus-visible{outline:2px solid var(--imp-accent);outline-offset:2px;border-radius:4px}
/* תפריט — אייקון-נקודות בלבד, בלי מסגרת/תווית גלויה (aria-label לקורא-מסך) */
.mbtn-menu .bars{display:grid;grid-template-columns:repeat(3,4px);gap:3px}
.mbtn-menu .bars i{width:4px;height:4px;background:currentColor;border-radius:.5px;transition:background .15s}
.mbtn-menu:active .bars i{background:var(--imp-accent)}
/* המרץ2 — עוגן חזותי יחיד במרכז; שום מסגרת/רקע כדי שיקרא כלוגו, לא כפריט-תפריט נוסף */
.mbtn-brand{font-family:var(--f-voice);font-weight:bold;font-size:21px;color:#ff006d;letter-spacing:.01em;
text-shadow:0 0 16px rgba(255,0,109,.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
/* תא-רפאים — ריק בכוונה, ממלא את עמודת ה-44px השלישית כדי שהמותג יישאר ממורכז */
.mbar-ghost{width:44px;height:44px}
}
/* ★ 2f-ב · שורת-העולמות = **השורה השלישית של ההאדר, בכל רוחב** (הכרעת-אסף 19.7:
שורה 1 תפריט·מותג·כפתור-מתחלף · שורה 2 טיקר · שורה 3 עולמות). עד 30.7 היא הייתה
מובייל-בלבד, ובדסקטופ העולמות ישבו בתוך שורה 1 — כלומר הדסקטופ מעולם לא קיבל את
המבנה שהוכרע. אותה שכבה-קבועה משרתת עכשיו את שני הרוחבים, וגם נעלמת כפילות:
היו שתי רשימות-עולמות מוקשחות ש"צריך לסנכרן ביד", וזה תמיד נשבר בסוף. */
.mdepts{display:flex;gap:8px;overflow-x:auto;padding:6px var(--pad);margin:0; /* D-021 #2: ביטול margin-top תורשתי (~16.8px, מרווח-בלוק של עטיפת wp:html) שיצר רווח בין הטיקר לכפתורי-העולמות */
position:fixed;top:calc(var(--adminbar-h) + var(--header-h) + var(--safe-top) + var(--tkh));right:0;left:0;z-index:94; /* D-012: שכבה-קבועה שלישית — עולמות "תמיד זמינים" (הצמדה-בגלילה). נעלמת בתפריט/קופה למטה. */
background:rgba(11,13,27,.96);border-bottom:1px solid rgba(172,157,209,.15);-webkit-overflow-scrolling:touch;scrollbar-width:none}
.mdepts::-webkit-scrollbar{display:none}
/* אזורי-מגע 44px (במקום ~29px קודם) */
.mdepts a{--w:var(--imp-accent);flex-shrink:0;gap:6px;font-size:var(--t-meta);font-weight:600;padding:6px 14px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(172,157,209,.28);border-radius:999px;color:#d8dade;cursor:pointer;box-sizing:border-box;white-space:nowrap}
.mdepts a::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--w);box-shadow:0 0 8px var(--w);flex:none}
.mdepts a.active{background:var(--w);color:#0b0d1b;border-color:var(--w)}
.mdepts a.active::before{background:#0b0d1b;box-shadow:none}
/* בדסקטופ: אותה שורה בדיוק, בגדלים של הספר (כמו שהיו ב-.hnav) וממורכזת. */
@media(min-width:901px){
.mdepts{justify-content:center;gap:9px;padding:6px var(--pad)}
.mdepts a{font-size:var(--t-body);padding:7px 15px;min-height:40px}
}
/* ★ פער-שחור (אסף 26.7): שני מקורות תוקנו כאן. (א) וורדפרס מוריש margin-block לילדי
entry-content — 16.8px של רקע-גוף מעל הכול. (ב) סרגל-הניהול כבר דוחף את זרימת-המסמך
(html margin-top), ולכן הוספת --adminbar-h לריפוד של main ספרה אותו פעמיים. */
main{padding-top:calc(var(--header-h) + var(--safe-top) + var(--tkh) + var(--worlds-h));margin-top:0!important}
/* (ג) אותו מרווח-בלוק של וורדפרס חל גם על מסכי-התצוגה עצמם (* + * — כל view שאינו הראשון),
ולכן עמוד-אירוע פתח ב-17px של רקע-גוף מעל ההירו. */
.view{margin-top:0!important}
/* במובייל שורת-המחלקות היא כבר האלמנט הראשון בזרימה (עם ה-margin-top למעלה) ולכן main לא צריך לשמור מקום נוסף עבור ההאדר/טיקר — הם כבר מפונים ע"י מדפ-ים */
@media(max-width:900px){main{padding-top:calc(var(--header-h) + var(--safe-top) + var(--tkh) + var(--worlds-h))}} /* D-012: שלוש שכבות קבועות (האדר+טיקר+עולמות) */
/* הטיקר עבר לראש (מתחת להאדר/מדפ ים) — שמירת המקום נעשית כאן דרך --tkh. פס-הכרטיסים התחתון במובייל שומר מקום ב-body (ראה למטה) */
/* ===== גליץ' ===== */
@keyframes glitch{0%{transform:translate(0)}25%{transform:translate(2px,-1px);text-shadow:-2px 0 #7ed9e6,2px 0 #ff006d}50%{transform:translate(-2px,1px);text-shadow:2px 0 #7ed9e6,-2px 0 #db008c}100%{transform:translate(0);text-shadow:none}}
.glitch-in{animation:glitch .35s steps(2) 1}
/* ===== חשיפה בגלילה ===== */
.rev{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease}
.rev.in{opacity:1;transform:none}
.rev-d1{transition-delay:.08s}.rev-d2{transition-delay:.16s}.rev-d3{transition-delay:.24s}
/* ===== HERO בית ===== */
.hero{margin-top:44px;display:grid;grid-template-columns:1.1fr 1fr;gap:32px;position:relative;z-index:2}
/* ★ F-04/1 · מובייל: הפוסטר מעל הכותרת. נמדד 390×844 — שם-האירוע ישב ב-914px (מתחת לקפל);
order:-1 + גובה-פוסטר חסום מעלים אותו אל מעל הקפל. אין ערכי-צבע חדשים, רק סדר וגודל. */
@media(max-width:860px){
.hero{grid-template-columns:1fr;margin-top:24px;gap:20px}
.hero .poster{order:-1;min-height:0;height:min(58vh,420px);margin-top:4px}
.hero .poster .ptitle{font-size:clamp(30px,7.5vw,40px)}
.hero h1{font-size:clamp(38px,10vw,58px);margin-top:14px}
.hero .lede{font-size:17px;margin-top:14px}
}
.hero .eyebrow{font-weight:600;font-size:var(--t-label);color:#ac9dd1;letter-spacing:.32em}
.hero h1{font-family:var(--f-voice);font-weight:bold;font-size:clamp(52px,9vw,104px);color:#ff006d;line-height:.9;margin:18px 0 0;overflow:hidden}
.hero h1 .line{display:block;transform:translateY(110%);animation:riseup .7s cubic-bezier(.2,.9,.25,1) forwards}
.hero h1 .line:nth-child(2){animation-delay:.12s;color:#fff}
@keyframes riseup{to{transform:none}}
.hero .lede{font-family:var(--f-event);font-size:21px;color:#fff;line-height:1.3;margin-top:22px;max-width:480px}
.hero .tagline{font-weight:600;font-size:var(--t-meta);color:#ac9dd1;letter-spacing:.3em;margin-top:18px}
.hero .ctas{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;min-height:44px;background:#ff006d;color:#0b0d1b;
font-family:var(--f-body);font-weight:600;font-size:14px;border-radius:4px;cursor:pointer;border:0;
letter-spacing:.04em;box-shadow:var(--imp-glow);transition:background .15s,transform .06s}
/* כפתורי "כרטיסים"/"כרטיס להערב" הראשיים — פונט עברי קריא במקום Cascadia Mono (כ/ב מתבלבלים בגדלים קטנים) */
#ev-buy,#d-tonight-btn{font-family:var(--f-cta-he);font-weight:700;font-size:15px;letter-spacing:.02em}
/* הובר בהיר יותר (לא כהה) — כדי לשמר ניגודיות טובה מול הטקסט הכהה על הכפתור */
.btn:hover{background:#ff4d94}.btn:active{transform:translateY(1px)}
.btn.ghost{background:transparent;color:#fff;border:1px solid #3d3d3d;box-shadow:none}
.btn.ghost:hover{border-color:#ff006d;color:#ff006d}
.hero .poster{position:relative;min-height:400px;border-radius:4px;overflow:hidden;cursor:pointer;
display:flex;flex-direction:column;justify-content:space-between;padding:24px;
background:var(--imp-grad);background-size:200% 200%;animation:gradshift 9s ease-in-out infinite;
transition:transform .25s,box-shadow .25s}
@keyframes gradshift{0%,100%{background-position:0% 0%}50%{background-position:100% 100%}}
.hero .poster:hover{transform:translateY(-4px) rotate(.4deg);box-shadow:var(--imp-glow)}
.hero .poster::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,13,27,1),transparent 55%);pointer-events:none}
.hero .poster>*{position:relative;z-index:2}
.hero .poster .ptag{align-self:flex-start;background:rgba(11,13,27,.6);color:#fff;font-family:var(--f-event);font-weight:bold;font-size:var(--t-label);padding:5px 10px;border-radius:2px;letter-spacing:.08em}
.hero .poster .pdate{font-weight:600;font-size:var(--t-meta);color:#ff006d;letter-spacing:.08em}
.hero .poster .ptitle{font-family:var(--f-voice);font-weight:bold;font-size:clamp(36px,5vw,54px);color:#fff;line-height:.95;margin-top:6px}
.hero .poster .psub{font-family:var(--f-event);font-size:18px;color:#fff;margin-top:6px}
/* ★ F-04/2+4 · כפתור-קנייה ישיר בפוסטר (יעד-מגע 44px) + חיסכון-חבר כפער, לא כמחיר. */
.hero .poster .pfoot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
.hero .poster .pbuy{min-height:44px;padding:12px 20px;text-decoration:none;font-family:var(--f-cta-he);font-weight:700;font-size:15px}
.hero .poster .psave{font-size:var(--t-meta);font-weight:600;color:#fff;background:rgba(11,13,27,.6);border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:6px 10px;white-space:nowrap}
/* ★ F-04/3 · דגל-הקידום לבן (הוכרע ברנדר: צבע-העולם נבלע, צהוב נקרא כאזהרת-מלאי). */
.hero .poster .ptag.on{background:#fff;color:#0b0d1b}
/* ★ F-04/7 · קריאות גוש-הטקסט בפוסטר — נמדד חי ב-390: התאריך יושב ב-50% מגובה הפוסטר,
וההצללה הופכת שקופה כבר ב-45% מלמעלה. כלומר ורוד 12px נחת ישר על התמונה.
התיקון: מותחים את ההצללה כלפי מעלה **רק במובייל**, שם הפוסטר נמוך והטקסט גבוה יחסית. */
@media(max-width:860px){
.hero .poster::after{background:linear-gradient(to top,rgba(11,13,27,.97) 12%,rgba(11,13,27,.72) 42%,transparent 74%)}
}
/* גליפים מרחפים ברקע ההירו */
.glyphs{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.glyphs span{position:absolute;font-family:var(--f-body);font-weight:700;color:var(--imp-accent);opacity:.09;
animation:drift linear infinite;white-space:nowrap}
/* item 2 — יותר נוכחות וצבעוניות מגוונת לסמלונים המפוקסלים */
.glyphs span:nth-child(3n){color:#7ed9e6}
.glyphs span:nth-child(4n){color:#ff9ec4}
.glyphs span:nth-child(5n){opacity:.14;font-size:1.25em}
.glyphs span:nth-child(7n){opacity:.05;filter:blur(.5px)}
@keyframes drift{from{transform:translateY(15vh) rotate(var(--r,0deg))}to{transform:translateY(-25vh) rotate(var(--r,0deg))}}
/* ===== רצועת ענק נגללת בין סקשנים ===== */
/* ===== words strip — "the rooms are outlines; only friends fill" ===== */
.mstrip{--acc:var(--imp-accent,#ff006d);
/* fallbacks first; color-mix overrides below where supported */
--acc-haze:rgba(255,255,255,.035);--acc-glow:rgba(255,255,255,.10);--acc-glow2:rgba(255,255,255,.04);
position:relative;isolation:isolate;direction:ltr;overflow:hidden;
margin:80px 0 0;padding:0;border-top:1px solid #3d3d3d;border-bottom:1px solid #3d3d3d;
background:linear-gradient(0deg,var(--acc-haze),transparent 85%)}
@supports (color:color-mix(in srgb,red 50%,blue)){
.mstrip{--acc-haze:color-mix(in srgb,var(--acc) 7%,transparent);
--acc-glow:color-mix(in srgb,var(--acc) 62%,transparent);
--acc-glow2:color-mix(in srgb,var(--acc) 20%,transparent)}}
/* static grain, above the moving track, rasterised once, never animated */
.mstrip::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.5;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 -.38'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
background-size:180px 180px}
.mstrip .in{display:flex;width:max-content;direction:ltr;
font-family:var(--f-voice);font-weight:bold;font-size:clamp(34px,8.6vw,44px);line-height:1}
.mstrip .cp{display:flex;align-items:center;flex:none;
animation:mslide var(--dur,26s) linear infinite;will-change:transform}
.mstrip .w{direction:rtl;unicode-bidi:isolate;padding:18px 0;white-space:nowrap;
color:transparent;-webkit-text-stroke:1.4px rgba(190,178,226,.72)}
.mstrip .sep{flex:none;width:8px;height:8px;margin:0 .62em;box-shadow:inset 0 0 0 1.4px rgba(190,178,226,.72)}
.mstrip .w-join{position:relative;color:var(--acc);-webkit-text-stroke:0;cursor:pointer;
padding:18px .18em;outline:0;-webkit-tap-highlight-color:transparent}
.mstrip .w-join::before{content:"";position:absolute;z-index:-1;inset:-55% -60%;pointer-events:none;
background:radial-gradient(closest-side,var(--acc-glow),var(--acc-glow2) 55%,transparent)}
.mstrip .w-join .go{display:inline-block;width:.44em;height:.44em;margin-inline-start:.14em;vertical-align:.08em;
background:currentColor;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 5' shape-rendering='crispEdges'%3E%3Cpath d='M2 0h1v1H2zM1 1h1v1H1zM0 2h5v1H0zM1 3h1v1H1zM2 4h1v1H2z'/%3E%3C/svg%3E") center/contain no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 5' shape-rendering='crispEdges'%3E%3Cpath d='M2 0h1v1H2zM1 1h1v1H1zM0 2h5v1H0zM1 3h1v1H1zM2 4h1v1H2z'/%3E%3C/svg%3E") center/contain no-repeat}
.mstrip .w-join:focus-visible{box-shadow:inset 0 0 0 2px var(--acc)}
@media (hover:hover){.mstrip:hover .cp{animation-play-state:paused}
.mstrip .w-join:hover{color:#fff}}
.mstrip:focus-within .cp,.mstrip.is-off .cp{animation-play-state:paused}
.mstrip .w-join:active{color:#fff}
@supports not (-webkit-text-stroke:1px){.mstrip .w{color:rgba(172,157,209,.35)}.mstrip .w-join{color:var(--acc)}}
/* each copy moves exactly its own width → seamless, independent of copy count */
@keyframes mslide{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0,0,0)}}
/* reduced motion: no movement, reads right→left from the right edge, friends first */
@media (prefers-reduced-motion:reduce){
.mstrip{direction:rtl}.mstrip .in{direction:rtl}.mstrip .cp{animation:none;will-change:auto}}
@keyframes tkroll{from{transform:translateX(0)}to{transform:translateX(50%)}}
/* ===== שערי מחלקות ===== */
.gates{margin-top:72px;position:relative;z-index:2}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:16px;border-bottom:1px solid #3d3d3d;margin-bottom:22px}
.sec-head .h{display:flex;gap:14px;align-items:baseline}
.sec-head .n{font-weight:600;font-size:var(--t-label);color:var(--imp-accent);letter-spacing:.14em}
.sec-head h2{font-family:var(--f-voice);font-weight:bold;font-size:clamp(30px,5vw,40px);color:#fff;margin:0;line-height:1}
.sec-head .meta{font-size:var(--t-label);color:#ac9dd1;letter-spacing:.08em}
.gates-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.gate{position:relative;height:165px;border-radius:4px;overflow:hidden;cursor:pointer;border:1px solid rgba(172,157,209,.15);
display:flex;flex-direction:column;justify-content:flex-end;padding:16px;
transition:transform .25s cubic-bezier(.2,.9,.3,1.4),box-shadow .25s}
.gate:hover{transform:translateY(-6px) scale(1.015)}
.gate .bg{position:absolute;inset:-10%;opacity:.85;transition:opacity .3s,transform .8s ease;background-size:200% 200%;animation:gradshift 12s ease-in-out infinite}
.gate:hover .bg{opacity:1;transform:scale(1.06) rotate(1deg)}
.gate::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,13,27,.92),transparent 65%)}
.gate>*{position:relative;z-index:2}
.gate .g-name{font-family:var(--f-voice);font-weight:bold;font-size:27px;color:#fff;line-height:1}
.gate .g-brand{font-family:var(--f-cursive);font-size:15px;margin-top:2px;opacity:.9}
.gate .g-count{position:absolute;top:12px;left:12px;z-index:2;font-weight:600;font-size:var(--t-label);letter-spacing:.08em;background:rgba(11,13,27,.55);padding:4px 8px;border-radius:2px}
.gate .g-arrow{position:absolute;top:12px;right:14px;z-index:2;color:#fff;font-weight:700;opacity:0;transform:translateX(8px);transition:all .25s}
.gate:hover .g-arrow{opacity:1;transform:none}
@media(max-width:860px){
.gates-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.gates-grid::-webkit-scrollbar{display:none}
.gate{min-width:72vw;scroll-snap-align:start;height:140px}
}
/* ===== גריד אירועים ===== */
.section{margin-top:72px;position:relative;z-index:2}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.chip{font-size:var(--t-label);border:1px solid #3d3d3d;padding:6px 13px;border-radius:999px;letter-spacing:.04em;cursor:pointer;transition:all .15s;min-height:44px;display:inline-flex;align-items:center;justify-content:center} /* 2b-1: יעד-מגע 44px */
.chip:hover{border-color:var(--imp-accent);color:var(--imp-accent)}
.chip.on{background:var(--imp-accent);color:#0b0d1b;border-color:var(--imp-accent);font-weight:600}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.grid{grid-template-columns:1fr}}
.ev{background:linear-gradient(180deg,#0d197a 0%,#0b0d1b 100%);border:1px solid rgba(172,157,209,.15);border-radius:4px;overflow:hidden;
display:flex;flex-direction:column;box-shadow:0 2px 24px rgba(0,0,0,.5);transition:transform .22s,box-shadow .22s}
.ev:hover{transform:translateY(-4px);box-shadow:var(--imp-glow)}
.ev .img{height:190px;position:relative;overflow:hidden;background-size:200% 200%;animation:gradshift 14s ease-in-out infinite}
.ev .img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,13,27,.95),transparent 50%)}
.ev .img .pp{position:absolute;inset:0;z-index:2;padding:16px;display:flex;flex-direction:column;justify-content:space-between;color:#fff}
.ev .img .pp .t{font-family:var(--f-event);font-size:var(--t-label);color:rgba(255,255,255,.7);letter-spacing:.18em;text-transform:uppercase}
.ev .img .pp .pt{font-family:var(--f-voice);font-weight:bold;font-size:30px;line-height:.95}
.ev .body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.ev .tag{align-self:flex-start;background:var(--imp-accent-soft);color:var(--imp-accent);font-family:var(--f-event);font-weight:bold;font-size:var(--t-label);padding:3px 8px;border-radius:2px}
.ev .date{font-weight:600;font-size:var(--t-label);color:var(--imp-accent);letter-spacing:.06em}
.ev .title{font-family:var(--f-event);font-size:22px;color:#fff;line-height:1.1}
.ev .sub{font-size:var(--t-meta);color:#ac9dd1;line-height:1.5}
.ev .footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid rgba(172,157,209,.15)}
.ev .price{font-size:var(--t-label)}.ev .price b{color:#fff;font-weight:600}
/* D-079 · רצף-לטיני בתוך כותרת עברית — פונט-תצוגה לטיני. */
.lat{font-family:var(--f-latin);letter-spacing:.01em} /* D-079ב · הערך הוא גופן-הספר; ר' ההערה ליד --f-latin */
.mem-badge,.facts .mem-badge{display:inline-block;font-size:var(--t-label);font-weight:600;line-height:1;padding:3px 7px;border-radius:999px;margin-inline-start:6px;white-space:nowrap;color:var(--imp-accent,#ec4899);background:color-mix(in srgb,var(--imp-accent,#ec4899) 16%,transparent);border:1px solid color-mix(in srgb,var(--imp-accent,#ec4899) 40%,transparent)}
#ev-member-badge{font-size:var(--t-meta);margin-inline-start:8px}
/* ═══ כרטיס-החבר (16.9.2026) ═══════════════════════════════════════════════
⛔ המשטח היחיד באתר שדורש הזדהות טרייה — ר' `class-hm2-member-card.php`.
השעון והקוד המתחלף אינם קישוט: הם מה שהופך צילום-מסך למשהו שנראה ישן.
`--mc-ink` נגזר מהחותם הפעיל, כך שהכרטיס שייך למחלקה שממנה נכנסו. */
.mcard{position:relative;isolation:isolate;overflow:hidden;border-radius:16px;padding:20px;
background:linear-gradient(155deg,#181033 0%,#0f0a22 55%,#241041 100%);
border:1px solid color-mix(in srgb,var(--imp-accent,#ff006d) 34%,transparent)}
.mcard::after{content:"";position:absolute;inset:0;pointer-events:none;
background:radial-gradient(120% 80% at 88% 0%,color-mix(in srgb,var(--imp-accent,#ff006d) 16%,transparent),transparent 62%)}
.mcard>*{position:relative;z-index:1}
.mcard-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.mcard-kick{font-size:var(--t-label);letter-spacing:.14em;color:var(--imp-accent,#ff006d);font-weight:700}
.mcard-house{font-size:var(--t-label);letter-spacing:.12em;color:var(--hm2-ink-3,#8a8ea6)}
.mcard-name{font-size:23px;font-weight:700;color:#fff;line-height:1.25;margin:14px 0 2px;overflow-wrap:anywhere}
.mcard-plan{font-size:15px;color:var(--imp-accent,#ff006d);font-weight:600}
.mcard-rows{margin-top:14px;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:var(--t-meta);color:var(--hm2-ink-3,#8a8ea6)}
.mcard-rows b{color:var(--hm2-ink-1,#e6e7ee);font-weight:600;font-variant-numeric:tabular-nums}
.mcard-perks{margin:14px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px}
.mcard-perks li{font-size:var(--t-body);color:var(--hm2-ink-1,#e6e7ee);padding-inline-start:16px;position:relative}
.mcard-perks li::before{/*גליף*/content:"✦";position:absolute;inset-inline-start:0;color:var(--imp-accent,#ff006d);font-size:10px/*גליף*/;top:2px}
.mcard-live{margin-top:16px;padding-top:13px;border-top:1px solid rgba(255,255,255,.1);
display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mcard-code{font-size:27px;font-weight:700;letter-spacing:.2em;color:#fff;font-variant-numeric:tabular-nums;line-height:1}
.mcard-code-lbl{display:block;font-size:var(--t-label);letter-spacing:.1em;color:var(--hm2-ink-3,#8a8ea6);font-weight:600;margin-bottom:4px}
.mcard-clock{text-align:end}
.mcard-time{font-size:19px;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.04em;line-height:1.2}
.mcard-date{font-size:var(--t-label);color:var(--hm2-ink-3,#8a8ea6)}
.mcard-bar{margin-top:11px;height:2px;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden}
.mcard-bar i{display:block;height:100%;background:var(--imp-accent,#ff006d);transition:width .95s linear}
.mcard-fine{margin:11px 0 0;font-size:var(--t-label);color:var(--hm2-ink-3,#8a8ea6);line-height:1.6}
.mcard-gate{text-align:start}
.mcard-gate p{font-size:var(--t-body);color:var(--hm2-ink-3,#8a8ea6);line-height:1.8;margin:6px 0 0}
.mcard-gate .btn{margin-top:14px}
.mcard-otp{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}
.mcard-otp input{flex:1 1 130px;min-width:0;padding:11px 13px;border-radius:6px;border:1px solid var(--hm2-line-ctl,#5e6280);
background:rgba(11,13,27,.5);color:#fff;font-size:19px;letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){.mcard-bar i{transition:none}}
.ser-more{color:var(--imp-accent,#ec4899);font-weight:700} /* T-019ב · חיווי "עוד תאריכים" בסדרה */
/* ★ 7ב(4) · רצפת-נגיעה 44 במסלול-הכסף (הכרעת-אסף 25.7), אחרי מדידה-מחדש **כאורח**
באייפון 14. הכלל היה מוגבל ל-`.ev .btn-s` — כלומר לכרטיס-האירוע בלבד — ולכן
**כפתור-הרכישה בלוז נמדד 57 על 21**, פחות מחצי הרצפה. אותו כפתור, אותו מסלול-כסף,
ורק בגלל שהוא יושב ב-`.srow` ולא ב-`.ev` הוא נשאר קטן. הכלל עובר לסלקטור-הכיתה
עצמו: מי שנראה ככפתור-רכישה מקבל שטח-נגיעה של כפתור-רכישה, בכל מקום. */
.btn-s{font-family:var(--f-cta-he);font-weight:700;font-size:15px;letter-spacing:.02em;color:#0b0d1b;background:#ff006d;padding:8px 16px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer}
.btn-s.off{background:#3d3d3d;color:#8a8ea6;cursor:default}
.ev .btn-s.off{background:#3d3d3d;color:#8a8ea6;cursor:default}
.btn.off{background:#3d3d3d !important;color:#8a8ea6 !important;cursor:default;box-shadow:none !important}
.ev .tag.soldout{background:rgba(180,50,50,.18);color:#ff6b6b;transform:rotate(2deg)}
/* ★ 25.9 · King 6ab55913 — סטיקר ולא תווית: אלכסון, צבע מלא, צל קשה. */
.ev .tag.last{background:#ffb020;color:#0b0d1b;transform:rotate(-4deg);box-shadow:2px 2px 0 rgba(0,0,0,.45);padding:4px 10px}
.ev .tag.soon{background:rgba(126,217,230,.14);color:#7ed9e6}
.ev .alert{font-weight:600;font-size:var(--t-label);color:#7ed9e6;background:rgba(126,217,230,.1);padding:3px 8px;border-radius:2px;letter-spacing:.08em}
/* ===== רצועת WTF בבית ===== */
.wtfstrip{margin-top:80px;position:relative;border:1px solid #3d3d3d;border-radius:4px;overflow:hidden;cursor:pointer;
padding:52px 40px;background:linear-gradient(240deg,#0b0d1b,#2a0a40 60%,#db008c 160%);transition:box-shadow .25s}
.wtfstrip:hover{box-shadow:var(--imp-glow)}
.wtfstrip h3{font-family:var(--f-voice);font-weight:bold;font-size:clamp(36px,6vw,64px);color:#fff;margin:0;line-height:.95}
.wtfstrip h3 b{color:#ff006d}
.wtfstrip p{font-family:var(--f-event);font-size:17px;color:#c1c4c7;margin:14px 0 0;max-width:520px}
.wtfstrip .go{margin-top:20px;font-weight:600;font-size:var(--t-body);color:#7ed9e6;letter-spacing:.06em}
@media(max-width:640px){.wtfstrip{padding:32px 20px}}
/* ===== פרויקטים נבחרים ===== */
.projs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:860px){.projs{grid-template-columns:1fr}}
.proj{border:1px solid rgba(172,157,209,.15);border-radius:4px;padding:22px;background:linear-gradient(180deg,#0d197a22,#0b0d1b);cursor:pointer;transition:transform .2s,box-shadow .2s}
.proj:hover{transform:translateY(-3px);box-shadow:var(--imp-glow)}
/* ★ 26.8 (רנן) · `` בלי `href` **אינו קישור** — הדפדפן לא נותן לו סמן-יד,
לא מיקוד-מקלדת ולא סימון. במחשב זה נקרא בדיוק "הלינק לא לחיץ". הכרטיס
מסביבו נשא `cursor:pointer` מ-`.proj` ולכן הבטיח לחיצה שלא קיימת. */
.alink{cursor:pointer;color:var(--imp-accent,#7ed9e6);text-decoration:underline;text-underline-offset:2px}
.alink:hover,.alink:focus-visible{filter:brightness(1.25)}
.proj .k{font-weight:600;font-size:var(--t-label);color:#ac9dd1;letter-spacing:.14em}
/* ★ נגישות 2.9 · כותרת-הכרטיס הייתה `h4` בתוך מקטע שכותרתו `h2` ⇒ דילוג-רמה
(WCAG 1.3.1). נמדד חי בדף-הבית: ״פרויקטים״ h2 ⟵ ״מאחורי הפיידר״ h4.
הועלתה ל-`h3`; הכלל נושא את שתי הרמות כדי שהמראה לא ישתנה בפיקסל. */
/* ★ כרטיס תו-אמון-הציבור. השבב לבן במכוון — ר׳ ההערה בפוטר. */
.proj-trust .trust-row{display:flex;gap:14px;align-items:flex-start}
.trust-mark{flex:none;background:#fff;border-radius:6px;padding:9px 11px;line-height:0}
.trust-mark svg{width:46px;height:62px;display:block}
@media(max-width:520px){.proj-trust .trust-row{flex-direction:column}}
div.proj h3,div.proj h4{font-family:var(--f-event);font-weight:bold;font-size:20px;color:#fff;margin:8px 0}
/* ⚠ `div.proj` ולא `.proj` — `.post-body h3` (שורה 2139) בעל אותה סגוליות
ומופיע **אחריו**, ולכן היה מנצח ביום שכרטיס-פרויקט ירונדר בתוך גוף-פוסט.
היום אף מרנדר אינו עושה זאת; זו מלכודת עתידית ולא באג — ונסגרת בתו אחד. */
.proj p{font-size:var(--t-meta);color:#ac9dd1;margin:0;line-height:1.55}
/* ===== ניוזלטר ===== */
.nl{margin-top:80px;padding:48px 40px;border:1px solid #3d3d3d;border-radius:4px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;background:linear-gradient(180deg,#0d197a 0%,#0b0d1b 100%)}
@media(max-width:860px){.nl{grid-template-columns:1fr;padding:32px 20px}}
.nl h3{font-family:var(--f-voice);font-weight:bold;font-size:clamp(32px,5vw,44px);color:#ff006d;margin:0;line-height:.95}
.nl p{font-size:var(--t-body);line-height:1.6;margin:14px 0 0;max-width:420px}
.nl .sig{font-family:var(--f-cursive);font-size:22px;color:#ac9dd1;margin-top:14px}
.nlrow{display:flex;gap:8px}
.nlrow input{flex:1;font-family:var(--f-body);font-size:var(--t-body);color:#fff;background:transparent;border:1px solid #3d3d3d;padding:12px 14px;min-height:44px;border-radius:4px;min-width:0;box-sizing:border-box}
.nlrow input:focus{outline:none;border-color:var(--imp-accent)}
.nlrow button{font-family:var(--f-body);font-weight:600;font-size:var(--t-meta);color:#0b0d1b;background:var(--imp-accent);padding:12px 18px;min-height:44px;border:0;border-radius:4px;cursor:pointer}
/* ===== פוטר · לוח-הרישוי ===== */
/* ★★★ 5.9 · **הפוטר הוא לוח-הרישוי של הבניין ולא מפת-האתר שלו.**
נמדד 1.9 על הפוטר החי: 590px בדסקטופ ו-1125px בנייד — יותר משליש
מסך-טלפון שלם — ומתוך 25 הקישורים שהיו כאן, **24 קיימים כבר בסרגל
העליון או בתפריט**. היחיד שהפוטר הוא ביתו הוא ״ילדים ומשפחות״, והוא
נשאר. ⇒ מה שנותר: מי מוכר לך את הכרטיס · מה אפשר לעשות עכשיו · ומה
שהחוק מחייב. העיצוב במלואו, כולל המדידות ושתי החלופות שנשקלו:
`design/review/31aug-footer/` · חלופה א׳ · 376px / 693px.
⛔⛔ **״ביטול עסקה״ נשאר מובלט ונגיש-מקלדת — וזו דרישת-דין, לא העדפה.**
סעיף 14ט(ב) לחוק הגנת הצרכן דורש שהקישור יהיה ״מובלט וברור״, ואי-קיום
נושא עיצום כספי. ההבלטה כאן אינה בהגדלה אלא ב**בידוד**: הוא הפריט
היחיד ברצועה המשפטית שנושא מסגרת, ורוד-מותג ומשקל-כבד, והוא יושב
בקצה שלה. הנגישות היא `tabindex=0` + `onkeydown` (הוא `` בלי
`href`, ולכן בלעדיהם הוא אינו מקבל מיקוד כלל).
`scripts/test-cancel-gate.js` שומר על שלושת אלה + על שורת-הדרכים.
⚠ כל מחלקה כאן מתחילה ב-`f-` בכוונה: `.legal` כבר תפוס ע"י עמודי-התקנון
(~3082), ו-`.act` הוא שם-שדה ב-JS של התפריט. */
footer{margin-top:88px;padding:34px 0 44px;border-top:1px solid #3d3d3d}
@media(max-width:900px){footer{padding-bottom:90px}} /* מקום לפס-ה-CTA הדביק */
.f-in{display:grid;grid-template-columns:minmax(300px,460px) 1fr;gap:30px;align-items:stretch}
@media(max-width:860px){.f-in{grid-template-columns:1fr;gap:18px}}
/* לוח-הרישוי עצמו — פינה קטומה ופס ורוד בקצה-הפתיחה (ימין, ב-RTL). */
.f-plate{position:relative;padding:18px 22px 14px;border:1px solid #3d3d3d;
clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}
.f-plate:before{content:"";position:absolute;inset:-1px -1px -1px auto;width:3px;background:#ff006d}
.fbrand{font-family:var(--f-voice);font-weight:bold;font-size:38px;color:#ff006d;line-height:1;margin:0 0 12px}
@media(max-width:860px){.fbrand{font-size:34px}}
.f-plate dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:3px 14px;font-size:var(--t-meta);line-height:1.6}
.f-plate dt{color:var(--hm2-ink-3,#8a8ea6);font-size:var(--t-label);letter-spacing:.14em;padding-top:3px;white-space:nowrap}
.f-plate dd{margin:0;color:#c1c4c7}
/* ספרות בעברית — `tnum` וכיבוי ליגטורות, אחרת מיקוד ומספר-עמותה נשברים. */
.fnum{font-variant-numeric:tabular-nums;font-feature-settings:"liga" 0,"calt" 0,"tnum" 1;letter-spacing:.01em}
.f-reach{display:flex;flex-wrap:wrap;align-items:center;gap:0 18px;margin-top:6px}
.f-reach a{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:var(--t-meta);color:#c1c4c7;
cursor:pointer;text-decoration:underline;text-decoration-color:#3d3d3d;text-underline-offset:4px;
transition:color .15s,text-decoration-color .15s}
.f-reach a:hover,.f-reach a:focus-visible{color:#ff006d;text-decoration-color:#ff006d}
.f-reach i{font-size:13px;color:#ac9dd1}
.f-reach svg{width:14px;height:14px}
/* שתי הפעולות — הדבר היחיד בפוטר שאינו מידע ואינו חובת-דין. */
.f-acts{display:grid;grid-template-rows:1fr 1fr;gap:10px}
@media(max-width:860px){.f-acts{grid-template-rows:auto auto}}
.f-act{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;padding:14px 20px;
border:1px solid #3d3d3d;cursor:pointer;text-decoration:none;transition:border-color .15s,background .15s}
.f-act .t{font-family:var(--f-event);font-weight:bold;font-size:21px;line-height:1.15;color:#e8e9ef}
.f-act .s{display:block;font-size:var(--t-label);color:var(--hm2-ink-3,#8a8ea6);letter-spacing:.02em;margin-top:5px;line-height:1.4}
.f-act i{font-size:15px;color:#ac9dd1;flex:0 0 auto;transition:transform .15s,color .15s}
.f-act:hover,.f-act:focus-visible{border-color:#ff006d;background:rgba(255,0,109,.06)}
.f-act:hover i,.f-act:focus-visible i{color:#ff006d;transform:translateX(-4px)}
.f-act--join .t{color:#7ed9e6}
/* ★ תו אמון-הציבור בפוטר. השבב לבן במכוון — הסימן הוא של גוף חיצוני
ואסור לצבוע אותו מחדש, והנייבי שבו אינו נקרא על הרקע הכהה שלנו. */
/* ★ תו אמון-הציבור בפוטר. השבב לבן במכוון — הסימן הוא של גוף חיצוני
ואסור לצבוע אותו מחדש, והנייבי שבו אינו נקרא על הרקע הכהה שלנו. */
.f-trust{margin-top:36px;padding-top:22px;border-top:1px solid #3d3d3d;display:flex;gap:16px;align-items:flex-start}
@media(max-width:640px){.f-trust{flex-direction:column;gap:12px}}
.f-trust-mark{flex:none;display:block;background:#fff;border-radius:6px;padding:10px 12px;line-height:0}
.f-trust-mark svg{width:52px;height:70px;display:block}
.f-trust p{margin:0;max-width:640px;font-size:var(--t-meta);line-height:1.7;color:var(--hm2-ink-3,#8a8ea6)}
.f-trust p a{display:inline;padding:0;margin:0;color:#ff4d94;cursor:pointer}
.f-trust p a:hover{color:#fff}
/* ── הרצועה המשפטית ─────────────────────────────────────────────────────
חמישה קישורים שהחוק מחייב, ואחד מהם מובלט. ⛔ ר' הערת-הפתיחה למעלה
לפני שנוגעים ב-`.f-cancel`. */
.f-legal{margin-top:24px;padding-top:4px;border-top:1px solid #3d3d3d;
display:grid;grid-template-columns:auto 1fr;column-gap:28px;align-items:start}
.f-legal-rail{grid-column:1;grid-row:1;display:flex;flex-wrap:wrap;align-items:center;gap:0 3px}
.f-legal-rail a{display:inline-flex;align-items:center;min-height:44px;padding:0 11px;
font-size:var(--t-meta);letter-spacing:.015em;color:var(--hm2-ink-3,#8a8ea6);cursor:pointer;
text-decoration:underline;text-decoration-color:#2b2d3a;text-underline-offset:4px;
transition:color .15s,text-decoration-color .15s}
.f-legal-rail a:first-child{padding-inline-start:0}
.f-legal-rail a:hover,.f-legal-rail a:focus-visible{color:#e8e9ef;text-decoration-color:#e8e9ef}
.f-legal-rail .sep{color:#2b2d3a;font-size:13px;user-select:none}
/* ⛔ ההבלטה שסעיף 14ט(ב) דורש. מסגרת + ורוד + משקל — ולא גודל-גופן. */
.f-legal-rail a.f-cancel{color:#ff006d;font-weight:700;gap:8px;text-decoration:none;
padding-inline:14px;margin-inline-start:6px;box-shadow:inset 0 0 0 1px rgba(255,0,109,.45)}
.f-legal-rail a.f-cancel i{font-size:12px}
.f-legal-rail a.f-cancel:hover,.f-legal-rail a.f-cancel:focus-visible{color:#fff;background:#ff006d;box-shadow:inset 0 0 0 1px #ff006d}
/* שורת-דרכי-הביטול — 14ט(ה)(2). צמודה לקישור, לא בעמוד אחר. */
.f-cxl-ways{grid-column:1;grid-row:2;margin:2px 0 8px;font-size:var(--t-meta);line-height:1.5;color:var(--hm2-ink-3,#8a8ea6);letter-spacing:.01em}
.f-cxl-ways a{color:#c1c4c7;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.f-cxl-ways a:hover,.f-cxl-ways a:focus-visible{color:#ff006d}
.f-legal-meta{grid-column:2;grid-row:1;justify-self:end;display:flex;align-items:center;gap:0 16px;flex-wrap:wrap}
.f-legal-meta span{font-size:var(--t-label);color:var(--hm2-ink-3,#8a8ea6);letter-spacing:.1em}
.f-menu-link{display:inline-flex;align-items:center;min-height:44px;font-size:var(--t-label);letter-spacing:.1em;
color:var(--hm2-ink-3,#8a8ea6);text-decoration:none;cursor:pointer;transition:color .15s}
.f-menu-link:hover,.f-menu-link:focus-visible{color:#ff006d}
@media(max-width:860px){
.f-legal{margin-top:16px;grid-template-columns:1fr;column-gap:0}
.f-legal-rail{grid-row:1} .f-cxl-ways{grid-row:2}
.f-legal-meta{grid-column:1;grid-row:3;justify-self:stretch;justify-content:space-between;margin-top:8px}
}
/* ===== טיקר עליון תמידי =====
בכוונה: מוצג בכל תצוגה (בית/מחלקה/אירוע/לו״ז/וכו׳) בלי יוצא מן הכלל, נעול מתחת להאדר (לא בתחתית — שם הוא נעלם מאחורי סרגל הדפדפן במובייל).
אין מחלקת body שמכבה אותו — אם בעתיד מוסיפים כזו (למשל .tkoff), לוודא שהיא לא חלה כאן. */
.ticker{position:fixed;top:calc(var(--adminbar-h) + var(--header-h) + var(--safe-top));bottom:auto;right:0;left:0;z-index:95;
margin-top:0!important; /* אותו תיקון margin-top גלובלי של וורדפרס (ראו הערה מעל header) — חל גם כאן, שכבה קבועה עליונה שנייה */
height:var(--tkh);padding:0 var(--safe-right) 0 var(--safe-left);box-sizing:border-box; /* ★ הגובה חייב להיות בדיוק --tkh: main שומר --tkh, וריפוד-15 יצר טיקר בגובה 55 שחפף/פער */
border-top:3px solid var(--imp-accent);background:linear-gradient(90deg,rgba(255,0,109,.14),rgba(17,10,25,.98) 22%);backdrop-filter:blur(12px);
box-shadow:0 8px 30px rgba(255,0,109,.42);overflow:hidden;white-space:nowrap}
.ticker .row{display:inline-flex;align-items:center;height:calc(var(--tkh) - 3px);gap:38px;animation:tkroll 140s linear infinite;font-family:'stanger','Cascadia Mono','Consolas',ui-monospace,monospace;font-weight:700;font-size:14px;color:#fff;letter-spacing:.12em;-webkit-text-size-adjust:100%;text-size-adjust:100%} /* D-040ג (27.7): **stanger ראשון**. המדידה הראתה ש-Cascadia Mono מכסה גם עברית, ולכן כשהוא הוביל את המחסנית stanger לא נשקל מעולם — הטיקר רץ בגופן הלא-נכון בכל עמוד, לא רק בקופה. הבאג היה בסדר-המחסנית, לא בהקשר. stanger דו-לשוני (כולל לטיני), בדיוק כמו המחסנית הדו-לשונית בראש הקובץ. */
.ticker .row a,.ticker .row b{font-size:14px!important;line-height:1;-webkit-text-size-adjust:100%}
.ticker .row b{color:var(--imp-accent)}
.ticker .row a:hover{color:#fff;cursor:pointer}
/* תגית סוג-אירוע בטיקר (לייב/לילה/במה/לימבו) — נדרש ע"י אסף */
.ticker .row .tk-tag{display:inline-block;font-size:var(--t-label)!important;font-weight:800;letter-spacing:.05em;
padding:2px 6px;margin-inline-end:7px;border-radius:999px;border:1px solid rgba(255,255,255,.32);
color:rgba(255,255,255,.9);vertical-align:middle;line-height:1.3}
/* F-01 · הודעת-טיקר ידנית — בולטת מהאירועים (גוון-מותג), לא-לחיצה. */
.ticker .row .tk-msg{color:var(--imp-accent);font-weight:700}
/* D-POST-SPOTLIGHT · פריט-מודגש בסרגל-העולמות. ורוד-המותג, כי הוא נבחר
ידנית ואמור להיבדל מארבע המחלקות הקבועות שלצידו. */
.mdepts a.spot-world{--w:#ff006e}
.ticker .row .tk-msg .tk-tag{border-color:var(--imp-accent);color:var(--imp-accent)}
@media(max-width:900px){
/* טיקר מובייל: צמוד ישירות מתחת להאדר (שורת-המחלקות גוללת עם התוכן ואינה שכבה קבועה) — פס דק 30px, בלי padding אנכי — טקסט ממורכז ע"י line-height */
.ticker{top:calc(var(--adminbar-h) + var(--header-h) + var(--safe-top));height:var(--tkh);padding:0 var(--safe-right) 0 var(--safe-left);
border-top:none;box-shadow:none;background:rgba(11,13,27,.94)}
.ticker .row{line-height:var(--tkh);height:var(--tkh)} /* במובייל אין border-top, ולכן הגובה מלא */
}
/* ===== פס-CTA תחתון דביק — מובייל בלבד (כרטיסים תמיד בהישג-יד) ===== */
.mcta-bar{display:none}
@media(max-width:900px){
/* 6ד/A-18: הפס הקשרי — נדלק רק בעמוד-אירוע (data-cta=event), נעלם בבית/עולם/תוכן. */
body[data-cta="event"] .mcta-bar,body[data-cta="resume"] .mcta-bar{display:block} /* D-069: גם מצב "המשך רכישה" */
.mcta-bar{position:fixed;bottom:0;right:0;left:0;z-index:96;
padding:12px 16px calc(12px + var(--safe-bottom));
background:rgba(11,13,27,.94);backdrop-filter:blur(14px);border-top:1px solid rgba(172,157,209,.15)}
.mcta-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:56px;background:#ff006d;color:#0b0d1b;
font-family:var(--f-cta-he);font-weight:700;font-size:16px;letter-spacing:.02em;padding:0 14px;
white-space:nowrap;overflow:hidden;
border:none;border-radius:8px;cursor:pointer}
/* ★ 7ב(2) · **זו ההצרה שאסף דיווח עליה** (25.7), ואותרה במכשיר אמיתי 30.7.
`text-overflow:ellipsis` היה מוגדר על הכפתור — אבל הוא `display:flex`, ושם
הכלל **אינו חל**: הוא שייך למכל-בלוק עם תוכן-שורה. התוצאה: שם-אירוע ארוך
(503 פיקסל לתוך 358) נחתך **משני הצדדים** ובלי שום סימן — «ארח את שאזאמאט…
מיש בז׳רנ». המילה הראשונה נעלמה, האחרונה נקטעה, והמשתמש לא יודע שחסר.
התיקון: התווית עוברת לעטיפה פנימית, ושם שלוש-הנקודות עובדות. הכפתור נשאר
flex (הוא צריך למרכז), והעטיפה מקבלת min-width:0 כדי שתוכל להתכווץ בכלל. */
.mcta-btn>.lbl{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* ★★★ D-BUY-PRICE-CELL (28.8, מדידת-נינו · הערת-אסף) — **הכפתור נחתך על
המספר.** נמדד ברוחב 320: תא-התווית 260 פיקסל, הטקסט 302.8 — ומה שנפל
החוצה הוא בדיוק **הספרות**. הכפתור נגמר ב"סטרסס ט…", בלי שקל ובלי מחיר.
ב-390 זה נכנס עם 19 פיקסל רזרבה בלבד, כלומר זה נשבר גם משם והלאה.
★ החוק של נינו: **המחיר הוא תא חתום ברוחב קבוע. הוא לעולם אינו נסוג;
כל השאר בכפתור נסוג מפניו.** ⇒ `flex:0 0 auto` על המחיר, וההצטמצמות
נופלת על התווית בלבד.
⛔ ושם-האירוע יורד מהפס: הכותרת נמצאת סנטימטרים מעליו באותו מסך, והוא
חזר עליה — זו הכפילות שיצרה את הגלישה מלכתחילה. במצב "המשך רכישה"
השם נשאר, כי שם הוא באמת מידע שאינו על המסך. */
.mcta-btn>.pcell{flex:0 0 auto;font-family:'Cascadia Mono',ui-monospace,monospace;
font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"liga" 0,"calt" 0;
font-size:17px;font-weight:700;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
}
body.menu-open .mcta-bar{display:none}
/* D-012: שורת-העולמות המוצמדת חייבת להיעלם בפתיחת תפריט/קופה — אחרת היא צפה מעל מסך-התשלום ואפשר לאבד קנייה */
body.menu-open .mdepts{display:none}
/* ===== עולם מחלקה ===== */
.dept-hero{position:relative;padding:calc(70px) var(--pad) 70px;background:var(--imp-grad);background-size:200% 200%;animation:gradshift 14s ease-in-out infinite;overflow:hidden}
.dept-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0b0d1b,transparent 70%)}
.dept-hero .inner{position:relative;z-index:3;max-width:1120px;margin:0 auto}
.dept-hero .crumb{font-weight:600;font-size:var(--t-label);letter-spacing:.2em;color:rgba(255,255,255,.75);cursor:pointer}
.dept-hero .crumb:hover{color:#fff}
.dept-hero h1{font-family:var(--f-voice);font-weight:bold;font-size:clamp(60px,11vw,124px);color:#fff;line-height:.88;margin:18px 0 0;overflow:hidden}
.dept-hero h1 .line{display:block;transform:translateY(110%);animation:riseup .65s cubic-bezier(.2,.9,.25,1) forwards}
.dept-hero h1 .line:nth-child(2){animation-delay:.1s}
.dept-hero .d-lede{font-family:var(--f-event);font-size:19px;color:#fff;max-width:520px;margin-top:16px;line-height:1.35}
/* שכבות אווירה פר-מחלקה */
.fx{position:absolute;inset:0;z-index:1;pointer-events:none}
/* לילה: כוכבים + כדורי ניאון */
.fx .star{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;animation:tw 3.5s ease-in-out infinite}
@keyframes tw{0%,100%{opacity:.12}50%{opacity:.85}}
.fx .orb{position:absolute;width:220px;height:220px;border-radius:50%;filter:blur(70px);opacity:.4;animation:float 11s ease-in-out infinite}
@keyframes float{0%,100%{transform:translate(0,0)}50%{transform:translate(-40px,-50px)}}
/* מוזיקה: אקולייזר */
.fx .eq{position:absolute;bottom:0;right:0;left:0;height:120px;display:flex;align-items:flex-end;gap:5px;padding:0 4vw;opacity:.35}
.fx .eq i{flex:1;background:linear-gradient(to top,var(--imp-accent),transparent);animation:eqb .9s ease-in-out infinite alternate}
@keyframes eqb{from{height:12%}to{height:96%}}
/* תיאטרון: זרקור */
.fx .spot{position:absolute;top:-30%;right:20%;width:70vw;height:170%;
background:radial-gradient(ellipse 30% 55% at 50% 0%,rgba(255,255,255,.14),transparent 70%);
transform-origin:top center;animation:sweep 7s ease-in-out infinite alternate}
@keyframes sweep{from{transform:rotate(-9deg)}to{transform:rotate(9deg)}}
/* קולנוע: גרעין פילם + פסי לטרבוקס */
.fx .grain{position:absolute;inset:0;opacity:.09;
background-image:repeating-conic-gradient(#fff 0 .0003turn,transparent 0 .0016turn);background-size:170px 170px;animation:grainmv .35s steps(3) infinite}
@keyframes grainmv{0%{transform:translate(0,0)}33%{transform:translate(-40px,25px)}66%{transform:translate(30px,-30px)}100%{transform:translate(0,0)}}
.fx .bar-t,.fx .bar-b{position:absolute;right:0;left:0;height:34px;background:#000;opacity:.55}
.fx .bar-t{top:0}.fx .bar-b{bottom:0}
/* ילדים: קונפטי */
.fx .conf{position:absolute;width:9px;height:9px;border-radius:2px;opacity:.6;animation:confall linear infinite}
.tonight{margin-top:52px;border:1px solid var(--imp-accent);border-radius:4px;padding:20px 24px;
display:flex;align-items:center;gap:18px;background:var(--imp-accent-soft);flex-wrap:wrap;position:relative;overflow:hidden}
.tonight::before{content:"";position:absolute;top:0;bottom:0;width:60px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:shine 3.4s linear infinite}
@keyframes shine{from{right:-80px}to{right:110%}}
.tonight .pulse{width:10px;height:10px;border-radius:50%;background:var(--imp-accent);box-shadow:0 0 12px var(--imp-accent);animation:pu 1.6s ease-in-out infinite}
@keyframes pu{0%,100%{transform:scale(1)}50%{transform:scale(1.45)}}
.tonight .tt{font-family:var(--f-event);font-weight:bold;font-size:18px;color:#fff}
.tonight .td{font-size:var(--t-meta);color:#ac9dd1}
.tonight .btn{margin-right:auto}
@media(max-width:640px){.tonight .btn{margin-right:0;width:100%}}
/* ═══ בלוק-הערוצים בעמוד-עולם · "ספח-הכרטיס" (מוקאפ · ⛔ **טרם אושר לפרסום**, 23.8) ═══════════
הבלוק הוא **ספח-כרטיס אחד**: קו-ניקוב, ותחתיו מלבן מלא בדיו של העולם
(`--imp-accent`). כל השאר אותיות-קטנות שעל גב-הכרטיס. אפס פינה, אפס
מסגרת, אפס צל — כדי שלא ייקרא כאירוע שביעי ברשת. התנועה היחידה היא
הקריעה: הניקוב סטטי, הספח נוסע מטה, והפער ביניהם הוא האפקט.
⛔ שלושת הנתונים המומצאים של הבלוק הישן נמחקו ואינם חוזרים בשום צורה:
מונה-מעורבות שחושב מנוסחה, תג-שידור קבוע-בקוד, וחותמת-זמן קבועה.
שלושתם היו ראיה-חברתית **מומצאת** שהוצגה למבקרים אמיתיים.
מה שאיננו יודעים — איננו מציגים.
⚠ אין כאן `var(--ink)/(--line)/(--dim)`: במוקאפ הם הוגדרו ב-:root, ובעמוד
החי `--ink` קיים רק בתוך `.paper` (והוא שם **בהיר**). ערכי-הפלטה
מוטמעים כמספרים, בדיוק כפי שנוהג שאר הגיליון. */
.sec-lead{font-size:var(--t-body);line-height:1.6;color:#d8d2e4;max-width:56ch;margin:-6px 0 18px}
.ico{font-style:normal;font-weight:400;font-size:16px;line-height:1;display:inline-block;unicode-bidi:isolate}
.fringe{display:grid;grid-template-columns:minmax(0,clamp(290px,40vw,520px)) minmax(0,1fr);gap:26px 44px;align-items:start}
.ticket{position:relative;min-width:0}
/* קו-הניקוב — שני חורים בקצוות. ציטוט ישיר מ-/go, וזה מה שהופך קו מקווקו
לפרפורציה שנקראת בלי מילת-הסבר. */
.perf{display:block;position:relative;height:0;border-top:1px dashed var(--imp-accent)}
.perf::before,.perf::after{content:'';position:absolute;top:-5px;width:9px;height:9px;border-radius:50%;background:#0b0d1b;border:1px solid var(--imp-accent)}
.perf::before{right:-5px}
.perf::after{left:-5px}
.stub{display:block;margin-top:7px;background:var(--imp-accent);color:#0b0d1b;border-radius:0;border:0;box-shadow:none;cursor:pointer;padding:0 14px;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .16s cubic-bezier(.2,.7,.3,1)}
.sface{display:flex;align-items:center;gap:13px;min-height:68px}
/* הסמליל בשבב-דיו: ירוק-וואטסאפ הוא ציטוט-פלטפורמה מאושר, אבל ירוק על
הדגשת-עולם אינו נקרא בחמישה עולמות. השבב תמיד כהה ⇒ #25d366 על #0b0d1b
= 10.3:1, ואותו קוד עובד בכל העולמות. */
.sface .chip{flex:none;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#0b0d1b;color:#25d366}
/* ⛔ כלל שנגזר ממדידת-ניגודיות: **על מילוי-הספח יושבות רק אותיות-ענק.**
דיו על הדגשת-הבמה (#db008c) = 4.04:1 — עובר סף טקסט-גדול (3.0) ונופל
בסף טקסט-רגיל (4.5). לבן אינו פתרון (3.84 על ורוד, 1.62 על תכלת).
הלֶבֶר היחיד שעובד בחמישה עולמות הוא **הגודל**. */
.sname{flex:1 1 auto;min-width:0;font-family:var(--f-event);font-weight:bold;font-size:clamp(24px,5.8vw,31px);line-height:1.04;color:#0b0d1b;overflow-wrap:anywhere}
.sgo{flex:none;display:flex;align-items:center;gap:9px;color:#0b0d1b;font-size:clamp(19px,3.6vw,22px);font-weight:700;letter-spacing:.04em}
.sgo .ico{transition:transform .16s cubic-bezier(.2,.7,.3,1)}
/* הקו-התחתון הוא המשוב חסר-התנועה — נדלק גם למי שכיבה תנועה. */
.stub:hover .sgo,.stub:focus .sgo,.stub:active .sgo,.stub:focus-visible .sgo{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
@media (hover:hover){.stub:hover{transform:translateY(5px)}.stub:hover .sgo .ico{transform:translateX(-4px)}}
/* ⛔ רצפת-דפדפן ספארי 12: `:focus-visible` נוסף רק ב-15.4. הזוג הזה נותן
ל-12 את `:focus` ולדפדפן מודרני את ההתנהגות המדויקת. */
.stub:focus{transform:translateY(5px)}
.stub:focus:not(:focus-visible){transform:none}
.stub:focus-visible{transform:translateY(5px)}
.stub:active{transform:translateY(10px) rotate(.3deg)}
.stub:active .sgo .ico{transform:translateX(-4px)}
@media (prefers-reduced-motion:reduce){.stub,.sgo .ico{transition:none}.stub:hover,.stub:focus-visible,.stub:active{transform:none}.stub:hover .sgo .ico,.stub:active .sgo .ico{transform:none}}
/* ⚠ הספח נוסע 10px מטה בלחיצה ⇒ הכיתוב חייב מרווח גדול ממנו, אחרת הקצה
התחתון נוגע בו בדיוק ברגע-המגע. */
.scap{margin:18px 0 0;font-size:12.5px;line-height:1.55;color:#ac9dd1;max-width:46ch}
/* ── אותיות-קטנות · גב-הכרטיס. אינסטגרם וניוזלטר לא נמחקו ולא הוזזו —
הם ירדו במשקל, ולכן קוראים כהערת-שוליים ולא כאפשרות שנייה ושלישית. ── */
.fine{border-top:1px solid rgba(172,157,209,.15);padding-top:7px;min-width:0;max-width:400px}
.fine-item{border-bottom:1px solid rgba(172,157,209,.15)}
.fine-item:last-child,.fine-item.last{border-bottom:0}
.fhead{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:7px 0;background:none;border:0;cursor:pointer;text-align:right;text-decoration:none;font-family:var(--f-body);color:#ac9dd1;-webkit-tap-highlight-color:transparent}
.fhead>.ico{flex:none;font-size:16px}
.fcap{flex:1 1 auto;min-width:0}
.fname{display:block;font-size:var(--t-body);font-weight:700;color:#fff;line-height:1.25}
.fsub{display:block;font-size:var(--t-label);line-height:1.5;color:#8a8d99;margin-top:3px}
.fgo{flex:none;display:flex;align-items:center;gap:6px;font-size:var(--t-label);font-weight:700;letter-spacing:.12em}
.fgo .ico{transition:transform .16s cubic-bezier(.2,.7,.3,1)}
.fhead:hover .fgo,.fhead:focus .fgo{text-decoration:underline;text-underline-offset:3px}
@media (hover:hover){.fhead:hover .fgo .ico{transform:translateX(-3px)}}
@media (prefers-reduced-motion:reduce){.fgo .ico{transition:none}.fhead:hover .fgo .ico{transform:none}}
/* מזהה-חשבון הוא **נתון** ⇒ קסקדיה. ו-`@` בהקשר עברי הוא תו נייטרלי
שנדבק לקצה הלא-נכון ⇒ `direction:ltr` + בידוד מכריחים את הכיוון. */
#d-ig .fname{font-family:var(--f-body);font-size:12.5px;letter-spacing:.01em;direction:ltr;text-align:right;unicode-bidi:isolate}
#d-ig .ico,#d-ig .fgo{color:#ff86b8}
/* הסמליל הוא **גרפיקה** (סף 3.0) ולכן נשאר בדיו-העולם; מילת-הפועל
באותיות-קטנות עוברת ל-#ac9dd1 = 7.81:1 בכל חמשת העולמות. */
#d-nl-item .ico{color:var(--imp-accent)}
#d-nl-item .fgo{color:#ac9dd1}
/* השדה בלי קופסה — קו-כתיבה על הנייר. */
.nlrow2{display:flex;align-items:center;gap:12px;padding:0 0 10px 0}
/* ⚠ `hidden` הוא display:none של הדפדפן — ו-`display:flex` שלמעלה גובר
עליו. בלי השורה הזו שדה-המייל נפתח תמיד. */
.nlrow2[hidden]{display:none}
.nlrow2 input{flex:1 1 auto;min-width:0;min-height:44px;padding:0 2px;color:#fff;background:none;border:0;border-bottom:1px dashed var(--imp-accent);font-family:var(--f-body);font-size:12.5px}
.nlrow2 input::placeholder{color:#6f7285}
.nlrow2 button{flex:none;min-height:44px;padding:0 2px;background:none;border:0;cursor:pointer;display:flex;align-items:center;gap:6px;color:var(--imp-accent);font-family:var(--f-body);font-size:var(--t-label);font-weight:700;letter-spacing:.12em}
.nlrow2 button:hover,.nlrow2 button:focus{text-decoration:underline;text-underline-offset:3px}
.nlrow2 button[disabled]{opacity:.6;cursor:default}
@media(max-width:760px){
/* בנייד הספח לוקח את כל הרוחב — הוא הפעולה, לא פריט ברשימה. */
.fringe{grid-template-columns:1fr;gap:20px}
.sface{min-height:64px;gap:11px}
.stub{padding:0 12px}
.sface .chip{width:32px;height:32px}
.sgo{letter-spacing:.02em;gap:8px}
.scap{font-size:12px;margin-top:17px}
.fine{padding-top:2px}
.fsub{font-size:var(--t-label)}
.sec-lead{font-size:12.5px;margin:-4px 0 16px}
}
/* ===== עמוד WTF ===== */
.wtf-hero{position:relative;min-height:72vh;display:flex;align-items:center;justify-content:center;text-align:center;
background:var(--imp-grad);background-size:250% 250%;animation:gradshift 10s ease-in-out infinite;overflow:hidden;padding:60px var(--pad)}
.wtf-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0b0d1b,transparent 60%)}
.wtf-hero .big{position:relative;z-index:2}
.wtf-hero h1{font-family:var(--f-voice);font-weight:bold;font-size:clamp(80px,17vw,210px);color:#fff;line-height:.85;margin:0;animation:glitch 4.5s steps(2) infinite}
.wtf-hero .sub{font-family:var(--f-event);font-size:clamp(18px,3vw,26px);color:#fff;margin-top:22px}
.wtf-hero .hint{margin-top:34px;font-weight:600;font-size:var(--t-label);letter-spacing:.3em;color:rgba(255,255,255,.75);animation:bob 1.8s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
.wtf-block{padding:90px 0 0}
.wtf-block .k{font-weight:600;font-size:var(--t-label);color:var(--imp-accent);letter-spacing:.28em}
.wtf-block h2{font-family:var(--f-voice);font-weight:bold;font-size:clamp(38px,7vw,72px);color:#fff;line-height:.92;margin:14px 0 0}
.wtf-block h2 b{color:var(--imp-accent)}
/* FAQ (accordion נגיש, בלי JS) */
.faq{margin-top:26px;max-width:720px;border-top:1px solid #2a2c40}
.faq details{border-bottom:1px solid #2a2c40}
.faq summary{list-style:none;cursor:pointer;padding:17px 34px 17px 0;position:relative;font-family:var(--f-event);font-size:17px;color:#fff;font-weight:600;transition:color .15s}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;top:50%;left:6px;transform:translateY(-50%);font-size:22px;color:var(--imp-accent);transition:transform .2s}
.faq details[open] summary::after{content:"–"}
.faq summary:hover{color:var(--imp-accent)}
.faq details p{font-family:var(--f-body);font-size:15px;line-height:1.55;color:#c1c4c7;margin:0 0 18px;padding-left:34px;max-width:640px}
.wtf-block p{font-family:var(--f-event);font-size:19px;color:#c1c4c7;line-height:1.5;max-width:640px;margin:20px 0 0}
.wtf-facts{margin-top:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:860px){.wtf-facts{grid-template-columns:1fr}}
.fact{border:1px solid rgba(172,157,209,.15);border-radius:4px;padding:22px;background:linear-gradient(180deg,#0d197a22,#0b0d1b);transition:transform .2s}
.fact:hover{transform:rotate(-.6deg) translateY(-3px)}
.fact .num{font-family:var(--f-voice);font-weight:bold;font-size:46px;color:var(--imp-accent);line-height:1}
.fact .lbl{font-size:var(--t-meta);color:#ac9dd1;margin-top:8px;line-height:1.5}
.wtf-sig{margin-top:70px;text-align:center}
.wtf-sig .cur{font-family:var(--f-cursive);font-size:clamp(24px,4vw,34px);color:#ac9dd1}
/* ===== ניגודיות תנועה ===== */
@media (prefers-reduced-motion: reduce){
*,*::before,*::after{animation-duration:.01s !important;animation-iteration-count:1 !important;transition-duration:.01s !important}
}
/* תיקון מובייל קריטי: אנימציות הגרדיאנט האינסופיות (gradshift) רצות על כל כרטיס אירוע (37×)
בו-זמנית עם background-size:200% — עומס repaint שמקפיא/מונע את צביעת הרשת ב-iOS/WebKit.
בנייד מכבים את האנימציות הכבדות (הגרדיאנט נשאר, רק לא זז). דסקטופ לא מושפע. */
@media(max-width:900px){
/* ★★★ 27.8 · `.cine-spiral` **הוחזרה לסיבוב** (הערת-אסף: "למה הספירלה
מפסיקה להסתובב במובייל?"). ההערה שהייתה כאן הודתה בעצמה שזו הייתה
**זהירות לפי תקדים ולא כשל שנמדד**, והתנתה החזרה במדידה על מכשיר. נמדד:
390 רוחב · ספירלה 780×780 · 4 שניות דגימה
כבוי: 60.1 פריימים-לשנייה · אפס פריימים ארוכים · גרוע 18 מ״ש
דלוק: 60.2 פריימים-לשנייה · אפס פריימים ארוכים · גרוע 18 מ״ש
⇒ אפס עלות. וזה גם מה שהיה צפוי: הסיבוב הוא `transform` על אלמנט אחד,
שהמעבד-הגרפי מרכיב; מה שהפיל את המובייל היה `gradshift` שמצייר מחדש
רקע-מדרג על 37 כרטיסים. שתי משפחות-עלות שונות לגמרי, ואחת מהן הודבקה
לשנייה בלי מדידה. [[feedback-label-measured-vs-inferred]]
⚠ נמדד במנוע-ספארי על מק, לא באייפון פיזי. */
.ev .img,.hero .poster,.gate,.dept-hero,.wtfstrip,.tonight{animation:none !important}
}
/* ===== טריגר תפריט (9 פסים) ===== */
.htrig{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--t-meta);letter-spacing:.06em;color:#c1c4c7;transition:color .15s}
.htrig:hover{color:var(--imp-accent)}
.htrig .bars{display:grid;grid-template-columns:repeat(3,4px);gap:2px}
.htrig .bars i{width:4px;height:4px;background:currentColor;transition:transform .2s}
.htrig:hover .bars i:nth-child(odd){transform:scale(1.4)}
/* ===== תפריט השתלטות ===== */
/* ★ D-MENU-QUICKFIX #4 · "אם התפריט אמור לכסות את כל המסך, שיכסה."
נמדד באייפון 14: החלון 664 והשורש 647 — שבע-עשרה שורות-פיקסל של רקע
הציצו מלמטה, כי `inset:0` על `fixed` נמדד מול חלון-הפריסה ולא מול
החלון-הנראה. `100dvh` נמדד מול הנראה, ו-`background` על השורש עצמו
מבטיח שגם אם נשאר פער — הוא בצבע-התפריט ולא בתוכן שמאחור. */
.menu-root{position:fixed;inset:0;height:100dvh;min-height:100%;background:#0b0d1b;z-index:200;display:none}
.menu-root.open{display:block}
.menu-stage{position:absolute;inset:0;background:#0b0d1b;overflow:hidden}
.menu-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;padding:22px var(--pad);max-width:1280px;margin:0 auto}
.menu-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #3d3d3d}
.menu-top .logo{font-family:var(--f-voice);font-weight:bold;font-size:24px;color:#ff006d}
/* ★ נמדד בסריקת-מכשירים: 32 פיקסל גובה — מתחת לרצפת-הנגיעה 44 (ת"י 5568). זה כפתור
ה-*יציאה* מהתפריט, כלומר בדיוק המקום שבו החטאה עולה למשתמש ביוקר. */
.menu-close{display:flex;gap:10px;align-items:center;background:none;border:1px solid #3d3d3d;color:#c1c4c7;
font-family:var(--f-body);font-size:var(--t-meta);padding:8px 14px;min-height:44px;border-radius:4px;cursor:pointer;transition:all .15s}
.menu-close:hover{border-color:#ff006d;color:#ff006d}
.menu-close .x{font-size:var(--t-label);color:#ac9dd1;letter-spacing:.1em}
.menu-body{flex:1;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;min-height:0}
/* ★ #4 · במובייל הרשימה **מותחת** את עצמה על כל הגובה במקום להצטופף בשליש
העליון (נמדד: חמש שורות תפסו את השליש, וכל היתר היה ריק). `stretch` +
שורות שמתחלקות בגובה = תפריט מלא-מסך, וגם יעדי-נגיעה גדולים בהרבה. */
@media(max-width:860px){.menu-body{grid-template-columns:1fr;align-items:stretch;padding-top:12px}}
.menu-items{display:flex;flex-direction:column;overflow-y:auto;min-height:0;max-height:100%;padding-bottom:8px}
@media(max-width:860px){
.menu-items{overflow-y:auto;justify-content:stretch}
.menu-items .mcat,.menu-items .mnow{flex:1 1 0;min-height:64px}
/* ★ #2 · ההרשמה-לניוזלטר **לא** לוקחת מנת-גובה כמו שורת-תפריט. עד היום היא
נכנסה לאותו זרם-גמיש ומתחה את עצמה, ולכן "עיוותה הכל" סביבה. */
.menu-items .nlin{flex:0 0 auto;width:100%;align-self:stretch}
}
.menu-item{display:flex;align-items:center;gap:14px;padding:7px 10px;border-bottom:1px solid rgba(172,157,209,.12);cursor:pointer;position:relative;transition:background .15s}
.menu-item:hover,.menu-item.active{background:rgba(255,0,109,.05)}
.menu-item .idx{font-size:var(--t-label);color:#ac9dd1;letter-spacing:.1em;width:22px}
.menu-item .label{font-family:var(--f-voice);font-weight:bold;font-size:clamp(19px,3.2vh,30px);color:#fff;line-height:1;transition:color .15s,transform .2s}
.menu-item:hover .label,.menu-item.active .label{color:var(--imp-accent);transform:translateX(-6px)}
.menu-root.glitch-on .menu-item:hover .label{animation:glitch .3s steps(2) 1}
.menu-item .en{margin-right:auto;font-size:var(--t-label);color:var(--hm2-ink-3,#8a8ea6);letter-spacing:.22em}
.menu-item:hover .en{color:#ac9dd1}
.menu-item .arrow{opacity:0;transform:translateX(6px);transition:all .2s;color:var(--imp-accent);font-weight:700}
.menu-item:hover .arrow{opacity:1;transform:none}
.menu-preview{display:flex;flex-direction:column;gap:14px}
@media(max-width:860px){.menu-preview{display:none}}
.preview-card{border:1px solid rgba(172,157,209,.2);border-radius:4px;min-height:300px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;
background:var(--imp-grad);background-size:200% 200%;animation:gradshift 10s ease-in-out infinite;position:relative;overflow:hidden}
.preview-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,13,27,.85),transparent 55%)}
.preview-card>*{position:relative;z-index:2}
.pv-stamp{font-size:var(--t-label);letter-spacing:.2em;color:rgba(255,255,255,.7)}
.pv-pt{font-family:var(--f-voice);font-weight:bold;font-size:clamp(34px,5vh,52px);color:#fff;line-height:.92;white-space:pre-line}
.pv-meta{display:flex;justify-content:space-between;font-size:var(--t-label);color:#fff}
.pv-meta .date{color:var(--imp-accent);font-weight:600;filter:brightness(1.3)}
.pv-foot{display:flex;justify-content:space-between;align-items:center;gap:14px}
.pv-foot .who{font-family:var(--f-event);font-weight:bold;font-size:16px;color:#fff}
.pv-foot .sub2{font-size:var(--t-label);color:#ac9dd1;letter-spacing:.05em;margin-top:4px}
.pv-foot .cta{font-weight:600;font-size:var(--t-meta);color:var(--imp-accent);letter-spacing:.06em;cursor:pointer;white-space:nowrap}
/* ===== CANCEL-SELF · חלוניות-הביטול באיזור-האישי =====
מסך שמדבר על כסף חייב להיות שקט ומדויק: מספרים מיושרים, כפתור-הפעולה אינו
הכפתור הבולט כשהפעולה הרסנית, ורצפת-נגיעה 44 בכל כפתור (ת"י 5568). */
.cx-wrap{position:fixed;inset:0;z-index:400;background:rgba(4,5,12,.82);backdrop-filter:blur(3px);
display:flex;align-items:center;justify-content:center;padding:18px;overflow-y:auto}
.cx-box{background:#11131f;border:1px solid rgba(172,157,209,.28);border-radius:8px;max-width:440px;width:100%;
padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.cx-t{font-family:var(--f-voice);font-weight:bold;font-size:clamp(21px,3.4vh,28px);color:#fff;line-height:1.1;margin-bottom:10px}
.cx-p{font-size:13.5px;color:#c1c4c7;line-height:1.75;margin:0 0 12px}
.cx-n{font-size:var(--t-meta);color:#8a8ea6;line-height:1.7;margin:0 0 14px}
.cx-err{font-size:var(--t-meta);color:#ff6b6b;line-height:1.6;min-height:18px;margin:2px 0 8px}
.cx-sum{border:1px solid rgba(172,157,209,.2);border-radius:5px;padding:12px 14px;margin:0 0 12px;font-size:var(--t-body)}
.cx-sum>div{display:flex;justify-content:space-between;gap:14px;padding:5px 0;color:#c1c4c7}
.cx-sum>div b{color:#fff;font-family:var(--f-body)}
.cx-sum .tot{border-top:1px solid rgba(172,157,209,.2);margin-top:5px;padding-top:9px}
.cx-sum .tot b{color:var(--imp-accent);font-size:16px}
.cx-l{display:block;font-size:var(--t-label);color:#ac9dd1;letter-spacing:.06em;margin:8px 0 5px}
.cx-i{width:100%;background:#0b0d1b;border:1px solid rgba(172,157,209,.32);border-radius:4px;color:#fff;
font-family:var(--f-body);font-size:15px;padding:12px;min-height:44px;margin-bottom:4px}
.cx-i:focus{outline:none;border-color:#ff006d}
.cx-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.cx-row button{flex:1;min-width:132px;min-height:44px;border-radius:4px;cursor:pointer;
font-family:var(--f-body);font-size:var(--t-body);padding:12px 14px;transition:all .15s}
.cx-b1{background:#ff006d;border:1px solid #ff006d;color:#fff}
.cx-b1:hover{filter:brightness(1.12)}
.cx-b1:disabled{opacity:.6;cursor:default}
.cx-b2{background:none;border:1px solid rgba(172,157,209,.4);color:#c1c4c7}
.cx-b2:hover{border-color:#ff006d;color:#fff}
/* ★ CANCEL-GATE — שער-הביטול בטופס-הקשר. משתמש ב-.cx-* של חלונית-הביטול
(אותה שפה חזותית, אותו מסך-החלטה) ומוסיף רק את מה שאין שם: שורת-כרטיס
וכפתור-בחירה שאינו יושב ב-.cx-row. */
.ctx-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.ctx-row>span{color:#fff;min-width:0;font-size:var(--t-body)}
.ctx-row small{display:block;color:#8a8ea6;font-size:var(--t-label);margin-top:2px}
.ctx-pick{flex:none;min-height:38px;padding:0 14px;border-radius:4px;cursor:pointer;
font-family:var(--f-body);font-size:var(--t-body);background:none;border:1px solid rgba(172,157,209,.4);color:#c1c4c7;transition:all .15s}
.ctx-pick:hover{border-color:#ff006d;color:#fff}
.ctx-esc{font-size:var(--t-meta);color:#8a8ea6;line-height:1.7;margin:14px 0 0}
.ctx-esc a{color:#7ed9e6;cursor:pointer;text-decoration:underline}
.ctx-ident{border:1px solid rgba(172,157,209,.2);border-radius:5px;padding:11px 13px;margin:0 0 4px;
font-size:var(--t-meta);color:#8a8ea6;line-height:1.8}
.ctx-ident b{color:#c1c4c7;font-weight:normal}
.ct-field{display:flex;flex-direction:column;gap:6px;font-size:var(--t-meta);color:var(--hm2-ink-3);line-height:1.6}
/* ===== F-02 · שכבת-כניסה: קטגוריות-על → תת-תפריט מלא-מסך (אפיון docs/menu-f02-spec.md) =====
★ MENU-CARDS (הכרעת-אסף 29.7): מצב "כרטיסים" אינו רשימת-עולמות אלא **לוח-אירועים**
כרונולוגי — כמו לוח-יציאות: שעה+יום+תאריך (ימין) · שם-האירוע (מרכז) · "כרטיסים" (שמאל).
העולמות נשארים נגישים כמסננים מעל הלוח, ולא נעלמו.
טיפוגרפיה מהספר: ראשי=שטנגר-מודגש (--f-voice) · משני/מוקטן=קסקדיה (--f-body). */
.mcat{display:flex;align-items:center;gap:14px;padding:12px 10px;border-bottom:1px solid rgba(172,157,209,.12);cursor:pointer;position:relative;background:none;border-left:0;border-right:0;border-top:0;width:100%;text-align:right;font:inherit;color:inherit;transition:background .15s}
.mcat:hover,.mcat.active{background:rgba(255,0,109,.05)}
/* ★ F-02 · הפריט-הראשי ב-stanger, לא shimshon. האפיון נעל את זה במפורש
("ראשי גדול: stanger מודגש ★ ננעל"), ומוקאפ-נינו v2 מגדיר `--f-head:'stanger'`.
החי רץ על --f-voice (shimshon) — קול-המותג במקום קול-האירוע. נמדד ב-390. */
/* ★ #3 · `line-height:1` חתך את הכותרות. גובה-שורה קטן מגובה-הגליף מוריד
קצוות למעלה ולמטה — בעברית ובלטינית כאחד. 1.14 נותן מקום אמיתי. */
.mcat .c-he{font-family:var(--f-event);font-weight:bold;font-size:clamp(26px,5vh,44px);color:#fff;line-height:1.14;padding-block:.04em;transition:color .15s,transform .2s}
.mcat:hover .c-he,.mcat.active .c-he{color:var(--imp-accent);transform:translateX(-6px)}
.mcat .c-meta{margin-right:auto;display:flex;flex-direction:column;gap:3px;align-items:flex-start}
/* ★ #3 · האותיות-הגדולות והמספרים נחתכו: אלה גליפים גבוהים בגופן-מונוספייס
בלי גובה-שורה מוצהר. 1.5 + מרווח-פנימי קטן = אפס חיתוך בשבעת המכשירים. */
.mcat .c-en{font-size:var(--t-label);color:var(--hm2-ink-3,#8a8ea6);letter-spacing:.22em;line-height:1.5;padding-block:1px}
.mcat .c-sub{font-size:var(--t-label);color:#ac9dd1;line-height:1.5;padding-block:1px}
/* ★ #5 · אייקון-הקטגוריה, מספריית-הסמלים שלנו (השראת דור-5). */
.mcat .c-ico,.mnow .c-ico{font-size:19px;line-height:1;color:var(--imp-accent);opacity:.72;flex:none;transition:opacity .2s}
.mcat:hover .c-ico,.mcat.active .c-ico,.mnow:hover .c-ico{opacity:1}
.mcat .c-go{color:var(--imp-accent);font-weight:700;opacity:.55;transition:opacity .2s,transform .2s}
.mcat:hover .c-go{opacity:1;transform:translateX(-4px)}
/* ★ שורת-NOW — האלמנט החי. הכרעת-אסף 30.7: **ה-ON AIR עובר לצד-השני**, כך שהמילה
NOW יושבת בדיוק באותה שורה כמו שאר הפריטים. לכן אותו סדר-בנים כמו `.mcat`
(צ׳יברון → כותרת → מטא-שמאלה) ואותו גופן/גודל — ההצמדה נבדקת בעין ב-390. */
/* ★ D-MENU-QUICKFIX #6 · מילות-אסף: "צריכה להיראות שורה **רגילה** פשוט עם
תוכן מתחלף ואפקטים מפתיעים, אבל טיפוגרפית להיות שתולה בצורה די רגילה."
⇒ הקופסה יורדת: אין רקע-כהה, אין מסגרת, אין פינה מעוגלת. אותו ריפוד,
אותו קו-תחתון ואותו קנה-מידה כמו `.mcat`. ההפתעה נשארת בתוכן ובתנועה. */
.mnow{background:none;border:0;border-bottom:1px solid rgba(172,157,209,.12);border-radius:0;margin-top:0;padding:12px 10px;display:flex;align-items:center;gap:14px;cursor:pointer;width:100%;text-align:right;font:inherit;color:inherit;transition:background .15s}
.mnow:hover,.mnow:focus-visible{background:rgba(255,0,109,.05)}
.mnow .n-go{color:#ff006d;font-weight:700;opacity:.55;transition:opacity .2s,transform .2s;flex:none}
.mnow:hover .n-go{opacity:1;transform:translateX(-4px)}
.mnow .n-side{margin-right:auto;display:flex;align-items:center;gap:10px;flex:none}
.mnow .n-tag{display:flex;align-items:center;gap:6px;font-family:var(--f-body);font-size:var(--t-label);line-height:1.5;letter-spacing:.18em;color:#ff006d;white-space:nowrap}
.mnow .n-dot{width:7px;height:7px;border-radius:50%;background:#ff006d;animation:mnowpulse 1.6s ease-in-out infinite}
@keyframes mnowpulse{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes mnowslide{from{transform:translateX(14px);opacity:0}to{transform:none;opacity:1}}
/* טקסט-רץ **ימינה** (חידוד-v5) — נכנס משמאל ויוצא בימין, בכיוון-הטיקר. */
@keyframes mnowmarq{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
/* ★ #6 · אותו גודל ואותו גופן כמו `.c-he` — לא "כמעט". ★ #3 · גובה-שורה 1.14. */
.mnow .n-stage{font-family:var(--f-event);font-weight:bold;font-size:clamp(26px,5vh,44px);color:#fff;line-height:1.14;padding-block:.04em;flex:1;min-width:0;overflow:hidden;white-space:nowrap}
.mnow .n-stage.sm{font-size:clamp(17px,2.9vh,26px)}
/* ★★★ הערת-אסף 11.8: **"טיקר חתוך"**. המדידה ב-390: הבמה מקבלת 162 פיקסל מתוך
שורה של 331 — `ON AIR` בולע את השאר — בזמן שהטקסט הארוך ביותר תופס 294.
כלומר שלושה מתוך שישה מצבים נחתכו תמיד, בכל טלפון. שני תיקונים:
(1) מדרגת-מידה שלישית לשורות הארוכות; (2) במובייל התווית הלטינית של התגית
יורדת ו**הנקודה-הפועמת נשארת** — היא הסימן, לא המילה. הבמה מרוויחה ~85 פיקסל. */
.mnow .n-stage.xs{font-size:clamp(15px,2.4vh,20px)}
@media(max-width:860px){ .mnow .n-tag #menu-now-tag{display:none} .mnow .n-side{gap:0} }
/* ⛔ 12.8 (אסף): **בלי שלוש-נקודות, אף פעם.** "שם ארוך אמור לרוץ כמו באנר, לא להופיע
עם שלוש נקודות" — שם שנחתך הוא שם שהמשתמש לא יודע מה הוא, וזו בדיוק הפעם שבה
השורה נועדה למכור. `ellipsis` ⇐ `clip`, ומה שלא נכנס מקבל מרקי (ר' fitToStage). */
.mnow .n-stage .n-txt{display:inline-block;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:clip;vertical-align:bottom}
/* ★ 12.8 · "התחיל:" — ורוד-המותג, כשהאירוע באמת רץ ברגע זה. */
.mnow .n-stage .n-live{color:#ff006e}
/* המרקי מודד את עצמו במונחי-המכל (block ברוחב מלא), ולכן הוא באמת נכנס משמאל ויוצא
בימין — ולא "זז ברוחב עצמו". משך קצר מהמחזור, כדי שהחלפת-המצב לא תקטע תנועה. */
/* ★ הערת-אסף 31.7 (#4): "הטיקר בשורה-החכמה רץ מהר מדי — להאט משמעותית".
3.1 שניות לחציית-שורה שלמה זה הבזק, לא טיקר: העין לא מספיקה לקרוא שם-אירוע
בזמן שהוא נוסע. 3.1s ⇐ 9.2s (פי שלושה איטי יותר). זמן-השהייה של המצב הוארך
בהתאמה ב-JS (`MENU_NOW_DWELL`) — אחרת המצב היה מתחלף באמצע התנועה. */
.mnow .n-stage.marq .n-txt{display:block;width:100%;max-width:none;text-overflow:clip;animation:mnowmarq 9.2s linear forwards}
/* D-MNOW-NL-COLLISION (27.8, הערת-אסף) — **שם גלובלי מתנגש.**
המחלקה `nl` שייכת לבלוק-הניוזלטר של דף-הבית (שורה 902): מסגרת, פינה
מעוגלת, ריפוד 32/20, מרווח-עליון 80 ורקע-מדרג כחול. שורת-NOW הוסיפה
בדיוק את השם הזה במצב-הניוזלטר, ולכן הבמה קיבלה קופסה שלמה —
'כפתור מוזר שסוטה מהשורה' במילותיו. השם צומצם ל-n-nl, שקיים רק כאן. */
.mnow .n-stage.n-nl{color:#7ed9e6}
/* הסמן-הוורוד-השמן (חידוד-v5) — פס, לא קו-גבול. */
.mnow .n-cur{display:inline-block;width:.42em;height:.82em;background:#ff006d;vertical-align:-.04em;margin-left:2px;animation:mnowcur .82s steps(1) infinite}
@keyframes mnowcur{0%,49%{opacity:1}50%,100%{opacity:0}}
/* ★★ 12.8 · נגישות — `prefers-reduced-motion` עוצר את **כל** התנועה בשורה החיה:
הבאנר-הרץ, הסמן, הנקודה-הפועמת וההחלקה. במקום מרקי, השם **נשבר לשתי שורות** —
כי הדרישה האמיתית היא "לראות את השם המלא", ובלי תנועה הדרך היחידה היא לגלוש לשורה
שנייה. חיתוך היה מחזיר בדיוק את הבעיה שהמרקי בא לפתור. ה-JS משלים: בלי הקלדה ובלי
ריצוד — הטקסט המלא נכתב בבת-אחת (ר' menuNowRender). */
@media(prefers-reduced-motion: reduce){
.mnow .n-stage{white-space:normal}
.mnow .n-stage .n-txt{white-space:normal;overflow:visible;animation:none!important}
.mnow .n-stage.marq .n-txt{display:block;animation:none!important;transform:none}
.mnow .n-cur,.mnow .n-dot{animation:none}
}
/* ניוזלטר-אינליין — "רוצה ניוזלטר?" שנפתח **באותה שורה** לכן+שדה+שגר (הכרעת-אסף 30.7).
הרחבה-במקום: הגובה נשמר, שאר התפריט לא זז. שדה בגודל 16 — מתחת לזה אייפון מזגזג-זום. */
/* ★★★ הערת-אסף 11.8: **"הפונט צריך להתחפש לפונט של שאר התפריט — גדול. וגם השלח."**
שתי נקודות-העגינה יושבות באותו מכל (`#menu-l2-body`) אבל בין **שכנים שונים**:
`#nlin-board` בין שורות-אירוע (`.e-name`, גופן-האירוע), ו-`#nlin-info` בין
שורות-תפריט (`.mrow .m-he`, גופן-הקול). "להתחפש" = לקחת את הגופן והמידה של
השכן, ולכן המידה נקבעת פר-עוגן במשתנה ולא כערך אחד לכולם. */
.nlin{--nl-f:var(--f-voice);--nl-s:clamp(19px,3vh,28px);
display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:13px 6px;border-bottom:1px solid rgba(172,157,209,.14);min-height:56px}
#nlin-board{--nl-f:var(--f-event);--nl-s:clamp(17px,2.6vh,26px)}
/* ★★ הערת-אסף 31.7 (#5): "רוצה ניוז' חורג מהשורה ונראה מוזר — הכל צריך להיראות
פשוט טקסט". מה שחרג: הכיתוב רץ ב-shimshon-מודגש 28px ציאן (גדול מכל שורה אחרת
ברשימה), והצ׳יברון ישב בקצה **הפותח** של השורה בזמן שבכל שאר השורות הוא בקצה
הסוגר — כלומר הפריט בלט מהעמודה ונקרא כאלמנט זר. התיקון: טקסט-גוף רגיל בקנה-המידה
של הרשימה, בלי צ׳יברון-פותח, בלי משקל-כותרת. הציאן נשאר — הוא צבע ולא עיטור. */
.nlin .nl-q,.nlin .nl-yes{font-family:var(--nl-f);font-weight:bold;font-size:var(--nl-s);line-height:1.05;color:#7ed9e6;letter-spacing:0}
.nlin .nl-q{background:none;border:0;padding:0;cursor:pointer;min-height:44px;display:flex;align-items:center;text-align:right}
.nlin .nl-q:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
/* ⚠ המידה חייבת להישאר 16 ומעלה — מתחת לזה אייפון מזגזג-זום בפוקוס.
`--nl-s` מתחיל ב-17/19, ולכן הכלל הזה מתקיים גם בגדול. */
.nlin .nl-i{flex:1;min-width:130px;background:#0b0d1b;border:0;border-bottom:2px solid rgba(126,217,230,.5);color:#fff;
font-family:var(--nl-f);font-weight:bold;font-size:var(--nl-s);line-height:1.05;padding:8px 6px;min-height:48px;border-radius:0}
.nlin .nl-i::placeholder{color:rgba(172,157,209,.55);font-weight:400}
.nlin .nl-i:focus{outline:none;border-bottom-color:#ff006d}
.nlin .nl-go{background:#ff006d;border:0;color:#fff;font-family:var(--nl-f);font-weight:bold;font-size:var(--nl-s);line-height:1.05;
padding:9px 14px;min-height:48px;border-radius:3px;cursor:pointer;white-space:nowrap}
.nlin .nl-go:hover{filter:brightness(1.12)}
.nlin .nl-go:disabled{opacity:.6;cursor:default}
.nlin .nl-msg{width:100%;font-family:var(--f-body);font-size:var(--t-meta);color:#ac9dd1;line-height:1.6}
.nlin .nl-msg.err{color:#ff6b6b}
.nlin .nl-msg.ok{color:#7ed9e6}
/* תת-תפריט מלא-מסך + סרגל-התמצאות */
.menu-l2{display:none;flex-direction:column;min-height:0;height:100%}
.menu-body.l2 .menu-items,.menu-body.l2 .menu-preview{display:none}
.menu-body.l2{grid-template-columns:1fr}
.menu-body.l2 .menu-l2{display:flex}
/* סרגל-ההתמצאות בשתי שורות: היציאה למעלה, "איפה אני" מתחתיה. שורה אחת הצטופפה
ב-390 עד שהתווית הלטינית נדבקה לכותרת העברית — ר' צילום-390 של הסבב הראשון. */
/* ★★ כלל-קבע (הכרעת-אסף 31.7, #3): **חיצים באים מספריית-הסמלים שלנו בלבד** —
איקון-הפונט `hmr2` (מחלקות `hmr2-*`) ומוטיב-הצ׳יברון `›››`. אף פעם לא תו-יוניקוד
גנרי כמו `‹` / `→`. כפתור-החזרה נשא `‹` — תו-ציטוט שמתהפך ב-RTL ומצויר
בגופן-הטקסט, כלומר "סימן שנראה כמו חץ" ולא החץ של הספר. הוחלף ב-`hmr2-arrow-right`:
ב-RTL הכיוון-לאחור הוא **ימינה**, ולכן זה החץ הנכון (נבדק על רנדר, לא על שם-המחלקה). */
.mcrumbs{display:flex;flex-direction:row;align-items:center;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(172,157,209,.2)}
/* ★ D-MENU-QUICKFIX #5 · "כותרות גדולות לחזרה אחורה" — בדיוק כפי שדור-5 עשה:
החץ מאבד את הקופסה ונעשה **גדול ומגנטה**, והכותרת עולה לקנה-מידה של כותרת
ולא של תווית. יחד הם קוראים כ"איפה אני, ואיך יוצאים" בלי להסביר. */
.mcrumb-back{background:none;border:0;color:var(--imp-accent);line-height:0;
min-width:44px;min-height:44px;padding:6px;border-radius:0;cursor:pointer;
display:inline-flex;align-items:center;justify-content:center;flex:none;transition:transform .16s ease,color .15s}
.mcrumb-back i{font-size:clamp(30px,6vw,46px);line-height:1;display:block}
.mcrumb-back:hover{transform:translateX(6px);color:#fff}
.mcrumb-back:focus-visible{outline:2px solid #ff006d;outline-offset:2px;color:#fff}
/* ★ F-02 · כותרת-השכבה-המשנית באותו קול כמו הפריט-הראשי (stanger מודגש).
★ #5 · והיא גדלה לקנה-המידה של דור-5. #3 · גובה-שורה אמיתי, בלי חיתוך. */
.mcrumb-here{display:flex;flex-direction:column;gap:4px;font-family:var(--f-event);font-weight:bold;font-size:clamp(34px,8vw,64px);color:#fff;line-height:1.14;padding-block:.04em;min-width:0}
.mcrumb-here .sml{font-family:var(--f-body);font-weight:400;font-size:var(--t-label);color:#ac9dd1;letter-spacing:.18em;line-height:1.5;padding-block:1px}
/* הכותרת מקבלת מיקוד-בקוד בכניסה לשכבה (ר' menuOpenCat) — בלי טבעת, כי היא
אינה פקד. הסימון החזותי של "איפה אני" הוא הכותרת עצמה. */
.mcrumb-here:focus{outline:none}
.menu-l2-body{flex:1;overflow-y:auto;min-height:0;padding:14px 0 8px;-webkit-overflow-scrolling:touch}
/* ★ נמדד באייפון 14 (חלון 664): הפוטר תפס 136 פיקסל — כחמישית מהמסך — והלוח נשאר עם
290, כלומר שתי שורות וחצי. בתת-תפריט הפוטר הוא קישוט; הלוח הוא התוכן. במובייל
הוא נסגר שם בלבד (ברמה-הראשונה ובדסקטופ הוא נשאר). הלוח עולה ל-426, +47%. */
/* ⛔ #8 · הכלל שהסתיר את הפוטר בתת-תפריט מיותר — אין יותר פוטר בתפריט. */
/* ★ שורת-הקטגוריות (סדר-אסף 30.7): מיוחד ראשון · אחריו העולמות · פסטיבל אחרון.
קטגוריה בלי אירועים **מוסתרת** — צ׳יפ שמוביל לרשימה ריקה הוא הבטחה שבורה.
כל צ׳יפ נושא את צבע-העולם שלו, אותו קוד-צבע של שורת-המחלקות בראש האתר. */
.mfilters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.mfilter{--w:#ac9dd1;background:none;border:1px solid rgba(172,157,209,.35);color:#c1c4c7;font-family:var(--f-body);font-size:var(--t-meta);padding:9px 15px;border-radius:999px;cursor:pointer;min-height:44px;transition:all .15s;display:flex;align-items:center;gap:7px}
.mfilter::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--w);opacity:.75;flex:none}
.mfilter:hover{border-color:var(--w);color:#fff}
.mfilter.on{background:var(--w);border-color:var(--w);color:#0b0d1b;font-weight:700}
.mfilter.on::before{background:#0b0d1b;opacity:1}
.mfilter.f-promo{--w:#ff006d}
/* לוח-האירועים — הציור של אסף */
.eboard{display:flex;flex-direction:column}
.erow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:100%;text-align:right;
background:none;border:0;border-bottom:1px solid rgba(172,157,209,.14);padding:12px 6px;cursor:pointer;font:inherit;color:inherit;transition:background .15s}
.erow:hover{background:rgba(255,0,109,.05)}
.e-when{display:flex;flex-direction:column;gap:2px;min-width:88px}
.e-time{font-family:var(--f-body);font-size:clamp(19px,2.6vh,24px);color:#fff;letter-spacing:.02em;line-height:1}
.e-date{font-size:var(--t-label);color:#ac9dd1;white-space:nowrap}
.e-mid{display:flex;flex-direction:column;gap:4px;min-width:0}
/* ★★ הכרעת-אסף 31.7 (#1 · ביטול הכרעת-30.7): **תיוג-כפול יוצא**. סוג-האירוע הופיע
פעמיים — גם כצ׳יפ-אליפסה-ממוסגר בשורה-עליונה, וגם כטקסט-צבעוני לצד השם. הצ׳יפ
הוסר; **הטקסט-הצבעוני נשאר**. עם הצ׳יפ ירדה גם שורת-`.e-top` כולה — ולכן כל שורה
בלוח נחסכת שורה, והלוח חוזר להיות אחיד כמו לוח-יציאות.
★ #2 · התגית-החכמה ("בכורה" · "מחר") עברה **לסוף שורת-שם-האירוע**, לא מעליה. */
.e-wname{--w:#ac9dd1;font-family:var(--f-event);font-weight:bold;color:var(--w);white-space:nowrap}
.e-sep{color:var(--hm2-ink-3,#8a8ea6);font-weight:400}
/* nowrap ולא wrap: התגית חייבת להישאר **באותה שורה**. השם מתכווץ (הוא ממילא נחסם
לשתי שורות ב-.e-title) — התגית לא נדחפת לשורה משלה. */
.e-name{font-family:var(--f-event);font-weight:bold;font-size:clamp(17px,2.6vh,26px);color:#fff;line-height:1.05;display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.erow:hover .e-name{color:var(--imp-accent)}
/* ★ שם-אירוע נחסם לשתי שורות. אירוע אמיתי אחד באתר נקרא «צוקוש (מארח את שאזאמאט,
חן פורתי, בן גדסי, מיש בז׳רנו)» — הוא נפרש לשש שורות והרס את אחידות-הלוח. לוח
יציאות שכל שורה בו בגובה אחר מפסיק להיות לוח. השם המלא בעמוד-האירוע, קליק אחד משם. */
.e-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-width:0}
/* ★ #2 · `margin-inline-start:auto` דוחף אותה לקצה-השורה (ב-RTL: הקצה השמאלי) —
"בסוף אותה שורה של שם-האירוע". flex:none כדי שלא תתכווץ לפני השם. */
.e-tag{font-family:var(--f-body);font-size:var(--t-label);letter-spacing:.08em;color:#fff;background:rgba(255,0,109,.18);border:1px solid rgba(255,0,109,.5);border-radius:3px;padding:3px 7px;white-space:nowrap;flex:none;margin-inline-start:auto}
.e-buy{font-family:var(--f-body);font-size:var(--t-meta);color:#fff;background:#ff006d;border-radius:3px;padding:11px 14px;white-space:nowrap;min-height:44px;display:flex;align-items:center}
.e-buy.soon{background:none;border:1px solid #3d3d3d;color:#8a8ea6}
.eempty{padding:22px 6px;font-size:var(--t-body);color:#ac9dd1}
/* ★ שלוש עמודות נשמרות עד 340 — זה הציור של אסף ומה שהמוקאפ המאושר מראה ב-390.
סבב ראשון שבר את הכפתור לשורה משלו ב-520 והפך אותו לפס-ענק; זו הייתה סטייה
מהמוקאפ, לא שיפור. רק מתחת ל-340 (מסך צר-קיצוני) נערמים, כדי לא לגלוש. */
@media(max-width:390px){
.erow{gap:10px;padding:11px 2px}
.e-when{min-width:76px}
.e-buy{padding:11px 10px}
}
/* ★★ #2 · **החזרת-רוחב לשם-האירוע** — נמדד ב-390 אחרי שהתגית עברה לשורת-השם:
עמודת-"מתי" תפסה 120 פיקסל (כי «יום ו׳ · 31 ביולי» נעול ל-nowrap), «כרטיסים» 69,
ולעמודה-האמצעית נשארו 147. התגית לקחה מהם 53, והשם נחתך ל-24 פיקסל — «OUT» הוצג
כ«וט». המסקנה **אינה** להחזיר את התגית לשורה נפרדת (זה מה שאסף פסל), אלא לקחת
בחזרה את הרוחב מהמקום שבזבז אותו: התאריך נשבר לשתי שורות בעמודה צרה, והתגית
מתהדקת. 430 ולא 390 — אייפון 15/16 הם 393/402 ונשארו מחוץ לסף הישן. */
@media(max-width:430px){
.e-when{min-width:0;max-width:84px}
/* היום מעל התאריך, בלי ה-`·` — שני שדות בלוח-יציאות, לא משפט שנשבר. */
.e-date{white-space:normal;line-height:1.32}
.e-date .e-dow{display:block}
.e-date .e-dsep{display:none}
.e-name{gap:6px}
.e-tag{padding:2px 5px;letter-spacing:.02em}
.e-buy{padding:11px 10px}
}
@media(max-width:339px){
.erow{grid-template-columns:auto 1fr;grid-template-areas:"when mid" "buy buy";row-gap:10px}
.e-when{grid-area:when}.e-mid{grid-area:mid}.e-buy{grid-area:buy;justify-content:center}
}
/* רשימת-קישורים בתת-תפריט (חברים · מידע) — עם כותרות-קבוצה לפי המיפוי של אסף 30.7
(המקום · מקצועי · צור-קשר · מידע משפטי). הכותרת בקסקדיה מוקטנת, לא מתחרה בפריטים. */
.mgroup{margin:18px 0 6px;display:flex;align-items:center;gap:10px}
.mgroup:first-child{margin-top:2px}
.mgroup .g-t{font-family:var(--f-body);font-size:var(--t-label);letter-spacing:.2em;color:#ac9dd1;white-space:nowrap}
.mgroup .g-l{flex:1;height:1px;background:rgba(172,157,209,.18)}
.mrow{display:flex;align-items:center;gap:12px;width:100%;text-align:right;background:none;border:0;
border-bottom:1px solid rgba(172,157,209,.14);padding:13px 6px;cursor:pointer;font:inherit;color:inherit;min-height:44px;transition:background .15s}
.mrow:hover{background:rgba(255,0,109,.05)}
/* ★ נמדד: בלי flex:1 העטיפה מצטמצמת ל-min-content (92 פיקסל ב-390) ו"האיזור שלי"
נשבר לשתי שורות — בזמן שיש חצי-שורה פנויה לשמאלה. שבירה מדומה, לא חוסר-מקום. */
.mrow>span:first-child{flex:1;min-width:0}
/* ★ #7 · חריגת-שורה שנמצאה בסריקת-הבדיקה: `.m-he` ו-`.m-sub` היו שני span-ים
**אינליין**, ולכן תת-הכותרת נדבקה לסוף הכותרת באותה שורה ונשברה באמצע —
«כניסה / הזדהותקוד SMS · בלי» / «סיסמה». ה-`margin-top` שלה מעולם לא פעל
(אין margin אנכי על אינליין). block לשניהם = שתי שורות, כפי שתוכנן. */
.mrow .m-he{display:block;font-family:var(--f-voice);font-weight:bold;font-size:clamp(19px,3vh,28px);color:#fff;line-height:1.05}
.mrow:hover .m-he{color:var(--imp-accent)}
/* בלי margin-right:auto — מרווח-אוטומטי בולע את כל השטח הפנוי, ואז flex:1 של
הכותרת נשאר עם בסיס-אפס והמילים נשברות. הדחיפה נעשית ע"י ה-flex, לא ע"י מרווח. */
.mrow .m-en{font-size:var(--t-label);letter-spacing:.2em;color:var(--hm2-ink-3,#8a8ea6);white-space:nowrap}
.mrow .m-sub{display:block;font-size:var(--t-label);color:#ac9dd1;margin-top:5px;line-height:1.4}
.mrow .m-go{color:var(--imp-accent);font-weight:700;opacity:.55}
.mrow:hover .m-go{opacity:1}
/* ⛔ D-MENU-QUICKFIX #8 · כללי `.menu-bottom` הוסרו יחד עם הבלוק עצמו. */
/* ===== מסכת פיקסלים (חשיפת התפריט + מעברי עמוד) ===== */
.pixel-mask{position:absolute;inset:0;z-index:5;display:grid;pointer-events:none}
.pixel-mask .cell{background:#0b0d1b;opacity:1}
.pixel-mask .cell.f{background:var(--imp-accent)}
.pixel-mask .cell.d{background:#0d197a}
.pixel-mask .cell.o{opacity:0;transition:opacity .12s}
/* מעבר עמוד — פייד מהיר וקליל (הוחלף מ"ווייפ" פיקסלים מלא-מסך שכיסה את כל התוכן/הכפתורים
ונתפס כאיטי ותקוע; עכשיו עמעום קצר של שכבה דקה, בלי לחסום CTA ובלי להוסיף השהיה מורגשת) */
.wipe-mask{position:fixed;inset:0;z-index:300;pointer-events:none;background:var(--imp-accent);opacity:0;transition:opacity .16s ease}
/* כשהמעבר מרונדר כפיקסלים — היריעה האחידה יורדת, והתאים עצמם צובעים. */
.wipe-mask.pixel-mask{position:fixed;background:transparent;display:grid}
.wipe-mask.on{opacity:.4;animation:wm-failsafe 2.6s linear forwards}
/* ⛔⛔ ★★★ 24.8.2026 — **רשת-ביטחון שאינה תלויה בקוד שירוץ.**
נמדד: מסכה נתקעה שוב על אייפון (iOS 26.5), **אחרי** שכבר קיימים שלושה
מסלולי-ניקוי — `finally`, טיימר-גיבוי, ו-`visibilitychange`+`pageshow`.
⇒ **שלושתם תלויים בכך שהדף רץ.** ספארי-מובייל מקפיא טיימרים ו-rAF
כשעוברים אפליקציה, והמסכה נשארת ורודה עד שמשהו ירוץ שוב.
★ אנימציית-CSS גם היא מוקפאת ברקע — **אבל היא מתחדשת מעצמה בחזרה
ומסיימת**, בלי להזדקק לאף מאזין, לטיימר או ל-callback.
⇒ **המסכה אינה יכולה להישאר גלויה מעבר ל-2.6 שניות של זמן-ריצה.**
⚠ והמעבר עצמו הוא 0.16 שנ׳ — הרשת ארוכה ממנו פי-16, ולכן אינה קוטעת
ולו מעבר תקין אחד.
⚠ ונמדד גם: `pointer-events:none` על `.wipe-mask` ⇒ **הכפתורים לחיצים
גם כשהיא תקועה.** זו הפרעה חזותית, לא חסימת-קנייה. */
@keyframes wm-failsafe{0%,23%{opacity:.4}100%{opacity:0}}
/* ===== D-INTRO · אינטרו-הפיקסלים (הכרעת-אסף 25.8.2026) =====================
תמונת-קהל אמיתית מחזיקה רגע ומתפרקת לריבועים שנסחפים כלפי מעלה, ומתחתיה
מתגלה האתר. ★ זו **אותה שפה** של `pixelReveal` שרצה בכל פתיחת-תפריט: אותו
גודל-תא (40 בדסקטופ · 42 בנייד) ואותם 15% ריבועים בצבע-המותג.
⛔ הווילון לעולם אינו מעכב: אם התמונה לא מוכנה בתוך 400 אלפיות — הוא נסוג. */
.hm2-intro{position:fixed;inset:0;z-index:900;background:var(--hm2-bg,#0b0d1b);display:none;
opacity:1;transition:opacity .16s linear;
/* ⛔ נמדד 25.8 על עמוד-הבדיקה: תבנית-וורדפרס מגבילה **כל** ילד של
`.entry-content` ל-`max-width:645px` עם שוליים-אוטומטיים, והווילון
ה"מלא" הופיע כרצועה ממורכזת של 645 פיקסל. בדף-הבית החי הכלל הזה אינו
קיים — אבל אסור שמסך-פתיחה יהיה תלוי בכך. שלוש השורות האלה מחסנות אותו. */
/* ⚠ `100vw` כולל את רוחב פס-הגלילה ⇒ גלישה של 15 פיקסל שמייצרת פס אופקי.
`inset:0` לבדו נותן את המידה הנכונה; מה שהיה שבור הוא רק המגבלה והשוליים. */
max-width:none;margin:0;height:100%;height:100dvh}
.hm2-intro.on{display:block}
.hm2-intro.out{opacity:0}
.hm2-intro canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
/* קרדיט-הצלם — דרישת נוהל ספריית-התמונות, ולכן הוא חלק מהאפקט ולא קישוט */
.hm2-intro .cr{position:absolute;bottom:calc(12px + env(safe-area-inset-bottom,0px));
inset-inline-start:14px;font-family:var(--f-body);font-size:var(--t-label);letter-spacing:.08em;
color:rgba(255,255,255,.55);pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.7)}
@media(prefers-reduced-motion:reduce){.hm2-intro{display:none !important}}
/* ===== CRT ===== */
.scanlines{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:.5;
background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 1px,transparent 1px 3px)}
.crt-flicker{position:absolute;inset:0;z-index:7;pointer-events:none;background:#fff;opacity:0;animation:crtf 6s steps(1) infinite}
@keyframes crtf{0%,96.5%,97.5%,100%{opacity:0}97%{opacity:.025}}
.view{display:none}.view.on{display:block}
/* הטיקר עלה לראש (שמירת המקום ב-main, ראה למעלה). כאן נשמר מקום רק לפס-הכרטיסים התחתון הדביק במובייל */
@media(max-width:900px){body[data-cta="event"],body[data-cta="resume"]{padding-bottom:calc(56px + var(--safe-bottom) + 24px)}} /* A-18/D-069: מקום לפס כשמוצג (עמוד-אירוע או "המשך רכישה") */
/* === v8: פסטיבל === */
#v-fest{--fa:#7ed9e6;--fb:#ff006d}
.fest-hero{position:relative;padding:90px 6vw 50px;background:linear-gradient(160deg,#07222a 0%,#0b0d1b 70%);overflow:hidden}
.fest-hero:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(126,217,230,.04) 0 1px,transparent 1px 4px);pointer-events:none}
.fest-k{font-weight:700;font-size:var(--t-label);letter-spacing:.3em;color:var(--fa)}
.fest-hero h1{font-family:var(--f-voice);font-weight:bold;font-size:clamp(52px,9vw,120px);color:#fff;line-height:.95;margin:10px 0 6px}
.fest-hero h1 b{color:var(--fa)}
.fest-sub{font-family:var(--f-event);font-weight:bold;font-size:clamp(18px,2.6vw,28px);color:#ac9dd1}
.fest-dates{display:inline-flex;gap:10px;align-items:center;margin-top:16px;border:1px solid rgba(126,217,230,.4);border-radius:4px;padding:10px 18px;font-weight:700;font-size:14px;color:#fff}
.fest-count{display:flex;gap:14px;margin-top:26px}
.fest-count .cbox{border:1px solid rgba(126,217,230,.35);border-radius:4px;padding:14px 18px;min-width:86px;text-align:center;background:rgba(11,13,27,.6)}
.fest-count .cbox b{display:block;font-family:var(--f-event);font-weight:bold;font-size:34px;color:var(--fa)}
.fest-count .cbox span{font-size:var(--t-label);letter-spacing:.14em;color:#ac9dd1}
/* ===== רצועת פסטיבל 2 בבית (עונתי — מקשרת לעמוד הפסטיבל) ===== */
.festband{--fa:#7ed9e6;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;
margin:26px 0 8px;padding:26px 30px;border:1px solid rgba(126,217,230,.35);border-radius:6px;cursor:pointer;text-decoration:none;
background:linear-gradient(160deg,#07222a 0%,#0b0d1b 72%);position:relative;overflow:hidden;
transition:border-color .25s,box-shadow .25s,transform .25s}
.festband:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(126,217,230,.05) 0 1px,transparent 1px 4px);pointer-events:none}
.festband:hover{border-color:var(--fa);box-shadow:0 0 0 1px rgba(126,217,230,.4),0 0 30px rgba(126,217,230,.22);transform:translateY(-2px)}
.festband .fb-left{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px}
.festband .fb-eyebrow{font-family:var(--f-body);font-size:var(--t-label);letter-spacing:.18em;color:var(--fa)}
.festband .fb-title{font-family:var(--f-voice);font-weight:bold;font-size:clamp(26px,4.4vw,44px);color:#fff;line-height:1}
.festband .fb-title b{color:var(--fa)}
.festband .fb-cta{font-family:var(--f-body);font-size:var(--t-meta);letter-spacing:.06em;color:#ac9dd1}
.festband:hover .fb-cta{color:#fff}
.festband .fb-count{position:relative;z-index:2;display:flex;gap:10px}
.festband .fb-count .cb{border:1px solid rgba(126,217,230,.35);border-radius:4px;padding:10px 14px;min-width:64px;text-align:center;background:rgba(11,13,27,.6)}
.festband .fb-count .cb b{display:block;font-family:var(--f-event);font-weight:bold;font-size:28px;color:var(--fa);line-height:1}
.festband .fb-count .cb span{font-size:var(--t-label);letter-spacing:.14em;color:#ac9dd1}
@media(max-width:640px){.festband{padding:22px 20px}.festband .fb-count{gap:8px}}
.fest-plus{margin:0 6vw;transform:translateY(-24px);background:var(--fb);color:#0b0d1b;border-radius:4px;padding:16px 22px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;box-shadow:0 12px 34px rgba(255,0,109,.35)}
.fest-plus b{font-family:var(--f-voice);font-weight:bold;font-size:20px}
.fest-plus span{font-weight:600;font-size:var(--t-body)}
/* ★ 27.9 (Asaf: "looks bad") · Two fixes for a series that has intro text above the strip.
1. The strip is lifted 24px to overlap the hero. With intro text in between it overlapped
the text instead and hid its last line — so it is lifted only when nothing sits above it.
2. A disclosure label ("פרסום") read as the headline of the offer. It is kept (an ad must be
marked as one) but drawn as a small tag at the end of the line; a real headline such as
"כרטיס פלוס +" keeps its place. The class is set in hm2FestApply from the label text. */
.fest-text:not(:empty)+.fest-plus{transform:none;margin-top:22px}
.fest-plus span{flex:1 1 0;min-width:0}
.fest-plus.lbl-tag b{order:2;flex:none;align-self:center;font-family:var(--f-body);font-size:11px;
letter-spacing:.16em;line-height:1;padding:5px 10px;border:1.5px solid currentColor;border-radius:999px;opacity:.8}
/* ★ 4.9 · סרט-טיוטה — קבוע למסך, מעל הכל, ואי-אפשר לפספס אותו. קיים רק
כשמצב-הפסטיבל הוא טיוטה **וגם** הכתובת נושאת את קישור-התצוגה. */
#hm2-fest-draft{position:fixed;inset:auto 0 0 0;z-index:9999;display:flex;gap:12px;align-items:center;justify-content:center;
flex-wrap:wrap;padding:10px 16px;background:#ffd400;color:#0b0d1b;font-size:13px;font-weight:600;
box-shadow:0 -6px 22px rgba(0,0,0,.4);text-align:center}
#hm2-fest-draft b{font-family:var(--f-voice,inherit);font-size:15px;letter-spacing:.06em;text-transform:uppercase}
body.festdraft{padding-bottom:52px}
/* ★★★ 15.9ב · **משבצת לשותף.** "בשיתוף עיתון הארץ" ישב כשורת-כיתוב של 13
פיקסל מתחת לצ׳יפ-התאריכים — כלומר שם-השותף היה קטן מכל טקסט אחר בראש,
ובשת״פ שבו העיתון הוא חצי מהמותג זו הקטנה שאי-אפשר להגן עליה. ⇒ נעילה
אמיתית: תווית-יחס קטנה ולצדה שם-השותף בקול-האירוע, בקופסה שיושבת **בשורה
אחת עם התאריכים** ולא מתחתיהם. ⛔ בלי לוגו — אין לנו קובץ-מותג של הארץ,
ולהמציא אחד זו הפרה. השם בשטנגר הוא המשבצת; לוגו ייכנס אליה כשיגיע. */
.fest-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}
.fest-meta .fest-dates{margin-top:0}
.fest-partner{display:inline-flex;align-items:center;gap:11px;padding:8px 14px;border-radius:4px;
border:1px solid rgba(126,217,230,.3);border-inline-start:3px solid var(--fa);background:rgba(11,13,27,.55)}
.fest-partner .pl{font-family:var(--f-body);font-size:var(--t-label);letter-spacing:.2em;color:#ac9dd1;white-space:nowrap}
.fest-partner.has-logo{padding:7px 14px}
.fest-partner .plg{display:block;height:clamp(20px,2.1vw,26px);width:auto;max-width:min(42vw,300px);object-fit:contain}
.fest-partner .pn{font-family:var(--f-event);font-weight:bold;font-size:clamp(17px,1.7vw,21px);color:#fff;line-height:1.1}
/* ★★★ 5.9 · ווידג׳טי-הסדרה (עיצוב נינו, 5.9). כל רצועה היא **רצועה רוחבית**
ולא כרטיס: רצועה שנעלמת פשוט אינה קיימת והזרימה נסגרת מעצמה, בעוד כרטיס
שנעלם משאיר חור ברשת. ⇒ עמוד עם שני ווידג׳טים נראה גמור ולא קטוע.
⛔ והמקור לתוכן הוא **הפוסט של הסדרה** — לא מסך-ניהול נפרד. */
/* תמונת-הראש היא **עור-הראש ולא רצועה**: כשהיא כבויה שום דבר לא זז,
משתנה משטח בלבד. זה חצי מהתשובה ל"נראה גמור". */
/* ★★★ 15.9ד · **התמונה היא תמונה, לא רקע.** אסף: *"התמונה לא נועדה להיות רקע,
בטח שלא רק רקע"* ו-*"היא מאוד חתוכה"*. ⇒ לוח-תמונה ברוחב מלא **מעל** הראש,
בבהירות מלאה, **בלי חיתוך בשום רוחב** (`height:auto`), בלי וילון ובלי טקסט
עליה. הכותרת יורדת מתחתיה. (עיצוב נינו, וריאנט א׳ — מוכלא עם בלוקי-הערב.) */
.fest-plate{margin:0;border-top:1px solid rgba(126,217,230,.38);border-bottom:1px solid rgba(126,217,230,.38);background:#0b0d1b}
.fest-plate[hidden]{display:none}
.fest-plate img{display:block;width:100%;height:auto}
.fest-hero.has-plate{padding-top:22px;padding-bottom:36px}
/* ★★★ 15.9ה · **כניסת-הראש — פעם אחת, בטעינה.** הלוח עולה ברכות והכותרת
אחריו, כך שהעין נוחתת על הכרזה ואז על השם. ⛔ אין לולאה, אין ריחוף,
ואין השהיה שמעכבת קריאה: 240 מילישניות בסך-הכל.
⛔⛔ וגם כאן — **המצב ההתחלתי נכתב בידי הסקריפט בלבד.** בלי JS הראש
פשוט שם. [[feedback-a-preview-reported-as-done]] */
.fest-hero.will-intro #fest-plate{opacity:0;transform:translateY(-8px)}
.fest-hero.will-intro h1,.fest-hero.will-intro .fest-sub{opacity:0;transform:translateY(10px)}
.fest-hero.is-intro #fest-plate{opacity:1;transform:none;
transition:opacity 240ms ease-out,transform 240ms ease-out}
.fest-hero.is-intro h1{opacity:1;transform:none;
transition:opacity 240ms ease-out 90ms,transform 240ms ease-out 90ms}
.fest-hero.is-intro .fest-sub{opacity:1;transform:none;
transition:opacity 240ms ease-out 150ms,transform 240ms ease-out 150ms}
@media (prefers-reduced-motion:reduce){
.fest-hero.will-intro #fest-plate,.fest-hero.will-intro h1,.fest-hero.will-intro .fest-sub{opacity:1;transform:none}
.fest-hero.is-intro #fest-plate,.fest-hero.is-intro h1,.fest-hero.is-intro .fest-sub{transition:none}
}
.fest-hero.has-plate h1{font-size:clamp(44px,6.8vw,92px)}
/* ⛔ הרקע-המוכהה הישן (`.fest-img`) אינו נוצר יותר — הכללים נשארים לתאימות בלבד. */
.fest-hero.has-img{padding-top:104px}
.fest-hero .fest-img{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center}
/* וילון-קריאוּת — הכותרת חייבת ניגודיות גם על תמונה בהירה. לא דקורציה. */
.fest-hero .fest-img:after{content:'';position:absolute;inset:0;
background:linear-gradient(to top,#0b0d1b 3%,rgba(11,13,27,.76) 48%,rgba(11,13,27,.42) 100%)}
.fest-hero>*:not(.fest-img){position:relative;z-index:2}
.fest-text{padding:30px 6vw 4px}
.fest-text:empty{display:none}
/* ⚠ 15 פיקסל ולא 13: בקסקדיה ו/ד/ר/ז ו-נ/כ מתחילות להתנגש בעברית כבר ב-12.5. */
.fest-text .body{font-family:var(--f-body);font-size:15px;line-height:1.9;color:#c9ccd6;max-width:56ch}
/* ★★★ 15.9ב · **תקציר אינו גוף-טקסט.** מאז שהרצועה מציגה `post_excerpt` היא
נושאת פסקה אחת (187 תווים ב״שותים מנדטים״) — ועד עכשיו היא רונדרה ב-15
פיקסל אפור, בעמודה של 492 פיקסל, בתוך שורה שהליין-אפ מתחתיה פורש ל-1252.
כלומר: משפט-הפתיחה של הסדרה נראה כהערת-שוליים, ו-55% מרוחב המסך נשאר ריק
לצדו — **שתי מידות-טקסט שונות על עמוד אחד**. ⇒ טקסט קצר מקבל דרגת-פתיח:
גדול יותר, בהיר יותר, ומידה צרה שנקראת כהחלטה ולא כשארית.
⚠ המחלקה נקבעת **לפי אורך הטקסט בפועל**, לא לפי המקבץ — מקבץ שיחזור לשאת
2,000 תווים יקבל שוב גוף-טקסט רגיל בלי שאיש ייגע בקוד. */
.fest-text.lede .body{font-size:clamp(17px,1.7vw,21px);line-height:1.6;color:#e8eaf2;max-width:40ch}
.fest-text .body p{margin:0 0 15px}
.fest-text .body p:last-child{margin-bottom:0}
.fest-text .body a{color:var(--fa)}
.fest-text .body h3,.fest-text .body h4{font-family:var(--f-voice);color:#fff;margin:0 0 10px}
.fest-text .body ul,.fest-text .body ol{margin:0 0 15px;padding-inline-start:20px}
.fest-text .more{display:none;align-items:center;min-height:44px;margin-top:8px;background:none;border:0;padding:0;
cursor:pointer;font-family:var(--f-body);font-size:var(--t-meta);letter-spacing:.1em;color:var(--fa)}
@media(max-width:640px){
/* טקסט ארוך אסור לו לדחוף את הלו״ז מתחת לקפל */
.fest-text .body{display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}
.fest-text.open .body{display:block;-webkit-line-clamp:none}
.fest-text .more{display:inline-flex}
}
/* ⛔ גלריה היא **רשת ולא מסילה נגללת**: נמדד על רנדר שהפריט הראשון במסילת
ימין-לשמאל נחתך, וחצי מהתוכן חי מאחורי מחווה. גלריית-סדרה היא תיעוד. */
.fest-gal{padding:26px 6vw 40px}
.fest-gal:empty{display:none}
/* ═══ ★★★ 15.9ג · רצועת-המשתתפים בפריסת בלוקי-הערב ════════════════════════
8 דיוקנאות ברצועה של 1,083 פיקסל היו שליש מגובה העמוד, בלי כותרת ובלי
סימן למי הם שייכים. בבלוקי-הערב הם יוצאים מהבלוקים (הכרעת-אסף 15.9),
ונשארים כאן — **אחרי** כל הערבים, ממוזערים, תחת כותרת. הם מציגים את
הפנים של הסדרה; הם אינם משתתפים בהכרעה ״איזה ערב״, ולכן הם מתחת לה. */
.fest-gal.faces{padding:18px 6vw 44px}
.fest-gal.faces .gal-h{margin:0 0 14px;font-family:var(--f-event);font-weight:bold;font-size:15px;
letter-spacing:.2em;color:var(--fa);text-transform:none}
.fest-gal.faces .rail{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:18px 14px}
.fest-gal.faces .rail>figure{grid-column:auto;margin:0;min-width:0}
.fest-gal.faces .rail img{aspect-ratio:1;border-radius:3px}
.fest-gal.faces figcaption{margin-top:8px;font-size:var(--t-label);line-height:1.45;letter-spacing:.02em}
.fest-gal.faces figcaption b{display:block;font-weight:700;color:#e2e5ef}
.fest-gal.faces figcaption span{display:block;margin-top:2px;color:#8b8fa6}
/* ⛔ בטלפון רשת של 3 טורים נמדדה ב-865 פיקסל — שמונה כיתובים עם קרדיט-צלם
נשברים ל-4 שורות כל אחד, וזו בדיוק אותה תקלה שפינינו מלמעלה בקנה-מידה קטן.
⇒ מסילה אחת שנגררת הצידה: גובה קבוע, והתמונה שנחתכת בקצה היא הסימן שיש
עוד. ⚠ הגלילה היא של המסילה בלבד — העמוד עצמו נשאר בלי גלישה אופקית. */
@media(max-width:640px){
.fest-gal.faces .rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;
-webkit-overflow-scrolling:touch;padding-bottom:6px;scrollbar-width:none}
.fest-gal.faces .rail::-webkit-scrollbar{display:none}
.fest-gal.faces .rail>figure{flex:0 0 118px;scroll-snap-align:start}
}
.fest-gal .rail{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.fest-gal .rail>figure{margin:0;min-width:0}
.fest-gal .rail>figure:first-child{grid-column:1/-1}
.fest-gal .rail img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px;
background:linear-gradient(140deg,#1c2440,#101427)}
.fest-gal .rail>figure:first-child img{aspect-ratio:16/9}
.fest-gal figcaption{margin-top:7px;font-family:var(--f-body);font-size:var(--t-label);color:#ac9dd1;letter-spacing:.05em}
@media(min-width:760px){
.fest-gal .rail{grid-template-columns:repeat(3,1fr)}
.fest-gal .rail>figure:first-child{grid-column:auto}
.fest-gal .rail>figure:first-child img{aspect-ratio:4/3}
}
.fest-ev .buy.off{opacity:.5;pointer-events:none}
/* ★ 25.9 · ״תצוגה מקדימה · עוד לא במכירה״ — תווית, לא כפתור. מלאה (לא דהויה) כדי שתיקרא, ובלי רקע-כפתור. */
.fest-ev .buy.off.pv{opacity:1;background:transparent;color:var(--fb);border:1px dashed currentColor;font-weight:600;white-space:normal;text-align:center}
.fest-ev .nm{cursor:pointer}
.fest-days{display:flex;gap:8px;padding:8px 6vw 0;flex-wrap:wrap}
/* ⛔ 15.9ב · **בורר-הימים נשבר ל-3+1.** ב-390 ארבעה לשוניות בגלישת-פלקס
נחתו שלוש בשורה ואחת לבדה מתחתיה — נראה כתקלת-פריסה, והלשונית הבודדת
נקראת כאילו היא שונה מהאחרות. ⇒ מתחת ל-420: **שתי עמודות קבועות**,
וכשהמניין אי-זוגי האחרונה נפרשת על השורה כדי שלא תיראה יתומה.
⚠ שייך לפסטיבל-2 (פריסת-רשת) ולא לסדרה המפוזרת, שאין לה בורר כלל. */
@media(max-width:420px){
.fest-days{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fest-days a{padding:9px 6px}
.fest-days a:last-child:nth-child(odd){grid-column:1/-1}
}
.fest-days a{display:flex;flex-direction:column;align-items:center;gap:2px;border:1px solid rgba(172,157,209,.3);border-radius:3px;padding:9px 20px;cursor:pointer}
.fest-days a b{font-family:var(--f-event);font-weight:bold;font-size:17px;color:#fff}
.fest-days a span{font-size:var(--t-label);color:#ac9dd1;letter-spacing:.08em}
.fest-days a.on{border-color:var(--fa);background:rgba(126,217,230,.08)}
.fest-days a.on b{color:var(--fa)}
.fest-line{padding:26px 6vw 60px}
.fest-ev{display:flex;align-items:center;gap:18px;border-bottom:1px solid rgba(172,157,209,.15);padding:16px 4px;cursor:pointer;transition:background .15s}
.fest-ev:hover{background:rgba(126,217,230,.05)}
.fest-ev .tm{font-family:var(--f-event);font-weight:bold;font-size:19px;color:var(--fa);width:64px}
/* ★ 5.9 · תא-התאריך — קיים רק בפריסה המפוזרת (`.fest-line.flat`), שבה אין
בורר-ימים ולכן השורה חייבת לומר בעצמה באיזה יום מדובר. רוחב קבוע כדי
שהשעות והשמות יישארו על עמוד אחד ולא יזוזו משורה לשורה. */
.fest-ev .dt{display:flex;flex-direction:column;gap:1px;flex:0 0 auto;width:62px}
.fest-ev .dt b{font-family:var(--f-event);font-weight:bold;font-size:17px;color:#fff;line-height:1.1}
.fest-ev .dt span{font-size:var(--t-label);color:#ac9dd1;letter-spacing:.06em}
@media(max-width:640px){
.fest-ev{gap:12px;flex-wrap:wrap}
.fest-ev .dt{width:52px}
.fest-ev .tm{width:auto}
}
.fest-ev .nm{font-family:var(--f-event);font-weight:bold;font-size:clamp(17px,2.4vw,24px);color:#fff;flex:1}
.fest-ev .tag{font-family:var(--f-event);font-weight:bold;font-size:var(--t-label);padding:4px 9px;border:1px solid rgba(172,157,209,.4);border-radius:3px;color:#ac9dd1}
.fest-ev .tag.k1{border-color:var(--fb);color:var(--fb)}
.fest-ev .tag.k2{border-color:var(--fa);color:var(--fa)}
.fest-ev .buy{font-weight:700;font-size:var(--t-meta);color:#0b0d1b;background:var(--fb);padding:8px 14px;border-radius:3px}
/* ═══ ★★★ 15.9ב · **בלוק-ערב** — הפריסה של סדרה מפוזרת ═══════════════════
⛔ מה נמדד לפני: הראש הבטיח ״ארבעה ימים״ והרשימה מתחתיו הציגה **שש שורות
שוות**, שתיים מהן עם אותו תא-תאריך בדיוק (11.10 פעמיים, 24.10 פעמיים).
גולש סופר שש. באותו מסך, אותו עמוד סותר את עצמו — וזו בדיוק ההגדרה של
״ישות אחת = מקום אחד״ שנשברה: הערב של 11.10 הופיע כשתי ישויות.
⇒ **התאריך עולה דרגה ונעשה כותרת-בלוק**, והמופעים שלו מסודרים תחתיו לפי
שעה. 4 בלוקים = 4 ערבים, נספרים בשלוש שניות ובלי לקרוא מילה.
★ וכאן נסגרת גם הגלריה: הפרצופים של אותו ערב נכנסים **לתוך הבלוק שלו**
במקום לשבת ברצועה נפרדת בת 1,083 פיקסל שאיש אינו יודע למי היא שייכת. */
.fest-line.flat{padding-top:10px}
.fest-eve{display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:24px;
padding:20px 4px 22px;border-top:1px solid rgba(172,157,209,.16)}
.fest-eve:first-child{border-top:0}
.fest-eve .eve-head{grid-column:1;padding-top:10px}
.fest-eve .eve-head b{display:block;font-family:var(--f-event);font-weight:bold;font-size:clamp(24px,2.6vw,32px);
color:#fff;line-height:1;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.fest-eve .eve-head span{display:block;margin-top:5px;font-family:var(--f-body);font-size:var(--t-label);
letter-spacing:.16em;color:var(--fa)}
/* ⛔ 15.9ב · **תקרת-מידה לבלוק.** בלי תקרה השורה נפרשה ל-1,252 פיקסל, ובין
שם-האירוע לכפתור-הכרטיסים נפער קניון של כ-700 פיקסל — העין מאבדת את הקשר
בין הדבר לפעולה עליו, וזו בדיוק התקלה שהשורה נועדה למנוע. 820 מחזיר את
השניים לאותו מבט, ומיישר את הליין-אפ למידה אחת עם רצועת-הפתיח מעליו
במקום שתי מידות שונות על עמוד אחד. */
/* ⛔ 16.9 · D-FEST-PAGE-GRID-ALIGN. הריפוד הלא-שווה (264px) נבע מכך שהתקרה
860 קטנה מרוחב-העמודה 1124, והפריט מיושר כברירת-מחדל לפי כיוון-הכתיבה
⇐ כל החלל הריק נופל בצד אחד. **לא הוסרה התקרה** — היא זו שמונעת את קניון
700 הפיקסל שתועד למעלה. justify-self:center מחלק את החלל שווה בשני
הצדדים בלי לוותר על שתי ההחלטות שקדמו לה. */
.fest-eve .eve-rows{grid-column:2;max-width:860px;justify-self:center}
/* בתוך בלוק, הקו מפריד בין מופע למופע בלבד — האחרון אינו נושא קו, אחרת
נוצרים שני קווים צמודים בגבול בין ערבים. */
.fest-eve .fest-ev{padding:13px 0}
/* ★ מחיר — קסקדיה עם ספרות-טבלה, לפי כלל-הגופנים של הבית. הוא יושב **צמוד
לכפתור** כי זו אותה החלטה אחת, ולא במקום נפרד במסך. */
.fest-ev .pr{font-family:var(--f-body);font-size:var(--t-meta);color:#c9ccd6;
font-variant-numeric:tabular-nums;white-space:nowrap}
/* ═══ ★★★ 15.9ג · כרטיס-מופע בתוך בלוק-ערב ════════════════════════════════
השורה עצמה (`.fest-ev`) לא זזה — היא נשארת השורה שנקראת כטבלה. הכרטיס
עוטף אותה ומוסיף שני דברים בלבד: **עמודת-הגרפיקה** של המופע, ו**המשפט**
של המופע מתחתיה.
⛔ העמודה נפתחת רק כשיש במקבץ ולו מופע אחד עם גרפיקה משלו (`.with-art`),
ואז היא **שמורה גם לשורות שאין להן** — אחרת השעות והכפתורים מפסיקים
להתיישר, והליין-אפ מפסיק להיקרא כטבלה. עמודה ריקה היא תא-כרזה שטרם
מולא; שורות שזזות ממקומן הן תקלה. */
/* ⛔ 15.9ג · **הקו והריווח עברו מהשורה אל הכרטיס.** כשהקו נשאר על `.fest-ev`
הוא נחת **בין השם למשפט שמתחתיו** וחתך את הכרטיס באמצע, ושני אריחי-הכרזה
של אותו ערב נגעו זה בזה ונקראו כקולאז׳ אחד. הכרטיס הוא היחידה — ולכן הוא
נושא את הריפוד ואת הקו, והשורה שבתוכו נקייה משניהם. */
.fest-eve .eve-card{display:grid;grid-template-columns:minmax(0,1fr);
padding-block:15px;border-bottom:1px solid rgba(172,157,209,.15)}
.fest-eve .eve-card:last-child{border-bottom:0;padding-bottom:2px}
/* ★ 15.9ד · הקובייה כולה היא היעד. משוב-ריחוף על כל השטח, ולא רק על השם —
שטח שנראה לחיץ ואינו הוא הבטחה שבורה קטנה שחוזרת בכל שורה. */
/* ★★★ 15.9ה · **תנועה אחת, ויש לה סיבה.** עמוד-סדרה הוא לוח-זמנים, והוא
נקרא ערב-אחרי-ערב. החשיפה-בגלילה נותנת לקצב הזה גוף: כל ערב **נחשף
כשמגיעים אליו**, ולא הכול בבת-אחת. ⛔ לא קישוט: `transform` ו-`opacity`
בלבד (אין פריסה, אין ג׳אנק), 220 מילישניות, `ease-out` לכניסה, ופעם
אחת לכל בלוק — שום דבר אינו חוזר בלולאה.
⛔⛔ **וברירת-המחדל היא גלוי.** המצב ההתחלתי נכתב בידי הסקריפט ורק
כשיש לו משקיף; בלי JS, בלי `IntersectionObserver`, או בשגיאה —
התוכן פשוט שם. תנועה שמסתירה תוכן כשהיא נכשלת אינה תנועה, היא באג.
★ ו-`prefers-reduced-motion` מקבל חוויה שלמה ולא שבורה: הכול גלוי מיד. */
.fest-eve.will-reveal{opacity:0;transform:translateY(32px)}
.fest-eve.is-revealed{opacity:1;transform:none;
transition:opacity 420ms ease-out,transform 420ms ease-out}
@media (prefers-reduced-motion:reduce){
.fest-eve.will-reveal{opacity:1;transform:none}
.fest-eve.is-revealed{transition:none}
}
/* ★ האריח מגיב יחד עם הקובייה — תזוזה זעירה, בלי הילה ובלי צל. */
.fest-eve .eve-card .ec-art{overflow:hidden;border-radius:4px}
.fest-eve .eve-card .ec-art img{transition:transform 180ms ease-out}
.fest-eve .eve-card.is-open:hover .ec-art img{transform:scale(1.035)}
@media (prefers-reduced-motion:reduce){ .fest-eve .eve-card .ec-art img{transition:none}
.fest-eve .eve-card.is-open:hover .ec-art img{transform:none} }
.fest-eve .eve-card.is-open{cursor:pointer;border-radius:5px;
transition:background-color .16s ease,box-shadow .16s ease}
.fest-eve .eve-card.is-open:hover{background:rgba(126,217,230,.055);
box-shadow:inset 0 0 0 1px rgba(126,217,230,.22)}
.fest-eve .eve-card.is-open:hover .nm{text-decoration:underline;text-underline-offset:3px}
/* הכפתור יושב מעל, ושומר על היעד שלו. */
.fest-eve .eve-card .buy{position:relative;z-index:2;
/* ⛔ 15.9ה · היה `all` בירושה — כלומר גם פריסה וגם צל הונפשו יחד,
על הכפתור הנלחץ ביותר בעמוד. שתי תכונות בשם, ותו לא. */
transition:background-color 140ms ease,transform 140ms ease}
.fest-eve .eve-card .buy:active{transform:translateY(1px)}
@media (prefers-reduced-motion:reduce){ .fest-eve .eve-card.is-open{transition:none} }
.fest-eve .eve-card .fest-ev{padding:0;border-bottom:0}
.fest-line.flat.with-art .fest-eve .eve-card{grid-template-columns:140px minmax(0,1fr);column-gap:20px;align-items:center}
.fest-eve .eve-card .ec-art{display:none}
.fest-line.flat.with-art .fest-eve .eve-card .ec-art{display:block;
aspect-ratio:1;border:1px solid rgba(172,157,209,.16);border-radius:3px;overflow:hidden;background:#12162b}
.fest-eve .eve-card .ec-art img{display:block;width:100%;height:100%;object-fit:cover}
/* המשפט של המפיק. ⛔ מוסט פנימה ברוחב עמודת-השעה, כדי שיישב מתחת ל**שם**
ולא מתחת לשעה — אחרת הוא נקרא כהערה על השעה. */
/* המשפט של המפיק. בדסקטופ `order:9` מוריד אותו לשורה שנייה **מתחת לכולם**,
כך ששעה·שם·תגית·מחיר·כפתור נשארים טבלה אחת מיושרת; בטלפון הוא חוזר
לסדר-ה-DOM הטבעי ויושב בין השם לכפתור — לפני ההחלטה, לא אחריה. */
.fest-eve .eve-card .ec-sub{order:9;flex:1 0 100%;margin:7px 0 0;padding-inline-start:78px;max-width:64ch;
font-family:var(--f-body);font-size:var(--t-body);line-height:1.55;color:#a7abbd;letter-spacing:.01em}
.fest-eve .eve-card .fest-ev{flex-wrap:wrap}
@media(max-width:640px){
/* בטלפון התאריך אינו עמודה אלא **שורת-כותרת** — עמודה של 104 פיקסל מתוך
344 הייתה גוזלת שליש מהרוחב מהשמות עצמם. */
.fest-eve{grid-template-columns:minmax(0,1fr);row-gap:0;padding:16px 2px 20px}
.fest-eve .eve-head{grid-column:1;padding:0 0 10px;display:flex;align-items:baseline;gap:10px}
.fest-eve .eve-head span{margin-top:0}
.fest-eve .eve-rows{grid-column:1;max-width:none}
/* ⛔ 15.9ג · **גאומטריה אחת לשני הרוחבים: אריח ריבועי לצד הטקסט.**
נוסתה רצועה ברוחב-מלא בטלפון, כמו בגלילת-האירועים הראשית — ושם היא
נכונה, כי שם התמונה **היא** הכרטיס. כאן נמדד שהיא עולה כ-2,800 פיקסל
לליין-אפ, ושארבע מתוך שש הגרפיקות כמעט-ריבועיות ⇒ חיתוך לרצועה חותך
את האותיות של הסמליל עצמו. אריח 108 שומר על הגרפיקה שלמה, מקצר את
הליין-אפ לכ-1,000, ומשאיר 232 פיקסל לשם ולכפתור. */
.fest-line.flat.with-art .fest-eve .eve-card{grid-template-columns:108px minmax(0,1fr);column-gap:14px}
.fest-eve .eve-card .ec-sub{padding-inline-start:0;margin:8px 0 2px;order:0}
/* ⛔ 15.9ב · **השורה קרסה לשלוש שורות מקריות.** נמדד ב-390: השם, התגית,
המחיר והכפתור התחרו על 344 פיקסל, השם נשבר לשתיים-שלוש, והכפתור נחת
במקום אחר בכל שורה — הליין-אפ הפסיק להיקרא כטבלה. ⇒ **שתי שורות
בכוונה**: שעה + שם למעלה, ומתחת תגית · מחיר · כפתור, כשהכפתור נעול
לקצה. בסיס-הגמישות של השם הוא מה שכופה את השבירה, ולא מקריות-רוחב. */
.fest-eve .fest-ev{gap:9px 10px;align-items:center}
.fest-eve .fest-ev .tm{flex:0 0 auto;width:auto}
.fest-eve .fest-ev .nm{flex:1 1 calc(100% - 74px);line-height:1.25}
.fest-eve .fest-ev .buy{margin-inline-start:auto}
/* ⛔ יעד-נגיעה: הכפתור עמד על כ-32 פיקסל גובה במסלול-כסף. 44 הוא הרצפה. */
.fest-ev .buy,.fest-ev .buy.off{display:inline-flex;align-items:center;min-height:44px}
}
/* === v8: האיזור שלי === */
.mine-wrap{padding:90px 6vw 60px;max-width:1000px;margin:0 auto}
.mine-wrap h1{font-family:var(--f-voice);font-weight:bold;font-size:clamp(38px,6vw,64px);color:#fff;margin:0 0 4px}
.mine-soon{margin-top:34px;border:1px solid rgba(172,157,209,.25);border-radius:8px;padding:44px 30px;text-align:center;max-width:520px;background:rgba(14,17,34,.75)}
.mine-soon-ic{font-size:30px;color:var(--imp-accent)}
.mine-soon h3{font-family:var(--f-voice);font-weight:bold;font-size:26px;color:#fff;margin:10px 0 12px}
.mine-soon p{font-size:var(--t-body);line-height:1.7;color:#c1c4c7;margin:0}
.mine-soon-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.mine-id{display:inline-flex;gap:8px;align-items:center;font-weight:600;font-size:var(--t-meta);color:#7ed9e6;border:1px solid rgba(126,217,230,.4);border-radius:20px;padding:7px 14px;margin:10px 0 30px}
.mine-id i{width:7px;height:7px;border-radius:50%;background:#4ade80;animation:breathe2 1.8s ease-in-out infinite}
.mine-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}
@media(max-width:860px){.mine-grid{grid-template-columns:1fr}}
.mine-card{border:1px solid rgba(172,157,209,.25);border-radius:5px;background:rgba(14,17,34,.75);padding:22px}
.mine-card h3{font-family:var(--f-voice);font-weight:bold;font-size:19px;color:#ff006d;margin:0 0 14px}
.memb{background:linear-gradient(140deg,#1c0f2e,#0e1122);border-color:rgba(255,0,109,.4)}
.memb .plan{font-family:var(--f-event);font-weight:bold;font-size:26px;color:#fff}
.memb .meta{font-weight:600;font-size:var(--t-meta);color:#ac9dd1;margin:6px 0 14px}
.quota{display:flex;gap:8px;align-items:center;margin:8px 0 4px}
.quota i{width:26px;height:10px;border-radius:2px;background:rgba(172,157,209,.25)}
.quota i.used{background:#ff006d}
.quota span{font-weight:600;font-size:var(--t-meta);color:#ac9dd1;margin-right:8px}
.perk{display:inline-flex;gap:6px;align-items:center;font-weight:700;font-size:var(--t-label);color:#0b0d1b;background:#7ed9e6;border-radius:3px;padding:5px 10px;margin:10px 6px 0 0}
.mine-tkt{display:flex;gap:14px;align-items:center;border-bottom:1px solid rgba(172,157,209,.12);padding:12px 0}
.mine-tkt:last-child{border-bottom:0}
.mine-tkt .bc{width:44px;height:44px;flex:0 0 auto;background:repeating-linear-gradient(90deg,#fff 0 2px,#0b0d1b 2px 4px);border-radius:2px;border:3px solid #fff}
.mine-tkt .tt{flex:1}
.mine-tkt .tt b{display:block;font-family:var(--f-event);font-weight:bold;font-size:15.5px;color:#fff}
.mine-tkt .tt span{font-size:var(--t-label);color:#ac9dd1;font-weight:600}
.mine-tkt .dk{font-weight:700;font-size:var(--t-label);color:#0b0d1b;background:#7ed9e6;border-radius:3px;padding:4px 8px}
.gift{border-color:rgba(126,217,230,.45)}
.gift p{font-size:var(--t-body);color:#c1c4c7;line-height:1.7;margin:0 0 12px}
.gift .code{font-weight:700;letter-spacing:.2em;background:#0b0d1b;border:1px dashed rgba(126,217,230,.5);border-radius:3px;padding:10px 14px;color:#7ed9e6;text-align:center;font-size:14px}
.mine-note{margin-top:22px;font-size:var(--t-meta);color:#ac9dd1;line-height:1.8;border-right:2px solid #ff006d;padding-right:12px}
::view-transition-old(root),::view-transition-new(root){animation-duration:.28s}
/* ===== לוז מלא ===== */
.sched{border-top:1px solid rgba(172,157,209,.18);margin-top:10px}
.srow{display:grid;grid-template-columns:160px 66px 1fr auto auto;gap:18px;align-items:center;padding:16px 10px;border-bottom:1px solid rgba(172,157,209,.14);cursor:pointer;transition:background .15s}
.srow:hover{background:rgba(255,0,109,.06)}
.srow .sd{font-weight:600;font-size:var(--t-meta);color:var(--imp-accent);letter-spacing:.04em}
.srow .sc{font-size:var(--t-label);color:#ac9dd1;letter-spacing:.16em}
.srow .st{font-family:var(--f-event);font-weight:bold;font-size:19px;color:#fff}
.srow .sp{font-size:var(--t-meta);color:#ac9dd1;white-space:nowrap}
@media(max-width:760px){.srow{grid-template-columns:92px 1fr auto;gap:10px}.srow .sc,.srow .sp{display:none}.srow .st{font-size:15px}}
/* ===== ★ D-PROMO-PAPER · שפת-הנייר · אישור-אסף 7.8 =====
"מקודם = הפך לנייר". ההפרה היחידה מול ספר-העיצוב: משטח בהיר בתוך עמוד כהה —
ולכן בלי פינה מעוגלת, בלי מסגרת-קו ובלי זוהר. נייר מודבק, לא כרטיס לבן.
**שתי מדרגות ולא שלוש** — נמדד על הרנדר: שטח-הנייר 64% במדרגה 1 מול 62%
במדרגה 2, ומדרגה 2 אינה מוסיפה נייר אלא רק מקטינה את התמונה.
⇒ לא-מקודם · מקודם (פתק) · מקודם-ראשי (פס + פתק). */
.paper{--paper:#efece3;--paper-hi:#f6f4ee;--paper-edge:#ddd8c9;--ink:#14151f;--ink-2:#4c4d57;
background:var(--paper);color:var(--ink);position:relative;border-radius:0;
/* ★★ D-PROMO-FRAME · וריאנט **ד** — הכרעת-אסף 13.8. נמדד 7.8 על 31 כרזות:
ההפרדה מהרקע 1.04 ⇐ **2.56**, והמגע בכרזה בהירה 2.51 ⇐ **7.59**.
⛔ ד+ (קו ב-9 וריפוד גדול) ירד: אסף הסתכל בשני הצילומים ואמר *"זו אותה
אחת"* — הבדל שאינו נראה לעין שמחפשת אותו אינו שווה 39 פיקסל גובה בכל
כרטיס מקודם. עלות ד: **2 פיקסל**.
⛔ ופינות 0 — עיגול הופך נייר-מודבק למדבקה, וזו לא השפה. */
border:1px solid rgba(20,21,31,.42);
background-image:linear-gradient(0deg,rgba(0,0,0,.02),transparent 40%),
repeating-linear-gradient(90deg,rgba(0,0,0,.012) 0 1px,transparent 1px 3px);
box-shadow:0 18px 44px -14px rgba(0,0,0,.7),0 2px 0 rgba(0,0,0,.25)}
/* ★ קו-הדיו הפנימי, 7 פיקסל פנימה — החצי השני של וריאנט ד.
⛔ רק היכן שאין שדה-דיו: בפס ובבלוק-היום שדה-הדיו **הוא** כבר המסגרת,
וקו נוסף עליו נקרא כרעש ולא כנייר. */
.paper::before{content:"";position:absolute;inset:7px;border:1px solid rgba(20,21,31,.30);pointer-events:none}
.paper.inkfield::before,.paper .inkfield::before,.band .inkfield::before{display:none}
/* שורת-המכירה (`short` מהפיד) — הטקסט החינמי שנזרק עד היום. הסימון מתחת ולא מאחור. */
.pitch{font-family:var(--f-event);font-weight:bold;font-size:14.5px;color:var(--ink);
line-height:1.15;position:relative;display:inline}
.pitch::after{content:"";position:absolute;inset-inline:-2px;bottom:-3px;height:6px;
background:rgba(255,0,109,.28);z-index:-1}
.pitchline{line-height:1.5}
.p-buy{font-family:var(--f-voice);font-weight:bold;font-size:17px;color:#fff;background:var(--imp-accent,#ff006d);
border:0;border-radius:0;min-height:48px;padding:0 26px;cursor:pointer;display:inline-flex;
align-items:center;gap:8px;box-shadow:0 6px 0 -1px #a80048;text-decoration:none}
.p-buy:hover{background:#e00061}
.p-buy.off{background:#77788040;color:#14151f;box-shadow:none;cursor:default}
.p-buy .arw{font-family:var(--f-body);font-size:15px}
.p-buy.sm{font-size:14px;min-height:44px;padding:0 17px;box-shadow:0 4px 0 -1px #a80048}
/* ---- מדרגה 1 · הפתק ---- */
.ev.t1{background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
.ev.t1:hover{transform:none;border-color:transparent}
.ev.t1 .img{height:168px;border-radius:8px 8px 0 0;overflow:hidden}
.slip{margin:-16px -6px 0;padding:15px 17px 17px;display:flex;flex-direction:column;gap:8px;
position:relative;z-index:3}
.slipword{align-self:flex-start;background:var(--ink);color:var(--paper-hi);font-family:var(--f-voice);
font-weight:bold;font-size:11px;letter-spacing:.02em;padding:4px 10px 5px}
.slip .date{font-family:var(--f-body);font-size:12px;font-weight:600;color:var(--ink-2);letter-spacing:.02em}
.slip .title{font-family:var(--f-voice);font-weight:bold;font-size:31px;line-height:.95;color:var(--ink)}
.slip .footer{display:flex;justify-content:space-between;align-items:center;gap:10px;
margin-top:3px;padding-top:11px;border-top:1px solid var(--paper-edge)}
.slip .price{font-family:var(--f-body);font-size:11px;color:var(--ink-2)}
.slip .price b{color:var(--ink);font-size:16px;font-weight:700}
.slip .mem-badge,.bfoot .mem-badge{color:var(--ink-2);background:transparent;border:0;font-size:11px;padding:0;margin-inline-start:7px;border-radius:0}
/* תווית-המצב על נייר — דיו על נייר, לא צבע-על-כהה (הצבעים הכהים נעלמים כאן). */
.slip .tag{align-self:flex-start;background:transparent;color:var(--ink-2);border:1px solid var(--paper-edge);
font-family:var(--f-event);font-weight:bold;font-size:11px;padding:2px 8px;border-radius:0;margin-top:-2px}
.slip .tag.soldout{color:#a8172a;border-color:#a8172a}
.slip .tag.last{color:#8a5a00;border-color:#8a5a00}
.slip .tag.soon{color:var(--ink-2)}
/* ---- מדרגה 3 · פס-ההצהרה ---- */
/* ★ חוק-הדיו: פס לבן עם שלוש מילים נקרא ממרחק כמקטע שלא נטען.
שדה-דיו מלא בתוכו, והשם בהיפוך לבן-על-שחור, הופך אותו להדפס. */
.band{grid-column:1/-1;margin:0 0 4px;padding:0;cursor:pointer}
.inkfield{background:var(--ink);color:var(--paper-hi);padding:16px 18px 20px;margin:9px 9px 0}
.bword{display:inline-block;font-family:var(--f-voice);font-weight:bold;font-size:11px;letter-spacing:.02em;
color:#0b0d1b;background:var(--imp-accent,#ff006d);padding:3px 9px 4px}
.btitle{font-family:var(--f-voice);font-weight:bold;font-size:clamp(30px,6vw,44px);line-height:.92;
margin-top:9px;color:var(--paper-hi)}
.bfoot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 9px 9px;
padding:11px 9px 12px;border-top:2px solid var(--ink)}
.bfoot .p-date{font-family:var(--f-body);font-size:12.5px;font-weight:600;color:var(--ink);letter-spacing:.02em}
.bfoot .p-price{font-family:var(--f-body);font-size:12.5px;color:var(--ink-2)}
.bfoot .p-price b{color:var(--ink);font-size:18px;font-weight:700}
.bfoot .p-buy{margin-inline-start:auto;font-size:15px;min-height:44px;padding:0 20px}
@media(max-width:640px){.slip .title{font-size:27px}.band{margin-inline:0}}
/* D-075 → D-PROMO-PAPER · הדגל-על-התמונה נשאר למקרה **אחד** בלבד: תגית-חופשית
על אירוע לא-מקודם. מרמה 1 ומעלה הכרטיס הוא פתק-נייר והמילה יושבת בפתק.
(`.promo-badge.lv3` ו-`.ev.promo-3` הוסרו — אין להם עוד מצב שמייצר אותם.) */
.promo-badge{position:absolute;top:12px;right:12px;z-index:6;font-weight:700;font-size:var(--t-label);letter-spacing:.12em;padding:4px 10px;border-radius:2px;background:#fff;color:#0b0d1b;border:1px solid #fff}
/* ===== גריד צוות ===== */
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:980px){.team-grid{grid-template-columns:repeat(2,1fr)}}
.tm{border:1px solid rgba(172,157,209,.15);border-radius:4px;overflow:hidden;background:linear-gradient(180deg,#0d197a22,#0b0d1b);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.tm:hover{transform:translateY(-3px);box-shadow:var(--imp-glow)}
.tm .ph{aspect-ratio:1/1;background-size:cover;background-position:center top;background-color:#140020;display:flex;align-items:center;justify-content:center;font-family:var(--f-voice);font-weight:bold;font-size:42px;color:rgba(255,255,255,.22)}
.tm .bd{padding:14px 16px 12px;display:flex;flex-direction:column;gap:6px;flex:1}
.tm .nm{font-family:var(--f-event);font-weight:bold;font-size:17px;color:#fff}
.tm .rl{font-size:var(--t-meta);color:#ac9dd1;line-height:1.55;flex:1}
.tm .talk{display:block;text-align:center;padding:11px;background:rgba(255,0,109,.08);color:var(--imp-accent);font-weight:600;font-size:var(--t-meta);letter-spacing:.06em;cursor:pointer;text-decoration:none;transition:background .15s,color .15s}
.tm .talk:hover{background:var(--imp-accent);color:#0b0d1b}
/* ===== כרטיסי תוכן ===== */
.cards2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
@media(max-width:760px){.cards2{grid-template-columns:1fr}}
.pr-cols{grid-template-columns:1.4fr 1fr}
@media(max-width:860px){.pr-cols{grid-template-columns:1fr}}
.proj .pimg2{height:150px;margin:-22px -22px 14px;background-size:cover;background-position:center;border-bottom:1px solid rgba(172,157,209,.15);border-radius:4px 4px 0 0}
.pr-hero{position:relative;height:320px;border-radius:4px;overflow:hidden;margin-bottom:24px}
.pr-hero .pimg{position:absolute;inset:0;background-size:cover;background-position:center}
/* ★★ D-PROJ-HERO-FIT (21.8) — **כרזה מוכלת במקום חתוכה.** ⛔ כבוי כברירת-מחדל.
הבעיה שנמדדה: תיבת-ההירו גובהה 320, והכרזות של שלושה מששת הפרויקטים הן
**ריבוע 1400×1400**. במילוי-מלא נראה פחות משליש מהתמונה — בפודקאסט המילה
"מאחורי" נחתכה לגמרי, ושמות המובילים נחתכו בקצה.
★ והפתרון כבר מוכרע באתר הזה: `posterbox` בעמוד-האירוע עבר ל-`contain`
ב-D-067 בדיוק מהסיבה הזו — *"פוסטר מלא, שם-אמן לא-נחתך"* — והלטרבוקס
מתמלא ברקע-הגיבור המטושטש במקום מלבן שחור. כאן אותו דפוס, על אותה תמונה:
עותק מטושטש ומוגדל ממלא את הצדדים, והכרזה עצמה נראית **שלמה**.
⚠ עובד לכל יחס — גם ל-1.9 הרוחבית וגם ל-0.75 שלאורך. אין breakpoint ואין ניחוש.
צפייה: להוסיף `?hm2_proj=fit` לכתובת. */
.pr-hero.fit .pimg{background-size:contain;background-repeat:no-repeat;z-index:1}
.pr-hero.fit .pimg-bd{position:absolute;inset:-24px;background-size:cover;background-position:center;filter:blur(22px) saturate(.7) brightness(.55);z-index:0}
.pr-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0b0d1b,transparent 60%)}
.quote{border-right:3px solid var(--imp-accent);padding:20px 26px;background:rgba(255,0,109,.04);margin:0}
.quote p{font-family:var(--f-event);font-weight:bold;font-size:clamp(20px,3vw,30px);color:#fff;line-height:1.35;margin:0}
.quote cite{display:block;margin-top:10px;font-size:var(--t-label);color:#ac9dd1;font-style:normal}
/* ===== רצועת פנייה ===== */
.lead-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid var(--imp-accent);border-radius:4px;padding:22px 26px;margin-top:32px;background:linear-gradient(120deg,rgba(255,0,109,.08),transparent);flex-wrap:wrap}
/* ⚠ הירוק של סנטרל פארק מוגדר **על הרכיב** ולא ב-:root. שתי סיבות:
(1) הוא סימן זר ואין לו מה לזלוג לשאר האתר; (2) index.html אינו מגדיר
אותו, ולכן var() שנשען על :root היה נופל בשקט בפריסה.
#64AA1D על הרקע שלנו = 6.71:1 — נמדד, עובר AA לטקסט רגיל. */
.cpk{--cp-green:#64AA1D;--cp-green-lit:#A7D86D;
border:1px solid rgba(172,157,209,.15);border-radius:4px;margin-top:18px;
background:linear-gradient(180deg,#0d197a22,#0b0d1b);padding:22px 20px 18px}
.cpk .k{font-weight:600;font-size:var(--t-label);color:var(--hm2-soft);letter-spacing:.14em}
.cpk h4{font-family:var(--f-event);font-weight:700;font-size:23px;color:#fff;margin:9px 0 0;line-height:1.2}
.cpk h4 em{font-style:normal;color:var(--imp-accent)}
.cpk-sub{font-size:var(--t-meta);color:var(--hm2-soft);margin:8px 0 0;line-height:1.6;max-width:56ch}
/* ── החתך ──────────────────────────────────────────────────────────────────
החוק: כל דבר ברכיב יושב במפלס שבו הוא באמת נמצא. האולם מעל, הרכב מתחת,
והקו ביניהם הוא עלייה אחת. ⇒ אי-אפשר להוסיף כאן "עוד חניון באזור": לחניון
שאינו בבניין אין מפלס, ולכן אין לו מקום על הציר. הוא יורד מתחת למסגרת. */
.cpk-sec{position:relative;list-style:none;margin:24px 0 0;padding:0}
/* כל מפלס יושב מתחת לרצפה שלו. הרצפה היא קו לרוחב מלא — זה מה שהופך
שני שבבים ל**חתך של בניין**, והוא מה שנקרא בשלוש שניות בלי לקרוא מילה. */
.cpk-lv{position:relative;display:grid;grid-template-columns:46px 1fr;align-items:start;
border-top:2px solid rgba(172,157,209,.34);padding-top:15px}
/* התג רוכב על הרצפה, חצי מעליה וחצי מתחתיה. */
.cpk-b{grid-column:1;position:relative;z-index:2;margin-top:-38px;
width:46px;height:46px;border-radius:3px;
display:flex;align-items:center;justify-content:center;
font-family:var(--f-body);font-weight:700;font-size:16px;font-variant-numeric:tabular-nums;
background:var(--hm2-bg);border:2px solid rgba(172,157,209,.45);color:#e6e7ee;
unicode-bidi:isolate}
.cpk-c{display:block;grid-column:2;padding:2px 15px 0 0;min-width:0}
.cpk-t{display:block;font-family:var(--f-event);font-weight:700;font-size:19px;color:#fff;line-height:1.2}
.cpk-d{display:block;font-size:11.5px;color:#a9adc4;margin-top:5px;line-height:1.45;
font-variant-numeric:tabular-nums}
/* מפלס 0 — היעד. */
.cpk-lv0{border-top-color:rgba(172,157,209,.5)}
.cpk-lv0 .cpk-b{border-color:var(--imp-accent);color:var(--imp-accent)}
.cpk-lvm1 .cpk-b{border-color:#8a8ea6}
/* ── קטע-העלייה. זה הלב של הרכיב, ולכן הוא מקבל גובה אמיתי ולא קו דק. ── */
.cpk-rise{position:relative;min-height:92px;display:grid;grid-template-columns:46px 1fr;
align-items:center}
/* המחבר האנכי — הדבר היחיד שצבוע בחתך, כי הוא הסיפור: העלייה עצמה. */
.cpk-rise::before{content:'';position:absolute;right:21px;top:0;bottom:0;width:4px;
background:var(--imp-accent);opacity:.55}
.cpk-rise .cpk-up{display:inline-block;color:var(--imp-accent);font-size:30px;
line-height:0;vertical-align:-4px;margin-left:6px}
.cpk-rise .cpk-ry{grid-column:2;padding-right:15px;font-size:13px;color:#e6e7ee;line-height:1.55}
.cpk-rise .cpk-ry b{color:#fff;font-weight:700}
/* ── מפלס 1- : המחיר ── */
.cpk-pr{display:flex;align-items:baseline;flex-wrap:wrap;margin-top:11px}
.cpk-big{font-family:var(--f-body);font-weight:700;font-size:40px;line-height:1;color:var(--imp-accent);
font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-left:11px}
.cpk-gate{font-size:11.5px;color:#8a8ea6;line-height:1.5;font-variant-numeric:tabular-nums}
.cpk-gate b{color:#c1c4c7;font-weight:400}
/* פקד-הפירוט של מפלס 1-. יעד-מגע 44 ומעלה. */
.cpk-more{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;padding:0 12px 0 0;
background:none;border:0;font:inherit;font-size:11.5px;color:#a9adc4;cursor:pointer;
border-radius:3px;text-align:right}
.cpk-more:hover{color:#ff86b8}
.cpk-more:focus{outline:2px solid var(--imp-accent);outline-offset:2px}
.cpk-more .sgn{display:inline-block;width:15px;font-weight:700;color:var(--imp-accent)}
.cpk-dr{display:block;overflow:hidden;max-height:0;transition:max-height .24s ease}
.cpk-lv.is-open .cpk-dr{max-height:600px} /* גג-ביטחון; הגובה המדויק נקבע ב-JS */
.cpk-drin{display:block;padding:4px 0 8px}
.cpk-fx{list-style:none;margin:0 0 10px;padding:0}
.cpk-fx li{position:relative;font-size:11.5px;color:#a9adc4;line-height:1.55;padding:4px 17px 4px 0;
font-variant-numeric:tabular-nums}
.cpk-fx li::before{content:'';position:absolute;right:4px;top:11px;width:4px;height:4px;
background:rgba(172,157,209,.55);border-radius:50%}
.cpk-fx li b{color:#e6e7ee;font-weight:700}
.cpk-nav{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;
border:1px solid #5e6280;border-radius:3px;font-size:12px;color:#e6e7ee;text-decoration:none}
.cpk-nav:hover,.cpk-nav:focus{border-color:var(--imp-accent);color:#ff86b8}
.cpk-nav:focus{outline:2px solid var(--imp-accent);outline-offset:2px}
.cpk-nav i{margin-right:8px;font-size:14px}
/* ★ שני מנועי-ניווט זה לצד זה. בלי gap בפלקס — רצפת ספארי 12. */
.cpk-navs{margin-top:2px}
.cpk-navs .cpk-nav{margin-left:8px;margin-top:8px}
/* כשמפלס פעיל — הבניין נדלק. תגובה, לא מידע. */
.cpk-sec.lit::before{background:rgba(255,0,109,.5)}
/* ── מה שמחוץ לבניין: החניון הסמוך. מתחת למסגרת-החתך, ובמשקל אחר. ── */
.cpk-alt{display:grid;grid-template-columns:auto 1fr auto;align-items:center;
min-height:56px;margin-top:16px;padding:11px 13px;
border:1px dashed rgba(172,157,209,.3);border-radius:3px;text-decoration:none;color:inherit}
.cpk-alt:hover,.cpk-alt:focus{border-color:var(--imp-accent)}
.cpk-alt:focus{outline:2px solid var(--imp-accent);outline-offset:2px}
.cpk-alt .m{font-family:var(--f-body);font-weight:700;font-size:15px;color:#e6e7ee;
font-variant-numeric:tabular-nums;padding-left:14px;white-space:nowrap}
.cpk-alt .m small{display:block;font-size:11px;font-weight:400;letter-spacing:.14em;color:#8a8ea6;margin-top:3px}
.cpk-alt .c{min-width:0}
.cpk-alt .c b{display:block;font-family:var(--f-event);font-weight:700;font-size:15px;color:#fff}
.cpk-alt .c span{display:block;font-size:11px;color:#a9adc4;margin-top:3px;font-variant-numeric:tabular-nums}
.cpk-alt .go{color:#ff86b8;font-size:14px;padding-right:12px}
/* ── מדבקת סנטרל פארק ───────────────────────────────────────────────────────
ההפרה האחת: סימן-מסחר זר בגוף העמוד, ועם הצבע שלו. הוא מוסגר — פס ירוק
בקצה-המוביל וקו-מסגרת — כדי שייקרא כשלט של מישהו אחר שתלוי על הקיר שלנו
ולא כבאנר שהודבק על העיצוב. הירוק אינו יוצא מהמסגרת הזו לשום מקום. */
.cpk-app{position:relative;margin-top:18px;border:1px solid rgba(100,170,29,.34);
border-right:3px solid var(--cp-green);border-radius:3px;padding:15px 16px 14px;
background:rgba(100,170,29,.05)}
.cpk-mkrow{display:flex;align-items:center;flex-wrap:wrap}
.cp-mark{display:block;width:100px;height:36px;flex:0 0 auto}
.cpk-op{font-size:11px;letter-spacing:.16em;color:#8a8ea6;margin-right:12px}
.cpk-say{font-size:12.5px;color:#c9cdd8;line-height:1.65;margin:11px 0 0;max-width:52ch}
.cpk-say b{color:#fff;font-weight:700}
.cpk-dl{display:inline-flex;align-items:center;min-height:46px;margin-top:13px;padding:0 17px;
border:1px solid var(--cp-green);border-radius:3px;color:var(--cp-green-lit);
text-decoration:none;font-size:13px;font-weight:600;transition:background .15s ease,color .15s ease}
.cpk-dl:hover,.cpk-dl:focus{background:var(--cp-green);color:#04140a}
.cpk-dl:focus{outline:2px solid var(--cp-green-lit);outline-offset:3px}
.cpk-dl i{margin-right:9px;font-size:15px}
/* משבצת פתוחה — נפלטת רק אם CP.extra אינו ריק. ברירת-המחדל: אינה קיימת. */
.cpk-extra{margin-top:11px;border:1px dashed rgba(100,170,29,.6);border-radius:3px;
padding:9px 11px;font-size:12px;color:var(--cp-green-lit);line-height:1.55}
.cpk-extra .slot{color:#ffb020;background:rgba(255,176,32,.12);padding:0 4px;border-radius:2px}
.cpk-fine{font-size:11px;color:#8a8ea6;line-height:1.65;margin:15px 0 0;
border-top:1px solid rgba(172,157,209,.13);padding-top:11px;max-width:74ch}
/* ── התנועה האחת: התא עולה במפלס. שלוש פעמים ואז שקט. ──
בלי התנועה הכל כבר כתוב — החץ, המילים והמפלסים. */
@media(prefers-reduced-motion:no-preference){
.cpk-rise.ride .cpk-up{animation:cpk-up 1.45s cubic-bezier(.35,0,.3,1) 3}
}
@keyframes cpk-up{
0% {transform:translateY(15px)}
55% {transform:translateY(-13px)}
56% {transform:translateY(15px)}
100%{transform:translateY(0)}
}
/* ── דסקטופ: החתך משמאל, המדבקה מימין. הציר לא נמתח לרוחב. ── */
@media(min-width:760px){
.cpk{padding:26px 26px 20px}
.cpk-grid{display:grid;grid-template-columns:1fr 352px;align-items:start}
.cpk-grid>.cpk-left{padding-left:32px;border-left:1px solid rgba(172,157,209,.13)}
.cpk-app{margin-top:0}
/* גובה-קומה אמיתי: בדסקטופ יש מקום, והעלייה היא הסיפור. */
.cpk-rise{min-height:118px}
.cpk h4{font-size:26px}
.cpk-big{font-size:46px}
}
.lead-strip .tt{font-family:var(--f-event);font-weight:bold;font-size:19px;color:#fff}
.lead-strip .td{font-size:var(--t-meta);color:#ac9dd1;margin-top:6px;max-width:520px;line-height:1.7}
/* ===== טפסים ===== */
/* טופס = ספר-עיצוב עמודי-הכסף: משטח surface-1, קו-פקד line-ctl, פוקוס fire + טבעת רכה. משותף ל-contact ו-rent. */
.formbox{display:flex;flex-direction:column;gap:13px;border:1px solid var(--hm2-line);border-radius:var(--m2-radius-xl);padding:24px;background:var(--hm2-surface-1);max-width:560px;margin-inline:auto;width:100%;box-sizing:border-box}
.formbox input,.formbox select,.formbox textarea{width:100%;font-family:var(--f-body);font-size:16px;color:#fff;background:var(--hm2-surface-ctl);border:1px solid var(--hm2-line-ctl);padding:13px 14px;border-radius:var(--m2-radius-lg);box-sizing:border-box;direction:rtl;text-align:right;transition:border-color .15s,box-shadow .15s}
.formbox input,.formbox select{min-height:44px}
.formbox input::placeholder,.formbox textarea::placeholder{color:var(--hm2-ink-3)}
.formbox input:focus,.formbox select:focus,.formbox textarea:focus{outline:none;border-color:var(--hm2-fire);box-shadow:0 0 0 3px var(--imp-accent-soft)}
.formbox .btn{align-self:flex-start;margin-top:4px}
/* ===== טופס-קשר רב-שלבי (D-000) — רשת-נושאים + תת-רשת-מחלקות + שדות מותנים ===== */
.ctwiz{max-width:640px;margin-inline:auto;width:100%}
.ct-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:4px}
.ct-tile{min-height:44px;padding:12px 14px;border:1px solid var(--hm2-line-ctl);border-radius:var(--m2-radius-lg);background:var(--hm2-surface-ctl);color:#fff;font-family:var(--f-body);font-size:13.5px;line-height:1.3;cursor:pointer;text-align:center;transition:border-color .15s,background .15s;box-sizing:border-box}
.ct-tile:hover,.ct-tile:focus-visible{border-color:var(--imp-accent);outline:none}
.ct-tile.ct-back{background:transparent;border-style:dashed;color:var(--hm2-ink-3)}
@media(max-width:480px){.ct-grid{grid-template-columns:repeat(2,1fr)}}
.ct-step2-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ct-backlink{font-family:var(--f-body);font-size:var(--t-meta);color:var(--hm2-ink-3);cursor:pointer;text-decoration:underline;white-space:nowrap;background:none;border:0;padding:0}
.ct-backlink:hover,.ct-backlink:focus-visible{color:var(--imp-accent)}
.ct-step2-title{font-family:var(--f-event);font-weight:bold;font-size:15px;color:#fff}
.ct-intro{font-size:var(--t-body);line-height:1.6;color:var(--hm2-ink-3);background:var(--hm2-surface-ctl);border-radius:var(--m2-radius-lg);padding:12px 14px}
.ct-check{display:flex;align-items:flex-start;gap:8px;font-size:var(--t-body);color:var(--hm2-ink-3);line-height:1.5;cursor:pointer;padding:4px 0}
/* ★ מסלול-הקיצור לשירות-עצמי. ⚠ **מוצע, לא דוחף**: מסגרת רגועה ולא כפתור
ראשי, כי הפעולה הראשית כאן היא עדיין שליחת הפנייה. מי שמעדיף לחכות
לתשובה — זו בחירה לגיטימית, ואסור שהמסך יגרום לה להיראות שגויה. */
.ct-selfserve{margin:4px 0 2px;padding:12px 14px;border-radius:10px;font-size:var(--t-body);
line-height:1.6;color:var(--hm2-ink-2,#cfd2e6);background:rgba(126,217,230,.07);
border:1px solid rgba(126,217,230,.28)}
.ct-selfserve strong{color:#7ed9e6}
.ct-selfserve-go{margin-top:8px;min-height:44px;padding:0 16px;border-radius:8px;cursor:pointer;
font:inherit;font-weight:700;color:#0b0d1b;background:#7ed9e6;border:0}
.ct-selfserve-go:hover{filter:brightness(1.08)}
.ct-selfserve-go:focus-visible{outline:2px solid #fff;outline-offset:2px}
.ct-check input{width:auto;min-height:auto;margin-top:2px;accent-color:var(--imp-accent)}
.ct-interests{display:grid;grid-template-columns:repeat(2,1fr);gap:2px 14px}
.ct-file{display:flex;flex-direction:column;gap:6px;font-size:var(--t-body);color:var(--hm2-ink-3)}
.ct-file input[type=file]{font-family:var(--f-body);font-size:var(--t-meta);color:#fff;max-width:100%}
.ct-who{max-width:620px;margin-inline:auto;width:100%}
.ct-who p{font-size:13.5px;line-height:1.75;color:#c1c4c7;margin:0 0 12px}
.ct-success-box{max-width:480px;margin-inline:auto;width:100%;box-sizing:border-box;text-align:center;padding:34px 10px;border:1px solid var(--hm2-line);border-radius:var(--m2-radius-xl);background:var(--hm2-surface-1)}
.ct-success-check{font-size:40px;color:var(--imp-accent);line-height:1}
.ct-success-box p{font-size:15px;color:#fff;margin:14px 0}
/* ★ 20.8 · האסמכתא. 13px היא רצפת-הגוף שאסף אישר — מספר שצריך להקריא בטלפון
לא יורד מתחתיה. הגופן מונוספייס כדי ש-0 ו-O לא יתחלפו בהקראה. */
.ct-success-ref{font-size:14px!important;color:var(--hm2-ink-1)!important;margin:16px 0 4px!important;
padding:12px 10px;border:1px dashed var(--hm2-line);border-radius:var(--m2-radius-md)}
.ct-success-ref b{font-family:'Cousine','Courier New',monospace;font-size:16px;letter-spacing:.06em;color:#fff}
.ct-success-ref span{display:inline-block;margin-top:6px;font-size:13px;color:var(--hm2-ink-3)}
.ct-modal{position:fixed;inset:0;z-index:400;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(4,5,12,.82);backdrop-filter:blur(6px)}
.ct-modal.on{display:flex}
.ct-modal-box{width:min(460px,94vw);max-height:86vh;overflow-y:auto;background:var(--hm2-surface-1);border:1px solid var(--hm2-line);border-radius:var(--m2-radius-xl);padding:22px 20px;font-family:var(--f-body);box-sizing:border-box}
.ct-modal-box p{font-size:13.5px;line-height:1.7;color:#e6e7ee;margin:0 0 16px}
.ct-modal-actions{display:flex;gap:10px;flex-wrap:wrap}
.ct-modal-actions .btn.ghost{background:transparent;border:1px solid var(--hm2-line-ctl);color:#fff}
.bama-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px dashed rgba(126,217,230,.5);border-radius:4px;padding:22px 26px;flex-wrap:wrap}
.bama-strip .tt{font-family:var(--f-event);font-weight:bold;font-size:18px;color:#7ed9e6}
.bama-strip .td{font-size:var(--t-meta);color:#ac9dd1;margin-top:6px;max-width:520px;line-height:1.7}
/* ===== הירו מחלקה: תמונה אמיתית ===== */
.dept-hero .dbg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.38;filter:saturate(1.15)}
/* ===== מדיניות טריטמנט תמונות: סקאנליינס עדין על תמונות אווירה בלבד ===== */
.dept-hero .scan{position:absolute;inset:0;z-index:1;pointer-events:none;
background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);
mix-blend-mode:multiply;opacity:.75}
.dept-hero .scan::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(11,13,27,.55) 100%)}
/* ===== תגיות ===== */
.tagrow{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.tagchip{font-size:var(--t-label);color:#ac9dd1;border:1px solid rgba(172,157,209,.4);padding:3px 9px;border-radius:2px;letter-spacing:.06em}
/* ★ D-CHIPS-ARE-DOORS · שבב שהוא דלת נראה כדלת, ויש לו יעד-מגע. */
.tagchip.is-door{cursor:pointer;min-height:34px;display:inline-flex;align-items:center;
transition:color .15s,border-color .15s,background .15s}
.tagchip.is-door:hover,.tagchip.is-door:focus-visible{color:#fff;border-color:var(--imp-accent);
background:rgba(255,0,109,.08)}
.tagchip.is-door:focus-visible{outline:2px solid var(--imp-accent);outline-offset:2px}
/* ★ D-POST-LINKS-MESSY (הערת-אסף 28.8) — הקישורים בתוך גוף-הכתבה הגיעו
בירושה מהעורך: צבעים שונים, קו-תחתון לפעמים, ולפעמים כלום. שפה אחת. */
.post-body a{color:var(--imp-accent);text-decoration:underline;text-underline-offset:3px;
text-decoration-thickness:1px;word-break:break-word}
.post-body a:hover{color:#fff;text-decoration-color:#fff}
/* ===== לוח-פוסטים (עיתונות · צוות · פרויקטים) — שפת-קליפינגים מובחנת מכרטיס-אירוע =====
הבידול המכוון מ-.ev/.proj: משטח שטוח (לא גרדיאנט-נייבי), גבול-שערה + פס-הדגשה בקצה-המוביל (ימין ב-RTL),
תמונה-ממוזערת קטנה בצד (לא תמונת-גיבור עליונה), שורת-מקור עיתונאית, וקישור-טקסט (בלי כפתור/מחיר). */
.postctl{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:flex-start;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--hm2-line)}
.psearch{position:relative;flex:1 1 240px;min-width:190px}
.psearch input{width:100%;font-family:var(--f-body);font-size:var(--t-body);color:var(--hm2-ink-1);background:var(--hm2-surface-ctl);border:1px solid var(--hm2-line-ctl);border-radius:6px;padding:11px 40px 11px 14px;min-height:44px}
.psearch input::placeholder{color:var(--hm2-ink-3)}
.psearch input:focus-visible{outline:2px solid var(--imp-accent);outline-offset:1px;border-color:var(--imp-accent)}
.psearch::before{content:"⌕";position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-52%);color:var(--hm2-ink-3);font-size:18px;pointer-events:none}
.pfilters{display:flex;flex-direction:column;gap:8px;flex:2 1 300px}
.fgrp{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.fgrp .flabel{font-family:var(--f-body);font-size:var(--t-label);letter-spacing:.14em;color:var(--hm2-ink-3);min-width:44px}
.fchip:focus-visible{outline:2px solid var(--imp-accent);outline-offset:1px}
.pview{display:flex;border:1px solid var(--hm2-line-ctl);border-radius:6px;overflow:hidden;flex:0 0 auto}
.pvbtn{font-family:var(--f-body);font-size:var(--t-meta);color:var(--hm2-ink-2);background:transparent;border:0;padding:10px 14px;min-height:44px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.pvbtn+.pvbtn{border-inline-start:1px solid var(--hm2-line-ctl)}
.pvbtn.on{background:var(--imp-accent);color:#0b0d1b;font-weight:600}
.pvbtn:focus-visible{outline:2px solid var(--imp-accent);outline-offset:-2px}
.pcount{font-family:var(--f-body);font-size:var(--t-label);color:var(--hm2-ink-3);margin-bottom:14px;letter-spacing:.05em}
.postboard{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,430px),1fr));gap:14px}
.pcard{display:flex;gap:15px;text-align:start;align-items:stretch;background:var(--hm2-surface-1);border:1px solid var(--hm2-line);border-inline-start:3px solid var(--hm2-line-ctl);border-radius:4px;padding:16px 18px;cursor:pointer;transition:border-color .15s,background .15s}
.pcard:hover{border-inline-start-color:var(--imp-accent);background:#12152c}
.pcard:focus-visible{outline:none;border-inline-start-color:var(--imp-accent);box-shadow:0 0 0 2px var(--imp-accent)}
.pthumb{flex:0 0 84px;width:84px;height:84px;border-radius:3px;background:var(--hm2-surface-ctl) center/cover no-repeat;align-self:flex-start}
.pthumb.avatar{border-radius:50%;background-position:center top}
.pthumb.ph{display:flex;align-items:center;justify-content:center;font-family:var(--f-voice);font-weight:bold;font-size:28px;color:rgba(255,255,255,.22)}
.pbody{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px}
.pmeta{font-family:var(--f-body);font-size:var(--t-label);letter-spacing:.1em;color:var(--hm2-ink-2)}
.poutlet{color:var(--imp-accent);font-weight:600}
/* ★ לוגו-עיתון קטן לצד שם-הכלי (בקשת-אסף 12.8: "הוסף לוגו קטן של העיתון אם אפשר").
16 פיקסל, מיושר-בסיס עם הטקסט, ו-`contain` כדי שלוגו רחב לא ייחתך.
⛔ הלוגו **מלווה** את השם ואינו מחליף אותו: קובץ שלא נטען משאיר שורה קריאה. */
.olog{width:16px;height:16px;object-fit:contain;vertical-align:-3px;margin-inline-end:5px;border-radius:2px}
/* ★★ D-PRESS-CARD-MOBILE (13.8, בקשת-אסף): "להגדיל את לוגו העיתון ולשים מתחת
לתמונה — מובייל", ו"הפרטים איפה ומתי הופיע קטנים ולא ברורים".
⇒ במובייל הלוגו יורד **מתחת לממוזערת** ומוגדל פי-שלושה בערך, ושורת-המטא
מקבלת גודל-גוף אמיתי במקום גודל-תווית עם ריווח-אותיות שמפזר אותה.
⛔ הלוגו עדיין **מלווה** את השם ואינו מחליף אותו — קובץ חסר משאיר שורה קריאה. */
.pthumbwrap{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px}
.olog-lg{display:none}
@media(max-width:520px){
/* 64×34 ולא 56×24: לוגו ריבועי בתוך `contain` מקבל את הצלע הקטנה, ולכן תיבה
נמוכה מקטינה דווקא את הלוגואים הריבועיים — שהם הרוב. נמדד ב-390 פיקסל. */
.olog-lg{display:block;width:64px;height:34px;object-fit:contain;border-radius:2px;opacity:.95}
.pcard .pmeta .olog{display:none}
.pcard .pmeta{font-size:13px;letter-spacing:.02em;color:var(--hm2-ink-1);line-height:1.4}
.pcard .pmeta .poutlet{font-weight:700}
.pcard .pmeta .pwhen{color:var(--hm2-ink-2);white-space:nowrap}
}
.pwhen{color:var(--hm2-ink-2)}
/* ★ חותמת-הפרסום בעמוד-הכתבה. הלוגו כאן **גם בדסקטופ** — זו הזהות של הכתבה,
לא קישוט. `.olog-lg` מוסתר בברירת-מחדל ולכן נדרשת הצהרה מפורשת בהקשר הזה. */
.press-stamp{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 22px;
padding:12px 14px;border-inline-start:3px solid var(--imp-accent);background:var(--hm2-surface-1);border-radius:4px}
.press-stamp .olog-lg{display:block;width:72px;height:38px;object-fit:contain}
.press-stamp .ps-txt{display:flex;flex-direction:column;gap:2px;font-family:var(--f-body);font-size:14px;line-height:1.45}
.press-stamp b{color:var(--imp-accent);font-weight:700}
.press-stamp .ps-when,.press-stamp .ps-who{color:var(--hm2-ink-2);font-size:13px}
/* שעון-הגשה · 11.8. שבב ולא מד-התקדמות: הקולות-הקוראים נפתחים חודשים
מראש, ופס שמתמלא 1% ביום קורא כ"סטטי". מספר-ימים משתנה כל יום ונקרא מיד.
ורוד-המותג שמור למצב-דחוף בלבד — אחרת הוא מאבד את המשמעות. */
.dlchip{margin-inline-start:10px;padding:2px 9px;border-radius:999px;
font-weight:600;font-size:.82em;letter-spacing:.04em;white-space:nowrap;
background:rgba(172,157,209,.13);color:#c9bde6;border:1px solid rgba(172,157,209,.22)}
.dlchip.urgent{background:rgba(255,0,110,.13);color:#ff5fa2;border-color:rgba(255,0,110,.32)}
.dlchip.closed{background:rgba(255,255,255,.05);color:var(--hm2-ink-2);
border-color:rgba(255,255,255,.10);text-decoration:line-through}
.pcard h4{font-family:var(--f-event);font-weight:bold;font-size:17px;line-height:1.2;color:var(--hm2-ink-1);margin:0}
.pexc{font-family:var(--f-body);font-size:var(--t-meta);line-height:1.5;color:var(--hm2-ink-2);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pcard .tagrow{margin-top:2px}
.pmore{font-family:var(--f-body);font-size:var(--t-label);font-weight:600;color:var(--imp-accent);letter-spacing:.04em;margin-top:auto;padding-top:4px}
/* תצוגת-רשימה — בלי תמונות, שורות צפופות לסריקה מהירה ולנגישות קלה */
.postboard.list{grid-template-columns:1fr;gap:0;border-top:1px solid var(--hm2-line)}
.postboard.list .pcard{border:0;border-bottom:1px solid var(--hm2-line);border-inline-start:3px solid transparent;border-radius:0;padding:13px 12px;gap:10px 14px;align-items:baseline}
.postboard.list .pcard:hover,.postboard.list .pcard:focus-visible{border-inline-start-color:var(--imp-accent);background:#12152c;box-shadow:none}
.postboard.list .pthumb{display:none}
.postboard.list .pbody{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:3px 14px}
.postboard.list .pmeta{order:-1;flex:0 0 auto;min-width:158px}
.postboard.list .pcard h4{flex:1 1 220px;font-size:15px}
.postboard.list .pexc{display:none}
.postboard.list .pcard .tagrow{flex:0 0 auto;margin:0}
.postboard.list .pmore{margin:0;flex:0 0 auto;padding:0}
.pempty{grid-column:1/-1;padding:32px 20px;text-align:center;border:1px dashed var(--hm2-line-ctl);border-radius:6px;color:var(--hm2-ink-2);font-family:var(--f-body);font-size:var(--t-body)}
@media(max-width:520px){.pthumb{flex-basis:64px;width:64px;height:64px}.pcard h4{font-size:15px}.postboard.list .pmeta{min-width:120px}}
/* ===== גוף-פוסט: תוכן wp/v2 מוזרק בתוך תבנית-האתר (openPost / openProject) — לא טקסט-חשוף ===== */
.post-body{font-family:var(--f-body);font-size:15px;line-height:1.95;color:#c7cad0;max-width:760px}
.post-body>*:first-child{margin-top:0}
.post-body p{margin:0 0 15px}
.post-body h1,.post-body h2,.post-body h3,.post-body h4{font-family:var(--f-event);color:#fff;line-height:1.35;margin:26px 0 12px}
.post-body h2{font-size:20px}.post-body h3{font-size:17px}.post-body h4{font-size:15px}
.post-body a{color:var(--imp-accent);text-decoration:none;border-bottom:1px solid var(--imp-accent-soft)}
.post-body a:hover{border-bottom-color:var(--imp-accent)}
.post-body img{max-width:100%;height:auto;border-radius:4px;margin:14px 0;border:1px solid rgba(172,157,209,.15)}
.post-body ul,.post-body ol{margin:0 0 15px;padding-inline-start:22px}
.post-body li{margin:0 0 7px}
.post-body blockquote{margin:18px 0;padding:2px 16px;border-inline-start:2px solid var(--imp-accent);color:#e6e7ee;font-style:italic}
.post-body figure{margin:14px 0}.post-body figcaption{font-size:var(--t-label);color:var(--hm2-ink-3);margin-top:6px;text-align:center}
.post-body--compact{font-size:13.5px;line-height:1.9;color:#c1c4c7;max-width:none}
.post-body--compact h2{font-size:17px}.post-body--compact img{margin:10px 0}
.post-src{margin-top:20px}.post-src a{font-size:var(--t-meta);color:var(--imp-accent);text-decoration:none}
.tm{cursor:pointer}
/* ===== שכבת תמונות (תיקון 10.7) ===== */
.pimg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0}
.hero .poster>.pimg,.preview-card>.pimg{position:absolute;inset:0;z-index:0}
.photo-credit{position:absolute;bottom:8px;left:10px;z-index:4;font-weight:600;font-size:var(--t-label);letter-spacing:.08em;color:rgba(255,255,255,.6);background:rgba(11,13,27,.5);padding:2px 7px;border-radius:2px;pointer-events:none}
/* ===== עמוד אירוע ===== */
.ev-hero{position:relative;padding:104px 0 56px;overflow:hidden;background:linear-gradient(160deg,#1a1330,#0b0d1b 62%)} /* A-17: רקע-נפילה ממותג (לא שחור-בוטה) לאירועים חסרי-תמונה; תמונת #ev-bg מכסה אותו כשקיימת */
.bgimg{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(34px) brightness(.32) saturate(1.25);transform:scale(1.12)}
/* וידאו אווירה בהרו האירוע (item 5) — רץ מושתק ב-loop מאחורי הכותרת אם יש שדה video */
.ev-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:brightness(.42) saturate(1.1)}
.ev-vsound{position:absolute;top:112px;left:var(--pad);z-index:3;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(11,13,27,.6);backdrop-filter:blur(6px);color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,border-color .15s}
.ev-vsound:hover{transform:scale(1.08);border-color:var(--imp-accent)}
.ev-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0b0d1b,transparent 60%);pointer-events:none}
.ev-hero .inner{position:relative;z-index:2;max-width:1120px;margin:0 auto;padding:0 var(--pad);display:grid;grid-template-columns:360px 1fr;gap:44px;align-items:start}
/* ★ D-TIX-SIDE · עיצוב בלוק-הכרטיסים כשהוא יושב בעמודת-הפוסטר (360 פיקסלים).
נכנס לתוקף רק כשהמחלקה הודבקה בזמן-ריצה, כלומר רק מאחורי הדגל. */
.ev-hero .inner>div.tix-side{position:-webkit-sticky;position:sticky;top:18px}
.tix-side #ev-stock{margin-top:16px}
.tix-side .ev-dates,.tix-side .ev-tiers,.tix-side .ev-qty,.tix-side .ev-don{margin-top:14px}
.tix-side .ctas{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.tix-side .ctas .btn{flex:1 1 100%;text-align:center}
/* ★ 23.8 · **רווח סביר מהתמונה** — בקשת-אסף מפורשת. הפוסטר והבלוק היו נוגעים. */
.tix-side #ev-stock:first-of-type{margin-top:22px}
.tix-side>*:not(#ev-poster):not(.ev-thumbs):first-child{margin-top:22px}
/* והמידע-המיוחד יושב מתחת לכרטיסים, באותו רוחב-עמודה. */
.tix-side .ev-notices{max-width:none;margin-top:18px}
@media(max-width:860px){.ev-hero .inner{grid-template-columns:1fr;gap:24px}.ev-hero{padding-top:54px}} /* D-067: הקטנת הפער-הריק מעל הפוסטר במובייל (היה 104px). 54 ולא 40 — סרגל-הפירורים יושב עכשיו בתוך ההירו ותופס את הראש. */
.posterbox{position:relative;aspect-ratio:3/4;border-radius:4px;background-size:contain;background-repeat:no-repeat;background-position:center;box-shadow:0 24px 60px rgba(0,0,0,.55);overflow:hidden;border:1px solid rgba(255,255,255,.08)} /* D-067: contain (לא cover) — פוסטר מלא, שם-אמן לא-נחתך. ★ תיקון-letterbox 26.7: הוסר רקע-שחור-אטום → פסי-התמונה-הרוחבית מתמלאים ברקע-הגיבור המטושטש (#ev-bg) במקום מלבן-שחור */
/* ===== גלריית-אירוע (thumbnails + lightbox) — בלי ספריות חיצוניות ===== */
.ev-thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.ev-thumb{flex:0 0 auto;width:54px;height:70px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:3px;overflow:hidden;cursor:pointer;background:none;transition:border-color .15s,transform .12s}
.ev-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ev-thumb:hover{transform:translateY(-2px)}
.ev-thumb.active{border-color:var(--imp-accent);box-shadow:0 0 0 1px var(--imp-accent)}
.ev-thumb:focus-visible{outline:2px solid var(--imp-accent);outline-offset:2px}
.lb{position:fixed;inset:0;z-index:200;background:rgba(6,7,15,.94);display:flex;align-items:center;justify-content:center;padding:32px}
.lb[hidden]{display:none}
.lb-img{max-width:92vw;max-height:88vh;object-fit:contain;border-radius:4px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.lb-close{position:absolute;top:16px;left:16px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:19px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:30px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lb-prev{right:14px}.lb-next{left:14px}
.lb-close:hover,.lb-nav:hover{background:rgba(255,255,255,.24)}
.lb-close:focus-visible,.lb-nav:focus-visible{outline:2px solid var(--imp-accent);outline-offset:2px}
.lb-count{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:var(--t-meta);letter-spacing:.1em;color:rgba(255,255,255,.7)}
/* ===== סרגל-פירורים (breadcrumb) — עמודי-פנים ===== */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:var(--t-label);font-weight:600;letter-spacing:.12em;margin-bottom:14px}
/* 2dב · פס-פירורים עליון — האלמנט העליון בעמוד-פנים, מעל ה-hero. הפירורים בתוכו בלי margin-תחתון. */
.crumbs-top{padding:14px 20px 10px;max-width:1200px;margin:0 auto}
.crumbs-top .crumbs{margin-bottom:0}
/* ★ באג-חי (אסף, ×3): הפירורים ישבו על רקע-הגוף הכהה מעל ההירו ויצרו "פער שחור".
מעכשיו הם שכבה בתוך ההירו עצמו — רקע-ההירו מתחיל ישר מתחת לטיקר. */
.dept-hero>.crumbs-top,.ev-hero>.crumbs-top,.wtf-hero>.crumbs-top,.fest-hero>.crumbs-top{
position:absolute;top:0;right:0;left:0;z-index:5;max-width:none;margin:0;padding:10px var(--pad) 6px}
.dept-hero>.crumbs-top .crumbs,.ev-hero>.crumbs-top .crumbs,
.wtf-hero>.crumbs-top .crumbs,.fest-hero>.crumbs-top .crumbs{max-width:1120px;margin:0 auto}
/* ★ 7ב(2) · "הצרת-תוכן בטלפון" — דיווח-אסף 25.7, אותר במכשיר אמיתי 30.7.
נמדד באייפון 14: «בית» ברוחב 23 פיקסל בעוד הטקסט צריך 29, ו«לייב» 31 מול 37 —
כלומר הפירורים הקצרים **כווצו מתחת לרוחב-התוכן שלהם ונחתכו**. השורש: .crumbs
הוא flex, ולכל פריט יש flex-shrink:1 כברירת-מחדל; שם-אירוע ארוך (למשל «צוקוש
(מארח את שאזאמאט, חן פורתי…)») תופס את כל השורה ומכווץ את שכניו.
התיקון: הפירורים הקצרים **אינם מתכווצים**, ורק שם-האירוע — הפריט שממילא ארוך —
מקוצר בשלוש-נקודות. כלי-שולחן לא יכול היה לתפוס את זה: כרום ב-macOS אינו
מרנדר מתחת ל-500 פיקסל, וזה בדיוק מה שהמפרט אמר שיידרש מכשיר אמיתי. */
.crumb-link,.crumb-sep{flex:0 0 auto}
.crumb-cur{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crumb-link{position:relative;color:var(--imp-accent);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;min-height:24px}
/* יעד-מגע 44 פיקסל בלי לנפח את גובה הסרגל: שכבת-לחיצה שקופה מעל הטקסט.
ההרחבה האופקית (6px) נשארת בתוך רווח-הפריטים (gap:7px) ולא גונבת לחיצות. */
.crumb-link::after{content:"";position:absolute;inset:-10px -6px;min-height:44px}
.crumb-link:hover{text-decoration:underline}
.crumb-sep{color:#8a8d99;font-weight:400}
.crumb-cur{color:#c1c4c7}
.ev-hero .em{font-family:var(--f-event);font-weight:bold;font-size:var(--t-body);color:#ff9ec4;letter-spacing:.08em}
.ev-hero h1{font-family:var(--f-voice);font-weight:bold;font-size:clamp(38px,6vw,72px);color:#fff;line-height:.95;margin:10px 0 0}
.ev-hero .desc{font-size:14px;color:rgba(255,255,255,.75);line-height:1.75;max-width:520px;margin-top:18px;overflow-wrap:anywhere;word-break:break-word}
/* ★★★ `6a85bb4b` · הודעות-כניסה. **הניגוד הוא הפיצ׳ר** — הבלוק חייב להיקרא
אחרת מטקסט-המכירה שמעליו, אחרת חזרנו בדיוק למצב שבו הקהל לא ראה את השורה.
.desc יושב על 75% לובן; כאן 92% + פס-צד + רקע. ⚠ כל השורות באותו משקל —
מופע-עמידה אינו נספח לנשק. */
/* ★★★ 23.8 · בלוק-"מתי": שלוש עובדות, כל אחת עם תווית.
⛔ לא שורה רציפה — דיווח-אסף. תווית קטנה מעל, ערך גדול מתחת, וקו-הפרדה
דק בין הפריטים כדי שהעין תספור אותם. */
.ev-when{display:flex;flex-wrap:wrap;gap:0;margin:16px 0 0;max-width:520px;
border:1px solid rgba(255,255,255,.12);border-radius:10px;overflow:hidden}
.ev-when-i{flex:1 1 auto;min-width:118px;padding:11px 15px;
border-inline-end:1px solid rgba(255,255,255,.10)}
.ev-when-i:last-child{border-inline-end:0}
.ev-when-i .k{display:block;font-size:11px;letter-spacing:.16em;color:#ff9ec4;
font-weight:600;margin-bottom:5px}
.ev-when-i b{display:block;font-family:var(--f-num,var(--f-event));font-weight:700;
font-size:16px;color:#fff;letter-spacing:.01em;line-height:1.25}
@media(max-width:640px){.ev-when-i{min-width:96px;padding:9px 12px}.ev-when-i b{font-size:15px}}
/* Age policy line (27.9.2026) — one quiet line, under the details panel and under the buy button. */
/* ★★ 23.8 · "לפני שמגיעים" — היה קופסה אפורה עם פס ורוד שנראתה מודבקת.
⛔ דיווח-אסף: "המידע המיוחד מעוצב לא קשור." ⇒ אותה שפה של בלוק-מתי:
מסגרת דקה, פינות זהות, וכותרת שאומרת מה זה. */
.ev-notices{max-width:520px;margin:16px 0 0;padding:13px 15px;
border:1px solid rgba(255,255,255,.12);border-radius:10px;
background:rgba(255,255,255,.028)}
.ev-notices::before{content:"לפני שמגיעים";display:block;font-size:11px;
letter-spacing:.16em;color:#ff9ec4;font-weight:600;margin-bottom:8px}
.ev-notices-list{margin:0;padding-inline-start:16px;list-style:disc}
.ev-notices-list li{font-size:13.5px;line-height:1.65;color:rgba(255,255,255,.86);margin:0 0 6px}
.ev-notices-list li::marker{color:var(--imp-accent,#ff006d)}
.ev-notices-list li:last-child{margin-bottom:0}
/* ══════════════ בלוק שאלות-נפוצות בעמוד-האירוע (17.9.2026) ══════════════
בקשת אסף: *״בלוק faq פשוט שמתאים לאירוע… שיהיה מעוצב יפה.״*
★ **מתאים-לאירוע פירושו נבנה ממנו**, לא תבנית קבועה: שעת-הדלת, גיל-
מינימום, עמידה/ישיבה וההערות מגיעים מהאירוע עצמו, והחנייה מ-`CP`.
שאלה בלי נתון **אינה נפלטת** — מקטע ריק בעמוד-מכירה הוא רעש.
★ הצבע אינו מקובע: הבלוק יורש את `--imp-accent`, ולכן הוא ורוד במוזיקה,
מגנטה בתיאטרון, לבנדר בקולנוע וטורקיז בלילה — בלי שורת-קוד לכל אחד.
⚠ `details/summary` ולא אקורדיון-בג׳אווהסקריפט: נפתח בלי סקריפט, נגיש
במקלדת, וניתן לחיפוש בדפדפן גם כשסגור. */
.ev-faq{margin:0}
.ev-faq-list{border-top:1px solid rgba(255,255,255,.1)}
.ev-faq-i{border-bottom:1px solid rgba(255,255,255,.1)}
.ev-faq-i>summary{display:flex;align-items:center;gap:12px;cursor:pointer;
list-style:none;padding:16px 2px;font-family:var(--f-event);font-weight:bold;
font-size:16px;line-height:1.4;color:rgba(255,255,255,.93)}
.ev-faq-i>summary::-webkit-details-marker{display:none}
.ev-faq-i>summary:focus-visible{outline:2px solid var(--imp-accent,#ff006d);
outline-offset:2px;border-radius:3px}
/* הסימן הוא הפעולה: קו אחד מסתובב לאיקס-פתוח. בלי אייקון חיצוני. */
.ev-faq-i>summary .fq-s{flex:0 0 auto;width:13px;height:13px;position:relative;
margin-inline-start:auto}
.ev-faq-i>summary .fq-s::before,.ev-faq-i>summary .fq-s::after{content:"";
position:absolute;inset-block-start:6px;inset-inline-start:0;width:13px;height:1.5px;
background:var(--imp-accent,#ff006d);transition:transform .18s ease}
.ev-faq-i>summary .fq-s::after{transform:rotate(90deg)}
.ev-faq-i[open]>summary .fq-s::after{transform:rotate(0deg)}
.ev-faq-b{padding:0 2px 18px;font-size:14.5px;line-height:1.7;
color:rgba(255,255,255,.78);max-width:62ch}
.ev-faq-b p{margin:0 0 9px}
.ev-faq-b p:last-child{margin-bottom:0}
.ev-faq-b b{color:rgba(255,255,255,.93);font-weight:600}
.ev-faq-b a{color:var(--imp-accent,#ff006d);text-decoration:none;
border-bottom:1px solid currentColor;padding-bottom:1px}
.ev-faq-b a:hover,.ev-faq-b a:focus-visible{color:#fff}
/* שורת-קישורים: פעולות ניווט זו לצד זו, לא רשימה אנכית שמותחת את הבלוק. */
.ev-faq-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}
.ev-faq-act a{display:inline-flex;align-items:center;gap:7px;
border:1px solid rgba(255,255,255,.18);border-bottom-color:rgba(255,255,255,.18);
border-radius:3px;padding:7px 11px;font-size:13px;color:rgba(255,255,255,.9);
transition:border-color .15s ease,color .15s ease}
.ev-faq-act a:hover,.ev-faq-act a:focus-visible{border-color:var(--imp-accent,#ff006d);
color:#fff}
/* ההטבה — מסגרת מקווקוות, כמו בכרטיס-החנייה, כדי שייקרא כהצעה ולא כתנאי. */
.ev-faq-deal{margin-top:11px;border:1px dashed rgba(255,255,255,.28);border-radius:3px;
padding:9px 11px;font-size:13px;line-height:1.6;color:rgba(255,255,255,.82)}
.ev-faq-deal b{color:var(--imp-accent,#ff006d)}
@media(max-width:640px){
.ev-faq-i>summary{font-size:15px;padding:14px 2px}
.ev-faq-b{font-size:14px}
}
/* ★ תיאור-קצר של המפיק — משפט-הפתיחה של הערב, מעל התאריך.
השדה נאסף מהמפיקים מאז ומעולם ולא הוצג בשום משטח; זה מקומו הטבעי:
נקרא לפני התיאור-הארוך, ועונה על "מה הערב הזה" במשפט אחד. */
.ev-hero .ev-lead{font-size:16.5px;line-height:1.6;color:rgba(255,255,255,.92);
max-width:560px;margin-top:10px;font-weight:600;overflow-wrap:anywhere;word-break:break-word}
@media(max-width:640px){.ev-hero .ev-lead{font-size:15.5px}}
.ev-hero .desc a{color:var(--imp-accent);overflow-wrap:anywhere}
.ev-hero .desc img,.ev-hero .desc iframe{max-width:100%;height:auto;border-radius:8px}
/* D-067 · הטמעת-יוטיוב רספונסיבית 16:9 בתיאור-האירוע (במקום URL-גולמי). */
.ev-hero .desc .ev-embed{position:relative;width:100%;max-width:520px;aspect-ratio:16/9;margin:16px 0;border-radius:8px;overflow:hidden;background:#000}
.ev-hero .desc .ev-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:8px}
.facts{display:flex;gap:28px;margin-top:24px;flex-wrap:wrap}
.facts span{display:flex;flex-direction:column;font-size:var(--t-label);letter-spacing:.14em;color:rgba(255,255,255,.55)}
.facts b{font-family:var(--f-event);font-weight:bold;font-size:16px;color:#fff;letter-spacing:0;margin-bottom:4px}
.ctas{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
/* כפתור-השיתוף · מצב "הועתק" בירוק-אישור לשתי שניות, על הכפתור עצמו. */
#ev-share i{font-size:15px;line-height:1}
#ev-share.is-copied{border-color:#7ed9e6;color:#7ed9e6}
/* ===== בורר כמות בעמוד אירוע (לפני כפתור הרכישה) ===== */
.ev-qty{margin-top:22px;padding:16px 18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:6px;max-width:360px}
.ev-qty-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.ev-qty-label{font-family:var(--f-event);font-weight:bold;font-size:var(--t-meta);letter-spacing:.06em;color:rgba(255,255,255,.75)}
.ev-qty-ctrl{display:flex;align-items:stretch;border:1px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden}
.ev-qty-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;color:#fff;border:0;font-size:20px;font-weight:700;cursor:pointer;line-height:1;transition:background .15s,color .15s}
.ev-qty-btn:hover{background:var(--imp-accent);color:#fff}
.ev-qty-btn:active{transform:translateY(1px)}
.ev-qty-btn:disabled{opacity:.35;cursor:default;background:transparent;color:#fff}
.ev-qty-btn:focus-visible,.ev-qty-num:focus-visible{outline:2px solid var(--imp-accent);outline-offset:-2px}
.ev-qty-num{width:54px;height:44px;text-align:center;background:rgba(11,13,27,.45);color:#fff;border:0;border-inline:1px solid rgba(255,255,255,.2);font-family:var(--f-event);font-weight:bold;font-size:15px;-moz-appearance:textfield;appearance:textfield}/* D-071: 40→44 יעד-נגיעה */
.ev-qty-num::-webkit-inner-spin-button,.ev-qty-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.ev-qty-total{margin-top:10px;font-family:var(--f-event);font-weight:bold;font-size:14px;color:var(--imp-accent);min-height:18px}
/* ===== בורר סוג-כרטיס בעמוד-האירוע ===== */
.ev-tiers{margin-top:22px;max-width:360px}
.ev-tiers-label{font-family:var(--f-event);font-weight:bold;font-size:var(--t-meta);letter-spacing:.06em;color:rgba(255,255,255,.75);margin-bottom:10px}
.ev-tiers-list{display:flex;flex-direction:column;gap:8px}
.ev-tier{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:rgba(11,13,27,.4);color:#fff;cursor:pointer;transition:border-color .15s,background .15s;text-align:start}
.ev-tier:hover{border-color:var(--imp-accent)}
.ev-tier.is-on{border-color:var(--imp-accent);background:rgba(255,255,255,.06)}
.ev-tier.is-out{opacity:.45;cursor:not-allowed}
.ev-tier:focus-visible{outline:2px solid var(--imp-accent);outline-offset:2px}
.ev-tier-name{font-family:var(--f-body);font-size:14px}
.ev-tier-price{font-family:var(--f-num);font-weight:600;font-size:17px;letter-spacing:-.01em}
.ev-tier.is-on .ev-tier-price{color:var(--imp-accent)}
/* ===== בורר-תאריכים (מופעים נוספים באותו שם) — משימה #14 ===== */
/* ★ 15.9 · רצועת ״חלק מהסדרה״ — קישור חזרה למקבץ. שורה אחת, לא כרטיס:
היא הקשר ולא היעד, והיא יושבת מעל בורר-הכרטיסים ולא מתחרה בו. */
.ev-series{margin-top:18px;max-width:420px}
.ev-series-link{display:flex;align-items:center;gap:10px;text-decoration:none;
border:1px solid rgba(126,217,230,.38);border-radius:4px;padding:10px 14px;
transition:border-color .18s ease,background-color .18s ease}
.ev-series-link:hover,.ev-series-link:focus-visible{border-color:rgba(126,217,230,.85);background:rgba(126,217,230,.07)}
.ev-series-link:focus-visible{outline:2px solid #7ed9e6;outline-offset:2px}
.ev-series-kicker{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8a8ea6;flex:none}
.ev-series-name{font-weight:700;font-size:14px;color:#fff;flex:1 1 auto;min-width:0;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ev-series-go{color:#7ed9e6;flex:none;font-size:15px}
.ev-dates{margin-top:18px;max-width:420px}
/* ★ 15.9ב · ״עוד בסדרה״ — שם מעל תאריך. רשימת-מופעים ולא בורר-תאריכים. */
.ev-dates.is-lineup{max-width:520px}
.ev-dates.is-lineup .ev-dates-list{display:flex;flex-direction:column;gap:6px}
.ev-date-btn.is-mate{display:flex;flex-direction:column;align-items:flex-start;gap:2px;
width:100%;text-align:right;padding:9px 13px;line-height:1.35}
.ev-date-btn.is-mate .ev-mate-name{font-weight:700;font-size:13.5px}
.ev-date-btn.is-mate .ev-mate-date{font-size:11.5px;opacity:.72;font-variant-numeric:tabular-nums}
.ev-dates-label{font-family:var(--f-event);font-weight:bold;font-size:var(--t-meta);letter-spacing:.06em;color:rgba(255,255,255,.75);margin-bottom:10px}
.ev-dates-list{display:flex;flex-wrap:wrap;gap:8px}
.ev-date-btn{font-family:var(--f-num);font-weight:600;font-size:var(--t-body);min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:rgba(11,13,27,.4);color:#fff;cursor:pointer;transition:border-color .15s,background .15s;text-align:center}
.ev-date-btn:hover{border-color:var(--imp-accent)}
.ev-date-btn.is-on{border-color:var(--imp-accent);background:rgba(255,255,255,.06);color:var(--imp-accent);cursor:default}
.ev-date-btn:focus-visible{outline:2px solid var(--imp-accent);outline-offset:2px}
/* ===== הוספת-תרומה בעמוד-האירוע ===== */
.ev-don{margin-top:14px;padding:14px 16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:6px;max-width:360px}
.ev-don-toggle{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-family:var(--f-body);font-size:var(--t-body);color:rgba(255,255,255,.85);line-height:1.5}
/* ★ 7ב(4) · תיבת-התרומה נמדדה 16 על 16 — רבע מהרצפה, בשדה שמוסיף כסף להזמנה.
ניסיתי להגדיל את שטח-הנגיעה בריפוד על התיבה עצמה — **ספארי לא מכבד ריפוד על
checkbox**, ומדדתי שהיא נשארה 16. לכן המטרה היא **התווית**: היא עוטפת את התיבה
ואת הטקסט, כל לחיצה עליה מסמנת, וגובהה עכשיו 44. זו המטרה שהאצבע פוגעת בה בפועל.
התיבה נשארת 16 במכוון — הגדלתה מכערת, והיא ממילא לא המטרה. */
.ev-don-toggle input{margin-top:0;width:16px;height:16px;accent-color:var(--imp-accent);flex:none;cursor:pointer}
.ev-don-toggle{min-height:44px;align-items:center}
.ev-don-note{color:#8a8ea6;font-size:var(--t-label)}
.ev-don-amts{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.ev-don-amt{font-family:var(--f-num);font-weight:600;font-size:14px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:7px 13px;border-radius:4px;border:1px solid rgba(255,255,255,.2);background:rgba(11,13,27,.4);color:#fff;cursor:pointer;transition:border-color .15s,background .15s}
.ev-don-amt:hover{border-color:var(--imp-accent)}
.ev-don-amt.is-on{border-color:var(--imp-accent);background:var(--imp-accent);color:#0b0d1b}
.ev-don-amt:focus-visible{outline:2px solid var(--imp-accent);outline-offset:2px}
/* ===== ראש עמוד גנרי ===== */
.pg-head{position:relative;padding:112px 0 46px;background:linear-gradient(180deg,rgba(126,91,255,.14),transparent)}
/* ★★ D-POST-PAGE-VOID (13.8, בקשת-אסף: "גולש בקלות לפוטר ונראה עמוד ולא החלטי").
נמדד ב-390 פיקסל: מתחתית ההאדר ועד ראש-התמונה היו ~495 פיקסל של גרדיאנט כמעט-ריק —
112 ריפוד-עליון + 46 תחתון + 72 מרווח-המקטע, ועוד פסקת-תקציר **ריקה** שעדיין
תופסת 14 פיקסל של שוליים. ⇒ הכותרת נראית תלויה באוויר והעמוד נקרא כלא-גמור.
⛔ הריפוד 112 קיים בגלל ההאדר הקבוע ⇒ מקטינים אותו במובייל בלבד, לא מוחקים. */
@media(max-width:640px){
.pg-head{padding:74px 0 20px}
.pg-head h1{margin-top:8px}
.pg-head p:empty{display:none;margin:0}
#v-page .section{margin-top:22px}
}
.pg-head .inner{max-width:1120px;margin:0 auto;padding:0 var(--pad)}
.pg-head .k{font-weight:600;font-size:var(--t-label);letter-spacing:.3em;color:#ac9dd1}
.pg-head h1{font-family:var(--f-voice);font-weight:bold;font-size:clamp(40px,7vw,84px);color:#fff;line-height:.92;margin:12px 0 0}
.pg-head p{font-family:var(--f-event);font-size:17px;color:rgba(255,255,255,.72);max-width:560px;margin-top:14px;line-height:1.5}
i[class^="hmr2-"]:before, i[class*=" hmr2-"]:before {
font-family: hmr2-pixel !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.hmr2-wallet:before {
content: "\f101";
}
.hmr2-volume-2:before {
content: "\f102";
}
.hmr2-video:before {
content: "\f103";
}
.hmr2-users:before {
content: "\f104";
}
.hmr2-user:before {
content: "\f105";
}
.hmr2-upload:before {
content: "\f106";
}
.hmr2-unlock:before {
content: "\f107";
}
.hmr2-sunglasses:before {
content: "\f108";
}
.hmr2-store:before {
content: "\f109";
}
.hmr2-spotlight:before {
content: "\f10a";
}
.hmr2-shopping-cart:before {
content: "\f10b";
}
.hmr2-settings-cog:before {
content: "\f10c";
}
.hmr2-search:before {
content: "\f10d";
}
.hmr2-radio:before {
content: "\f10e";
}
.hmr2-plus:before {
content: "\f10f";
}
.hmr2-play:before {
content: "\f110";
}
.hmr2-phone:before {
content: "\f111";
}
.hmr2-party-popper:before {
content: "\f112";
}
.hmr2-note:before {
content: "\f113";
}
.hmr2-music:before {
content: "\f114";
}
.hmr2-moon:before {
content: "\f115";
}
.hmr2-minus:before {
content: "\f116";
}
.hmr2-mic:before {
content: "\f117";
}
.hmr2-message:before {
content: "\f118";
}
.hmr2-menu:before {
content: "\f119";
}
.hmr2-megaphone:before {
content: "\f11a";
}
.hmr2-map-pin:before {
content: "\f11b";
}
.hmr2-mail:before {
content: "\f11c";
}
.hmr2-lock:before {
content: "\f11d";
}
.hmr2-link:before {
content: "\f11e";
}
.hmr2-lightbulb:before {
content: "\f11f";
}
.hmr2-keyboard-music:before {
content: "\f120";
}
.hmr2-info-box:before {
content: "\f121";
}
.hmr2-image:before {
content: "\f122";
}
.hmr2-home:before {
content: "\f123";
}
.hmr2-heart:before {
content: "\f124";
}
.hmr2-headphone:before {
content: "\f125";
}
.hmr2-gift:before {
content: "\f126";
}
.hmr2-flag:before {
content: "\f127";
}
.hmr2-fire:before {
content: "\f128";
}
.hmr2-eye:before {
content: "\f129";
}
.hmr2-external-link:before {
content: "\f12a";
}
.hmr2-drum:before {
content: "\f12b";
}
.hmr2-download:before {
content: "\f12c";
}
.hmr2-door-closed:before {
content: "\f12d";
}
.hmr2-date-time:before {
content: "\f12e";
}
.hmr2-crown:before {
content: "\f12f";
}
.hmr2-credit-card:before {
content: "\f130";
}
.hmr2-coins:before {
content: "\f131";
}
.hmr2-clock:before {
content: "\f132";
}
.hmr2-check:before {
content: "\f133";
}
.hmr2-camera:before {
content: "\f134";
}
.hmr2-calendar:before {
content: "\f135";
}
.hmr2-bottle-wine:before {
content: "\f136";
}
.hmr2-bookmark:before {
content: "\f137";
}
.hmr2-book-open:before {
content: "\f138";
}
.hmr2-bell:before {
content: "\f139";
}
.hmr2-banknote:before {
content: "\f13a";
}
.hmr2-audio-waveform:before {
content: "\f13b";
}
.hmr2-arrow-up:before {
content: "\f13c";
}
.hmr2-arrow-right:before {
content: "\f13d";
}
.hmr2-arrow-left:before {
content: "\f13e";
}
.hmr2-arrow-down:before {
content: "\f13f";
}
.hmr2-alarm-clock:before {
content: "\f140";
}
/* מפרט §10: כיבוי הפס המתנפנף תחת prefers-reduced-motion */
.don-pay-note{font-family:var(--f-body);font-size:var(--t-meta);color:var(--hm2-ink-2);line-height:1.7}
/* ⚠ .nl-msg משותף — 18 מופעים: ניוזלטר (בית + מחלקה) · יצירת קשר · בקשת השכרה ·
don-status · rt-status · ct-status. כולם משוב-טופס (ok/err), סמנטיקה אחת.
שינוי כאן משנה את כל הודעות הטפסים באתר — אומת מופע-מופע לפני העריכה. */
.nl-msg{font-size:var(--t-meta);line-height:1.6;margin-top:8px;min-height:1em}
/* היה color:#7ed9e6 — באג חי (מפרט §3): בחותמות kids/night --imp-accent הוא
בדיוק #7ed9e6, כך שהודעת ההצלחה נקראת כלינק. אין טוקן הצלחה — הכרעה מכוונת:
ירוק לא שייך לאתר ורוד-על-שחור, וציאן/אש הם כבר צבעי-פעולה.
הצלחה צמודה (הכפתור עדיין על המסך) = דיו + גליף. שקט.
הגליף ✓ כבר קיים בטקסט עצמו (:2351 · :2370 · :2391).
הערה: המפרט מבקש את הגליף בצבע-הפעולה. לא מיושם — הטקסט נכתב דרך
textContent בשלושה מקומות, וצביעת הגליף לבדו תחייב מעבר ל-innerHTML.
לא שווה את משטח-התקיפה עבור צבע של תו אחד. → visual-notes-backlog. */
.nl-msg.ok{color:var(--hm2-ink-1)}
.nl-msg.err{color:var(--hm2-danger)}
/* ============ עמוד תרומות — בהשראת jGive (מוקאפ; יתחבר לקארדקום בהמשך) ============ */
.don{--da:#7ed9e6;max-width:1080px}
/* מפרט §7 — בלוק "התקדמות" ירד. הקופסה עטפה משפט-תודה בלבד: הפס (.don-bar),
היעד (.don-goal) והמספר הגדול (.don-prog .pt b) היו קיימים ב-CSS בלי שום דום —
קוד מת שהזמין "בוא נחבר לזה יעד". יעד מזויף גרוע פי כמה מאין יעד (§7).
שלושת הכללים נמחקו (§5), והמשפט הפך לשורת פתיחה בלי מסגרת. */
.don-lede{font-family:var(--f-body);font-size:var(--t-body);color:var(--hm2-ink-2);line-height:1.6;margin-bottom:26px;max-width:640px}
.don-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:start}
@media(max-width:820px){.don-grid{grid-template-columns:1fr;gap:24px}}
/* מפרט §7 — בורר המסלול: היה 2 כפתורים בגודל 16 שתקפו על תשומת הלב לפני
שהובנה הבחירה. עכשיו גובה 40, טקסט 14 — הכותרת "כמה?" מקבלת את המקום. */
.don-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--hm2-surface-1);border:1px solid var(--hm2-line);border-radius:var(--m2-radius-xl);padding:5px;margin-bottom:20px}
.don-mode button{border:none;background:none;cursor:pointer;min-height:44px;padding:6px 10px;border-radius:var(--m2-radius-lg);font-family:var(--f-voice);font-weight:bold;font-size:14px;color:var(--hm2-ink-2);transition:all .18s}
.don-mode button .bdg{display:block;font-family:var(--f-body);font-weight:400;font-size:var(--t-label);letter-spacing:.05em;color:var(--hm2-ink-3);margin-top:3px}
/* היה #04222a / #06333d — דיו על מילוי ציאן. --hm2-bg נותן 11.91 (מפרט §2). */
.don-mode button.on{background:var(--da);color:var(--hm2-bg)}
.don-mode button.on .bdg{color:var(--hm2-bg);opacity:.72}
/* מפרט §7/§10: 4 עמודות במחשב אבל 2 במובייל אילצו גלילה כדי לראות טווח → 3.
גובה 64, מספר 22. */
.don-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
@media(max-width:480px){.don-amounts{grid-template-columns:repeat(3,1fr)}}
/* button אמיתי (§7 סעיף 2) — מאפסים את ברירות-המחדל של הדפדפן */
.don-amt{width:100%;font:inherit;color:inherit;-webkit-appearance:none;appearance:none;border:1px solid var(--hm2-line-ctl);border-radius:var(--m2-radius-xl);min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px;text-align:center;cursor:pointer;background:var(--hm2-surface-1);transition:all .15s}
.don-amt:hover{border-color:var(--hm2-line-ctl-hi)}
.don-amt.sel{border-color:var(--da);background:rgba(126,217,230,.1);box-shadow:0 0 0 1px var(--da) inset}
.don-amt:focus-visible{outline:2px solid var(--imp-accent);outline-offset:2px}
/* 24→22: ספרת קסקדיה רחבה; ₪1,000 ב-24 גולש ברשת של 4 עמודות (מפרט §5).
בדיקת-הרוחב הקריטית: 820 בדיוק, ₪1,000 בלשונית "חד-פעמי". */
.don-amt b{display:block;font-family:var(--f-num);font-weight:700;font-size:22px;letter-spacing:-.02em;color:#fff;
font-variant-numeric:tabular-nums;font-feature-settings:"liga" 0,"calt" 0,"tnum" 1}
.don-amt.sel b{color:var(--da)}
.don-amt span{font-family:var(--f-body);font-size:var(--t-label);color:var(--hm2-ink-3)}
.don-custom{display:flex;align-items:center;gap:10px;margin-top:10px;border:1px solid var(--hm2-line-ctl);border-radius:var(--m2-radius-xl);padding:2px 14px;background:var(--hm2-surface-1)}
.don-custom:focus-within{border-color:var(--imp-accent);box-shadow:0 0 0 3px var(--imp-accent-soft)}
.don-custom>span{font-family:var(--f-num);font-weight:600;font-size:22px;color:var(--hm2-ink-3);
font-variant-numeric:tabular-nums;font-feature-settings:"liga" 0,"calt" 0,"tnum" 1}
/* ⚠ החמור מכולם (מפרט §5): הסכום שהתורם מקליד בעצמו, בגופן שלא קריא.
כשל קלט, לא סגנון. --f-num + tabular-nums. */
.don-custom input{flex:1;background:none;border:none;outline:none;color:#fff;font-family:var(--f-num);font-weight:600;font-size:22px;padding:13px 0;direction:rtl;text-align:right;
font-variant-numeric:tabular-nums;font-feature-settings:"liga" 0,"calt" 0,"tnum" 1}
/* מסתירים את חצי-המספר של הדפדפן — inputmode=numeric + סינון ספרות במקום (§7) */
.don-custom input::-webkit-outer-spin-button,.don-custom input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.don-custom input[type=number]{-moz-appearance:textfield;appearance:textfield}
.don-custom input::placeholder{color:var(--hm2-ink-3);font-size:15px}
/* ⚠ מפרט §11 — "הדבר הכי טוב בשני המסכים. מי שיציע 'לחדד' אותו יהרוס אותו."
הניסוח ("₪36 = ערב פתוח לאמן צעיר") לא נגענו בו — הוא חי ב-DON_SETS.
גודל ומיקום כן (§7): 13→14px, מרווח כפול מעליה, אנימציית-החלפה 150ms.
זה מה שמוכר, לא הכפתור. */
.don-impact{margin-top:32px;display:flex;gap:10px;align-items:center;font-family:var(--f-body);font-size:14px;color:var(--hm2-ink-2);border-inline-start:2px solid var(--da);padding-inline-start:12px;line-height:1.5;animation:donImpactIn .15s ease}
@keyframes donImpactIn{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.don-impact{animation:none}}
.don-impact>span:first-child{color:var(--da);font-size:15px}
.don-ded{margin-top:18px}
.don-ded summary{cursor:pointer;font-family:var(--f-body);font-size:var(--t-meta);color:var(--da);list-style:none}
.don-ded summary::-webkit-details-marker{display:none}
.don-ded summary:before{content:'+ ';font-weight:700}
.don-ded[open] summary:before{content:'− '}
.don-ded .dd{margin-top:11px}
.don-cta{width:100%;margin-top:12px;min-height:56px;border:none;border-radius:var(--m2-radius-xl);padding:18px;cursor:pointer;font-family:var(--f-voice);font-weight:bold;font-size:20px;color:var(--hm2-bg);background:var(--hm2-fire);box-shadow:0 12px 36px -8px var(--hm2-fire);display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s,box-shadow .15s}
.don-cta:hover{transform:translateY(-2px);box-shadow:0 18px 44px -8px var(--hm2-fire)}
/* מפרט §7 סעיף 3: סכום מתחת ל-₪5 חוסם — השגיאה לא צריכה להיות אפשרית */
.don-cta[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.don-cta .amt{font-family:var(--f-num);font-weight:700;letter-spacing:-.02em;
font-variant-numeric:tabular-nums;font-feature-settings:"liga" 0,"calt" 0,"tnum" 1}
.don-tax{display:flex;align-items:center;gap:7px;justify-content:center;flex-wrap:wrap;margin-top:13px;font-family:var(--f-body);font-size:var(--t-label);color:var(--hm2-ink-3);text-align:center}
/* מפרט §7 — רשת-ביטחון: מסלול חלופי קבוע, תמיד גלוי, לא תלוי ברשת/סולק.
"המסלול החלופי צריך להיות נראה לפני שהוא נדרש." */
.don-fallback{margin-top:10px;font-family:var(--f-body);font-size:var(--t-meta);color:var(--hm2-ink-3);text-align:center;line-height:1.7}
.don-fallback a{color:var(--imp-accent);border-bottom:1px solid var(--hm2-line-ctl)}
.don-side{border:1px solid var(--hm2-line);border-radius:var(--m2-radius-xl);padding:20px;background:var(--hm2-surface-1);position:sticky;top:20px}
@media(max-width:820px){.don-side{position:relative;top:0}}
.don-side h3{font-family:var(--f-voice);font-weight:bold;font-size:20px;color:#fff;margin:0 0 14px}
.don-why{display:flex;flex-direction:column;gap:13px}
.don-why>div{display:flex;gap:11px;font-family:var(--f-body);font-size:var(--t-body);color:var(--hm2-ink-2);line-height:1.5}
.don-why .ic{color:var(--da);flex:none}
/* ★ D-069ב (27.7) — מוקאפ-הקופה היתום נמחק, אבל **עמוד-התרומה חי** והשתמש בחלק
ממחלקותיו. הכללים האלה עברו לשם-מרחב של התרומה (`don-*`), כדי שלא יישאר
שום `.co-*` בקוד ושלא ייווצר שוב תלות בין החי למחוק. */
/* נעילת-גלילה כללית לשכבות-על (פופאפ-לימבו). הייתה `body.co-open` — שיור של מוקאפ-הקופה שנמחק. */
body.hm2-lock{overflow:hidden}
.don-field{margin-bottom:13px}
.don-field label{display:block;font-family:var(--f-body);font-size:var(--t-label);letter-spacing:.05em;color:var(--hm2-ink-3);margin-bottom:6px}
.don-field input{width:100%;background:var(--hm2-surface-ctl);border:1px solid var(--hm2-line-ctl);border-radius:var(--m2-radius-md);padding:11px 13px;color:var(--hm2-ink);font-family:var(--f-body);font-size:14px}
.don-field input:focus{outline:none;border-color:var(--imp-accent);box-shadow:0 0 0 3px var(--imp-accent-soft)}
.don-field input::placeholder{color:var(--hm2-ink-3)}
.don-pay{border:1px solid var(--hm2-line);border-radius:var(--m2-radius-xl);padding:15px;margin-top:4px;background:var(--hm2-surface)}
.don-pay-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.don-secure{display:flex;align-items:center;gap:6px;font-family:var(--f-body);font-size:var(--t-label);color:#7ed9e6}
.don-cards{font-family:var(--f-body);font-size:var(--t-label);color:var(--hm2-ink-3);letter-spacing:.08em}
.don-side .np{margin-top:18px;padding-top:16px;border-top:1px solid var(--hm2-line);font-family:var(--f-body);font-size:var(--t-label);color:var(--hm2-ink-3);line-height:1.6}
/* ============ עמוד-הרשמה למנויים — סקאלת עמודי-הכסף (design-spec-money-pages §2/§5) ============
כרטיס-מסלול לכל plan מה-endpoint הציבורי /membership/plans. אין מוקאפ ייעודי במסמכי-האפיון
למשטח הזה (רק "עצב לפי המוקאפ/עמודי-הכסף") — נבנה כאן גרסה נקייה מהתקנים הקיימים של .don-*:
אותה סקאלת-משטחים (surface-1/line/ink), אותו --f-num לכסף, אותו --hm2-fire ל-CTA. */
.mem-lede{font-family:var(--f-body);font-size:var(--t-body);color:var(--hm2-ink-2);line-height:1.6;margin-bottom:24px;max-width:640px}
/* ★★★ 4.9 · `D-MEMBERS-APPLY` — גוש-הפתיחה של עמוד-החברוּת.
הוא הדבר הראשון והגדול בעמוד, והמסלולים יורדים מתחת לקו. */
.mem-hero{max-width:640px;margin:0 0 30px;padding:22px 22px 20px;border:1px solid var(--hm2-line);
border-radius:var(--m2-radius-xl);background:var(--hm2-surface-1)}
.mem-hero-1{font-family:var(--f-head,var(--f-body));font-size:clamp(19px,4.2vw,25px);line-height:1.35;
color:var(--hm2-ink-1);margin:0 0 12px;font-weight:700}
.mem-hero-2,.mem-hero-3{font-family:var(--f-body);font-size:var(--t-body);color:var(--hm2-ink-2);
line-height:1.7;margin:0 0 10px}
.mem-hero-cta{margin-top:8px;display:inline-block;cursor:pointer}
.mem-hero-fine{font-family:var(--f-body);font-size:12.5px;color:var(--hm2-ink-3,#8a8ea6);margin:10px 0 0}
/* ⚠ הקו השקט. שקט — ולא מוסתר: גודל-מגע מלא, ניתן-למיקוד, ונקרא ע"י קורא-מסך. */
.mem-peek{max-width:640px;margin:0 0 22px}
.mem-peek-q{display:inline-block;padding:8px 0;font-family:var(--f-body);font-size:13.5px;
color:var(--hm2-ink-3,#8a8ea6);cursor:pointer;border-bottom:1px dotted currentColor}
.mem-peek-q:hover,.mem-peek-q:focus-visible{color:var(--imp-accent)}
.mem-plans-wrap{margin:0}
/* ═══ עמוד-החברוּת · פתיחה (16.9.2026, אסף: ״קצת חסר טעם״) ══════════════════
⛔ מה שהיה חסר-טעם לא היה הצבע — היה **היעדר היררכיה**: שלוש פסקאות באותו
גודל, באותו משטח, באותה מסגרת מעוגלת, בלי שום דבר שהעין נתפסת בו קודם.
⇒ שלושה מפלסים מפורשים: הצהרה גדולה · שלושה ביטים ממוספרים · הזמנה.
★ בלי גרדיאנט ובלי זוהר — הניגוד כאן טיפוגרפי ומרחבי בלבד (`craft`). */
.mem-note{max-width:600px;margin:0 0 26px;padding:0 0 26px;border-bottom:1px solid var(--hm2-line)}
.mem-note p{font-family:var(--f-body);font-size:17px;line-height:1.85;color:var(--hm2-ink-1,#e6e7ee);margin:0 0 14px}
.mem-note a[role=link]:not(.btn){color:var(--imp-accent);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.mem-note .mem-note-sign{color:var(--hm2-ink-2);margin:4px 0 22px}
.mem-thesis{max-width:660px;margin:0 0 30px;padding:0 0 22px;border-bottom:1px solid var(--hm2-line)}
.mem-thesis-q{font-family:var(--f-voice);font-weight:700;font-size:clamp(25px,6.2vw,44px);line-height:1.18;
letter-spacing:-.01em;color:var(--hm2-ink-2);margin:0 0 14px;text-wrap:balance}
.mem-thesis-q b{color:#fff;font-weight:700}
.mem-thesis-s{font-family:var(--f-body);font-size:15px;line-height:1.75;color:var(--hm2-ink-2);margin:0;max-width:560px}
.mem-thesis-s b{color:var(--imp-accent);font-weight:600}
/* שלושת הביטים — מקצב עריכתי: ספרה גדולה, כותרת קצרה, שורות ספורות. */
/* ⚠ שלוש עמודות או אחת — **לעולם לא שתיים.** `auto-fit` ייצר ברוחב-ביניים
שורה של שניים ויתום מתחתם, עם קו-מפריד שתלוי באוויר. שלושה ביטים הם יחידה
אחת, ולכן הם נשברים יחד. */
.mem-beats{list-style:none;margin:0 0 32px;padding:0;display:grid;gap:0;max-width:720px;
grid-template-columns:repeat(3,1fr)}
/* ⚠ תכונות **לוגיות** בלבד — `padding-right` בעמוד ימין-לשמאל הוא צד-הסיום,
והעמודה הראשונה הייתה מקבלת מרווח בצד הלא-נכון. */
.mem-beats li{padding:20px 0;padding-inline-end:22px;border-top:1px solid var(--hm2-line)}
.mem-beats li+li{padding-inline-start:22px;border-inline-start:1px solid var(--hm2-line)}
.mem-beat-n{display:block;font-family:var(--f-num);font-size:12px;letter-spacing:.2em;color:var(--imp-accent);margin-bottom:9px}
.mem-beats h3{font-family:var(--f-voice);font-weight:700;font-size:16px;color:#fff;margin:0 0 7px}
.mem-beats p{font-family:var(--f-body);font-size:var(--t-body);line-height:1.75;color:var(--hm2-ink-2);margin:0}
@media(max-width:820px){
.mem-beats{grid-template-columns:1fr}
.mem-beats li{padding:16px 0;padding-inline-end:0}
.mem-beats li+li{padding-inline-start:0;border-inline-start:0}
}
/* ההזמנה — המשטח היחיד בעמוד, ולכן העין נוחתת עליו. */
.mem-invite{max-width:660px;margin:0 0 24px;padding:22px;border:1px solid var(--hm2-line);
border-radius:var(--m2-radius-xl);background:var(--hm2-surface-1)}
.mem-invite-1{font-family:var(--f-voice);font-weight:700;font-size:clamp(18px,3.6vw,22px);color:#fff;margin:0 0 8px}
.mem-invite-2{font-family:var(--f-body);font-size:var(--t-body);line-height:1.75;color:var(--hm2-ink-2);margin:0 0 4px}
.mem-peek-q b{color:var(--hm2-ink-1,#e6e7ee);font-weight:600}
/* ⛔ שלוש התכונות למטה הגיעו עד 24.8 מכלל של **ציור-האסקי** ששמו התנגש.
הן משוכפלות לכאן במפורש כדי שהפרדת-השמות לא תזיז פיקסל. */
.mem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;max-width:620px;margin:0 auto;min-height:150px}
.mem-card{border:1px solid var(--hm2-line);border-radius:var(--m2-radius-xl);background:var(--hm2-surface-1);padding:20px;display:flex;flex-direction:column;gap:10px}
.mem-card .mem-tag{font-weight:600;font-size:var(--t-label);letter-spacing:.14em;color:var(--hm2-ink-3);text-transform:uppercase}
.mem-card h3{font-family:var(--f-voice);font-weight:bold;font-size:19px;color:#fff;margin:2px 0 0}
.mem-price{font-family:var(--f-num);font-weight:700;font-size:30px;letter-spacing:-.02em;color:var(--hm2-ink-1);
font-variant-numeric:tabular-nums;font-feature-settings:"liga" 0,"calt" 0,"tnum" 1}
.mem-price span{font-family:var(--f-body);font-size:var(--t-meta);font-weight:400;color:var(--hm2-ink-3);letter-spacing:0}
.mem-perks{list-style:none;padding:0;margin:2px 0 0;display:flex;flex-direction:column;gap:7px;font-family:var(--f-body);font-size:var(--t-body);color:var(--hm2-ink-2);line-height:1.5;flex:1}
.mem-perks li{padding-inline-start:16px;position:relative}
.mem-perks li:before{/*גליף*/content:'✦';position:absolute;inset-inline-start:0;top:2px;color:var(--hm2-fire);font-size:10px/*גליף*/}
.mem-cta{border:none;border-radius:var(--m2-radius-lg);min-height:48px;padding:12px;cursor:pointer;font-family:var(--f-voice);font-weight:bold;font-size:15px;
color:var(--hm2-bg);background:var(--hm2-fire);text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:6px;
transition:transform .15s,box-shadow .15s;box-shadow:0 10px 28px -10px var(--hm2-fire)}
.mem-cta:hover{transform:translateY(-2px);box-shadow:0 14px 34px -8px var(--hm2-fire)}
/* ★ 16.9 · המסלול המסובסד מובלט — גבול-מבטא ותגית, בלי גרדיאנט ובלי ״מומלץ״
(טענת-פופולריות שאיננו מודדים). ההבלטה היא מיקום בשדה-הראייה, לא הבטחה. */
.mem-card--rec{border-color:color-mix(in srgb,var(--imp-accent,#ff006d) 45%,var(--hm2-line))}
.mem-card--rec .mem-tag{color:var(--imp-accent,#ff006d)}
.mem-foot{margin-top:26px;border:1px solid var(--hm2-line);border-radius:var(--m2-radius-xl);padding:18px 20px;background:var(--hm2-surface-1);
font-family:var(--f-body);font-size:var(--t-meta);color:var(--hm2-ink-3);line-height:1.7;max-width:720px}
.mem-foot b{color:var(--hm2-ink-2)}
/* ★ 16.9 · שאלות-ותשובות של החברוּת. מחזיר את מנגנון `.faq` הקיים (עמוד "מי אנחנו")
ולא בונה אחד שני — אותה התנהגות, אותה נגישות-מקלדת, ותיקון אחד מתקן את שניהם.
מה שכן מקומי: הרוחב (720 כמו `.mem-foot` ולא 640), הצבעים מטוקני-המערכת
במקום ההקסים הקשיחים של גוש-ה-wtf, וקו-הפתיחה שמחבר את הבלוק לעמוד. */
.mem-faq{margin-top:34px;max-width:720px}
.mem-faq .k{font-family:var(--f-event);font-size:var(--t-label);letter-spacing:.14em;text-transform:uppercase;color:var(--imp-accent,#ff006d);margin-bottom:6px}
.mem-faq .faq{margin-top:12px;max-width:720px;border-top:1px solid var(--hm2-line)}
.mem-faq .faq details{border-bottom:1px solid var(--hm2-line)}
.mem-faq .faq summary{font-size:var(--t-body);color:var(--hm2-ink-1);padding:15px 32px 15px 0}
.mem-faq .faq summary::after{color:var(--imp-accent,#ff006d)}
.mem-faq .faq details p{font-size:var(--t-body);color:var(--hm2-ink-2);max-width:660px;margin:0 0 16px;padding-left:32px}
@media(max-width:480px){.mem-grid{grid-template-columns:1fr}}
/* ============================================================
מפרט §10 — מובייל: 390 פיקסל היא המציאות.
הקהל: תל אביב, בדרך לאירוע, יד אחת, סלולר. נקודות השבירה שהיו — 860 ו-480.
רוב הקנייה קורית בין 375 ל-430, ואף אחת מהשתיים לא נוגעת בטווח הזה.
⚠ תחום לסלקטורי .don-* בלבד (מפרט §12.1). מוקאפ-הקופה נמחק ב-D-069ב.
============================================================ */
@media(max-width:640px){
/* פעולה דביקה בתרומה — חדש (§10). היום צפה אחרי גלילה ארוכה. */
.don-cta{position:sticky;bottom:calc(10px + var(--safe-bottom));z-index:5;font-size:18px}
.don-grid{gap:20px}
.don-mode button{font-size:var(--t-body)}
}
/* 390 ומטה — המכשיר הצר באמת (iPhone 12/13/14/15 mini ו-SE) */
@media(max-width:390px){
.don-amt b{font-size:20px} /* ₪1,000 חייב להיכנס בשלוש עמודות */
.don-amt{min-height:60px}
.don-amt span{font-size:var(--t-label)}
}
/* פסטיבל בניווט — הדגשה טורקיז */
.hnav a.nav-fest,.mdepts a.nav-fest{color:#7ed9e6}
.hnav a.nav-fest:hover,.mdepts a.nav-fest:hover{color:#a9e9f2}
/* ⛔ 23.8 · חיקוי-הפוסט של אינסטגרם הוסר עם הבלוק הישן. הוא הציג
סימולציה שנשאה מונה-מעורבות מחושב, תג-שידור קבוע וחותמת-זמן קבועה —
נתונים שלא הגיעו מאינסטגרם ולא נמדדו בשום מקום. במקומו יושב פס-מעקב
אמיתי (#d-ig) שמצביע לחשבון הנכון של העולם. */
/* ===== שורת פילטרים (עיתונות / צוות) ===== */
.filterbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:20px}
.filterbar .flabel{font-family:var(--f-body);font-size:var(--t-label);letter-spacing:.14em;color:#6b6f86;margin-inline-end:4px}
.fchip{font-family:var(--f-body);font-size:var(--t-meta);border:1px solid #2b2e44;border-radius:20px;padding:7px 15px;cursor:pointer;color:#ac9dd1;transition:all .15s;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;justify-content:center} /* 2b-1: יעד-מגע 44px */
.fchip:hover{border-color:var(--imp-accent)}
.fchip.on{background:var(--imp-accent);border-color:var(--imp-accent);color:#0b0d1b;font-weight:600}
/* ★ "עוד N…" — פותח קבוצה מקופלת. מסומן כפעולה ולא כערך-סינון: מקווקו ובלי
מילוי, כדי שלא ייקרא כתגית נבחרת. D-PRESS-FILTERS. */
.fchip.fmore{border-style:dashed;color:#6b6f86}
.fchip.fmore:hover{color:var(--imp-accent)}
.hm2-empty-world{grid-column:1/-1;margin:8px 0 4px;font-size:var(--t-meta);color:#8a8d99;line-height:1.7}
.hm2-empty-world a{color:var(--imp-accent);text-decoration:none}
/* ═══ D-HAPTIC-SWITCH · רטט-מגע בשני המתגים האמיתיים (אישור-אסף 27.8) ═════
⛔⛔ **מה שנמדד על האייפון של אסף, ולא מה שהנחנו:** מכל חמש הבדיקות עבדה
**רק** נגיעה ישירה במתג-מערכת. `navigator.vibrate` אינו קיים ב-WebKit,
ו**גם היפוך-המתג מהקוד לא הנפיק נקישה** — כלומר טריק "מתג נסתר מאחורי
כפתור" אינו עובד, וכפתור באייפון אינו יכול לרטוט. נקודה.
⇒ ולכן אין כאן שום קוד-רטט לאייפון: מה שנדרש הוא שהפקד **יהיה** מתג,
והמערכת מנפיקה את הנקישה בעצמה. הקוד היחיד הוא לאנדרואיד.
★ ובונוס שאינו בונוס: המתג גדל מ-16 פיקסל לכ-51, וזה תיקון יעד-מגע
אמיתי בפקד שנוגע בכסף. [[feedback-capability-is-measured-not-remembered]]
⚠ `@supports` — בדפדפן שאינו מכיר `switch` נשארת התיבה הרגילה, בלי רגרסיה. */
@supports (-webkit-appearance: none) {
.ev-don-toggle input[switch],.ct-check input[switch]{width:51px;height:31px;flex:none;margin:0}
}
/* ═══ D-PRESS-CARD-V2 · כרטיס-העיתונות של נינו (27.8, אושר ע"י אסף) ═══════
⚠ **כל שם-מחלקה כאן נושא קידומת `pk-`, וזו לא קוסמטיקה.** באותו ערב
שברתי את שורת-NOW בתפריט בדיוק כך: הוספתי מחלקה בשם `nl`, שכבר הייתה
שייכת לבלוק אחר בעמוד, והבמה ירשה ממנו קופסה שלמה. שלושה מהשמות
שנינו בחר — `bd` · `go` · `who` — כבר קיימים בגיליון הזה.
[[feedback-global-name-collision-kills-the-whole-paint]]
★ הצבעים הודבקו כמספרים ולא כמשתנים: המשתנים של קובץ-התצוגה אינם קיימים
בעמוד החי, ומשתנה שאינו מוגדר נופל לערך-ברירת-מחדל בשקט. */
/* ═══════════════════════════════════════════════════════════════════════
כרטיס-עיתונות — החוק: ארבעה שדות במיקום קבוע, ושדה חסר מוסר מה כן ידוע.
קו אחד בכל הכרטיס, מתחת לשם, כי הוא הדלת היחידה שאינה הכרטיס עצמו.
═══════════════════════════════════════════════════════════════════════ */
.pk-board{display:grid;gap:14px;
grid-template-columns:repeat(auto-fill,minmax(min(100%,470px),1fr))}
.pk-clip{position:relative;isolation:isolate;
display:grid;grid-template-columns:1fr auto;
grid-template-areas:"head head" "body thumb" "foot foot";
grid-template-rows:auto 1fr auto;
gap:0 16px;
min-height:196px; padding:15px 17px 13px;
background:#0e1020; border:1px solid #2b2e44;
/* הטיה: הקו ההתחלתי שהיה קישוט קבוע — עכשיו מד-ודאות של המקור */
border-inline-start:3px solid #5e6280;
border-radius:4px;
transition:border-color .16s ease, background .16s ease}
.pk-clip.pk-src-mark{border-inline-start-color:#5e6280} /* מקור מזוהה + סימן */
.pk-clip.pk-src-name{border-inline-start-style:dashed} /* מקור מזוהה, בלי סימן */
.pk-clip.pk-src-none{border-inline-start-color:transparent} /* אין מקור */
.pk-clip:hover,.pk-clip:focus-within{background:#12152c;border-color:#3b3f5c}
.pk-clip:hover{border-inline-start-color:var(--imp-accent,#ff006d)}
/* ── שורת-ראש: מי פרסם · מתי ─────────────────────────────────────────── */
/* שורת-ראש אחת, וקו-כרטסת אחד לרוחב מלא. התאריך נדחף לקצה ויורד לשורה
שנייה רק כששם-העיתון ארוך מדי — הקו עצמו לעולם לא נשבר. */
.pk-hd{grid-area:head;display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;min-width:0;
padding-bottom:11px;margin-bottom:12px;border-bottom:2px solid #3b3f5c}
.pk-when{margin-inline-start:auto;font-size:14px;color:#a9adc4;white-space:nowrap;
font-variant-numeric:tabular-nums;font-feature-settings:"liga" 0,"calt" 0,"tnum" 1}
.pk-mark{flex:0 0 auto;width:30px;height:30px;object-fit:contain;border-radius:3px}
/* אין קובץ-סימן ⇒ ריבוע-אות באותו מידה בדיוק. המיקום לא זז. */
.pk-mark.pk-letter{display:flex;align-items:center;justify-content:center;
border:1px solid #2b2e44;background:#151830;
font:bold 15px/1 var(--f-event);color:#a9adc4}
/* ★★★ D-PRESS-MASTHEAD (28.8, הצעת-נינו · אישור-אסף) — **שם-העיתון כמאסטהד.**
⛔ ההצעה שנפסלה קודם, ובמדידה ולא בטעם: לוגו-מוגדל ברקע הכרטיס. מתוך 21
קובצי-הסימן **18 ריבועיים** (אייקוני-אתר, לא לוגוטייפ) ו-14 אטומים לגמרי
— כלומר לוח, לא סימן מרחף — וארבעת הכלים הגדולים לבדם הם 63 מ-144
כרטיסים, כך שכמעט חצי מהלוח היה מקבל ארבעה טפטים חוזרים. אחד מהם ורוד,
מה ששובר את חוק הוורוד-היחיד.
★ מה שאסף חיפש הוא **נוכחות של העיתון**, לא טכניקה. והנוכחות חסרה כי
שם-הכלי היה 15 פיקסל — הדבר החלש ביותר בשורת-הראש, קטן משם-האמן
וקטן מהתאריך. ⇒ המידה, לא הרקע: 20 פיקסל בגופן-האירוע מעל קו-מאסטהד.
⚠ ובכורת שם-האמן נשמרת ע"י **הקו הוורוד**, לא ע"י גודל — ולכן היא שורדת
את ההגדלה. ארבעת השדות לא זזו, ולא נוסף שדה.
★ ועובד גם על 18 הכרטיסים שאין להם קובץ-סימן: שם הריבוע-עם-האות נשאר
במקומו, והשם הגדול הוא שנושא את הזיהוי. */
.pk-hd .pk-who{flex:1 1 auto;min-width:0;
font-family:'stanger',serif;font-weight:bold;font-size:20px;line-height:1.15;
letter-spacing:.005em;color:#fff;
white-space:normal;overflow:visible}
.pk-hd .pk-who.pk-unknown{color:#8a8ea6;font-weight:400}
/* ── גוף: על מי · מה נכתב ────────────────────────────────────────────── */
.pk-bd{grid-area:body;min-width:0}
/* ★ הדלת. הקו היחיד בכרטיס, והוורוד היחיד בכרטיס. */
.pk-subj{display:inline-block;position:relative;z-index:2;
margin:-10px 0 0; padding:10px 0 11px; /* יעד-מגע 45 פיקסל, בלי להזיז את הפריסה */
font:bold 22px/1.15 var(--f-event); color:#e6e7ee;
text-decoration:none}
.pk-subj i{font-style:normal;
border-bottom:1px solid var(--imp-accent,#ff006d);padding-bottom:5px} /* 5px — מעל היורדות של ק ן ך ץ ף */
.pk-subj:hover i,.pk-subj:focus-visible i{border-bottom-width:2px;padding-bottom:4px;color:#fff}
.pk-subj:focus-visible{outline:2px solid var(--imp-accent,#ff006d);outline-offset:3px;border-radius:2px}
.pk-subj + .pk-subj{margin-inline-start:14px}
/* המשפט. 14 פיקסל — הרצפה התפעולית של קסקדיה בעברית (נמדד 22.8: ב-12–13 "יום" נקרא "ירם") */
.pk-say{margin:10px 0 0;font-size:14px;line-height:1.6;color:#e6e7ee;
display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* ── אריח: התמונה, או דגל-העיתון. אף פעם לא ריק, אף פעם לא ✎ ─────────── */
.pk-tile{grid-area:thumb;align-self:start;
width:88px;height:88px;border-radius:3px;overflow:hidden;
background:#151830 center/cover no-repeat}
/* ⛔ אין תמונה ⇐ אין אריח. קופסה ריקה עם מסגרת אינה אחידות, היא חור.
הטקסט לוקח את הרוחב, וכל שאר השדות נשארים בדיוק במקומם. */
.pk-clip.pk-no-pic{grid-template-areas:"head head" "body body" "foot foot"}
/* ── שורת-רגל: המחלקה · הדלת אל הכתבה ────────────────────────────────── */
.pk-ft{grid-area:foot;display:flex;align-items:center;gap:12px;
margin-top:auto;padding-top:11px;border-top:1px solid rgba(43,46,68,.6)}
.pk-dept{font-size:14px;color:#a9adc4}
.pk-kind{font-size:14px;color:#8a8ea6}
.pk-go{margin-inline-start:auto;display:inline-flex;align-items:center;gap:7px;
font-size:14px;font-weight:600;color:#e6e7ee;text-decoration:none;
padding:5px 0}
/* חץ כרכיב, לא כתו. `›` ו-`<` מתהפכים בהקשר עברי (בידי), וגם לא בכל פונט יש להם גליף. */
.pk-go svg,.pk-tk svg{width:9px;height:12px;flex:0 0 auto;transition:transform .16s ease}
.pk-go path,.pk-tk path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square}
.pk-tk{display:inline-flex;align-items:center;gap:7px}
.pk-tk:hover svg{transform:translateX(-3px)}
/* הדלת אל הכתבה = כל הכרטיס. שכבה אחת, לא מלכודת-לחיצה כפולה. */
.pk-go::after{content:"";position:absolute;inset:0;z-index:1;border-radius:4px}
.pk-clip:hover .pk-go{color:var(--imp-accent,#ff006d)}
.pk-clip:hover .pk-go svg{transform:translateX(-3px)}
.pk-go:focus-visible::after{outline:2px solid var(--imp-accent,#ff006d);outline-offset:2px}
@media(max-width:640px){
.pk-clip{grid-template-columns:auto 1fr;
grid-template-areas:"head head" "thumb body" "foot foot";
min-height:0;padding:14px 15px 12px;gap:0 12px}
.pk-mark{width:36px;height:36px}
/* ★ D-PRESS-MASTHEAD · המאסטהד תקף **גם במובייל**, ובמיוחד שם: 53% מהקונים
שלנו באייפון, וכלל-מובייל שנשאר על 16 היה מבטל את השינוי אצל הרוב.
נמדד אחרי הפריסה הראשונה: המחשב הראה 20 והטלפון 16 — הכלל הזה ניצח. */
.pk-hd .pk-who{font-family:'stanger',serif;font-weight:bold;font-size:20px;
white-space:normal;overflow:visible;line-height:1.2}
.pk-tile{width:62px;height:62px}
.pk-subj{font-size:20px}
.pk-say{-webkit-line-clamp:3;margin-top:9px}
.pk-board{grid-template-columns:1fr;gap:10px}
}
@media(max-width:640px){.pk-clip.pk-no-pic{grid-template-areas:"head head" "body body" "foot foot"}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* ═══ סקיצת עמוד-אמן ═══════════════════════════════════════════════════ */
.pk-artist{border:1px solid #2b2e44;border-radius:4px;padding:28px 26px;background:#0e1020}
.pk-artist .pk-stamp{font-size:13px;letter-spacing:.22em;color:var(--imp-accent,#ff006d);direction:ltr;unicode-bidi:isolate}
.pk-artist h1{font:bold 46px/1.05 var(--f-voice);margin:12px 0 10px;color:#e6e7ee}
.pk-artist .pk-facts{font-size:14px;color:#a9adc4;
font-variant-numeric:tabular-nums;font-feature-settings:"liga" 0,"calt" 0,"tnum" 1}
.pk-artist .pk-facts em{font-style:normal;color:#8a8ea6;padding:0 8px}
.pk-sec{margin-top:30px}
.pk-sec>h3{font:bold 15px/1 var(--f-body);letter-spacing:.14em;color:#8a8ea6;
margin:0 0 12px;padding-bottom:9px;border-bottom:1px solid #2b2e44;font-weight:600}
.pk-evrow{display:flex;align-items:baseline;gap:14px;padding:12px 0;
border-bottom:1px solid rgba(43,46,68,.55);font-size:15px}
.pk-evrow .pk-dt{flex:0 0 118px;color:#a9adc4;font-variant-numeric:tabular-nums;
font-feature-settings:"liga" 0,"calt" 0,"tnum" 1;font-size:14px}
.pk-evrow .pk-nm{flex:1 1 auto;font:bold 18px/1.2 var(--f-event)}
.pk-evrow .pk-tk{color:var(--imp-accent,#ff006d);font-size:14px;font-weight:600;text-decoration:none}
.pk-none{font-size:14px;color:#8a8ea6;padding:14px 0}
/* בעמוד-האמן שם-האמן אינו חוזר בכרטיס — הוא כותרת-העמוד. שדה אחד מושתק,
והכרטיס מתקצר בדיוק בגובה שהשדה תפס. שום דבר אחר לא זז. */
.pk-artist .pk-clip .pk-subj{display:none}
.pk-artist .pk-clip{min-height:0}
.pk-artist .pk-clip .pk-say{margin-top:0;-webkit-line-clamp:2}
.pk-artist .pk-tile{width:62px;height:62px}
.pk-artist .pk-board{gap:10px}
/* המחלקה כבר נאמרה בראש עמוד-האמן. ישות אחת = מקום אחד. */
.pk-artist .pk-clip .pk-dept{display:none}
/* ===== D-DEPT-JOIN-STRIP · ספח-ההצטרפות בראש עמוד-העולם =====
⛔★ **תיקון 27.8, הערת-אסף:** *"הלינקים לווטסאפ כבר עוצבו בעבר, ועכשיו
זה נראה גנרי."* וזה היה נכון — בניתי רכיב חדש במקום להשתמש בשפה שכבר
קיימת. הערוץ באתר הזה **אינו כפתור, הוא ספח-כרטיס**: קו-ניקוב עם שני
חורים, מלבן מלא בדיו-העולם, אותיות-ענק, והקריעה מטה בלחיצה.
⇒ הרצועה כאן היא **אותו רכיב בדיוק** — `.perf` · `.stub` · `.sface` —
רק במידה מוקטנת. אין כאן שום ערך-עיצוב חדש מלבד שלוש מידות.
[[ui-integrity]] · [[feedback-review-on-the-real-page-not-a-replica]]
★ ואינסטגרם נשאר **אותיות-קטנות**, כפי שהוכרע למטה: פעולה אחת מלאה,
והשאר בגב-הכרטיס. שתי פעולות שוות מייצרות טופס-בחירה. */
.d-join{margin:16px 0 2px;max-width:clamp(290px,46vw,560px)}
.d-join .sface{min-height:56px}
.d-join .sname{font-size:clamp(20px,4.6vw,26px)}
.d-join .sgo{font-size:clamp(16px,3vw,19px)}
.d-join .chip{width:30px;height:30px}
/* גב-הכרטיס בזעיר — שורה אחת, לא בלוק. */
.d-join .jfine{margin:9px 0 0;font-size:12.5px;line-height:1.55;color:#ac9dd1}
.d-join .jfine a{color:#ac9dd1;text-decoration:underline;text-underline-offset:3px;
display:inline-block;min-height:24px;transition:color .15s}
.d-join .jfine a:hover,.d-join .jfine a:focus-visible{color:var(--imp-accent)}
/* ===== פרסומות לימבו (מוקאפ קיטש — שקופיות לפני הסרט) ===== */
.ad-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 2px}
@media(max-width:560px){.ad-row{grid-template-columns:1fr}}
.ad-mini{position:relative;display:flex;align-items:center;gap:13px;padding:14px 16px;border-radius:9px;cursor:pointer;overflow:hidden;border:2px dashed rgba(255,255,255,.28);transition:transform .15s,box-shadow .15s}
.ad-mini:hover{transform:translateY(-2px) rotate(-.4deg);box-shadow:0 12px 30px -8px rgba(0,0,0,.6)}
.ad-mini .ad-tag{position:absolute;top:6px;left:6px;font-family:var(--f-body);font-size:var(--t-label);letter-spacing:.14em;background:rgba(0,0,0,.55);color:#fff;padding:2px 6px;border-radius:3px}
.ad-mini .ad-emoji{font-size:30px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}
.ad-mini .ad-txt{font-family:var(--f-voice);font-weight:bold;font-size:19px;line-height:1;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.3)}
.ad-mini .ad-txt b{color:#ffe14d}
.ad-mini.ad-sausage{background:repeating-linear-gradient(45deg,#e02424,#e02424 12px,#c81e1e 12px,#c81e1e 24px)}
.ad-mini.ad-posters{background:repeating-linear-gradient(-45deg,#0d7d94,#0d7d94 12px,#0a6b7f 12px,#0a6b7f 24px)}
/* לימבו — CTA אמיתי (וואטסאפ ירוק, אינסטגרם ורוד-סגול) בסגנון שקופית קיטש */
.ad-mini.ad-wa{background:repeating-linear-gradient(45deg,#1f9d55,#1f9d55 12px,#188045 12px,#188045 24px);text-decoration:none}
.ad-mini.ad-ig{background:repeating-linear-gradient(-45deg,#8a2be2,#8a2be2 12px,#c1358a 12px,#c1358a 24px);text-decoration:none}
.ad-mini.ad-wa .ad-txt b,.ad-mini.ad-ig .ad-txt b{color:#fff}
/* לימבו — כותרת "קולנוע לימבו" בצבע ירוק-צהבהב + מטרייה מסתובבת ברקע הסגול */
[data-imprint="cinema"] .dept-hero h1{color:#c7e04f;text-shadow:0 0 32px rgba(199,224,79,.28)}
[data-imprint="cinema"] .dept-hero{--imp-grad:linear-gradient(160deg,#2a0a4a 0%,#140020 58%,#4a1a6e 140%)}
/* ★ 17.8 (אסף) — בעולם-הקולנוע אין תמונת-רקע. רק הגרדיאנט הסגול,
והספירלה שמתחתיו. התמונה לא הוסרה מהניהול — היא רק אינה מוצגת כאן. */
[data-imprint="cinema"] .dept-hero .dbg{display:none}
/* ★ 17.8 (אסף) — המטרייה ☂ הוחלפה בספירלת-הלוגו. שלושה דברים נשמרו ממנה
כפי שהיו: שקיפות .17, זוהר-הירוק, ואי-השתתפות בעכבר. מה שהשתנה הוא הגודל —
הריבוע רחב מאלכסון-הבאנר, ולכן **אין לספירלה קצה נראה**: היא יוצאת מכל
ארבע המסגרות, ובסיבוב שום פינה אינה מתגלה ריקה.
will-change:transform — הדפדפן מרסטר את המסלול פעם אחת ומסובב שכבה,
ולא מצייר מחדש 3,000 נקודות בכל פריים. */
.cine-spiral{display:none;position:absolute;top:50%;left:22%;width:200vw;aspect-ratio:1/1;
margin-left:-100vw;transform:translateY(-50%);transform-origin:50% 50%;z-index:1;
opacity:.17;pointer-events:none;will-change:transform;
filter:drop-shadow(0 0 30px rgba(199,224,79,.2));animation:spiralspin 70s linear infinite}
.cine-spiral svg{display:block;width:100%;height:100%;overflow:visible}
.cine-spiral path{fill:#c9a7ef;stroke:none}
@keyframes spiralspin{from{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}
[data-imprint="cinema"] .d-lede{min-height:2.7em}
.d-lede.tw::after{content:"▌";margin-inline-start:2px;color:var(--imp-accent);animation:twblink 1s steps(1) infinite}
@keyframes twblink{50%{opacity:0}}
/* ★ 12.8 (אסף) — מחליף את המילה-שירדה בתג-העולם: מילה נכתבת, נמחקת, והבאה בתור.
.twcyc = מיכל ברוחב **קבוע** — כל שמונה המילים יושבות בו כרפאים (grid-area משותף,
visibility:hidden) ולכן הרוחב הוא המקסימום שלהן, והשורה לא רוקדת בין מילה למילה.
הפלט עצמו מוצא מהזרימה (absolute) כדי שהסמן המהבהב לא ימתח את המסלול. */
.twcyc{position:relative;display:inline-grid;vertical-align:baseline}
.twcyc .tw-g{grid-area:1/1;visibility:hidden;white-space:nowrap;pointer-events:none}
.twcyc .tw-out{position:absolute;inset-block-start:0;inset-inline-start:0;white-space:nowrap}
.twcyc .tw-out::after{content:"▌";margin-inline-start:1px;opacity:.75;animation:twblink 1s steps(1) infinite}
/* ★ נגישות (חובה): מי שביקש פחות תנועה מקבל מילה אחת סטטית, בלי סמן ובלי הבהוב.
ה-JS גם לא מפעיל טיימר במצב הזה — זו לא רק הסתרה חזותית. */
@media (prefers-reduced-motion: reduce){
.twcyc .tw-out::after{content:none;animation:none}
}
/* ★ 12.8 · כרטיס ניהול-אמנותי בעמוד-עולם (DEPTS[x].lead). דיוקן + שם + תפקיד.
grid ולא flex: הדיוקן שומר על רוחב קבוע, והטקסט לוקח את השאר. במובייל — טור. */
.d-lead{display:grid;grid-template-columns:132px 1fr;gap:22px;align-items:center;
border:1px solid rgba(172,157,209,.15);border-radius:4px;padding:22px;background:linear-gradient(180deg,#0d197a22,#0b0d1b)}
.d-lead .por{width:132px;height:132px;border-radius:4px;background-size:cover;background-position:center top;filter:grayscale(.1)}
/* ★ 23.8 · הכרטיס כולו הוא קישור — לא רק השם. שטח-לחיצה גדול הוא ההבדל
בין "לחיץ" ל"מישהו ימצא את זה". */
/* ★ 23.8 · גריד-אנשים במחלקה: כמה אנשים, לא אחד. */
.d-team{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.d-person{display:grid;grid-template-columns:74px 1fr;gap:14px;align-items:center;
padding:12px 14px;border:1px solid var(--pc-line,rgba(172,157,209,.18));border-radius:6px;
cursor:pointer;text-decoration:none;color:inherit;
transition:background .18s ease,border-color .18s ease}
.d-person:hover,.d-person:focus-visible{background:rgba(255,0,109,.06);border-color:var(--imp-accent)}
.d-person .por{width:74px;height:74px;border-radius:4px;background-size:cover;background-position:center top}
.d-person h4{font-family:var(--f-event);font-weight:bold;font-size:17px;color:#fff;margin:0}
/* ⚠ תפקיד ארוך גלש לשלוש שורות ונקרא משובש בעברית. שתי שורות ואז חיתוך. */
.d-person .k{font-size:var(--t-meta);color:#ac9dd1;margin-top:5px;line-height:1.45;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:640px){.d-team{grid-template-columns:1fr}}
.d-leadlink{display:grid;grid-template-columns:132px 1fr;gap:22px;align-items:center;
cursor:pointer;text-decoration:none;color:inherit;border-radius:6px;
transition:background .18s ease,transform .18s ease}
.d-leadlink:hover,.d-leadlink:focus-visible{background:rgba(255,0,109,.06)}
.d-leadlink:hover .d-leadgo{color:var(--imp-accent)}
/* ⛔ 23.8 · הסלקטור היה `.d-lead .por--ph` — והמכולה שונתה ל-`.d-team`,
ולכן המונוגרמה איבדה את גודלה ונראתה כאות תועה בפינה. נמדד על הרנדר.
⇒ הכלל תלוי במחלקה של **הריבוע עצמו**, לא של ההורה. */
.por--ph{display:flex;align-items:center;justify-content:center;background:#140020;
font-family:var(--f-voice);font-weight:bold;color:rgba(255,255,255,.22)}
.d-lead .por--ph{font-size:54px}
.d-person .por--ph{font-size:30px}
.d-leadgo{margin-top:12px;font-size:var(--t-label);font-weight:600;letter-spacing:.14em;color:#ac9dd1}
@media(max-width:640px){.d-leadlink{grid-template-columns:1fr;gap:16px}}
/* ★★ קישור-ויקי: אזכור שהפך לקישור. מסומן בקו-תחתון עדין ולא בצבע צועק —
הוא יושב בתוך פסקה, וטקסט שכל שם בו זוהר אינו קריא. */
.wikilink{cursor:pointer;color:inherit;text-decoration:underline;
text-decoration-color:rgba(255,0,109,.45);text-underline-offset:3px;
text-decoration-thickness:1px;transition:color .15s ease}
.wikilink:hover,.wikilink:focus-visible{color:var(--imp-accent);text-decoration-color:var(--imp-accent)}
/* ★ מקטע "קשור" בעמוד-ישות */
.rel-sec{margin-top:30px}
.rel-sec h5{font-family:var(--f-event);font-weight:bold;font-size:17px;color:#fff;margin:0 0 12px}
.rel-list{display:flex;flex-wrap:wrap;gap:8px}
.rel-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;
border:1px solid rgba(172,157,209,.28);background:rgba(255,255,255,.02);
font-size:13px;color:#c1c4c7;cursor:pointer;transition:border-color .15s ease,color .15s ease}
.rel-chip:hover{border-color:var(--imp-accent);color:#fff}
.rel-chip .rk{font-size:11px;letter-spacing:.12em;color:#ac9dd1}
.d-lead .k{font-weight:600;font-size:var(--t-label);color:#ac9dd1;letter-spacing:.14em}
.d-lead h4{font-family:var(--f-event);font-weight:bold;font-size:24px;color:#fff;margin:8px 0 0}
.d-lead p{font-size:var(--t-meta);color:#ac9dd1;margin:10px 0 0;line-height:1.55;max-width:52ch}
@media(max-width:640px){.d-lead{grid-template-columns:1fr;gap:16px}.d-lead .por{width:110px;height:110px}}
/* ★ 13.8 · D-WORLD-ONE-STRIP — הרצועה הייתה **בלוק מגנטה מלא** ברוחב-העמודה
(נמדד 390: 350×63, רקע #db008c אטום, שלוש שורות) — ולכן נקראה כטיקר שני
מתחת לטיקר הגלובלי. עכשיו: שורה שקטה עם סרגל-הדגשה בתחילתה. הטקסט לבן ולא
בצבע-העולם — #db008c על רקע-ההירו נותן 4.03:1 בלבד, ו-15px-מודגש דורש 4.5:1;
הסרגל נושא את הצבע ואינו נושא מידע, ולכן 3:1 מספיק לו. */
.d-cine-tag{display:block;margin-top:16px;max-width:520px;font-family:var(--f-event);font-size:15px;font-weight:700;letter-spacing:.02em;line-height:1.5;color:#fff;background:none;border-radius:0;box-shadow:none;padding:2px 0;border-inline-start:2px solid var(--imp-accent);padding-inline-start:12px}
.ad-pop{position:fixed;inset:0;z-index:320;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(4,5,12,.82);backdrop-filter:blur(6px)}
.ad-pop.on{display:flex;animation:coIn .3s ease}
.ad-big{width:min(440px,92vw);position:relative}
.ad-x{position:absolute;top:14px;left:14px;z-index:2;font-family:var(--f-body);font-size:var(--t-label);color:#fff;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:8px 12px;cursor:pointer}
.ad-slide{border-radius:12px;padding:48px 26px 40px;text-align:center;border:3px solid #fff;box-shadow:0 24px 60px -12px rgba(0,0,0,.7)}
.ad-slide.sausage{background:radial-gradient(circle at 50% 28%,#ff5b5b,#c81e1e)}
.ad-slide.posters{background:radial-gradient(circle at 50% 28%,#22b3cc,#0a6b7f)}
.ad-big-emoji{font-size:74px;line-height:1;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}
.ad-big-h{font-family:var(--f-voice);font-weight:bold;font-size:clamp(34px,7vw,50px);color:#fff;margin-top:8px;text-shadow:2px 2px 0 rgba(0,0,0,.25);line-height:.95}
.ad-big-sub{font-family:var(--f-event);font-size:16px;color:#fff;margin-top:12px;opacity:.95}
.ad-big-tag{display:inline-block;margin-top:18px;font-family:var(--f-voice);font-weight:bold;font-size:15px;background:#ffe14d;color:#111;padding:8px 16px;border-radius:30px;transform:rotate(-3deg)}
/* ===== עמודים משפטיים ===== */
.legal{max-width:760px;font-family:var(--f-body);color:#c1c4c7;line-height:1.7}
.legal h3{font-family:var(--f-voice);font-weight:bold;font-size:22px;color:#fff;margin:30px 0 10px}
.legal h3:first-child{margin-top:0}
.legal p{font-size:13.5px;margin:0 0 12px}
.legal ul{margin:0 0 14px;padding-inline-start:20px}
.legal li{font-size:13.5px;margin-bottom:7px}
.legal a{color:var(--imp-accent)}
.legal .upd{font-family:var(--f-body);font-size:var(--t-label);letter-spacing:.06em;color:#6b6f86;margin-bottom:22px}
.legal .note{border-inline-start:2px solid var(--imp-accent);background:var(--imp-accent-soft);padding:11px 14px;border-radius:0 6px 6px 0;font-size:var(--t-meta);color:#d8d9e2;margin:18px 0}
.legal .todo-legal{border:1px dashed #d08b2c;background:rgba(208,139,44,.09);color:#e8b877;padding:10px 13px;border-radius:6px;font-size:var(--t-body)}
.f-cancel{font-weight:bold}
/* ★★★ 20.9.2026 — **the bar had no height cap, and large-text users lost the page.**
Measured from the front-end error log, not reported by anyone: nine
`VISIBLE_OVERLAY` records in sixteen hours, ALL on `/e/mayazeltzer` and ALL
from a paid campaign, reporting the bar at 296x452 and 360x473. Reproduced
exactly on the live page: at the default 14px the bar is 167px tall; at a
24px system font it is 456px. ⇒ Those visitors have large text turned on,
and on a 568px phone the consent bar swallowed four fifths of the screen —
over the buy page we were paying to send them to.
★ The cap is on the BAR and the scroll is on the paragraph, deliberately:
capping the bar alone would have scrolled the buttons out of reach, which
turns "hard to read" into "impossible to dismiss".
⚠ 27.9 · lowered 60vh → 38vh. Once the bar became the one general consent on
entry (every visitor, every page), 54-60% of a 360x640 screen at large text
was too much. Measured on the live page at 360x640 with 38vh: 14px 19% ·
20px 28% · 24/28/34px 38%, both buttons fully visible at every size; the
paragraph scrolls inside the bar. */
#hm2-cookie-bar{position:fixed;inset:auto 12px 12px 12px;z-index:9999;max-width:560px;max-height:38vh;display:flex;flex-direction:column;margin-inline:auto;background:#12161a;color:#eef2f4;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:14px 16px;box-shadow:0 8px 30px rgba(0,0,0,.45);font-size:14px;line-height:1.55}
#hm2-cookie-bar p{margin:0 0 10px;overflow:auto;min-height:0;flex:0 1 auto}
#hm2-cookie-bar a{color:#7ed9e6}
#hm2-cookie-bar .hm2-cb-btns{display:flex;flex-direction:column;align-items:stretch;gap:4px}
#hm2-cookie-bar button{flex:1 1 auto;min-height:40px;padding:8px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:transparent;color:inherit;font:inherit;cursor:pointer}
#hm2-cookie-bar .hm2-cb-yes{background:#7ed9e6;color:#0b0f12;border-color:#7ed9e6;font-weight:700;width:100%;min-height:46px;font-size:1.1em}
/* Decline stays in the first layer and fully accessible (5568 AA: #c9d1d6 on #12161a ≈ 12:1,
keyboard-focusable button, 32px touch target), but reads as a text link, not a peer button. */
#hm2-cookie-bar .hm2-cb-no{align-self:center;flex:0 0 auto;min-height:32px;padding:4px 10px;border:0;background:none;color:#c9d1d6;text-decoration:underline;font-size:.9em;font-weight:400}
#hm2-cookie-bar button:focus-visible{outline:2px solid #7ed9e6;outline-offset:2px}
.mem-extra{margin:6px 0 0;padding:8px 0 0;border-top:1px dashed rgba(255,255,255,.18);font-size:.92em;opacity:.85}
.cxl-form{display:flex;flex-direction:column;gap:13px;max-width:440px;margin:20px 0 26px}
.cxl-form label{display:flex;flex-direction:column;gap:5px;font-size:var(--t-body);color:#c1c4c7}
.cxl-form .opt{color:#6b6f86;font-size:var(--t-meta)}
.cxl-form input,.cxl-form select,.cxl-form textarea{font-family:var(--f-body);font-size:14px;color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.16);border-radius:6px;padding:9px 11px;width:100%}
.cxl-form input:focus-visible,.cxl-form select:focus-visible,.cxl-form textarea:focus-visible,.cxl-btn:focus-visible{outline:2px solid var(--imp-accent);outline-offset:2px}
.cxl-btn{font-family:var(--f-voice);font-size:15px;font-weight:bold;color:#0b0b10;background:var(--imp-accent);border:0;border-radius:7px;padding:12px 18px;cursor:pointer;margin-top:4px}
.cxl-btn[disabled]{opacity:.5;cursor:default}
.cxl-msg{font-size:var(--t-body);min-height:1.2em}
.cxl-msg.ok{color:#7ed9e6}
.cxl-msg.err{color:#e88}
.nl-legal{font-size:var(--t-label);line-height:1.5;color:#8b8f9e;margin-top:9px;max-width:420px}
/* ★ נגישוּת — יעד-מגע למדיניות-הפרטיות. נמדד באייפון 14: הקישור היה 95×13
פיקסלים, כלומר נכשל אפילו בסף-המינימום (24×24, ת"י 5568 / WCAG 2.5.8) —
וזהו קישור-חובה חוקית. ריפוד אנכי בלבד + inline-block: היעד גדל ל-24 פיקסל,
והשורה עצמה אינה זזה (הריפוד נבלע בגובה-השורה של פסקה בת שתי שורות). */
.nl-legal a{color:var(--imp-accent);cursor:pointer;display:inline-block;padding:5px 2px;margin:-5px -2px}
/* ══ P2 · נגישות-מגע ═══════════════════════════════════════════════════════
שני ליקויים שנמדדו בסריקת טרום-ההשקה, שניהם קיימים **רק במכשיר-מגע** —
ולכן אף אחד לא ראה אותם במסך של מפתח.
1) זום-iOS. ספארי מגדיל את כל העמוד כשמתמקדים בשדה שהפונט שלו קטן מ-16
פיקסלים. זה קרה בטופס-הביטול, בחיפוש, בניוזלטר ובתרומה — כלומר בדיוק
בזרימות שבהן המשתמש כבר מתאמץ. הרשימה מפורשת ולא גורפת בכוונה: כלל
גורף היה מוחק גם את שדה-הסכום בתרומה (22 פיקסלים, מכוון).
2) יעדי-מגע זעירים. "הצג QR" ו"ביטול" באיזור-האישי היו טקסט של 11 פיקסלים
בלי שטח-נגיעה. הריפוד השלילי שומר על הפריסה החזותית כפי שהיא. */
@media (pointer:coarse){
.nlrow input,
.nlrow2 input,
.ct-file input[type=file],
.psearch input,
.don-field input,
.cxl-form input,.cxl-form select,.cxl-form textarea{font-size:16px}
}
.mine-tap{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;margin:-11px -6px;padding:0 6px}