/* =====================================================================================================
   dd-reviews.css — "המלצות" (/המלצות/), 12.10.2026
   Written for Elementor's markup (the prototype renders the same markup). Tokens = dd-tokens.css.
   Motion = dd-motion.js only: dd-title (heading), dd-reveal. A revealed VIDEO card falls into place (drops from above,
   slightly tilted, lands with a short bounce, then stays still); a written card only fades in; the BizMakeBiz area has
   no motion. A video opens on click, in a lightbox, in its file's shape. Reduced motion → no motion at all.
   ===================================================================================================== */
:where(.elementor .e-con[class*="dd-rv"]):not(.dd-z.dd-z z z z z z) { --widgets-spacing: 0px; min-width: 0; }
:where(.elementor .elementor-widget[class*="dd-rv"]):not(.dd-z.dd-z z z z z z) { width: 100%; max-width: 100%; --dd-max-w: 100%; }
:where(.elementor .e-con.dd-sec[class*="dd-rv-"]):not(.dd-z.dd-z z z z z z z z z z) { overflow-x: clip; }
:where(.elementor [class*="dd-rv"] .elementor-widget-image img):not(.dd-z.dd-z z z z z z z) { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }

/* ---------- 1. opening: compact, a balanced heading, a large quote mark drawn behind it ---------- */
:where(.elementor .e-con.dd-rv-hero):not(.dd-z.dd-z z z z z z) { display: block; }
:where(.elementor .e-con.dd-rv-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(26px, 3vw, 44px); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-rv-hero):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-rv-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(26px, 3vw, 44px); }
:where(.dd-rv-hero > .elementor-widget):not(.dd-z.dd-z z) { position: relative; z-index: 1; }
:where(.dd-rv-crumbs .dd-crumbs ol):not(.dd-z.dd-z z z) { margin: 0 0 clamp(14px, 1.6vw, 24px); }
:where(.elementor .elementor-element.dd-rv-h1):not(.dd-z.dd-z z z z z z) { font-size: clamp(2.1rem, 1.1rem + 3.2vw, 4.6rem); line-height: 1; letter-spacing: -.02em; font-weight: 800; color: var(--dd-cream); }
:where(.elementor .elementor-element.dd-rv-h1):not(.dd-z.dd-z z z z z z z)::after { content: "”"; position: absolute; z-index: -1; inset-inline-end: -.02em; top: -.32em; font-size: clamp(9rem, 5rem + 14vw, 22rem); line-height: 1; font-weight: 800; color: transparent; -webkit-text-stroke: 2px color-mix(in srgb, var(--dd-brick-soft) 35%, transparent); pointer-events: none; }
:where(.elementor .elementor-element.dd-rv-badge):not(.dd-z.dd-z z z z z z) { width: auto; }
:where(.elementor .elementor-element.dd-rv-badge):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-rv-badge):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) { color: var(--dd-cream); font-weight: 700; }
:where(.dd-rv-badge p):not(.dd-z z z) { margin: 0; display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 999px; background: color-mix(in srgb, var(--dd-cream) 8%, transparent); border: 1px solid color-mix(in srgb, var(--dd-cream) 16%, transparent); }
:where(.dd-rv-badge .dd-stars):not(.dd-z.dd-z z), :where(.dd-rv-card__src .dd-stars):not(.dd-z.dd-z z) { color: #E7A33E; letter-spacing: 2px; }

/* ---------- 2. video wall: all the same size (portrait 9:16), each opens only on click ---------- */
:where(.elementor .e-con.dd-rv-videos):not(.dd-z.dd-z z z z z z) { display: block; }
:where(.elementor .e-con.dd-rv-videos):not(.dd-z.dd-z z z z z z z z z) { --padding-top: clamp(26px, 3vw, 44px); --padding-bottom: clamp(80px, 9vw, 150px); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-rv-videos):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-rv-videos):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { padding-block: clamp(26px, 3vw, 44px) clamp(80px, 9vw, 150px); }
/* 4 per row (each card = 2 of 8 grid columns, so a single card left in the last row sits in the middle) */
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-rv-vgrid):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-rv-vgrid):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: clamp(14px, 1.6vw, 24px); }
:where(.elementor .e-con.dd-rv-video):not(.dd-z.dd-z z z z z z) { display: flex; grid-column: span 2; }
:where(.elementor .e-con.dd-rv-video):not(.dd-z.dd-z z z z z z z z z) { --flex-direction: column; --align-items: flex-start; --gap: 10px; }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-rv-video):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-rv-video):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { flex-direction: column; align-items: flex-start; gap: 10px; }
:where(.elementor .e-con.dd-rv-video:last-child:nth-child(4n + 1)):not(.dd-z.dd-z z z z z z z z z z z z z) { grid-column: 4 / span 2; }
/* the recommendations were filmed on phones: a portrait frame (9:16 = the videos' own shape), the poster covers it — kept
   in proportion, never stretched (cover crops the empty sides of YouTube's wide still) */
