/* =====================================================================================================================
   dd-about.css — "אודות" (/about/) + "למי השירות שלי מתאים" (13.10.2026). Loaded on these two pages only.
   The same design language as the homepage and the approved pages: navy / cream / brick, the site's font and buttons,
   a compact opening with breadcrumbs, generous spacing, nothing overlapping. Elementor markup (containers + regular
   widgets); the prototype renders the same markup. Motion = dd-motion.js classes only: dd-title (letters of the
   headings), dd-reveal (fade + rise), dd-stagger (children one after the other), dd-img-reveal (the frame opens);
   with reduced motion / without JavaScript everything is simply shown.
   ===================================================================================================================== */
:where(.elementor .e-con.dd-sec[class*="dd-ab-"]):not(.dd-z.dd-z z z z z z z z z z), :where(.elementor .e-con.dd-sec[class*="dd-fit-"]):not(.dd-z.dd-z z z z z z z z z z) { overflow-x: clip; }
:where(.elementor [class*="dd-ab-"] .elementor-widget-image img):not(.dd-z.dd-z z z z z z z), :where(.elementor [class*="dd-fit-"] .elementor-widget-image img):not(.dd-z.dd-z z z z z z z) { display: block; width: 100%; height: auto; max-width: none; border-radius: var(--dd-radius-lg); }
:where(.elementor [class*="dd-ab-"] p):not(.dd-z.dd-z z z), :where(.elementor [class*="dd-fit-"] p):not(.dd-z.dd-z z z) { margin: 0; }

/* ---------- the opening (both pages): compact, breadcrumbs, a balanced title ---------- */
:where(.elementor .e-con.dd-ab-hero):not(.dd-z.dd-z z z z z z z z z), :where(.elementor .e-con.dd-fit-hero):not(.dd-z.dd-z z z z z z z z z) { --position: relative; --padding-top: clamp(100px, 6vw + 56px, 136px); --padding-bottom: clamp(40px, 4.4vw, 72px); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-ab-hero):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-ab-hero):not(.dd-z.dd-z z z z z z):where(:not(.e-con)), :where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-fit-hero):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-fit-hero):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { position: relative; padding-block: clamp(100px, 6vw + 56px, 136px) clamp(40px, 4.4vw, 72px); }
:where(.dd-ab-crumbs .dd-crumbs ol):not(.dd-z.dd-z z z), :where(.dd-fit-crumbs .dd-crumbs ol):not(.dd-z.dd-z z z) { margin: 0 0 clamp(14px, 1.6vw, 24px); }
:where(.elementor .elementor-element.dd-ab-h1):not(.dd-z.dd-z z z z z z), :where(.elementor .elementor-element.dd-fit-h1):not(.dd-z.dd-z z z z z z) { font-size: clamp(2.2rem, 1.2rem + 3.2vw, 4.6rem); line-height: 1.04; letter-spacing: -.02em; font-weight: 800; color: var(--dd-cream); }
:where(.elementor .elementor-element.dd-ab-h1 .elementor-heading-title):not(.dd-z.dd-z.dd-z z z z z z), :where(.elementor .elementor-element.dd-fit-h1 .elementor-heading-title):not(.dd-z.dd-z.dd-z z z z z z) { font: inherit; color: inherit; letter-spacing: inherit; line-height: inherit; }
:where(.elementor .e-con.dd-ab-hero):not(.dd-z.dd-z z z z z z) { display: block; }

/* ---------- section headings ---------- */
:where(.elementor .elementor-element.dd-ab-h2):not(.dd-z.dd-z z z z z z), :where(.elementor .elementor-element.dd-fit-h2):not(.dd-z.dd-z z z z z z), :where(.elementor .elementor-element.dd-fit-col__title):not(.dd-z.dd-z z z z z z) { font-size: clamp(1.8rem, 1.1rem + 2vw, 3.2rem); line-height: 1.12; letter-spacing: -.015em; font-weight: 800; }
:where(.elementor .elementor-element.dd-ab-h3):not(.dd-z.dd-z z z z z z) { font-size: clamp(1.45rem, 1rem + 1.3vw, 2.4rem); line-height: 1.18; font-weight: 800; }
:where(.elementor :is(.dd-ab-h2, .dd-ab-h3, .dd-fit-h2, .dd-fit-col__title) .elementor-heading-title):not(.dd-z.dd-z.dd-z z) { font: inherit; color: inherit; line-height: inherit; letter-spacing: inherit; }
:where(.dd-light .dd-ab-h2):not(.dd-z.dd-z z), :where(.dd-light .dd-ab-h3):not(.dd-z.dd-z z), :where(.dd-cream .dd-ab-h2):not(.dd-z.dd-z z), :where(.dd-cream .dd-ab-h3):not(.dd-z.dd-z z), :where(.dd-light .dd-fit-h2):not(.dd-z.dd-z z), :where(.dd-cream .dd-fit-h2):not(.dd-z.dd-z z), :where(.dd-light .dd-fit-col__title):not(.dd-z.dd-z z) { color: var(--dd-navy); }
:where(.dd-dark .dd-ab-h3):not(.dd-z.dd-z z), :where(.dd-dark .dd-fit-h2):not(.dd-z.dd-z z) { color: var(--dd-cream); }

