/* ============================================================
   STAV — Homepage sections / סקשני עמוד הבית
   Mobile-first גמיש (Figma 402px) + פריסת Desktop ≥768.
   ערכי צבע/גופן מחולצים מ-design context של העמוד.
   ============================================================ */

/* ---------- כותרת סקשן / Section head ----------
   Figma: eyebrow H6 (זהב) · קו מפריד 76px · כותרת H2 (#105e7a) · תיאור p-L אפור. */
.section-head { text-align: center; margin-block-end: 32px; }   /* Figma: כותרת-סקשן → תוכן */
.section-head__award { display: block; width: 66px; height: auto; margin: 0 auto 20px; }  /* אייקון זר (Figma) */
.section-head__eyebrow {
  display: block;
  font-family: var(--font-display);
  font-weight: var(--fw-medium);
  font-size: var(--h6-size);
  line-height: var(--h6-lh);
  letter-spacing: var(--h6-tracking);
  color: var(--color-text-muted);             /* #64748b — Figma eyebrow (services/testimonials/contact) */
  margin-block-end: 20px;                       /* Figma: eyebrow → קו */
}
.section-head__line {
  display: block;
  width: 76px;
  height: 3px;
  background: var(--color-secondary-500);      /* זהב */
  margin: 0 auto 20px;                          /* Figma: קו → כותרת */
}
.section-head__title { font-weight: var(--fw-medium); color: var(--surface-action-primary); }  /* #105e7a */
.section-head__desc {
  margin-block-start: 32px;                     /* Figma: כותרת → תיאור */
  margin-inline: auto;
  max-width: 64ch;
  font-family: var(--font-body);
  font-size: var(--p-md);
  line-height: 24px;
  color: var(--color-text-muted);              /* #64748b */
}

/* ---------- וריאנטים לכפתורים ---------- */
.btn--cta {
  background: var(--color-gold);
  color: var(--color-white);
  border-color: var(--color-gold);
  font-family: var(--font-body);
  font-weight: 700;
  transition: background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);
}
.btn--cta:hover { background: var(--color-secondary-700); border-color: var(--color-secondary-700); color: var(--color-white); }
.btn--ghost {
  background: rgba(255, 255, 255, 0.01);
  color: var(--color-white);
  border: 1px solid rgba(50, 140, 197, 0.5);
  -webkit-backdrop-filter: blur(6.25px);
  backdrop-filter: blur(6.25px);
  font-family: var(--font-body);
  font-weight: 400;
  transition: background var(--transition-fast), border-color var(--transition-fast);
}
.btn--ghost:hover { background: rgba(255, 255, 255, 0.18); border-color: rgba(50, 140, 197, 0.9); color: var(--color-white); }
/* כפתור משני (Figma "secondary button" 6057:2201/2382): מסגרת #c5e0f2, py-12 px-24, radius-6, טקסט #105e7a */
.btn--ghost-dark {
  width: 100%;                                  /* אודות: כפתור מלא-רוחב (Figma w-full על 544) */
  padding: 12px 24px;
  gap: 8px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.01);
  color: var(--color-primary);                  /* #105e7a */
  border: 1px solid var(--color-surface-stroke-action-primary);  /* #c5e0f2 */
  -webkit-backdrop-filter: blur(6.25px);
  backdrop-filter: blur(6.25px);
  font-family: var(--font-body);
  font-weight: var(--fw-regular);
  font-size: 16px;                              /* Figma about button: 16/24 */
  line-height: 24px;
}
.btn--ghost-dark:hover { background: var(--color-surface-on-action); color: var(--color-primary); }  /* #f2f8fd */

/* ============================================================
   HERO — mobile-first (fluid)
   ============================================================ */
.hero { background: var(--color-hero-navy); }

.hero__media { position: relative; aspect-ratio: 480 / 584; overflow: hidden; }  /* Figma: חלון 402×489, התמונה 480×584 */
.hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; }

.hero__badge {
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: 5.5%;                  /* Figma: התיבה צמודה לתחתית התמונה (top 345 ב-489) */
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.56);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(38px);
  border-radius: 2px;
  box-shadow: 0 16px 34px 0 rgba(0, 0, 0, 0.17);
  color: black;
  text-align: right;
}
.hero__badge p { margin: 0; width: 100%; }
.hero__badge-label { font-family: var(--font-display); font-weight: 500; font-size: 18px; line-height: 1.3; }
.hero__badge-name { font-family: var(--font-display); font-weight: 400; font-size: 20px; line-height: 1.2; letter-spacing: -0.5px; }
.hero__badge-desc { font-family: var(--font-body); font-weight: 400; font-size: 14px; line-height: 1.55; }

.hero__body {
  background: var(--color-hero-navy);
  color: var(--color-white);
  padding: 32px clamp(24px, 8vw, 60px) 64px;
}
.hero__body .container {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;   /* RTL: flex-start = ימין */
  gap: 32px;
  text-align: right;
}
.hero__title {
  font-family: var(--font-display);
  font-weight: 500;
  color: var(--color-gold);
  font-size: 38px;               /* Figma mobile H1 */
  line-height: 38px;
  letter-spacing: -1px;
  width: 100%;
}
.hero__subtitle {
  font-family: var(--font-body);
  font-weight: 400;
  color: var(--color-white);
  font-size: 16px;
  line-height: 1.5;
  width: 100%;
  margin: 0;
}
.hero__cta { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 16px; margin: 0; }
.hero__proof { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; margin: 0; width: 100%; }  /* כוכבים↔טקסט 4 */
.hero__stars { color: var(--color-gold); letter-spacing: 2px; font-size: 18px; line-height: 1; }
.hero__proof-text { font-family: var(--font-body); color: var(--color-on-action); font-size: 14px; line-height: 1.5; }
.hero .btn { height: 42px; padding: 0 24px; border-radius: 6px; font-size: 16px; line-height: 24px; }

/* ============================================================
   3 CUBES — mobile-first
   ============================================================ */