:where(:where(body:not([class*="elementor-kit-"])) .dd-rv-video__player .elementor-wrapper):not(.dd-z.dd-z z) { aspect-ratio: 9 / 16; }
:where(.dd-rv-video__player .elementor-wrapper):not(.dd-z.dd-z z) { position: relative; border-radius: 20px; overflow: hidden; background: var(--dd-deep);
  box-shadow: 0 26px 50px -30px rgb(0 0 0 / .8); transition: transform .6s var(--dd-ease-out), box-shadow .6s; }
:where(.dd-rv-video:hover .dd-rv-video__player .elementor-wrapper):not(.dd-z.dd-z.dd-z z z z z z) { transform: translateY(-5px); box-shadow: 0 36px 60px -30px rgb(0 0 0 / .9); }
:where(.dd-rv-video__player .dd-yt):not(.dd-z.dd-z z) { position: absolute; inset: 0; border-radius: 0; aspect-ratio: auto; width: 100%; height: 100%; }
:where(.dd-rv-video__player .elementor-custom-embed-image-overlay):not(.dd-z.dd-z z) { position: absolute; inset: 0; background-size: cover; background-position: center; cursor: pointer; }
:where(.dd-rv-video__player .elementor-custom-embed-image-overlay img):not(.dd-z.dd-z z z) { width: 100%; height: 100%; object-fit: cover; object-position: center; }
:where(.dd-rv-video__player iframe):not(.dd-z z z) { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
/* a soft shade under the play button (both the prototype button and Elementor's overlay) */
:where(.dd-rv-video__player .elementor-custom-embed-image-overlay):not(.dd-z.dd-z z z)::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, color-mix(in srgb, var(--dd-deep) 55%, transparent), color-mix(in srgb, var(--dd-deep) 0%, transparent) 55%); pointer-events: none; }
:where(.dd-rv-video__player .elementor-custom-embed-play):not(.dd-z.dd-z z) { z-index: 1; }
:where(.dd-rv-video__player .elementor-custom-embed-play svg):not(.dd-z.dd-z z z), :where(.dd-rv-video__player .elementor-custom-embed-play i):not(.dd-z.dd-z z z) { fill: #fff; color: #fff; filter: drop-shadow(0 6px 18px rgb(0 0 0 / .45)); transition: transform .5s var(--dd-ease-out); }
:where(.dd-rv-video:hover .elementor-custom-embed-play svg):not(.dd-z.dd-z z z z z z z), :where(.dd-rv-video:hover .elementor-custom-embed-play i):not(.dd-z.dd-z z z z z z z) { transform: scale(1.12); }
:where(.elementor .elementor-element.dd-rv-video__link):not(.dd-z.dd-z z z z z z) { width: auto; font-weight: 700; color: var(--dd-cream); }
:where(.elementor .elementor-element.dd-rv-video__link .elementor-button):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) { color: var(--dd-cream); }
:where(.elementor .elementor-element.dd-rv-video__link .elementor-button:hover):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) { color: var(--dd-brick-soft); }

/* ---------- the video lightbox: large, in the video file's shape (16:9 or 9:16), nothing cut, YouTube's controls whole ----------
   .dd-vbox = the prototype's stand-in; .elementor-lightbox = Elementor's own (Video widget → Lightbox: Yes + Aspect Ratio) */