/* =============================================== אודות =============================================== */
:where(.elementor .e-con.dd-ab-story):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-ab-pain):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-ab-solution):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-ab-results):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-ab-bio):not(.dd-z.dd-z z z z z z) { display: block; }
:where(.elementor .e-con.dd-ab-story):not(.dd-z.dd-z z z z z z z z z), :where(.elementor .e-con.dd-ab-pain):not(.dd-z.dd-z z z z z z z z z), :where(.elementor .e-con.dd-ab-solution):not(.dd-z.dd-z z z z z z z z z), :where(.elementor .e-con.dd-ab-results):not(.dd-z.dd-z z z z z z z z z), :where(.elementor .e-con.dd-ab-bio):not(.dd-z.dd-z z z z z z z z z) { --padding-top: clamp(70px, 8vw, 140px); --padding-bottom: clamp(70px, 8vw, 140px); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-ab-story):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-ab-story):not(.dd-z.dd-z z z z z z):where(:not(.e-con)), :where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-ab-pain):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-ab-pain):not(.dd-z.dd-z z z z z z):where(:not(.e-con)), :where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-ab-solution):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-ab-solution):not(.dd-z.dd-z z z z z z):where(:not(.e-con)), :where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-ab-results):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-ab-results):not(.dd-z.dd-z z z z z z):where(:not(.e-con)), :where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-ab-bio):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-ab-bio):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { padding-block: clamp(70px, 8vw, 140px); }
/* text + picture side by side; every other section the picture changes side; on phones the picture comes first */
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-ab-split):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-ab-split):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); gap: clamp(32px, 5vw, 96px); align-items: center; }
:where(.elementor .e-con.dd-ab-split--rev > .dd-ab-split__media):not(.dd-z.dd-z z z z z z z z z z) { order: -1; }
:where(.elementor .e-con.dd-ab-split__text):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-ab-split__media):not(.dd-z.dd-z z z z z z) { display: block; min-width: 0; }
:where(.elementor .e-con.dd-ab-paras):not(.dd-z.dd-z z z z z z) { display: flex; }
:where(.elementor .e-con.dd-ab-paras):not(.dd-z.dd-z z z z z z z z z) { --flex-direction: column; --gap: clamp(12px, 1.2vw, 18px); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-ab-paras):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-ab-paras):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { flex-direction: column; gap: clamp(12px, 1.2vw, 18px); }
:where(.elementor .elementor-element.dd-ab-h2):not(.dd-z.dd-z z z z z z), :where(.elementor .elementor-element.dd-ab-h3):not(.dd-z.dd-z z z z z z) { max-width: 26ch; --dd-max-w: 26ch; }
:where(.elementor .elementor-element.dd-ab-h2):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z), :where(.elementor .elementor-element.dd-ab-h3):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { margin-bottom: clamp(18px, 2vw, 30px); }
:where(.dd-ab-p):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { font-size: var(--dd-fs-body); line-height: 1.75; color: var(--dd-ink); }
:where(.dd-ab-story .dd-ab-p:first-child):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { font-size: clamp(1.2rem, 1rem + .7vw, 1.6rem); line-height: 1.55; font-weight: 700; color: var(--dd-navy); }
:where(.dd-ab-p a):not(.dd-z z z) { color: var(--dd-brick); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
:where(.dd-ab-p a:hover):not(.dd-z.dd-z z z), :where(.dd-ab-p a:focus-visible):not(.dd-z.dd-z z z) { color: var(--dd-navy); }
:where(.dd-ab-p strong):not(.dd-z z z), :where(.dd-ab-p b):not(.dd-z z z) { color: var(--dd-navy); }
:where(.dd-ab-photo img):not(.dd-z z z) { box-shadow: 0 40px 80px -50px color-mix(in srgb, var(--dd-navy) 55%, transparent); }
:where(.dd-dark .dd-ab-photo img):not(.dd-z.dd-z z z) { box-shadow: 0 40px 80px -40px rgb(0 0 0 / .7); }
/* results: three cards + the wide picture, the closing sentence under them */
:where(.elementor .e-con.dd-ab-results__grid):not(.dd-z.dd-z z z z z z z z z) { --margin-top: clamp(8px, 1vw, 16px); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-ab-results__grid):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-ab-results__grid):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { margin-top: clamp(8px, 1vw, 16px); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-ab-results__grid):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-ab-results__grid):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 72px); align-items: center; }
:where(.elementor .e-con.dd-ab-cards):not(.dd-z.dd-z z z z z z) { display: flex; }
:where(.elementor .e-con.dd-ab-cards):not(.dd-z.dd-z z z z z z z z z) { --flex-direction: column; --gap: clamp(12px, 1.2vw, 18px); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-ab-cards):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-ab-cards):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { flex-direction: column; gap: clamp(12px, 1.2vw, 18px); }
:where(.elementor .elementor-element.dd-ab-card):not(.dd-z.dd-z z z z z z) { padding: clamp(18px, 1.8vw, 26px) clamp(20px, 2vw, 30px); border-radius: var(--dd-radius); background: color-mix(in srgb, var(--dd-cream) 6%, transparent); border: 1px solid var(--dd-line-dark); border-inline-start: 4px solid var(--dd-brick-soft); }
:where(.dd-ab-card):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { font-size: var(--dd-fs-body); line-height: 1.65; color: color-mix(in srgb, var(--dd-cream) 86%, transparent); }
:where(.dd-ab-card strong):not(.dd-z z z) { display: block; margin-bottom: 4px; color: var(--dd-cream); font-size: 1.12em; }
:where(.elementor .elementor-element.dd-ab-results__close):not(.dd-z.dd-z z z z z z) { max-width: calc(var(--dd-fs-body) * 37.76); --dd-max-w: calc(var(--dd-fs-body) * 37.76); }
:where(.elementor .elementor-element.dd-ab-results__close):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { margin-top: clamp(30px, 3.6vw, 56px); }
:where(.dd-ab-results__close):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { font-size: clamp(1.1rem, .98rem + .45vw, 1.4rem); line-height: 1.7; font-weight: 700; color: var(--dd-cream); }
/* the portrait + the bio + the services */
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-ab-bio):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-ab-bio):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(32px, 5vw, 96px); align-items: start; }
:where(.elementor .e-con.dd-ab-bio__photo):not(.dd-z.dd-z z z z z z) { display: block; top: 110px; }
:where(.elementor .e-con.dd-ab-bio__photo):not(.dd-z.dd-z z z z z z z z z) { --position: sticky; }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-ab-bio__photo):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-ab-bio__photo):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { position: sticky; }
:where(.elementor .e-con.dd-ab-bio__text):not(.dd-z.dd-z z z z z z) { display: block; min-width: 0; }
/* (the picture's own proportions, set up front: a lazy picture with no size would never load) */
:where(.elementor .elementor-element.dd-ab-portrait):not(.dd-z.dd-z z z z z z) { max-width: min(100%, calc(78vh * 1707 / 2560)); --dd-max-w: min(100%, calc(78vh * 1707 / 2560)); margin-inline: auto; }
:where(.elementor .elementor-element.dd-ab-portrait img):not(.dd-z.dd-z z z z z z z) { width: 100%; height: auto; aspect-ratio: 1707 / 2560; }
:where(.elementor .elementor-element.dd-ab-svc__title):not(.dd-z.dd-z z z z z z) { margin-inline: 0; color: var(--dd-navy); }
:where(.elementor .elementor-element.dd-ab-svc__title):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { margin-top: clamp(36px, 4vw, 60px); margin-bottom: clamp(14px, 1.4vw, 22px); }
:where(.dd-ab-svc .elementor-icon-list-items):not(.dd-z.dd-z z) { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
:where(.dd-ab-svc .elementor-icon-list-item):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z) { margin: 0; padding: 0; }
:where(.dd-ab-svc .elementor-icon-list-item):not(.dd-z.dd-z z), :where(.dd-ab-svc .elementor-icon-list-item > a):not(.dd-z.dd-z z z) { display: flex; align-items: flex-start; gap: 12px; color: var(--dd-navy); text-decoration: none; }
:where(.dd-ab-svc .elementor-icon-list-item):not(.dd-z.dd-z z) { border-radius: var(--dd-radius); background: #fff; box-shadow: 0 14px 30px -26px color-mix(in srgb, var(--dd-navy) 50%, transparent); }
:where(.dd-ab-svc .elementor-icon-list-item):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z) { padding: 14px 16px; }
:where(.dd-ab-svc .elementor-icon-list-icon):not(.dd-z.dd-z z) { flex: 0 0 26px; width: 26px; height: 26px; place-items: center; border-radius: 50%; background: var(--dd-brick); margin-top: 1px; }
:where(.dd-ab-svc .elementor-icon-list-icon):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z) { display: grid; }
:where(.dd-ab-svc .elementor-icon-list-icon svg):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z) { width: 12px; height: 12px; fill: #fff; }
:where(.dd-ab-svc .elementor-icon-list-text):not(.dd-z.dd-z z) { font-weight: 700; line-height: 1.45; }
:where(.dd-ab-svc .elementor-icon-list-text):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z) { padding: 0; }
:where(.dd-ab-svc a .elementor-icon-list-text):not(.dd-z.dd-z z z) { text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--dd-brick) 40%, transparent); text-underline-offset: 3px; }
:where(.dd-ab-svc a:hover .elementor-icon-list-text):not(.dd-z.dd-z.dd-z z z), :where(.dd-ab-svc a:focus-visible .elementor-icon-list-text):not(.dd-z.dd-z.dd-z z z) { color: var(--dd-brick); }

