/* ============================================================
   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). אלה עוברים.
     🔴 הועמק 7.9: #7d641a עבר AA (5.66) אך ישב באותו טווח כמו כל
     השאר, ולכן לא בלט. #6b5411 = 7.24 על לבן · 6.15 על bg-section. */
  --gold-ink:#6b5411;
  --gold-on-dark:#e0c06a;      /* זהב בהיר על נייבי כהה */

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

  /* טקסט
     🔴 --text-muted הועמק 7.9. #5e6b80 עבר AA (5.40 על לבן) אך יחד עם
     gold-ink ו-border הכול ישב בטווח 1.3–5.5 — אין היררכיה, והעמוד
     נקרא שטוח ואנמי. #465468 = 7.70 על לבן · 6.54 על bg-section.
     ⚠️ --border אינו טקסט ואינו כפוף ל-4.5. אבל ב-#dce4f0 הוא נמדד
     1.28 מול לבן — כלומר לא נראה כלל, ולכן לשום כרטיס לא היה קצה.
     --border  = מפרידים עדינים · --border-strong = קצה של כרטיס. */
  --text:#1a1a2e; --text-muted:#465468;
  --border:#c2d0e5; --border-strong:#9db0cd;

  /* סטטוס */
  --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.72;
  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. הגיבור היה נייבי מלא, וכל
   המסך הפותח בנייד היה גוש כהה אחד. אתר של אנשים שחלו או נפצעו צריך
   להרגיש פתוח, לא כמו לובי של משרד פלילי.
   הנייבי לא נעלם — הוא עובר מרקע למבטא: כותרת, מספרים, פס עליון.
   🔴 ורשת המשבצות הוסרה 7.9. שתי repeating-linear-gradient כל 46px
   ציירו נייר-משבצות מאחורי כל המסך הפותח. בעל הרישיון בנייד:
   "מה זה הריבועים האלו". טקסטורה שנראית — היא כבר לא טקסטורה. */
.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%),
    linear-gradient(168deg,#ffffff 0%,#f8fafd 58%,#eef3fa 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.06rem;color:#33415a;max-width:600px;margin:0 0 26px;line-height:1.7}
.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-strong);
  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.95rem;font-weight:800;
  line-height:1.05;letter-spacing:-.015em}
.hero-fact span{
  display:block;color:var(--text-muted);font-size:.88rem;
  font-weight:500;letter-spacing:.01em;margin-top:6px;line-height:1.45}

.post-card-fig{margin:0}
.post-card-fig img{
  width:100%;height:auto;display:block;border-radius:var(--radius);
  border:1px solid var(--border);box-shadow:var(--shadow-sm)}
.post-card-fig figcaption{
  font-size:.86rem;color:var(--text-muted);margin-top:9px;line-height:1.6}

/* ---------- גלריית תמונות ותעודות ---------- */
/* ⚠️ 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}

/* ---------- טבלאות ---------- */
/* 🔴 הוכרע 7.9 בנייד. min-width:480px הכריח גלילה אופקית בכל טבלה,
   והעמודה הראשונה — זו שנושאת את המשמעות — נחתכה מחוץ למסך.
   אדם מחזיק טלפון ביד אחת. הוא לא יגלול טבלה הצידה, הוא ידלג עליה.
   ⛔ אין min-width. מתחת ל-720px הטבלה מתפרקת לכרטיסים,
   וכל תא נושא את כותרת העמודה שלו מ-data-label (מוזרק ב-build). */
