/**
 * דף הבית.
 *
 * העיצוב עובד ברוחב 1320px ו---dd-container הוא 1180px, ולכן סקשני
 * דף הבית משתמשים ב---dd-home__wrap ולא ב---dd-container. שינוי הטוקן
 * הגלובלי היה מזיז את דף המוצר, את הקטגוריה ואת עמוד צור קשר.
 *
 * שלוש נקודות שבירה: 620 · 900 · 1200. 1024 נוגעת לרוחב כרטיס בלבד.
 */

/* ── מעטפת ──────────────────────────────────────────────────────────── */

.dd-home__wrap {
  max-inline-size: 1320px;
  margin-inline: auto;
  padding-inline: 16px;
}

.dd-home__sec { padding-block-start: 46px; }

/* ── כותרת רצועה ────────────────────────────────────────────────────── */

.dd-home__head {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding-block-end: 14px;
}

.dd-home__kicker {
  font-size: 18px;
  font-weight: var(--dd-fw-regular);
  letter-spacing: 4px;
  color: var(--dd-muted-warm);
  text-transform: uppercase;
}

.dd-home__word {
  font-size: 18px;
  font-weight: var(--dd-fw-xbold);
  letter-spacing: 2px;
  text-transform: uppercase;
}

.dd-home__rule {
  flex: 1;
  block-size: 1px;
  background: var(--dd-hairline-soft);
}

.dd-home__aside {
  font-size: 13.5px;
  font-weight: 600;
  white-space: nowrap;
  color: var(--dd-ink);
}

.dd-home__aside--text {
  font-size: 13px;
  font-weight: var(--dd-fw-medium);
  color: var(--dd-muted);
}

/* ── ההירו ──────────────────────────────────────────────────────────── */

.dd-hero { padding-block-start: 18px; }

.dd-hero__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.dd-hero__main {
  position: relative;
  border-radius: 26px;
  overflow: hidden;
  min-block-size: 440px;
  background: var(--dd-cream-warm);
}

.dd-hero__img {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  display: block;
}

/*
 * שתי שכבות ולא אחת.
 *
 * בקובץ העיצוב יש גרדיאנט אלכסוני אחד ב-200deg. הוא נותן את האופי
 * הנכון אבל תלוי בבהירות הצילום: על הצילום שלנו נמדדו **2.57:1**
 * לכותרת ו-3.14:1 לתקציר, שניהם מתחת לסף. השכבה השנייה היא סקרים
 * מלמטה שמכהה את הרצועה שבה כל המלל יושב, ולכן היא עובדת מול כל
 * צילום שיוזן כאן בהמשך ולא רק מול זה שיושב שם היום.
 *
 * המדידה נעשית ב-artifacts/probe-hero-contrast.mjs: contrast-check
 * קורא background-color בלבד ומדווח על טקסט מעל תמונה כ-false
 * positive, ולכן שם דווקא אי אפשר לראות את זה.
 */
.dd-hero__veil {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(200deg, rgba(20, 48, 58, 0) 42%, rgba(20, 48, 58, .72)),
    linear-gradient(0deg, rgba(20, 48, 58, .82) 0%, rgba(20, 48, 58, .62) 34%, rgba(20, 48, 58, 0) 66%);
}