.cubes {
  position: relative;
  z-index: 1;
  margin-block-start: -46px;        /* קובייה 1 חופפת את תחתית ה-hero הכהה */
  padding-block: 0 32px;
}
.cubes .container { max-width: none; padding-inline: 32px; }
.cubes__grid { display: flex; flex-direction: column; gap: 16px; }
.cube {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 23px;
  min-height: 171px;
  padding: 20px 32px;
  background: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(12.5px);
  backdrop-filter: blur(12.5px);
  border-radius: 6px;
  box-shadow: 0 16px 34px 0 rgba(0, 0, 0, 0.06);
  text-align: center;
}
.cube__icon { width: auto; height: 56px; }
.cube__text {
  font-family: var(--font-display);
  font-weight: 500;
  color: var(--color-teal);
  font-size: 22px;
  line-height: 1.15;
  letter-spacing: -0.5px;
}

/* ============================================================
   ABOUT — mobile-first  (טיפוגרפיה מדויקת מ-Figma node 6057:2183)
   ============================================================ */
.about { background: var(--color-white); padding-block: var(--space-3xl); text-align: center; }

/* כותרת הסקשן — H6 teal (#124e67) + H2 action-primary (#105e7a), ממורכזת */
.about .section-head { margin-block-end: var(--space-3xl); }     /* 64px → תוכן */
.about .section-head__eyebrow {
  font-family: var(--font-display);
  font-weight: var(--fw-medium);
  font-size: var(--h6-size);
  line-height: var(--h6-lh);
  letter-spacing: var(--h6-tracking);
  color: var(--surface-section-fill-1);                          /* #124e67 */
  margin-block-end: 20px;                                        /* gap title-cont (Figma) */
}
.about .section-head__title {
  font-weight: var(--fw-medium);
  color: var(--surface-action-primary);                          /* #105e7a */
}

.about__image {
  margin-inline: calc(var(--gutter) * -1);                       /* full-bleed: edge-to-edge (Figma) */
  margin-block: 0 var(--space-3xl);                              /* 64px לתוכן */
  overflow: hidden;
  aspect-ratio: 402 / 410;                                       /* חיתוך כמעט-ריבועי (Figma) */
  box-shadow: 0 14px 22px rgba(0, 0, 0, 0.15);
}
.about__image img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* עמודת הטקסט — מרווח אחיד 48px בין כל האלמנטים (Figma text cont. gap) */
.about__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;                                                     /* Figma text cont. gap */
  text-align: start;                                             /* יישור לימין (RTL) */
}
.about .btn--ghost-dark {
  align-self: flex-start;                                        /* רוחב תוכן, מיושר לימין (Figma ~130px) */
  border-color: var(--color-surface-stroke-action-primary);     /* #c5e0f2 */
}

/* פסקה מודגשת — H3 בזהב (#a07d56) */
.about__lead {
  width: 100%;
  font-family: var(--font-display);
  font-weight: var(--fw-medium);
  font-size: var(--h3-size);
  line-height: var(--h3-lh);
  letter-spacing: var(--h3-tracking);
  color: var(--color-secondary-700);                             /* #a07d56 */
}

/* טקסט גוף — p-L: Google Sans 16/24, teal (#124e67), ריווח פסקאות 20px */
.about__text {
  width: 100%;
  font-family: var(--font-body);
  font-weight: var(--fw-regular);
  font-size: var(--p-md);                                        /* 16px */
  line-height: 24px;
  color: var(--surface-section-fill-1);                          /* #124e67 */
}
.about__text p { margin: 0; }
.about__text p + p { margin-block-start: 20px; }                 /* paragraph spacing/L */

.about__sign img { max-height: 47px; width: auto; }              /* נצמד לימין (block default ב-RTL) */

/* ============================================================
   DESKTOP ≥1024 — pixel-perfect מ-Figma node 6057:2501 (תוכן 1280px)
   ============================================================ */
@media (min-width: 1024px) {

  /* HERO — רקע full-bleed (תמונה 50% bleed שמאל | נייבי 50% bleed ימין), התוכן ממורכז לגריד 88vw */
  .hero { display: flex; flex-direction: row-reverse; align-items: stretch; min-height: calc(100vh - 98px); }   /* vh במקום 651px — גובה מסך פחות ה-header (בקשת המשתמש) */
  .hero__media { flex: 1 1 50%; aspect-ratio: auto; min-height: calc(100vh - 98px); }
  .hero__img { object-position: center top; }

  /* badge: עיגון לפינה ימנית-תחתונה של ההירו (bottom 4vw / right 2.5vw), רוחב 321 */
  .hero__badge { left: auto; right: 2.5vw; top: auto; bottom: 4vw; width: 25.08vw; gap: 1.25vw; padding: 1.25vw; }
  .hero__badge-label { font-size: 1.41vw; }                       /* vw (היה 18) */
  .hero__badge-name { font-size: 2.81vw; line-height: 1.05; }     /* vw (היה 36) */
  .hero__badge-desc { font-size: 1.09vw; }                        /* vw (היה 14) */

  /* navy: הרקע נשפך לקצה הימני; הטקסט עוצר בגבול גריד ה-88vw עם px-60 (כמו בעיצוב) */
  .hero__body {
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;                  /* RTL: flex-start = ימין → התוכן צמוד לימין */
    padding-block: 0;
    padding-left: 4.69vw;                              /* vw (היה 60) */
    padding-right: 6.25vw;                             /* vw טהור ((100vw-1120)/2 ב-1280 = 80px) */
  }
  .hero__body .container { width: 100%; max-width: 40.63vw; margin: 0; gap: 2.5vw; align-items: flex-start; }   /* vw (max 520, gap 32) */
  .hero__title { font-size: 5.78vw; line-height: 0.84; letter-spacing: -0.08vw; }   /* vw (היה 74/62/-1) */
  .hero__subtitle { font-size: 1.25vw; line-height: 1.5; }   /* vw (היה 16) */
  .hero__cta { gap: 1.25vw; }       /* vw (היה 16) */
  .hero__proof { gap: 0.25vw; }     /* vw */
  .hero .btn { height: 3.28vw; padding: 0 1.875vw; border-radius: 0.47vw; font-size: 1.25vw; line-height: 1.5; }   /* vw (היה 42/24/6/16) */
  .hero__stars { font-size: 1.41vw; line-height: 1; }   /* vw (היה 18) */
  .hero__proof-text { font-size: 1.09vw; }              /* vw (היה 14) */

  /* 3 CUBES — full-bleed section, קלפים 926 ממורכזים, חופפות 37px על ה-hero */
  .cubes { max-width: none; margin-inline: 0; margin-block-start: -37px; padding-block: 0 42px; }
  .cubes .container { max-width: 926px; margin-inline: auto; padding-inline: 0; }
  .cubes__grid { flex-direction: row; gap: 32px; align-items: stretch; }
  .cube { flex: 1 1 0; height: 175px; min-height: 175px; padding: 20px 32px; }

  /* ABOUT — תמונה לצד טקסט (Figma desktop: image 480 | gap 96 | text 544) */
  .about { padding-block: 0 64px; }   /* ללא padding-top בדסקטופ (תחתון 64) */
  .about .container--narrow { max-width: var(--container-max); }
  .about .container {
    display: grid;
    grid-template-columns: 544fr 480fr;     /* Figma desktop: טקסט 544 (ימין) | תמונה 480 (שמאל) */
    grid-template-areas: "head head" "content image";
    column-gap: 96px;                        /* Figma gap */
    row-gap: 64px;                           /* Figma: כותרת → תוכן */
    align-items: start;                       /* Figma content: items-start (טקסט מיושר לראש התמונה) */
    text-align: start;
  }
  .about .section-head { grid-area: head; margin-block-end: 0; }
  .about__content { grid-area: content; }
  .about__image {
    grid-area: image;
    margin: 0;                                /* ביטול full-bleed של המובייל */
    border-radius: var(--radius-2xs);         /* Figma: 8px */
    aspect-ratio: 480 / 720;                  /* Figma desktop image */
  }
}

