/* ============================================================
   עו״ד שגיא שוורץ — Plugin Base Styles (design tokens + sections)
   מבוסס על mockup/styles.css (יניב v5). RTL, נגיש 50+.
   ------------------------------------------------------------
   ⚠ כלל ברזל: אין font-family קשיח. הפונט מגיע מטיפוגרפיה גלובלית
   של אלמנטור. הטוקן --sg-font הוא ברירת-מחדל בלבד, מוחל על מעטפת
   הווידג'ט, וכל control טיפוגרפיה דורס אותו.
   ============================================================ */

/* ---------- Fonts (custom asset, נטען דרך PHP @font-face inject) ---------- */
/* @font-face מוזרק דינמית ב-includes/class-assets.php עם URL נכון לתוסף */

/* ---------- Design Tokens (scoped to widget wrappers) ---------- */
.sg-widget{
  /* ink — blue-charcoal (cooler, ties to blue palette) */
  --ink:#23262B; --ink-soft:#51545C; --ink-muted:#65686F;
  /* blue (brand primary — replaces gold). Aliased back to --gold* for backward-compat. */
  --blue:#2C5878; --blue-deep:#1B3A57; --blue-deeper:#16314A; --blue-bright:#3E7CA6; --blue-soft:#DCE7EF;
  --blue-grad:linear-gradient(135deg,#356A92 0%,#1B3A57 55%,#244E6E 100%);
  --blue-grad-hover:linear-gradient(135deg,#3E7CA6 0%,#234D71 55%,#2C5C82 100%);
  /* legacy aliases — every --gold* now points to the blue palette so existing
     selectors / inline PHP defaults keep working without per-file edits. */
  --gold:var(--blue); --gold-deep:var(--blue-deep); --gold-deeper:var(--blue-deeper);
  --gold-bright:var(--blue-bright); --gold-soft:var(--blue-soft);
  --gold-grad:var(--blue-grad); --gold-grad-hover:var(--blue-grad-hover);
  /* neutrals (warm — preserved) */
  --cream:#FAF6EF; --cream-2:#F3ECE0; --beige:#EAE0D1; --sand:#DCCFBB; --white:#FFFFFF;
  --hairline:rgba(27,58,87,.20);
  /* system */
  --success:#3F6B57; --error:#A6432E; --focus:#1B3A57;
  /* spacing */
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:48px; --s6:64px; --s7:96px; --s8:128px;
  /* radius */
  --r-sm:10px; --r-md:18px; --r-lg:28px; --r-pill:999px;
  /* shadows (neutral-cool, low-chroma — work over warm neutrals AND blue) */
  --sh-sm:0 2px 10px rgba(27,42,60,.06);
  --sh-md:0 12px 34px rgba(27,42,60,.10);
  --sh-lg:0 28px 64px rgba(27,42,60,.14);
  /* CTA shadow now blue-tinted; --sh-gold* kept as aliases for compat */
  --sh-blue:0 10px 26px rgba(27,58,87,.28);
  --sh-blue-hover:0 16px 36px rgba(27,58,87,.36);
  --sh-gold:var(--sh-blue); --sh-gold-hover:var(--sh-blue-hover);
  /* type scale */
  --fs-hero:3.5rem; --fs-h2:2.5rem; --fs-h3:1.5rem; --fs-lead:1.375rem;
  --fs-body:1.1875rem; --fs-small:1rem; --fs-btn:1.1875rem;
  --container:1140px;
  --ease:cubic-bezier(.22,.61,.36,1);
  /* font default (override-able by Elementor global typography) */
  --sg-font:"Polin","Heebo","Assistant",system-ui,sans-serif;

  direction:rtl;
  text-align:right;
  color:var(--ink);
  font-size:var(--fs-body);
  line-height:1.65;
  font-weight:400;
  font-family:var(--sg-font);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.sg-widget *,.sg-widget *::before,.sg-widget *::after{box-sizing:border-box;}
.sg-widget img{max-width:100%; display:block;}
.sg-widget a{color:var(--gold-deep); text-decoration:none;}

/* button/input/textarea/select יורשים את הפונט הגלובלי — לעולם לא ערך קשיח */
.sg-widget button,.sg-widget input,.sg-widget textarea,.sg-widget select{
  font-family:inherit;
}

/* ---------- Layout helpers ---------- */
.sg-widget .container{max-width:var(--container); margin-inline:auto; padding-inline:28px;}
.sg-section{padding-block:var(--s7);}
.sg-section--tint{background:var(--cream-2);}

/* headings */
.sg-widget h1,.sg-widget h2,.sg-widget h3{margin:0; line-height:1.22; letter-spacing:-.015em; text-wrap:balance;}
.sg-widget h1{font-weight:300;}
.sg-widget h2{font-size:var(--fs-h2); font-weight:300; line-height:1.18;}
.sg-widget h3{font-size:var(--fs-h3); font-weight:700; line-height:1.3; letter-spacing:-.01em;}
.sg-widget .lead{font-size:var(--fs-lead); line-height:1.6; color:var(--ink-soft); max-width:54ch; font-weight:400; text-wrap:pretty;}
.sg-widget p{margin:0 0 var(--s3); max-width:62ch; text-wrap:pretty;}
.sg-widget legend,.sg-widget .option span,.sg-widget .eyebrow,.sg-widget .kicker,
.sg-widget .pain-tag,.sg-widget blockquote,.sg-widget .band-quote,
.sg-widget .pain-close,.sg-widget .worth-emph{text-wrap:balance;}
.sg-widget em{font-style:normal; color:var(--gold-deep);}

/* ---------- Kicker / eyebrow ---------- */
.sg-widget .eyebrow{
  font-size:var(--fs-small); font-weight:700; letter-spacing:.16em;
  color:var(--gold-deep); text-transform:uppercase; margin:0 0 var(--s3);
  display:flex; align-items:center; gap:12px;
}
.sg-widget .eyebrow::before{content:""; width:38px; height:1.5px; background:var(--gold-bright);}
.sg-widget .kicker{
  display:flex; align-items:center; gap:12px; margin:0 0 var(--s3);
  font-size:var(--fs-small); font-weight:700; letter-spacing:.16em;
  text-transform:uppercase; color:var(--gold-deeper);
}
.sg-widget .kicker-num{
  font-weight:400; font-size:1.05rem; letter-spacing:.05em; color:var(--gold);
  opacity:.75; font-variant-numeric:tabular-nums;
}
.sg-widget .kicker-line{width:34px; height:1.5px; background:var(--gold-bright); flex:0 0 auto;}
.sg-widget .kicker--center{justify-content:center;}

/* section heads */
.sg-widget .section-head{margin-bottom:var(--s5);}
.sg-widget .section-head.center{text-align:center; max-width:680px; margin-inline:auto;}
.sg-widget .section-head.center .lead{margin-inline:auto;}
.sg-widget .section-head--split{
  display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:24px 64px; align-items:end; margin-bottom:var(--s6);
}
.sg-widget .section-head--split .section-head-lead h2{max-width:16ch;}
.sg-widget .section-head--split .lead{padding-bottom:6px;}

/* ============================================================
   ICON SYSTEM
   ============================================================ */
.sg-widget .ico{
  display:inline-grid; place-items:center; color:var(--gold-deep);
  width:1.5em; height:1.5em; flex:0 0 auto;
}
.sg-widget .ico svg{width:100%; height:100%; display:block;}
.sg-widget .ico svg *{
  fill:none; stroke:currentColor; stroke-width:1.75;
  stroke-linecap:round; stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.sg-widget .stars svg path{fill:currentColor;}
.sg-widget .ico-lg{font-size:1.55rem;}

/* Real (Flaticon) icons tinted to brand gold via CSS mask.
   נתיב ה-mask מוזרק דינמית ב-PHP (var --sg-icons-url) כדי שהנתיב יהיה מוחלט לתוסף. */
.sg-widget .ico-img{
  display:inline-block; width:1.6em; height:1.6em; flex:0 0 auto;
  background-color:var(--gold-deep);
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center;
  -webkit-mask-size:contain;     mask-size:contain;
}
.sg-widget .ico > .ico-img{width:64%; height:64%;}
.sg-widget .ico-img[data-ico="dialog"]      {-webkit-mask-image:var(--ico-dialog);      mask-image:var(--ico-dialog);}
.sg-widget .ico-img[data-ico="voice"]       {-webkit-mask-image:var(--ico-voice);       mask-image:var(--ico-voice);}
.sg-widget .ico-img[data-ico="hour24"]      {-webkit-mask-image:var(--ico-hour24);      mask-image:var(--ico-hour24);}
.sg-widget .ico-img[data-ico="house"]       {-webkit-mask-image:var(--ico-house);       mask-image:var(--ico-house);}
.sg-widget .ico-img[data-ico="will"]        {-webkit-mask-image:var(--ico-will);        mask-image:var(--ico-will);}
.sg-widget .ico-img[data-ico="guardian"]    {-webkit-mask-image:var(--ico-guardian);    mask-image:var(--ico-guardian);}
.sg-widget .ico-img[data-ico="file"]        {-webkit-mask-image:var(--ico-file);        mask-image:var(--ico-file);}
.sg-widget .ico-img[data-ico="call"]        {-webkit-mask-image:var(--ico-call);        mask-image:var(--ico-call);}
.sg-widget .ico-img[data-ico="arrow"]       {-webkit-mask-image:var(--ico-arrow);       mask-image:var(--ico-arrow);}
.sg-widget .ico-img[data-ico="certificate"] {-webkit-mask-image:var(--ico-certificate); mask-image:var(--ico-certificate);}
.sg-widget .ico-img[data-ico="review"]      {-webkit-mask-image:var(--ico-review);      mask-image:var(--ico-review);}

/* ---------- Buttons ---------- */
.sg-widget .btn{
  position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family:inherit; font-size:var(--fs-btn); font-weight:700; line-height:1;
  padding:17px 34px; min-height:56px; border-radius:var(--r-pill);
  border:none; cursor:pointer; text-decoration:none; isolation:isolate;
  transition:transform .18s var(--ease), box-shadow .22s var(--ease), background .22s var(--ease), color .18s var(--ease);
}
.sg-widget .btn-lg{padding:19px 40px; min-height:60px;}
.sg-widget .btn-primary{background:var(--gold-grad); color:#FFFFFF; box-shadow:var(--sh-gold);}
.sg-widget .btn-primary:hover,.sg-widget .btn-primary:focus-visible{
  background:var(--gold-grad-hover); box-shadow:var(--sh-gold-hover);
  transform:translateY(-1px); color:#FFFFFF;
}
.sg-widget .btn-primary:active{transform:translateY(0); box-shadow:var(--sh-gold);}
.sg-widget .btn-primary:disabled{opacity:.55; cursor:not-allowed; transform:none; box-shadow:var(--sh-gold);}
.sg-widget .btn-ghost{background:transparent; color:var(--gold-deep); border:1.5px solid var(--gold);}
.sg-widget .btn-ghost:hover{background:var(--gold-soft); transform:translateY(-1px);}
.sg-widget .btn-block{width:100%;}
.sg-widget :focus-visible{outline:3px solid var(--focus); outline-offset:3px; border-radius:8px;}
.sg-widget .btn:focus-visible{outline-offset:4px;}

/* ---------- Inline CTA prompt ---------- */
.sg-widget .cta-prompt{text-align:center; padding-block:var(--s6) 0;}
.sg-widget .cta-prompt p{
  margin:0 auto var(--s3); max-width:34ch; font-size:1.375rem; font-weight:300;
  color:var(--ink); line-height:1.4; letter-spacing:-.01em; text-wrap:balance;
}
.sg-widget .cta-prompt .btn{margin-inline:auto;}
@media (max-width:640px){
  .sg-widget .cta-prompt{padding-block:var(--s5) 0;}
  .sg-widget .cta-prompt p{font-size:1.1875rem;}
  .sg-widget .cta-prompt .btn{width:100%;}
}

/* ============================================================
   HEADER
   ============================================================ */
.sg-widget.sg-header{
  position:sticky; top:0; z-index:50; background:rgba(250,246,239,.82); display:block;
  backdrop-filter:saturate(150%) blur(12px); border-bottom:1px solid var(--hairline);
}
.sg-widget .header-inner{display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:84px;}
.sg-widget .header-logo img{height:66px; width:auto;}
.sg-widget .header-cta{display:flex; align-items:center; gap:22px;}
.sg-widget .header-phone{
  font-weight:700; color:var(--ink); white-space:nowrap; font-size:var(--fs-small);
  transition:color .18s var(--ease);
}
.sg-widget .header-phone span{color:var(--ink-muted); font-weight:400;}
.sg-widget .header-phone:hover{color:var(--gold-deep);}
.sg-widget .header-cta .btn{padding:12px 26px; min-height:48px; font-size:var(--fs-small);}

/* ============================================================
   HERO
   ============================================================ */
.sg-widget.sg-hero{position:relative; overflow:hidden; background:var(--cream); display:block;}
.sg-widget.sg-hero::before{
  content:""; position:absolute; inset-block-start:-180px; inset-inline-start:-140px;
  width:560px; height:560px; border-radius:50%;
  background:radial-gradient(circle,rgba(62,124,166,.16),transparent 64%); pointer-events:none;
}
.sg-widget .hero-inner{
  display:grid; grid-template-columns:1.08fr .92fr; gap:72px; align-items:center;
  padding-block:var(--s7) var(--s6); position:relative; z-index:1;
}
.sg-widget .hero-content{max-width:620px;}
.sg-widget .hero h1{
  font-size:var(--fs-hero); font-weight:300; line-height:1.1; margin-bottom:var(--s4);
  letter-spacing:-.02em;
}
.sg-widget .hero h1 .accent{color:var(--gold-deep); font-weight:400;}
.sg-widget .hero-sub{font-size:var(--fs-lead); color:var(--ink-soft); line-height:1.6; margin-bottom:var(--s5); max-width:50ch;}
.sg-widget .hero-actions{display:flex; align-items:center; gap:18px; flex-wrap:wrap; margin-bottom:var(--s3);}
.sg-widget .hero-micro{font-size:var(--fs-small); color:var(--ink-muted); margin:0;}

.sg-widget .hero-media{position:relative;}
.sg-widget .hero-photo{
  border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--sh-lg);
  border:1px solid var(--hairline); aspect-ratio:4/4.7; width:100%;
}
.sg-widget .hero-photo img{width:100%; height:100%; object-fit:cover;}
.sg-widget .hero-photo::after{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background:linear-gradient(180deg,rgba(27,58,87,.05),rgba(22,30,42,.12));
  mix-blend-mode:multiply;
}
.sg-widget .hero-badge{
  position:absolute; inset-block-end:26px; inset-inline-start:-22px;
  background:var(--white); border-radius:var(--r-md); box-shadow:var(--sh-md);
  padding:15px 20px; display:flex; align-items:center; gap:13px; max-width:262px;
  border:1px solid var(--hairline);
}
.sg-widget .hero-badge .ico{font-size:1.45rem; width:44px; height:44px; border-radius:50%; background:var(--gold-soft);}
.sg-widget .hero-badge b{display:block; font-size:1.02rem; line-height:1.3; font-weight:700;}
.sg-widget .hero-badge small{color:var(--ink-muted); font-size:.875rem;}

/* trust strip */
.sg-widget .trust-strip{border-top:1px solid var(--hairline); background:transparent; margin-top:var(--s3);}
.sg-widget .trust-strip ul{
  list-style:none; margin:0; padding:20px 0; display:flex; flex-wrap:wrap;
  gap:14px 26px; justify-content:center; align-items:center;
}
.sg-widget .trust-strip li{display:flex; align-items:center; gap:11px; font-size:var(--fs-small); color:var(--ink-soft);}
.sg-widget .trust-strip .ico{font-size:1.2rem;}
.sg-widget .trust-sep{width:1px; height:22px; background:var(--hairline);}

/* ============================================================
   PAIN / EMPATHY
   ============================================================ */
.sg-widget .pain-grid{display:grid; grid-template-columns:1fr 1fr; gap:0; margin-top:var(--s2);
  border-top:1px solid var(--hairline);}
.sg-widget .pain-card{
  padding:var(--s5) var(--s5) var(--s5) 0; border-inline-start:1px solid var(--hairline);
}
.sg-widget .pain-card:first-child{padding-inline-start:var(--s5); border-inline-start:none;}
.sg-widget .pain-card:last-child{padding-inline-start:var(--s5);}
.sg-widget .pain-tag{
  display:inline-block; font-size:.8rem; font-weight:700; color:var(--gold-deep);
  letter-spacing:.12em; text-transform:uppercase; margin-bottom:12px;
}
.sg-widget .pain-card h3{margin-bottom:12px; color:var(--ink);}
.sg-widget .pain-card p{margin:0; color:var(--ink-soft);}
.sg-widget .pain-close{
  margin-top:var(--s6); padding-top:var(--s5); border-top:1px solid var(--hairline);
  font-size:1.625rem; font-weight:300; color:var(--ink); text-align:center; max-width:none;
  letter-spacing:-.01em;
}

/* ============================================================
   FULL-BLEED ATMOSPHERE BANDS
   ============================================================ */
.sg-widget.sg-band{position:relative; overflow:hidden; display:block;}
.sg-widget .band{position:relative; overflow:hidden;}
/* שכבת רקע פנימית — תמונת רקע של אזור (ולא <img> רגיל). ברירת מחדל
   סטטית: ממורכזת, cover, ממלאת את המיכל (אין רצועות ריקות, לא חתוך מוזר).
   מובייל / ברירת מחדל: background-attachment:scroll (fixed באגי ב-iOS Safari). */
.sg-widget .band-bg{
  position:absolute; inset:0; background-size:cover;
  background-position:center; background-repeat:no-repeat;
  background-attachment:scroll;
}
.sg-widget .band::after{content:""; position:absolute; inset:0; pointer-events:none; z-index:1;}
.sg-widget .band--light{height:260px;}
.sg-widget .band--light::after{
  background:linear-gradient(90deg,rgba(43,37,32,.18),rgba(43,37,32,0) 55%),
             linear-gradient(0deg,rgba(62,124,166,.10),transparent);
}
.sg-widget .band--room{height:380px; display:grid; place-items:center;}
.sg-widget .band--room::after{background:linear-gradient(0deg,rgba(43,37,32,.46),rgba(43,37,32,.22));}
.sg-widget .band-quote{z-index:2;}
/* פראלקס CSS טהור — ללא שום JavaScript:
   בדסקטופ (≥768px) הרקע "ננעל" ל-viewport דרך background-attachment:fixed,
   כך שבזמן גלילה הבאנד מגלה פרוסה אחרת של אותה תמונה = אפקט פראלקס ברור.
   אינו תלוי ב-JS, אינו מושבת ע״י prefers-reduced-motion (זה אינו animation/
   transition אלא מאפיין paint), ואינו מושפע מאופטימיזציית/קאש של JS.
   ה-gate היחיד הוא ה-media query של הדסקטופ — לפי דרישת הלקוח.
   באטצ'מנט:fixed פירושו שהרקע ממוקם יחסית ל-viewport, לכן position:absolute/
   inset כבר לא רלוונטיים לתנועתו; משאירים inset:0 לכיסוי המיכל. */
@media (min-width:768px){
  .sg-widget .band-bg{
    background-attachment:fixed;
    background-position:center;
    background-size:cover;
    will-change:background-position;
  }
}
.sg-widget .band-quote{
  position:relative; z-index:1; color:#FCF7EE; font-size:2rem; font-weight:300;
  letter-spacing:-.01em; text-align:center; max-width:18ch; margin:0;
  text-shadow:0 2px 18px rgba(0,0,0,.35);
}

/* ============================================================
   DIFFERENTIATION
   ============================================================ */
.sg-widget .diff-list{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:1fr 1fr;
  border-top:1px solid var(--hairline); border-inline-start:1px solid var(--hairline);
}
.sg-widget .diff-row{
  display:flex; flex-direction:row; gap:20px; align-items:flex-start;
  padding:var(--s4) var(--s4);
  border-bottom:1px solid var(--hairline); border-inline-end:1px solid var(--hairline);
  transition:background .25s var(--ease);
}
.sg-widget .diff-row:hover{background:rgba(220,231,239,.55);}
.sg-widget .diff-row .ico{
  font-size:1.6rem; width:56px; height:56px; border-radius:50%;
  background:var(--gold-soft); transition:transform .25s var(--ease);
}
.sg-widget .diff-row:hover .ico{transform:translateY(-2px) scale(1.04);}
.sg-widget .diff-body h3{margin-bottom:7px;}
.sg-widget .diff-body p{margin:0; color:var(--ink-soft); max-width:38ch;}
.sg-widget.sg-diff .sg-section{padding-block:var(--s6);}
.sg-widget.sg-diff .section-head--split{margin-bottom:var(--s4);}

/* ============================================================
   WORTH
   ============================================================ */
.sg-widget .worth-inner{display:grid; grid-template-columns:1.05fr .85fr; gap:64px; align-items:center;}
.sg-widget .worth-text h2{margin-bottom:var(--s4); max-width:18ch;}
.sg-widget .worth-text p{color:var(--ink-soft);}
.sg-widget .worth-emph{
  color:var(--ink); font-size:1.25rem; line-height:1.6; font-weight:400;
  border-inline-start:3px solid var(--gold-bright); padding-inline-start:22px; margin-top:var(--s4);
}
.sg-widget .worth-media{
  margin:0; border-radius:var(--r-lg); overflow:hidden; position:relative;
  box-shadow:var(--sh-md); border:1px solid var(--hairline); aspect-ratio:4/3.6;
}
.sg-widget .worth-media img{width:100%; height:100%; object-fit:cover;}
.sg-widget .worth-media::after{content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(27,58,87,.05),rgba(22,30,42,.10)); mix-blend-mode:multiply;}

/* ============================================================
   PROOF
   ============================================================ */
/* Trust block (v6) — פריטי אמון טקסטואליים (ללא מספרים) + תעודת הסמכה.
   רצועה נקייה: שלושה פריטי-אמון מופרדים ב-hairline, ולצדם באדג' תעודה. */
.sg-widget .trust-block{
  display:grid; grid-template-columns:1fr auto; gap:var(--s5);
  align-items:stretch; margin:var(--s5) 0 var(--s6);
  border-top:1px solid var(--hairline); border-bottom:1px solid var(--hairline);
}
/* גרסת v7: התעודה עברה לגלריה נפרדת — פריטי האמון לבדם תופסים את כל הרוחב. */
.sg-widget .trust-block--solo{grid-template-columns:1fr;}
.sg-widget .trust-items{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(3,1fr);
}
.sg-widget .trust-item{
  display:flex; flex-direction:column; align-items:flex-start; gap:14px;
  padding:var(--s5) var(--s4); text-align:start;
  border-inline-start:1px solid var(--hairline);
}
.sg-widget .trust-items .trust-item:first-child{border-inline-start:none;}
.sg-widget .trust-item .ico{
  font-size:1.45rem; width:50px; height:50px; border-radius:50%;
  background:var(--blue-soft); color:var(--blue-deep); flex:0 0 auto;
}
.sg-widget .trust-item b{
  display:block; font-size:1.1875rem; font-weight:700; color:var(--blue-deep);
  line-height:1.3; letter-spacing:-.01em;
}
.sg-widget .trust-item small{display:block; color:var(--ink-soft); font-size:.95rem; margin-top:6px; line-height:1.5;}

/* Certification badge — image when supplied, elegant placeholder until then. */
.sg-widget .cert-badge{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:12px; text-align:center; padding:var(--s4);
  border-inline-start:1px solid var(--hairline); min-width:200px; max-width:240px;
}
.sg-widget .cert-badge img{
  max-height:150px; width:auto; border-radius:var(--r-sm);
  border:1px solid var(--hairline); box-shadow:var(--sh-sm); background:var(--white);
}
.sg-widget .cert-badge figcaption{font-size:.875rem; color:var(--ink-muted); line-height:1.45; max-width:22ch;}
.sg-widget .cert-badge--placeholder{
  border:1.5px dashed var(--blue); border-radius:var(--r-md);
  background:var(--blue-soft); color:var(--blue-deep);
  padding:var(--s4) var(--s3); margin-inline-start:0;
}
.sg-widget .cert-badge--placeholder .ico{font-size:2rem; width:60px; height:60px; border-radius:50%; background:var(--white);}
.sg-widget .cert-ph-text{font-size:.9375rem; font-weight:700; color:var(--blue-deep); line-height:1.4; max-width:18ch;}

/* Certificates gallery (v7) — 4 כרטיסים ממוסגרים + lightbox נגיש.
   direction:rtl על הגריד → cert-1 (הכי חשובה) יושבת בימין (תחילת הקריאה). */
.sg-widget .cert-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:24px;
  direction:rtl; margin:var(--s5) 0 var(--s6);
}
.sg-widget .cert-fig{margin:0; display:flex; flex-direction:column;}
.sg-widget .cert-btn{
  appearance:none; -webkit-appearance:none; border:0; padding:0;
  background:transparent; cursor:pointer; display:block; font:inherit;
}
.sg-widget .cert-card{
  display:block; background:var(--white); border:1px solid var(--hairline);
  border-radius:var(--r-md); padding:12px; box-shadow:var(--sh-md);
  overflow:hidden;
  transition:transform .22s var(--ease), box-shadow .22s var(--ease), border-color .22s var(--ease);
}
.sg-widget .cert-btn:hover .cert-card,
.sg-widget .cert-btn:focus-visible .cert-card{
  transform:translateY(-4px); box-shadow:var(--sh-lg); border-color:var(--blue);
}
.sg-widget .cert-btn:focus-visible{outline:3px solid var(--blue-deep); outline-offset:4px; border-radius:var(--r-md);}
.sg-widget .cert-card img{
  display:block; width:100%; height:auto; aspect-ratio:900/1180;
  object-fit:cover; border-radius:10px; background:var(--cream-2);
}
.sg-widget .cert-cap{
  margin-top:16px; font-size:1.0125rem; font-weight:700; color:var(--blue-deep);
  line-height:1.4; text-align:center; text-wrap:balance;
}
.sg-widget .cert-zoom{display:block; margin-top:6px; font-size:.85rem; font-weight:400; color:var(--ink-muted);}

/* Lightbox */
.sg-widget .cert-lb{
  position:fixed; inset:0; background:rgba(27,40,55,.82);
  display:none; align-items:center; justify-content:center;
  padding:32px; z-index:9999; backdrop-filter:blur(2px);
}
.sg-widget .cert-lb.open{display:flex;}
.sg-widget .cert-lb-inner{position:relative; max-width:min(640px,92vw); max-height:92vh;}
.sg-widget .cert-lb-inner img{
  max-width:100%; max-height:88vh; border-radius:12px;
  box-shadow:0 30px 80px rgba(0,0,0,.5); display:block;
}
.sg-widget .cert-lb-cap{color:#F4EFE6; text-align:center; margin-top:14px; font-size:1.05rem; font-weight:700;}
.sg-widget .cert-lb-close{
  position:absolute; top:-14px; inset-inline-start:-14px;
  width:46px; height:46px; border-radius:50%; border:0;
  background:#fff; color:var(--ink); font-size:1.5rem; cursor:pointer;
  box-shadow:var(--sh-md); display:flex; align-items:center; justify-content:center; line-height:1;
}
.sg-widget .cert-lb-close:focus-visible{outline:3px solid #fff; outline-offset:3px;}
@media (prefers-reduced-motion:reduce){
  .sg-widget .cert-card{transition:none;}
}

.sg-widget .testi-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; align-items:stretch;}
.sg-widget .testi{
  background:var(--white); border:1px solid var(--hairline); border-radius:var(--r-md);
  padding:28px 26px 24px; position:relative; overflow:hidden;
  display:flex; flex-direction:column;
  height:340px;
  transition:box-shadow .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease);
}
.sg-widget .testi:hover{box-shadow:var(--sh-md); border-color:var(--gold); transform:translateY(-3px);}
.sg-widget .quote-mark{
  position:absolute; inset-block-start:4px; inset-inline-start:16px;
  font-size:4rem; line-height:1; color:var(--gold-soft); font-weight:700; pointer-events:none;
}
.sg-widget .testi .stars{display:flex; gap:3px; color:var(--gold-bright); margin-bottom:14px; position:relative; flex:0 0 auto;}
.sg-widget .testi .stars svg{width:17px; height:17px;}
.sg-widget .testi .stars svg path{fill:currentColor; stroke:currentColor; stroke-width:1;}
.sg-widget .testi blockquote{
  margin:0 0 14px; font-size:1.0125rem; color:var(--ink); line-height:1.55; position:relative;
  flex:1 1 auto; min-height:0; overflow-y:auto; padding-inline-end:6px;
  scrollbar-width:thin; scrollbar-color:var(--sand) transparent;
  -webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 18px),transparent);
          mask-image:linear-gradient(180deg,#000 calc(100% - 18px),transparent);
}
.sg-widget .testi blockquote::-webkit-scrollbar{width:5px;}
.sg-widget .testi blockquote::-webkit-scrollbar-thumb{background:var(--sand); border-radius:999px;}
.sg-widget .testi blockquote::-webkit-scrollbar-track{background:transparent;}
.sg-widget .testi cite{font-style:normal; font-weight:700; color:var(--ink-soft); font-size:var(--fs-small); flex:0 0 auto;}

/* ============================================================
   SERVICES
   ============================================================ */
.sg-widget .services-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:var(--s5);
  border-top:1px solid var(--hairline);}
