/* ==========================================================================
   dalkan-widgets.css

   ⚠️ נוצר ע"י build-css.py — אין לערוך ידנית. לשינויים: לערוך את ה-CSS
   של האתר הסטטי ב-../dalkan-landing/css/ ואז להריץ `python3 build-css.py`.

   הקובץ הוא ה-CSS של האתר הסטטי, כשכל סלקטור מקבל את הקידומת
   `.dalkan-page`. הקידומת אינה קוסמטית: בלעדיה ערכת הנושא ואלמנטור
   דורסים אותנו (לוגו ענק, תפריט אדום, כפתורים ירוקים בלי זוהר, גופן
   serif). ההסבר המלא ובדיקת הספציפיות — בראש build-css.py.

   אין כאן `!important` בשום מקום, ולכן בקרי אלמנטור עדיין גוברים.
   אין כאן אף צבע שלא קיים באתר הסטטי.
   ========================================================================== */


/* ─────── css/tokens.css ─────── */
/* ==========================================================================
   דלקן — tokens.css
   מקור אמת יחיד לצבעים, טיפוגרפיה, ריווח ו-z-index.
   אף קובץ סקשן לא מגדיר ערך גלם — הכל דרך var().

   צבעי המותג הרשמיים (אושרו ע"י הלקוח):
     #08396c נייבי · #30964c ירוק · #ffffff לבן · #f6db2a צהוב
   ========================================================================== */
:root {
  /* --- צבעי מותג רשמיים --- */
  --dk-navy:   #08396c;   /* נייבי מותג — משטחים, מבנה, co-branding */
  --dk-green:  #30964c;   /* ירוק מותג — primary, חיוב, נתונים */
  --dk-yellow: #f6db2a;   /* צהוב מותג — accent מתח גבוה: CTA + קו האנרגיה */
  --dk-white:  #ffffff;

  /* גוונים נגזרים (מוחשבים מהמותג — לא צבעים חדשים) */
  --dk-navy-deep:   #062a51;
  --dk-navy-soft:   #0d4a89;
  --dk-green-bright:#3fb75f;
  --dk-green-deep:  #23703a;
  --dk-yellow-warm: #ffe75c;

  /* --- רקעים: מערכת רקע רציפה (scroll-architecture §1) --- */
  --dk-bg:       #041424;   /* בסיס — נייבי מוחשך, מותאם ל-#08396c */
  --dk-bg-deep:  #072943;   /* עומק / פרקי כאוס */
  --dk-bg-light: #f4f6f8;   /* הפרק הבהיר היחיד — פרק החשבונית */

  /* --- טקסט --- */
  --dk-text:          #eef4fa;
  --dk-text-muted:    rgba(238, 244, 250, 0.64);
  --dk-text-faint:    rgba(238, 244, 250, 0.40);
  --dk-text-on-light: #06253f;
  --dk-text-on-light-muted: rgba(6, 37, 63, 0.66);

  /* --- מבנה: hairlines כמערכת עיצוב (תבנית 08) --- */
  --dk-line:          rgba(238, 244, 250, 0.11);
  --dk-line-strong:   rgba(238, 244, 250, 0.22);
  --dk-line-on-light: rgba(6, 37, 63, 0.13);

  /* --- טיפוגרפיה --- */
  --dk-font-he:   'Heebo', system-ui, -apple-system, 'Segoe UI', 'Arial Hebrew', sans-serif;
  --dk-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --dk-fs-display: clamp(2.35rem, 6.2vw, 5.5rem);
  --dk-fs-h2:      clamp(1.85rem, 4.2vw, 3.5rem);
  --dk-fs-h3:      clamp(1.3rem, 2.2vw, 1.75rem);
  --dk-fs-body:    clamp(1rem, 1.15vw, 1.1875rem);
  --dk-fs-small:   0.9375rem;
  --dk-fs-mono:    0.75rem;

  --dk-lh-display: 1.04;
  --dk-lh-body:    1.65;
  --dk-ls-display: -0.02em;
  --dk-ls-mono:    0.14em;
  --dk-measure:    62ch;

  /* --- ריווח --- */
  --dk-s-1: 0.25rem; --dk-s-2: 0.5rem;  --dk-s-3: 0.75rem; --dk-s-4: 1rem;
  --dk-s-5: 1.5rem;  --dk-s-6: 2rem;    --dk-s-7: 3rem;    --dk-s-8: 4rem;
  --dk-s-9: 6rem;    --dk-s-10: 8rem;   --dk-s-11: 11rem;

  --dk-chapter-pad: clamp(5rem, 12vh, 11rem);
  --dk-gutter:      clamp(1.25rem, 5vw, 5.5rem);
  --dk-maxw:        1440px;

  /* --- רדיוסים --- */
  --dk-r-card: 18px;
  --dk-r-sm:   10px;
  --dk-r-pill: 999px;
  --dk-r-chip: 6px;

  /* --- תנועה --- */
  --dk-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dk-ease-io:  cubic-bezier(0.65, 0, 0.35, 1);
  --dk-dur-fast: 240ms;
  --dk-dur-base: 520ms;
  --dk-dur-slow: 900ms;

  /* --- z-index --- */
  --dk-z-bg: 0;  --dk-z-scene: 1;  --dk-z-line: 2;  --dk-z-content: 10;
  --dk-z-header: 100; --dk-z-sticky: 200; --dk-z-gate: 900; --dk-z-preloader: 1000;

  /* --- glow מרוסן — אף פעם לא כרקע נרחב --- */
  --dk-glow-yellow: 0 0 0 1px rgba(246, 219, 42, 0.34), 0 14px 52px -14px rgba(246, 219, 42, 0.5);
  --dk-glow-green:  0 0 0 1px rgba(48, 150, 76, 0.34),  0 14px 52px -14px rgba(48, 150, 76, 0.5);
  --dk-shadow-card: 0 34px 80px -28px rgba(0, 0, 0, 0.72), 0 8px 24px -12px rgba(0, 0, 0, 0.5);
}
/* איי LTR בתוך מסמך RTL */
.dalkan-page [dir='ltr'], .dalkan-page .dk-mono {
  direction: ltr;
  unicode-bidi: isolate;
}
.dalkan-page .dk-mono {
  font-family: var(--dk-font-mono);
  font-size: var(--dk-fs-mono);
  letter-spacing: var(--dk-ls-mono);
  text-transform: uppercase;
}
@media (prefers-reduced-motion: reduce) {:root { --dk-dur-fast: 1ms; --dk-dur-base: 1ms; --dk-dur-slow: 1ms; }}
/* ─────── css/base.css ─────── */
/* ==========================================================================
   base.css — reset, טיפוגרפיה, מערכת הרקע הרציפה, המסלול, כפתורים,
   ופרימיטיביים משותפים (eyebrow, headline, lede, tag, reveal gate).
   ========================================================================== */
.dalkan-page *, .dalkan-page *::before, .dalkan-page *::after { box-sizing: border-box; }
html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  /* clip ולא hidden: לא יוצר scroll container ולכן לא שובר עוגני #anchor.
     שכבות דקורטיביות (רקע, הילות) לא ירחיבו את רוחב המסמך. */
  overflow-x: clip;
}
@media (prefers-reduced-motion: reduce) {html { scroll-behavior: auto; }}
body.dalkan-page {
  margin: 0;
  font-family: var(--dk-font-he);
  font-size: var(--dk-fs-body);
  line-height: var(--dk-lh-body);
  font-weight: 400;
  color: var(--dk-text);
  background: var(--dk-bg);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;      /* בטיחות: אף פעם אין גלילה אופקית */
}
.dalkan-page h1, .dalkan-page h2, .dalkan-page h3, .dalkan-page p, .dalkan-page ul, .dalkan-page ol, .dalkan-page figure, .dalkan-page dl { margin: 0; }
.dalkan-page ul, .dalkan-page ol { padding: 0; list-style: none; }
.dalkan-page img, .dalkan-page svg { display: block; max-width: 100%; }
.dalkan-page img { height: auto; }
.dalkan-page a { color: inherit; text-decoration: none; }
.dalkan-page button, .dalkan-page input, .dalkan-page select, .dalkan-page textarea { font: inherit; color: inherit; }
.dalkan-page :where(a, button, input, select, summary):focus-visible {
  outline: 2px solid var(--dk-yellow);
  outline-offset: 3px;
  border-radius: 4px;
}
.dalkan-page .dk-skip {
  position: fixed;
  inset-block-start: -100px;
  inset-inline-start: var(--dk-s-4);
  z-index: var(--dk-z-preloader);
  padding: var(--dk-s-3) var(--dk-s-5);
  background: var(--dk-yellow);
  color: #0b1a12;
  font-weight: 700;
  border-radius: var(--dk-r-pill);
  transition: inset-block-start var(--dk-dur-fast) var(--dk-ease-out);
}
.dalkan-page .dk-skip:focus { inset-block-start: var(--dk-s-4); }
/* ==========================================================================
   מערכת רקע רציפה — שכבה אחת fixed לכל העמוד.
   --p (0..1) נקבע ע"י js/modules/bg-system.js. אין קווי חיתוך בין פרקים.
   ========================================================================== */