/* =============================================== למי השירות שלי מתאים =============================================== */
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-fit-hero):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-fit-hero):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: clamp(30px, 5vw, 90px); align-items: center; }
:where(.elementor .e-con.dd-fit-hero__text):not(.dd-z.dd-z z z z z z) { display: block; min-width: 0; }
:where(.elementor .elementor-element.dd-fit-sub):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { margin-top: 6px; }
:where(.dd-fit-sub):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { font-size: clamp(1.4rem, 1rem + 1.4vw, 2.4rem); line-height: 1.15; font-weight: 800; color: var(--dd-brick-soft); }
:where(.elementor .elementor-element.dd-fit-lead):not(.dd-z.dd-z z z z z z) { max-width: calc(var(--dd-fs-body) * 31.67); --dd-max-w: calc(var(--dd-fs-body) * 31.67); }
:where(.elementor .elementor-element.dd-fit-lead):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { margin-top: clamp(16px, 1.8vw, 26px); }
:where(.dd-fit-lead):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { font-size: clamp(1.08rem, 1rem + .35vw, 1.3rem); line-height: 1.7; color: color-mix(in srgb, var(--dd-cream) 88%, transparent); }
:where(.elementor .e-con.dd-fit-hero__cta):not(.dd-z.dd-z z z z z z) { display: flex; flex-flow: row wrap; }
:where(.elementor .e-con.dd-fit-hero__cta):not(.dd-z.dd-z z z z z z z z z) { --align-items: center; --gap: 14px 26px; --margin-top: clamp(22px, 2.4vw, 34px); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-fit-hero__cta):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-fit-hero__cta):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { align-items: center; gap: 14px 26px; margin-top: clamp(22px, 2.4vw, 34px); }
:where(.elementor .elementor-element.dd-fit-btn):not(.dd-z.dd-z z z z z z) { width: auto; }
:where(.elementor .elementor-element.dd-fit-btn .elementor-button-wrapper):not(.dd-z.dd-z.dd-z z z z z z) { text-align: start; }
:where(.elementor .elementor-element.dd-fit-jump):not(.dd-z.dd-z z z z z z) { width: auto; }
:where(.dd-fit-jump .elementor-heading-title):not(.dd-z.dd-z z) { font-size: 1.05rem; font-weight: 700; }
:where(.dd-fit-jump a):not(.dd-z z z) { color: var(--dd-cream); text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--dd-cream) 45%, transparent); text-underline-offset: 5px; }
:where(.dd-fit-jump a:hover):not(.dd-z.dd-z z z), :where(.dd-fit-jump a:focus-visible):not(.dd-z.dd-z z z) { color: var(--dd-brick-soft); }
/* the picture in a soft arch + the round text turning slowly beside it (never over the picture) */
:where(.elementor .e-con.dd-fit-hero__media):not(.dd-z.dd-z z z z z z) { display: block; justify-self: end; }
:where(.elementor .e-con.dd-fit-hero__media):not(.dd-z.dd-z z z z z z z z z) { --position: relative; --width: min(100% - 170px, 420px); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-fit-hero__media):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-fit-hero__media):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { position: relative; width: min(100% - 170px, 420px); }
:where(.elementor .elementor-element.dd-fit-photo img):not(.dd-z.dd-z z z z z z z) { aspect-ratio: 768 / 1024; border-radius: 20px; /* (17.10.2026: a rectangle with 20px corners — was an arch) */ box-shadow: 0 40px 80px -40px rgb(0 0 0 / .7); }
/* the round badge (17.10.2026) = the homepage's badge (an HTML widget: D + the turning sentence — dd-site.css .dd-badge, its
   motion included), sized and placed for this page: beside the photo, at its foot (was Elementor's Text Path circle) */