.dd-hero__copy {
  position: absolute;
  inset-block-end: 0;
  inset-inline: 0;
  padding: clamp(22px, 3vw, 38px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.dd-hero__eyebrow {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12.5px;
  letter-spacing: 1px;
  background: var(--dd-ink);
  color: var(--dd-white);
  padding: 5px 12px;
}

.dd-hero__title {
  margin: 0;
  font-size: clamp(28px, 4.2vw, 52px);
  font-weight: var(--dd-fw-black);
  letter-spacing: -1px;
  line-height: 1.05;
  color: var(--dd-white);
  max-inline-size: 15ch;
  text-wrap: pretty;
}

.dd-hero__sub {
  margin: 0;
  font-size: clamp(14px, 1.3vw, 17px);
  line-height: 1.55;
  color: #E7EFF0;
  max-inline-size: 46ch;
}

.dd-hero__cta {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
  margin-block-start: 4px;
}

.dd-hero__btn {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 15.5px;
  padding: 13px 26px;
  border-radius: 999px;
  border: 1.5px solid transparent;
}

.dd-hero__btn--primary {
  background: var(--dd-pastel);
  border-color: var(--dd-pastel-border);
  color: var(--dd-ink);
  font-weight: var(--dd-fw-bold);
}

.dd-hero__btn--primary:hover { background: var(--dd-pastel-border); color: var(--dd-ink); }

/*
 * הכפתור השקוף - כהה ולא בהיר.
 *
 * בקובץ העיצוב הוא rgba(255,255,255,.14): לבן שקוף מעל התמונה. נמדד
 * על הצילום שלנו ויצא **1.69:1** - הכפתור יושב מעל קיר בהיר, והמילוי
 * הלבן־שקוף מרים את הרקע במקום להכהות אותו. היפוך המילוי לכהה שומר
 * על אותה מראה של זכוכית ומבטיח ניגודיות מול כל צילום שיוזן כאן
 * בהמשך, במקום להיות תלוי בבהירות של תמונה מסוימת.
 */
.dd-hero__btn--ghost {
  background: rgba(20, 48, 58, .55);
  border-color: rgba(255, 255, 255, .55);
  color: var(--dd-white);
  font-weight: 600;
  backdrop-filter: blur(4px);
}

.dd-hero__btn--ghost:hover { background: rgba(20, 48, 58, .72); color: var(--dd-white); }

/* ── כרטיס המבצע ────────────────────────────────────────────────────── */

.dd-hero__side {
  display: grid;
  grid-template-rows: auto auto;
  gap: 14px;
}

.dd-hero__promo {
  position: relative;
  overflow: hidden;
  border-radius: 26px;
  background: var(--dd-strip);
  padding: clamp(22px, 2.4vw, 30px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 9px;
  min-block-size: 210px;
  color: var(--dd-white);
}

.dd-hero__promo:hover { background: #1B3D48; color: var(--dd-white); }

.dd-hero__promo-eyebrow {
  align-self: flex-start;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11.5px;
  letter-spacing: 1px;
  background: rgba(255, 255, 255, .13);
  color: var(--dd-strip-text);
  padding: 5px 11px;
}

.dd-hero__promo-line {
  font-size: clamp(24px, 2.5vw, 31px);
  font-weight: var(--dd-fw-black);
  letter-spacing: -.7px;
  line-height: 1.1;
}

/* הזהב הבהיר של המדריך מותר כאן: הרקע כהה, והיחס 5.9:1. */
.dd-hero__promo-line--accent { color: var(--dd-gold-on-dark); }

.dd-hero__promo-note {
  font-size: 13.5px;
  font-weight: var(--dd-fw-medium);
  color: #A9BEC4;
  line-height: 1.5;
}

.dd-hero__promo-btn {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--dd-gold-on-dark);
  color: var(--dd-ink);
  font-size: 14.5px;
  font-weight: var(--dd-fw-bold);
  padding: 11px 21px;
  border-radius: 999px 8px 999px 999px;
  margin-block-start: 5px;
}

/* ── רצועת היתרונות ─────────────────────────────────────────────────── */

.dd-hero__trust {
  margin: 0;
  list-style: none;
  border: 1.5px solid var(--dd-hairline-soft);
  border-radius: 26px;
  padding: 20px 22px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px 12px;
  background: var(--dd-cream);
}

.dd-hero__trust-item {
  display: flex;
  align-items: center;
  gap: 11px;
}

.dd-hero__trust-icon {
  flex: 0 0 auto;
  inline-size: 42px;
  block-size: 42px;
  border-radius: 50%;
  background: var(--dd-pastel);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--dd-ink);
}

.dd-hero__trust-text {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
}

.dd-hero__trust-big { font-size: 14.5px; font-weight: var(--dd-fw-bold); }

.dd-hero__trust-label { font-size: 12.5px; color: var(--dd-muted); font-weight: var(--dd-fw-medium); }

@media (min-width: 900px) {
  .dd-hero__grid { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); }
  .dd-hero__main { min-block-size: 560px; }
  .dd-hero__side { grid-template-rows: minmax(0, 1.15fr) minmax(0, 1fr); }
}

@media (min-width: 1200px) {
  .dd-hero__trust { grid-template-columns: 1fr 1fr; }
}

/* ── פס גלילה מוסתר בקרוסלות ────────────────────────────────────────── */

.dd-home [data-dd-home-track] {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

.dd-home [data-dd-home-track]::-webkit-scrollbar { display: none; }

/* ── רצועת הקטגוריות ────────────────────────────────────────────────── */

.dd-catrail__box {
  position: relative;
  border: 1.5px solid var(--dd-hairline-soft);
  border-radius: 26px;
  padding: 16px 8px;
}

.dd-catrail__track { gap: 10px; padding-inline: 8px; }

.dd-tile {
  flex: 0 0 auto;
  inline-size: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  padding: 8px 6px 6px;
  border-radius: 20px;
  color: var(--dd-ink);
}

.dd-tile:hover { background: var(--dd-cream); color: var(--dd-ink); }

.dd-tile__media {
  display: block;
  inline-size: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 18px;
  overflow: hidden;
  background: var(--dd-cream-section);
}

.dd-tile__media img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  display: block;
}

.dd-tile__title {
  font-size: 14px;
  font-weight: var(--dd-fw-bold);
  text-align: center;
  line-height: 1.25;
}

.dd-tile__note {
  font-size: 11.5px;
  font-weight: 600;
  color: var(--dd-muted);
  text-align: center;
}

/* הזהב המוכהה מ-22/07 ולא #D69A4E שבעיצוב - 3.48:1 על לבן. */
.dd-tile__note--gold { color: var(--dd-gold); }

.dd-catrail__nav {
  position: absolute;
  inset-block-start: 50%;
  transform: translateY(-50%);
  inline-size: 38px;
  block-size: 38px;
  border-radius: 50%;
  background: var(--dd-white);
  border: 1.5px solid var(--dd-hairline-soft);
  cursor: pointer;
  font-size: 15px;
  color: var(--dd-ink);
  display: none;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 16px rgba(20, 48, 58, .1);
}

/* RTL (פגישה 05/10): "הבא" (←) בצד שמאל, בכיוון ההמשך. inline-end ב-RTL הוא שמאל. */
.dd-catrail__nav--prev { inset-inline-start: -6px; }
.dd-catrail__nav--next { inset-inline-end: -6px; }

/*
 * החצים מוצגים רק כשיש מה לגלול וגם רק מעל 900. חץ שלא מזיז דבר נקרא
 * כתקלה, ובנייד הגלילה באצבע היא ממילא הדרך הטבעית.
 */
@media (min-width: 900px) {
  .dd-catrail__box.is-scrollable .dd-catrail__nav { display: flex; }
}

/* ── שורת המותג ─────────────────────────────────────────────────────── */

.dd-brandline__wrap {
  max-inline-size: 900px;
  margin-inline: auto;
  padding-inline: 16px;
  text-align: center;
}

.dd-brandline__title {
  margin: 0;
  font-size: clamp(20px, 2.4vw, 27px);
  font-weight: var(--dd-fw-xbold);
  letter-spacing: -.4px;
  line-height: 1.3;
  text-wrap: pretty;
}

.dd-brandline__sub {
  margin: 9px 0 0;
  font-size: 14.5px;
  font-weight: var(--dd-fw-medium);
  color: var(--dd-muted);
  letter-spacing: .2px;
}

/* ── Design All ─────────────────────────────────────────────────────── */

.dd-collections {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.dd-collection {
  position: relative;
  display: block;
  border-radius: 22px;
  overflow: hidden;
  aspect-ratio: 3 / 2;
  background: var(--dd-cream-section);
}

.dd-collection__img {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  display: block;
}

.dd-collection__veil {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(20, 48, 58, 0) 45%, rgba(20, 48, 58, .4));
}

.dd-collection__label {
  position: absolute;
  inset-block-end: 14px;
  inset-inline-end: 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--dd-white);
  font-size: 14.5px;
  font-weight: var(--dd-fw-bold);
  padding: 10px 18px;
  border-radius: 999px;
  color: var(--dd-ink);
}