/* ============================================================
   CLIENTS — לוגואי לקוחות (mobile-first)
   ============================================================ */
.clients { background: var(--color-bg-alt); padding-block: var(--space-3xl); }
.clients__head { text-align: center; margin-block-end: 32px; }   /* Figma: קו → לוגואים */
.clients__label {
  display: block;
  font-family: var(--font-display);
  font-weight: var(--fw-medium);
  font-size: var(--h6-size);              /* Figma: H6 22 (mobile 18) — תווית */
  line-height: var(--h6-lh);
  letter-spacing: var(--h6-tracking);
  color: var(--color-text-muted);         /* #64748b */
  margin-block-end: 32px;                  /* Figma: label → קו 32 */
}
.clients__head .section-head__line { margin-block-end: 0; }   /* Figma: קו → לוגואים 32 (דרך head mb) */
.clients__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;                          /* לא grid — כדי ששורה אחרונה לא-מלאה תתמרכז ולא תיתקע לצד אחד */
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-md);
}
.clients__item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 calc((100% - 2 * var(--space-md)) / 3);   /* מובייל: 3 בשורה */
  min-height: 79px;
  padding: 10px;                          /* מינימלי — הלוגו ממלא את הכרטיס (Figma) */
  background: var(--color-white);
  border-radius: 6px;                      /* Figma rounded-6 */
  box-shadow: var(--shadow-sm);
}
.clients__logo { max-height: 58px; max-width: 100%; width: auto; object-fit: contain; }

/* ============================================================
   SERVICES — השירותים שלי (mobile-first)
   ============================================================ */
.services { background: var(--color-white); padding-block: var(--space-3xl); }  /* Figma: שקוף/לבן (קופסאות זכוכית מספקות הבחנה) */
/* מובייל: גריד 2-טורי רציף לכל 9 הקופסאות, gap 8px (Figma) — מרווח השורות = מרווח הטורים */
.services__rows { display: flex; flex-direction: column; gap: var(--space-xs); }
.services__row { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-xs); }
.service-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 23px;                               /* Figma gap אייקון→טקסט */
  min-height: 133px;
  padding: 20px;
  text-align: center;
  background: rgba(255, 255, 255, 0.6);    /* כרטיס זכוכית (Figma) */
  -webkit-backdrop-filter: blur(12.5px);
  backdrop-filter: blur(12.5px);
  border: 1px solid var(--color-surface-stroke-action-primary);   /* #c5e0f2 */
  border-radius: 4px;                      /* Figma rounded-4 */
  box-shadow: 0 16px 34px 0 rgba(0, 0, 0, 0.06);
  text-decoration: none;                  /* .service-box הפך לקישור אמיתי לעמוד השירות */
  transition: background var(--transition-fast), box-shadow var(--transition-fast);
}
.service-box:hover { background: rgba(255, 255, 255, 0.85); box-shadow: 0 16px 34px 0 rgba(0, 0, 0, 0.12); }
.service-box__icon { height: 56px; width: auto; }
.service-box__text {
  font-family: var(--font-display);
  font-weight: var(--fw-medium);
  font-size: var(--p-md);
  line-height: 1.3;
  letter-spacing: -0.5px;
  color: var(--color-teal);               /* #124e67 */
}
.services__cta { display: flex; justify-content: center; margin-block-start: 32px; }   /* Figma: גריד → כפתור */

/* כפתור CTA של סקשן (services/testimonials) — רוחב-תוכן, טקסט p-M 14/22, אייקון חץ 24 (Figma 6057:2382) */
.btn--arrow { width: auto; gap: 8px; flex-direction: row-reverse; font-size: var(--p-m); line-height: var(--p-m-lh); border-color: var(--color-surface-stroke-action-primary); }   /* חץ משמאל לטקסט (DOM: חץ→טקסט; row-reverse ב-RTL מציב חץ בשמאל) */
.btn--arrow .icon-arrow { width: 24px; height: 24px; }

/* ============================================================
   TESTIMONIALS — חוות דעת (mobile-first)
   ============================================================ */
.testimonials { background: var(--color-bg-alt); padding-block: var(--space-3xl); }
.testimonials__grid {
  list-style: none;
  margin: 0 0 var(--space-2xl);
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-lg);
}
.review {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  padding: var(--space-lg);
  background: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  text-align: start;
}
.review__quote { color: var(--color-teal); line-height: 1.6; }
.review__author { display: flex; flex-direction: column; gap: 2px; }
.review__name { font-family: var(--font-display); font-weight: var(--fw-semibold); color: var(--color-primary-900); }
.review__role { font-size: var(--text-sm); color: var(--color-text-muted); }
.testimonials__reviews { margin-block: var(--space-xl); }   /* ווידג'ט ביקורות Elfsight — ריווח מהכותרת ומה-CTA */
.testimonials__cta { display: flex; justify-content: center; }