:where(.elementor .elementor-element.dd-fit-badge):not(.dd-z.dd-z z z z z z) { position: absolute; left: calc(100% + clamp(14px, 1.6vw, 26px)); bottom: 0; width: clamp(112px, 10vw, 150px); z-index: 2; }
:where(.dd-fit-badge .dd-badge):not(.dd-z.dd-z z) { position: relative; left: auto; right: auto; bottom: auto; width: 100%; box-shadow: 0 18px 40px -18px rgb(0 0 0 / .6); }
@keyframes dd-fit-turn { to { transform: rotate(-360deg); } }

/* who it fits / who it does not */
:where(.elementor .e-con.dd-fit-match):not(.dd-z.dd-z z z z z z z z z) { --padding-top: clamp(70px, 8vw, 140px); --padding-bottom: clamp(70px, 8vw, 140px); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-fit-match):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-fit-match):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { padding-block: clamp(70px, 8vw, 140px); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-fit-match):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-fit-match):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(20px, 3vw, 48px); }
:where(.elementor .e-con.dd-fit-col):not(.dd-z.dd-z z z z z z) { display: block; min-width: 0; }
:where(.elementor .e-con.dd-fit-col):not(.dd-z.dd-z z z z z z z z z) { --padding-top: clamp(26px, 3vw, 48px); --padding-right: clamp(26px, 3vw, 48px); --padding-bottom: clamp(26px, 3vw, 48px); --padding-left: clamp(26px, 3vw, 48px); --border-radius: var(--dd-radius-lg); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-fit-col):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-fit-col):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { padding: clamp(26px, 3vw, 48px); border-radius: var(--dd-radius-lg); }
:where(.elementor .e-con.dd-fit-col--yes):not(.dd-z.dd-z z z z z z) { background: var(--dd-cream); }
:where(.elementor .e-con.dd-fit-col--no):not(.dd-z.dd-z z z z z z) { background: #fff; border: 1.5px solid var(--dd-line); }
:where(.elementor .elementor-element.dd-fit-col__note):not(.dd-z.dd-z z z z z z) { margin-inline: 0; }
:where(.elementor .elementor-element.dd-fit-col__note):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { margin-top: 10px; margin-bottom: clamp(20px, 2.2vw, 32px); }
:where(.dd-fit-col__note):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { font-size: 1.08rem; line-height: 1.6; color: var(--dd-ink); }
:where(.elementor .e-con.dd-fit-list):not(.dd-z.dd-z z z z z z) { display: flex; }
:where(.elementor .e-con.dd-fit-list):not(.dd-z.dd-z z z z z z z z z) { --flex-direction: column; --gap: 10px; }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-fit-list):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-fit-list):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { flex-direction: column; gap: 10px; }
:where(.elementor .elementor-element.dd-fit-item):not(.dd-z.dd-z z z z z z) { padding: 14px 16px; border-radius: var(--dd-radius); background: #fff; box-shadow: 0 14px 30px -26px color-mix(in srgb, var(--dd-navy) 50%, transparent); }
:where(.dd-fit-col--no .elementor-element.dd-fit-item):not(.dd-z.dd-z z z z z z) { background: var(--dd-mist); box-shadow: none; }
:where(.dd-fit-item .elementor-icon-box-wrapper):not(.dd-z.dd-z z) { display: flex; align-items: flex-start; gap: 14px; text-align: start; }
:where(.dd-fit-item .elementor-icon-box-icon):not(.dd-z.dd-z z) { flex: 0 0 30px; }
:where(.dd-fit-item .elementor-icon-box-icon):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z) { margin: 0; }
:where(.dd-fit-item .elementor-icon):not(.dd-z.dd-z z) { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--dd-brick); font-size: 13px; }
:where(.dd-fit-item--no .elementor-icon):not(.dd-z.dd-z z) { background: var(--dd-navy); }
:where(.dd-fit-item .elementor-icon svg):not(.dd-z.dd-z z z) { width: 13px; height: 13px; fill: #fff; }
:where(.dd-fit-item .elementor-icon-box-content):not(.dd-z.dd-z z) { min-width: 0; }
:where(.dd-fit-item .elementor-icon-box-title):not(.dd-z.dd-z z) { margin: 0; font-size: clamp(1rem, .95rem + .25vw, 1.15rem); line-height: 1.5; font-weight: 700; color: var(--dd-navy); }
:where(.dd-fit-item--no .elementor-icon-box-title):not(.dd-z.dd-z z) { color: var(--dd-ink); }

/* the process: four steps on a line that draws itself as they come in */
:where(.elementor .e-con.dd-fit-process):not(.dd-z.dd-z z z z z z) { display: block; }
:where(.elementor .e-con.dd-fit-process):not(.dd-z.dd-z z z z z z z z z) { --padding-top: clamp(70px, 8vw, 140px); --padding-bottom: clamp(70px, 8vw, 140px); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-fit-process):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-fit-process):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { padding-block: clamp(70px, 8vw, 140px); }
:where(.elementor .elementor-element.dd-fit-process__lead):not(.dd-z.dd-z z z z z z) { margin-inline: 0; }
:where(.elementor .elementor-element.dd-fit-process__lead):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { margin-top: 10px; margin-bottom: clamp(34px, 4vw, 60px); }
:where(.dd-fit-process__lead):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { font-size: clamp(1.08rem, 1rem + .35vw, 1.3rem); color: var(--dd-ink); }
:where(.elementor .e-con.dd-fit-steps):not(.dd-z.dd-z z z z z z z z z) { --position: relative; }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-fit-steps):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-fit-steps):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { position: relative; }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-fit-steps):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-fit-steps):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(14px, 1.6vw, 24px); }
:where(.elementor .e-con.dd-fit-steps):not(.dd-z.dd-z z z z z z z)::before { content: ""; position: absolute; inset: 27px 27px auto 27px; height: 2px; background: var(--dd-brick); transform-origin: right; transform: scaleX(1); }
:where(html.dd-motion .dd-fit-steps):not(.dd-z.dd-z z z z)::before { transition: transform 1.6s var(--dd-ease-out) .1s; }
:where(html.dd-motion .dd-fit-steps:not(.is-in)):not(.dd-z.dd-z z z z z z z z)::before { transform: scaleX(0); }
:where(.elementor .e-con.dd-fit-step):not(.dd-z.dd-z z z z z z) { display: block; min-width: 0; }
:where(.elementor .e-con.dd-fit-step):not(.dd-z.dd-z z z z z z z z z) { --position: relative; }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-fit-step):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-fit-step):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { position: relative; }
:where(.elementor .elementor-element.dd-fit-step__num):not(.dd-z.dd-z z z z z z) { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 50%; background: var(--dd-navy); color: var(--dd-cream); box-shadow: 0 0 0 6px var(--dd-cream); }
:where(.elementor .elementor-element.dd-fit-step__num):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { margin-bottom: 18px; }
:where(.dd-fit-step__num):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { font-size: 1.2rem; font-weight: 800; color: var(--dd-cream); }
:where(.dd-fit-step__num p):not(.dd-z z z) { direction: ltr; }
:where(.elementor .elementor-element.dd-fit-step__title):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { margin-bottom: 10px; }
:where(.dd-fit-step__title .elementor-heading-title):not(.dd-z.dd-z z) { font-size: clamp(1.12rem, 1rem + .4vw, 1.4rem); line-height: 1.3; font-weight: 800; color: var(--dd-navy); }
:where(.dd-fit-step__text):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { font-size: 1.02rem; line-height: 1.65; color: var(--dd-ink); }
:where(.dd-fit-step__text p + p):not(.dd-z z z z) { margin-top: 8px; }