.dalkan-page .dk-bg {
  position: fixed;
  inset: 0;
  z-index: var(--dk-z-bg);
  pointer-events: none;
  /* ה-wash יוצא ב-20% מעבר לגבולות בכוונה; החיתוך כאן מונע ממנו
     להרחיב את רוחב המסמך וליצור גלילה אופקית. */
  overflow: hidden;
  --p: 0;
}
.dalkan-page .dk-bg__wash {
  position: absolute;
  inset: -20%;
  /* שלוש הילות שנעות ומתחלפות לפי ההתקדמות — המעבר בין "פרקים" הוא רציף */
  background:
    radial-gradient(58% 46% at calc(72% - var(--p) * 44%) calc(14% + var(--p) * 26%),
      color-mix(in oklab, var(--dk-green) 34%, transparent) 0%, transparent 62%),
    radial-gradient(52% 44% at calc(18% + var(--p) * 52%) calc(72% - var(--p) * 30%),
      color-mix(in oklab, var(--dk-navy-soft) 46%, transparent) 0%, transparent 66%),
    radial-gradient(46% 38% at calc(50% + var(--p) * 18%) calc(112% - var(--p) * 62%),
      color-mix(in oklab, var(--dk-yellow) 15%, transparent) 0%, transparent 60%),
    linear-gradient(180deg, var(--dk-bg) 0%, var(--dk-bg-deep) 48%, var(--dk-bg) 100%);
  filter: saturate(115%);
  transition: opacity var(--dk-dur-slow) var(--dk-ease-out);
}
.dalkan-page .dk-bg__grain {
  position: absolute;
  inset: 0;
  opacity: 0.05;
  mix-blend-mode: overlay;
  /* גרעין פרוצדורלי — אין קובץ טקסטורה, אין בקשת רשת */
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,.9) 0 1px, transparent 1px 2px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.7) 0 1px, transparent 1px 3px);
  background-size: 3px 3px, 3px 3px;
}
/* ==========================================================================
   המסלול — קו אחד רציף שנוסע דרך העמוד ומתקדם עם הגלילה.

   absolute ולא fixed: השכבה משתרעת על כל גובה המסמך ולכן היא **נוסעת עם
   העמוד**. בגרסה הקודמת הקו היה fixed ונשאר תקוע במקום, ולכן נקרא כקישוט
   ולא כמסלול. הנתיב עצמו נבנה ב-js/modules/energy-line.js מהמיקומים
   האמיתיים של עוגני [data-route].
   ========================================================================== */
.dalkan-page .dk-route {
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  z-index: var(--dk-z-line);
  pointer-events: none;
  overflow: hidden;
}
.dalkan-page .dk-route__svg {
  display: block;
  inline-size: 100%;
  --draw: 0;
}
/* השובל: כל המסלול, עמום — מראה לאן הדרך ממשיכה */
.dalkan-page .dk-route__trail {
  stroke: color-mix(in oklab, var(--dk-yellow) 34%, transparent);
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-dasharray: 5 9;
  opacity: 0.45;
}
/* החלק שכבר נסע — מלא ומואר */
.dalkan-page .dk-route__path {
  stroke: var(--dk-yellow);
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-dasharray: 1;
  stroke-dashoffset: calc(1 - var(--draw));
  filter: drop-shadow(0 0 7px color-mix(in oklab, var(--dk-yellow) 62%, transparent));
}
/* ראש המסלול — מסמן "עד לכאן הגענו" */
.dalkan-page .dk-route__head {
  fill: var(--dk-yellow);
  opacity: 0;
  filter: drop-shadow(0 0 10px var(--dk-yellow));
  transition: opacity var(--dk-dur-base) var(--dk-ease-out);
}
/* בלי JS: אין נתיב כלל (הוא נבנה ב-JS), והשכבה פשוט ריקה.
   היא דקורטיבית ו-aria-hidden, ולכן אין מה להחליף. */
@media (max-width: 900px) {/* המסלול נצמד ל-gutter (ראה EDGE ב-energy-line.js) ולכן דק ועדין,
     כדי שגם הזוהר שלו לא ייגע בעמודת התוכן. */
.dalkan-page .dk-route__path { stroke-width: 1.4; filter: none; }
.dalkan-page .dk-route__trail { stroke-width: 0.9; opacity: 0.22; }
.dalkan-page .dk-route__head { r: 3; filter: none; }}
@media (prefers-reduced-motion: reduce) {.dalkan-page .dk-route__head { display: none; }}
/* ==========================================================================
   פרקים — ריווח מכוון לחפיפה. אין padding אחיד, אין מפרידים.
   ========================================================================== */
.dalkan-page .dk-ch {
  position: relative;
  z-index: var(--dk-z-content);
  padding-block: var(--dk-chapter-pad);
  padding-inline: var(--dk-gutter);
}
/* מובייל: ‎--dk-chapter-pad מגיע ל-‎12vh לכל צד, כלומר כמעט חצי מסך ריק
   בין פרקים. כאן הוא מתהדק, בלי לגעת בדסקטופ. */
@media (max-width: 900px) {.dalkan-page .dk-ch { padding-block: clamp(2.75rem, 7vh, 4.25rem); }}
.dalkan-page .dk-ch__inner {
  max-inline-size: var(--dk-maxw);
  margin-inline: auto;
}
/* ==========================================================================
   פרימיטיביים טיפוגרפיים
   ========================================================================== */
.dalkan-page .dk-eyebrow, .dalkan-page .dk-index {
  color: var(--dk-yellow);
  margin-block-end: var(--dk-s-5);
  /* ‎.dk-mono הוא אי LTR (unicode-bidi: isolate) כדי לשמור על סדר ספרות
     וסימנים. באלמנט block זה הופך את ‎text-align:start‎ ל**שמאל**, ולכן
     התווית נדחקה לקצה השמאלי בעוד כל הפרק מיושר לימין.
     היישור **פיזי** בכוונה: הכיוון הפנימי נשאר LTR, ורק המקום חוזר. */
  text-align: right;
}
.dalkan-page .dk-index { color: var(--dk-text-faint); }
.dalkan-page .dk-headline {
  font-size: var(--dk-fs-h2);
  font-weight: 900;
  line-height: var(--dk-lh-display);
  letter-spacing: var(--dk-ls-display);
  text-wrap: balance;
  margin-block-end: var(--dk-s-6);
}
.dalkan-page .dk-headline em {
  font-style: normal;
  color: var(--dk-yellow);
}
.dalkan-page .dk-lede {
  font-size: clamp(1.05rem, 1.5vw, 1.3125rem);
  color: var(--dk-text-muted);
  max-inline-size: var(--dk-measure);
  text-wrap: pretty;
}
@media (max-width: 900px) {.dalkan-page .dk-headline { margin-block-end: var(--dk-s-5); }
.dalkan-page .dk-lede { font-size: 1rem; line-height: 1.6; }
.dalkan-page .dk-index, .dalkan-page .dk-eyebrow { margin-block-end: var(--dk-s-4); }}
/* ==========================================================================
   כפתורים
   ========================================================================== */
.dalkan-page .dk-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--dk-s-2);
  padding: 0.85em 1.7em;
  border: 1px solid transparent;
  border-radius: var(--dk-r-pill);
  font-weight: 700;
  font-size: var(--dk-fs-small);
  cursor: pointer;
  white-space: nowrap;
  transition:
    transform var(--dk-dur-fast) var(--dk-ease-out),
    background-color var(--dk-dur-fast) var(--dk-ease-out),
    box-shadow var(--dk-dur-fast) var(--dk-ease-out),
    border-color var(--dk-dur-fast) var(--dk-ease-out);
  /* מוזז ע"י data-magnetic בדסקטופ */
  translate: var(--mx, 0) var(--my, 0);
}
.dalkan-page .dk-btn--lg { padding: 1.05em 2.1em; font-size: 1rem; }
.dalkan-page .dk-btn--primary {
  background: var(--dk-yellow);
  color: #14200b;
  box-shadow: var(--dk-glow-yellow);
}
.dalkan-page .dk-btn--primary:hover { background: var(--dk-yellow-warm); transform: translateY(-2px); }
.dalkan-page .dk-btn--ghost {
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--dk-line-strong);
  color: var(--dk-text);
}
.dalkan-page .dk-btn--ghost:hover { border-color: var(--dk-yellow); color: var(--dk-yellow); }
/* ==========================================================================
   מערכת ה-reveal — static-first.
   מצבי pre-animation קיימים *רק* תחת html.dk-anim. בלי JS הכל גלוי.
   ========================================================================== */
html.dk-anim [data-reveal], html.dk-anim [data-stagger] > * {
  opacity: 0;
  translate: 0 22px;
  filter: blur(6px);
}
html.dk-anim [data-reveal].is-in, html.dk-anim [data-stagger] > .is-in {
  opacity: 1;
  translate: 0 0;
  filter: blur(0);
  transition:
    opacity var(--dk-dur-base) var(--dk-ease-out),
    translate var(--dk-dur-base) var(--dk-ease-out),
    filter var(--dk-dur-base) var(--dk-ease-out);
  transition-delay: var(--d, 0ms);
}
/* חשיפת כותרות מילה-מילה */
html.dk-anim [data-reveal-words] .dk-w {
  display: inline-block;
  opacity: 0;
  translate: 0 0.5em;
  filter: blur(8px);
}
html.dk-anim [data-reveal-words].is-in .dk-w {
  opacity: 1;
  translate: 0 0;
  filter: blur(0);
  transition:
    opacity 620ms var(--dk-ease-out),
    translate 620ms var(--dk-ease-out),
    filter 620ms var(--dk-ease-out);
  transition-delay: var(--d, 0ms);
}
@media (prefers-reduced-motion: reduce) {html.dk-anim [data-reveal], html.dk-anim [data-stagger] > *, html.dk-anim [data-reveal-words] .dk-w {
    opacity: 1 !important;
    translate: none !important;
    filter: none !important;
  }}
/* ==========================================================================
   Sticky CTA — מובייל בלבד
   ========================================================================== */