:where(html.dd-vbox-open):not(.dd-z z z) { overflow: hidden; }
:where(.dd-vbox):not(.dd-z z) { position: fixed; inset: 0; z-index: 100000; display: grid; place-items: center; padding: 56px 16px 16px; background: rgb(9 20 31 / .94); container-type: size; }
/* (the player is sized to the space it really has — cqw / cqh = the lightbox inner box — never under a bar or off screen) */
:where(.dd-vbox__player):not(.dd-z z) { width: min(100cqw, calc(100cqh * (var(--dd-vbox-ratio))), 1600px); aspect-ratio: var(--dd-vbox-ratio); border-radius: 12px; overflow: hidden; background: #000; box-shadow: 0 30px 80px -30px rgb(0 0 0 / .9); }
:where(.dd-vbox__player iframe):not(.dd-z z z) { display: block; width: 100%; height: 100%; border: 0; }
:where(.dd-vbox__close):not(.dd-z z) { position: absolute; top: 8px; inset-inline-end: 12px; width: 44px; height: 44px; border: 0; border-radius: 50%; background: rgb(255 255 255 / .12); color: #fff; font-size: 30px; line-height: 1; cursor: pointer; }
:where(.dd-vbox__close:hover):not(.dd-z.dd-z z), :where(.dd-vbox__close:focus-visible):not(.dd-z.dd-z z) { background: var(--dd-brick); }
:where(.elementor-lightbox.dialog-lightbox-widget):not(.dd-z.dd-z z) { background-color: rgb(9 20 31 / .94) !important; }
/* Elementor sizes its 9:16 lightbox player by the screen's WIDTH (taller than the screen): both shapes are fitted to the
   screen here, the same way as the stand-in above */
:where(.elementor-lightbox .elementor-video-container):not(.dd-z.dd-z z) { place-items: center; box-sizing: border-box; transform: none !important; container-type: size; }
:where(.elementor-lightbox .elementor-video-container):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; inset: 0; width: 100%; height: 100%; padding: 56px 16px 16px; }
:where(.elementor-lightbox .elementor-video-container .elementor-video-landscape):not(.dd-z.dd-z.dd-z z) { --dd-vbox-ratio: 16 / 9; }
:where(.elementor-lightbox .elementor-video-container .elementor-video-portrait):not(.dd-z.dd-z.dd-z z) { --dd-vbox-ratio: 9 / 16; }
:where(.elementor-lightbox .elementor-video-container .elementor-video-wrapper):not(.dd-z.dd-z.dd-z z) { position: relative; aspect-ratio: var(--dd-vbox-ratio); border-radius: 12px; overflow: hidden; background: #000; }
:where(.elementor-lightbox .elementor-video-container .elementor-video-wrapper):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) { width: min(100cqw, calc(100cqh * (var(--dd-vbox-ratio))), 1600px); height: auto; padding: 0; }
:where(.elementor-lightbox .elementor-video-container .elementor-video-wrapper iframe):not(.dd-z.dd-z z z z z z z) { position: absolute; inset: 0; }
:where(.elementor-lightbox .elementor-video-container .elementor-video-wrapper iframe):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) { width: 100%; height: 100%; aspect-ratio: auto; }

/* ---------- 3. the written recommendations: an editorial wall (columns of different heights) ---------- */
:where(.elementor .e-con.dd-rv-wall-sec):not(.dd-z.dd-z z z z z z) { display: block; }
:where(.elementor .e-con.dd-rv-wall-sec):not(.dd-z.dd-z z z z z z z z z) { --padding-top: clamp(80px, 9vw, 150px); --padding-bottom: clamp(80px, 9vw, 150px); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-rv-wall-sec):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-rv-wall-sec):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { padding-block: clamp(80px, 9vw, 150px); }
:where(.elementor .e-con.dd-rv-wall):not(.dd-z.dd-z z z z z z) { display: block; column-count: 3; column-gap: clamp(18px, 2vw, 32px); }
:where(.elementor .e-con.dd-rv-card):not(.dd-z.dd-z z z z z z) { display: flex; break-inside: avoid; background: #fff; color: var(--dd-navy);
  box-shadow: 0 22px 50px -38px color-mix(in srgb, var(--dd-navy) 55%, transparent); transition: transform .6s var(--dd-ease-out), box-shadow .6s, opacity 1.15s cubic-bezier(.22, .68, .24, 1); }
:where(.elementor .e-con.dd-rv-card):not(.dd-z.dd-z z z z z z z z z) { --flex-direction: column; --gap: 18px; --margin-top: 0; --margin-right: 0; --margin-bottom: clamp(18px, 2vw, 32px); --margin-left: 0; --padding-top: clamp(24px, 2.4vw, 36px); --padding-right: clamp(24px, 2.4vw, 36px); --padding-bottom: clamp(24px, 2.4vw, 36px); --padding-left: clamp(24px, 2.4vw, 36px); --border-radius: var(--dd-radius-lg); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-rv-card):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-rv-card):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { flex-direction: column; gap: 18px; margin: 0 0 clamp(18px, 2vw, 32px);
  padding: clamp(24px, 2.4vw, 36px); border-radius: var(--dd-radius-lg); }