/* a real example */
:where(.elementor .e-con.dd-fit-case):not(.dd-z.dd-z z z z z z) { display: block; }
:where(.elementor .e-con.dd-fit-case):not(.dd-z.dd-z z z z z z z z z) { --padding-top: clamp(70px, 8vw, 140px); --padding-bottom: clamp(70px, 8vw, 140px); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-fit-case):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-fit-case):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { padding-block: clamp(70px, 8vw, 140px); }
:where(.elementor .e-con.dd-fit-case__grid):not(.dd-z.dd-z z z z z z z z z) { --margin-top: clamp(24px, 3vw, 44px); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-fit-case__grid):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-fit-case__grid):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { margin-top: clamp(24px, 3vw, 44px); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-fit-case__grid):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-fit-case__grid):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(28px, 4vw, 72px); align-items: center; }
:where(.elementor .elementor-element.dd-fit-case__slides):not(.dd-z.dd-z z z z z z) { min-width: 0; border-radius: var(--dd-radius-lg); overflow: hidden; background: var(--dd-cream); }
:where(.dd-fit-case__slides img):not(.dd-z z z) { display: block; width: 100%; height: auto; aspect-ratio: 1000 / 828; object-fit: contain; }
:where(.dd-fit-case__slides .swiper-slide-inner):not(.dd-z.dd-z z) { margin: 0; }
/* (prototype: the carousel's pictures fade one into the next — in WordPress Elementor's own fade does it) */
:where(.dd-fade):not(.dd-z z) { display: grid; }
:where(.dd-fade > .swiper-slide):not(.dd-z.dd-z z) { grid-area: 1 / 1; }
:where(html.dd-motion .dd-fade > .swiper-slide):not(.dd-z.dd-z.dd-z z z) { opacity: 0; animation: dd-fit-fade calc(var(--n) * 2.5s) linear infinite; animation-delay: calc(var(--i) * 2.5s); }
/* (no motion / no JavaScript: all six pictures side by side — none hidden) */
:where(html:not(.dd-motion) .dd-fade):not(.dd-z.dd-z z z) { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 8px; }
:where(html:not(.dd-motion) .dd-fade > .swiper-slide):not(.dd-z.dd-z.dd-z z z) { grid-area: auto; }
@keyframes dd-fit-fade { 0% { opacity: 0; } 3%, 17% { opacity: 1; } 20%, 100% { opacity: 0; } }
:where(.elementor .e-con.dd-fit-case__facts):not(.dd-z.dd-z z z z z z) { min-width: 0; }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-fit-case__facts):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-fit-case__facts):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
:where(.elementor .e-con.dd-fit-fact):not(.dd-z.dd-z z z z z z) { display: block; background: var(--dd-cream); border-inline-start: 4px solid var(--dd-brick); }
:where(.elementor .e-con.dd-fit-fact):not(.dd-z.dd-z z z z z z z z z) { --padding-top: 16px; --padding-right: 20px; --padding-bottom: 16px; --padding-left: 20px; --border-radius: var(--dd-radius); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-fit-fact):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-fit-fact):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { padding: 16px 20px; border-radius: var(--dd-radius); }
:where(.dd-fit-fact__k):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { font-size: .95rem; color: var(--dd-brick); letter-spacing: .02em; }
:where(.dd-fit-fact__v):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { font-size: clamp(1.05rem, 1rem + .3vw, 1.25rem); line-height: 1.5; font-weight: 700; color: var(--dd-navy); }
:where(.dd-fit-fact__v p):not(.dd-z z z) { margin-top: 2px; }