.dalkan-page .dk-sticky-cta {
  position: fixed;
  inset-block-end: var(--dk-s-4);
  inset-inline: var(--dk-s-4);
  z-index: var(--dk-z-sticky);
  display: none;
  padding: 1em;
  text-align: center;
  font-weight: 700;
  background: var(--dk-yellow);
  color: #14200b;
  border-radius: var(--dk-r-pill);
  box-shadow: 0 10px 30px -8px rgba(0, 0, 0, 0.6);
  opacity: 0;
  translate: 0 120%;
  transition: opacity var(--dk-dur-base) var(--dk-ease-out), translate var(--dk-dur-base) var(--dk-ease-out);
}
.dalkan-page .dk-sticky-cta.is-on { opacity: 1; translate: 0 0; }
@media (max-width: 780px) {.dalkan-page .dk-sticky-cta { display: block; }}
/* ─────── css/sections/chrome.css ─────── */
/* ==========================================================================
   chrome.css — הדר ופוטר. ה"מסגרת" של העמוד.
   ========================================================================== */
.dalkan-page .dk-header {
  position: fixed;
  inset-block-start: 0;
  inset-inline: 0;
  z-index: var(--dk-z-header);
  padding-block: var(--dk-s-4);
  padding-inline: var(--dk-gutter);
  transition: background-color var(--dk-dur-base) var(--dk-ease-out),
              backdrop-filter var(--dk-dur-base) var(--dk-ease-out),
              border-color var(--dk-dur-base) var(--dk-ease-out);
  border-block-end: 1px solid transparent;
}
.dalkan-page .dk-header.is-stuck {
  background: color-mix(in oklab, var(--dk-bg) 82%, transparent);
  backdrop-filter: blur(14px) saturate(140%);
  border-block-end-color: var(--dk-line);
}
.dalkan-page .dk-header__inner {
  max-inline-size: var(--dk-maxw);
  margin-inline: auto;
  display: flex;
  align-items: center;
  gap: var(--dk-s-6);
}
.dalkan-page .dk-header__brand {
  display: flex;
  align-items: center;
  gap: var(--dk-s-4);
  flex: 0 0 auto;
}
.dalkan-page .dk-header__logo { block-size: 1.5rem; inline-size: auto; }
.dalkan-page .dk-header__logo--dor { block-size: 2.1rem; }
.dalkan-page .dk-header__sep {
  inline-size: 1px;
  block-size: 1.6rem;
  background: var(--dk-line-strong);
}
.dalkan-page .dk-header__nav {
  display: flex;
  gap: var(--dk-s-6);
  margin-inline-start: auto;
  font-size: var(--dk-fs-small);
  color: var(--dk-text-muted);
}
.dalkan-page .dk-header__nav a {
  position: relative;
  padding-block: var(--dk-s-1);
  transition: color var(--dk-dur-fast) var(--dk-ease-out);
}
.dalkan-page .dk-header__nav a::after {
  content: '';
  position: absolute;
  inset-block-end: -2px;
  inset-inline-start: 0;
  inline-size: 0;
  block-size: 1px;
  background: var(--dk-yellow);
  transition: inline-size var(--dk-dur-base) var(--dk-ease-out);
}
.dalkan-page .dk-header__nav a:hover, .dalkan-page .dk-header__nav a.is-current { color: var(--dk-text); }
.dalkan-page .dk-header__nav a:hover::after, .dalkan-page .dk-header__nav a.is-current::after { inline-size: 100%; }
@media (max-width: 980px) {.dalkan-page .dk-header__nav { display: none; }
.dalkan-page .dk-header__cta { margin-inline-start: auto; }}
@media (max-width: 560px) {.dalkan-page .dk-header__cta { display: none; }
.dalkan-page .dk-header__logo--dor { display: none; }
.dalkan-page .dk-header__sep { display: none; }}
/* ==========================================================================
   פוטר — מתמזג מהפרק, בלי קו הפרדה
   ========================================================================== */
.dalkan-page .dk-footer {
  margin-block-start: var(--dk-s-11);
  padding-block-start: var(--dk-s-8);
  border-block-start: 1px solid var(--dk-line);
}
.dalkan-page .dk-footer__inner {
  max-inline-size: var(--dk-maxw);
  margin-inline: auto;
  display: grid;
  gap: var(--dk-s-7);
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  align-items: start;
}
.dalkan-page .dk-footer__brand img { block-size: 1.4rem; inline-size: auto; margin-block-end: var(--dk-s-3); }
.dalkan-page .dk-footer__brand p { color: var(--dk-text-faint); font-size: var(--dk-fs-small); }
.dalkan-page .dk-footer__meta { display: grid; gap: var(--dk-s-3); font-size: var(--dk-fs-small); }
.dalkan-page .dk-footer__meta li { color: var(--dk-text-muted); }
.dalkan-page .dk-footer__meta .dk-mono {
  display: block;
  color: var(--dk-text-faint);
  margin-block-end: 2px;
  /* אותה סיבה כמו ב-.dk-index: ‎.dk-mono הוא אי LTR, ולכן ‎start‎ באלמנט
     block הוא שמאל — התוויות (משרד/טלפון/מייל/שעות) נדחקו לקצה השמאלי
     בזמן שהערכים עצמם ישבו בימין. יישור פיזי, הכיוון לא נוגע. */
  text-align: right;
}
.dalkan-page .dk-footer__meta a:hover { color: var(--dk-yellow); }
.dalkan-page .dk-footer__slogan {
  align-self: end;
  font-weight: 700;
  font-size: clamp(1rem, 1.6vw, 1.25rem);
  color: color-mix(in oklab, var(--dk-green) 82%, var(--dk-text));
  text-align: end;
}
@media (max-width: 780px) {.dalkan-page .dk-footer__slogan { text-align: start; }
/* מקום ל-sticky CTA */
.dalkan-page .dk-footer { padding-block-end: 5rem; }}
/* ─────── css/sections/card3d.css ─────── */
/* ==========================================================================
   card3d.css — כרטיס הדלקן כאובייקט פיזי מרחף.

   ⚠️ החוזה שמונע חיתוך (הבאג של הגרסה הקודמת — decisions.md #13):
   --card-ar חייב להיות **זהה** ליחס הגובה-רוחב של הטקסטורה.
   scripts/prep_card_front.py מיישר כל תמונת מקור ל-1.586 בדיוק, ולכן הערך
   הזה קבוע ולא צריך להשתנות בהחלפת תמונה. בנוסף, object-fit הוא contain
   ולא cover: אם בכל זאת תיכנס תמונה ביחס אחר, היא תוצג במלואה עם רווח
   ולא תיחתך.

   למה CSS 3D ולא WebGL: כרטיס הוא מישור שטוח. preserve-3d נותן פרספקטיבה
   אמיתית וסיבוב לכל זווית, בחדות מלאה, עם אפס תלות בספרייה, ועובד כמו שהוא
   בווידג'ט אלמנטור. ראה decisions.md #1.

   מה גורם לו להיקרא כאובייקט ולא כמדבקה (decisions.md #11):
     1. עובי  — שכבות מוערמות ב-Z שיוצרות דופן אמיתית בסילואט
     2. הילת עומק — הכרטיס מסתיר את האור שמאחוריו (ולא צל קרקע, שממציא רצפה)
     3. ריחוף idle — תנודה איטית מתמדת; "צף" מחייב תנועה
     4. ברק ספקולרי + תאורה כיוונית — האור של הדף נוחת על החומר
     5. פרספקטיבה קצרה — קיצור פרספקטיבי מורגש בין הקצה הקרוב לרחוק
   ========================================================================== */
.dalkan-page .dk-card3d {
  --card-ar: 1.586;                       /* חייב להתאים לטקסטורה. ראה למעלה. */
  --card-w: min(30rem, 78vw);
  --card-h: calc(var(--card-w) / var(--card-ar));

  /* עובי: כרטיס אמיתי הוא 0.76 מ"מ = 0.9% מרוחבו. מוגזם מעט כדי שייקרא. */
  --thick: calc(var(--card-w) * 0.017);
  --layers: 10;

  /* נכתבים ע"י js/modules/card3d.js */
  --rx: 6deg;  --ry: -16deg;  --rz: -3deg;
  --lift: 0px;
  --sheen: 0.4;
  --sheen-pos: 50%;
  --halo-z: 74px;
  --halo-scale: 1.3;
  --halo-op: 0.9;

  position: relative;
  inline-size: var(--card-w);
  block-size: var(--card-h);
  /* פרספקטיבה קצרה = קיצור פרספקטיבי חזק. 1500px היה כמעט מצלמה
     אורתוגונלית, ולכן הכרטיס נקרא שטוח גם כשהוא מסובב. */
  perspective: 880px;
  perspective-origin: 50% 42%;
  container-type: inline-size;
}
.dalkan-page .dk-card3d--sm { --card-w: min(24rem, 78vw); }
/* ---------------------------------------------------------------- הגוף */
.dalkan-page .dk-card3d__inner {
  position: relative;
  inline-size: 100%;
  block-size: 100%;
  transform-style: preserve-3d;
  transform:
    translateY(var(--lift))
    rotateX(var(--rx))
    rotateY(var(--ry))
    rotateZ(var(--rz));
  /* אין transition: הלולאה ב-JS כבר מרככת עם lerp, ותוספת ריכוך כאן
     הייתה יוצרת תחושת גרירה. */
}
/* בלי JS / reduced-motion: זווית סטטית מחמיאה, לא שטוח ומשעמם */
html:not(.dk-anim) .dk-card3d {
  --rx: 6deg; --ry: -17deg; --rz: -3deg;
}
/* ---------------------------------------------------------------- הילת עומק
   הכרטיס צף בחלל, לא מונח על משטח — ולכן צל קרקע הוא רמז שגוי (הוא ממציא
   רצפה שלא קיימת), ובנוסף צל שחור על רקע כמעט-שחור בלתי נראה.
   מה שכן עובד: הכרטיס **מסתיר את האור** שמאחוריו.

   ההילה יושבת בתוך ה-preserve-3d, מאחורי הכרטיס ב-Z, ומוגדלת מעט כדי
   שתציץ סביב הקצוות. הפרספקטיבה מזיזה אותה אסימטרית עם הסיבוב לבד. */
