/* ============================================================
   DAYA HOME REDESIGN LAYER  (real photos + bird motif + layout variety)
   Loaded AFTER main.css so it wins the cascade at equal specificity.
   Niche-adapted "Efrat treatment": asymmetric hero, organic photo frames,
   floating cards, full-bleed photo band, the Daya kite as recurring motif.
   ============================================================ */

/* ---------- Daya kite motif: the recurring decorative element ---------- */
.daya-bot { position: absolute; pointer-events: none; user-select: none; z-index: 0; margin: 0; line-height: 0; }
img.daya-bot { display: block; height: auto; }
.section, .hero, .webinars-section, .contact-section, .photo-band { position: relative; }
.section > .container,
.hero-redesign .hero-inner,
.webinars-section .webinars-inner,
.contact-section > .container { position: relative; z-index: 1; }

/* ====================== HERO ====================== */
.hero-redesign {
  overflow: hidden;
  background:
    radial-gradient(120% 95% at 86% 6%, #E9F0FA 0%, rgba(233,240,250,0) 58%),
    linear-gradient(180deg, #FFFFFF 0%, #F3F7FC 100%);
}
.daya-bot-hero { width: min(48vw, 640px); top: -5%; left: -7%; opacity: .055; transform: scaleX(-1) rotate(-7deg); }

.hero-redesign .hero-inner {
  display: grid;
  grid-template-columns: 1.02fr 0.98fr;
  align-items: center;
  gap: clamp(28px, 4.5vw, 76px);
  text-align: right;
  padding-block: clamp(122px, 13vw, 170px) clamp(54px, 7vw, 92px);
}
.hero-redesign .hero-text { max-width: 660px; }
.hero-redesign .hero-eyebrow { justify-content: flex-start; }
.hero-redesign .hero-ctas { justify-content: flex-start; }

.hero-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.hero-tag {
  font-size: 13px; font-weight: 600; color: var(--navy-800);
  background: rgba(4, 42, 98, .05); border: 1px solid rgba(4, 42, 98, .10);
  padding: 7px 14px; border-radius: 999px;
}

.hero-visual { position: relative; }
.hero-img-frame {
  position: relative; aspect-ratio: 4 / 5;
  border-radius: 210px 210px 26px 26px; overflow: hidden;
  box-shadow: 0 34px 72px -32px rgba(2, 26, 64, .48);
}
.hero-img-frame img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hero-img-frame::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(2, 26, 64, 0) 42%, rgba(2, 26, 64, .30) 100%);
}
.hero-stat-float {
  position: absolute; bottom: 26px; inset-inline-start: -20px; z-index: 2;
  background: #fff; border: 1px solid var(--line); border-radius: 16px;
  padding: 15px 22px; box-shadow: 0 20px 44px -20px rgba(2, 26, 64, .42);
  display: flex; align-items: center; gap: 14px;
}
.hero-stat-float .hsf-ic { width: 40px; height: 40px; border-radius: 11px; background: var(--cream-100); color: var(--navy-800); display: grid; place-items: center; }
.hero-stat-float b { display: block; font-size: 30px; font-weight: 800; color: var(--navy-800); line-height: 1; }
.hero-stat-float span { font-size: 12.5px; color: var(--ink-500); }

/* ====================== ABOUT ====================== */
.about-section .about-video { background: #0A1426; }
.about-section .about-video .about-video-bg {
  position: absolute; inset: 0;
  background:
    linear-gradient(180deg, rgba(4, 42, 98, .26), rgba(2, 20, 38, .68)),
    url("../img/meeting-room.jpg") center / cover no-repeat;
}
.about-float-card {
  position: absolute; bottom: -16px; inset-inline-start: -16px; z-index: 4;
  background: #fff; border: 1px solid var(--line); border-radius: 14px;
  padding: 13px 18px; display: flex; align-items: center; gap: 12px;
  box-shadow: 0 20px 44px -20px rgba(2, 26, 64, .42);
}
.about-float-card .afc-ic { width: 40px; height: 40px; border-radius: 10px; background: var(--cream-100); color: var(--navy-800); display: grid; place-items: center; }
.about-float-card b { display: block; font-size: 14px; color: var(--navy-900); }
.about-float-card span { font-size: 12px; color: var(--ink-500); }
.daya-bot-about { width: 200px; top: -34px; inset-inline-start: -26px; opacity: .05; transform: rotate(6deg); }

/* ====================== AUDIENCE (real photos) ====================== */
.audience-image[data-photo] { position: relative; overflow: hidden; }
.audience-image[data-photo] .audience-image-pattern { display: none; }
.audience-image[data-photo]::before {
  content: ""; position: absolute; inset: 0;
  background-image: var(--photo); background-size: cover;
  background-position: var(--focus, center);
  transition: transform .6s ease;
}
.audience-card:hover .audience-image[data-photo]::before { transform: scale(1.06); }
.audience-image[data-photo]::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(2, 26, 64, 0) 42%, rgba(2, 26, 64, .58) 100%);
}
.audience-image[data-photo] .audience-image-tag { position: relative; z-index: 2; }

/* ====================== GALLERY (real photos) ====================== */
.gallery-card[data-photo] .gallery-bg { background: #0A1426; }
.gallery-card[data-photo] .gallery-bg::before {
  content: ""; position: absolute; inset: 0;
  background-image: var(--photo); background-size: cover; background-position: center;
  transition: transform .7s ease;
}
.gallery-card[data-photo]:hover .gallery-bg::before { transform: scale(1.07); }
.gallery-card[data-photo] .gallery-pattern,
.gallery-card[data-photo] .gallery-watermark { display: none; }
.gallery-card[data-photo] .gallery-bg::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(2, 26, 64, 0) 38%, rgba(2, 26, 64, .64) 100%);
}
.gallery-card[data-photo] .gallery-overlay { position: absolute; inset: auto 0 0 0; z-index: 2; }

/* ====================== SERVICES (photo per expanded row) ====================== */
.service-row-photo {
  border-radius: 16px; overflow: hidden; min-height: 220px;
  background-size: cover; background-position: center;
  box-shadow: 0 18px 40px -22px rgba(2, 26, 64, .4);
}
@media (min-width: 880px) {
  .service-row-has-photo .service-row-body-inner {
    display: grid; grid-template-columns: 1.45fr 0.85fr; gap: 30px; align-items: start;
  }
  .service-row-photo { align-self: stretch; }
}

/* ====================== WEBINARS band (kite line-art corners) ====================== */
.daya-bot-wr { width: 240px; top: 8%; inset-inline-end: -36px; opacity: .07; transform: scaleX(-1); }
.daya-bot-wl { width: 190px; bottom: 6%; inset-inline-start: -30px; opacity: .055; }