/* ============================================================
   QUOTE — צדק צדק תרדוף (באנר טיל כהה)
   ============================================================ */
.quote { padding-block: var(--space-3xl); }
.quote__band {
  background: var(--surface-section-fill-1);   /* #124e67 */
  border-radius: 8px;                          /* Figma rounded-8 */
  padding: var(--space-3xl) var(--space-lg);
  text-align: center;
}
.quote__text {
  max-width: 648px;
  margin-inline: auto;
  font-family: var(--font-display);
  font-weight: var(--fw-medium);
  color: var(--surface-on-action);             /* #f2f8fd (Figma) */
  font-size: var(--h1-size);                   /* Figma: H1 74 (mobile 38) */
  line-height: var(--h1-lh);
  letter-spacing: var(--h1-tracking);
}
.quote__band .section-head__line { margin-block: 32px; }   /* Figma gap 32 */
.quote__desc {
  max-width: 648px;
  margin-inline: auto;
  font-family: var(--font-body);
  font-size: var(--p-md);
  line-height: 24px;
  color: var(--surface-on-action);             /* #f2f8fd */
}

/* ============================================================
   ATMOSPHERE — תמונת אווירה
   ============================================================ */
.atmosphere { padding-block: 0; }
.atmosphere__media {
  border-radius: var(--radius-lg);            /* פינות מעוגלות 16 */
  overflow: hidden;
  height: 527px;                              /* מובייל: בגובה סקשן הציטוט (בקשת המשתמש) */
}
.atmosphere__img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ============================================================
   WHY-ME — אתם רוצים שאייצג אתכם (כרטיס יתרונות)
   ============================================================ */
.whyme { padding-block: var(--space-3xl); position: relative; z-index: 2; }
.whyme__card {
  max-width: 836px;
  margin-inline: auto;
  background: rgba(255, 255, 255, 0.8);          /* כרטיס זכוכית צף (Figma) */
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
  border-radius: 8px;
  box-shadow: 0 14px 74px 0 rgba(0, 0, 0, 0.12);
  padding: var(--space-xl);
}
.whyme__award { margin: 0 auto 16px; }                            /* Figma: אייקון → כותרת 16 */
.whyme__title {
  text-align: center;
  font-family: var(--font-display);
  font-weight: var(--fw-medium);
  font-size: var(--h4-size);                     /* Figma H4 36 (mobile 24) */
  line-height: var(--h4-lh);
  letter-spacing: var(--h4-tracking);
  color: var(--surface-action-primary);          /* #105e7a */
  margin: 0 0 var(--space-2xl);                   /* כותרת → רשימה */
}
.whyme__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 16px; }
.whyme__item { display: flex; align-items: center; gap: 16px; }    /* טקסט↔✓ 16 (Figma) */
/* RTL: ה-✓ בצד ימין (תחילת השורה), הטקסט ממלא לשמאלו ומיושר לימין (Figma) */
.whyme__text { flex: 1; text-align: start; font-family: var(--font-body); font-size: var(--p-md); color: var(--surface-action-primary); }
.whyme__item .icon-check { color: var(--color-secondary-500); flex-shrink: 0; }  /* וי זהב */

/* ============================================================
   DESKTOP ≥1024 — סקשנים נוספים
   ============================================================ */
@media (min-width: 1024px) {
  .clients { padding-block: 32px; margin-block-start: 32px; }   /* Figma: padding 32 + רווח סקשן 32 */
  /* Figma: שורת 5 לוגואים ממורכזת 820px, gap 16, כל כרטיס 151×93 */
  .clients__grid { gap: 16px; max-width: 820px; margin-inline: auto; }
  .clients__item { flex-basis: calc((100% - 4 * 16px) / 5); min-height: 93px; padding: 0; overflow: hidden; }   /* Figma: הלוגו ממלא את הכרטיס 151×93 */
  .clients__logo { max-height: 93px; max-width: 100%; }

  .services { padding-block: 32px; margin-block-start: 32px; }   /* Figma: padding 32 + רווח סקשן 32 */
  .services .container { max-width: 1248px; }   /* תוכן 1184 = אזור השירותים ב-Figma */
  .services__rows { gap: var(--space-2xs); }    /* 8px (Figma) */
  .services__row { gap: var(--space-2xs); }     /* 8px (Figma) */
  .services__row--4 { grid-template-columns: repeat(4, 1fr); }
  .services__row--5 { grid-template-columns: repeat(5, 1fr); }
  .service-box { min-height: 136px; }

  .testimonials { padding-block: 32px; margin-block-start: 32px; }
  .testimonials__grid { grid-template-columns: repeat(3, 1fr); }

  .quote { padding-block: 32px; margin-block-start: 32px; }
  .quote .container { max-width: 1248px; }   /* Figma: הבאנר ברוחב התוכן 1184 (לא 1120) */
  .quote__band { padding: 32px 64px; }   /* Figma py-32 px-64 (טקסט H1 74 מהבסיס) */

  .atmosphere { padding-block: 0; margin-block-start: 32px; }
  .atmosphere__media { aspect-ratio: auto; height: 329px; }   /* דסקטופ: בגובה סקשן הציטוט (בקשת המשתמש) */
  .about .btn--ghost-dark { width: auto; }                    /* דסקטופ: "לקרוא עוד" ברוחב תוכן (מובייל נשאר מלא) */

  .whyme { padding-block: 0 64px; margin-block-start: -240px; }   /* חופף מעל תמונת האווירה (Figma) */
  .whyme__card { padding: 48px; }
  .whyme__title { margin-block-end: 64px; }
  .whyme__list { grid-template-columns: repeat(2, 1fr); gap: 32px; }
}

/* ============================================================
   ABOUT PAGE (page-about) — Figma 6034:3241
   ממחזר את סקשני הבית; התאמות ספציפיות לעמוד:
   ============================================================ */
.section-head__award--lg { width: 102px; }                       /* אייקון זר גדול (Figma 102×53) */
.about--page .section-head__title {                              /* "אודות" כ-H2 (לא H1=74) */
  font-size: var(--h2-size); line-height: var(--h2-lh); letter-spacing: var(--h2-tracking);
}
.clients--bare { background: var(--color-white); }                /* עמוד אודות: רצועת לוגואים על לבן, ללא תווית */
.section-head--compact { margin-block-end: 32px; }     /* services compact (Figma: קו → גריד 32) */