.dalkan-page .dk-card3d__halo {
  position: absolute;
  inset: 0;
  pointer-events: none;
  /* falloff רך מובנה בגרדיאנט — בלי filter:blur, שמשטח את הקשר התלת-מימדי */
  background: radial-gradient(ellipse 62% 58% at 50% 54%,
    rgba(0, 0, 0, 0.78) 0%,
    rgba(0, 0, 0, 0.52) 42%,
    rgba(1, 8, 16, 0.22) 66%,
    transparent 82%);
  transform: translateZ(calc(var(--halo-z) * -1)) scale(var(--halo-scale));
  opacity: var(--halo-op);
}
/* ---------------------------------------------------------------- עובי
   שכבות מוערמות ב-Z. עדיף על ארבע דפנות מסובבות: border-radius נשמר
   אוטומטית ולא נפערים סדקים בפינות. */
.dalkan-page .dk-card3d__extrude {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  pointer-events: none;
}
.dalkan-page .dk-card3d__extrude span {
  position: absolute;
  inset: 0;
  border-radius: 16px;
  /* ליבת PVC לבנה, מתכהה לעומק — זה מה שנותן לדופן קריאות */
  background: linear-gradient(180deg, #e9eef2 0%, #c3ccd4 55%, #93a0ab 100%);
}
.dalkan-page .dk-card3d__extrude span:nth-child(1) { transform: translateZ(calc(var(--thick) / var(--layers) * -1)); }
.dalkan-page .dk-card3d__extrude span:nth-child(2) { transform: translateZ(calc(var(--thick) / var(--layers) * -2)); }
.dalkan-page .dk-card3d__extrude span:nth-child(3) { transform: translateZ(calc(var(--thick) / var(--layers) * -3)); }
.dalkan-page .dk-card3d__extrude span:nth-child(4) { transform: translateZ(calc(var(--thick) / var(--layers) * -4)); }
.dalkan-page .dk-card3d__extrude span:nth-child(5) { transform: translateZ(calc(var(--thick) / var(--layers) * -5)); }
.dalkan-page .dk-card3d__extrude span:nth-child(6) { transform: translateZ(calc(var(--thick) / var(--layers) * -6)); }
.dalkan-page .dk-card3d__extrude span:nth-child(7) { transform: translateZ(calc(var(--thick) / var(--layers) * -7)); }
.dalkan-page .dk-card3d__extrude span:nth-child(8) { transform: translateZ(calc(var(--thick) / var(--layers) * -8)); }
.dalkan-page .dk-card3d__extrude span:nth-child(9) { transform: translateZ(calc(var(--thick) / var(--layers) * -9)); }
.dalkan-page .dk-card3d__extrude span:nth-child(10) { transform: translateZ(calc(var(--thick) * -1)); }
/* ---------------------------------------------------------------- פנים */
.dalkan-page .dk-card3d__face {
  position: absolute;
  inset: 0;
  border-radius: 16px;
  overflow: hidden;
  backface-visibility: hidden;
}
.dalkan-page .dk-card3d__face--front { background: var(--dk-white); }
.dalkan-page .dk-card3d__art {
  inline-size: 100%;
  block-size: 100%;
  /* contain ולא cover — ראה החוזה בראש הקובץ. */
  object-fit: contain;
  display: block;
}
/* ---- גב הכרטיס: אין לו צילום, לכן נבנה ב-CSS.
        ⏳ ממתין לצילום אמיתי — ראה docs/open-questions.md #16 ---- */
.dalkan-page .dk-card3d__face--back {
  background: linear-gradient(160deg, var(--dk-navy) 0%, var(--dk-navy-deep) 100%);
  transform: rotateY(180deg) translateZ(var(--thick));
  /* הכרטיס הוא אובייקט פיזי: פריסה קבועה, לא תלוית כיוון מסמך */
  direction: ltr;
}
.dalkan-page .dk-card3d__stripe {
  position: absolute;
  inset-block-start: 14%;
  inset-inline: 0;
  block-size: 22%;
  background: #071a2c;
}
.dalkan-page .dk-card3d__sign {
  position: absolute;
  inset-block-start: 46%;
  inset-inline: 8%;
  block-size: 16%;
  background: color-mix(in oklab, var(--dk-white) 88%, transparent);
  border-radius: 3px;
}
.dalkan-page .dk-card3d__backtext {
  position: absolute;
  inset-block-end: 10%;
  inset-inline-start: 8%;
  font-size: clamp(0.32rem, 1.3cqi, 0.55rem);
  color: color-mix(in oklab, var(--dk-white) 62%, transparent);
}
/* ---------------------------------------------------------------- חומר */
/* תאורה כיוונית: הקצה שפונה אל האור מתבהר, המתרחק מתכהה. הרמז החזק ביותר
   לחומריות. הזווית נגזרת מ---ry, כלומר האור "קבוע" והכרטיס זז ביחס אליו.
   מרוסן בכוונה: דור אלון אישרו שימוש במותג, ונאמנות הצבע גוברת על דרמה. */
.dalkan-page .dk-card3d__env {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(
      calc(96deg + var(--ry) * 1.5),
      rgba(255, 255, 255, 0.26) 0%,
      rgba(255, 255, 255, 0.05) 28%,
      rgba(0, 0, 0, 0.04) 60%,
      rgba(2, 12, 22, 0.20) 100%
    ),
    linear-gradient(
      calc(150deg + var(--ry) * 1.1),
      color-mix(in oklab, var(--dk-green) 18%, transparent) 0%,
      transparent 46%,
      color-mix(in oklab, var(--dk-yellow) 13%, transparent) 100%
    );
  opacity: 0.8;
}
/* ההבזק הספקולרי — נסחף לרוחב הכרטיס עם הזווית.
   screen ולא overlay: overlay נבלע בצבעי המותג ולא נראה. */
.dalkan-page .dk-card3d__sheen {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    calc(104deg + var(--ry) * 1.9),
    transparent calc(var(--sheen-pos) - 30%),
    rgba(255, 255, 255, 0.10) calc(var(--sheen-pos) - 12%),
    rgba(255, 255, 255, 0.66) var(--sheen-pos),
    rgba(255, 255, 255, 0.10) calc(var(--sheen-pos) + 12%),
    transparent calc(var(--sheen-pos) + 30%)
  );
  mix-blend-mode: screen;
  opacity: var(--sheen);
}
/* קצה מואר: מדגיש את הסילואט ומפריד את הכרטיס מהרקע */
.dalkan-page .dk-card3d__rim {
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: 16px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.85),
    inset 0 0 0 1px rgba(255, 255, 255, 0.28),
    inset 0 -1px 0 rgba(0, 0, 0, 0.22);
}
/* ---------------------------------------------------------------- כתובית */
.dalkan-page .dk-card3d__caption {
  margin-block-start: var(--dk-s-7);
  color: var(--dk-text-faint);
  text-align: center;
}
/* ==========================================================================
   מובייל — אותו אובייקט, ריחוף מרוסן, בלי מעקב עכבר (נתיב נפרד ב-JS).
   ========================================================================== */
@media (max-width: 900px) {/* הכרטיס מסתובב ומוקף בהילה בקנה 1.34, ולכן טביעת הרגל הוויזואלית
     שלו גדולה בהרבה מתיבת הגבול שלו — וזה מה שנראה כאילו הוא "עולה"
     על הטקסט. במובייל: זווית מתונה, הילה קטנה יותר, ומרווח נשימה. */
.dalkan-page .dk-card3d {
    --card-w: min(19rem, 78vw);
    --halo-scale: 1.12;
    --thick: calc(var(--card-w) * 0.013);
    perspective: 1100px;
    margin-block: var(--dk-s-5);
  }
.dalkan-page .dk-card3d--sm { --card-w: min(16rem, 66vw); }}
@media (prefers-reduced-motion: no-preference) and (max-width: 900px) {/* זווית מרוסנת: פחות בליטה מעבר לתיבה */
.dalkan-page .dk-card3d { --rx: 4deg; --ry: -10deg; --rz: -1.5deg; }}
@media (prefers-reduced-motion: reduce) {.dalkan-page .dk-card3d {
    --rx: 5deg; --ry: -14deg; --rz: -2deg; --lift: 0px;
    --sheen: 0.28;
    --halo-op: 0.8;
  }}
/* ─────── css/sections/hero.css ─────── */
/* ==========================================================================
   hero.css — פרק 1. הכרטיס הוא הרגע הראשון.
   ========================================================================== */