.sg-widget .service{
  position:relative; padding:var(--s5) var(--s4); border-inline-start:1px solid var(--hairline);
  transition:background .25s var(--ease);
}
.sg-widget .service:first-child{border-inline-start:none;}
.sg-widget .service:hover{background:rgba(220,231,239,.5);}
.sg-widget .service-idx{
  position:absolute; inset-block-start:var(--s4); inset-inline-end:var(--s4);
  font-size:1rem; font-weight:400; color:var(--gold); opacity:.6; letter-spacing:.05em;
  font-variant-numeric:tabular-nums;
}
.sg-widget .service .ico{
  font-size:1.7rem; width:60px; height:60px; border-radius:16px; background:var(--gold-soft);
  margin-bottom:22px; transition:transform .25s var(--ease);
}
.sg-widget .service:hover .ico{transform:translateY(-2px);}
.sg-widget .service h3{margin-bottom:12px;}
.sg-widget .service p{margin:0; color:var(--ink-soft);}

/* ============================================================
   HOW IT WORKS
   ============================================================ */
.sg-widget .steps{
  list-style:none; margin:var(--s5) 0 0; padding:0;
  display:grid; grid-template-columns:repeat(3,1fr); gap:0; position:relative;
}
.sg-widget .step{
  position:relative; padding:0 var(--s4); text-align:center;
  border-inline-start:1px solid var(--hairline);
}
.sg-widget .step:first-child{border-inline-start:none;}
.sg-widget .step-num{
  width:52px; height:52px; border-radius:50%; background:var(--gold-grad); color:#FFFFFF;
  display:grid; place-items:center; font-weight:700; font-size:1.35rem; margin:0 auto var(--s2);
  box-shadow:var(--sh-gold);
}
.sg-widget .step .ico{
  font-size:1.55rem; width:56px; height:56px; border-radius:50%;
  background:var(--gold-soft); color:var(--gold-deep);
  margin:0 auto 16px; transition:transform .25s var(--ease);
}
.sg-widget .step:hover .ico{transform:translateY(-2px);}
.sg-widget .step h3{margin-bottom:10px;}
.sg-widget .step p{margin:0 auto; color:var(--ink-soft); max-width:34ch;}