.table-wrap{margin:24px 0}
table{
  border-collapse:separate;border-spacing:0;width:100%;font-size:.95rem;
  border:1px solid var(--border-strong);border-radius:12px;overflow:hidden;
  box-shadow:var(--shadow-sm);background:#fff}
th,td{border-bottom:1px solid var(--border);padding:12px 14px;
  text-align:right;vertical-align:top}
td+td,th+th{border-inline-end:1px solid var(--border)}
tr:last-child td{border-bottom:0}
th{
  background:var(--primary);color:#fff;font-weight:700;
  font-size:.9rem;letter-spacing:.01em;border-bottom:0}
th+th{border-inline-end:1px solid rgba(255,255,255,.18)}
tbody tr:nth-child(even){background:var(--bg-light)}
/* העמודה הראשונה נושאת את השורה — היא מקבלת משקל */
tbody td:first-child{font-weight:600;color:var(--primary)}

@media (max-width:720px){
  table,tbody,tr,td{display:block;width:100%}
  table{
    border:0;border-radius:0;box-shadow:none;background:transparent;
    font-size:1rem;overflow:visible}
  thead{position:absolute;width:1px;height:1px;overflow:hidden;
    clip:rect(0 0 0 0);white-space:nowrap}
  tbody tr{
    background:#fff;border:1px solid var(--border-strong);
    border-radius:12px;box-shadow:var(--shadow-sm);
    margin:0 0 14px;padding:4px 0;overflow:hidden}
  tbody tr:nth-child(even){background:#fff}
  tbody td{
    border:0;border-bottom:1px solid var(--border);
    padding:11px 16px;text-align:right}
  tbody tr td:last-child{border-bottom:0}
  /* כותרת העמודה יושבת מעל הערך, לא לצדו — בעברית זה נקרא מהר יותר */
  tbody td[data-label]::before{
    content:attr(data-label);display:block;
    font-size:.74rem;font-weight:700;letter-spacing:.04em;
    color:var(--gold-ink);text-transform:none;margin-bottom:3px}
  tbody td:first-child{
    background:var(--primary);color:#fff;font-weight:700;
    border-bottom:0;padding:12px 16px}
  tbody td:first-child[data-label]::before{color:var(--gold-on-dark)}
}

/* ---------- 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)}

/* 👉 כפתור צף לטופס — פקודת בעל הרישיון 7.9: "תמיד חייב להיות זמין".
   יושב מעל הוואטסאפ. ⛔ הירוק נשאר הדומיננטי — זה נייבי, לא ירוק. */
.floating-form{
  position:fixed;bottom:92px;left:24px;z-index:850;
  background:var(--primary);color:var(--gold-on-dark);
  padding:12px 18px;border-radius:50px;
  font-weight:700;font-size:.95rem;text-decoration:none;
  box-shadow:var(--shadow-lg);
  display:inline-flex;align-items:center;gap:8px;
  border:1px solid rgba(201,168,76,.5)}
.floating-form:hover{background:#132a58;color:#fff}
.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,.floating-form{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}
  /* 🔴 הסדר והצבעים — הכרעת בעל הרישיון, 7.9.
     סדר מימין לשמאל: מייל · וואטסאפ · חייגו · פרטים.
     ⚠️ ב-RTL הראשון ב-DOM יושב מימין — הסדר נקבע ב-build.py, לא כאן.
     שלוש קבוצות צבע: וואטסאפ ירוק · חייגו זהב · מייל ופרטים נייבי.
     🔴 וואטסאפ מקבל flex גדול יותר. המטרה המוצהרת היא שהלחיצה
     תיפול שם, ולכן הוא מנצח ברוחב ולא רק בצבע — הצבע לבדו מפסיד
     לזהב, שהוא הבולט מבין השלושה. */
  .smc-btn{
    flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:5px;
    padding:12px 3px;border-radius:12px;font-weight:700;font-size:.8rem;
    text-decoration:none;white-space:nowrap;
    border:1px solid transparent;box-shadow:var(--shadow-sm)}
  .smc-wa{background:var(--wa);color:#fff;flex:1.45 1 0;font-size:.85rem;
    box-shadow:0 3px 12px rgba(23,132,63,.4)}
  .smc-phone{background:var(--gold);color:#2a2100}
  .smc-mail,.smc-form{background:var(--primary);color:var(--gold-on-dark)}
  .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}
.df-title{
  display:flex;align-items:center;gap:8px;
  font-weight:800;color:var(--primary);margin:0 0 4px;font-size:1.02rem}
/* ⛔ בלי סימן פתיחה. הטופס תמיד פתוח — סימן "+" גורם לאדם לחשוב שצריך ללחוץ. */
.td-topic{margin-bottom:12px}
.td-topic .form-field{flex:1 1 100%}
select.form-field{
  appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--gold-ink) 50%),
                   linear-gradient(135deg,var(--gold-ink) 50%,transparent 50%);
  background-position:calc(0% + 16px) calc(50% + 2px),calc(0% + 21px) calc(50% + 2px);
  background-size:5px 5px,5px 5px;background-repeat:no-repeat;
  padding-inline-start:34px}
.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;
}

/* ============================================================
   סרגל צד · לוח נגישות · באנר עוגיות — נוסף 7.9
   ============================================================ */

/* ---------- סרגל הצד: חזרה + נגישות ---------- */
/* ⚠️ יושב בצד שמאל. הימני תפוס בוואטסאפ ובכפתור הפרטים, ובנייד
   ארבעת כפתורי הסרגל התחתון. אלה לא מתנגשים — נמדד ב-390px. */
.side-rail{
  position:fixed;inset-inline-start:14px;bottom:96px;z-index:880;
  display:flex;flex-direction:column;gap:9px}
.rail-btn{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:52px;height:52px;border-radius:50%;cursor:pointer;
  background:var(--primary);color:#fff;
  border:2px solid var(--gold);box-shadow:var(--shadow);
  font-family:inherit;font-size:1.15rem;line-height:1;
  transition:var(--transition)}
.rail-btn:hover{background:var(--primary-light);transform:translateY(-2px)}
.rail-lbl{font-size:.56rem;font-weight:700;margin-top:2px;color:var(--gold-on-dark)}

/* ---------- לוח הנגישות ---------- */
.a11y-panel{
  position:fixed;inset-inline-start:14px;bottom:158px;z-index:960;
  width:min(280px,calc(100vw - 28px));
  background:#fff;border:2px solid var(--primary);
  border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}