/* the closing call */
:where(.elementor .e-con.dd-fit-cta):not(.dd-z.dd-z z z z z z) { display: block; }
:where(.elementor .e-con.dd-fit-cta):not(.dd-z.dd-z z z z z z z z z) { --padding-top: clamp(60px, 7vw, 120px); --padding-bottom: clamp(60px, 7vw, 120px); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-fit-cta):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-fit-cta):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { padding-block: clamp(60px, 7vw, 120px); }
:where(.elementor .e-con.dd-fit-cta__card):not(.dd-z.dd-z z z z z z) { display: flex; text-align: center; max-width: 760px; background: color-mix(in srgb, var(--dd-cream) 6%, transparent); border: 1px solid var(--dd-line-dark); }
:where(.elementor .e-con.dd-fit-cta__card):not(.dd-z.dd-z z z z z z z z z) { --flex-direction: column; --align-items: center; --gap: 16px; --margin-right: auto; --margin-left: auto; --padding-top: clamp(34px, 4vw, 64px); --padding-right: clamp(34px, 4vw, 64px); --padding-bottom: clamp(34px, 4vw, 64px); --padding-left: clamp(34px, 4vw, 64px); --border-radius: var(--dd-radius-lg); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-fit-cta__card):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-fit-cta__card):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { flex-direction: column; align-items: center; gap: 16px; margin-inline: auto; padding: clamp(34px, 4vw, 64px); border-radius: var(--dd-radius-lg); }
:where(.dd-fit-cta__text):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { font-size: clamp(1.08rem, 1rem + .35vw, 1.3rem); line-height: 1.6; color: color-mix(in srgb, var(--dd-cream) 88%, transparent); }
:where(.dd-fit-cta__card .dd-fit-btn .elementor-button-wrapper):not(.dd-z.dd-z.dd-z z) { text-align: center; }