.dalkan-page .dk-hero {
  min-block-size: 100svh;   /* svh מונע קפיצת URL-bar ב-iOS */
  display: grid;
  align-content: center;
  padding-block-start: calc(var(--dk-chapter-pad) + 3rem);
  padding-block-end: var(--dk-chapter-pad);
}
.dalkan-page .dk-hero__inner {
  max-inline-size: var(--dk-maxw);
  margin-inline: auto;
  inline-size: 100%;
  display: grid;
  /* המבנה בשליטת ה-CSS; הבקר באלמנטור קובע רק את --dk-hero-cols.
     קודם הבקר כתב ישירות grid-template-columns, וכיוון שאלמנטור מזריק
     ערך דסקטופ **בלי media query**, הכרטיס נשאר לצד הטקסט גם במובייל. */
  grid-template-columns: var(--dk-hero-cols, minmax(0, 1fr) minmax(0, 0.92fr));
  gap: clamp(2rem, 6vw, 5rem);
  align-items: center;
}
.dalkan-page .dk-hero__title {
  font-size: var(--dk-fs-display);
  margin-block-end: var(--dk-s-6);
}
.dalkan-page .dk-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--dk-s-4);
  margin-block-start: var(--dk-s-7);
}
/* ---- הבמה של הכרטיס ---- */
.dalkan-page .dk-hero__stage {
  display: grid;
  justify-items: center;
  align-content: center;
  position: relative;
}
/* הילת רקע עדינה שמפרידה את הכרטיס מהרקע הכהה. סטטית, לא חלק מאפקט ריחוף. */
.dalkan-page .dk-hero__stage::before {
  content: '';
  position: absolute;
  inline-size: 82%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle,
    color-mix(in oklab, var(--dk-green) 30%, transparent) 0%,
    transparent 68%);
  filter: blur(56px);
  z-index: -1;
}
.dalkan-page .dk-scrollhint {
  justify-self: center;
  margin-block-start: var(--dk-s-9);
  color: var(--dk-text-faint);
  writing-mode: vertical-lr;
  animation: dk-hint 2.4s var(--dk-ease-io) infinite;
}
@keyframes dk-hint {
  0%, 100% { translate: 0 0; opacity: 0.4; }
  50%      { translate: 0 8px; opacity: 0.9; }
}
@media (prefers-reduced-motion: reduce) {.dalkan-page .dk-scrollhint { animation: none; }}
/* ==========================================================================
   מובייל — סטוריטלינג אנכי. הכרטיס אחרי הכותרת, לא לצידה.
   ========================================================================== */
@media (max-width: 900px) {/* גובה חופשי: 100svh דחק את הכרטיס מתחת לקיפול לגמרי */
.dalkan-page .dk-hero {
    min-block-size: auto;
    padding-block-start: calc(var(--dk-chapter-pad) * 0.62 + 3.5rem);
    padding-block-end: calc(var(--dk-chapter-pad) * 0.7);
  }
.dalkan-page .dk-hero__inner {
    /* ערך מפורש ולא var: כך גם אם בקר אלמנטור קבע --dk-hero-cols,
       המובייל נשאר עמודה אחת ברוחב מלא. */
    grid-template-columns: 1fr;
    gap: var(--dk-s-5);
  }
/* ההילה מאחורי הכרטיס הייתה ‎82%‎ מרוחב הבמה ובלטה אל הטקסט */
.dalkan-page .dk-hero__stage::before { inline-size: 62%; filter: blur(38px); }
.dalkan-page .dk-card3d__caption { margin-block-start: var(--dk-s-4); }
/* המוצר קודם: הכרטיס הוא הקרס, והמסר מיד אחריו */
.dalkan-page .dk-hero__stage { order: -1; }
.dalkan-page .dk-hero__title { margin-block-end: var(--dk-s-5); }
.dalkan-page .dk-hero__actions { margin-block-start: var(--dk-s-6); }
/* כפתורים ברוחב מלא — יעדי נגיעה נוחים ומדרג ברור */
.dalkan-page .dk-hero__actions .dk-btn {
    inline-size: 100%;
    padding-block: 1.1em;
  }
.dalkan-page .dk-scrollhint { display: none; }}
/* ─────── css/sections/problem.css ─────── */
/* ==========================================================================
   problem.css — פרק 2. הכאוס של הקבלות.
   קו האנרגיה מתפצל כאן, והקבלות מתפזרות. מיקומים דטרמיניסטיים דרך --i.
   ========================================================================== */
.dalkan-page .dk-problem__body {
  position: relative;
  /* s-8 הוא המרווח הרגיל בבית בין lede לגריד (ראה .dk-steps ו-.dk-grid9) */
  margin-block-end: var(--dk-s-8);
}
/* שכבת הקבלות היא absolute ובולטת מתחת לגוף הפרק, ולכן רק כשהיא קיימת
   צריך את הריווח הגדול שמפנה לה מקום. בלי התנאי הזה, כיבוי האפקט
   (ברירת המחדל מאז שהנושא הוחלף ל"למי זה מתאים") השאיר רצועה ריקה. */
@media (min-width: 901px) {.dalkan-page .dk-problem__body:has(.dk-chaos) { margin-block-end: var(--dk-s-10); }}
.dalkan-page .dk-chaos {
  position: absolute;
  inset-block-start: -30%;
  inset-inline-end: -4%;
  inline-size: min(46rem, 52%);
  block-size: 26rem;
  pointer-events: none;
  --spread: 0;   /* 0..1 — נקבע ע"י js/modules/chaos.js לפי הגלילה */
}
.dalkan-page .dk-chaos__slip {
  position: absolute;
  inline-size: 5.5rem;
  block-size: 7.4rem;
  border-radius: 3px;
  background: linear-gradient(175deg,
    color-mix(in oklab, var(--dk-white) 88%, transparent) 0%,
    color-mix(in oklab, var(--dk-white) 62%, transparent) 100%);
  box-shadow: 0 10px 26px -10px rgba(0, 0, 0, 0.7);
  opacity: 0.5;

  /* פיזור דטרמיניסטי: מדרגות טריגונומטריות על --i, אין Math.random */
  --a: calc(var(--i) * 47deg);
  --r: calc(6rem + mod(var(--i), 4) * 3.4rem);
  inset-block-start: calc(38% + sin(var(--a)) * var(--r) * var(--spread));
  inset-inline-start: calc(42% + cos(var(--a)) * var(--r) * var(--spread) * 1.5);
  rotate: calc((mod(var(--i), 5) - 2) * 9deg * var(--spread));
  transition: inset-block-start 700ms var(--dk-ease-out),
              inset-inline-start 700ms var(--dk-ease-out),
              rotate 700ms var(--dk-ease-out),
              opacity 700ms var(--dk-ease-out);
}
/* קווי "טקסט" על הקבלה — פרוצדורלי, בלי תמונה */
.dalkan-page .dk-chaos__slip::before {
  content: '';
  position: absolute;
  inset: 12% 14%;
  background: repeating-linear-gradient(
    180deg,
    rgba(6, 37, 63, 0.34) 0 2px,
    transparent 2px 8px
  );
}
/* בלי JS: הקבלות מסודרות בגריד קריא ולא מרוכזות בערימה אחת */
html:not(.dk-anim) .dk-chaos { --spread: 1; }
.dalkan-page .dk-pains {
  display: grid;
  gap: var(--dk-s-5);
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}
.dalkan-page .dk-pain {
  padding: var(--dk-s-6);
  border: 1px solid var(--dk-line);
  border-radius: var(--dk-r-card);
  background: rgba(255, 255, 255, 0.02);
}
.dalkan-page .dk-pain__idx { display: block; color: var(--dk-yellow); margin-block-end: var(--dk-s-4); }
.dalkan-page .dk-pain__title {
  font-size: var(--dk-fs-h3);
  font-weight: 700;
  margin-block-end: var(--dk-s-2);
}
.dalkan-page .dk-pain p { color: var(--dk-text-muted); font-size: var(--dk-fs-small); }
@media (max-width: 900px) {/* הקבלות המתפזרות הן שכבת רקע שנועדה לשבת *מאחורי* הטקסט בדסקטופ.
     במובייל אין לה מאחורי מה לשבת, והיא הופכת לרצועה ריקה של ~190px
     שדוחפת את כרטיסיות הכאב אל מחוץ למסך. מוסתרת. */
.dalkan-page .dk-chaos { display: none; }
.dalkan-page .dk-problem__body { margin-block-end: var(--dk-s-6); }
.dalkan-page .dk-pains { gap: var(--dk-s-4); }
.dalkan-page .dk-pain { padding: var(--dk-s-5); }}
@media (max-width: 900px) {/* המספר חוזר לצד ההתחלה (ימין ב-RTL). ‎text-align:end בתוך אלמנט
     שהוא direction:ltr = ימין. משפיע על מובייל בלבד. */
.dalkan-page .dk-pain__idx { text-align: end; }}
/* ─────── css/sections/how.css ─────── */
/* ==========================================================================
   how.css — פרק 3. ארבעה צעדים על ציר אחד.
   הצעדים יושבים על קו שמתאחד — ההיפוך של הכאוס בפרק הקודם.
   ========================================================================== */