@media (min-width: 1024px) {
  .about--page { padding-block: 64px; }                           /* עמוד אודות: top 64 (לא 180 כמו בבית) */
}

/* ============================================================
   PAGE HEADER (כותרת עמוד פנימי) — services/contact/blog
   ============================================================ */
.page-header { padding-block: var(--space-3xl) 0; }
.page-header .section-head { margin-block-end: 0; }
.page-header__title {
  font-size: var(--h2-size); line-height: var(--h2-lh); letter-spacing: var(--h2-tracking);
  margin-block-end: 0;   /* ביטול margin-bottom של main.css (כותרת → גריד = 64 דרך ריפוד הסקשן) */
}

/* ============================================================
   SERVICES PAGE — גריד כרטיסים עשיר (Figma 6034:4443)
   ============================================================ */
.services-full { padding-block: var(--space-3xl); }
.services-full__grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
.service-card {
  display: flex;
  flex-direction: column;
  align-items: flex-end;            /* RTL: תוכן מיושר לימין */
  gap: 23px;
  padding: 32px 20px;
  text-align: start;
  background: var(--color-white);
  border-bottom: 1px solid var(--color-neutral-300);   /* #cbd5e1 */
  border-radius: 4px;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.06);
}
.service-card__icon-link { display: block; align-self: flex-start; }   /* RTL: flex-start = ימין → אייקון צמוד לימין. עטוף בקישור לעמוד השירות */
.service-card__icon { height: 56px; width: auto; }
.service-card__title {
  font-family: var(--font-display);
  font-weight: var(--fw-medium);
  font-size: var(--h6-size);
  line-height: var(--h6-lh);
  letter-spacing: var(--h6-tracking);
  color: var(--surface-section-fill-1);    /* #124e67 */
  width: 100%;
}
.service-card__title a, .service-card__desc a {
  color: inherit;
  text-decoration: none;
  transition: color var(--transition-fast);
}   /* כותרת/תיאור מובילים גם הם לעמוד השירות, לא רק כפתור "קרא עוד" */
.service-card__title a:hover, .service-card__desc a:hover { color: var(--color-primary); }
.service-card__desc {
  font-family: var(--font-body);
  font-size: var(--p-m);                   /* 14 / mobile 12 (Figma p-M) */
  line-height: var(--p-m-lh);              /* 22 / 20 */
  color: var(--color-text-muted);          /* #64748b */
  width: 100%;
}
.service-card__more {
  display: inline-flex; align-items: center; gap: 6px;
  align-self: flex-start;                  /* RTL: ימין */
  margin-block-start: auto;                /* דוחף לתחתית הכרטיס */
  color: var(--color-primary);
  font-family: var(--font-body); font-size: var(--p-m); font-weight: var(--fw-medium);
  transition: color var(--transition-fast);
}
.service-card__more:hover { color: var(--color-primary-900); }
.service-card__more .icon-arrow { width: 18px; height: 18px; }

/* עמוד שירות בודד (single-service) */
.service-single { padding-block: var(--space-2xl); text-align: right; }
.service-single .container { max-width: 880px; }
.service-single__image { margin: 0 0 var(--space-xl); border-radius: 8px; overflow: hidden; box-shadow: 0 16px 34px rgba(0, 0, 0, 0.08); }
.service-single__image img { display: block; width: 100%; height: auto; }
.service-single__lead { font-family: var(--font-body); font-size: var(--p-l); font-weight: var(--fw-medium); color: var(--surface-action-primary); margin-block-end: var(--space-lg); }
.service-single__content { color: var(--color-text); font-size: var(--p-md); line-height: var(--p-md-lh); }
.service-single__content p { margin-block-end: var(--space-md); }
.service-single__content h2, .service-single__content h3 { font-family: var(--font-display); color: var(--surface-action-primary); margin-block: var(--space-lg) var(--space-sm); }

@media (min-width: 1024px) {
  .page-header { padding-block: 64px 0; }
  .services-full { padding-block: 64px; margin-block-start: 0; }
  .services-full .container { max-width: 1248px; }   /* תוכן 1184 → כרטיס 373 (Figma) */
  .services-full__grid { grid-template-columns: repeat(3, 1fr); gap: 32px; }
}

/* ============================================================
   CONTACT PAGE (page-contact) — Figma 6034:4669
   ============================================================ */
.contact-form-sec { padding-block: var(--space-3xl) 0; }
.stav-form-wrap { max-width: 543px; margin-inline: auto; }

/* עמוד צור קשר (page-contact) — hero על רקע teal #124e67 (Figma 6034:4669):
   כותרת לבנה + טופס על הבאנר, כפתור זהב, ריווח 16 בין שדות */
.page-contact .page-header { background: var(--surface-section-fill-1); padding-block: var(--space-2xl) 0; }
.page-contact .page-header__title { color: var(--color-white); }
.page-contact .contact-form-sec { background: var(--surface-section-fill-1); padding-block: var(--space-xl) var(--space-2xl); }
.stav-form br { display: none; }
.stav-form .wpcf7-form-control-wrap { display: block; margin-block-end: 16px; }   /* Figma: 16 בין שדות (חל גם על באנר הבית) */
.page-contact .stav-form .wpcf7-acceptance { color: var(--surface-on-action); font-size: var(--p-l); }
.page-contact .stav-form .wpcf7-acceptance a { color: var(--color-gold); text-decoration: underline; }   /* ניגודיות נמוכה על רקע כהה — צבע הלוגו במקום צבע לינק ברירת מחדל */
.page-contact .stav-form .wpcf7-submit { background: var(--color-gold); color: var(--color-white); border-color: var(--color-gold); }
.page-contact .stav-form .wpcf7-submit:hover { background: var(--color-secondary-700); color: var(--color-white); border-color: var(--color-secondary-700); filter: none; }
.stav-form input[type="text"],
.stav-form input[type="email"],
.stav-form input[type="tel"],
.stav-form select,
.stav-form textarea {
  width: 100%;
  padding: 16px;                                              /* Figma p-16 */
  border: 1px solid var(--color-surface-stroke-action-primary); /* #c5e0f2 (Figma) */
  border-radius: 6px;
  background: var(--color-white);
  font-family: var(--font-body);
  font-size: var(--p-l);                                      /* 18 (Figma p-L) */
  color: var(--color-text);
  direction: rtl;             /* RTL — גם email/tel שמקבלים ltr כברירת-מחדל בדפדפן */
  text-align: right;          /* ערך + פלייסהולדר מיושרים לימין */
}
.stav-form ::placeholder { color: var(--color-text-muted); opacity: 1; text-align: right; }   /* #64748b */
.stav-form select { color: var(--color-text-muted); }
.stav-form textarea { height: 125px; min-height: 125px; resize: vertical; }   /* Figma: שדה הודעה 125 (rows=10 הקפיץ ל-~270) */
.stav-form p { margin: 0; }                 /* CF7 עוטף שדות ב-<p>; הריווח בין שדות עבר ל-.field-float/.field-static */
.stav-form .wpcf7-list-item { margin: 0; }