/* ---------- tablet / phone ---------- */
@media (max-width: 1024px) {
  :where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-fit-steps):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-fit-steps):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 34px; }
  :where(.elementor .e-con.dd-fit-steps):not(.dd-z.dd-z z z z z z z)::before { display: none; }
}
@media (max-width: 899px) {
  :where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-ab-split):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-ab-split):not(.dd-z.dd-z z z z z z):where(:not(.e-con)), :where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-ab-results__grid):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-ab-results__grid):not(.dd-z.dd-z z z z z z):where(:not(.e-con)), :where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-ab-bio):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-ab-bio):not(.dd-z.dd-z z z z z z):where(:not(.e-con)), :where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-fit-match):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-fit-match):not(.dd-z.dd-z z z z z z):where(:not(.e-con)), :where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-fit-case__grid):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-fit-case__grid):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { grid-template-columns: minmax(0, 1fr); }
  :where(.elementor .e-con.dd-ab-split > .dd-ab-split__media):not(.dd-z.dd-z z z z z z z z z z) { order: -1; }
  :where(.elementor .e-con.dd-ab-split__media .dd-ab-photo):not(.dd-z.dd-z z z z z z z z z z) { max-width: 560px; --dd-max-w: 560px; }
  :where(.elementor .e-con.dd-ab-bio__photo):not(.dd-z.dd-z z z z z z) { max-width: 440px; }
  :where(.elementor .e-con.dd-ab-bio__photo):not(.dd-z.dd-z z z z z z z z z) { --position: static; }
  :where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-ab-bio__photo):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-ab-bio__photo):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { position: static; }
  :where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-fit-hero):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-fit-hero):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { grid-template-columns: minmax(0, 1fr); }
  :where(.elementor .e-con.dd-fit-hero__media):not(.dd-z.dd-z z z z z z) { justify-self: center; }
  :where(.elementor .e-con.dd-fit-hero__media):not(.dd-z.dd-z z z z z z z z z) { --width: min(78%, 340px); --margin-top: 10px; --margin-right: 0; --margin-bottom: 0; --margin-left: 0; }
  :where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-fit-hero__media):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-fit-hero__media):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { width: min(78%, 340px); margin: 10px 0 0; }
  :where(.elementor .elementor-element.dd-fit-badge):not(.dd-z.dd-z z z z z z) { left: -14px; bottom: -18px; width: 104px; } /* (phone / tablet: on the photo's corner, like the homepage) */
}
@media (max-width: 599px) {
  :where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-fit-steps):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-fit-steps):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { grid-template-columns: minmax(0, 1fr); row-gap: 26px; }
  :where(.elementor .e-con.dd-fit-step):not(.dd-z.dd-z z z z z z) { display: grid; grid-template-columns: 48px minmax(0, 1fr); column-gap: 16px; }
  :where(.elementor .elementor-element.dd-fit-step__num):not(.dd-z.dd-z z z z z z) { width: 48px; height: 48px; margin-inline: 0; grid-row: span 2; }
  :where(.elementor .elementor-element.dd-fit-step__num):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { margin-top: 0; margin-bottom: 0; }
  :where(.elementor .e-con.dd-fit-col):not(.dd-z.dd-z z z z z z z z z) { --padding-top: 22px; --padding-right: 16px; --padding-bottom: 22px; --padding-left: 16px; }
  :where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-fit-col):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-fit-col):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { padding: 22px 16px; }
}
/* ---------- reduced motion: nothing turns or slides ---------- */
@media (prefers-reduced-motion: reduce) {
  :where(.dd-fit-steps):not(.dd-z z z)::before { transition: none !important; transform: none !important; }
  :where(.dd-fade > .swiper-slide):not(.dd-z.dd-z z) { animation: none !important; opacity: 1; }
}
/* (13.10.2026) a picture placed by address (no media-library id — e.g. right after importing the template) has no
   width / height until it loads: a minimum height keeps it visible to the browser, so a lazy picture is always loaded */
:where(.elementor [class*="dd-ab-"] .elementor-widget-image img):not(.dd-z.dd-z z z z z z z), :where(.elementor [class*="dd-fit-"] .elementor-widget-image img):not(.dd-z.dd-z z z z z z z) { min-height: 80px; }