.dalkan-page .dk-steps {
  display: grid;
  gap: var(--dk-s-5);
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
  position: relative;
  margin-block-start: var(--dk-s-8);
}
/* הציר המאחד שעליו יושבים הצעדים */
.dalkan-page .dk-steps::before {
  content: '';
  position: absolute;
  inset-block-start: 1.15rem;
  inset-inline: 4%;
  block-size: 1px;
  background: linear-gradient(90deg,
    transparent,
    color-mix(in oklab, var(--dk-yellow) 55%, transparent) 18%,
    color-mix(in oklab, var(--dk-yellow) 55%, transparent) 82%,
    transparent);
}
.dalkan-page .dk-step { position: relative; padding-block-start: var(--dk-s-8); }
/* הנקודה של הצעד על הציר */
.dalkan-page .dk-step::before {
  content: '';
  position: absolute;
  inset-block-start: 0.85rem;
  inset-inline-start: 0;
  inline-size: 0.65rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--dk-yellow);
  box-shadow: 0 0 0 4px color-mix(in oklab, var(--dk-yellow) 22%, transparent);
}
.dalkan-page .dk-step__idx {
  display: block;
  color: var(--dk-text-faint);
  margin-block-end: var(--dk-s-3);
}
.dalkan-page .dk-step__title {
  font-size: var(--dk-fs-h3);
  font-weight: 700;
  margin-block-end: var(--dk-s-2);
}
.dalkan-page .dk-step p { color: var(--dk-text-muted); font-size: var(--dk-fs-small); }
@media (max-width: 900px) {/* מובייל: הציר הופך אנכי — אותה מטאפורה, בלי גריד רחב */
.dalkan-page .dk-steps { grid-template-columns: 1fr; gap: var(--dk-s-7); }
.dalkan-page .dk-steps::before {
    inset-block: 0.6rem 2rem;
    inset-inline-start: 0.3rem;
    inset-inline-end: auto;
    inline-size: 1px;
    block-size: auto;
    background: linear-gradient(180deg,
      color-mix(in oklab, var(--dk-yellow) 55%, transparent),
      transparent);
  }
.dalkan-page .dk-step { padding-block-start: 0; padding-inline-start: var(--dk-s-7); }
.dalkan-page .dk-step::before { inset-block-start: 0.35rem; }}
@media (max-width: 900px) {/* המספר חוזר לצד ההתחלה (ימין ב-RTL). ‎text-align:end בתוך אלמנט
     שהוא direction:ltr = ימין. משפיע על מובייל בלבד. */
.dalkan-page .dk-step__idx { text-align: end; }}
/* ─────── css/sections/benefits.css ─────── */
/* ==========================================================================
   benefits.css — פרק 4. תשע נקודות המכירה כמניפסט ממוספר (תבנית 08).
   הגריד בנוי מ-hairlines, לא מכרטיסיות מרחפות.
   ========================================================================== */
.dalkan-page .dk-grid9 {
  margin-block-start: var(--dk-s-8);
  display: grid;
  grid-template-columns: var(--dk-grid9-cols, repeat(3, minmax(0, 1fr)));
  /* הגבולות נוצרים מהרווח: רקע הקווים נראה דרך ה-gap */
  gap: 1px;
  background: var(--dk-line);
  border: 1px solid var(--dk-line);
  border-radius: var(--dk-r-card);
  overflow: hidden;
}
.dalkan-page .dk-bcard {
  position: relative;
  padding: clamp(1.25rem, 2.4vw, 2rem);
  background: color-mix(in oklab, var(--dk-bg) 92%, transparent);
  transition: background-color var(--dk-dur-base) var(--dk-ease-out);
}
/* hover עם מטרה: הכרטיסייה נדלקת וקו accent נמתח בקצה הפנימי */
.dalkan-page .dk-bcard::before {
  content: '';
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  inline-size: 2px;
  background: var(--dk-yellow);
  scale: 1 0;
  transform-origin: top;
  transition: scale var(--dk-dur-base) var(--dk-ease-out);
}
.dalkan-page .dk-bcard:hover { background: color-mix(in oklab, var(--dk-navy) 26%, var(--dk-bg)); }
.dalkan-page .dk-bcard:hover::before { scale: 1 1; }
.dalkan-page .dk-bcard__idx {
  display: block;
  color: var(--dk-yellow);
  margin-block-end: var(--dk-s-4);
}
.dalkan-page .dk-bcard h3 {
  font-size: 1.0625rem;
  font-weight: 700;
  margin-block-end: var(--dk-s-2);
  text-wrap: balance;
}
.dalkan-page .dk-bcard p {
  font-size: 0.9375rem;
  color: var(--dk-text-muted);
}
@media (max-width: 900px) {.dalkan-page .dk-grid9 { grid-template-columns: repeat(2, minmax(0, 1fr)); }}
@media (max-width: 767px) {/* מפורש, לא var — ראה הערה ב-hero.css */
.dalkan-page .dk-grid9 { grid-template-columns: 1fr; }}
@media (max-width: 600px) {/* stack אנכי — בלי גלילה אופקית לא-מכוונת */
.dalkan-page .dk-grid9 { grid-template-columns: 1fr; }}
@media (max-width: 900px) {/* המספר חוזר לצד ההתחלה (ימין ב-RTL). ‎text-align:end בתוך אלמנט
     שהוא direction:ltr = ימין. משפיע על מובייל בלבד. */
.dalkan-page .dk-bcard__idx { text-align: end; }}
/* ─────── css/sections/network.css ─────── */
/* ==========================================================================
   network.css — פרק 5. הפריסה הארצית. 220 נקודות נדלקות בגלילה.
   ========================================================================== */
/* המונה ישב קודם בעמודת המפה ומילא אותה. אחרי שהוא עבר לכותרת נשארו שני
   חללים: אחד בין הטקסט למפה, ואחד משמאל למפה (המפה צרה מאוד, יחס 0.376,
   ולכן ‎justify-items:center בעמודה רחבה השאיר שוליים משני צדיה).
   הפתרון: שתי עמודות ברוחב התוכן שלהן, ממורכזות כזוג — ולא גריד שמותח
   אותן על כל הרוחב. */
.dalkan-page .dk-network__layout {
  margin-block-start: var(--dk-s-8);
  display: grid;
  grid-template-columns: var(--dk-net-cols, minmax(0, auto) minmax(0, auto));
  justify-content: center;
  gap: clamp(2rem, 6vw, 5rem);
  align-items: center;
}
.dalkan-page .dk-network__copy { max-inline-size: var(--dk-measure); }
.dalkan-page .dk-network__facts {
  margin-block-start: var(--dk-s-7);
  display: grid;
  gap: var(--dk-s-4);
}
.dalkan-page .dk-network__facts li {
  display: flex;
  align-items: baseline;
  gap: var(--dk-s-4);
  padding-block-end: var(--dk-s-4);
  border-block-end: 1px solid var(--dk-line);
  color: var(--dk-text-muted);
  font-size: var(--dk-fs-small);
}
.dalkan-page .dk-network__facts .dk-mono {
  flex: 0 0 4.5rem;
  font-size: 1.125rem;
  color: var(--dk-yellow);
  letter-spacing: 0.04em;
}
/* ---- כותרת-מונה: המספר הוא הכותרת ---- */
/* ה-220 ישב קודם לצד המפה בגוף הפרק. הועבר לכותרת: הוא הטיעון של הפרק,
   ובמקום הזה הוא נקרא ראשון ובגודל שמתאים למשקל שלו. */
.dalkan-page .dk-headline--stat {
  display: grid;
  justify-items: start;
  gap: var(--dk-s-1);
  /* גובה השורה של הכותרות נקבע לטקסט; לספרה ענקית הוא יוצר חלל מיותר */
  line-height: 1;
}
.dalkan-page .dk-bignum {
  display: block;
  font-size: clamp(4.5rem, 15vw, 11rem);
  font-weight: 500;
  line-height: 0.84;
  letter-spacing: -0.02em;
  color: var(--dk-white);
}
.dalkan-page .dk-bignum__label {
  display: block;
  font-size: var(--dk-fs-h3);
  font-weight: 700;
  line-height: 1.2;
  color: var(--dk-yellow);
}
/* ---- המפה: גבול ישראל אמיתי (Natural Earth 10m, ‎Israel ∪ Palestine) ---- */
/* המונה ירד מכאן לכותרת, ולכן המפה והכתובית יושבות בעמודה אחת ממורכזת. */
.dalkan-page .dk-map {
  position: relative;
  display: grid;
  justify-items: center;
  row-gap: var(--dk-s-4);
}
.dalkan-page .dk-map__svg {
  /* היחס נקבע ע"י ה-viewBox שנוצר מהגבול עצמו — לא ערך שנבחר ביד */
  block-size: min(38rem, 62vh);
  inline-size: auto;
  overflow: visible;
}
.dalkan-page .dk-map__outline {
  fill: color-mix(in oklab, var(--dk-navy) 46%, transparent);
  stroke: var(--dk-line-strong);
  stroke-width: 0.8;
  stroke-linejoin: round;
}
.dalkan-page .dk-map__road {
  fill: none;
  stroke: var(--dk-yellow);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1;
  stroke-dashoffset: calc(1 - var(--road, 0));
  filter: drop-shadow(0 0 4px color-mix(in oklab, var(--dk-yellow) 60%, transparent));
  transition: stroke-dashoffset 1.4s var(--dk-ease-out);
}
html:not(.dk-anim) .dk-map__road { --road: 1; }
/* נקודות התחנות — צרובות ב-HTML, נדלקות כשהמסלול מגיע למפה */
.dalkan-page .dk-map__dots circle {
  fill: var(--dk-green-bright);
  opacity: 0;
  transition: opacity 420ms var(--dk-ease-out);
  transition-delay: var(--d, 0ms);
}
.dalkan-page .dk-map__dots circle.is-on { opacity: 0.92; }
html:not(.dk-anim) .dk-map__dots circle { opacity: 0.88; }
.dalkan-page .dk-map__cap { color: var(--dk-text-faint); }
@media (max-width: 900px) {/* מפורש ולא var: כך בקר באלמנטור לא יכול להחזיר שתי עמודות במסך צר */
.dalkan-page .dk-network__layout { grid-template-columns: 1fr; }
.dalkan-page .dk-network__copy { max-inline-size: none; }
.dalkan-page .dk-map { order: 2; row-gap: var(--dk-s-3); }
.dalkan-page .dk-map__svg { block-size: min(26rem, 48vh); }}
/* מובייל: פחות צמתים, אותו רושם. הסדר מעורבב דטרמיניסטית ב-build_map.py,
   ולכן 90 הראשונות מפוזרות על כל הארץ ולא מצטברות באזור אחד. */