:where(.elementor .e-con.dd-rv-card:hover):not(.dd-z.dd-z z z z z z z z z z) { transform: translateY(-6px); box-shadow: 0 34px 60px -36px color-mix(in srgb, var(--dd-navy) 60%, transparent); }
/* the quote mark: on the text widget (Elementor reserves ::before of containers for its overlay) */
:where(.dd-rv-card__text):not(.dd-z z) { position: relative; }
:where(.dd-rv-card__text):not(.dd-z z z)::before { content: "”"; display: block; height: .5em; margin-bottom: 6px; font-size: 4.4rem; line-height: .85; font-weight: 800; color: var(--dd-brick); transition: transform .6s var(--dd-ease-out); transform-origin: right top; }
:where(.dd-rv-card:hover .dd-rv-card__text):not(.dd-z.dd-z z z z z z z)::before { transform: translateX(-6px) rotate(-4deg); }
/* (the text is a Heading widget shown as <p>: the size sits on the widget, the title inherits it — dd-elementor.css) */
:where(.elementor .elementor-element.dd-rv-card__text):not(.dd-z.dd-z z z z z z) { font-size: clamp(1.02rem, .96rem + .22vw, 1.16rem); line-height: 1.75; font-weight: 400; }
:where(.dd-rv-card__text p):not(.dd-z z z) { margin: 0; font-size: inherit; line-height: inherit; font-weight: inherit; }
:where(.dd-rv-card__src):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: .9rem; font-weight: 700; color: var(--dd-ink); }
:where(.dd-rv-card__src p):not(.dd-z z z) { margin: 0; display: flex; gap: 8px; align-items: center; }
:where(.elementor .e-con.dd-rv-card__who):not(.dd-z.dd-z z z z z z) { display: flex; border-top: 1px solid var(--dd-line); }
:where(.elementor .e-con.dd-rv-card__who):not(.dd-z.dd-z z z z z z z z z) { --flex-direction: row; --align-items: center; --gap: 14px; --padding-top: 16px; }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-rv-card__who):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-rv-card__who):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { flex-direction: row; align-items: center; gap: 14px; padding-top: 16px; }
:where(.elementor .elementor-element.dd-rv-card__pic):not(.dd-z.dd-z z z z z z) { flex: 0 0 52px; width: 52px; height: 52px; border-radius: 50%; overflow: hidden; background: #fff; box-shadow: 0 0 0 1px var(--dd-line); }
:where(.dd-rv-card:not(.dd-rv-card--google) .dd-rv-card__pic img):not(.dd-z.dd-z z z z z z z) { padding: 5px; }
:where(.dd-rv-card:not(.dd-rv-card--google) .dd-rv-card__pic img):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) { object-fit: contain; }
:where(.elementor .e-con.dd-rv-card__names):not(.dd-z.dd-z z z z z z) { display: flex; flex: 1 1 auto; }
:where(.elementor .e-con.dd-rv-card__names):not(.dd-z.dd-z z z z z z z z z) { --flex-direction: column; --gap: 2px; }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-rv-card__names):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-rv-card__names):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { flex-direction: column; gap: 2px; }
:where(.elementor .elementor-element.dd-rv-card__name):not(.dd-z.dd-z z z z z z) { font-size: 1.08rem; font-weight: 800; line-height: 1.25; }
:where(.elementor .elementor-element.dd-rv-card__role):not(.dd-z.dd-z z z z z z) { font-size: .95rem; line-height: 1.35; color: var(--dd-ink); }
/* character: every fifth card is navy; the first card of the wall is the wide featured quote */
:where(.elementor .e-con.dd-rv-card:nth-child(5n + 3)):not(.dd-z.dd-z z z z z z z z z z) { background: var(--dd-navy); color: var(--dd-cream); }
:where(.dd-rv-card:nth-child(5n + 3) .dd-rv-card__text):not(.dd-z.dd-z z z z z z z)::before { color: var(--dd-brick-soft); }
:where(.dd-rv-card:nth-child(5n + 3) .dd-rv-card__src):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) { color: color-mix(in srgb, var(--dd-cream) 78%, transparent); }
:where(:where(.dd-rv-card:nth-child(5n + 3) .dd-rv-card__role):not(.dd-z.dd-z z z z z z)):not(.dd-z.dd-z z z z z z) { color: color-mix(in srgb, var(--dd-cream) 78%, transparent); }
:where(.elementor .e-con.dd-rv-card:nth-child(5n + 3) .dd-rv-card__who):not(.dd-z.dd-z z z z z z z z z z z z z) { border-top-color: var(--dd-line-dark); }
:where(.elementor .e-con.dd-rv-card:first-child):not(.dd-z.dd-z z z z z z z z z z) { column-span: all; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "src src" "text text" "who who"; background: var(--dd-brick); color: #fff; }
:where(.elementor .e-con.dd-rv-card:first-child):not(.dd-z.dd-z z z z z z z z z z z) { --padding-top: clamp(30px, 4vw, 64px); --padding-right: clamp(30px, 4vw, 64px); --padding-bottom: clamp(30px, 4vw, 64px); --padding-left: clamp(30px, 4vw, 64px); --margin-bottom: clamp(26px, 3vw, 48px); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-rv-card:first-child):not(.dd-z.dd-z z z z z z z z z z), :where(.elementor .e-con.dd-rv-card:first-child):not(.dd-z.dd-z z z z z z z z z z):where(:not(.e-con)) { padding: clamp(30px, 4vw, 64px); margin-bottom: clamp(26px, 3vw, 48px); }
:where(.dd-rv-card:first-child .dd-rv-card__src):not(.dd-z.dd-z z z z z z) { grid-area: src; } :where(.dd-rv-card:first-child .dd-rv-card__text):not(.dd-z.dd-z z z z z z) { grid-area: text; } :where(.dd-rv-card:first-child .dd-rv-card__who):not(.dd-z.dd-z z z z z z) { grid-area: who; }
:where(.elementor .e-con.dd-rv-card:first-child .elementor-element.dd-rv-card__text):not(.dd-z.dd-z z z z z z z z z z z z z z z z) { font-size: clamp(1.3rem, 1rem + 1.2vw, 2.1rem); line-height: 1.45; font-weight: 700; }
:where(.dd-rv-card:first-child .dd-rv-card__text p):not(.dd-z.dd-z z z z z z z) { max-width: 46ch; }
:where(.dd-rv-card:first-child .dd-rv-card__text):not(.dd-z.dd-z z z z z z z)::before { color: #fff; opacity: .5; font-size: 6rem; }
:where(.dd-rv-card:first-child .dd-rv-card__src):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) { color: rgb(255 255 255 / .85); }
:where(:where(.dd-rv-card:first-child .dd-rv-card__role):not(.dd-z.dd-z z z z z z)):not(.dd-z.dd-z z z z z z) { color: rgb(255 255 255 / .85); }
:where(.dd-rv-card:first-child .dd-stars):not(.dd-z.dd-z z z z z z) { color: #FFD27A; }
:where(.elementor .e-con.dd-rv-card:first-child .dd-rv-card__who):not(.dd-z.dd-z z z z z z z z z z z z z) { border-top-color: rgb(255 255 255 / .25); }

/* ---------- 4. BizMakeBiz — the original embed (HTML widget), designed here ----------
   The service's own stylesheet is switched off (guard in the widget), so these rules are the area's whole design and
   nothing here reaches outside #biz_data_export_opinions. No entrance motion in this area. */
:where(.elementor .e-con.dd-rv-biz-sec):not(.dd-z.dd-z z z z z z) { display: block; }
:where(.elementor .e-con.dd-rv-biz-sec):not(.dd-z.dd-z z z z z z z z z) { --padding-top: clamp(80px, 9vw, 150px); --padding-bottom: clamp(80px, 9vw, 150px); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-rv-biz-sec):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-rv-biz-sec):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { padding-block: clamp(80px, 9vw, 150px); }
:where(.dd-rv-biz #biz_data_export_opinions):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z) { direction: rtl; text-align: right; color: var(--dd-navy); font-family: var(--dd-font); font-size: 1rem; line-height: 1.6; max-width: 100%; overflow-wrap: anywhere; }
:where(.dd-rv-biz #biz_data_export_opinions .clear):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z) { clear: both; }
:where(.dd-rv-biz #biz_data_export_opinions .spacer):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z), :where(.dd-rv-biz #biz_data_export_opinions .spacer5):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z), :where(.dd-rv-biz #biz_data_export_opinions .separator):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z) { height: 0; }
:where(.dd-rv-biz #main_title):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z) { width: auto !important; max-width: 100%; margin: 0 0 clamp(18px, 2vw, 28px); font-size: clamp(1.9rem, 1.1rem + 2.4vw, 3.4rem); line-height: 1.08; letter-spacing: -.015em; font-weight: 800; color: var(--dd-navy); }
:where(.dd-rv-biz #main_title b):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z) { font-weight: inherit; }
/* "הוספת חוות דעת" / "בחזרה לחוות דעת" — the site's outline pill */
:where(.dd-rv-biz #createOpinionButtonContainer):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z) { margin-bottom: clamp(26px, 3vw, 44px); }
:where(.dd-rv-biz #createOpinion):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z), :where(.dd-rv-biz #showOpinion):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z) { display: inline-flex; align-items: center; min-height: 46px; padding: 10px 24px; border: 1.5px solid var(--dd-navy); border-radius: 999px; color: var(--dd-navy); font-weight: 700; text-decoration: none; cursor: pointer; transition: background .3s, color .3s; }
:where(.dd-rv-biz #createOpinion:hover):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z), :where(.dd-rv-biz #showOpinion:hover):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z), :where(.dd-rv-biz #createOpinion:focus-visible):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z), :where(.dd-rv-biz #showOpinion:focus-visible):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z) { background: var(--dd-navy); color: #fff; }
:where(.dd-rv-biz #showOpinion):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z) { margin-bottom: 22px; }
/* the opinions: calm cards in columns of different heights */
:where(.dd-rv-biz .data_export_opinions_container):not(.dd-z.dd-z z) { width: 100% !important; column-count: 3; column-gap: clamp(16px, 1.8vw, 28px); }
:where(.dd-rv-biz .opinion_item):not(.dd-z.dd-z z) { break-inside: avoid; margin: 0 0 clamp(16px, 1.8vw, 28px); }
:where(.dd-rv-biz .opinion):not(.dd-z.dd-z z) { width: auto !important; display: flex; flex-direction: column; gap: 14px; padding: clamp(22px, 2.2vw, 32px); border-radius: var(--dd-radius-lg); background: var(--dd-cream); }
:where(.dd-rv-biz .opinion > br):not(.dd-z.dd-z z z) { display: none; }
:where(.dd-rv-biz .long_text):not(.dd-z.dd-z z) { font-size: clamp(1rem, .96rem + .14vw, 1.08rem); line-height: 1.75; }
:where(.dd-rv-biz .long_text):not(.dd-z.dd-z z z)::before { content: "”"; display: block; height: .45em; margin-bottom: 4px; font-size: 3.4rem; line-height: .85; font-weight: 800; color: var(--dd-brick); }
:where(.dd-rv-biz .long_text q):not(.dd-z.dd-z z z) { quotes: none; }
:where(.dd-rv-biz .normalFloat p):not(.dd-z.dd-z z z) { margin: 0; padding: 14px 0 0; display: flex; align-items: center; gap: 10px; border-top: 1px solid var(--dd-line); font-size: 1rem; font-weight: 800; line-height: 1.3; }
:where(.dd-rv-biz img.opinion_image):not(.dd-z.dd-z z z) { flex: 0 0 40px; width: 40px; height: 40px; max-width: 40px !important; border-radius: 50%; object-fit: cover; background: #fff; }
:where(.dd-rv-biz .dd-rv-biz__note):not(.dd-z.dd-z z) { margin: 0; padding: 22px 26px; border: 1.5px dashed color-mix(in srgb, var(--dd-navy) 30%, transparent); border-radius: var(--dd-radius-lg); background: var(--dd-cream); font-weight: 700; }
/* first 9, then "להצגת כל … חוות הדעת" */
:where(.dd-rv-biz .dd-biz--collapsed [data-dd-more]):not(.dd-z.dd-z.dd-z z) { display: none; }
:where(.dd-rv-biz .dd-rv-biz__more):not(.dd-z.dd-z z) { display: flex; margin: clamp(10px, 1.4vw, 20px) auto 0; min-height: 50px; align-items: center; padding: 12px 30px; border: 0; border-radius: 999px; background: var(--dd-brick); color: #fff; font: inherit; font-weight: 700; cursor: pointer; transition: background .3s; }
:where(.dd-rv-biz .dd-rv-biz__more:hover):not(.dd-z.dd-z z z z z z), :where(.dd-rv-biz .dd-rv-biz__more:focus-visible):not(.dd-z.dd-z z z z z z) { background: var(--dd-navy); }
/* the service's "add an opinion" form (sent to BizMakeBiz) — the site's field style, right to left */
:where(.dd-rv-biz #create_opinion_container):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z) { max-width: 640px; font-weight: 700; }
:where(.dd-rv-biz #create_opinion_container input[type="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), :where(.dd-rv-biz #create_opinion_container textarea):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z), :where(.dd-rv-biz #create_opinion_container select):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z) { display: block; width: 100%; max-width: 100%; box-sizing: border-box; margin-top: 6px; padding: 12px 16px; border: 1px solid color-mix(in srgb, var(--dd-navy) 25%, transparent); border-radius: 14px; background: #fff; color: var(--dd-navy); font: inherit; font-weight: 400; direction: rtl; text-align: right; }
:where(.dd-rv-biz #create_opinion_container textarea):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z) { min-height: 150px; resize: vertical; }
:where(.dd-rv-biz #create_opinion_container .spacer15):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z) { height: 16px; }
:where(.dd-rv-biz #create_opinion_container .error):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z) { color: var(--dd-brick); margin-inline-start: 8px; }
:where(.dd-rv-biz #selectCustomOpinionType):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z) { display: inline-block; margin: 10px 0 16px; color: var(--dd-brick); font-weight: 700; }
:where(.dd-rv-biz #create_opinion_container > div[style*="padding-top"]):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z) { padding-top: 0 !important; }
:where(.dd-rv-biz #CreateOfflineOpinionSubmit):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z) { display: inline-flex; align-items: center; min-height: 50px; margin-top: 8px; padding: 12px 30px; border-radius: 999px; background: var(--dd-brick); color: #fff; font-weight: 700; text-decoration: none; }
:where(.dd-rv-biz #CreateOfflineOpinionSubmit:hover):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z) { background: var(--dd-navy); }

/* ---------- entrance: the VIDEO cards fall into place, the written cards fade in (each row when it reaches the screen) ----------
   dd-motion.js adds .is-in once; the animation runs once and ends at rest (no transform left → the hover lift still works).
   --dd-tilt = the slight angle a card falls at (alternating), --dd-delay = its turn in the row. */
:where(.dd-rv-vgrid > .dd-rv-video:nth-child(4n + 2)):not(.dd-z.dd-z z z z z z) { --dd-delay: 120ms; } :where(.dd-rv-vgrid > .dd-rv-video:nth-child(4n + 3)):not(.dd-z.dd-z z z z z z) { --dd-delay: 240ms; } :where(.dd-rv-vgrid > .dd-rv-video:nth-child(4n)):not(.dd-z.dd-z z z z z z) { --dd-delay: 360ms; }
:where(.dd-rv-wall > .dd-rv-card:nth-child(3n + 2)):not(.dd-z.dd-z z z z z z) { --dd-delay: 130ms; } :where(.dd-rv-wall > .dd-rv-card:nth-child(3n)):not(.dd-z.dd-z z z z z z) { --dd-delay: 260ms; }
:where(.dd-rv-vgrid > .dd-rv-video:nth-child(odd)):not(.dd-z.dd-z z z z z z) { --dd-tilt: -4deg; }
:where(.dd-rv-vgrid > .dd-rv-video:nth-child(even)):not(.dd-z.dd-z z z z z z) { --dd-tilt: 3.5deg; }
:where(.dd-rv-vgrid > .dd-rv-video:nth-child(3n)):not(.dd-z.dd-z z z z z z) { --dd-tilt: -2.5deg; }
@keyframes dd-rv-drop {
  0%   { opacity: 0; transform: translateY(-140px) rotate(var(--dd-tilt, -3deg)); animation-timing-function: cubic-bezier(.55, 0, .9, .45); }
  14%  { opacity: 1; }
  58%  { transform: translateY(0) rotate(calc(var(--dd-tilt, -3deg) * -.3)); animation-timing-function: cubic-bezier(.2, .7, .35, 1); }
  74%  { transform: translateY(-16px) rotate(calc(var(--dd-tilt, -3deg) * .12)); animation-timing-function: cubic-bezier(.6, 0, .85, .5); }
  88%  { transform: translateY(0) rotate(0deg); animation-timing-function: cubic-bezier(.2, .7, .35, 1); }
  94%  { transform: translateY(-3px) rotate(0deg); }
  100% { opacity: 1; transform: none; }
}
/* waiting (not yet on screen): hidden, in place (dd-motion's rise is replaced by the fall) */
:where(html.dd-motion .e-con.dd-rv-video.dd-reveal):not(.dd-z.dd-z z z z z z z z z z z), :where(html.dd-motion .e-con.dd-rv-card.dd-reveal):not(.dd-z.dd-z z z z z z z z z z z) { transition: box-shadow .6s, transform .6s var(--dd-ease-out); transition-delay: 0ms; }
:where(html.dd-motion .e-con.dd-rv-video.dd-reveal:not(.is-in)):not(.dd-z.dd-z z z z z z z z z z z z z z), :where(html.dd-motion .e-con.dd-rv-card.dd-reveal:not(.is-in)):not(.dd-z.dd-z z z z z z z z z z z z z z) { opacity: 0; transform: none; }
:where(html.dd-motion .e-con.dd-rv-video.dd-reveal.is-in):not(.dd-z.dd-z z z z z z z z z z z z z z) { animation: dd-rv-drop 1.25s var(--dd-delay, 0ms) both; animation-fill-mode: backwards; }
/* written recommendations: a gradual appearance only (opacity) — no fall, tilt or bounce */
@keyframes dd-rv-fade { from { opacity: 0; } to { opacity: 1; } }
:where(html.dd-motion .e-con.dd-rv-card.dd-reveal.is-in):not(.dd-z.dd-z z z z z z z z z z z z z z) { animation: dd-rv-fade 1s ease-out var(--dd-delay, 0ms) both; animation-fill-mode: backwards; }

/* ---------- tablet ---------- */
@media (max-width: 1199px) {
  :where(.dd-rv-biz .data_export_opinions_container):not(.dd-z.dd-z z) { column-count: 2; }
  :where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-rv-vgrid):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-rv-vgrid):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { grid-template-columns: repeat(4, minmax(0, 1fr)); } /* 2 per row */
  :where(.elementor .e-con.dd-rv-video:last-child:nth-child(4n + 1)):not(.dd-z.dd-z z z z z z z z z z z z z) { grid-column: span 2; }
  :where(.elementor .e-con.dd-rv-video:last-child:nth-child(odd)):not(.dd-z.dd-z z z z z z z z z z z z z) { grid-column: 2 / span 2; }
  :where(.dd-rv-vgrid > .dd-rv-video:nth-child(odd)):not(.dd-z.dd-z z z z z z) { --dd-delay: 0ms; } :where(.dd-rv-vgrid > .dd-rv-video:nth-child(even)):not(.dd-z.dd-z z z z z z) { --dd-delay: 140ms; }
  :where(.elementor .e-con.dd-rv-wall):not(.dd-z.dd-z z z z z z) { column-count: 2; }
}
/* ---------- mobile ---------- */
@media (max-width: 639px) {
  :where(.dd-rv-biz .data_export_opinions_container):not(.dd-z.dd-z z) { column-count: 1; }
  /* still 2 per row on a phone: 13 full-width portrait videos would be a very long scroll */
  :where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-rv-vgrid):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-rv-vgrid):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { gap: 12px; }
  :where(.elementor .e-con.dd-rv-video):not(.dd-z.dd-z z z z z z z z z) { --gap: 6px; }
  :where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-rv-video):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-rv-video):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { gap: 6px; }
  :where(.dd-rv-video__player .elementor-wrapper):not(.dd-z.dd-z z) { border-radius: 14px; }
  :where(.elementor .elementor-element.dd-rv-video__link .elementor-button):not(.dd-z.dd-z.dd-z z z z z z) { font-size: .86rem; padding-inline: 0; white-space: normal; text-align: start; }
  :where(.elementor .e-con.dd-rv-wall):not(.dd-z.dd-z z z z z z) { column-count: 1; }
  :where(.elementor .elementor-element.dd-rv-h1):not(.dd-z.dd-z z z z z z z)::after { font-size: 8rem; top: -.2em; }
  :where(.elementor .e-con.dd-rv-card:first-child):not(.dd-z.dd-z z z z z z z z z z z) { --padding-top: 26px; --padding-right: 26px; --padding-bottom: 26px; --padding-left: 26px; }
  :where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-rv-card:first-child):not(.dd-z.dd-z z z z z z z z z z), :where(.elementor .e-con.dd-rv-card:first-child):not(.dd-z.dd-z z z z z z z z z z):where(:not(.e-con)) { padding: 26px; }
}
/* ---------- reduced motion: nothing moves, everything is shown ---------- */
@media (prefers-reduced-motion: reduce) {
  :where(html .e-con.dd-rv-video.dd-reveal):not(.dd-z.dd-z z z z z z z), :where(html .e-con.dd-rv-card.dd-reveal):not(.dd-z.dd-z z z z z z z) { animation: none !important; opacity: 1 !important; transform: none !important; }
  :where(.elementor .e-con.dd-rv-card):not(.dd-z.dd-z z z z z z), :where(.dd-rv-video__player .elementor-wrapper):not(.dd-z.dd-z z), :where(.dd-rv-card__text):not(.dd-z z z)::before, :where(.dd-rv-video__player .elementor-custom-embed-play svg):not(.dd-z.dd-z z z) { transition: none !important; }
  :where(.elementor .e-con.dd-rv-card:hover):not(.dd-z.dd-z z z z z z z z z z), :where(.dd-rv-video:hover .dd-rv-video__player .elementor-wrapper):not(.dd-z.dd-z.dd-z z z z z z) { transform: none; }
  :where(.dd-rv-card:hover .dd-rv-card__text):not(.dd-z.dd-z z z z z z z)::before { transform: none; }
}
