/* ============================================================
   style.css — אתר הנזיקין וביטוח לאומי
   נבנה נקי מעל שכבת הטוקנים של המשפחה. לא הועתק גיליון של אח.
   כל שינוי כאן = באמפ ?v= אחיד בכל הדפים.
   ============================================================ */

:root{
  /* נייבי — צבע המותג */
  --primary:#0d1b3e; --primary-light:#1a3a6e; --primary-dark:#060f24;

  /* זהב — דקורטיבי בלבד */
  --gold:#c9a84c; --gold-light:#e0c06a; --gold-bg:rgba(201,168,76,.1);
  /* זהב לטקסט. #c9a84c נכשל בניגודיות, #8a6d1f נכשל (4.44). אלה עוברים. */
  --gold-ink:#7d641a;          /* 5.66 על לבן · 5.13 על bg-section */
  --gold-on-dark:#e0c06a;      /* זהב בהיר על נייבי כהה */

  /* רקעים */
  --white:#fff; --bg-light:#f5f7fb;
  /* 🔴 היה #f0f4fa — הפרש של 2% מלבן, כלומר ההתחלפות בין סקשנים
     לא נראתה בכלל ו-17,000px של עמוד נקראו כשדה לבן אחד שטוח.
     ⚠️ כל שינוי כאן מחייב מדידת ניגודיות מחדש — --gold-ink יושב עליו. */
  --bg-section:#e6edf8;

  /* טקסט */
  --text:#1a1a2e; --text-muted:#5e6b80; --border:#dce4f0;

  /* סטטוס */
  --success:#2ecc71; --danger:#e74c3c;
  --wa:#17843f; --wa-dark:#126b33;

  /* צללים */
  --shadow-sm:0 2px 8px rgba(13,27,62,.08);
  --shadow:0 4px 20px rgba(13,27,62,.12);
  --shadow-lg:0 8px 40px rgba(13,27,62,.18);
  --shadow-gold:0 4px 20px rgba(201,168,76,.3);

  /* גיאומטריה */
  --radius:12px; --radius-lg:20px; --radius-xl:32px;
  --transition:all .3s cubic-bezier(.22,1,.36,1);

  --font:'Rubik','Rubik Fallback','Arial',sans-serif;
  --maxw:1140px; --maxw-article:780px;
  --header-h:72px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden;scroll-padding-top:88px}
body{
  margin:0;font-family:var(--font);direction:rtl;text-align:right;
  color:var(--text);background:var(--white);line-height:1.75;
  overflow-x:hidden;-webkit-text-size-adjust:100%;
}
img{max-width:100%;height:auto}
a{color:var(--primary-light)}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{
  outline:3px solid var(--gold-ink);outline-offset:2px;border-radius:4px}

h1,h2,h3,h4{line-height:1.3;font-weight:800;color:var(--primary);margin:0 0 .5em}
h1{font-size:clamp(1.9rem,4.6vw,2.9rem)}
h2{font-size:clamp(1.4rem,3.2vw,1.72rem);margin-top:2em}
h3{font-size:1.18rem;color:var(--primary-light);margin-top:1.6em}
p{margin:0 0 1.1em}
ul,ol{padding-inline-start:1.3em}

.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.container-article{max-width:var(--maxw-article);margin:0 auto;padding:0 20px}
.section{padding:52px 0}
.section-alt{padding:52px 0;background:var(--bg-section)}

/* 🔴 קצב — הוכרע ב-6.9 אחרי שגיליון מגע של דף הבית הראה שלושה
   מסכים רצופים של לבן (כ-2,500px). הסיווג הידני של section-alt
   נפל במקומות הלא נכונים, ולכן ההתחלפות נקבעת לפי מיקום ולא ביד:
   אף שני סקשנים סמוכים לא יישאו את אותו רקע, בכל 56 העמודים.
   ⛔ הגיבור מוחרג — יש לו רקע משלו. הפס הכהה יושב מחוץ ל-#content. */
#content > section:nth-of-type(even):not(.page-hero){background:var(--bg-section)}
#content > section:nth-of-type(odd):not(.page-hero){background:var(--white)}

/* פס עוגן כהה. ⚠️ אחד או שניים בעמוד, לא יותר — הוא עובד בזכות
   הניגוד, ואם הוא חוזר הרבה הוא חוזר להיות רקע. */