@media (max-width: 900px) {.dalkan-page .dk-map__dots circle:nth-child(n + 91) { display: none; }}
@media (max-width: 900px) {/* ‎flex-basis של ‎4.5rem על הערך יוצר מרווח גדול מהתווית במסך צר */
.dalkan-page .dk-network__facts .dk-mono { flex: 0 0 auto; margin-inline-end: var(--dk-s-3); }
.dalkan-page .dk-network__facts { margin-block-start: var(--dk-s-5); gap: var(--dk-s-3); }
.dalkan-page .dk-network__layout { gap: var(--dk-s-6); }
/* ‎15vw על ‎390px היה ‎58px — קטן מדי לספרה שהיא הכותרת */
.dalkan-page .dk-bignum { font-size: clamp(4rem, 26vw, 7rem); }
.dalkan-page .dk-bignum__label { font-size: 1.125rem; }}
/* ─────── css/sections/convert.css ─────── */
/* ==========================================================================
   convert.css — פרק 9 (שאלות) + פרק 10 (המרה, טופס, פוטר).
   ========================================================================== */
/* ==========================  שאלות נפוצות  ============================== */
.dalkan-page .dk-faq__list {
  margin-block-start: var(--dk-s-7);
  max-inline-size: 52rem;
  border-block-start: 1px solid var(--dk-line);
}
.dalkan-page .dk-qa { border-block-end: 1px solid var(--dk-line); }
.dalkan-page .dk-qa summary {
  display: flex;
  align-items: center;
  gap: var(--dk-s-4);
  padding-block: var(--dk-s-5);
  cursor: pointer;
  font-size: clamp(1rem, 1.5vw, 1.1875rem);
  font-weight: 700;
  list-style: none;
  transition: color var(--dk-dur-fast) var(--dk-ease-out);
}
.dalkan-page .dk-qa summary::-webkit-details-marker { display: none; }
.dalkan-page .dk-qa summary:hover { color: var(--dk-yellow); }
/* סמן פתיחה — סיבוב, לא החלפת תו.
   הגבולות **פיזיים** בכוונה: עם border-inline-end ב-RTL הצ'שברון נבנה על
   הצד השמאלי והצביע שמאלה במקום למטה. חץ כלפי מטה הוא הסימון המקובל
   לאקורדיון סגור, והוא ניטרלי לכיוון הכתיבה. */
.dalkan-page .dk-qa summary::after {
  content: '';
  margin-inline-start: auto;
  flex: 0 0 auto;
  inline-size: 0.7rem;
  block-size: 0.7rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  rotate: 45deg;
  transition: rotate var(--dk-dur-base) var(--dk-ease-out);
}
.dalkan-page .dk-qa[open] summary::after { rotate: 225deg; }
.dalkan-page .dk-qa[open] summary { color: var(--dk-yellow); }
.dalkan-page .dk-qa p {
  padding-block-end: var(--dk-s-6);
  color: var(--dk-text-muted);
  max-inline-size: var(--dk-measure);
}
/* ==========================  המרה  ===================================== */
.dalkan-page .dk-convert__inner {
  display: grid;
  grid-template-columns: var(--dk-conv-cols, minmax(0, 0.95fr) minmax(0, 1fr));
  gap: clamp(2rem, 6vw, 5rem);
  align-items: start;
}
.dalkan-page .dk-convert__reassure {
  margin-block-start: var(--dk-s-7);
  display: grid;
  gap: var(--dk-s-3);
}
.dalkan-page .dk-convert__reassure li {
  position: relative;
  padding-inline-start: var(--dk-s-6);
  color: var(--dk-text-muted);
  font-size: var(--dk-fs-small);
}
.dalkan-page .dk-convert__reassure li::before {
  content: '';
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0.55em;
  inline-size: 0.5rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--dk-green-bright);
}
.dalkan-page .dk-convert__alt {
  margin-block-start: var(--dk-s-8);
  padding-block-start: var(--dk-s-6);
  border-block-start: 1px solid var(--dk-line);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--dk-s-3);
}
.dalkan-page .dk-convert__alt p {
  color: var(--dk-text-faint);
  font-size: var(--dk-fs-small);
  margin-inline-end: var(--dk-s-2);
}
/* ==========================  טופס  ===================================== */
.dalkan-page .dk-form {
  padding: clamp(1.5rem, 3.2vw, 2.5rem);
  background: color-mix(in oklab, var(--dk-navy) 34%, var(--dk-bg));
  border: 1px solid var(--dk-line-strong);
  border-radius: var(--dk-r-card);
  box-shadow: 0 40px 90px -40px rgba(0, 0, 0, 0.85);
}
.dalkan-page .dk-form__title {
  font-size: var(--dk-fs-h3);
  font-weight: 900;
  margin-block-end: var(--dk-s-6);
}
.dalkan-page .dk-field { display: grid; gap: var(--dk-s-2); margin-block-end: var(--dk-s-4); }
.dalkan-page .dk-field label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--dk-text-muted);
}
.dalkan-page .dk-field label span { color: var(--dk-yellow); }
.dalkan-page .dk-field :is(input, select) {
  padding: 0.85em 1em;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--dk-line-strong);
  border-radius: var(--dk-r-sm);
  color: var(--dk-text);
  transition: border-color var(--dk-dur-fast) var(--dk-ease-out),
              background-color var(--dk-dur-fast) var(--dk-ease-out);
}
.dalkan-page .dk-field :is(input, select):focus {
  border-color: var(--dk-yellow);
  background: rgba(255, 255, 255, 0.08);
  outline: none;
}
.dalkan-page .dk-field input::placeholder { color: var(--dk-text-faint); }
/* appearance:none מסיר את החץ הנטיבי — מחזירים אותו כ-SVG inline (בלי בקשת רשת),
   ממוקם בקצה הלוגי כדי שיתהפך נכון ב-RTL. */