/* ====================== NEW: full-bleed photo statement band ====================== */
.photo-band { overflow: hidden; isolation: isolate; }
.photo-band-bg {
  position: absolute; inset: 0; z-index: 0;
  background-image: var(--photo); background-size: cover; background-position: center 38%;
}
.photo-band-bg::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(105deg, rgba(2, 20, 38, .90) 0%, rgba(4, 42, 98, .78) 48%, rgba(4, 42, 98, .42) 100%);
}
.photo-band-inner {
  position: relative; z-index: 1; text-align: right;
  padding-block: clamp(72px, 9vw, 128px); max-width: 640px;
}
.photo-band .pb-eyebrow { color: rgba(255, 255, 255, .72); font-size: 12.5px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.photo-band h2 { color: #fff; font-weight: 800; font-size: clamp(28px, 4vw, 46px); line-height: 1.16; letter-spacing: -.01em; margin: 14px 0 14px; }
.photo-band p { color: rgba(255, 255, 255, .85); font-size: clamp(16px, 1.5vw, 19px); line-height: 1.7; margin: 0 0 26px; max-width: 56ch; }
.daya-bot-band { width: 300px; bottom: -40px; inset-inline-start: 6%; opacity: .08; transform: rotate(-4deg); }

/* ====================== CONTACT / TESTIMONIALS motif ====================== */
.daya-bot-contact { width: 240px; top: 4%; inset-inline-start: -30px; opacity: .04; transform: scaleX(-1) rotate(-6deg); }

/* ====================== RESPONSIVE ====================== */
@media (max-width: 860px) {
  .hero-redesign .hero-inner { grid-template-columns: 1fr; gap: 40px; }
  .hero-visual { order: 2; max-width: 460px; margin-inline: auto; width: 100%; }
  .hero-img-frame { aspect-ratio: 4 / 3.4; border-radius: 150px 150px 22px 22px; }
  .hero-stat-float { inset-inline-start: auto; inset-inline-end: 14px; bottom: 14px; }
  .daya-bot-hero { width: 70vw; opacity: .045; }
  .service-row-photo { display: none; } /* keep mobile accordion compact */
  .photo-band-inner { max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .audience-image[data-photo]::before,
  .gallery-card[data-photo] .gallery-bg::before { transition: none; }
}

/* ============================================================
   HOME BEAUTIFICATION PASS v2  (Efrat-grade color rhythm)
   - softer gallery overlays (kill the "blue stripe")
   - WhyUs image cards (no icons)
   - centered quote band with flanking Daya birds
   - centered, living services background
   - lighter audience photos, centered section heads
   - alternating section background tints for color variety
   ============================================================ */

/* ---------- Centered section heads on the home page (Efrat rhythm) ---------- */
.home #why .section-head,
.home #services .section-head,
.home #audience .section-head,
.home #gallery .section-head,
.home #knowledge .section-head,
.home .faq-section .section-head {
  align-items: center;
  text-align: center;
  max-width: 760px;
  margin-inline: auto;
}

/* ---------- Color rhythm: tint otherwise-blank sections ---------- */
.home #why { background: linear-gradient(180deg, #F7F9FC 0%, #EDF2F9 100%); }
.home #audience { background: #F4F7FB; }

/* ====================== GALLERY: soften overlays (fix blue stripe) ====================== */
.gallery-card[data-photo] .gallery-bg::after {
  background: linear-gradient(180deg, rgba(0,0,0,0) 42%, rgba(0,0,0,.50) 100%);
}
.gallery-card[data-photo] .gallery-overlay {
  background: linear-gradient(to top, rgba(0,0,0,.80) 0%, rgba(0,0,0,.30) 55%, transparent 86%);
}

/* ====================== WHYUS: image cards, no icons ====================== */
.why-card-img {
  padding: 0;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 14px 34px -26px rgba(2, 26, 64, .35);
}
.why-card-img::before { display: none !important; }
.why-card-photo {
  position: relative;
  aspect-ratio: 16 / 11;
  background-size: cover;
  background-position: center;
}
.why-card-photo::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(2, 26, 64, 0) 52%, rgba(2, 26, 64, .42) 100%);
}
.why-card-img .why-num {
  position: absolute; top: 12px; inset-inline-start: 12px; z-index: 2;
  margin: 0; width: 40px; height: 40px; border-radius: 11px;
  background: rgba(255, 255, 255, .94); color: var(--navy-800);
  display: grid; place-items: center;
  font-family: var(--font-serif); font-size: 15px; font-weight: 700; letter-spacing: 0;
  box-shadow: 0 8px 18px -8px rgba(2, 26, 64, .55);
}
.why-card-text { padding: 22px 22px 26px; }
.why-card-img h3 { margin-top: 0; }
.why-card-img:hover {
  transform: translateY(-5px);
  box-shadow: 0 26px 52px -26px rgba(2, 26, 64, .45);
  border-color: var(--line-strong);
}

/* ====================== QUOTE BAND: centered + flanking birds ====================== */
.photo-band-quote .photo-band-bg { background-position: center 42%; }
.photo-band-quote .photo-band-bg::after {
  background: linear-gradient(180deg, rgba(2, 18, 36, .88) 0%, rgba(4, 34, 78, .84) 100%);
}
.photo-band-quote .photo-band-inner {
  text-align: center;
  max-width: 780px;
  margin-inline: auto;
  padding-block: clamp(80px, 10vw, 140px);
}
.photo-band-quote .pb-eyebrow {
  display: block;
  color: var(--gold-400, #C9A24B);
  letter-spacing: .22em;
}
.pb-quote {
  margin: 20px auto 30px;
  font-family: var(--font-serif);
  font-weight: 500;
  color: #fff;
  font-size: clamp(23px, 3.1vw, 38px);
  line-height: 1.36;
  letter-spacing: -.005em;
  text-wrap: balance;
}
.daya-bot-flank {
  width: clamp(138px, 17.25vw, 264px);   /* +15% */
  top: 50%; opacity: .15; z-index: 0;
}
.daya-bot-flank-r { inset-inline-end: calc(1.5% + 30px); transform: translateY(-50%) scaleX(-1) rotate(-4deg); }
.daya-bot-flank-l { inset-inline-start: calc(1.5% + 30px); transform: translateY(-50%) rotate(4deg); }

/* ====================== SERVICES: centered + living background ====================== */
.services-section, .services-carousel { overflow: hidden; background: #fff; }   /* pure flat white */
.services-section::before, .services-carousel::before { display: none; }   /* no mesh tint -> exact #fff match to the wave divider above = smooth transition */
.services-section > .container, .services-carousel > .container { position: relative; z-index: 1; }
@keyframes dayaMeshDrift {
  0%   { background-position: 0% 0%; }
  100% { background-position: 100% 100%; }
}

/* ====================== HERO: Ken Burns slideshow (zoom + crossfade) ====================== */
.hero-kenburns {
  background: var(--navy-900) !important;   /* image now comes from the slideshow layers */
}
.hero-slideshow {
  position: absolute; inset: 0; z-index: 0; overflow: hidden;
}
.hero-slide {
  position: absolute; inset: 0;
  background-size: cover;
  background-position: center bottom;
  opacity: 0;
  will-change: opacity, transform;
  animation: dayaHeroKB 21s linear infinite;
}
.hero-slide:nth-child(1) { animation-delay: 0s; }
.hero-slide:nth-child(2) { animation-delay: 7s; }
.hero-slide:nth-child(3) { animation-delay: 14s; }
@keyframes dayaHeroKB {
  /* Zoom travels its FULL range while the slide is visible (0% -> 35%),
     then holds off-screen. Front-loading the scale makes the Ken Burns
     motion clearly perceptible instead of crawling across the whole 21s loop. */
  0%   { opacity: 0; transform: scale(1.0); }
  3%   { opacity: 1; }
  30%  { opacity: 1; }
  35%  { opacity: 0; transform: scale(1.16); }
  100% { opacity: 0; transform: scale(1.16); }
}
/* black overlay above the slides, below the text (main.css forces ::before to none) */
.hero-kenburns::before {
  content: "" !important;
  position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(180deg, rgba(0,0,0,.56) 0%, rgba(0,0,0,.66) 52%, rgba(0,0,0,.80) 100%);
  pointer-events: none;
}
.hero-kenburns .hero-inner { position: relative; z-index: 2; }
@media (prefers-reduced-motion: reduce) {
  .hero-slide { animation: none; transform: none; opacity: 0; }
  .hero-slide:nth-child(1) { opacity: 1; }
}

/* ====================== QUOTE BAND: solid brand navy (Efrat style) ====================== */
.photo-band-quote { background: var(--navy-800); }   /* #042A62 brand navy */
.photo-band-quote .photo-band-bg { display: none; }

/* ====================== WEBINARS: declutter (motif now lives in the quote band) ====================== */
.webinars-section::after { display: none !important; }

/* ====================== AUDIENCE: let the photos breathe ====================== */
.audience-image[data-photo]::after {
  background: linear-gradient(180deg, rgba(2, 26, 64, 0) 46%, rgba(2, 26, 64, .48) 100%);
}
.audience-card-image { border-radius: 16px; overflow: hidden; box-shadow: 0 14px 34px -26px rgba(2, 26, 64, .35); transition: transform .3s ease, box-shadow .3s ease; }
.audience-card-image:hover { transform: translateY(-4px); box-shadow: 0 24px 48px -26px rgba(2, 26, 64, .42); }

/* ====================== RESPONSIVE (v2) ====================== */
@media (max-width: 860px) {
  .daya-bot-flank { opacity: .08; width: 34vw; }
  .why-card-photo { aspect-ratio: 16 / 9; }
}
@media (prefers-reduced-motion: reduce) {
  .services-section::before { animation: none; }
  .why-card-img:hover, .audience-card-image:hover { transform: none; }
}

/* ============================================================
   HOME REFINEMENTS v3
   - WhyUs: bigger cards (2-up), bold titles, no number badge
   - Quote band: large white opening quotation mark + visible gold CTA
   ============================================================ */

/* ---------- WhyUs: enlarge to a 2-up grid with bigger media + bold titles ---------- */
.home #why .why-grid { grid-template-columns: repeat(2, 1fr); gap: 28px; }
.why-card-img .why-card-photo { aspect-ratio: 16 / 8.2; }
.why-card-img .why-card-text { padding: 30px 34px 34px; }
.why-card-img h3 {
  font-weight: 700;
  font-size: clamp(24px, 2.3vw, 30px);
  margin-bottom: 14px;
}
.why-card-img p { font-size: clamp(16px, 1.4vw, 17.5px); line-height: 1.65; }
@media (max-width: 720px) {
  .home #why .why-grid { grid-template-columns: 1fr; }
}

/* ---------- Quote band: proper SVG quote-mark glyph (Efrat style), gold ---------- */
.photo-band-quote .photo-band-inner { text-align: center; }
.pb-quote-mark {
  display: block; margin: 0 auto 22px;
  width: clamp(46px, 5.4vw, 66px); height: auto;
}
.pb-quote em {
  font-style: normal;
  font-weight: 800;
  color: #fff;
}
/* byline: line — קבוצת דיה — line, centered (Efrat style) */
.pb-byline {
  display: flex; align-items: center; justify-content: center;
  gap: 16px; margin: 26px auto 30px;
}
.pb-byline-line {
  display: block; width: clamp(32px, 6vw, 64px); height: 1px;
  background: rgba(255,255,255,.4);
}
.pb-byline-text {
  font-size: 14px; font-weight: 600; letter-spacing: .04em;
  color: rgba(255,255,255,.78);
}

/* ---------- Quote band CTA: was navy-on-navy (invisible) -> gold, high contrast ---------- */
.photo-band-quote .pb-cta {
  background: #C8A24A !important;          /* explicit gold (theme --gold-* is forced to navy) */
  border-color: transparent !important;
  color: #021A40 !important;
  box-shadow: 0 14px 30px -14px rgba(0,0,0,.45);
}
.photo-band-quote .pb-cta:hover {
  background: #D8B45E !important;
  transform: translateY(-2px);
}
.photo-band-quote .pb-cta svg { color: #021A40 !important; }

/* ============================================================
   ABOUT FEATURE BAND  (fills the "empty" second section, simhaev style)
   The method, made tangible: 4 photo-backed points under the about block
   ============================================================ */
.about-features-wrap { margin-top: clamp(48px, 6vw, 76px); }
.about-features-head {
  display: flex; align-items: center; gap: 22px;
  margin-bottom: clamp(26px, 3vw, 38px);
}
.about-features-head .afh-line {
  flex: 1; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(4,42,98,.18), transparent);
}
.about-features-head .afh-title {
  margin: 0; flex: 0 0 auto;
  font-family: var(--font-serif);
  font-size: clamp(20px, 2.2vw, 27px);
  font-weight: 700;
  color: #042A62;
  letter-spacing: -0.01em;
  white-space: nowrap;
}
.about-features {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(18px, 1.8vw, 26px);
}
.af-card {
  background: #fff;
  border: 1px solid rgba(4,42,98,.08);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 16px 38px -28px rgba(2,26,64,.42);
  transition: transform .32s cubic-bezier(.16,1,.3,1), box-shadow .32s ease;
}
.af-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 28px 54px -28px rgba(2,26,64,.5);
}
.af-media {
  position: relative;
  aspect-ratio: 16 / 10;
  background-size: cover;
  background-position: center;
}
.af-media::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(2,26,64,.05) 0%, rgba(2,26,64,.42) 100%);
}
.af-ic {
  position: absolute; inset-inline-end: 12px; bottom: 12px; z-index: 1;
  width: 40px; height: 40px; border-radius: 11px;
  display: inline-flex; align-items: center; justify-content: center;
  background: #C8A24A; color: #021A40;
  box-shadow: 0 8px 18px -8px rgba(2,26,64,.55);
}
.af-body { padding: 20px 22px 24px; }
.af-title {
  margin: 0 0 8px;
  font-family: var(--font-serif);
  font-size: clamp(18px, 1.7vw, 21px);
  font-weight: 700;
  color: #042A62;
  letter-spacing: -0.01em;
}
.af-text {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--ink-500);
}
@media (max-width: 900px) {
  .about-features { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
  .about-features { grid-template-columns: 1fr; }
  .about-features-head .afh-title { white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
  .af-card:hover { transform: none; }
}

/* ============================================================
   KNOWLEDGE CAROUSEL  (Efrat-style arrow slider with photo cards)
   ============================================================ */
.home #knowledge .knowledge-head.section-head {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  text-align: start;
  max-width: none;
}
.knowledge-head .knowledge-head-text {
  flex: 1 1 420px;
  max-width: 720px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.kcarousel-nav { display: flex; gap: 10px; flex: 0 0 auto; padding-bottom: 4px; }
.kc-arrow {
  width: 48px; height: 48px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #0B3B7A 0%, #042A62 100%); color: #fff;
  border: 1px solid #0B3B7A;
  box-shadow: 0 10px 22px -12px rgba(4,42,98,.6);
  cursor: pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.kc-arrow:hover { background: linear-gradient(135deg, #1453A0 0%, #0B3B7A 100%); color: #fff; border-color: #1453A0; transform: translateY(-2px); box-shadow: 0 16px 28px -12px rgba(4,42,98,.7); }
.kc-arrow.is-disabled { opacity: .32; pointer-events: none; }

.kcarousel { overflow: hidden; margin: 0 calc(var(--container-x) * -1); padding: 0 var(--container-x); }
.kcarousel-track {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 6px 2px 20px;
}
.kcarousel-track::-webkit-scrollbar { display: none; }

.kcarousel-track .kcard {
  flex: 0 0 calc((100% - 40px) / 3);
  min-width: 300px;
  scroll-snap-align: start;
  padding: 0;
  overflow: hidden;
}
.kcard-photo-card { display: flex; flex-direction: column; }
.kcard-photo {
  position: relative;
  aspect-ratio: 16 / 9;
  background-size: cover;
  background-position: center;
}
.kcard-photo::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(2,26,64,0) 40%, rgba(2,26,64,.45) 100%);
}
.kcard-photo .kcard-cat {
  position: absolute; inset-inline-start: 14px; top: 14px; z-index: 1;
  background: rgba(255,255,255,.94); color: #042A62;
}
.kcard-body { padding: 22px 24px 26px; display: flex; flex-direction: column; flex: 1; }
.kcard-photo-card .kcard-read {
  display: inline-flex; align-items: center; gap: 6px;
  margin-bottom: 10px; color: var(--ink-400);
}
.kcard-photo-card .kcard-title { margin-bottom: 10px; }
.kcard-photo-card .kcard-excerpt { margin-bottom: 18px; }

/* Whole-card link + equal-height cards (homepage knowledge + single related slider) */
.kcard-cover-link { display: flex; flex-direction: column; flex: 1 1 auto; height: 100%; color: inherit; text-decoration: none; }
.kcard-photo-card .kcard-body { flex: 1 1 auto; }
.kcard-photo-card .kcard-excerpt {
  display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;
  overflow: hidden; color: var(--ink-400, #5a6b85);
}
.kcard-link { margin-top: auto; display: inline-flex; align-items: center; gap: 7px; font-weight: 700; font-size: 14px; color: #0B3B7A; transition: gap .3s ease, color .3s ease; }
.kcard-cover-link:hover .kcard-link { gap: 12px; color: #042A62; }
.kcard-cover-link:hover .kcard-title { color: #0B3B7A; }

@media (max-width: 980px) {
  .kcarousel-track .kcard { flex-basis: calc((100% - 20px) / 2); min-width: 280px; }
}
@media (max-width: 620px) {
  .kcarousel-track .kcard { flex-basis: 86%; min-width: 0; }
  .knowledge-head { align-items: flex-start; }
}

/* ============================================================
   WHYUS -> Simhaev-style navy feature band (white line-icons + movement)
   Replaces the old 2-up photo cards. 4 centered columns on a navy gradient,
   each: large white icon (gentle float) + bold heading + light description,
   staggered fade-in-up entrance + gold hover lift.
   ============================================================ */
.home #why.why-feature-band {
  position: relative;
  overflow: hidden;
  /* leans into the dark side of Daya's bird navy (#021A40), with only a faint
     azure glow top-right for depth instead of the old bright Simhaev azure. */
  padding-top: clamp(40px, 5vw, 68px);
  background:
    radial-gradient(125% 100% at 90% -10%, rgba(110,193,228,0.34) 0%, rgba(110,193,228,0) 44%),
    linear-gradient(165deg, #1B4E86 0%, #0C376E 46%, #021A40 100%);
}
.home #why.why-feature-band > .container { position: relative; z-index: 1; }
/* bottom wave divider, Elementor "Waves" preset, exactly like Simhaev's azure strip */
.home #why.why-feature-band { padding-bottom: clamp(96px, 11vw, 150px); }
.why-shape-divider {
  position: absolute; left: 0; right: 0; bottom: -1px; z-index: 2;
  line-height: 0; pointer-events: none; direction: ltr;
}
.why-shape-divider svg {
  display: block; width: 100%; height: clamp(46px, 5vw, 74px);
  transform: scaleY(-1);   /* solid fill to the bottom edge, wave crests face up into the azure */
}
.why-shape-divider .wsd-fill { fill: #fff; }   /* = services section bg below (now white) */

.home #why .why-grid.why-feature-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(22px, 2.6vw, 44px);
  margin-top: 10px;
}
.why-feature {
  display: flex; flex-direction: column; align-items: center;
  text-align: center;
  padding: 6px 8px;
}
/* BARE white icons (no box) exactly like Simhaev; movement is HOVER-ONLY */
.why-feature .wf-icon {
  margin-bottom: 16px;
  display: inline-flex; align-items: center; justify-content: center;
  color: #fff;
  transition: transform .4s cubic-bezier(.16,1,.3,1), color .3s ease;
}
.why-feature .wf-icon svg { width: 48px; height: 48px; }
/* custom per-icon hover motion (one by one), nothing moves at rest */
.why-feature:nth-child(1):hover .wf-icon { transform: translateY(-8px); color: #C8A24A; }
.why-feature:nth-child(2):hover .wf-icon { transform: translateY(-8px) scale(1.08); color: #C8A24A; }
.why-feature:nth-child(3):hover .wf-icon { transform: translateY(-8px) rotate(-6deg); color: #C8A24A; }
.why-feature:nth-child(4):hover .wf-icon { transform: translateY(-8px) scale(1.08); color: #C8A24A; }
.wf-title {
  margin: 0 0 8px;
  font-family: inherit;          /* Heebo sans, matching Simhaev */
  font-size: clamp(20px, 1.9vw, 24px);
  font-weight: 700; color: #fff;
  letter-spacing: -0.01em; text-wrap: balance;
}
.wf-text {
  margin: 0; max-width: 26ch;
  font-size: clamp(15px, 1.4vw, 17px); line-height: 1.6;
  color: rgba(255,255,255,.8);
}
@media (max-width: 900px) {
  .home #why .why-grid.why-feature-grid { grid-template-columns: repeat(2, 1fr); row-gap: 44px; }
}
@media (max-width: 520px) {
  .home #why .why-grid.why-feature-grid { grid-template-columns: 1fr; row-gap: 38px; }
}
@media (prefers-reduced-motion: reduce) {
  .why-feature:hover .wf-icon { transform: none; }
}

/* ============================================================
   HERO SHAPE DIVIDER (Elementor layered-tilt, like Simhaev)
   ============================================================ */
.hero-shape-divider {
  position: absolute; left: 0; right: 0; bottom: -1px; z-index: 3;
  width: 100%; line-height: 0; pointer-events: none; overflow: hidden;
}
/* Elementor "Tilt Opacity" preset, replicated 1:1 from Simhaev: three layered
   paths at opacity 1 / 0.5 / 0.25, same fill, no flip (matches their render). */
.hero-shape-divider svg {
  display: block; width: 100%; height: clamp(40px, 4vw, 56px);
  transform: rotate(180deg);   /* Elementor flips bottom dividers 180deg -> solid fill sits at the bottom */
}
.hero-shape-divider .hsd-fill { fill: #fff; }   /* = About section bg (white); opacity layers give the soft tilt */

/* ============================================================
   ABOUT: Simhaev second-section look (two offset images + text + button)
   Text column and two-image column are EQUAL HEIGHT (grid stretch).
   ============================================================ */
.about-inner.about-inner-twoimg {
  grid-template-columns: 1fr 1fr;
  gap: clamp(32px, 4.5vw, 64px);
  align-items: stretch;            /* equal height: both columns match */
}
.about-inner-twoimg .about-text {
  max-width: 600px;
  display: flex; flex-direction: column; justify-content: center;
}
.about-inner-twoimg .section-title { text-wrap: balance; }
.about-points {
  list-style: none; margin: 20px 0 26px; padding: 0;
  display: flex; flex-direction: column; gap: 11px;
}
.about-points li {
  display: flex; align-items: center; gap: 11px;
  font-size: 16px; color: var(--navy-900); font-weight: 600;
}
.about-points li svg {
  flex: 0 0 auto;
  width: 26px; height: 26px;
  padding: 5px;
  border-radius: 50%;
  background: linear-gradient(140deg, #DDB868 0%, #C8A24A 60%, #B6924A 100%);
  color: #fff;
  box-shadow: 0 4px 12px -4px rgba(200,162,74,.55);
}
.about-cta { margin-top: 4px; align-self: flex-start; }

/* two-image composition, modeled 1:1 on Simhaev's second section:
   back image = petal (one square corner, rest heavily rounded, gentle float),
   front image = tall oval, offset diagonally and overlapping, azure blob behind.
   Both ~0.78 portrait, same size, diagonal overlap. */
.about-section { background: #fff; }               /* second section is WHITE */
.about-twoimg {
  position: relative;
  min-height: 580px;               /* floor; stretches taller to match text */
  z-index: 0;
}
.atw-img {
  position: absolute; z-index: 1;
  width: 58%; aspect-ratio: 7 / 10; /* clearly portrait so the front reads as a vertical ELLIPSE */
  background-size: cover; background-position: center;
  box-shadow: 0 34px 70px -34px rgba(2,26,64,.45);
  transition: transform .55s cubic-bezier(.16,1,.3,1);  /* HOVER ONLY, no auto-motion */
}
.atw-img-1 {
  top: 0; inset-inline-end: 0;
  border-radius: 16px 50% 50% 50%;   /* petal: one square corner, rest domed */
}
.atw-img-1:hover { transform: translateY(-8px); }
.atw-img-2 {
  bottom: 0; inset-inline-start: 0; z-index: 2;
  aspect-ratio: 7 / 9;               /* fatter ellipse (0.778), exactly like Simhaev */
  border-radius: 50%;                /* vertical ellipse */
  border: 10px solid #fff;           /* thicker white separation border, like Simhaev */
}
.atw-img-2:hover { transform: scale(1.04) rotate(-1.5deg); }
.atw-accent {
  position: absolute; z-index: 0;
  top: -4%; inset-inline-end: -8%;
  width: 62%; aspect-ratio: 1; border-radius: 50%;
  background: radial-gradient(circle at 50% 50%, rgba(110,193,228,.36), rgba(110,193,228,.09) 56%, transparent 72%);
}
.about-inner-twoimg .about-float-card {
  z-index: 3; inset-inline-start: 2%; bottom: 4%;
}
/* "השיטה שלנו, בארבע מילים": no icon chips on the photos */
.af-ic { display: none !important; }
@media (max-width: 900px) {
  .about-inner.about-inner-twoimg { grid-template-columns: 1fr; gap: 40px; }
  .about-twoimg { min-height: 480px; max-width: 500px; margin-inline: auto; width: 100%; }
}
@media (max-width: 420px) {
  .about-twoimg { min-height: 400px; }
  .atw-img { width: 62%; }
}
@media (prefers-reduced-motion: reduce) {
  .atw-img-1:hover, .atw-img-2:hover { transform: none; }
}

/* ============================================================
   PASS v3 — RTL icon placement, hero CTA, Efrat-grade footer
   (appended last → wins at equal specificity)
   ============================================================ */

/* (icon stays in its natural RTL leading position inside buttons — no reorder) */

/* 2) Homepage hero — single, larger, wider primary CTA (WhatsApp button removed) */
.hero-ctas .btn.hero-cta-main {
  font-size: clamp(16.5px, 1.5vw, 19px);
  padding: 18px 52px;
  min-width: 300px;
  letter-spacing: 0.01em;
}
@media (max-width: 560px) {
  .hero-ctas .btn.hero-cta-main { min-width: 0; width: 100%; padding-inline: 28px; }
}

/* 3) Footer v2 — Efrat-grade: brand (right, leads) + 2 link cols + contact (left) */
.footer-v2 .footer-grid {
  grid-template-columns: 1.5fr 1fr 1fr 1.15fr;
  gap: 44px;
  align-items: start;
}
.footer-v2 .footer-col h4 { color: var(--gold-400); }
.footer-contact .fc-list,
.footer-contact .fc-hours { list-style: none; margin: 0; padding: 0; }
.footer-contact .fc-list { display: flex; flex-direction: column; gap: 14px; }
.fc-item {
  display: flex; align-items: center; gap: 11px; justify-content: flex-start;
  color: var(--ink-300); font-size: 14.5px; line-height: 1.3; transition: color .2s;
}
.fc-item:hover:not(.fc-static) { color: var(--gold-400); }
.fc-static { cursor: default; }
.fc-ic { display: inline-flex; align-items: center; color: var(--gold-400); flex-shrink: 0; }
.fc-text bdi { unicode-bidi: plaintext; }
.fc-sep { height: 1px; background: var(--line-on-navy); margin: 20px 0 16px; }
.footer-contact .fc-hours { display: flex; flex-direction: column; gap: 10px; }
.footer-contact .fc-hours li { display: flex; align-items: center; gap: 10px; font-size: 13.5px; color: var(--ink-500); }
.footer-contact .fc-hours .fc-ic { color: rgba(255,255,255,0.38); }
.footer-brandcol .footer-tagline { max-width: 40ch; margin-bottom: 14px; }
.footer-note { font-size: 14.5px; font-weight: 700; color: #DDB868; margin: 0 0 18px; }
.footer-v2 .footer-mark { display: block; height: 64px; width: auto; margin-bottom: 18px; }

@media (max-width: 960px) {
  .footer-v2 .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; }
  .footer-brandcol { grid-column: 1 / -1; order: -1; }
}
@media (max-width: 560px) {
  .footer-v2 .footer-grid { grid-template-columns: 1fr; }
}
/* MOBILE: fully centred footer — text + content. Nir 2026-06-07 */
@media (max-width: 760px) {
  .footer-v2 .footer-grid { grid-template-columns: 1fr; text-align: center; }
  .footer-v2 .footer-brand-row { justify-content: center !important; }
  .footer-v2 .footer-brandcol .footer-tagline { max-width: none; margin-inline: auto; }
  .footer-v2 .footer-socials { justify-content: center; }
  .footer-v2 .footer-contact .fc-list { align-items: center; }
  .footer-v2 .footer-contact .fc-hours { align-items: center; }
  .footer-v2 .fc-item,
  .footer-v2 .footer-contact .fc-hours li { justify-content: center; }
  .footer-v2 .footer-bar { flex-direction: column; gap: 12px; text-align: center; }
  .footer-v2 .footer-legal { justify-content: center; flex-wrap: wrap; }
}

/* ============================================================
   SERVICES SHOWCASE  (Nir 2026-06-07)
   Replaces the flat accordion. Vertical tab rail (right) drives a
   single rich panel (left): photo + description + feature checklist
   + CTA. No numbers, no 4 repetitive cards — fills the space.
   ============================================================ */
.svc-showcase {
  display: grid;
  grid-template-columns: 318px 1fr;
  gap: clamp(24px, 3vw, 48px);
  align-items: start;
  max-width: 1180px;
  margin: clamp(28px, 3.4vw, 46px) auto 0;
  text-align: right;
}
/* selection stays in the right column; the service card is centred within
   the remaining (left) column so it doesn't hug the tabs. Nir 2026-06-07 */
.svc-showcase .svc-panels {
  justify-self: center;
  width: 100%;
  max-width: 560px;
}
.svc-tablist {
  display: flex; flex-direction: column; gap: 12px;
  position: sticky; top: 96px;
}
.svc-tab {
  display: flex; align-items: center; gap: 14px;
  width: 100%; text-align: right;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 15px 17px;
  cursor: pointer;
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease, background .3s ease;
}
.svc-tab:hover { border-color: var(--line-strong, rgba(4,42,98,.2)); transform: translateY(-2px); }
.svc-tab .svc-tab-icon {
  flex: 0 0 auto;
  width: 48px; height: 48px; border-radius: 13px;
  display: grid; place-items: center;
  background: linear-gradient(160deg, #EAF1FB, #F6F9FD);
  color: var(--navy-800);
  transition: background .3s ease, color .3s ease;
}
.svc-tab .svc-tab-text { flex: 1; display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.svc-tab .svc-tab-title { font-weight: 700; font-size: 16.5px; color: var(--navy-900); letter-spacing: -.01em; line-height: 1.2; }
.svc-tab .svc-tab-sub { font-size: 12.5px; color: var(--ink-500); line-height: 1.35; }
.svc-tab .svc-tab-arrow {
  flex: 0 0 auto; display: inline-flex; color: var(--ink-300);
  opacity: 0; transform: translateX(6px);
  transition: opacity .25s ease, transform .25s ease, color .25s ease;
}
.svc-tab.active {
  background: linear-gradient(150deg, #042A62 0%, #021A40 100%);
  border-color: transparent;
  box-shadow: 0 20px 44px -22px rgba(2,26,64,.55);
  transform: none;
}
.svc-tab.active .svc-tab-icon { background: rgba(255,255,255,.14); color: #fff; }
.svc-tab.active .svc-tab-title { color: #fff; }
.svc-tab.active .svc-tab-sub { color: rgba(255,255,255,.74); }
.svc-tab.active .svc-tab-arrow { opacity: 1; transform: none; color: #C8A24A; }

/* panels stacked in one grid cell -> smooth crossfade between services
   (height stays stable, no layout jump, no instant swap) */
.svc-panels { display: grid; }
.svc-panel {
  grid-area: 1 / 1;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 30px 70px -38px rgba(2,26,64,.45);
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity .42s cubic-bezier(.16,1,.3,1), transform .42s cubic-bezier(.16,1,.3,1), visibility .42s;
  pointer-events: none;
}
.svc-panel.active {
  opacity: 1;
  visibility: visible;
  transform: none;
  pointer-events: auto;
  position: relative;
  z-index: 1;
}
.svc-panel[hidden] { display: block; }   /* visibility handled by .active, not the attr */
.svc-panel-media {
  min-height: 232px;
  background-size: cover; background-position: center;
  position: relative;
}
.svc-panel-media::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(2,26,64,0) 38%, rgba(2,26,64,.34) 100%);
}
.svc-panel-content { padding: clamp(26px, 2.6vw, 42px); }
.svc-panel-title {
  margin: 0 0 12px; font-family: var(--font-serif);
  font-size: clamp(24px, 2.4vw, 31px); font-weight: 700;
  color: var(--navy-900); letter-spacing: -.01em;
}
.svc-panel-desc {
  margin: 0 0 24px; font-size: clamp(15.5px, 1.4vw, 17px);
  line-height: 1.7; color: var(--ink-600, #4A5567);
}
.svc-feature-grid {
  list-style: none; margin: 0 0 28px; padding: 0;
  display: grid; grid-template-columns: 1fr 1fr; gap: 16px 28px;
}
.svc-feature-grid li { display: flex; gap: 11px; align-items: flex-start; }
.svc-feature-check {
  flex: 0 0 auto; margin-top: 1px;
  width: 24px; height: 24px; border-radius: 8px;
  display: grid; place-items: center;
  background: rgba(200,162,74,.15); color: #C8A24A;
}
.svc-feature-text { display: flex; flex-direction: column; gap: 2px; }
.svc-feature-title { font-weight: 700; font-size: 15px; color: var(--navy-900); line-height: 1.3; }
.svc-feature-desc { font-size: 13.5px; line-height: 1.5; color: var(--ink-500); }
.svc-panel-cta { display: inline-flex; align-items: center; gap: 8px; }

@media (max-width: 920px) {
  .svc-showcase { grid-template-columns: 1fr; }
  .svc-tablist { position: static; }
  .svc-tab .svc-tab-arrow { display: none; }
  .svc-feature-grid { grid-template-columns: 1fr; gap: 14px; }
}

/* ============================================================
   FAQ + CONTACT side by side  (Nir 2026-06-07)
   FAQ pinned right, contact form on the left, one section — no
   redundant scroll.
   ============================================================ */
.faq-contact-section .fc-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(28px, 3.4vw, 56px);
  align-items: start;
}
.faq-contact-section .fc-faq .section-head,
.faq-contact-section .fc-form .contact-head {
  text-align: right;
  align-items: flex-start;
  max-width: none;
  margin-inline: 0;
}
.faq-contact-section .fc-faq .section-head { margin-bottom: 22px; }
.faq-contact-section .fc-form {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 22px;
  padding: clamp(24px, 2.6vw, 38px);
  box-shadow: 0 24px 60px -34px rgba(2,26,64,.32);
}
.faq-contact-section .fc-form .contact-head { margin-bottom: 18px; }
@media (max-width: 920px) {
  .faq-contact-section .fc-grid { grid-template-columns: 1fr; gap: 38px; }
}

/* Nir 2026-06-07: turn ONLY the small grayish-blue audience tint white.
   Everything else (navy why-band, navy webinars, photo band) stays as it was. */
.home #audience { background: #fff; }

/* ============================================================
   MOBILE OPTIMIZATION PASS — Nir 2026-06-07 (home + global)
   ============================================================ */

/* --- GLOBAL: kill the stray horizontal overflow (white strip on the side) ---
   Use overflow-x: clip (NOT hidden) so it doesn't create a scroll container and
   break position:sticky on descendants (e.g. the single-post sidebar). */
html, body { overflow-x: clip; max-width: 100%; }
#site-root { overflow-x: clip; }

/* --- HEADER: drop the consult button on mobile (hamburger stays) --- */
@media (max-width: 1024px) {
  .nav-cta .btn-primary { display: none; }
}

/* === ABOUT "מי אנחנו": photo right after the H2 on mobile; hide the float card === */
@media (max-width: 900px) {
  .about-inner.about-inner-twoimg { display: flex; flex-direction: column; gap: 22px; }
  .about-inner-twoimg .about-text { display: contents; }
  .about-inner-twoimg .eyebrow { order: 1; }
  .about-inner-twoimg .section-title { order: 2; }
  .about-inner-twoimg .about-visual { order: 3; margin: 4px 0 6px; }
  .about-inner-twoimg .about-lede { order: 4; }
  .about-inner-twoimg .about-detail { order: 5; }
  .about-inner-twoimg .about-points { order: 6; }
  .about-inner-twoimg .about-cta { order: 7; align-self: stretch; }
  .about-float-card { display: none !important; }   /* hide the "אקדמיה פוגשת שטח" white card on mobile */
}

/* === "השיטה שלנו בארבע מילים": compact 2-up on mobile (kills the long scroll) === */
@media (max-width: 520px) {
  .about-features { grid-template-columns: 1fr 1fr !important; gap: 12px; }
  .af-media { aspect-ratio: 16 / 11; }
  .af-body { padding: 14px 14px 16px; }
  .af-title { font-size: 15.5px; }
  .af-text { font-size: 12.5px; line-height: 1.5; }
  .about-features-head .afh-title { font-size: 19px; white-space: normal; }
}

/* === WEBINARS: videos right under the title + visible (gold) checkmarks === */
.webinars-features li svg { color: #C8A24A; }
@media (max-width: 1024px) {
  .webinars-inner { display: flex; flex-direction: column; gap: 26px; align-items: stretch; }
  .webinars-text { display: contents; }
  .webinars-text .eyebrow.on-navy { order: 1; }
  .webinars-text .section-title.on-navy { order: 2; }
  .reels-grid { order: 3; }
  .webinars-text .section-lede.on-navy { order: 4; }
  .webinars-features { order: 5; }
  .webinars-text .btn { order: 6; align-self: flex-start; }
}
/* the 3 reels collapse on mobile — turn them into a visible snap carousel
   sitting right under the title (matches the gallery carousel). Nir 2026-06-07 */
@media (max-width: 760px) {
  .reels-grid {
    display: flex;
    grid-template-columns: none;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin: 0 calc(var(--container-x) * -1);
    padding: 2px var(--container-x) 8px;
  }
  .reels-grid::-webkit-scrollbar { display: none; }
  .reels-grid .reel,
  .reels-grid .reel:nth-child(2),
  .reels-grid .reel:nth-child(3) {
    flex: 0 0 66%;
    scroll-snap-align: center;
    aspect-ratio: 3 / 4;
    transform: none;
    display: block;
  }
}

/* === GALLERY: horizontal snap carousel on mobile === */
@media (max-width: 760px) {
  .gallery-grid {
    display: flex;
    grid-template-columns: none;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin: 0 calc(var(--container-x) * -1);
    padding: 4px var(--container-x) 14px;
  }
  .gallery-grid::-webkit-scrollbar { display: none; }
  .gallery-card {
    flex: 0 0 80%;
    scroll-snap-align: center;
    aspect-ratio: 4 / 3;
    min-height: 0;
    height: auto;
    grid-area: auto !important;
  }
}

/* === QUOTE BAND birds: higher + smaller, pulled ~30px toward centre on mobile === */
@media (max-width: 760px) {
  .daya-bot-flank { top: 11%; width: 21vw; opacity: .14; }
  .daya-bot-flank-r { inset-inline-end: calc(3% + 30px); transform: scaleX(-1) rotate(-4deg); }
  .daya-bot-flank-l { inset-inline-start: calc(3% + 30px); transform: rotate(4deg); }
}

/* === SERVICES showcase: real connected accordion on mobile === */
@keyframes svcDrawerIn {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}
@media (max-width: 920px) {
  .svc-showcase { display: block; max-width: none; padding-inline-end: 0; margin-top: clamp(24px,4vw,36px); }
  .svc-showcase .svc-panels { max-width: none; }   /* reset the desktop centring cap */
  /* tabs stack with a gap, BUT an open tab joins seamlessly to its drawer */
  .svc-tablist { position: static; gap: 0; }
  .svc-showcase .svc-tab { margin-bottom: 10px; border-radius: 16px; }
  .svc-showcase .svc-tab.active {
    margin-bottom: 0;
    border-radius: 16px 16px 0 0;          /* flatten the bottom → continues into the drawer */
    box-shadow: 0 -2px 0 0 transparent;
  }
  .svc-panels { display: block; }
  /* each panel is moved (by JS) to sit right under its tab = one accordion unit */
  .svc-showcase .svc-panel {
    position: static; visibility: visible; transform: none;
    display: none; margin: 0 0 10px;
    border-top: 0;                          /* shares the active tab's bottom edge */
    border-radius: 0 0 16px 16px;           /* rounded only at the bottom */
  }
  .svc-showcase .svc-panel.active {
    display: block;
    animation: svcDrawerIn .35s ease both;  /* subtle fade/slide on open */
  }
  .svc-panel-media { aspect-ratio: 16 / 9; min-height: 0; border-radius: 0; }
  .svc-tab .svc-tab-arrow { display: inline-flex; transition: transform .3s ease; }
  .svc-tab.active .svc-tab-arrow { transform: rotate(-90deg); }
  .svc-panel-cta { width: 100%; justify-content: center; white-space: normal; text-align: center; }
  .svc-feature-grid { grid-template-columns: 1fr; gap: 14px; }
}

/* ============================================================
   HOME FAQ — centered, full-width (form removed; lead capture
   now lives in the single bottom CTA). Nir 2026-06-07
   ============================================================ */
.faq-centered-section .section-head {
  margin-inline: auto;
  text-align: center;
  align-items: center;
  max-width: 700px;
}
.faq-centered-section .section-head .eyebrow { justify-content: center; }
.faq-list.faq-list-centered {
  max-width: 860px;
  margin-inline: auto;
  text-align: right;
}

/* ===== FAQ — elevated card accordion (Nir 2026-06-09: previous accordion felt low-grade) ===== */
.faq-centered-section { background: var(--cream-50, #FAF7F0); }
.faq-centered-section .faq-list-centered {
  border-top: 0;
  max-width: 820px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.faq-centered-section .faq-item {
  position: relative;
  border-bottom: 0;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(2,26,64,.03);
  transition: border-color .3s ease, box-shadow .3s ease;
}
.faq-centered-section .faq-item::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #C8A24A;
  transform: scaleY(0);
  transform-origin: top;
  transition: transform .35s ease;
}
.faq-centered-section .faq-item:hover { border-color: var(--line-strong, #d6dded); }
.faq-centered-section .faq-item.open {
  border-color: rgba(200,162,74,.5);
  box-shadow: 0 18px 44px -26px rgba(2,26,64,.32);
}
.faq-centered-section .faq-item.open::before { transform: scaleY(1); }
.faq-centered-section .faq-q {
  padding: 22px 22px;
  font-family: var(--font-sans);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--navy-900);
}
.faq-centered-section .faq-q:hover { color: #C8A24A; }
.faq-centered-section .faq-item.open .faq-q { color: var(--navy-900); }
.faq-centered-section .faq-toggle {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(200,162,74,.4);
  background: rgba(200,162,74,.1);
  color: #C8A24A;
}
.faq-centered-section .faq-item.open .faq-toggle {
  transform: rotate(45deg);
  background: #C8A24A;
  border-color: #C8A24A;
  color: #fff;
}
.faq-centered-section .faq-a p {
  padding: 0 22px 24px;
  font-size: 15.5px;
  line-height: 1.72;
  color: var(--ink-600, #3a4658);
}

/* ============================================================
   HEADER NAV — larger menu text + matched CTA button. Nir 2026-06-07
   ============================================================ */
.navbar .nav-links a { font-size: 16px; font-weight: 600; }
.navbar .nav-cta .btn { font-size: 15.5px; padding: 11px 20px; }

/* ============================================================
   LEGAL PAGES (privacy + accessibility) — readable prose.
   Nir 2026-06-07
   ============================================================ */
.legal-section { padding-top: clamp(130px, 15vw, 200px); padding-bottom: clamp(56px, 7vw, 96px); }
.legal-container { max-width: 860px; }
.legal-head { margin-bottom: clamp(28px, 4vw, 48px); }
.legal-head .section-title { margin-top: 6px; }
.legal-updated { color: var(--ink-500); font-size: 14px; margin-top: 10px; }
.legal-body { text-align: right; color: var(--ink-700); }
.legal-body h2 {
  font-size: clamp(19px, 2.2vw, 23px);
  color: var(--navy-900);
  font-weight: 700;
  margin: clamp(28px, 3vw, 40px) 0 12px;
}
.legal-body p { line-height: 1.85; margin: 0 0 14px; font-size: 16px; }
.legal-body ul { margin: 0 0 16px; padding-inline-start: 22px; }
.legal-body li { line-height: 1.8; margin-bottom: 8px; font-size: 16px; }
.legal-body a { color: var(--navy-700); text-decoration: underline; }
.legal-body a:hover { color: var(--gold-700); }

/* ====================== HOME SERVICES — crossfade carousel (replaces image cards) ====================== */
.svc-cf {
  margin-top: clamp(38px, 5vw, 56px);
}
.svc-cf-stage {
  position: relative;
  border-radius: clamp(18px, 2vw, 26px);
  overflow: hidden;
  box-shadow: var(--shadow-lg, 0 30px 70px -30px rgba(2,26,64,.35));
  border: 1px solid var(--line);
  background: var(--navy-900);
}
.svc-cf-slides {
  position: relative;
  aspect-ratio: 16 / 9;
  min-height: 440px;
}
.svc-cf-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity .85s cubic-bezier(.4,0,.2,1), visibility .85s;
}
.svc-cf-slide.active {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
.svc-cf-scene {
  position: absolute;
  inset: 0;
  background-image: var(--scene);
  background-size: cover;
  background-position: center;
  transform: scale(1.02);
  transition: transform 1.4s ease;
}
.svc-cf-slide.active .svc-cf-scene { transform: scale(1); }
.svc-cf-slide.active:hover .svc-cf-scene { transform: scale(1.04); }
/* bright cream wash on the RIGHT (text side), fading to clear over the subject on the left */
.svc-cf-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    to left,
    rgba(250,247,240,.98) 0%,
    rgba(250,247,240,.92) 26%,
    rgba(250,247,240,.55) 48%,
    rgba(250,247,240,.12) 64%,
    rgba(250,247,240,0) 76%
  );
}
/* whole image is a link to the service page (text panel/CTA stay interactive) */
.svc-cf-link {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: block;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.svc-cf-inner {
  position: relative;
  z-index: 4;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start; /* RTL -> right side */
  padding: 0 clamp(34px, 6vw, 92px);
  pointer-events: none; /* let clicks on the empty image area reach .svc-cf-link */
}
.svc-cf-info { pointer-events: auto; } /* text + CTA remain clickable/selectable */
.svc-cf-info {
  max-width: 470px;
  text-align: right;
}
.svc-cf-tag {
  display: inline-block;
  margin-bottom: 16px;
  padding: 7px 18px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-align: center;
  color: #fdeecb;
  background: var(--navy-800);
  border: 1px solid rgba(221,184,104,.5);
  border-radius: 999px;
  box-shadow: 0 6px 18px -8px rgba(2,26,64,.45);
}
.svc-cf-info h3 {
  font-family: var(--font-sans);
  font-weight: 800;
  font-size: clamp(26px, 3.4vw, 38px);
  line-height: 1.18;
  letter-spacing: -0.012em;
  color: var(--navy-900);
  margin: 0 0 14px;
}
.svc-cf-desc {
  font-size: clamp(15px, 1.25vw, 17px);
  line-height: 1.7;
  color: var(--ink-600, #3a4658);
  margin: 0 0 20px;
  text-wrap: pretty;
}
/* light, airy checklist — gold check-circle + text, NO pill background (blends with the cream wash, stays compact) */
.svc-cf-feats {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  justify-content: flex-start;
}
.svc-cf-feats li {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--navy-800);
  background: transparent;
  border: 0;
}
.svc-cf-feats li::before {
  content: "\2713";
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(140deg, #DDB868 0%, #C8A24A 100%);
  color: #fff;
  font-size: 10.5px;
  font-weight: 900;
  box-shadow: 0 3px 9px -3px rgba(200,162,74,.5);
}
.svc-cf-cta {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 13px 26px;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  background: var(--navy-800);
  border-radius: 999px;
  text-decoration: none;
  transition: background .25s ease, gap .2s ease, transform .25s ease;
}
.svc-cf-cta:hover {
  background: var(--navy-900);
  gap: 14px;
  transform: translateY(-1px);
}
/* nav arrows */
.svc-cf-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 6;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: var(--navy-800);
  cursor: pointer;
  box-shadow: 0 8px 24px -10px rgba(2,26,64,.4);
  transition: background .2s ease, transform .2s ease;
}
.svc-cf-nav:hover { background: #fff; transform: translateY(-50%) scale(1.06); }
.svc-cf-nav.prev { right: 18px; }
.svc-cf-nav.next { left: 18px; }
/* dots */
.svc-cf-dots {
  display: flex;
  gap: 9px;
  justify-content: center;
  margin-top: 22px;
}
.svc-cf-dot {
  width: 9px;
  height: 9px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(2,26,64,.22);
  cursor: pointer;
  transition: width .3s ease, background .3s ease;
}
.svc-cf-dot.active {
  width: 30px;
  background: var(--gold-600, #C8A24A);
}

@media (max-width: 860px) {
  .svc-cf-slides { aspect-ratio: auto; min-height: 0; height: 540px; }
  .svc-cf-scene { background-position: 28% center; } /* keep the subject (left) in frame */
  .svc-cf-slide::before {
    /* richer dark base under the text/CTA so the bottom doesn't read washed-out (Nir 2026-06-10) */
    background: linear-gradient(
      to top,
      rgba(2,16,42,.98) 0%,
      rgba(2,16,42,.93) 40%,
      rgba(2,16,42,.62) 66%,
      rgba(2,16,42,.18) 86%,
      rgba(2,16,42,0) 100%
    );
  }
  .svc-cf-inner { align-items: flex-end; padding: 0 26px 34px; }
  .svc-cf-info { max-width: none; }
  .svc-cf-tag {
    color: #fdeecb;
    background: rgba(2,16,42,.6);
    border-color: rgba(221,184,104,.6);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
  }
  .svc-cf-info h3 { color: #fff; }
  .svc-cf-desc { color: rgba(255,255,255,.86); }
  .svc-cf-feats li {
    color: #fff;
    background: transparent;
    border: 0;
  }
  .svc-cf-cta { background: var(--gold-600, #C8A24A); color: var(--navy-900); }
  .svc-cf-cta:hover { background: #DDB868; }
  .svc-cf-nav { display: none; }
  .svc-cf-dot { width: 10px; height: 10px; background: rgba(2,26,64,.28); }
  .svc-cf-dot.active { width: 32px; }
}
@media (max-width: 480px) {
  .svc-cf-slides { height: 500px; }
  .svc-cf-info h3 { font-size: 24px; }
}

/* white-background utility (Nir 2026-06-09: knowledge + testimonials sections white) */
.bg-white { background: #fff !important; }

/* ===== ABOUT — "ארבעה עקרונות" principles section (had ZERO css -> rendered unstyled/weird). Nir 2026-06-09 ===== */
.about-principles {
  padding-block: clamp(56px, 7vw, 96px);
  background: #fff;
}
.about-principles .section-head {
  text-align: center;
  align-items: center;
  max-width: 680px;
  margin: 0 auto clamp(36px, 4.5vw, 56px);
}
.about-principles .section-head .eyebrow { justify-content: center; }
.principles-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(16px, 2vw, 26px);
  max-width: 980px;
  margin-inline: auto;
}
.principle-row {
  background: var(--cream-50, #FAF7F0);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: clamp(26px, 3vw, 38px);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.principle-row:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 48px -30px rgba(2,26,64,.35);
  border-color: rgba(200,162,74,.4);
}
.principle-num {
  display: inline-block;
  font-family: var(--font-sans);
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.1em;
  color: #C8A24A;
  margin-bottom: 14px;
}
.principle-title {
  font-family: var(--font-sans);
  font-weight: 800;
  font-size: clamp(19px, 2vw, 23px);
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: var(--navy-900);
  margin: 0 0 10px;
}
.principle-desc {
  font-size: 15px;
  line-height: 1.7;
  color: var(--ink-600, #3a4658);
  margin: 0;
  text-wrap: pretty;
}
@media (max-width: 720px) {
  .principles-list { grid-template-columns: 1fr; }
}

/* CTA buttons: icon ALWAYS on the LEFT of the text (RTL). Nir 2026-06-09.
   order:1 pushes the svg after the text in the flex flow -> left side in RTL,
   whether the icon is the first or last child in the markup. */
.btn svg { order: 1; }

/* tighten the gap between the מאמרים (knowledge) and לקוחות ממליצים (testimonials) sections. Nir 2026-06-09 */
#knowledge.knowledge-section { padding-bottom: clamp(34px, 4vw, 56px); }
.testimonials-section { padding-top: clamp(34px, 4vw, 56px); }

/* ============= HOME AUDIENCE — fixed-scroll feature band (cosmetics cxadvx pattern, Daya tokens) ============= */
.audience-feat {
  position: relative;
  overflow: hidden;
  padding: clamp(56px, 7vw, 100px) 0;
}
/* beat the legacy .home #audience{background:#fff} tint rule */
.home #audience.audience-feat { background: var(--navy-900); }
.audience-feat::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: var(--audbg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
.audience-feat__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(2,16,42,.72) 0%, rgba(2,11,30,.85) 100%);
}
.audience-feat__inner { position: relative; z-index: 2; }
.audience-feat__head {
  text-align: center;
  max-width: 720px;
  margin: 0 auto clamp(34px, 4vw, 54px);
}
.audience-feat__head .section-title { margin-top: 8px; text-shadow: 0 2px 18px rgba(0,0,0,.5); }
.audience-feat__head .section-lede { margin: 14px auto 0; text-shadow: 0 1px 12px rgba(0,0,0,.5); }
.audience-feat__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(14px, 1.4vw, 20px);
}
.audience-feat__step {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: clamp(10px, 1vw, 14px);
  padding: clamp(22px, 2vw, 28px) clamp(16px, 1.5vw, 22px);
  border-radius: 16px;
  background: rgba(2,14,36,.5);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  border: 1px solid rgba(200,162,74,.32);
  transition: transform .4s ease, border-color .4s ease;
}
.audience-feat__step:hover { transform: translateY(-5px); border-color: rgba(221,184,104,.62); }
.audience-feat__num {
  flex: 0 0 auto;
  font-family: var(--font-sans);
  font-weight: 900;
  font-size: clamp(1.9rem, 2.4vw, 2.5rem);
  line-height: .92;
  color: #C8A24A;
  letter-spacing: -0.02em;
  text-shadow: 0 1px 10px rgba(0,0,0,.5);
}
.audience-feat__txt { flex: 1 1 auto; min-width: 0; }
.audience-feat__txt h3 {
  font-family: var(--font-sans);
  color: #fff;
  font-size: clamp(1rem, 1.2vw, 1.16rem);
  font-weight: 800;
  margin: 2px 0 8px;
  letter-spacing: -0.005em;
  line-height: 1.25;
}
.audience-feat__txt p {
  color: rgba(255,255,255,.82);
  line-height: 1.6;
  margin: 0;
  font-size: clamp(.86rem, .95vw, .95rem);
  text-wrap: pretty;
}
@media (max-width: 980px) {
  .audience-feat__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .audience-feat__grid { grid-template-columns: 1fr; }
  .audience-feat::before { background-attachment: scroll; }
}

/* "אודות" button placed under service-page intro paragraphs — solid blue */
.daya-about-btn,
.btn.btn-secondary.daya-about-btn {
  margin-top: 22px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #0B3B7A 0%, #042A62 100%) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 12px 26px -12px rgba(4,42,98,.6) !important;
  transition: transform .25s ease, box-shadow .25s ease, gap .2s ease, background .25s ease !important;
}
.daya-about-btn:hover,
.btn.btn-secondary.daya-about-btn:hover {
  background: linear-gradient(135deg, #1453A0 0%, #0B3B7A 100%) !important;
  color: #fff !important;
  gap: 12px;
  transform: translateY(-2px);
  box-shadow: 0 16px 30px -12px rgba(4,42,98,.7) !important;
}
.daya-about-btn svg { color: #fff !important; }

/* Home "לכל המאמרים והמדריכים" — solid blue, white text */
.knowledge-footer .btn,
.knowledge-footer .btn.btn-secondary {
  background: linear-gradient(135deg, #0B3B7A 0%, #042A62 100%) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 12px 26px -12px rgba(4,42,98,.6) !important;
  transition: transform .25s ease, box-shadow .25s ease, gap .2s ease, background .25s ease !important;
}
.knowledge-footer .btn:hover,
.knowledge-footer .btn.btn-secondary:hover {
  background: linear-gradient(135deg, #1453A0 0%, #0B3B7A 100%) !important;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 16px 30px -12px rgba(4,42,98,.7) !important;
}
.knowledge-footer .btn svg { color: #fff !important; }

/* ============================================================
   MOBILE REFINEMENTS — v4.9.61 (live review, 2026-06-09)
   Every rule below is mobile-only. Loaded last → wins.
   ============================================================ */
@keyframes dayaMarquee { from { transform: translateX(0); } to { transform: translateX(50%); } }
@keyframes dayaHeroFadeMobile { 0% { opacity: 0; } 3% { opacity: 1; } 30% { opacity: 1; } 35% { opacity: 0; } 100% { opacity: 0; } }

@media (max-width: 768px) {

  /* ---------- 1. Header: solid white, compact, smaller logo, cleaner burger ---------- */
  .navbar { background: #fff !important; border-bottom: 1px solid var(--line) !important; box-shadow: 0 4px 18px -16px rgba(2,26,64,.32) !important; }
  .navbar-inner { height: 68px !important; min-height: 68px !important; }
  .brand-logo { height: 58px !important; }
  .hero { padding-top: 68px !important; }
  .mobile-menu-btn { width: 42px; height: 42px; border: 0 !important; background: transparent !important; color: var(--navy-800); border-radius: 10px; }
  .mobile-menu-btn:active { background: rgba(4,42,98,.07) !important; }
  .mobile-menu-btn svg { width: 24px; height: 24px; }

  /* ---------- 1. Hero: keep "קבוצת דיה" eyebrow, bigger headline, snug CTA (Nir 2026-06-10) ---------- */
  .hero-eyebrow { font-size: 11.5px; padding: 6px 14px; margin-bottom: 18px; letter-spacing: .02em; }
  .hero h1 { font-size: clamp(36px, 10.5vw, 50px) !important; line-height: 1.1 !important; margin-bottom: 16px; }
  .hero p.lede { font-size: 15.5px !important; line-height: 1.5; margin-bottom: 26px; }
  .hero-ctas { margin-bottom: 24px; align-items: center !important; }
  .hero-ctas .btn.hero-cta-main { width: auto !important; min-width: 0 !important; align-self: center !important; font-size: 15.5px !important; padding: 14px 26px !important; }
  /* Ken Burns not suited to mobile → soft cross-fade only (no zoom/pan), recentred */
  .hero-slide { background-position: center center !important; animation-name: dayaHeroFadeMobile !important; }

  /* ---------- 2. About "מי אנחנו": centre, bigger+closer eyebrow, unify paragraph colours, kill the compounding gaps (Nir 2026-06-10) ---------- */
  .about-inner.about-inner-twoimg { gap: 14px !important; }
  .about-inner-twoimg .about-text { text-align: center; align-items: center; max-width: none; }
  .about-inner-twoimg .about-text .eyebrow { justify-content: center; font-size: 14px; letter-spacing: .14em; margin: 0; }
  .about-inner-twoimg .section-title { margin: -4px 0 0 !important; }
  .about-inner-twoimg .about-visual { margin: 6px 0 !important; }
  .about-inner-twoimg .about-lede,
  .about-inner-twoimg .about-detail {
    text-align: center; margin: 0 !important; color: var(--ink-700) !important;
    font-size: 16px; line-height: 1.65; font-weight: 500;
  }
  .about-points { gap: 9px; margin: 4px 0 0 !important; }
  .about-points li {
    justify-content: flex-start; text-align: right;
    background: var(--cream-50, #FAF7F0); border: 1px solid var(--line);
    border-radius: 12px; padding: 12px 14px; font-size: 14.5px; gap: 10px;
  }
  .about-cta { align-self: center; margin: 4px 0 0 !important; }

  /* ---------- 3. Services fade widget: compact single-line features w/ gold check-circle + subject-framed crop (Nir 2026-06-10) ---------- */
  .svc-cf-slides { height: 540px !important; }
  /* portrait crop frames the SUBJECT (people sit on the LEFT of these 16:9 shots); nudged further inward so they're never clipped */
  .svc-cf-scene { background-position: 15% 24% !important; background-size: cover !important; }
  /* one tight line per feature (glass boxes wrapped each to 2 lines = too tall); gold check-circle = premium but compact */
  .svc-cf-feats { flex-direction: column !important; flex-wrap: nowrap !important; align-items: flex-start !important; gap: 10px !important; margin-bottom: 16px !important; }
  .svc-cf-feats li {
    display: flex !important; align-items: center !important; gap: 10px !important;
    padding: 0 !important; background: transparent !important; border: 0 !important;
    font-size: 14px !important; font-weight: 600 !important; color: #fff !important; line-height: 1.25 !important;
  }
  .svc-cf-feats li::before {
    content: "\2713" !important; flex: 0 0 auto !important;
    width: 21px !important; height: 21px !important; border-radius: 50% !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    background: linear-gradient(140deg, #DDB868 0%, #C8A24A 100%) !important;
    color: #fff !important; font-size: 11px !important; font-weight: 900 !important;
    box-shadow: 0 3px 10px -3px rgba(200,162,74,.55) !important;
  }
  .svc-cf-cta { background: #fff !important; color: var(--navy-900) !important; box-shadow: 0 10px 26px -12px rgba(0,0,0,.55) !important; }
  .svc-cf-cta:hover { background: #F1F4F8 !important; color: var(--navy-900) !important; }
  .svc-cf-cta svg { color: var(--navy-900) !important; }

  /* ---------- 4. Audience "לא לכולם": widen the description, less empty left space ---------- */
  .audience-feat__head .section-lede { max-width: none; }
  .audience-feat__step { padding: 18px 16px; gap: 12px; }
  .audience-feat__num { font-size: 1.65rem; }
  .audience-feat__txt p { font-size: .98rem; }

  /* ---------- 5. Gallery (home) + Gallery page: auto infinite marquee ---------- */
  .gallery-grid.is-marquee, .gp-grid.is-marquee {
    display: flex !important; flex-wrap: nowrap !important; width: max-content;
    grid-template-columns: none !important; grid-auto-rows: auto !important;
    gap: 14px; overflow: visible !important; scroll-snap-type: none !important;
    animation: dayaMarquee 36s linear infinite; margin: 0 !important; padding: 4px 0 !important;
  }
  .gallery-grid.is-marquee { animation-duration: 32s; }
  .gallery-grid.is-marquee .gallery-card {
    flex: 0 0 74vw !important; max-width: 300px; width: 74vw; aspect-ratio: 4/3;
    height: auto; min-height: 0; grid-area: auto !important; scroll-snap-align: none;
  }
  .gp-grid.is-marquee { animation-duration: 48s; }
  .gp-grid.is-marquee .gp-tile { flex: 0 0 68vw !important; max-width: 290px; width: 68vw; aspect-ratio: 3/4; grid-area: auto !important; }
  .gallery-grid.is-marquee:active, .gp-grid.is-marquee:active { animation-play-state: paused; }
  /* the auto-marquee replaces the (browsable) filter grid on the gallery page */
  .gp-filters { display: none !important; }

  /* ---------- 6. Articles carousel: 1 per view, no arrows (JS auto-advances) ---------- */
  .kcarousel-nav { display: none !important; }
  .kcarousel-track { gap: 14px; }
  .kcarousel-track .kcard { flex: 0 0 100% !important; min-width: 0 !important; scroll-snap-align: center; }

  /* ---------- 7. Professional content (webinars): centre + tidy ---------- */
  .webinars-inner { gap: 22px; }
  .webinars-text .eyebrow.on-navy, .webinars-text .section-title.on-navy, .webinars-text .section-lede.on-navy { text-align: center; }
  .webinars-text .eyebrow.on-navy { justify-content: center; }
  .webinars-features { max-width: 440px; margin-inline: auto; }
  .webinars-text .btn { align-self: center !important; margin-inline: auto; }

  /* ---------- 8. Mobile drawer: visible CTA + services accordion (efrat logic, Daya design) ---------- */
  .mobile-menu .btn.btn-primary, .mobile-menu a.mm-cta {
    color: #fff !important; font-family: var(--font-sans) !important; font-size: 16px !important;
    border-bottom: 0 !important; text-align: center; padding: 15px 20px !important; border-radius: 999px;
  }
  .mm-acc { border-bottom: 1px solid var(--line); }
  .mm-acc-trigger {
    width: 100%; display: flex; align-items: center; justify-content: space-between;
    background: transparent; border: 0; cursor: pointer; padding: 14px 0; text-align: right;
    font-family: var(--font-serif); font-size: 22px; color: var(--navy-800);
  }
  .mm-acc-chev { transition: transform .25s ease; color: var(--gold-700, #B5892E); flex: 0 0 auto; }
  .mm-acc.open .mm-acc-chev { transform: rotate(180deg); }
  .mm-acc-panel { max-height: 0; overflow: hidden; transition: max-height .3s ease; }
  .mm-acc.open .mm-acc-panel { max-height: 440px; }
  .mm-acc-panel a {
    display: block !important; font-family: var(--font-sans) !important; font-size: 16px !important;
    padding: 11px 14px !important; border-bottom: 0 !important; color: var(--ink-700) !important;
  }
  .mm-acc-panel a:active { background: rgba(4,42,98,.05); }
  .mm-acc-overview { color: var(--gold-700, #B5892E) !important; font-weight: 700 !important; }

  /* ---------- contact page: form first, details below ---------- */
  .cp-main-grid .cp-form { order: 1; }
  .cp-main-grid .cp-info { order: 2; }

  /* ---------- about page: raise the two Daya birds ~15px ---------- */
  .about-bird-band .daya-bot-flank { margin-top: -15px; }
}

/* ============================================================
   Service-page feature sections (standards / scope / method):
   white sub-title on the dark photo band + a contact CTA at the
   bottom of each section. Nir 2026-06-09.
   ============================================================ */
.svm-standards .section-lede,
.svc3-list .section-lede,
.svp-method__head .section-lede { color: #fff !important; }

.svc-feat-cta { display: flex; justify-content: center; margin-top: clamp(34px, 4vw, 52px); }
.svc-feat-cta .btn {
  display: inline-flex; align-items: center; gap: 9px;
  padding: 15px 34px; font-size: 16px; font-weight: 700;
  background: #fff; color: var(--navy-900); border: 0; border-radius: 999px;
  box-shadow: 0 16px 34px -16px rgba(0,0,0,.55);
  transition: transform .25s ease, gap .2s ease, box-shadow .25s ease, background .25s ease;
}
.svc-feat-cta .btn:hover { background: #F1F4F8; color: var(--navy-900); gap: 13px; transform: translateY(-2px); }
.svc-feat-cta .btn svg { color: var(--navy-900) !important; }

/* ============================================================
   Audience band "לא לכולם, וזה בכוונה": white CTA at the bottom
   (fit-check -> contact, not "free consultation"). Nir 2026-06-10.
   ============================================================ */
.audience-feat__cta { display: flex; justify-content: center; margin-top: clamp(36px, 4.5vw, 56px); }
.audience-feat__cta .btn {
  display: inline-flex; align-items: center; gap: 9px;
  padding: 15px 34px; font-size: 16px; font-weight: 700;
  background: #fff; color: var(--navy-900); border: 0; border-radius: 999px;
  box-shadow: 0 16px 34px -16px rgba(0,0,0,.55);
  transition: transform .25s ease, gap .2s ease, box-shadow .25s ease, background .25s ease;
}
.audience-feat__cta .btn:hover { background: #F1F4F8; color: var(--navy-900); gap: 13px; transform: translateY(-2px); box-shadow: 0 22px 44px -18px rgba(0,0,0,.6); }
.audience-feat__cta .btn svg { color: var(--navy-900) !important; }
@media (max-width: 768px) { .audience-feat__cta .btn { width: auto; padding: 14px 28px; font-size: 15.5px; } }