/* ---------- תוויות צפות (floating labels) — התווית = הפלייסהולדר, עולה למעלה בפוקוס/כשיש תוכן ---------- */
.stav-form .field-float, .stav-form .field-static { position: relative; margin-block-end: 16px; }
.stav-form .field-float label {
  position: absolute;
  inset-inline-start: 17px;
  inset-block-start: 16px;
  font-family: var(--font-body);
  font-size: var(--p-l);
  line-height: 1;
  color: var(--color-text-muted);
  background: var(--color-white);
  padding-inline: 4px;
  pointer-events: none;
  transition: inset-block-start var(--transition-fast), font-size var(--transition-fast), color var(--transition-fast);
}
.stav-form .field-float:focus-within label,
.stav-form .field-float:has(input:not(:placeholder-shown)) label,
.stav-form .field-float:has(textarea:not(:placeholder-shown)) label {
  inset-block-start: -9px;
  font-size: 12px;
  color: var(--color-primary);
}
.stav-form .field-static label {
  display: block;
  margin-block-end: 6px;
  font-family: var(--font-body);
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}
.page-contact .stav-form .field-static label { color: var(--color-white); }   /* על רקע כהה (contact-form-sec) — היה אפור עם ניגודיות חלשה. הערה: label הוא נכד (עטוף ב-<p> של CF7), לא ילד ישיר — לכן צריך descendant combinator, לא > */
.stav-form .wpcf7-acceptance { font-size: var(--text-sm); color: var(--color-text-muted); display: block; margin-bottom: 16px; text-align: right; }   /* text-align:right דורס מרכוז שעובר בירושה (למשל מ-.contact-cta) */
/* צ׳קבוקס הסכמה — מיושר לימין, התיבה צמודה לטקסט (RTL: תיבה מימין) */
.stav-form .wpcf7-acceptance .wpcf7-list-item { text-align: right; }
.stav-form .wpcf7-acceptance label { display: inline-flex; align-items: center; gap: 8px; direction: rtl; }
.stav-form .wpcf7-acceptance input[type="checkbox"] { flex: none; margin: 0; }
.stav-form .wpcf7-submit {
  width: 100%; height: 50px; padding: 0;
  background: var(--color-gold); color: var(--color-white);
  border: 1px solid var(--color-gold); border-radius: 6px;
  font-family: var(--font-body); font-weight: 700; font-size: 18px;
  cursor: pointer; transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
}
.stav-form .wpcf7-submit:hover { background: var(--color-secondary-700); color: var(--color-white); border-color: var(--color-secondary-700); }

/* ---------- הודעות שגיאה/הצלחה — בשפה העיצובית של האתר, בעברית ---------- */
.stav-form input[aria-invalid="true"],
.stav-form textarea[aria-invalid="true"],
.stav-form select[aria-invalid="true"] { border-color: var(--color-error); }
.stav-form .wpcf7-not-valid-tip {
  display: block;
  margin-block-start: 6px;
  font-family: var(--font-body);
  font-size: var(--text-sm);
  color: var(--color-error);
}
.stav-form .wpcf7-not-valid-tip::before { content: "⚠ "; }
.wpcf7 .wpcf7-response-output {
  margin: 16px 0 0;
  padding: 12px 16px;
  border-radius: 6px;
  font-family: var(--font-body);
  font-size: var(--p-m);
  text-align: center;
  border: 1px solid var(--color-error);
  color: var(--color-error);
  background: rgba(220, 38, 38, .06);
}
.wpcf7-form.sent .wpcf7-response-output {
  border-color: #16A34A;
  color: #15803D;
  background: rgba(22, 163, 74, .08);
}

.contact-info { padding-block: 64px; text-align: center; }   /* Figma py-64 */
.contact-info__logo img { max-height: 61px; width: auto; margin-inline: auto; }
.contact-info__details { margin-block-start: 64px; }   /* Figma: לוגו → פרטים 64 */
.contact-info__details .contact-list {
  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center;
  gap: 20px 48px;                 /* שורה ↔ כתובת 20 · בין פריטים 48 */
  list-style: none; margin: 0; padding: 0;
}
.contact-info__details .contact-list .contact-item { color: var(--color-primary); }   /* היה שחור/כהה (יורש מ-body) — עכשיו צבע מותג */
.contact-info__details .contact-list__icon { stroke-width: 1.3; }   /* דק יותר מברירת המחדל (1.7) */
.contact-info__details .contact-list__address { flex-basis: 100%; text-align: center; }   /* כתובת בשורה נפרדת, ממורכזת */
/* קישורי רשת חברתית בעמוד צור קשר — ממורכזים וכהים (הבסיס בהיר, לפוטר הכהה) */
.contact-info__details .social-links { justify-content: center; margin-block-start: 32px; }
.contact-info__details .social-link { color: var(--color-primary); }
.contact-info__details .social-link:hover { color: var(--color-primary-900); }
.contact-map { line-height: 0; }
.contact-map iframe { display: block; width: 100%; border: 0; }

/* ============================================================
   BLOG (מאמרים) — Figma 4195:1132 + כרטיס 4195:1139
   ============================================================ */
.blog-hero { padding-block: var(--space-2xl) 0; text-align: center; }
.blog-hero__crumb { font-size: var(--text-sm); color: var(--color-text-muted); margin-block-end: var(--space-lg); text-align: right; }   /* Figma: פירורי-לחם מימין */
.blog-hero__crumb a { color: inherit; }
.blog-hero__crumb a:hover { color: var(--color-primary); }
.blog-hero__title {
  font-family: var(--font-display); font-weight: var(--fw-medium);
  color: var(--color-primary); font-size: var(--h1-size); line-height: var(--h1-lh); letter-spacing: var(--h1-tracking);   /* Figma: כותרת עמוד H1 */
}
.blog-hero .section-head__line { width: 62px; margin: var(--space-lg) auto 0; }