.a11y-head{
  display:flex;align-items:center;justify-content:space-between;
  background:var(--primary);color:#fff;padding:11px 14px}
.a11y-head strong{font-size:1rem}
.a11y-x{background:none;border:0;color:#fff;font-size:1.05rem;cursor:pointer;padding:2px 6px;font-family:inherit}
.a11y-body{padding:12px;display:flex;flex-direction:column;gap:8px}
.a11y-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.9rem;font-weight:600}
.a11y-row>span{flex:0 0 auto;white-space:nowrap}
.a11y-btns{display:flex;gap:5px}
.a11y-btns button{
  min-width:40px;padding:7px 8px;border-radius:9px;cursor:pointer;font-family:inherit;
  background:var(--bg-section);border:1px solid var(--border-strong);
  color:var(--primary);font-weight:700;font-size:.8rem}
.a11y-btns button:hover{background:var(--primary);color:#fff}
.a11y-tog,.a11y-reset{
  text-align:right;padding:10px 12px;border-radius:10px;cursor:pointer;font-family:inherit;
  background:#fff;border:1px solid var(--border-strong);
  color:var(--primary);font-weight:600;font-size:.9rem}
.a11y-tog:hover,.a11y-reset:hover{background:var(--bg-section)}
.a11y-tog[aria-pressed="true"]{background:var(--primary);color:#fff;border-color:var(--primary)}
.a11y-reset{background:var(--bg-light);font-weight:700}
.a11y-decl{
  display:block;padding:11px 14px;white-space:nowrap;background:var(--bg-section);
  color:var(--primary);font-size:.83rem;font-weight:700;text-decoration:none;
  border-top:1px solid var(--border)}

/* ---------- מצבי הנגישות עצמם ---------- */
/* ⚠️ שינוי font-size על <html> בלבד. כל הגיליון בנוי על rem/clamp,
   ולכן העמוד מתרחב שלם ולא נשבר. נמדד ב-137.5%. */
.a11y-contrast{--text:#000;--text-muted:#1a1a1a;--bg-section:#fff;--bg-light:#fff;
  --border:#000;--border-strong:#000;--gold-ink:#4a3800;--primary:#000;--primary-light:#00206e}
.a11y-contrast body{background:#fff}
.a11y-contrast .section-dark{background:#000}
.a11y-links a{text-decoration:underline !important;text-underline-offset:3px;font-weight:700}
.a11y-readable,.a11y-readable body{font-family:Arial,'Helvetica Neue',sans-serif !important;letter-spacing:.01em}
.a11y-motion *{animation:none !important;transition:none !important;scroll-behavior:auto !important}

/* 🔴 באג שנתפס בדפדפן לפני העלייה, ולא היה נתפס בעין:
   display:flex בגיליון דורס את [hidden]{display:none} של הדפדפן.
   הבאנר "נסגר" — ונשאר פרוס על תחתית המסך וחוסם כל לחיצה מתחתיו.
   ⛔ כל רכיב שנפתח ונסגר ב-hidden חייב את השורה הזו. */
.ck-bar[hidden],.a11y-panel[hidden],.side-rail[hidden]{display:none !important}

/* ---------- באנר עוגיות ---------- */
.ck-bar{
  position:fixed;inset-inline:0;bottom:0;z-index:970;
  background:var(--primary);color:#fff;
  border-top:3px solid var(--gold);box-shadow:0 -6px 28px rgba(0,0,0,.28);
  padding:14px 18px;
  display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
.ck-txt{margin:0;font-size:.88rem;line-height:1.6;max-width:640px;color:#e6ecf7}
.ck-txt a{color:var(--gold-on-dark);font-weight:700}
.ck-btns{display:flex;gap:9px;flex-shrink:0}
.ck-bar button{
  padding:10px 20px;border-radius:50px;border:0;cursor:pointer;
  font-family:inherit;font-weight:700;font-size:.92rem}
.ck-yes{background:var(--gold);color:#2a2100}
.ck-yes:hover{background:var(--gold-light)}
.ck-no{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45) !important}
.ck-no:hover{background:rgba(255,255,255,.12)}

@media (max-width:768px){
  /* הסרגל התחתון תופס את התחתית — הסרגל הצדדי עולה מעליו */
  .side-rail{bottom:78px;inset-inline-start:10px;gap:8px}
  .rail-btn{width:46px;height:46px;font-size:1.02rem}
  .rail-lbl{font-size:.5rem}
  .a11y-panel{bottom:136px;inset-inline-start:10px}
  .ck-bar{bottom:64px;padding:12px 14px;gap:10px;flex-direction:column;align-items:stretch}
  .ck-txt{font-size:.82rem;text-align:center}
  .ck-btns{justify-content:center}
}
@media print{.side-rail,.a11y-panel,.ck-bar{display:none}}