.dd-collection__label span { color: var(--dd-muted-warm); }

@media (min-width: 900px) {
  .dd-collections { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ── קרוסלת מוצרים · Mix ו-New ──────────────────────────────────────── */

.dd-prail { position: relative; }

.dd-prail__track { gap: 14px; padding-block-end: 4px; }

/*
 * רוחב הכרטיס לפי ספק §3.5: 78vw · 46% · 308px. הכרטיס עצמו נמתח
 * למלוא התא, ולכן הרוחב נקבע כאן ולא ב-.dd-pcard - הוא משותף עם רשת
 * דף הקטגוריה, ושם הרוחב נקבע על ידי הרשת.
 */
.dd-prail__cell {
  flex: 0 0 auto;
  inline-size: 78vw;
  display: flex;
}

.dd-prail__cell > .dd-pcard { inline-size: 100%; }

.dd-prail__nav {
  position: absolute;
  inset-block-start: 34%;
  inline-size: 40px;
  block-size: 40px;
  border-radius: 50%;
  background: var(--dd-white);
  border: 1.5px solid var(--dd-hairline-soft);
  cursor: pointer;
  font-size: 16px;
  color: var(--dd-ink);
  display: none;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 20px rgba(20, 48, 58, .12);
}

.dd-prail__nav--prev { inset-inline-start: -14px; }
.dd-prail__nav--next { inset-inline-end: -14px; }

@media (min-width: 620px) {
  .dd-prail__cell { inline-size: 46%; }
}

@media (min-width: 900px) {
  .dd-prail.is-scrollable .dd-prail__nav { display: flex; }
}

@media (min-width: 1024px) {
  .dd-prail__cell { inline-size: 308px; }
}

/* ── פיצול תמונה/טקסט · Style ו-In ──────────────────────────────────── */

/*
 * הפיצול מלבני במכוון, בלי border-radius. כך הוא בקובץ העיצוב, וזה מה
 * שמבדיל אותו משאר הקלפים בדף ונותן לו משקל של רצועת רוחב.
 */
.dd-split {
  display: grid;
  grid-template-columns: 1fr;
}

.dd-split__media {
  position: relative;
  min-block-size: 320px;
  background: var(--dd-cream-warm);
  overflow: hidden;
}

.dd-split__media img {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  display: block;
}

.dd-split__body {
  background: var(--dd-cream);
  padding: clamp(26px, 3.4vw, 46px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 14px;
}

.dd-split__body--section { background: var(--dd-cream-section); gap: 16px; }

.dd-split__tag {
  align-self: flex-start;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11.5px;
  letter-spacing: 1px;
  background: var(--dd-white);
  border: 1px solid var(--dd-hairline-soft);
  padding: 5px 11px;
}

.dd-split__title {
  margin: 0;
  font-size: clamp(22px, 2.6vw, 30px);
  font-weight: var(--dd-fw-xbold);
  letter-spacing: -.6px;
  line-height: 1.25;
  text-wrap: pretty;
}

.dd-split__text {
  margin: 0;
  font-size: 15.5px;
  color: var(--dd-body);
  line-height: 1.65;
  max-inline-size: 46ch;
  text-wrap: pretty;
}

.dd-split__btn {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: var(--dd-white);
  border: 1.5px solid var(--dd-hairline);
  color: var(--dd-ink);
  font-size: 15px;
  font-weight: var(--dd-fw-bold);
  padding: 13px 24px;
  border-radius: 999px;
  margin-block-start: 4px;
}

.dd-split__btn:hover { background: var(--dd-cream); color: var(--dd-ink); }
.dd-split__btn span { color: var(--dd-muted-warm); }

/* ── ארבעת השלבים ───────────────────────────────────────────────────── */

.dd-steps {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 13px;
}

.dd-steps__item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.dd-steps__n {
  flex: 0 0 auto;
  inline-size: 28px;
  block-size: 28px;
  border-radius: 50%;
  background: var(--dd-white);
  border: 1.5px solid var(--dd-hairline-deep);
  font-size: 13px;
  font-weight: var(--dd-fw-xbold);
  display: flex;
  align-items: center;
  justify-content: center;
}

.dd-steps__text { display: flex; flex-direction: column; gap: 2px; }
.dd-steps__title { font-size: 15.5px; font-weight: var(--dd-fw-bold); line-height: 1.35; }
.dd-steps__body { font-size: 14px; color: var(--dd-body); line-height: 1.55; }

@media (min-width: 900px) {
  .dd-split { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); }
  .dd-split--rev { grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr); }
  .dd-split__media { min-block-size: 520px; }
}

/* ── Design Magazine ────────────────────────────────────────────────── */

.dd-mag {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.dd-mag__card { display: flex; flex-direction: column; color: var(--dd-ink); }

.dd-mag__media {
  display: block;
  position: relative;
  aspect-ratio: 16 / 10;
  border-radius: 22px;
  overflow: hidden;
  background: var(--dd-cream-section);
}

.dd-mag__media img {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  display: block;
}

.dd-mag__head {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 14px 4px 0;
}

.dd-mag__date {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11.5px;
  color: var(--dd-muted-warm);
  letter-spacing: .6px;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.dd-mag__title {
  flex: 1;
  font-size: clamp(18px, 1.9vw, 22px);
  font-weight: var(--dd-fw-xbold);
  letter-spacing: -.4px;
  line-height: 1.3;
  text-wrap: pretty;
}

.dd-mag__excerpt {
  display: block;
  padding: 7px 4px 0;
  font-size: 14.5px;
  color: var(--dd-body);
  line-height: 1.6;
}

.dd-mag__btn {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 13px 4px 0;
  border: 1.5px solid var(--dd-hairline);
  font-size: 14px;
  font-weight: 600;
  padding: 10px 19px;
  border-radius: 999px;
}

.dd-mag__btn span { color: var(--dd-muted-warm); }

@media (min-width: 620px) {
  .dd-mag { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ── Design Watch ───────────────────────────────────────────────────── */

.dd-watch {
  position: relative;
  border-radius: 26px;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: var(--dd-strip);
}

/*
 * הפוסטר ב-opacity חלקית מעל הרקע הכהה, בדיוק כמו בקובץ העיצוב: הוא
 * נותן הקשר בלי להתחרות בכפתור ובכותרת שמעליו.
 */
.dd-watch__poster {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  display: block;
  opacity: .5;
}

.dd-watch__veil {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(20, 48, 58, .42), rgba(20, 48, 58, .78));
}

.dd-watch__inner {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 24px;
  text-align: center;
}

.dd-watch__play {
  inline-size: 76px;
  block-size: 76px;
  border-radius: 50%;
  background: var(--dd-white);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .28);
  transition: transform .2s;
}

.dd-watch__play:hover { transform: scale(1.06); background: var(--dd-white); }

.dd-watch__tri {
  display: block;
  inline-size: 0;
  block-size: 0;
  border-style: solid;
  border-width: 13px 0 13px 21px;
  border-color: transparent transparent transparent var(--dd-ink);
  margin-inline-end: 4px;
}

.dd-watch__title {
  font-size: clamp(20px, 2.4vw, 28px);
  font-weight: var(--dd-fw-xbold);
  letter-spacing: -.5px;
  color: var(--dd-white);
  max-inline-size: 22ch;
  line-height: 1.25;
}

.dd-watch__sub {
  font-size: 14px;
  font-weight: var(--dd-fw-medium);
  color: #C6D6DA;
  letter-spacing: .3px;
}

@media (min-width: 900px) {
  .dd-watch { aspect-ratio: 16 / 7; }
}

@media (prefers-reduced-motion: reduce) {
  .dd-watch__play { transition: none; }
}

/* ── טופס יצירת קשר ─────────────────────────────────────────────────── */

.dd-hcontact { padding-block-start: 56px; position: relative; }

/* עוגן ולא id על הסקשן: ההדר דביק, ובלי היסט הכותרת נחתכת מתחתיו. */
.dd-hcontact__anchor {
  position: absolute;
  inset-block-start: -110px;
  inset-inline-start: 0;
}

.dd-hcontact__box {
  background: var(--dd-cream);
  border: 1.5px solid var(--dd-hairline-soft);
  border-radius: 28px;
  padding: clamp(26px, 3.6vw, 48px);
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(26px, 3vw, 46px);
}

.dd-hcontact__intro { display: flex; flex-direction: column; gap: 15px; }

.dd-hcontact__title {
  margin: 0;
  font-size: clamp(23px, 2.8vw, 32px);
  font-weight: var(--dd-fw-black);
  letter-spacing: -.7px;
  line-height: 1.18;
  text-wrap: pretty;
}

.dd-hcontact__text {
  margin: 0;
  font-size: 15.5px;
  color: var(--dd-body);
  line-height: 1.65;
  max-inline-size: 44ch;
  text-wrap: pretty;
}

.dd-hcontact__facts {
  margin: 0;
  padding-block-start: 4px;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.dd-hcontact__fact {
  display: flex;
  align-items: center;
  gap: 11px;
  font-size: 14.5px;
  font-weight: var(--dd-fw-medium);
}

.dd-hcontact__fact-icon {
  flex: 0 0 auto;
  inline-size: 34px;
  block-size: 34px;
  border-radius: 50%;
  background: var(--dd-pastel);
  display: flex;
  align-items: center;
  justify-content: center;
}

.dd-hcontact__wa {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--dd-whatsapp);
  color: var(--dd-white);
  font-size: 16px;
  font-weight: var(--dd-fw-bold);
  padding: 15px 26px;
  border-radius: 999px;
  margin-block-start: 6px;
}

.dd-hcontact__wa:hover { background: var(--dd-whatsapp-hover); color: var(--dd-white); }

.dd-hcontact__legal {
  margin: 10px 0 0;
  font-size: 12px;
  color: var(--dd-muted);
  line-height: 1.5;
}

/* ── כרטיס ההצלחה ───────────────────────────────────────────────────── */


@media (min-width: 900px) {
  .dd-hcontact__box { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); }
}

/* ══ פגישה 05/10 ═══════════════════════════════════════════════════════ */

/* עוטף הסקשנים בדף הבית - לסדר ולבדיקה בלבד, בלי השפעה על הפריסה. */
.dd-home__slot { display: contents; }

/* ── באנר סליידר ברוחב מלא ─────────────────────────────────────────── */

.dd-hero-slider { padding-inline: 16px; }

.dd-hero-slider__stage {
  position: relative;
  max-inline-size: 1320px;
  margin-inline: auto;
  block-size: clamp(420px, 62vh, 640px);
  border-radius: 28px;
  overflow: hidden;
  background: var(--dd-cream-section);
}

.dd-hero-slider__slide {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  transition: opacity .9s ease;
}

.dd-hero-slider__slide.is-on { opacity: 1; }

.dd-hero-slider__slide img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

/* הכהיה מימין, שם יושב המלל ב-RTL. */
.dd-hero-slider__veil {
  position: absolute;
  inset: 0;
  /* נמדד (verify-home): ב-.62/.28 התקציר יצא 3.15:1 מול רקע בהיר. הסף 4.5:1. */
  background: linear-gradient(to left, rgba(17, 17, 17, .78) 0%, rgba(17, 17, 17, .6) 40%, rgba(17, 17, 17, .15) 70%, rgba(17, 17, 17, 0) 85%);
  pointer-events: none;
}

.dd-hero-slider__copy {
  position: absolute;
  inset-block-end: clamp(28px, 6vh, 64px);
  inset-inline-start: clamp(20px, 5vw, 64px);
  max-inline-size: 560px;
  color: var(--dd-white);
  z-index: 2;
}

.dd-hero-slider__eyebrow {
  display: inline-block;
  margin-block-end: 12px;
  padding: 5px 12px;
  border-radius: 999px;
  background: rgba(17, 17, 17, .55);
  font-size: 13px;
  font-weight: 600;
}

.dd-hero-slider__title {
  margin: 0 0 10px;
  color: var(--dd-white); /* כלל הכותרות הכללי צובע h1 בדיו - כאן המלל על תמונה */
  text-shadow: 0 2px 18px rgba(0, 0, 0, .35);
  font-size: clamp(2rem, 1.3rem + 2.6vw, 3.4rem);
  font-weight: var(--dd-fw-xbold);
  line-height: 1.08;
  text-wrap: balance;
}

.dd-hero-slider__sub { margin: 0 0 22px; font-size: 1.0625rem; color: var(--dd-white); text-shadow: 0 1px 10px rgba(0, 0, 0, .35); }

.dd-hero-slider__nav {
  position: absolute;
  inset-block-start: 50%;
  translate: 0 -50%;
  inline-size: 46px;
  block-size: 46px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, .88);
  color: var(--dd-ink);
  font-size: 20px;
  cursor: pointer;
  z-index: 3;
}

/* RTL: "הקודם" (→) מימין, "הבא" (←) משמאל - בכיוון ההמשך. */
.dd-hero-slider__nav--prev { inset-inline-start: 16px; }
.dd-hero-slider__nav--next { inset-inline-end: 16px; }

.dd-hero-slider__dots {
  position: absolute;
  inset-block-end: 18px;
  inset-inline-end: 24px;
  display: flex;
  gap: 8px;
  z-index: 3;
}

.dd-hero-slider__dot {
  inline-size: 10px;
  block-size: 10px;
  padding: 0;
  border: none;
  border-radius: 999px;
  background: rgba(255, 255, 255, .55);
  cursor: pointer;
  transition: inline-size .3s ease, background .3s ease;
}

.dd-hero-slider__dot.is-on { inline-size: 26px; background: var(--dd-white); }

@media (max-width: 640px) {
  .dd-hero-slider__stage { block-size: 520px; border-radius: 20px; }
  .dd-hero-slider__veil { background: linear-gradient(to top, rgba(17, 17, 17, .85) 0%, rgba(17, 17, 17, .62) 55%, rgba(17, 17, 17, .08) 85%); }
  .dd-hero-slider__copy { inset-inline: 20px; inset-block-end: 54px; }
  .dd-hero-slider__nav { display: none; } /* האצבע והנקודות עושות את העבודה */
}

@media (prefers-reduced-motion: reduce) {
  .dd-hero-slider__slide, .dd-hero-slider__dot { transition: none; }
}

/* ── קטגוריות: ממורכז ופרוס (05/10) ─────────────────────────────────── */

@media (min-width: 1000px) {
  .dd-catrail__track { justify-content: safe center; gap: 28px; }
  .dd-tile { inline-size: 178px; }
}

/* ── "מתלבטים?" ───────────────────────────────────────────────────── */

.dd-consult__box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px 24px;
  padding: 22px 28px;
  border-radius: 22px;
  background: var(--dd-cream-section);
}

.dd-consult__title { margin: 0 0 4px; font-size: 1.25rem; font-weight: var(--dd-fw-xbold); }

.dd-consult__body { margin: 0; color: var(--dd-muted); }

.dd-consult__btn {
  display: inline-flex;
  align-items: center;
  min-block-size: 46px;
  padding: 0 24px;
  border-radius: 999px;
  background: var(--dd-ink);
  color: var(--dd-white);
  font-weight: 700;
  text-decoration: none;
}

.dd-consult__btn:hover, .dd-consult__btn:focus-visible { background: #000; color: var(--dd-white); }