/* ============================================================
   FORM
   ============================================================ */
.sg-widget.sg-form{background:var(--beige); position:relative; overflow:hidden; display:block;}
/* ריווח אנכי של סקשן הטופס — בקנה מידה של שאר הסקשנים (--s7=96px).
   ניתן לכוונון מלא דרך control "ריווח אנכי (סקשן)" בטאב העיצוב. */
.sg-widget .form-section{padding-block:var(--s7);}
.sg-widget.sg-form::before{content:""; position:absolute; inset-block-start:-140px; inset-inline-end:-140px;
  width:440px; height:440px; border-radius:50%;
  background:radial-gradient(circle,rgba(62,124,166,.18),transparent 64%);}
.sg-widget .form-wrap{position:relative; z-index:1; max-width:820px; margin-inline:auto;}
.sg-widget .form-card{
  background:var(--white); border-radius:var(--r-lg); box-shadow:var(--sh-lg);
  border:1px solid var(--hairline); padding:40px 44px;
}
.sg-widget .form-shortcode{margin-top:var(--s2);}
.sg-widget .form-head{text-align:center; margin-bottom:var(--s4);}
.sg-widget .form-head .kicker{justify-content:center; margin-bottom:12px;}
.sg-widget .form-head h2{margin-bottom:10px;}
.sg-widget .form-head p{margin-inline:auto; color:var(--ink-soft); max-width:52ch;}
.sg-widget .fieldset{border:none; margin:0 0 18px; padding:0;}
.sg-widget .fieldset > legend{font-weight:700; font-size:1.0625rem; color:var(--ink); margin-bottom:10px; padding:0;}
.sg-widget .optional{font-weight:400; color:var(--ink-muted); font-size:var(--fs-small);}
.sg-widget .options{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.sg-widget .option{
  display:flex; align-items:center; gap:12px; padding:11px 16px; min-height:50px;
  border:1.5px solid var(--sand); border-radius:var(--r-sm); background:var(--cream);
  cursor:pointer; font-size:1.0625rem;
  transition:border-color .18s var(--ease), background .18s var(--ease), box-shadow .18s var(--ease);
}
.sg-widget .option:hover{border-color:var(--gold); background:#fff;}
.sg-widget .option input{
  appearance:none; -webkit-appearance:none; width:22px; height:22px; flex:0 0 auto; margin:0;
  border:2px solid var(--sand); border-radius:50%; background:#fff; cursor:pointer;
  display:grid; place-items:center; transition:border-color .18s var(--ease);
}
.sg-widget .option input::after{content:""; width:11px; height:11px; border-radius:50%;
  background:var(--gold-grad); transform:scale(0); transition:transform .18s var(--ease);}
.sg-widget .option:hover input{border-color:var(--gold);}
.sg-widget .option input:checked{border-color:var(--gold-deep);}
.sg-widget .option input:checked::after{transform:scale(1);}
.sg-widget .option:has(input:checked){border-color:var(--gold-deep); background:var(--gold-soft); box-shadow:inset 0 0 0 1px var(--gold-deep);}
.sg-widget .option input:focus-visible{outline:3px solid var(--focus); outline-offset:3px;}

.sg-widget .field-row{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:18px;}
.sg-widget .field-row .field{margin-bottom:0;}
.sg-widget .field{margin-bottom:18px;}
.sg-widget .field label{display:block; font-weight:700; margin-bottom:7px; font-size:1.0625rem;}
.sg-widget .field .hint{display:block; font-weight:400; color:var(--ink-muted); font-size:.9375rem; margin-top:6px;}
.sg-widget .field input[type=text],.sg-widget .field input[type=tel]{
  width:100%; min-height:52px; padding:13px 16px; font-size:var(--fs-body); font-family:inherit;
  border:1.5px solid var(--sand); border-radius:var(--r-sm); background:var(--white); color:var(--ink);
  transition:border-color .18s var(--ease), box-shadow .18s var(--ease);
}
.sg-widget .field input::placeholder{color:var(--ink-muted);}
.sg-widget .field input:hover{border-color:var(--gold);}
.sg-widget .field input:focus{outline:none; border-color:var(--gold-deep); box-shadow:0 0 0 4px rgba(27,58,87,.18);}

.sg-widget .consent{
  display:flex; gap:13px; align-items:flex-start; background:var(--cream-2);
  border:1px solid var(--hairline); border-radius:var(--r-sm); padding:14px 18px; margin-bottom:20px;
  transition:border-color .18s var(--ease);
}
.sg-widget .consent:hover{border-color:var(--gold);}
.sg-widget .consent input{
  appearance:none; -webkit-appearance:none; width:24px; height:24px; flex:0 0 auto; margin-top:1px;
  border:2px solid var(--sand); border-radius:6px; background:#fff; cursor:pointer;
  display:grid; place-items:center; transition:border-color .18s var(--ease), background .18s var(--ease);
}
.sg-widget .consent input::after{content:""; width:13px; height:7px; margin-top:-2px;
  border-inline-start:2.5px solid #fff; border-bottom:2.5px solid #fff;
  transform:rotate(-50deg) scale(0); transition:transform .18s var(--ease);}
.sg-widget .consent input:checked{background:var(--gold-deep); border-color:var(--gold-deep);}
.sg-widget .consent input:checked::after{transform:rotate(-50deg) scale(1);}
.sg-widget .consent input:focus-visible{outline:3px solid var(--focus); outline-offset:3px;}
.sg-widget .consent label{font-size:var(--fs-small); color:var(--ink-soft); line-height:1.55; cursor:pointer;}
.sg-widget .link-inline{color:var(--gold-deep); font-weight:700; border-bottom:1px solid var(--gold-bright); transition:color .18s var(--ease), border-color .18s var(--ease);}
.sg-widget .link-inline:hover{color:var(--ink); border-color:var(--gold-deep);}

.sg-widget .form-foot{text-align:center;}
.sg-widget .form-foot .privacy{margin:16px 0 0; font-size:var(--fs-small); color:var(--ink-muted);
  display:flex; align-items:center; justify-content:center; gap:8px;}
.sg-widget .privacy .lock{width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round;}

.sg-widget .form-success{display:none; text-align:center; padding:24px 8px;}
.sg-widget .form-success.show{display:block;}
.sg-widget .form-success .check{width:88px; height:88px; border-radius:50%; background:var(--gold-soft);
  display:grid; place-items:center; margin:0 auto 22px; color:var(--gold-deep);}
.sg-widget .form-success .check svg{width:42px; height:42px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round;}
.sg-widget .form-success h2{margin-bottom:14px;}
.sg-widget .form-success p{margin-inline:auto; color:var(--ink-soft);}

/* ============================================================
   FOOTER
   ============================================================ */
.sg-widget.sg-footer{background:var(--ink); color:#E3E7EC; padding-block:var(--s6) var(--s4); display:block;}
.sg-widget .footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:48px; align-items:start;}
.sg-widget.sg-footer h4{font-size:1.05rem; margin:0 0 16px; color:#fff; font-weight:700;}
.sg-widget.sg-footer p,.sg-widget.sg-footer li{color:#BFC4CB; font-size:var(--fs-small); line-height:1.6; margin:0 0 8px;}
.sg-widget.sg-footer ul{list-style:none; margin:0; padding:0;}
.sg-widget.sg-footer a{color:#E3E7EC; border-bottom:1px solid transparent; transition:border-color .18s var(--ease), color .18s var(--ease);}
.sg-widget.sg-footer a:hover{color:#fff; border-color:var(--gold-bright);}
/* Footer logo: render the blue logo as a clean near-white silhouette on the dark
   footer (blue-on-dark-blue would be muddy). brightness(0) flattens to black,
   invert(1) -> white; tiny brightness trim keeps it from glaring. */
.sg-widget .footer-logo{height:72px; width:auto; margin-bottom:18px;}
.sg-widget .footer-tagline{max-width:34ch;}
.sg-widget .footer-bottom{border-top:1px solid rgba(255,255,255,.13); margin-top:var(--s5); padding-top:var(--s3);
  display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; font-size:.875rem; color:#9AA0A8;}
.sg-widget .footer-en{letter-spacing:.04em;}

/* ============================================================
   WHATSAPP FLOAT
   ============================================================ */
.sg-widget.sg-whatsapp{display:block;}
.sg-wa-float{
  position:fixed; inset-block-end:24px; inset-inline-end:24px; z-index:60;
  width:60px; height:60px; border-radius:50%; background:#25D366;
  display:grid; place-items:center; box-shadow:0 8px 24px rgba(37,211,102,.4);
  transition:transform .2s var(--ease), box-shadow .2s var(--ease);
}
.sg-wa-float:hover{transform:translateY(-3px) scale(1.05); box-shadow:0 12px 30px rgba(37,211,102,.5);}
.sg-wa-float svg{width:34px; height:34px; fill:#fff;}
.sg-wa-float:focus-visible{outline:3px solid var(--focus); outline-offset:3px;}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1024px){
  .sg-widget{--fs-hero:3rem; --fs-h2:2.125rem;}
  .sg-widget .hero-inner{grid-template-columns:1fr; gap:44px;}
  .sg-widget .hero-media{max-width:460px; margin-inline:auto; width:100%;}
  .sg-widget .section-head--split{grid-template-columns:1fr; gap:18px; margin-bottom:var(--s5);}
  .sg-widget .section-head--split .lead{padding-bottom:0;}
  .sg-widget .worth-inner{grid-template-columns:1fr; gap:36px;}
  .sg-widget .worth-text h2,.sg-widget .section-head--split .section-head-lead h2{max-width:none;}
  /* trust-block: תעודה יורדת מתחת לפריטים בטאבלט */
  .sg-widget .trust-block{grid-template-columns:1fr;}
  .sg-widget .cert-badge{
    border-inline-start:none; border-top:1px solid var(--hairline);
    max-width:none; flex-direction:row; gap:18px; padding-block:var(--s4);
  }
  .sg-widget .cert-badge--placeholder{flex-direction:row; justify-content:center;}
  .sg-widget .testi-grid{grid-template-columns:1fr;}
  .sg-widget .footer-grid{grid-template-columns:1fr 1fr;}
}

@media (max-width:640px){
  .sg-widget{
    --fs-hero:2.25rem; --fs-h2:1.75rem; --fs-h3:1.3125rem;
    --fs-lead:1.1875rem; --fs-body:1.125rem;
  }
  .sg-section{padding-block:60px;}
  .sg-widget .form-section{padding-block:60px;}
  .sg-widget .container{padding-inline:22px;}
  .sg-widget .header-phone{display:none;}
  .sg-widget .header-logo img{height:54px;}
  .sg-widget .header-cta .btn{padding:11px 20px; min-height:46px;}

  .sg-widget .hero-inner{padding-block:40px 44px;}
  .sg-widget .hero h1{line-height:1.14;}
  .sg-widget .hero-actions{flex-direction:column; align-items:stretch;}
  .sg-widget .hero-actions .btn{width:100%;}
  .sg-widget .hero-badge{inset-inline-start:auto; inset-inline-end:12px; inset-block-end:12px; max-width:232px;}
  .sg-widget .trust-strip ul{flex-direction:column; gap:14px; padding:18px 0;}
  .sg-widget .trust-strip li{justify-content:flex-start; text-align:right; width:100%;}
  .sg-widget .trust-sep{display:none;}

  .sg-widget .pain-grid{grid-template-columns:1fr; border-top:none;}
  .sg-widget .pain-card,.sg-widget .pain-card:first-child,.sg-widget .pain-card:last-child{
    padding:var(--s4) 0; padding-inline:0; border-inline-start:none;
    border-bottom:1px solid var(--hairline);
  }
  .sg-widget .pain-card:last-child{border-bottom:none;}
  .sg-widget .pain-close{margin-top:var(--s5); padding-top:var(--s4); font-size:1.375rem;}

  .sg-widget .band--light{height:180px;}
  .sg-widget .band--room{height:300px;}
  .sg-widget .band-quote{font-size:1.5rem;}

  .sg-widget .diff-list{grid-template-columns:1fr; border-inline-start:none; border-top:none;}
  .sg-widget .diff-row{
    gap:16px; padding:var(--s4) 0;
    border-inline-end:none; border-bottom:1px solid var(--hairline);
  }
  .sg-widget .diff-list .diff-row:last-child{border-bottom:none;}
  .sg-widget .diff-row .ico{width:54px; height:54px; font-size:1.5rem;}
  .sg-widget .diff-body p{max-width:none;}

  .sg-widget .trust-items{grid-template-columns:1fr; border-top:none;}
  .sg-widget .trust-item,.sg-widget .trust-items .trust-item:first-child{
    border-inline-start:none; border-bottom:1px solid var(--hairline);
    padding:var(--s4) 0; flex-direction:row; align-items:center; gap:16px;
  }
  .sg-widget .trust-items .trust-item:last-child{border-bottom:none;}
  .sg-widget .cert-badge{flex-direction:column; text-align:center;}
  /* גלריית תעודות: 2×2 במובייל. cert-1 בפינה הימנית-עליונה (direction:rtl). */
  .sg-widget .cert-grid{grid-template-columns:repeat(2,1fr); gap:16px;}
  .sg-widget .cert-cap{font-size:.95rem;}

  .sg-widget .services-grid{grid-template-columns:1fr; border-top:none;}
  .sg-widget .service,.sg-widget .service:first-child{
    border-inline-start:none; border-bottom:1px solid var(--hairline);
    padding:var(--s4) 0;
  }
  .sg-widget .services-grid .service:last-child{border-bottom:none;}
  .sg-widget .service-idx{inset-block-start:var(--s4); inset-inline-end:0;}

  .sg-widget .steps{grid-template-columns:1fr; gap:0;}
  .sg-widget .step,.sg-widget .step:first-child{
    border-inline-start:none; border-bottom:1px solid var(--hairline);
    padding:var(--s4) 0;
  }
  .sg-widget .steps .step:last-child{border-bottom:none;}
  .sg-widget .step .ico{width:54px; height:54px; font-size:1.5rem;}
  .sg-widget .step p{max-width:46ch;}

  .sg-widget .worth-emph{font-size:1.125rem;}

  .sg-widget .options{grid-template-columns:1fr;}
  .sg-widget .field-row{grid-template-columns:1fr; gap:0;}
  .sg-widget .field-row .field{margin-bottom:18px;}
  .sg-widget .form-card{padding:26px 20px; border-radius:var(--r-md);}

  .sg-widget .footer-grid{grid-template-columns:1fr; gap:32px;}
  .sg-widget .footer-bottom{flex-direction:column;}

  .sg-wa-float{width:54px; height:54px; inset-block-end:18px; inset-inline-end:18px;}
}

@media (prefers-reduced-motion:reduce){
  .sg-widget *{animation:none!important; transition:none!important; scroll-behavior:auto!important;}
  .sg-widget .btn-primary:hover,.sg-widget .testi:hover,
  .sg-widget .diff-row:hover .ico,.sg-widget .service:hover .ico,
  .sg-widget .step:hover .ico{transform:none;}
}