.section-dark{
  padding:56px 0;color:#fff;
  background:
    radial-gradient(680px 400px at 88% 0%, rgba(201,168,76,.14), transparent 62%),
    linear-gradient(158deg,#0d1b3e 0%,#132a58 58%,#0a1631 100%)}
.section-dark h2,.section-dark h3{color:#fff}
.section-dark p,.section-dark li{color:#d6dfef}
.section-dark strong{color:#fff}
.section-dark a:not(.btn){color:var(--gold-on-dark)}
.section-dark .hub-card{
  background:rgba(255,255,255,.055);border-color:rgba(201,168,76,.32)}
.section-dark .hub-card h3{color:#fff}
.section-dark .hub-card p{color:#c3cfe3}
.section-dark .section-lede{color:#c3cfe3}

/* 🔴 הכרטיס הקרם יושב בתוך הפס הכהה ונושא צבעים משלו. בלי החזרה
   מפורשת כאן, הכללים שלמעלה צובעים אותו בלבן על קרם — יחס 1.08,
   כלומר טקסט שלא נקרא. נתפס במדידה ובצילום, לא בעין. */
.section-dark .three-doors h2,
.section-dark .three-doors strong{color:var(--primary)}
.section-dark .three-doors p,
.section-dark .three-doors li{color:#3d3d3d}
.section-dark .three-doors .door-wa-note,
.section-dark .three-doors .td-avail{color:#5a5a4a}
.section-dark .three-doors a:not(.btn){color:var(--gold-ink)}
.section-dark .door-form-off .df-off-title{color:#0d1b3a}
.section-dark .door-form-off .df-off-note,
.section-dark .door-form-off .df-off-mail{color:#33405c}

.skip-link{
  position:absolute;right:-9999px;top:0;z-index:1000;
  background:var(--primary);color:#fff;padding:12px 20px;border-radius:0 0 0 12px}
.skip-link:focus{right:0}

/* ---------- הדר — נייבי כהה, כמו אצל האחים ---------- */
.site-header{
  position:sticky;top:0;z-index:900;background:var(--primary);
  border-bottom:1px solid rgba(201,168,76,.22)}
.header-inner{
  max-width:var(--maxw);margin:0 auto;padding:0 20px;min-height:var(--header-h);
  display:flex;align-items:center;gap:12px;flex-wrap:nowrap}
.brand{
  display:flex;flex-direction:column;text-decoration:none;flex:0 0 auto;min-width:0;
  line-height:1.25;order:1}
.brand strong{font-size:1.1rem;font-weight:800;color:#fff;white-space:nowrap}
.brand span{font-size:.75rem;color:var(--gold-on-dark);font-weight:600;white-space:nowrap}
.main-nav{display:flex;flex:1 1 auto;justify-content:center;order:2}
.main-nav ul{display:flex;gap:0;list-style:none;margin:0;padding:0;flex-wrap:wrap;justify-content:center}
.main-nav a{
  display:block;padding:8px 9px;border-radius:50px;text-decoration:none;
  color:#e6ecf7;font-weight:600;font-size:.93rem;transition:var(--transition);white-space:nowrap}
.main-nav a:hover{background:rgba(255,255,255,.09);color:#fff}
.main-nav a[aria-current="page"]{background:var(--gold);color:#2a2100;font-weight:700}
.header-actions{display:flex;gap:9px;align-items:center;order:3;flex:0 0 auto}
.hdr-wa{
  display:inline-flex;align-items:center;gap:6px;background:var(--wa);color:#fff;
  padding:9px 15px;white-space:nowrap;border-radius:50px;font-weight:700;font-size:.92rem;text-decoration:none}
.hdr-wa:hover{background:var(--wa-dark)}
.hdr-phone{
  display:inline-flex;align-items:center;gap:6px;background:var(--gold);color:#2a2100;
  padding:9px 15px;white-space:nowrap;border-radius:50px;font-weight:800;font-size:.92rem;text-decoration:none}
.hdr-phone:hover{background:var(--gold-light)}
.mobile-phone-cta{display:none}
.nav-toggle{
  display:none;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);
  border-radius:10px;padding:8px 12px;font-size:1.15rem;cursor:pointer;color:#fff;order:4}

/* ---------- כפתורים ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 22px;border-radius:50px;font-weight:700;font-size:.98rem;
  text-decoration:none;border:none;cursor:pointer;font-family:inherit;
  transition:var(--transition)}
.btn-primary{background:var(--primary);color:var(--gold-on-dark)}
.btn-primary:hover{background:var(--primary-dark)}
.btn-gold{background:var(--gold);color:#2a2100}
.btn-gold:hover{background:var(--gold-light)}
.btn-whatsapp{background:var(--wa);color:#fff}
.btn-whatsapp:hover{background:var(--wa-dark)}
.btn-lg{padding:15px 30px;font-size:1.05rem}

/* ---------- גיבור — נייבי מלא עם טקסטורת רשת ---------- */
/* 🔴 גיבור בהיר — הכרעת בעל הרישיון, 6.9. הגיבור היה נייבי מלא, וכל
   המסך הפותח בנייד היה גוש כהה אחד. אתר של אנשים שחלו או נפצעו צריך
   להרגיש פתוח, לא כמו לובי של משרד פלילי.
   הנייבי לא נעלם — הוא עובר מרקע למבטא: כותרת, מספרים, פס עליון. */
.page-hero{
  background:
    radial-gradient(760px 420px at 88% -8%, rgba(201,168,76,.16), transparent 62%),
    radial-gradient(620px 380px at 4% 108%, rgba(19,42,88,.09), transparent 66%),
    repeating-linear-gradient(0deg,rgba(13,27,62,.035) 0 1px,transparent 1px 46px),
    repeating-linear-gradient(90deg,rgba(13,27,62,.035) 0 1px,transparent 1px 46px),
    linear-gradient(168deg,#fbfcfe 0%,#eef3fa 62%,#e7edf7 100%);
  color:var(--text);padding:56px 0 60px;
  border-top:4px solid var(--gold);
  border-bottom:1px solid var(--border)}
.hero-grid{
  max-width:var(--maxw);margin:0 auto;padding:0 20px;
  display:grid;grid-template-columns:1fr 380px;gap:44px;align-items:center}
.hero-copy{order:1}
.hero-card{order:2}
.hero-badges{display:flex;flex-direction:column;gap:9px;align-items:flex-start;margin-bottom:22px}
.hero-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:#fff;border:1px solid rgba(201,168,76,.55);
  color:var(--primary);border-radius:50px;padding:7px 17px;
  box-shadow:var(--shadow-sm);
  font-size:.83rem;font-weight:600;line-height:1.4}
.page-hero h1{
  color:var(--primary);font-size:clamp(1.85rem,4.4vw,2.85rem);line-height:1.22;margin:0 0 .32em}
/* ⚠️ הזהב הבהיר נקרא על נייבי, לא על לבן. על רקע בהיר — gold-ink. */
.hero-promise{
  display:block;color:var(--gold-ink);font-size:clamp(1.5rem,3.6vw,2.3rem);
  font-weight:800;line-height:1.28;margin-bottom:.5em}
.page-hero .lede{font-size:1.04rem;color:#3d4a5e;max-width:600px;margin:0 0 26px;line-height:1.85}
.page-hero .lede strong{color:var(--primary)}
.page-hero .lede a{color:var(--gold-ink);font-weight:700}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:34px}

/* כרטיס הפורטרט */
.hero-card-inner{
  background:#fff;border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:14px;box-shadow:var(--shadow)}
.hero-card-inner img{
  width:100%;height:auto;border-radius:14px;display:block;background:var(--bg-light)}
.hero-card-name{
  background:var(--primary);border:0;
  border-radius:14px;padding:14px 16px;margin:14px 0 12px;text-align:center}
.hero-card-name strong{display:block;color:#fff;font-size:1.05rem;font-weight:800;margin-bottom:5px}
.hero-card-name span{display:block;color:#c3cfe3;font-size:.83rem;line-height:1.6}
.hero-card-name .cred-gold{color:var(--gold-on-dark);font-weight:700}
.hero-card-btns{display:flex;flex-direction:column;gap:9px}
.hero-card-btns .btn{width:100%}
.hero-card-note{
  margin:12px 0 0;font-size:.78rem;color:var(--text-muted);text-align:center;line-height:1.6}

/* שורת עובדות — ⛔ עובדות מאומתות בלבד. אין ספירת תיקים ואין תוצאות. */
.hero-facts{
  max-width:var(--maxw);margin:38px auto 0;padding:26px 20px 0;
  border-top:1px solid var(--border);
  display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;text-align:center}
.hero-fact strong{
  display:block;color:var(--primary);font-size:1.75rem;font-weight:800;line-height:1.1}
.hero-fact span{display:block;color:var(--text-muted);font-size:.86rem;margin-top:5px}

/* ---------- גלריית תמונות ותעודות ---------- */
/* ⚠️ width/height מפורשים בכל <img> למעלה בגוף — בלעדיהם העמוד קופץ
   כשהתמונות נטענות, וזה נמדד כ-CLS. */
.photo-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:18px;margin:26px auto;max-width:var(--maxw-article)}
.photo-grid figure{margin:0}
.photo-grid img{
  width:100%;height:auto;display:block;border-radius:var(--radius);
  border:1px solid var(--border);box-shadow:var(--shadow-sm)}
.photo-grid figcaption{
  font-size:.85rem;color:var(--text-muted);text-align:center;margin-top:8px;line-height:1.5}

.cert-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
  gap:20px;margin:26px auto;max-width:var(--maxw-article)}
.cert-card{margin:0;display:flex;flex-direction:column}
.cert-card img{
  width:100%;height:auto;display:block;border-radius:10px;
  border:1px solid var(--border);background:var(--bg-light);
  box-shadow:var(--shadow-sm);transition:var(--transition)}
.cert-card:hover img{box-shadow:var(--shadow);transform:translateY(-2px)}
.cert-card figcaption{margin-top:10px;line-height:1.45}
.cert-card figcaption strong{
  display:block;font-size:.88rem;color:var(--primary);font-weight:700}
.cert-card figcaption span{
  display:block;font-size:.78rem;color:var(--text-muted);margin-top:3px}
.cert-sub{font-size:.85rem;color:var(--text-muted)}
.cert-note{
  font-size:.85rem;color:var(--text-muted);max-width:var(--maxw-article);
  margin:14px auto 0;line-height:1.6}

@media (max-width:520px){
  .cert-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .cert-card figcaption strong{font-size:.8rem}
}

/* ---------- פירורי לחם ---------- */
.article-meta{font-size:.86rem;color:var(--text-muted);margin:0 0 14px}
.article-meta ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.article-meta a{color:var(--text-muted)}

/* ---------- tldr ---------- */
.tldr-box{
  background:linear-gradient(135deg,#fff7e0 0%,#fef3c7 100%);
  border:2px solid var(--gold);border-radius:14px;
  padding:20px 26px;margin:24px auto 34px;max-width:var(--maxw-article)}
.tldr-title{
  font-size:.78rem;color:var(--primary);font-weight:800;letter-spacing:1px;
  text-transform:uppercase;margin:0 0 10px}
.tldr-box ul{margin:0;padding-inline-start:1.2em}
.tldr-box li{margin-bottom:8px;line-height:1.75}
.tldr-box li:last-child{margin-bottom:0}
.tldr-box a{color:var(--primary);font-weight:800}

/* ---------- קופסת מידע משנית (לא tldr — יש רק אחת בדף) ---------- */
.callout-box{
  background:var(--bg-section);border-right:4px solid var(--gold);
  border-radius:10px;padding:16px 20px;margin:22px 0}
.callout-box p:last-child{margin-bottom:0}

/* ---------- UP-link ---------- */
.pillar-link-block{
  background:linear-gradient(135deg,rgba(13,27,62,.04) 0%,rgba(201,168,76,.12) 100%);
  border:1px solid rgba(201,168,76,.45);border-right:5px solid var(--gold);
  border-radius:14px;padding:18px 22px;margin:0 0 28px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.pillar-link-block .plb-kicker{
  font-size:.76rem;color:var(--gold-ink);font-weight:800;letter-spacing:1px;
  text-transform:uppercase;margin:0 0 4px}
.pillar-link-block .plb-q{font-size:1.04rem;color:var(--primary);font-weight:700;line-height:1.45;margin:0}
.pillar-link-block .plb-cta{
  background:var(--primary);color:var(--gold-on-dark);padding:11px 22px;border-radius:50px;
  font-weight:700;text-decoration:none;white-space:nowrap;font-size:.94rem}

/* ---------- תוכן עניינים ---------- */
.toc-box{
  background:var(--bg-light);border:1px solid var(--border);border-radius:12px;
  padding:18px 22px;margin:0 0 30px}
.toc-box p{font-weight:800;color:var(--primary);margin:0 0 10px;font-size:.95rem}
.toc-box ul{margin:0;padding-inline-start:1.2em}
.toc-box li{margin-bottom:6px}
.toc-box a{color:var(--primary-light);text-decoration:none;border-bottom:1px solid transparent}
.toc-box a:hover{border-bottom-color:currentColor}

/* ---------- רשת כרטיסים (LATERAL / hub) ---------- */
.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:24px 0}
/* ⚠️ הכרטיס היה לבן על לבן עם מסגרת 1px — על רקע בהיר הוא לא נקרא
   ככרטיס בכלל. פס זהב בצד הפותח + צל קבוע נותנים לו גוף. */
.hub-card{
  background:#fff;border:1px solid var(--border);
  border-inline-start:3px solid var(--gold);
  border-radius:14px;padding:18px 20px;
  box-shadow:var(--shadow-sm);transition:var(--transition)}
.hub-card:hover{
  box-shadow:var(--shadow);transform:translateY(-2px);
  border-inline-start-color:var(--primary)}
.hub-card h3{margin:0 0 8px;font-size:1.04rem;color:var(--primary)}
.hub-card h3 a{color:inherit;text-decoration:none}
.hub-card p{margin:0;font-size:.92rem;color:var(--text-muted);line-height:1.65}
.lateral-wrap{
  background:#fff;border:1px dashed rgba(201,168,76,.5);border-radius:14px;
  padding:20px 22px;margin:32px 0}
.lateral-wrap>.lw-kicker{
  font-size:.76rem;color:var(--gold-ink);font-weight:800;letter-spacing:1px;
  text-transform:uppercase;margin:0 0 12px}

/* ---------- טבלאות ---------- */
.table-wrap{overflow-x:auto;margin:22px 0}
table{border-collapse:collapse;width:100%;font-size:.95rem;min-width:480px}
th,td{border:1px solid var(--border);padding:11px 13px;text-align:right;vertical-align:top}
th{background:var(--bg-section);color:var(--primary);font-weight:700}

/* ---------- FAQ ---------- */
.faq-section{margin:38px 0}
.faq-item{
  border:1px solid var(--border);border-radius:12px;margin-bottom:10px;
  background:#fff;overflow:hidden}
.faq-item summary{
  padding:15px 20px;font-weight:700;color:var(--primary);cursor:pointer;
  list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';color:var(--gold-ink);font-size:1.4rem;font-weight:800;flex-shrink:0}
.faq-item[open] summary::after{content:'–'}
.faq-item .faq-a{padding:0 20px 16px;color:var(--text);line-height:1.8}
.faq-item .faq-a p:last-child{margin-bottom:0}

/* ---------- תיבת מחבר ---------- */
.author-box{
  display:flex;gap:14px;align-items:flex-start;background:var(--bg-light);
  border:1px solid var(--border);border-right:4px solid var(--gold);
  border-radius:12px;padding:16px 18px;margin:30px 0}
.author-avatar{border-radius:50%;object-fit:cover;flex-shrink:0;width:68px;height:68px}
/* מונוגרמה כשאין קובץ דיוקן. מידות זהות ל-<img> — אין קפיצה כשהתמונה תיכנס. */
.author-avatar-mono{display:flex;align-items:center;justify-content:center;
  background:var(--primary);color:var(--gold-on-dark);
  font-weight:700;font-size:1.45rem;letter-spacing:.02em;
  border:2px solid var(--gold);user-select:none}
.author-details{font-size:.9rem;line-height:1.6}
.author-details p{margin:0 0 2px}
.author-name{font-weight:800;color:var(--primary)}
.author-details a{color:var(--gold-ink);font-weight:700}

/* ---------- הבהרה ---------- */
.legal-note{
  background:var(--bg-light);border-right:4px solid var(--gold);border-radius:8px;
  padding:15px 19px;font-size:.92rem;color:var(--text-muted);margin:28px 0}

/* ---------- שלוש הדלתות ---------- */
.three-doors{
  background:linear-gradient(135deg,#fff7e0 0%,#fef3c7 100%);
  border:2px solid var(--gold);border-radius:16px;padding:26px 28px;
  max-width:760px;margin:0 auto}
.three-doors h2{margin:0 0 8px;font-size:1.32rem}
.three-doors .td-lede{margin:0 0 18px;color:#3d3d3d;line-height:1.7}
.td-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.td-row>*{flex:1 1 170px}
.td-avail{margin:14px 0 0;font-size:.85rem;color:var(--text-muted);text-align:center}
.form-field{
  width:100%;padding:13px 14px;border:1px solid var(--border);border-radius:10px;
  font-size:1rem;font-family:inherit;background:#fff;color:var(--text)}
.form-privacy{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}
.form-privacy input{margin-top:3px;width:18px;height:18px;accent-color:var(--gold-ink);cursor:pointer;flex-shrink:0}
.form-privacy label{font-size:.8rem;color:var(--text-muted);cursor:pointer;line-height:1.55;font-weight:400}
.form-privacy a{color:var(--gold-ink)}
.form-submit{
  width:100%;padding:15px;border:none;border-radius:10px;background:var(--primary);
  color:#fff;font-size:1.04rem;font-weight:700;font-family:inherit;cursor:pointer}
.form-submit:hover{background:var(--primary-dark)}
.form-note{font-size:.78rem;color:var(--text-muted);margin:10px 0 0;line-height:1.55}

/* ---------- פוטר ---------- */
.site-footer{background:var(--primary-dark);color:#c9d3e4;padding:46px 0 24px;margin-top:60px}
.footer-inner{max-width:var(--maxw);margin:0 auto;padding:0 20px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}
.site-footer h2{color:#fff;font-size:1rem;margin:0 0 12px}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin-bottom:7px;font-size:.92rem}
.site-footer a{color:#dfe6f2;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.footer-legal{
  max-width:var(--maxw);margin:32px auto 0;padding:18px 20px 0;
  border-top:1px solid rgba(255,255,255,.22);font-size:.84rem;color:#b9c4d8}
.footer-legal-links{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:10px}
.footer-legal-links a{color:#dfe6f2}
.footer-family{font-size:.84rem;margin-top:8px}
.footer-family a{color:var(--gold-on-dark)}

/* ---------- רכיבי המרה צפים — בדיוק אחד מכל אחד ---------- */
.floating-wa{
  position:fixed;bottom:24px;left:24px;z-index:850;
  background:var(--wa);color:#fff;padding:13px 20px;border-radius:50px;
  font-weight:700;text-decoration:none;box-shadow:var(--shadow-lg);
  display:inline-flex;align-items:center;gap:8px}
.floating-wa:hover{background:var(--wa-dark)}
.sticky-mobile-cta{display:none}

/* ---------- טלפון ב-RTL ---------- */
.ltr-num{direction:ltr;unicode-bidi:embed;white-space:nowrap;display:inline-block}

@media (max-width:1100px){
  .hero-grid{grid-template-columns:1fr 330px;gap:30px}
  .main-nav a{font-size:.88rem;padding:8px 7px}
}
@media (max-width:900px){
  .site-header{position:relative}
  .header-inner{flex-wrap:wrap;padding:10px 16px;gap:10px}
  .brand{flex:1 1 auto}
  .main-nav{
    display:none;order:5;flex:1 0 100%;
    border-top:1px solid rgba(255,255,255,.16);padding:8px 0 4px}
  .main-nav.is-open{display:block}
  .main-nav ul{flex-direction:column;gap:2px;justify-content:flex-start}
  .main-nav a{padding:12px 10px;font-size:1rem;border-radius:10px;text-align:right}
  .nav-toggle{display:block;order:4}
  .header-actions{display:none}
  .mobile-phone-cta{
    display:inline-flex;align-items:center;gap:6px;background:var(--gold);
    color:#2a2100;border-radius:50px;order:3;
    padding:9px 15px;font-weight:800;text-decoration:none;font-size:.9rem;white-space:nowrap}

  /* גיבור — עמודה אחת, הטקסט ראשון והכרטיס אחריו */
  .hero-grid{grid-template-columns:1fr;gap:28px}
  /* 🔴 נייד: הדיוקן ראשון. עד 6.9 הטקסט היה ראשון והתמונה נחתה
     כ-1,400px מתחת לקיפול — כלומר במסך הפותח בנייד לא היה שום דבר
     שמושך את העין, רק קיר טקסט על רקע כהה. נמדד בצילום ב-390px. */
  .hero-card{order:1;max-width:420px;margin:0 auto 4px;width:100%}
  .hero-copy{order:2}
  /* ⛔ ובלי כפילות: הכרטיס נשאר תמונה+שם. הכפתורים שלו זהים לאלה
     שב-hero-actions ולפס התחתון — שישה כפתורי פנייה במסך אחד. */
  .hero-card-btns,.hero-card-note{display:none}
  /* ⛔ בלי קופסה בתוך קופסה: בנייד זו רצועה שטוחה, לא כרטיס. */
  .hero-card-inner{display:flex;align-items:center;gap:15px;text-align:right;
    background:none;border:0;padding:0;backdrop-filter:none}
  .hero-card-inner picture,.hero-card-inner img{
    width:96px;height:120px;flex:0 0 96px;object-fit:cover;border-radius:14px;
    border:2px solid var(--gold);box-shadow:var(--shadow-sm)}
  /* 🔴 הרצועה שטוחה על רקע לבן — ולכן הצבעים חייבים להתהפך. בלי
     שלוש השורות האלה הטקסט יוצא לבן על לבן. נתפס בצילום ב-390px. */
  .hero-card-name{display:flex;flex-direction:column;gap:4px;min-width:0;
    background:none;border:0;padding:0;margin:0;text-align:right}
  .hero-card-name strong{font-size:1.16rem;margin:0;color:var(--primary)}
  .hero-card-name span{font-size:.8rem;line-height:1.5;color:var(--text-muted)}
  .hero-card-name .cred-gold{color:var(--gold-ink)}
  /* ⚠️ התג השני חוזר מילה במילה על שורת הקרדנציאלס שבכרטיס.
     אותו מידע פעמיים במסך אחד — בנייד מסתירים את הכפילות. */
  .hero-badges .hero-badge:nth-child(2){display:none}
  .hero-badges{align-items:stretch}
  .hero-badge{justify-content:flex-start}
  .hero-actions .btn{flex:1 1 100%;justify-content:center}
  .hero-facts{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:30px;padding-top:22px}
}
@media (max-width:768px){
  body{padding-bottom:78px}          /* חובה — אחרת הפס מכסה תוכן */
  .floating-wa{display:none}
  .sticky-mobile-cta{
    display:flex;position:fixed;bottom:0;right:0;left:0;z-index:880;
    background:#fff;border-top:1px solid var(--border);
    box-shadow:0 -3px 16px rgba(13,27,62,.14);padding:9px 10px;gap:8px}
  .smc-btn{
    flex:1;display:flex;align-items:center;justify-content:center;gap:6px;
    padding:12px 6px;border-radius:12px;font-weight:700;font-size:.92rem;
    text-decoration:none}
  .smc-wa{background:var(--wa);color:#fff}
  .smc-phone{background:var(--primary);color:var(--gold-on-dark)}
  .smc-mail{background:var(--bg-section);color:var(--primary);border:1px solid var(--border)}
  .section,.section-alt{padding:38px 0}
  .page-hero{padding:26px 0 38px}   /* היה 48 — הקיפול בנייד יקר מדי לרווח ריק */
  .pillar-link-block{flex-direction:column;align-items:stretch}
  .pillar-link-block .plb-cta{text-align:center}
  .three-doors{padding:22px 18px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}

/* ---------- שלוש הדלתות — וואטסאפ ראשון ---------- */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0}
.door-wa{width:100%;font-size:1.12rem;padding:17px 24px;box-shadow:0 4px 18px rgba(23,132,63,.35)}
.door-wa-note{margin:9px 0 16px;font-size:.86rem;color:#5a5a4a;text-align:center;line-height:1.6}
.door-phone{width:100%;margin-bottom:14px}
.door-form{border-top:1px solid rgba(201,168,76,.5);padding-top:14px}
.door-form summary{
  cursor:pointer;font-weight:700;color:var(--primary);font-size:.95rem;
  padding:8px 0;list-style:none;display:flex;align-items:center;gap:8px}
.door-form summary::-webkit-details-marker{display:none}
.door-form summary::before{content:'📝';font-size:1rem}
.door-form summary::after{content:'+';color:var(--gold-ink);font-weight:800;font-size:1.3rem;margin-inline-start:auto}
.door-form[open] summary::after{content:'–'}
.door-form form{padding-top:10px}
.td-avail{margin:16px 0 0;font-size:.85rem;color:#5a5a4a;text-align:center;line-height:1.65}

/* ---------- וואטסאפ צף — בולט יותר ---------- */
.floating-wa{font-size:1rem;padding:15px 24px;box-shadow:0 6px 26px rgba(23,132,63,.45)}

/* ---------- מחשבון ---------- */
.calc-box{
  background:var(--bg-light);border:2px solid var(--gold);border-radius:16px;
  padding:24px 26px;margin:26px 0}
.calc-box h2{margin-top:0}
.cn-row{display:flex;gap:8px;align-items:center;margin-bottom:9px}
.cn-row .form-field{flex:1}
.cn-del{
  background:#fff;border:1px solid var(--border);border-radius:10px;
  width:44px;height:46px;cursor:pointer;color:var(--danger);font-size:1rem;flex-shrink:0}
.cn-del:hover{background:#fdecea}
.cn-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.cn-actions .btn{flex:1 1 160px;justify-content:center}
#cn-out{
  background:#fff;border:1px solid var(--border);border-radius:12px;
  padding:20px 22px;margin-top:18px}
#cn-out:focus{outline:3px solid var(--gold-ink);outline-offset:2px}
.cn-h{margin-top:0;font-size:1.05rem}
.cn-h+.cn-h,#cn-out .table-wrap+.cn-note{margin-top:16px}
.cn-result{
  font-size:2.4rem;font-weight:800;color:var(--primary);margin:0 0 6px;
  direction:ltr;text-align:right}
.cn-note{font-size:.9rem;color:var(--text-muted);line-height:1.7;margin:10px 0 0}
.cn-msg{margin:0;color:var(--text-muted)}
.cn-disclaimer{
  font-size:.88rem;color:var(--text-muted);line-height:1.7;
  background:var(--bg-section);border-right:4px solid var(--gold);
  border-radius:8px;padding:13px 16px;margin:16px 0 0}

/* ---------- בודק מועדים ---------- */
.cm-big{font-size:1.6rem;font-weight:800;margin:0 0 10px;line-height:1.35}
.cm-ok{color:#1b7a3e}
.cm-warn{color:#a35a00}
.cm-over{color:var(--danger)}
.cm-line{font-size:1.15rem;margin:0 0 8px}
.cm-doors{
  background:linear-gradient(135deg,#fff7e0 0%,#fef3c7 100%);
  border:2px solid var(--gold);border-radius:14px;padding:18px 20px;margin-top:18px}
.cm-doors-t{margin:0 0 12px;line-height:1.7}
.cm-doors .btn{margin:0 0 8px 8px}
.cm-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:640px){.cm-fields{grid-template-columns:1fr}}

/* ── דלת שלישית כשאין עדיין חיבור טופס ─────────────────────────────────
   ⛔ לא מציגים טופס שאי אפשר לשלוח בו. עד שה-endpoint קיים, זו הדלת. */
.door-form-off{
  margin-top:20px;padding:16px 18px;border-radius:12px;
  background:rgba(255,255,255,.55);
  border:1px solid rgba(13,27,58,.14);
  border-inline-start:3px solid var(--gold-ink);
  text-align:right;
}
.door-form-off .df-off-title{
  margin:0 0 6px;font-weight:700;font-size:1rem;color:var(--navy,#0d1b3a);
}
.door-form-off .df-off-note{
  margin:0;font-size:.92rem;line-height:1.75;color:#33405c;
}
.door-form-off .df-off-mail{
  margin:8px 0 0;font-size:.92rem;color:#33405c;
}
.door-form-off .df-off-mail a{
  display:inline-block;direction:ltr;unicode-bidi:isolate;white-space:nowrap;
  color:var(--gold-ink);text-decoration:underline;font-weight:600;
}