.blog-cards-sec { padding-block: var(--space-2xl); }
.blog-cards { display: grid; grid-template-columns: 1fr; gap: 32px; }
.post-card {
  display: flex; flex-direction: column;
  background: var(--color-white); border-radius: 8px; overflow: hidden;
  box-shadow: var(--shadow-md);
}
.post-card__media { display: block; aspect-ratio: 352 / 214; overflow: hidden; }
.post-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.post-card__body { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-m); padding: 24px 18px; text-align: right; flex: 1; }   /* RTL: flex-start = ימין → הכל צמוד לימין. Figma: gap 24. flex:1 → ממלא את גובה הכרטיס (grid stretch) */
.post-card__title {
  width: 100%;
  font-family: var(--font-display); font-weight: var(--fw-medium); font-size: var(--h6-size); line-height: var(--h6-lh); letter-spacing: var(--h6-tracking);
  min-height: calc(var(--h6-lh) * 2);   /* שתי שורות תמיד — כותרות קצרות/ארוכות מתחילות באותו גובה */
}
.post-card__title a {
  color: var(--color-primary);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.post-card__excerpt {
  width: 100%;
  font-family: var(--font-body); font-size: 16px; line-height: 24px; color: var(--color-text-muted);
  display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;
  min-height: calc(24px * 4);   /* ארבע שורות תמיד */
}
.post-card__link { width: auto; align-self: flex-start; font-size: var(--text-sm); line-height: var(--p-m-lh); border-radius: 8px; border-color: var(--color-border); color: var(--color-text-muted); margin-block-start: auto; }   /* RTL: flex-start = ימין. width:auto מבטל ירושת 100% מ-btn--ghost-dark. margin-top:auto → נדבק לתחתית הכרטיס */
.blog-cards-sec .pagination, .blog-cards-sec .navigation { margin-block-start: var(--space-2xl); text-align: center; }

@media (min-width: 1024px) {
  .blog-hero { padding-block: 32px 0; }
  .blog-cards { grid-template-columns: repeat(3, 1fr); }
}

/* ============================================================
   SINGLE POST (פוסט בלוג) — Figma 4195:1093
   ============================================================ */
.single-hero { padding-block: var(--space-2xl) 0; }
.single-hero__crumb { font-size: var(--text-sm); color: var(--color-text-muted); margin-block-end: var(--space-lg); }
.single-hero__crumb a { color: inherit; }
.single-hero__crumb a:hover { color: var(--color-primary); }
.single-hero__head { max-width: 831px; }                          /* RTL: מיושר לימין */
.single-hero__title {
  font-family: var(--font-display); font-weight: var(--fw-medium); color: var(--color-primary);
  font-size: var(--h1-size); line-height: var(--h1-lh); letter-spacing: var(--h1-tracking);   /* Figma: כותרת פוסט H1 */
}
.single-hero__excerpt {
  margin-block-start: var(--space-lg);
  font-family: var(--font-display); font-weight: var(--fw-medium);
  font-size: var(--h5-size); line-height: var(--h5-lh); letter-spacing: var(--h5-tracking);   /* Figma: תקציר H5 */
  color: var(--color-text-muted);
}
.single-hero__media { margin-block-start: var(--space-2xl); border-radius: 8px; overflow: hidden; aspect-ratio: 1184 / 505; }   /* Figma: radius 8 */
.single-hero__media img { width: 100%; height: 100%; object-fit: cover; display: block; }

.single-body { padding-block: var(--space-2xl); }
.single-content { max-width: 736px; font-family: var(--font-body); font-size: 16px; line-height: 28px; color: var(--color-text-muted); }   /* Figma: גוף #64748b */
.legal-content { max-width: none; }   /* מדיניות פרטיות/נגישות: למלא את רוחב התוכן הרגיל של האתר (1120), לא עמודת קריאה צרה כמו בלוג */
.single-content > * { margin-block-end: 20px; }   /* Figma: ריווח פסקאות 20 */
.single-content h2 {
  font-family: var(--font-display); font-weight: var(--fw-medium); color: var(--color-primary);
  font-size: var(--h5-size); line-height: var(--h5-lh); margin-block: var(--space-xl) var(--space-s);   /* Figma: כותרות גוף H5 */
}
.single-content img { border-radius: 16px; }
.single-content a { color: var(--color-primary); text-decoration: underline; }
.single-content ul, .single-content ol { padding-inline-start: 1.25em; margin-block-end: 20px; }
.single-content ul { list-style: disc; }
.single-content ol { list-style: decimal; }
.single-content li { margin-block-end: 8px; }
.single-content li > ul, .single-content li > ol { margin-block-start: 8px; margin-block-end: 0; }

/* עמודי מדיניות פרטיות/נגישות: סימון שדה Customizer שטרם מולא */
.legal-todo { color: var(--color-error); background: color-mix(in srgb, var(--color-error) 8%, transparent); border: 1px dashed currentColor; border-radius: 4px; padding: 0 6px; font-size: .9em; }

.more-blogs { padding-block: var(--space-2xl); background: var(--color-white); border-block: 1px solid var(--color-border); margin-block-start: var(--space-2xl); }   /* Figma: לבן + קווי-שיער #e2e8f0 */
.more-blogs__title {
  font-family: var(--font-display); font-weight: var(--fw-medium); color: var(--color-primary);
  font-size: var(--h3-size); line-height: var(--h3-lh); letter-spacing: var(--h3-tracking); margin-block-end: var(--space-xl); text-align: center;   /* Figma: H3 ממורכז */
}

/* ============================================================
   FAQ — עמוד הבית (שאלות נפוצות)
   ============================================================ */
.faq { background: var(--surface-section-fill-0); padding-block: var(--space-2xl); }   /* #f2f8fd — כמו .contact-cta */
.faq-list { max-width: 800px; margin-inline: auto; border-block-start: 1px solid var(--color-border); }
.faq-item { border-block-end: 1px solid var(--color-border); }
.faq-item__h { margin: 0; font-size: inherit; font-weight: inherit; }   /* עוטף את הכפתור ב-h3 לצורכי מבנה נגישות בלבד */
.faq-item__q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-md);
  width: 100%;
  padding-block: 20px;
  background: none;
  border: 0;
  cursor: pointer;
  text-align: start;
  font-family: var(--font-body);
  font-weight: var(--fw-medium);
  font-size: var(--p-l);
  line-height: var(--p-l-lh);
  color: var(--color-primary-900);
  transition: color var(--transition-fast);
}
.faq-item__q:hover { color: var(--color-primary); }
.faq-item__q:focus-visible { outline: 2px solid var(--color-primary-500); outline-offset: 2px; border-radius: var(--radius-sm); }
.faq-item__icon {
  position: relative;
  flex: none;
  width: 18px;
  height: 18px;
}
.faq-item__icon::before, .faq-item__icon::after {
  content: "";
  position: absolute;
  left: 50%;    /* פיזי בכוונה — הצורה סימטרית, ולא ניתן לערבב logical-inset עם transform פיזי (translate) בלי לשבור מרכוז ב-RTL */
  top: 50%;
  background: var(--color-gold);
  border-radius: 1px;
  transition: transform var(--transition-fast);
}
.faq-item__icon::before { width: 100%; height: 2px; transform: translate(-50%, -50%); }   /* קו אופקי — נשאר תמיד (המינוס) */
.faq-item__icon::after { width: 2px; height: 100%; transform: translate(-50%, -50%); }    /* קו אנכי — נעלם בפתיחה */
.faq-item.is-open .faq-item__icon::after { transform: translate(-50%, -50%) scaleY(0); }   /* + → − (לא ×) */

