/* ===========================================================
   Grace 360 — Haredi landing page (/2/)
   Layered ON TOP of main.css. Only Haredi-specific additions:
   - בס"ד ribbon
   - rotating orange hero phrase
   - "whole picture" (numbers vs key) section
   - avatar players (wave / point / like) with static fallback
   - yellow highlighted CTA style (from the creative)
   =========================================================== */

/* ----- optional textarea in the lead form ----- */
.page-haredi .field textarea {
  width: 100%;
  font-family: inherit;
  font-size: 15px;
  color: var(--t-1, #fff);
  background: var(--glass, rgba(255,255,255,0.04));
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 12px;
  padding: 12px 14px;
  resize: vertical;
  min-height: 52px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.page-haredi .field textarea:focus {
  outline: none;
  border-color: var(--copper-2, #D9A878);
  box-shadow: 0 0 0 3px rgba(217,168,120,0.18);
}
.page-haredi .field textarea::placeholder { color: var(--t-3, #8a96ab); }
.field-optional { color: var(--t-3, #8a96ab); font-weight: 400; font-size: 0.85em; }

/* ----- Press / "כתבו עלינו" strip (article links) ----- */
.press-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  max-width: 720px;
  margin: 34px auto 0;
}
@media (max-width: 620px) { .press-grid { grid-template-columns: 1fr 1fr; gap: 12px; } .press-card { padding: 18px 12px; } .press-name { font-size: 18px; } .press-go { font-size: 13px; } }
.press-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 28px 20px;
  text-decoration: none;
  background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 16px;
  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}
.press-card:hover {
  transform: translateY(-3px);
  border-color: rgba(217,168,120,0.5);
  background: linear-gradient(180deg, rgba(217,168,120,0.10), rgba(255,255,255,0.02));
}
.press-name { font-size: clamp(22px, 3vw, 30px); font-weight: 800; color: var(--t-1, #fff); }
.press-go {
  display: inline-flex; align-items: center; gap: 8px;
  color: var(--copper-2, #D9A878); font-weight: 600; font-size: 15px;
}
@media (prefers-reduced-motion: reduce) { .press-card { transition: none; } .press-card:hover { transform: none; } }

/* ----- Hero sub: single flowing line on desktop, 4 controlled lines on mobile
        (keeps the copy on the right so there is room for a much bigger avatar) ----- */
.hsub-br { display: none; }
.hsub-comma { display: inline; }
@media (max-width: 900px) {
  .hsub-br { display: inline; }
  .hsub-comma { display: none; }
}

/* ----- Dropdown options: dark text on white (was white-on-white on Windows/native popups) ----- */
.page-haredi .field select option {
  color: #14223D;
  background-color: #ffffff;
}

/* ----- בס"ד small ribbon, top-right ----- */
.bsd-mark {
  position: fixed;
  top: 6px;
  right: 12px;
  z-index: 60;
  font-size: 13px;
  font-weight: 600;
  color: var(--copper-2, #D9A878);
  letter-spacing: 0.5px;
  pointer-events: none;
  opacity: 0.85;
  text-shadow: 0 1px 4px rgba(0,0,0,0.5);
}

/* ----- Rotating orange phrase in the hero ----- */
.rotate-word {
  color: #E8933D;
  font-weight: 800;
  display: inline-block;
  min-width: 1ch;
  transition: opacity 0.35s ease, transform 0.35s ease;
}
.rotate-word.is-out {
  opacity: 0;
  transform: translateY(8px);
}

/* ----- Highlighted CTA — orange, matching the rotating hero phrase (#E8933D) ----- */
.btn-yellow {
  background: linear-gradient(180deg, #F3A24C, #E8933D);
  color: #14223D !important;
  font-weight: 800;
  border: none;
  box-shadow: 0 10px 26px rgba(232, 147, 61, 0.30);
}
.btn-yellow:hover {
  background: linear-gradient(180deg, #F7B265, #EC9A42);
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(232, 147, 61, 0.42);
}
.btn-yellow svg { stroke: #14223D; }

/* ===========================================================
   "Whole picture" section — numbers vs the key
   =========================================================== */
.wholepic {
  background:
    radial-gradient(ellipse at 20% 0%, rgba(91,155,213,0.10), transparent 60%),
    var(--bg-1, #0c1729);
  border-block: 1px solid rgba(255,255,255,0.05);
}
.wholepic-grid {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 28px;
  align-items: center;
  margin-top: 34px;
}
.wp-card {
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 20px;
  padding: 26px 22px 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 20px 44px rgba(0,0,0,0.35);
}
.wp-card h3 {
  font-size: clamp(20px, 2.4vw, 26px);
  font-weight: 800;
  margin-bottom: 14px;
  line-height: 1.3;
  color: #14223D;
}
.wp-card--them h3 strong { color: #d64545; }
.wp-card--us {
  border-color: rgba(217,168,120,0.5);
  box-shadow: 0 20px 44px rgba(217,168,120,0.22), 0 18px 40px rgba(0,0,0,0.3);
}
.wp-card--us h3 strong { color: #C2956A; }

/* exported image (white background) — square frame, whole image contained (no cropping) */
.wp-img-wrap {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 12px;
  background: #ffffff;
  display: grid;
  place-items: center;
}
.wp-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.wp-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--copper-2, #D9A878);
}
.wp-arrow svg { width: 42px; height: 42px; }
.wp-note {
  text-align: center;
  margin-top: 26px;
  font-size: clamp(15px, 1.8vw, 18px);
  color: #cfd6e3;
  line-height: 1.6;
}
.wp-note strong { color: var(--copper-2, #D9A878); }

@media (max-width: 860px) {
  .wholepic-grid { grid-template-columns: 1fr; gap: 16px; }
  .wp-card { min-height: 0; padding: 24px 18px; }
  .wp-arrow { transform: rotate(90deg); margin: 2px 0; }
}

/* ===========================================================
   Avatars (transparent video: mp4/HEVC-alpha for Safari, webm for the rest,
   static jpeg fallback where transparent video is unsupported)
   =========================================================== */
.avatar {
  pointer-events: none;
  line-height: 0;
}
.avatar video,
.avatar img {
  display: block;
  width: 100%;
  height: auto;
}

/* Hide the iOS "play button" overlay that appears when autoplay is blocked (e.g. Low Power
   Mode) — the avatar then shows a clean static first frame and starts on the first tap. */
video::-webkit-media-controls,
video::-webkit-media-controls-start-playback-button,
video::-webkit-media-controls-panel,
video::-webkit-media-controls-overlay-play-button {
  display: none !important;
  -webkit-appearance: none !important;
  opacity: 0 !important;
}

/* wave — greets on entry, stands to the LEFT of the logo circle, taller than it */
.page-haredi .hero-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(6px, 1.6vw, 24px);
}
.page-haredi .logo-stage { margin: 0; flex: 0 0 auto; }
.avatar-wave {
  flex: 0 0 auto;
  inline-size: clamp(200px, 25vw, 340px);
  align-self: end;
  z-index: 4;
  opacity: 0;
  transform: translateY(18px);
  filter: drop-shadow(0 18px 30px rgba(0,0,0,0.45));
}
.avatar-wave.is-in {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.34,1.56,0.64,1);
}

/* point — cropped avatar in a "window", placed to the LEFT of the form so
   the direction he points (toward the right = the form) makes sense */
@media (min-width: 901px) {
  .page-haredi .quick-lead-inner {
    grid-template-columns: 1fr 1fr minmax(170px, 210px);
    align-items: end;
  }
}
.avatar-point-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: end;
}
.avatar-point-bubble {
  display: inline-block;
  background: var(--copper-2, #D9A878);
  color: #14223D;
  font-weight: 700;
  font-size: 13.5px;
  padding: 8px 13px;
  border-radius: 14px 14px 2px 14px;
  margin-bottom: 10px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.3);
  animation: bubble-bob 2.2s ease-in-out infinite;
}
@keyframes bubble-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
/* framed window for the cropped pointing avatar */
.avatar-point-window {
  inline-size: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(217,168,120,0.30);
  background: linear-gradient(180deg, rgba(91,155,213,0.10), rgba(20,34,61,0.30));
  box-shadow: 0 18px 36px rgba(0,0,0,0.4);
}
.avatar-point-window video,
.avatar-point-window img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}

/* like — appears inside the success panel (full body) */
.avatar-like {
  inline-size: clamp(140px, 40vw, 180px);
  margin: 0 auto 6px;
}

/* Hide the pointing avatar column on small screens (form comes first) */
@media (max-width: 900px) {
  .avatar-point-wrap { display: none; }
}

/* Respect reduced-motion: show a static frame, no autoplay pulse */
@media (prefers-reduced-motion: reduce) {
  .avatar-wave { transition: none; }
  .avatar-point-bubble { animation: none; }
  /* rotating word still changes, but gently (fade only, no vertical slide) */
  .rotate-word { transition: opacity 0.3s ease; }
  .rotate-word.is-out { transform: none; }
}

/* ===========================================================
   Corrections round 1 (per feedback PDF)
   =========================================================== */

/* Hero: the rotating phrase never drops to a second line */
.page-haredi .hero-title { font-size: clamp(32px, 5.2vw, 66px); line-height: 1.1; }
.page-haredi .title-line-2 { white-space: nowrap; }
.rotate-word { white-space: nowrap; }

/* Bigger pointing-avatar window (top + bottom forms) */
@media (min-width: 901px) {
  .page-haredi .quick-lead-inner { grid-template-columns: 1fr 1fr minmax(210px, 260px); }
}
.avatar-point-window { border-radius: 20px; }

/* Reviews: two per row, not three */
.page-haredi .testimonials-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 920px;
  margin-inline: auto;
}
@media (max-width: 680px) {
  .page-haredi .testimonials-grid { grid-template-columns: 1fr; }
}

/* Like avatar in the success panel — much bigger */
.avatar-like { inline-size: clamp(180px, 46vw, 240px); margin-bottom: 4px; }

/* Bottom contact form: avatar to the LEFT of the form (loop) */
@media (min-width: 901px) {
  .page-haredi .contact-inner {
    grid-template-columns: 1fr 1fr minmax(210px, 260px);
    align-items: end;
  }
}

/* Mobile hero: smaller logo circle so the hero phrase shows on the opening screen,
   avatar stays to its left, float buttons never cover the copy */
@media (max-width: 900px) {
  .page-haredi .hero-visual { gap: 4px; }
  .page-haredi .logo-stage { transform: scale(0.7); transform-origin: center; margin: -34px 0; }
  .avatar-wave { inline-size: clamp(108px, 32vw, 168px); }
}

/* ===========================================================
   "אין לנו סוד, יש לנו נוסחה" — formula benefits list
   Mobile-first: single column, becomes 2 columns >=760px.
   =========================================================== */
.formula-list {
  list-style: none;
  margin: 34px auto 0;
  padding: 0;
  max-width: 920px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
@media (min-width: 760px) {
  .formula-list { grid-template-columns: 1fr 1fr; gap: 16px; }
}
.formula-item {
  display: flex;
  align-items: center;
  gap: 14px;
  text-align: right;
  background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  padding: 16px 18px;
  color: var(--t-1, #fff);
  font-size: clamp(15px, 1.7vw, 17px);
  line-height: 1.5;
  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}
.formula-item:hover {
  transform: translateY(-2px);
  border-color: rgba(217,168,120,0.5);
  background: linear-gradient(180deg, rgba(217,168,120,0.08), rgba(255,255,255,0.02));
}
.formula-check {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(217,168,120,0.16);
  color: var(--copper-2, #D9A878);
}
.formula-check svg { width: 17px; height: 17px; }
.formula-cta { text-align: center; margin-top: 30px; }

@media (prefers-reduced-motion: reduce) {
  .formula-item { transition: none; }
  .formula-item:hover { transform: none; }
}

/* ===========================================================
   Thank-you panel · takes over the FULL screen (both forms)
   =========================================================== */
.page-haredi .form-success:not([hidden]) {
  position: fixed;
  inset: 0;
  z-index: 99990;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: rgba(9, 18, 33, 0.95);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 28px;
  text-align: center;
  margin: 0;
  animation: successIn 0.35s ease;
}
@keyframes successIn { from { opacity: 0; } to { opacity: 1; } }
.page-haredi .form-success:not([hidden]) h4 { color: #fff; font-size: clamp(24px, 4vw, 34px); margin: 8px 0 6px; }
.page-haredi .form-success:not([hidden]) p  { color: #cfd6e3; max-width: 460px; font-size: clamp(15px, 2vw, 18px); }
.page-haredi .form-success:not([hidden]) .avatar-like { inline-size: clamp(200px, 40vw, 260px); }
.form-success-close {
  position: fixed;
  top: 18px; inset-inline-start: 18px;
  width: 46px; height: 46px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.22);
  background: rgba(255,255,255,0.10);
  color: #fff; font-size: 20px; line-height: 1; cursor: pointer;
  z-index: 99991;
  align-items: center; justify-content: center;
}
.form-success-close:hover { background: rgba(255,255,255,0.2); }
.page-haredi .form-success:not([hidden]) .form-success-close { display: flex; }

/* ===========================================================
   Corrections round 2 (per "תיקונים אתר חרדי 2")
   =========================================================== */

/* --- Hero: keep the copy above the visual so the circle never hides it --- */
.page-haredi .hero-content { position: relative; z-index: 3; }
.page-haredi .hero-visual  { position: relative; z-index: 1; }

/* --- Hero title: bigger, and all lines reveal together (no orange-first) --- */
.page-haredi .hero-title { font-size: clamp(34px, 5.2vw, 70px); line-height: 1.08; }
.page-haredi .title-line { overflow: visible; }
.page-haredi .title-line-1 .title-text { animation: none; transform: none; opacity: 1; }
.page-haredi .hero-title { animation: hero-title-in 0.7s var(--ease) 0.2s both; }
@keyframes hero-title-in {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: none; }
}

/* --- Hero punch line: bigger, one line on wide screens --- */
.page-haredi .hero-punch {
  font-size: clamp(17px, 2vw, 24px);
  font-weight: 800;
  color: var(--t-1, #fff);
  margin: 0 0 26px;
  line-height: 1.35;
  text-wrap: balance;
  animation: fade-up 0.8s var(--ease) 0.5s both;
}
@media (min-width: 1280px) { .page-haredi .hero-punch { white-space: nowrap; } }

/* --- Desktop hero visual: give the visual a wider column so the circle + the
       (bigger) waving avatar fit side by side WITHOUT covering the copy --- */
@media (min-width: 1025px) {
  .page-haredi .hero-inner {
    grid-template-columns: minmax(0, 1.02fr) minmax(0, 1fr);
    gap: clamp(20px, 3vw, 44px);
  }
  .page-haredi .hero-visual { justify-content: center; gap: clamp(2px, 0.6vw, 10px); }
  .page-haredi .logo-stage { width: clamp(190px, 18vw, 268px); height: clamp(190px, 18vw, 268px); }
  .avatar-wave { inline-size: clamp(240px, 24vw, 350px); align-self: end; }
}

/* ===========================================================
   Quick-lead: heading + pointing avatar on the RIGHT, wide form on the LEFT
   =========================================================== */
.quick-lead-side {
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 2vw, 26px);
}
@media (min-width: 901px) {
  .page-haredi .quick-lead-inner {
    grid-template-columns: minmax(300px, 380px) minmax(0, 1fr);
    align-items: start;
  }
  /* Bottom contact form: info + avatar on the right, wide form on the left */
  .page-haredi .contact-inner {
    grid-template-columns: minmax(300px, 400px) minmax(0, 1fr);
    align-items: start;
  }
}

/* Pointing avatar (point-new) — bigger window, sits under the heading */
.avatar-point-wrap { align-self: stretch; }
.avatar-point-window { inline-size: min(340px, 100%); margin-inline: auto; }
.avatar-point-wrap--bottom .avatar-point-window { inline-size: min(280px, 100%); }

/* ===========================================================
   Whole-picture: smaller square cards so heading + copy + images fit one screen
   =========================================================== */
.wholepic { padding-block: clamp(48px, 6vw, 76px); }
.wholepic .section-head { margin-bottom: 8px; }
.wholepic-grid { max-width: 760px; margin-inline: auto; gap: 20px; align-items: center; }
.wp-card { max-width: 300px; margin-inline: auto; padding: 16px; width: 100%; }
.wholepic-cta { text-align: center; margin-top: 28px; }

/* Looping banner video (white bg, portrait) that replaces the key/dots cards */
.wholepic-video { max-width: 300px; margin: 30px auto 0; }
.wholepic-video video {
  width: 100%;
  display: block;
  border-radius: 18px;
  box-shadow: 0 20px 44px rgba(0,0,0,0.4);
}

/* ===========================================================
   MOBILE (<=900px)
   =========================================================== */
@media (max-width: 900px) {
  /* Hero: small centred circle, avatar the same size to its left,
     so the whole headline is visible on the opening screen */
  .page-haredi .hero { padding-top: 74px; }
  .page-haredi .hero-visual {
    order: -1;
    height: auto;
    gap: 6px;
    justify-content: center;
    margin-bottom: 2px;
  }
  .page-haredi .logo-stage {
    width: clamp(112px, 31vw, 134px);
    height: clamp(112px, 31vw, 134px);
    margin: 0;
    transform: none;
  }
  .avatar-wave { inline-size: clamp(116px, 33vw, 142px); align-self: end; }

  /* Smaller, tidier eyebrow pill that sits higher */
  .page-haredi .hero-eyebrow {
    font-size: 10.5px;
    padding: 5px 12px;
    margin-bottom: 10px;
    letter-spacing: 0.12em;
  }
  .page-haredi .hero-title { margin-bottom: 16px; }
  .page-haredi .hero-sub { margin-bottom: 14px; }
  .page-haredi .hero-title { font-size: clamp(30px, 8.4vw, 44px); }
  .page-haredi .hero-sub { font-size: 15.5px; }
  .page-haredi .hero-punch { font-size: 17px; margin-bottom: 20px; }

  /* Pointing avatar PEEKS in from the RIGHT screen edge (points left, toward the form) */
  .avatar-point-wrap {
    display: flex;
    inline-size: 118px;
    align-self: flex-start;        /* RTL cross-start = right side */
    align-items: flex-start;
    margin-inline-start: -26px;    /* RTL inline-start = right → peek past the right edge */
    margin-inline-end: 0;
    margin-bottom: -4px;
    order: 2;
  }
  .avatar-point-window { inline-size: 118px; border-radius: 16px; }
  .avatar-point-bubble { font-size: 11px; padding: 5px 10px; margin-bottom: 6px; }
  .page-haredi .quick-lead-inner,
  .page-haredi .contact-inner { overflow: visible; }
}

/* Smaller floating buttons on phones so they never sit over the copy */
@media (max-width: 600px) {
  .float-stack .float-btn { width: 48px; height: 48px; }
}

/* ===========================================================
   MOBILE down-pointing avatar · wide frame (form width), head pokes out top
   =========================================================== */
.avatar-down-wrap { display: none; }
@media (max-width: 900px) {
  .page-haredi .avatar-point-wrap { display: none; } /* hide BOTH side avatars on mobile (top + bottom) */

  .avatar-down-wrap {
    display: block;
    position: relative;
    width: 100%;
    height: 200px;
    margin: 14px 0 -2px;
  }
  .avatar-down-box { display: none; }   /* frame removed (Omer) — avatar floats on the section bg */
  .avatar-down-bubble { display: none; } /* "כאן משאירים פרטים" bubble removed (Omer) */

  /* center the "בואו נדבר" / "בואו נתחיל" eyebrow above both forms */
  .page-haredi #quick-lead .section-eyebrow,
  .page-haredi #contact .contact-text .section-eyebrow {
    display: flex;
    width: fit-content;
    margin-inline: auto;
  }
  .avatar-down-video {               /* floating figure (frame removed) */
    position: absolute; left: 50%; bottom: 0;
    transform: translate(-50%, 31px);
    height: 196px; width: auto;
    pointer-events: none;
  }
  /* Omer's sizes (each form separately) */
  .page-haredi #quick-lead .avatar-down-video { transform: translate(-50%, -13px) scale(2.2); }
  .page-haredi #contact   .avatar-down-video { transform: translate(-50%, 4px) scale(2.05); }
  .avatar-down-bubble {
    position: absolute; top: 2px; right: 14px; z-index: 3;
    background: var(--copper-2, #D9A878); color: #14223D; font-weight: 700; font-size: 12px;
    padding: 5px 11px; border-radius: 12px 12px 2px 12px; box-shadow: 0 8px 20px rgba(0,0,0,0.3);
  }
}

/* ===========================================================
   Round 4 · Omer's mobile layout (viewport ~390)
   =========================================================== */
@media (max-width: 900px) {
  /* Center the top logo circle: take the waving avatar out of flow so the circle
     sits dead-center, and place the (bigger) avatar at the bottom-left. */
  .page-haredi .hero-visual { position: relative; justify-content: center; min-height: 156px; }
  .avatar-wave {
    position: absolute;
    left: 2px; bottom: -6px;
    inline-size: clamp(132px, 39vw, 168px);   /* ~1.15x bigger */
    align-self: auto;
    z-index: 4;
  }
  /* smaller eyebrow pill (was riding onto the avatar's head on Android).
     Shrink via font-size, NOT transform — the eyebrow's fade-up animation overrides transform. */
  .page-haredi .hero-eyebrow {
    font-size: 8.5px;
    padding: 4px 10px;
    letter-spacing: 0.02em;
  }
  /* pull the hero copy up a touch */
  .page-haredi .hero-content { margin-top: -16px; }
  /* Omer's corrected mobile wave-avatar position + size */
  .page-haredi #avatarWaveVideo { transform: translate(-9px, 146px) scale(1.3); }

  /* Compact footer: 3 rows instead of one long column
     row 1 = brand (full width) · row 2 = ניווט | מידע משפטי · row 3 = יצירת קשר */
  .page-haredi .footer-inner {
    grid-template-columns: 1fr 1fr;
    gap: 26px 18px;
    text-align: right;
  }
  .page-haredi .footer-brand   { grid-column: 1 / -1; }
  .page-haredi .footer-contact { grid-column: 1 / -1; }
  .page-haredi .footer-contact a { display: inline-flex; margin-inline-end: 18px; }
}

/* ===========================================================
   Round 3 · Omer's hand-positioned layout (desktop ≥1025px)
   Values captured in the visual editor at ~1920px wide.
   =========================================================== */
@media (min-width: 1025px) {
  /* Logo circle assembly (white disc + rings + halo + shine) moved as ONE unit */
  .page-haredi .logo-stage {
    animation: none !important;
    transform: translate(-14px, -132px) !important;
  }

  /* Waving avatar: much bigger, raised */
  .page-haredi .avatar-wave,
  .page-haredi .avatar-wave.is-in {
    transform: translate(53px, -108px) scale(1.7) !important;   /* moved ~65px right (Omer's choice B) */
    transform-origin: bottom center;
  }

  /* Hero CTA buttons a touch smaller */
  .page-haredi .hero-cta {
    animation: none !important;
    transform: scale(0.95);
    transform-origin: right center;
  }

  /* Top lead form: slightly smaller; pointing avatar (Omer's corrected position) */
  .page-haredi #leadForm { transform: scale(0.95); transform-origin: top right; }
  .page-haredi #quick-lead .avatar-point-wrap { transform: translate(0px, 10px); }

  /* Reviews "all Google reviews" button a touch bigger */
  .page-haredi #testimonials .testimonials-cta .btn { transform: scale(1.05); }

  /* Omer's desktop corrections (round 5) */
  .page-haredi #avatarWaveVideo { transform: translate(-1px, 75px); }
  .page-haredi .hero-content { transform: scale(1.05); transform-origin: top right; }
  /* fine-tuned pointing-avatar video inside its window (top + bottom forms) */
  .page-haredi .avatar-point-window video { transform: translate(2px, 17px); }
}


/* ----- Press logos (white plate so dark & red logos stay legible) ----- */
.press-logo {
  display: flex; align-items: center; justify-content: center;
  width: 100%; height: 72px;
  background: #fff; border-radius: 12px;
  padding: 14px 22px; box-sizing: border-box;
}
.press-logo img { max-height: 100%; max-width: 100%; width: auto; height: auto; object-fit: contain; display: block; }
@media (max-width: 620px) { .press-logo { height: 54px; padding: 10px 12px; } }