.dalkan-page .dk-field select {
  appearance: none;
  cursor: pointer;
  padding-inline-end: 2.6em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%23eef4fa' stroke-opacity='.6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 0.75em auto;
  background-position: left 1em center;
}
.dalkan-page .dk-field select:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%23f6db2a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
/* אפשרויות ה-select מרונדרות ע"י ה-OS ולכן צריכות רקע כהה מפורש */
.dalkan-page .dk-field select option { background: var(--dk-bg-deep); color: var(--dk-text); }
.dalkan-page .dk-field input[aria-invalid='true'] { border-color: #ff8a7a; }
.dalkan-page .dk-field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--dk-s-4);
}
/* honeypot — מוסתר מהעין ומקוראי מסך, נגיש לבוטים */
.dalkan-page .dk-hp {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.dalkan-page .dk-form__submit {
  inline-size: 100%;
  margin-block-start: var(--dk-s-5);
}
.dalkan-page .dk-form__legal {
  margin-block-start: var(--dk-s-4);
  font-size: 0.75rem;
  color: var(--dk-text-faint);
  text-align: center;
}
.dalkan-page .dk-form__status {
  margin-block-start: var(--dk-s-4);
  font-size: var(--dk-fs-small);
  text-align: center;
  min-block-size: 1.4em;
}
.dalkan-page .dk-form__status.is-ok { color: var(--dk-green-bright); }
.dalkan-page .dk-form__status.is-err { color: #ff9c8f; }
@media (max-width: 900px) {.dalkan-page .dk-convert__inner { grid-template-columns: 1fr; }}
@media (max-width: 520px) {.dalkan-page .dk-field-row { grid-template-columns: 1fr; gap: 0; }}
/* ==========================================================================
   פריסת פרק השאלות — רשימה + הכרטיס.
   הכרטיס הועבר לכאן מפרק "למה אנחנו" שהוסר.
   ========================================================================== */
.dalkan-page .dk-faq__layout {
  margin-block-start: var(--dk-s-7);
  display: grid;
  grid-template-columns: var(--dk-faq-cols, minmax(0, 1fr) minmax(0, 0.62fr));
  gap: clamp(2rem, 6vw, 5rem);
  align-items: start;
}
.dalkan-page .dk-faq__layout .dk-faq__list { margin-block-start: 0; }
.dalkan-page .dk-faq__media {
  margin: 0;
  display: grid;
  justify-items: center;
  /* sticky כדי שהכרטיס ילווה את גלילת השאלות במקום להיעלם אחרי השאלה השנייה.
     אין אב עם overflow:hidden בנתיב הזה, ולכן sticky עובד. */
  position: sticky;
  inset-block-start: 22vh;
}
/* הילה עדינה שמפרידה את הכרטיס מהרקע */
.dalkan-page .dk-faq__media::before {
  content: '';
  position: absolute;
  inline-size: 78%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle,
    color-mix(in oklab, var(--dk-green) 28%, transparent) 0%, transparent 68%);
  filter: blur(48px);
  z-index: -1;
}
@media (max-width: 980px) {.dalkan-page .dk-faq__layout { grid-template-columns: 1fr; }
/* מובייל: הכרטיס מעל השאלות, לא sticky */
.dalkan-page .dk-faq__media { order: -1; position: static; margin-block-end: var(--dk-s-6); }}
@media (max-width: 900px) {/* שורות האקורדיון היו ‎74px גובה כל אחת — שמונה שאלות = ‎600px של ריווח
     בלבד. מתהדק, בלי לרדת מיעד נגיעה נוח. */
.dalkan-page .dk-qa summary { padding-block: var(--dk-s-4); gap: var(--dk-s-3); min-block-size: 48px; }
.dalkan-page .dk-qa p { padding-block-end: var(--dk-s-5); font-size: 0.9375rem; }
.dalkan-page .dk-faq__list { margin-block-start: var(--dk-s-5); }
.dalkan-page .dk-faq__layout { margin-block-start: var(--dk-s-5); gap: var(--dk-s-5); }
/* הטופס */
.dalkan-page .dk-convert__inner { gap: var(--dk-s-7); }
.dalkan-page .dk-convert__alt { margin-block-start: var(--dk-s-6); padding-block-start: var(--dk-s-5); }
/* התווית מקבלת שורה משלה, אחרת היא נדחקת לצד הכפתור ונחתכת */
.dalkan-page .dk-convert__alt p { flex: 1 0 100%; margin: 0 0 var(--dk-s-1); }
.dalkan-page .dk-convert__alt .dk-btn { flex: 1 1 auto; }
.dalkan-page .dk-form { padding: var(--dk-s-5); }
.dalkan-page .dk-form__title { font-size: 1.25rem; margin-block-end: var(--dk-s-5); }
.dalkan-page .dk-field { margin-block-end: var(--dk-s-3); }}
/* ==========================================================================
   css-additions.css — כל מה שנדרש מעבר ל-CSS של האתר הסטטי.
   מקבל קידומת `.dalkan-page` יחד עם השאר, ע"י build-css.py.
   אין כאן אף צבע חדש — רק טוקנים קיימים.
   ========================================================================== */
/* --- 1. עטיפות אלמנטור: הסקשנים מנהלים את הריווח שלהם בעצמם --- */
.dalkan-page .elementor-widget-dalkan-hero      > .elementor-widget-container, .dalkan-page .elementor-widget-dalkan-problem   > .elementor-widget-container, .dalkan-page .elementor-widget-dalkan-how       > .elementor-widget-container, .dalkan-page .elementor-widget-dalkan-benefits  > .elementor-widget-container, .dalkan-page .elementor-widget-dalkan-network   > .elementor-widget-container, .dalkan-page .elementor-widget-dalkan-faq       > .elementor-widget-container, .dalkan-page .elementor-widget-dalkan-convert   > .elementor-widget-container, .dalkan-page .elementor-widget-dalkan-footer    > .elementor-widget-container, .dalkan-page .elementor-widget-dalkan-header    > .elementor-widget-container {
  padding: 0;
  margin: 0;
}
.dalkan-page [class*='elementor-widget-dalkan-'] { inline-size: 100%; display: block; }
/* --- 2. צבעי קישורים מפורשים.
       באתר הסטטי הם הסתמכו על `a { color: inherit }`, וכלל של ערכה
       כמו `.elementor a { color: <צבע הערכה> }` גובר על inherit ומצבע את
       התפריט והפוטר באדום.

       רק המצב הרגיל נדרש כאן. מצבי ה-hover כבר קיימים ב-CSS של האתר
       הסטטי וקיבלו את הקידומת יחד איתו, ולכן הכפלה שלהם רק מייצרת
       הצהרות זהות פעמיים. --- */
.dalkan-page .dk-header__nav a { color: var(--dk-text-muted); }
.dalkan-page .dk-header__brand { color: var(--dk-text); }
.dalkan-page .dk-footer__meta a { color: var(--dk-text-muted); }
.dalkan-page .dk-qa summary { color: var(--dk-text); }
/* --- 3. מידות לוגו מפורשות.
       `.elementor-widget img { width: 100%; height: auto }` (0,1,1) גובר על
       block-size לבדו והלוגו מתנפח לגודלו המקורי.

       ⚠️ כיול ספציפיות: הסלקטורים כאן מכוונים ל-(0,2,0) אחרי הקידומת —
       מספיק כדי לנצח את הערכה, ונמוך מספיק כדי שבקר אלמנטור
       (`{{WRAPPER}} .dk-header__logo` ומעלה) עדיין יגבר. אין להוסיף
       כאן `img.` או אב נוסף, זה מעלה ל-(0,3,x) וחוסם את הלקוח. --- */
.dalkan-page .dk-header__logo {
  block-size: 1.5rem;
  inline-size: auto;
  max-inline-size: none;
  object-fit: contain;
}
.dalkan-page .dk-header__logo--dor { block-size: 2.1rem; }
.dalkan-page .dk-footer__brand img {
  block-size: 1.4rem;
  inline-size: auto;
  max-inline-size: none;
  object-fit: contain;
}
.dalkan-page .dk-card3d__art {
  inline-size: 100%;
  block-size: 100%;
  max-inline-size: none;
}
/* --- 4. כפתורים.
       הגרסה הראשונה חזרה כאן על כל צבעי הכפתורים כדי לנצח את
       `.elementor button` — אבל אחרי שהבסיס עצמו קיבל את הקידומת
       `.dalkan-page`, הוא כבר מנצח לבדו:
           .dalkan-page .dk-btn--primary  (0,2,0)  >  .elementor button  (0,1,1)
       נבדק אמפירית מול סימולציית ערכה + אלמנטור: הסרת הבלוק לא שינתה
       אף ערך מחושב. נשאר רק מה שבאמת חסר בבסיס. --- */
.dalkan-page .dk-btn { cursor: pointer; font-family: var(--dk-font-he); }
/* --- 5. גופן. הערכה מגדירה `body { font-family: ... }` ונטענת אחרינו;
       `body.dalkan-page` (0,1,1) מנצח את `body` (0,0,1). --- */
body.dalkan-page { font-family: var(--dk-font-he); }
.dalkan-page .dk-headline, .dalkan-page .dk-lede, .dalkan-page .dk-btn, .dalkan-page .dk-form, .dalkan-page .dk-form__title, .dalkan-page .dk-qa, .dalkan-page .dk-bcard, .dalkan-page .dk-pain, .dalkan-page .dk-step, .dalkan-page .dk-bignum__label, .dalkan-page .dk-field {
  font-family: var(--dk-font-he);
}
.dalkan-page .dk-mono { font-family: var(--dk-font-mono); }
/* --- 5b. המילים בכותרות נוצרות ב-JS ---
   `reveal.js` עוטף כל מילה ב-`<span class="dk-w">`. כלל ערכה נפוץ כמו
   `span { color: #333 }` הוא **סלקטור מפורש** ולכן הוא מנצח את ההורשה
   מ-`.dk-headline` — הכותרת נמדדת לבנה על ה-h2 ומוצגת אפורה על המסך.
   נתפס רק כשמדדו את הצבע על ה-span ולא על הכותרת. */
.dalkan-page [data-reveal-words] .dk-w { color: inherit; font: inherit; }
/* --- 6. צבעי טקסט מפורשים מול `.elementor h2 { color: <אפור הערכה> }` --- */
.dalkan-page .dk-headline { color: var(--dk-text); }
.dalkan-page .dk-headline em { color: var(--dk-yellow); }
.dalkan-page .dk-lede { color: var(--dk-text-muted); }
.dalkan-page .dk-form__title { color: var(--dk-text); }
.dalkan-page .dk-bcard h3, .dalkan-page .dk-pain__title, .dalkan-page .dk-step__title { color: var(--dk-text); }
.dalkan-page .dk-bcard p, .dalkan-page .dk-pain p, .dalkan-page .dk-step p, .dalkan-page .dk-qa p { color: var(--dk-text-muted); }
.dalkan-page .dk-field label { color: var(--dk-text-muted); }
.dalkan-page .dk-footer__slogan { color: color-mix(in oklab, var(--dk-green) 82%, var(--dk-text)); }
/* --- 7. חיתוך overflow ברמת העמוד.
       overflow-x על body לבדו לא מונע מ-documentElement להתרחב. --- */
html:has(body.dalkan-page) { overflow-x: clip; }
/* --- 8. מצב אדיטור: הכל שטוח, גלוי ועריך.
       fixed/sticky ב-iframe של האדיטור מרחפים מעל הפאנל וחוסמים עריכה. --- */
.dk-editor-preview .dk-header { position: relative !important; inset: auto !important; }
.dk-editor-preview .dk-faq__media { position: static !important; }
/* פס ה-CTA הדביק נשאר fixed באדיטור ורחף מעל קנבס העריכה. הוא לא
   חלק מהתוכן של אף ווידג'ט, ולכן פשוט מוסתר במצב עריכה. */
.dk-editor-preview .dk-sticky-cta { display: none !important; }
.dk-editor-preview .dk-hero { min-block-size: auto !important; }
.dk-editor-preview .dk-route, .dk-editor-preview .dk-bg { display: none !important; }
.dk-editor-preview .dk-ch {
  background: linear-gradient(180deg, var(--dk-bg) 0%, var(--dk-bg-deep) 100%);
}
/* --- 9. בטיחות מובייל --- */
.dalkan-page [class*='elementor-widget-dalkan-'] :is(.dk-ch, .dk-ch__inner) { min-inline-size: 0; }
.dalkan-page [class*='elementor-widget-dalkan-'] :is(img, svg, video) { max-inline-size: 100%; }
/* --- 10. כפתורים אופציונליים שנוספים לסקשן מהאדיטור --- */
.dalkan-page .dk-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: var(--dk-s-4);
  margin-block-start: var(--dk-s-7);
}
@media (max-width: 780px) {.dalkan-page .dk-ctas .dk-btn { inline-size: 100%; padding-block: 1.1em; }}
/* --- 11. היירו: הטקסט לפני הכרטיס במובייל (כשהמתג באדיטור כבוי) --- */
@media (max-width: 900px) {.dalkan-page .dk-hero--copy-first .dk-hero__stage { order: 0; }}
/* --- 12. הפוטר חייב להיות מעל שכבת הרקע --- */
/* באתר הסטטי הפוטר יושב בתוך section.dk-ch, שהוא position:relative עם
   z-index:10, ולכן הוא נצבע מעל \u200E.dk-bg\u200E (fixed, z-index:0). באלמנטור
   הפוטר הוא ווידג'ט עצמאי — הוא נשאר static, נופל מתחת לשכבת הרקע,
   וכל תוכן הפוטר (לוגו, פרטי קשר, סלוגן) פשוט נעלם. מרימים אותו לאותה
   שכבה שבה יושבים הפרקים. */
.dalkan-page .elementor-widget-dalkan-footer { position: relative; z-index: 10; }