.faq-item__a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .35s ease; }
.faq-item__a-inner { overflow: hidden; }
.faq-item__a p { margin: 0; padding-block-end: 20px; font-family: var(--font-body); font-size: var(--p-m); line-height: var(--p-m-lh); color: var(--color-text-muted); }
.faq-item.is-open .faq-item__a { grid-template-rows: 1fr; }

/* ============================================================
   THANK YOU — עמוד תודה (אחרי שליחת טופס)
   ============================================================ */
.thankyou { padding-block: var(--space-4xl); text-align: center; }
.thankyou__inner { max-width: 560px; margin-inline: auto; display: flex; flex-direction: column; align-items: center; }
.thankyou__logo { --logo-h: 64px; margin-block-end: var(--space-xl); }
.thankyou__logo .site-branding__logo-textwrap { max-width: none; }   /* לוגו מלא, לא מכווץ כמו בהאדר */
.thankyou__title {
  font-family: var(--font-display); font-weight: var(--fw-medium); color: var(--color-primary);
  font-size: var(--h2-size); line-height: var(--h2-lh); letter-spacing: var(--h2-tracking);
  margin-block-end: var(--space-md);
}
.thankyou__text { font-family: var(--font-body); font-size: var(--p-l); line-height: var(--p-l-lh); color: var(--color-text-muted); margin-block-end: var(--space-xl); }

/* ============================================================
   CONTACT CTA BAND (footer) — Figma s.contact (6034:3857)
   ============================================================ */
.contact-cta { background: var(--color-surface-section-fill-0); padding-block: var(--space-2xl) 32px; text-align: center; }   /* Figma s.contact: bottom 32 */
.contact-cta .section-head { margin-block-end: 64px; }   /* Figma s.contact: כותרת → טופס gap-64 */
.contact-cta .section-head__eyebrow { color: var(--color-text-muted); }   /* #64748b (לא זהב) */
.contact-cta .section-head__title { color: var(--color-primary); }
.contact-cta .stav-form-wrap { max-width: 543px; margin-inline: auto; }
.contact-cta .stav-form input[type="text"],
.contact-cta .stav-form input[type="tel"],
.contact-cta .stav-form textarea { border-color: var(--color-surface-stroke-action-primary); }   /* #c5e0f2 */
.contact-cta .stav-form .wpcf7-submit { background: var(--color-gold); color: var(--color-white); border-color: var(--color-gold); }
.contact-cta .stav-form .wpcf7-submit:hover { background: var(--color-secondary-700); color: var(--color-white); border-color: var(--color-secondary-700); filter: none; }

/* ============================================================
   MOBILE ≤1023 — דיוק מול frame המובייל של Figma (6057:3689, 402px)
   ============================================================ */
@media (max-width: 1023px) {
  /* ריווח אנכי של סקשנים = 32 (Figma מובייל; היה 60). about תחתון 64 */
  .about { padding-block: 32px 64px; }
  .about .section-head { margin-block-end: 64px; }   /* כותרת → תמונה */
  .about__image { margin-block: 0 64px; }            /* תמונה → תוכן */
  .clients { padding-block: 32px; }
  .services { padding-block: 32px; }
  .testimonials { padding-block: 32px; }

  /* quote — באנר teal מלא-רוחב edge-to-edge, p-32, טקסט 94/92 (Figma מובייל) */
  .quote { padding-block: 0; }
  .quote .container { max-width: none; padding-inline: 0; }
  .quote__band { padding: 32px; border-radius: 0; }
  .quote__text { font-size: 94px; line-height: 92px; }

  /* whyme — כרטיס px-16 py-48, כותרת→רשימה 64, רשימה טור-יחיד gap 32.
     מובייל (Figma 6057:3986): כרטיס עצמאי מתחת ל-atmosphere — ללא חפיפה (החפיפה היא דסקטופ בלבד). */
  .whyme { padding-block: 32px 64px; margin-block-start: -900px; }   /* חופף את תמונת האווירה (בקשת המשתמש) */
  .whyme__card { padding: 56px 16px; }          /* קצת יותר גבוה (בקשת המשתמש; היה 48) */
  .whyme__title { margin-block-end: 64px; }
  .whyme__list { gap: 24px; }                    /* ריווח פריטים 24 (בקשת המשתמש) */

  /* atmosphere מובייל — תמונה גבוהה (1200) ברוחב מלא + מסגור, ללא עיגול (בקשת המשתמש) */
  .atmosphere .container { padding: 0; }
  .atmosphere__media { height: 1200px; border-radius: 0; }
  .atmosphere__img { height: 1200px; object-position: 50% -250px; }
}