:root{
  --ink:#0f172a; --muted:#475569; --bg:#f6f7fb; --card:#ffffff;
  --primary:#2563eb;        /* solid primary for buttons */
  --primary-600:#1d4ed8;
  --accent:#e11d48;         /* raspberry for highlights */
  --teal:#0d9488;           /* for pills */
  --amber:#d97706;          /* for notices */
  --violet:#7c3aed;         /* for section accents */
  --ring:rgba(37,99,235,.16);
}
*{box-sizing:border-box}

html,body{height:100%}
body{margin:0;font-family:Heebo,system-ui,-apple-system,Segoe UI,Roboto,Arial;letter-spacing:.2px;background:var(--bg);color:var(--ink)}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1200px,92%);margin-inline:auto}
h2{margin-top:5px !important;}
p{margin-bottom:0px !important;}

/* Header */
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);border-bottom:1px solid #e6e7ee;transition:box-shadow .2s ease, background .2s ease}
.site-header.scrolled{box-shadow:0 10px 24px rgba(20,20,40,.10), 0 1px 0 #e8eaf6;background:#fff}
.nav{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.2rem}
.brand i{font-size:28px;background:linear-gradient(135deg,#1e3a8a,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nav-links{display:flex;gap:18px;align-items:center}
.nav-links a{ padding: 10px 9px;
    color: var(--muted);
    font-weight: 600;
    font-size: 13px;}   
.cta-btn{background:var(--primary);color:#fff !important;padding:5px 9px;border-radius:5px;box-shadow:0 6px 18px rgba(37,99,235,.25);border:1px solid var(--primary-600);font-size: 13px;white-space: nowrap;}
.menu-toggle{display:none;border:1px solid #e3e5ef;border-radius:12px;padding:9px 12px;background:#fff}
.lang-switch a{padding:7px 11px;border-radius:10px;background:#f1f2f9}

/* Dropdown (desktop) */
.has-sub{position:relative;padding-bottom:6px}
.has-sub > a{display:inline-flex;align-items:center;gap:6px;margin-top:5px;}
.sub-menu{position:absolute;inset-inline-start:0;top:100%;min-width:240px;background:#fff;border:1px solid #e6e8f4;border-radius:14px;padding:8px;box-shadow:0 16px 40px rgba(20,20,40,.12);display:none;z-index:1200;pointer-events:auto}
.sub-menu a{display:block;padding:10px;border-radius:10px;color:#2b2f3b}
.sub-menu a:hover{background:#f5f6ff}
.has-sub:hover > .sub-menu,.has-sub:focus-within > .sub-menu{display:block}
.has-sub::after{content:"";position:absolute;inset-inline-start:0;inset-inline-end:0;top:100%;height:12px} /* hover bridge */

/* Mobile menu (off-canvas) */
.mobile-panel{position:fixed;inset:0;background:rgba(0,0,0,.35);display:none;z-index:1200}
.mobile-sheet{position:absolute;inset-block:0;inset-inline-start:0;width:min(86%,320px);background:#fff;border-inline-end:1px solid #eceef6;padding:14px;overflow:auto}
.mobile-sheet nav a{display:block;padding:10px;border-radius:10px;color:#2b2f3b}
.mobile-sheet .sub{margin-inline-start:12px}


.btn{display:inline-flex;align-items:center;gap:10px;border:1px solid #dfe3f3;padding:12px 16px;border-radius:14px;background:#fff;color:#0b1220;font-weight:700}
.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary-600)}
.btn.primary:hover{background:var(--primary-600)}
.btn.ghost{background:#fff;border-color:#e6e9fb}

/* Sections/cards */
section{padding:44px 0}
.section-title{font-size:1.9rem;margin:0 0 16px}
.muted{color:var(--muted)}

.pill{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;border-radius:999px;background:#ccfbf1;color:#0f766e;font-weight:700;font-size:.86rem}
.pill.red{background:#ffe4e6;color:#9f1239}
.pill.violet{background:#ede9fe;color:#5b21b6}
.pill.amber{background:#fef3c7;color:#92400e}

/* Process, About, Testimonials, FAQ */
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.step{position:relative}
.step::after{content:attr(data-step);position:absolute;top:-10px;inset-inline-start:-10px;width:28px;height:28px;border-radius:50%;background:var(--violet);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;box-shadow:0 0 0 6px var(--ring)}
.step .card{position:relative;padding-inline-start:30px}
.banner{background:linear-gradient(90deg,#7c3aed,#2563eb);color:#fff;border-radius:18px;padding:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.banner .actions{display:flex;gap:10px}
.banner .btn{background:#fff;border:0}
.about{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.quote{border-inline-start:4px solid #e7e9fb;padding-inline-start:14px}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:16px}
details{background:#fff;border:1px solid #eceef6;border-radius:14px;padding:12px}
summary{cursor:pointer;font-weight:700}

/* Contact */
.contact{display:grid;gap:18px}
form{background:#fff;border:1px solid #eceef6;border-radius:18px;padding:18px}
.field{display:grid;gap:6px;margin:10px 0}
input,select,textarea{width:100%;padding:12px 14px;border:1px solid #e2e6f5;border-radius:12px;background:#fbfbfe}
textarea{min-height:120px;resize:vertical}
.form-actions{display:flex;gap:10px;flex-wrap:wrap}

/* Decorative section accents */
.section-accent{background:linear-gradient(180deg,#ffffff, #f3f7ff)}

/* Footer */
footer{margin-top:34px;background:#0b1220;color:#e5e7eb}
.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:18px;padding:28px 0}
.foot-note{border-top:1px solid #2b3040;padding:12px 0;color:#aab}
.social{display:flex;gap:10px}

/* Reveal */
.reveal{opacity:0;transform:translateY(12px);transition:opacity .6s ease, transform .6s ease}
.reveal.in{opacity:1;transform:none;}
.radius-white{background-color: #fff;border-radius: 15px;padding:10px;}

/* Responsive */
@media (max-width: 1000px){
  .hero .overlay{padding:18px}
  .about,.contact{grid-template-columns:1fr}
  .process{grid-template-columns:repeat(2,1fr)}
  .cards,.testimonials{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px){
  .nav-links{display:none}
  .menu-toggle{display:inline-flex}
  .cards,.testimonials,.faq{grid-template-columns:1fr}
  .process{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
}

#backToTop{position:fixed;inset-inline-end:16px;inset-block-end:16px;width:44px;height:44px;border:0;border-radius:50%;display:none;align-items:center;justify-content:center;background:var(--primary);color:#fff;cursor:pointer;z-index:1200}
#backToTop:hover{background:var(--primary-600)}

/* === Split Hero Banners (sbanner) === */
.sbanner{position:relative;border:1px solid #eceef6;border-radius:22px;background:linear-gradient(180deg,#f5f6ff,#f7f8ff);box-shadow:0 16px 38px rgba(20,20,40,.06);overflow:hidden;margin:22px 0}
.sb-track{display:flex;transition:transform .45s ease}
.sb-slide{min-width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.sb-media{position:relative;overflow:hidden}
.sb-media img{width:100%;height:100%;min-height:340px;object-fit:cover;display:block}
.sb-media::before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:48%;aspect-ratio:1/1;border-radius:50%;background:var(--bg);z-index:2}
html[dir="rtl"] .sb-media{order:2}
html[dir="rtl"] .sb-content{order:1}
html[dir="rtl"] .sb-media::before{left:-20%}
html[dir="ltr"] .sb-media{order:1}
html[dir="ltr"] .sb-content{order:2}
html[dir="ltr"] .sb-media::before{right:-20%}
.sb-content{position:relative;padding:28px 32px;display:flex;flex-direction:column;justify-content:center}
.sb-content .pill{align-self:flex-start}
.sb-content h3{margin:10px 0 8px;font-size:1.8rem}
.sb-content p{max-width:60ch}
.sb-actions{display:flex;gap:8px;margin-top:14px}
.sb-btn{position:absolute;top:50%;transform:translateY(-50%);border:0;background:#fff;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.12);z-index:3}
.sb-btn.prev{inset-inline-start:12px}
.sb-btn.next{inset-inline-end:12px}
.sb-dots{display:flex;gap:8px;justify-content:center;padding:10px}
.sb-dots button{width:10px;height:10px;border-radius:50%;border:0;background:#d7dbef;cursor:pointer}
.sb-dots button[aria-selected="true"]{background:var(--primary)}
@media (max-width: 1000px){
  .sb-slide{grid-template-columns:1fr}
  .sb-media::before{display:none}
  .sb-media img{min-height:220px}
  .sb-actions{flex-wrap:wrap}
}

/* === FAQ (Accordion) === */
.faq-accordion{display:grid;gap:12px}
.faq-item{border:1px solid #e8eafa;border-radius:14px;overflow:hidden;padding:0}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:14px 16px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary .qico{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff}
.faq-item summary strong{flex:1}
.faq-item summary .chev{transition:transform .2s ease;opacity:.7}
.faq-item[open] summary .chev{transform:rotate(180deg);opacity:1}
.faq-item .answer{padding:0 16px 16px 16px;color:#3c4164}
/* === Top Cards (Quick Access) === */
.topcards{margin-top:14px;margin-bottom:6px}
.tc-grid{display:grid;grid-template-columns:1.1fr 2fr;gap:14px;align-items:stretch}
.tc-callout{display:grid;grid-template-rows:auto 1fr;padding:0;overflow:hidden}
.tc-callout .tc-body{padding:16px;background-color: #fff;}
.tc-form{display:grid;gap:10px}
.tc-form .row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.tc-form input, .tc-form select{padding:10px 12px;border-radius:12px;border:1px solid #e3e6f3}
.tc-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tile{display:grid;place-items:center;gap:10px;padding:24px;text-align:center;transition:transform .2s ease, box-shadow .2s ease}
.tile .ico{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#101a5f;color:#fff;font-size:26px}
.tile:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(20,20,40,.08)}
@media (max-width: 1000px){
  .tc-grid{grid-template-columns:1fr}
  .tc-form .row{grid-template-columns:1fr}
  .tc-tiles{grid-template-columns:repeat(2,1fr)}
}

/* -- Steps: numbered badge on right -- */
.process .step .card{position:relative}
.process .step::after{
  content: attr(data-step);
  position: absolute;
  top: -10px;
  inset-inline-start: -10px; /* RTL: right side */
  width: 28px; height: 28px;
  border-radius: 50%;
  background: var(--violet);
  color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-weight:800;
  box-shadow:0 0 0 6px var(--ring);
  z-index:2;
}

/* -- Floating Quick Actions (FAB) -- */
.fab-wrap{position:fixed;inset-inline-end:18px;inset-block-end:18px;z-index:1000}
.fab-main{width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;background:var(--primary);color:#fff;box-shadow:0 12px 28px rgba(16,26,95,.25);display:grid;place-items:center;font-size:24px;transition:transform .2s ease}
.fab-main[aria-expanded="true"]{transform:rotate(45deg)}
.fab-items{display:grid;gap:12px;position:absolute;inset-inline-end:0;inset-block-end:70px;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .25s ease, transform .25s ease}
.fab-wrap.open .fab-items{opacity:1;pointer-events:auto;transform:none}
.fab-item{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 10px 22px rgba(0,0,0,.18);font-size:20px}
.fab-item.call{background:#16a34a}
.fab-item.wa{background:#22c55e}
.fab-item.contact{background:#0ea5e9}
.fab-item:hover{filter:brightness(1.1)}

/* === FAQ (Accordion) – modern === */
.faq-accordion{display:grid;gap:12px}
.faq-accordion.grid2{grid-template-columns:1fr 1fr}
@media (max-width: 900px){ .faq-accordion.grid2{grid-template-columns:1fr} }
.faq-item{border:1px solid #e8eafa;border-radius:14px;overflow:hidden;padding:0;background:#fff}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:14px 18px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary .qico{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff}
.faq-item summary strong{flex:1}
.faq-item summary .chev{transition:transform .2s ease;opacity:.7}
.faq-item[open] summary .chev{transform:rotate(180deg);opacity:1}
.faq-item .answer{padding:0 18px 18px 18px;color:#3c4164}

.has-backtotop .fab-wrap{inset-block-end:86px;}

/* === Split Banners (robust) === */
#hero-banners .sb-track{position:relative}
#hero-banners .sb-slide{display:grid;align-items:center;gap:24px;
  grid-template-columns:1.1fr .9fr;grid-template-areas:"content media"}
#hero-banners .sb-content{grid-area:content}
#hero-banners .sb-media{grid-area:media;display:flex;justify-content:center}
#hero-banners .sb-media img{max-width:100%;height:auto;border-radius:22px;clip-path:ellipse(85% 100% at 100% 50%)}
@media (max-width: 900px){
  #hero-banners .sb-slide{grid-template-columns:1fr;grid-template-areas:"media" "content"}
  #hero-banners .sb-media img{clip-path:none;border-radius:16px}
}
#hero-banners .sb-dots{display:flex;gap:8px;justify-content:center;margin-top:10px}
#hero-banners .sb-dots .dot{width:8px;height:8px;border-radius:999px;background:#cdd3f1;border:0}
#hero-banners .sb-dots .dot.on{background:#4753ff;width:22px}

/* === Newsletter improved contrast & utilities (v2) === */
#newsletter.newsletter-card{
  border:1px solid #dfe5f2;
  border-radius:18px;
  padding:26px;
  background:#fff;
  box-shadow:0 10px 26px rgba(2,6,23,.06);
}
#newsletter .nl-head{
  display:flex; align-items:center; gap:14px; margin-bottom:14px;
}
#newsletter .nl-icon{
  width:54px; height:54px; border-radius:14px;
  display:grid; place-items:center;
  background:linear-gradient(180deg,#eef2ff,#f8fbff);
  border:1px solid #e5e9f6;
  box-shadow:0 8px 20px rgba(2,6,23,.06);
}
#newsletter .nl-icon i{
  font-size:22px;
  background:linear-gradient(135deg,#2563eb,#7c3aed);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
}
#newsletter .nl-form{ display:grid; gap:10px; }
#newsletter .nl-fields{
  display:grid;
  grid-template-columns: 1fr auto;
  gap:10px;
  align-items:center;
}
#newsletter input[type="email"]{
  height:46px;
  padding:10px 12px;
  border:1px solid #cfd8e6;
  border-radius:12px;
  background:#fff;
  color:#0f172a;
}
#newsletter input[type="email"]::placeholder{ color:#97a6ba; }
#newsletter input[type="email"]:focus{
  outline:none;
  border-color:#2563eb;
  box-shadow:0 0 0 3px rgba(37,99,235,.15);
}

#newsletter .nl-consent{
  display:inline-flex; align-items:center; gap:8px;
  font-weight:700; color:#0f172a; margin-top:4px;
}
#newsletter .nl-consent input{ width:18px; height:18px; }
@media (max-width: 640px){
  #newsletter .nl-fields{ grid-template-columns: 1fr; }
  #newsletter .nl-icon{ width:46px; height:46px; border-radius:12px; }
  #newsletter .nl-icon i{ font-size:20px; }
}

/* text clamp utility */
.clamp-3{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* === Forum FAQ – 2 cards per row (grid) === */
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-items:start}
@media (max-width: 640px){ .faq-grid{grid-template-columns:1fr} }
.faq-card{background:var(--card);border:1px solid #eceef6;border-radius:16px;padding:14px 16px;box-shadow:0 8px 22px rgba(20,20,40,.05)}
.faq-card h3{margin:6px 0 8px;font-size:1.02rem;color:var(--ink)}
.faq-card p{margin:0;color:#3c4164;line-height:1.75}
.faq-card .tag{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;border:1px solid #e2e6f5;border-radius:999px;padding:2px 10px;margin-bottom:8px;background:#f8fafc;color:#0f172a}
.faq-card .tag i{font-size:.9rem;opacity:.9}

/* Filters (active state) */

/* === FAQ Color & Toggle (enhanced) === */
:root{
  --tone-blue:#2563eb; --tone-violet:#7c3aed; --tone-teal:#0d9488; 
  --tone-amber:#d97706; --tone-rose:#e11d48; --tone-indigo:#4f46e5;
}
.faq-card.collapsible{position:relative; border:1px solid #e5e9fb; transition:box-shadow .2s ease, transform .15s ease}
.faq-card.collapsible:hover{transform:translateY(-2px); box-shadow:0 16px 38px rgba(20,20,40,.08)}
.faq-card .qnum{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:50%;font-weight:800;font-size:.9rem;margin-inline-start:4px;color:#fff;background:var(--tone, var(--primary));}
.faq-card h3{display:flex;align-items:center;gap:10px;cursor:pointer;margin:6px 0}
.faq-card h3 .chev{margin-inline-start:auto;transition:transform .2s ease;opacity:.7}
.faq-card.open h3 .chev{transform:rotate(180deg); opacity:1}
.faq-card .answer{margin:4px 0 0}
.faq-card .tag{font-weight:700}
.faq-card.tone-blue{--tone:var(--tone-blue)}
.faq-card.tone-violet{--tone:var(--tone-violet)}
.faq-card.tone-teal{--tone:var(--tone-teal)}
.faq-card.tone-amber{--tone:var(--tone-amber)}
.faq-card.tone-rose{--tone:var(--tone-rose)}
.faq-card.tone-indigo{--tone:var(--tone-indigo)}
.faq-card[class*="tone-"] .tag{background:color-mix(in oklab, var(--tone) 10%, #fff); border-color: color-mix(in oklab, var(--tone) 30%, #e2e8f0); color: color-mix(in oklab, var(--tone) 60%, #0b1220)}
.faq-card[class*="tone-"]{border-color: color-mix(in oklab, var(--tone) 24%, #e3e7f6)}
.faq-card[class*="tone-"].open{box-shadow:0 14px 34px color-mix(in oklab, var(--tone) 30%, #00000000)}

/* === FAQ Hero • Neo Look (no HTML change) === */
.faq-hero{
  --g1:#eef2ff; --g2:#f5fbff;
  --ring: rgba(37,99,235,.12);
  position: relative;
  padding: 30px 0 15px;
  background:
    radial-gradient(1200px 320px at 90% -10%, rgba(124,58,237,.16), transparent 60%),
    radial-gradient(1000px 320px at 0% 100%, rgba(37,99,235,.10), transparent 60%),
    linear-gradient(180deg, var(--g1), var(--g2));
  border-bottom: 1px solid #e6ecf6;
  overflow: hidden;
}
.faq-hero::before{
  content:""; position:absolute; inset:0;
  background:
    conic-gradient(from 0deg at 50% 50%, #ffffff00 0 25%, rgba(71,83,255,.06) 0 50%, #ffffff00 0 75%, rgba(124,58,237,.05) 0 100%);
  background-size: 42px 42px;
  opacity:.45; pointer-events:none;
}
.faq-hero .hero-inner{
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: clamp(12px, 2.5vw, 20px);
  justify-content: center;
  text-align: start;
}
.faq-hero .faq-icon{
  --sz: clamp(56px, 12vw, 88px);
  width: var(--sz); height: var(--sz);
  border-radius: 20px;
  display: grid; place-items: center;
  background: linear-gradient(180deg, #ffffffcc, #fffffff2);
  border: 1px solid #e7ebfb;
  box-shadow:
    0 24px 60px rgba(16,26,95,.10),
    0 0 0 8px var(--ring);
  backdrop-filter: blur(6px);
}
.faq-hero .faq-icon i{
  font-size: clamp(26px, 5.2vw, 40px);
  background: linear-gradient(135deg, #2563eb, #7c3aed);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  transform: translateY(1px);
}
.faq-hero .section-title{
  font-size: clamp(1.6rem, 3.2vw, 2.2rem);
  margin: 0 0 10px; color:#0f172a; position: relative; display:inline-block;
}
.faq-hero .section-title::after{
  content:""; position:absolute; inset-inline: 0 0; inset-block-end:-8px;
  height: 6px; border-radius: 999px;
  background: linear-gradient(90deg, #4753ff, #7c3aed 60%, #22c55e);
  opacity:.22;
}
.faq-hero .lead{
  margin: 8px 0 0; color:#475569; line-height:1.8; max-width: 72ch;
}
@media (max-width: 520px){
  .faq-hero{ padding: 52px 0 36px; }
  .faq-hero .hero-inner{
    grid-template-columns: auto 1fr;
    align-items: center;
  }
  .faq-hero .lead{ font-size: .98rem; }
}

/* === FAQ Cards • Modern Minimal (v1) === */
.faq-card{
  border:1px solid #e7eaf3;
  border-radius:16px;
  background:#fff;
  padding:16px 18px;
  box-shadow:0 6px 18px rgba(2,6,23,.04);
  transition:box-shadow .18s ease, transform .12s ease, border-color .18s ease;
}
.faq-card:hover{ 
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(2,6,23,.07);
}
.faq-card.open{
  box-shadow:0 14px 34px rgba(2,6,23,.08);
  border-color:#dde3f2;
}
.faq-card h3{
  margin:2px 0 4px;
  font-size:1.04rem;
  line-height:1.4;
  color:#0f172a;
  display:flex; align-items:center; gap:10px;
}
.faq-card h3 .chev{ 
  margin-inline-start:auto; 
  opacity:.65; 
  transition:transform .2s ease, opacity .2s ease;
}
.faq-card.open h3 .chev{ transform:rotate(180deg); opacity:1 }
.faq-card .qnum{
  min-width:26px;height:26px;border-radius:999px;
  display:grid;place-items:center;
  font-weight:800;font-size:.9rem;color:#0b1220;
  background:linear-gradient(180deg,#eef2ff,#f8fafc);
  box-shadow:0 0 0 4px rgba(37,99,235,.10);
}
.faq-card .tag{
  display:inline-flex;align-items:center;gap:6px;
  font-size:.78rem; font-weight:700;
  padding:3px 10px; border-radius:999px;
  background:#f1f5f9; color:#0f172a;
  border:1px solid #e2e8f0;
  margin-bottom:8px;
}
.faq-card .tag i{ font-size:.9rem; opacity:.8 }
.faq-card .answer{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid #eef2f7;
  color:#334155;
  line-height:1.78;
  font-size:.98rem;
}
.faq-card p{ margin:0 }

/* keep hover/open shadow subtle even when toned */
.faq-card[class*="tone-"]{ border-color:#e7eaf3 }
.faq-card[class*="tone-"] .tag{
  background:#f8fafc; border-color:#e5e7eb; color:#0f172a;
}
.faq-card[class*="tone-"].open{ box-shadow:0 14px 34px rgba(2,6,23,.08) }

/* ================================
   Services page — fully scoped (no bleed)
   ================================ */

/* Layout: article left, topics (cards) right — equal heights */
#services .services-layout{
  display:grid;
  grid-template-columns: 1fr 300px;
  grid-template-areas: "article cards";
  gap:20px;
  align-items:stretch;
}

/* Article pane */
#services #service-article{ grid-area: article; display:flex; }
#services .service-article-inner{
  flex:1 1 auto; height:100%;
  position:relative; direction:rtl;
  background:#fff; border:1px solid #e8eefb; border-radius:12px;
  padding:20px; box-shadow:0 12px 32px rgba(12,18,45,.05);
  display:flex; flex-direction:column;
}

/* Tag inside article — top-left absolute, compact */
#services .sa-tag{
  position:absolute; top:16px; left:16px;
  display:inline-flex; align-items:center; gap:8px;
  padding:4px 10px; border-radius:999px;
  background:#f6f9ff; border:1px solid #e6ecfb;
  font-weight:700; font-size:.8rem; line-height:1; color:var(--ink,#0f172a);
}
#services .service-article-inner > .sa-title,
#services .service-article-inner > .sa-lead,
#services .service-article-inner > .sa-body,
#services .service-article-inner > .sa-actions{ margin-top:14px; }

/* Text blocks */
#services .sa-title{ margin:0 0 10px; font-size:1.6rem; line-height:1.12; color:var(--ink,#0f172a) }
#services .sa-lead{ margin:0 0 14px; color:#475569; font-size:1rem }
#services .sa-body{ color:#334155; line-height:1.7; font-size:1rem }
#services .sa-actions{ margin-top:16px; display:flex; gap:10px; flex-wrap:wrap }
#services .sa-readmore{ display:inline-flex; align-items:center; gap:8px }

/* No media, no close/back in article */
#services .sa-visual, 
#services .sa-media{ display:none !important; }
#services .sa-close, 
#services .sa-back{ display:none !important; pointer-events:none !important; visibility:hidden !important; }

/* Topics (cards) column — same box look & equal height */
#services .cards{
  grid-area: cards;
  background:#fff; border:1px solid #e8eefb; border-radius:12px;
  padding:12px; box-shadow:0 12px 32px rgba(12,18,45,.05);
  display:flex; flex-direction:column; gap:12px; overflow:visible;
}

/* Card look inside services only */
#services .cards .card{
  position:relative;
  border:1px solid #eef3fb; border-radius:10px;
  padding:10px 12px; background:#fff;
  box-shadow:0 6px 18px rgba(12,18,45,.03);
  cursor:pointer;
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
  display:flex; flex-direction:column; gap:8px; align-items:flex-start;
}
#services .cards .card:hover{ transform:translateY(-3px); box-shadow:0 10px 28px rgba(12,18,45,.06) }
#services .cards .card.selected{ border-color:#2563eb; box-shadow:0 10px 26px rgba(37,99,235,.06) }

/* Pill inside card — absolute top-left, tiny font; save height */
#services .cards .card{ padding-top:36px; }
#services .cards .card .pill{
  position:absolute; top:8px; left:10px;
  display:inline-flex; align-items:center; gap:4px;
  padding:3px 7px; font-size:.70rem; line-height:1;
  border-radius:999px; background:#f6f9ff; border:1px solid #e6ecfb;
  white-space:nowrap; max-width:66%; overflow:hidden; text-overflow:ellipsis; z-index:1;
}
#services .cards .card .pill i{ font-size:.80rem; opacity:.9 }

/* Card texts */
#services .cards .card h3{
  margin:0;
  font-size:1rem; line-height:1.25; color:var(--ink,#0f172a); font-weight:700;
}
#services .cards .card p{
  margin:0;
  font-size:.92rem; color:#475569; line-height:1.45;
}
.cards-col{
  margin-top:-67px;
}
/* Responsive */
@media (max-width:880px){
  #services .services-layout{
    grid-template-columns:1fr;
    grid-template-areas:"article" "cards";

  }
  #services .service-article-inner{ padding:16px; border-radius:10px }
  #services .sa-title{ font-size:1.35rem }
  #services .cards{ flex-direction:row; flex-wrap:wrap; gap:10px }
  #services .cards .card{ width:calc(50% - 8px) }
  .cards-col{
  margin-top:0px;
}
}
@media (max-width:560px){
  #services .cards .card{ width:100%; padding-top:32px; }
  #services .cards .card .pill{ top:6px; left:8px; font-size:.68rem; padding:2px 6px; }
}

/* ================================
   Homepage preview reset (no bleed)
   ================================ */
#services-preview .cards{
  display:grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap:16px;
  padding:0; border:0; box-shadow:none; background:transparent;
}
#services-preview .card{
  position:static; padding:16px; border-radius:12px;
  box-shadow:0 6px 16px rgba(2,6,23,.04); border:1px solid #e7eaf3;
}
#services-preview .card .pill{
  position:static !important;
  font-size:.85rem !important;
  padding:6px 10px !important;
  max-width:100% !important;
}

/* ===== Contact section (homepage) ===== */
#contact .container.contact{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
}
@media (min-width: 992px){
  #contact .container.contact{
    grid-template-columns: minmax(0, 2fr) minmax(0, 1.1fr);
    align-items:start;
  }
}


#contact form{ 
  background:#ffffff; 
  border:1px solid #e6ebf7; 
  border-radius:18px; 
  padding:18px; 
  box-shadow:0 10px 24px rgba(2,6,23,.05);
}
#contact .container.contact > .card{
  background:linear-gradient(180deg, #f9fbff 0%, #f5f8ff 100%);
  border:1px solid #dfe7fb;
  border-radius:18px;
  padding:18px;
  box-shadow:0 10px 24px rgba(2,6,23,.05);
}
#contact .container.contact > .card h3{ margin-top:4px; }
#contact .container.contact > .card ul{ margin-top:4px; }


/* ===== Families Speak (משפחות מספרות) — Section skin + richer color palette (scoped) ===== */
#FRecomendation{
  background:
    linear-gradient(180deg,#f8fbff 0%, #f5f8ff 100%);
  border:1px solid #e6ecfb;
  border-radius:20px;
  padding:14px 0 18px;
}
#FRecomendation .section-title{
  position:relative;
  display:inline-block;
}
#FRecomendation .section-title::after{
  content:"";
  position:absolute;
  inset-inline:0;
  inset-block-end:-8px;
  height:6px;
  border-radius:999px;
  background:linear-gradient(90deg,#4753ff,#7c3aed 60%,#22c55e);
  opacity:.18;
}

/* Grid (kept scoped) */
#FRecomendation .testimonials{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}
@media (max-width: 1000px){
  #FRecomendation .testimonials{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px){
  #FRecomendation .testimonials{ grid-template-columns:1fr; }
}

/* Card look (scoped override) */
#FRecomendation .quote{
  --c1:#7c3aed; /* default accent 1 */
  --c2:#3b82f6; /* default accent 2 */
  border-inline-start:0 !important;
  position:relative;
  background:linear-gradient(180deg,#ffffff,#f7faff);
  border:1px solid #e6ebf4;
  border-radius:16px;
  padding:18px 18px 16px 18px;
  box-shadow:0 12px 28px rgba(2,6,23,.06);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:130px;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  overflow:hidden;
}
#FRecomendation .quote:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 34px rgba(2,6,23,.08);
  border-color: color-mix(in oklab, var(--c2) 20%, #e0e7fb);
}

/* Decorative quote mark */
#FRecomendation .quote::before{
  content:"“";
  position:absolute;
  inset-inline-start:10px;
  inset-block-start:-10px;
  font-size:68px;
  line-height:1;
  color:#e9edfb;
  font-weight:800;
  pointer-events:none;
}

/* Gradient underline uses the per-card colors */
#FRecomendation .quote::after{
  content:"";
  position:absolute;
  inset-inline:16px;
  inset-block-end:12px;
  height:3px;
  background:linear-gradient(90deg, color-mix(in oklab, var(--c1) 28%, transparent), color-mix(in oklab, var(--c2) 28%, transparent));
  border-radius:3px;
}

/* Text styles */
#FRecomendation .quote p{
  margin:0 0 10px;
  font-size:1rem;
  line-height:1.7;
  color:#0f172a;
}
#FRecomendation .quote small{ color:#64748b; }

/* Richer palette across cards (6-cycle) */
#FRecomendation .quote:nth-child(6n+1){ 
  --c1:#7c3aed; --c2:#3b82f6;
  background: linear-gradient(180deg,#ffffff,#f7f9ff);
}
#FRecomendation .quote:nth-child(6n+2){ 
  --c1:#22c55e; --c2:#10b981;
  background: linear-gradient(180deg,#ffffff,#f7fffb);
}
#FRecomendation .quote:nth-child(6n+3){ 
  --c1:#f59e0b; --c2:#f97316;
  background: linear-gradient(180deg,#ffffff,#fff8f2);
}
#FRecomendation .quote:nth-child(6n+4){ 
  --c1:#ec4899; --c2:#ef4444;
  background: linear-gradient(180deg,#ffffff,#fff5f8);
}
#FRecomendation .quote:nth-child(6n+5){ 
  --c1:#06b6d4; --c2:#3b82f6;
  background: linear-gradient(180deg,#ffffff,#f2fbff);
}
#FRecomendation .quote:nth-child(6n){ 
  --c1:#8b5cf6; --c2:#14b8a6;
  background: linear-gradient(180deg,#ffffff,#f7f7ff);
}

/* ================================
   Services – Article excerpts & table polish (additive only)
   ================================ */

/* Excerpts/teasers inside Services */
#services .excerpt,
#services .summary,
#services .teaser{
  display:block;
  margin:6px 0 0;
  color:#334155;
  line-height:1.75;
  font-size:.98rem;
}

/* Clamp helpers when used on summary/excerpt (fallback-safe) */
#services .excerpt.clamp-2,
#services .summary.clamp-2,
#services .teaser.clamp-2{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
#services .excerpt.clamp-3,
#services .summary.clamp-3,
#services .teaser.clamp-3{
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
#services .excerpt.clamp-4,
#services .summary.clamp-4,
#services .teaser.clamp-4{
  display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;
}

/* Make paragraphs used as summaries look like excerpts even without a class name */
#services .sa-body > p:first-of-type{
  margin-top:0;
  color:#334155;
}
#services .sa-body > p.excerpt,
#services .sa-body > p.summary,
#services .sa-body > p.teaser{ color:#334155; }
#services .cards .card p.excerpt,
#services .cards .card p.summary,
#services .cards .card p.teaser{ color:#475569; }

/* Ensure “קרא עוד”/readmore links stay on same row nicely */
#services .sa-readmore{ white-space:nowrap; font-weight:800; }
#services .sa-readmore i{ opacity:.9; }



/* === ORIGINAL services title snippet (will be overridden below) === */
#services .cards-col{
  margin-top: 0 !important; /* neutral default */
}
#services .area-title{
  top: 76px;
  z-index: 5;
  margin: 0 0 10px 0;
  padding: 10px 12px;
  background: #fff;
  color: var(--ink, #0f172a);
  border: 1px solid #e6ebf7;
  border-radius: 12px;
  box-shadow: 0 8px 22px rgba(2,6,23,.06);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 800;
}
#services .area-title i{
  font-size: 1rem;
  color: var(--primary, #2563eb);
}
#services .cards{
  padding-top: 6px;
}
@media (max-width: 880px){
  #services .area-title{
    position: relative;
    top: auto;
  }
}

/* ================================
   FINAL OVERRIDES FOR SERVICES
   - Make "בחרו שירות" fill the summaries column width
   - Upgrade article pane visuals
   ================================ */

/* 1) Ensure summaries column title spans full column width */
#services .cards-col{ margin-top:0 !important; }
#services .cards-col .area-title{
  display:flex;           /* was inline-flex */
  width:100%;             /* fill the column */
  box-sizing:border-box;  /* include padding in width */
  top: var(--header-h, 76px);
  z-index:6;
  margin:0 0 10px 0;
  padding:12px 14px;
  background:#fff;
  color:var(--ink);
  border:1px solid #e6ebf7;
  border-radius:12px;
  box-shadow:0 8px 22px rgba(2,6,23,.06);
  font-weight:800; letter-spacing:.2px;
  align-items:center; gap:8px;
}
#services .cards-col .area-title i{ color:var(--primary); }
@media (max-width:880px){
  #services .cards-col .area-title{ position:relative; top:auto; }
}

/* 2) Article pane — “government-grade” polish */
#services .service-article-inner{
  border-color:#e3e9fb;
  border-radius:14px;
  padding:22px;
  box-shadow:0 14px 34px rgba(12,18,45,.06);
  background:
    linear-gradient(180deg, #ffffff, #ffffff) padding-box,
    linear-gradient(180deg, #eef2ff, #f8fbff) border-box;
}
#services .sa-title{
  font-size: clamp(1.6rem, 3vw, 2.1rem);
  line-height:1.22;
  color:#0f172a;
  margin-top:0;
  position:relative;
}
#services .sa-title::after{
  content:"";
  display:block;
  height:6px; border-radius:999px;
  background: linear-gradient(90deg, #2563eb, #7c3aed 60%, #0ea5e9);
  opacity:.18; margin-top:8px;
}
#services .sa-lead{
  background:#f6f9ff;
  border:1px solid #e6ecfb;
  border-radius:12px;
  padding:12px 14px;
  color:#0f172a;
  font-weight:500;
}
#services .sa-body{
  color:#111827;
  line-height:1.9;
  font-size:1.02rem;
}
#services .sa-body h2{
  color:#0b3a74;
  font-size: clamp(1.25rem, 2.2vw, 1.6rem);
  border-bottom:2px solid #e6ebf7;
  padding-bottom:.4em;
  margin: 1.4em 0 .6em;
}
#services .sa-body h3{
  color:#1f2937;
  font-size: clamp(1.08rem, 2vw, 1.3rem);
  margin:1.1em 0 .45em;
}
#services .sa-body blockquote{
  margin:1.2em 0;
  padding:12px 16px;
  background:#f8fafc;
  border-inline-start:4px solid #0b3a74;
  border-radius:10px;
  color:#0f172a;
}
#services .sa-actions .btn{
  border-radius:12px;
  border-color:#e1e7fb;
  box-shadow:0 8px 22px rgba(2,6,23,.06);
}
#services .sa-actions .btn.primary{
  background:#2563eb; color:#fff; border-color:#1d4ed8;
  box-shadow:0 10px 26px rgba(37,99,235,.26);
}

/* 3) Keep cards container tidy under the title */
#services .cards{ padding-top:6px; }

/* 4) If any legacy negative margin sneaks in, neutralize again */
#services .cards-col, .cards-col{ margin-top: 0 !important; } 


/* ===== Navigation: Tablet/Mobile Off-Canvas (scoped) ===== */
.nav { gap: 12px; }
.nav-actions { display:flex; align-items:center; gap:10px; }

@media (max-width: 1120px){
  .nav-links { gap: 12px; }
  .nav-links a { font-size: 14px; padding: 8px 10px; }
}

@media (max-width: 1024px){
  .nav-links { display: none; }              /* מסתיר תפריט דסקטופ */
  .menu-toggle { display:inline-flex; align-items:center; justify-content:center; gap:8px; }
}

/* Off-Canvas container */
.mobile-panel{ position:fixed; inset:0; background:rgba(0,0,0,.35); display:none; z-index:1200; }
.mobile-panel.on{ display:block; }
.mobile-panel[hidden]{ display:none !important; }

/* Drawer */
.mobile-sheet{
  position:absolute; inset-block:0; inset-inline-start:0;
  width:min(86%, 340px); background:#fff; border-inline-end:1px solid #eceef6;
  padding:14px; overflow:auto; transform:translateX(-100%); transition:transform .25s ease;
  box-shadow:0 20px 60px rgba(14,22,48,.18);
}
html[dir="rtl"] .mobile-sheet{ inset-inline-start:auto; inset-inline-end:0; transform:translateX(100%); }
.mobile-panel.on .mobile-sheet{ transform:none; }

.sheet-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding-bottom:8px; border-bottom:1px solid #edf0fb; margin-bottom:10px; }
.sheet-close{ border:0; width:40px; height:40px; border-radius:10px; display:grid; place-items:center; background:#f5f7ff; color:#0b1220; }
.brand.small{ display:inline-flex; align-items:center; gap:8px; font-weight:800; }
.brand.small i{ font-size:22px; background:linear-gradient(135deg,#2563eb,#7c3aed); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }

/* Mobile nav list */
.mobile-nav a,
.mobile-nav .m-link{
  display:flex; align-items:center; gap:10px; padding:12px 10px; border-radius:12px; color:#0b1220;
  border:1px solid transparent; background:#fff; font-weight:700;
}
.mobile-nav a.active{ background:#eef2ff; border-color:#e0e6fb; }
.mobile-nav a:hover{ background:#f7f9ff; }
.mobile-nav .m-cta{ padding:12px 2px; }

/* Accordion groups */
.m-group{ border:1px solid #e8eafa; border-radius:14px; overflow:hidden; background:#fff; margin:8px 0; }
.m-group > .m-link{ cursor:pointer; }
.m-group[open] > .m-link .chev{ transform:rotate(180deg); }
.m-group .m-sub{ display:grid; gap:6px; padding:8px 6px 12px 6px; }
.m-group .m-sub a{ padding:10px 12px; border:1px solid #eef2fb; border-radius:10px; font-weight:600; color:#334155; }

/* Desktop dropdown stabilizers (לטאבלט landscape) */
@media (hover:hover){
  .has-sub > a{ padding-inline-end:6px; }
  .has-sub > a .fa-chevron-down{ font-size:.8rem; opacity:.8; }
  .sub-menu{ min-width:240px; }
}

/* התאמות טאבלט קטנות */
@media (min-width: 768px) and (max-width: 1024px){
  .site-header .container{ width:min(100%,96%); }
  .brand span{ font-size:1rem; }
}
/* ===== Fix: Mobile/Tablet off-canvas refinement ===== */

/* תן תחושת שכבה ותפוס מסך מלא מאחור */
.mobile-panel{
  backdrop-filter: blur(2px);
}

/* מגש הצד – יישור RTL, מבנה עמודה, רוחב נכון לטאבלטים, גלילה חלקה ב-iOS */
.mobile-sheet{
  direction: rtl;
  display: flex;
  flex-direction: column;
  width: min(92%, 360px);
  max-width: 92vw;
  height: 100dvh;                 /* iOS/Android safe */
  max-height: 100dvh;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

/* בטאבלט קטן (iPad 768–1024) – קצת יותר רחב ונוח */
@media (min-width:768px) and (max-width:1024px){
  .mobile-sheet{
    width: min(420px, 70vw);
  }
}

/* ראש המגש – שמור על גובה קטן ומרווח */
.sheet-head{
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 2;
}

/* רשימת הניווט – ריווח אנכי עקבי ויישור RTL */
.mobile-nav{
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: right;
}

/* קישורים וכותרות קבוצות – יישור לימין, אייקון מיושר, שטח לחיצה גדול */
.mobile-nav a,
.mobile-nav .m-link{
  justify-content: flex-start;
  text-align: right;
  padding: 14px 12px;
  line-height: 1.35;
}
.mobile-nav a i,
.mobile-nav .m-link i{ width: 22px; text-align: center; }

/* קבוצות אקורדיון – כיווץ רווחים פנימיים, הזחה לילדים */
.m-group{ margin: 6px 0; }
.m-group .m-sub{
  padding: 6px 6px 10px 6px;
}
.m-group .m-sub a{
  padding: 10px 12px;
  margin-inline-start: 6px;   /* הזחה קלה לתתי פריטים */
}

/* CTA בתחתית – תמיד נגיש, לא "בורח" במסכים קטנים */
.mobile-nav .m-cta{
  margin-top: auto;
  position: sticky;
  bottom: 0;
  background: linear-gradient(#fff, #fff);
  padding: 12px 2px 10px;
  border-top: 1px solid #edf0fb;
}

/* גבולות/צללה עדינים כדי להפריד בין פריטים – נעים לעין */
.mobile-nav a{ border: 1px solid #f0f2fb; }
.mobile-nav a:hover{ background: #f7f9ff; }
.m-group{ border: 1px solid #e8eafa; }

/* ודא שב־RTL המגש יוצא מימין ונעצר בדיוק בשפה */
html[dir="rtl"] .mobile-sheet{
  inset-inline-start: auto;
  inset-inline-end: 0;
  transform: translateX(100%);
}
.mobile-panel.on .mobile-sheet{ transform: none; }
/* מציג תפריט דסקטופ רק מעל 1024px; מתחת – נסתר */
@media (max-width:1024px){
  .nav-links{ display:none !important; }
  .menu-toggle{ display:inline-flex; align-items:center; justify-content:center; }
}

/* --- Off-Canvas דקויות + Accordion עם הפרדות --- */
.mobile-sheet{
  direction:rtl; display:flex; flex-direction:column;
  width:min(92%,360px); max-width:92vw; height:100dvh; overflow:auto;
  -webkit-overflow-scrolling:touch;
}
@media (min-width:768px) and (max-width:1024px){
  .mobile-sheet{ width:min(420px,70vw); }
}
.sheet-head{ position:sticky; top:0; background:#fff; z-index:2; }

.mobile-nav{
  display:flex; flex-direction:column; gap:0;  /* gap=0 כדי שנראה הפרדות אמיתיות */
  text-align:right;
}

/* קו מפריד בין כל פריט – לא משעמם יותר */
.mobile-nav > a,
.m-group > .m-link{
  position:relative;
  display:flex; align-items:center; gap:10px;
  padding:14px 12px; font-weight:700; color:#0b1220; background:#fff;
  border:0; border-radius:0; /* בלי עיגול – יראה כמו רשימה מערכתית נקייה */
}
.mobile-nav > a::after,
.m-group > .m-link::after{
  content:""; position:absolute; inset-inline:12px; bottom:0; height:1px; background:#edf0fb;
}

/* הדגשת שורה על Hover/Active */
.mobile-nav > a:hover,
.m-group > .m-link:hover{ background:#f7f9ff; }
.mobile-nav > a.active{ background:#eef2ff; }

/* Accordion */
.m-group{ border-top:1px solid #edf0fb; }
.m-group[open] > .m-link .chev{ transform:rotate(180deg); }
.m-group .m-sub{
  padding:6px 0 10px 0; display:grid; gap:0;
  background:#fafbff;
  border-top:1px solid #eef2fb;
}
.m-group .m-sub a{
  position:relative; padding:12px 18px; font-weight:600; color:#334155; background:#fafbff;
}
.m-group .m-sub a::after{
  content:""; position:absolute; inset-inline:18px; bottom:0; height:1px; background:#e9eefc;
}

/* CTA בתחתית */
.mobile-nav .m-cta{
  margin-top:auto; position:sticky; bottom:0; background:#fff;
  padding:12px 12px 14px; border-top:1px solid #edf0fb;
}

/* RTL: דלת מימין, אין כפילות */
html[dir="rtl"] .mobile-sheet{ inset-inline-start:auto; inset-inline-end:0; transform:translateX(100%); }
.mobile-panel.on .mobile-sheet{ transform:none; }



/* === NAV DESKTOP ENHANCED (safe additive) ==================================
   - Scoped only to the top nav `.nav-links` (desktop)
   - No changes to `.mobile-nav` / sections / cards / etc.
   - Visual separators, subtle hover background, animated underline for active/hover
   - RTL-safe and works whether children are <li><a> or direct <a>
============================================================================= */

/* Container spacing: keep as-is elsewhere */
.nav { gap: 12px; }
.nav-links{ display:flex; align-items:center; gap:0; list-style:none; margin:0; padding:0; }

/* Normalize items (li or a direct) */
.nav-links > li,
.nav-links > a{ position:relative; padding-block:8px; }

/* Links style (desktop) */
.nav-links > li > a,
.nav-links > a{
  display:inline-flex; align-items:center; gap:.5ch;
  font: 600 14px/1.2 Heebo, Arial, sans-serif;
  letter-spacing:.1px;
  padding: 10px 14px;
  color: var(--muted, #475569);
  transition: color .15s ease, background .15s ease;
  white-space: nowrap;
}

/* Visual separators between items */
.nav-links > li + li,
.nav-links > a + a{ border-inline-start:1px solid rgba(0,0,0,.08); }
.nav-links > li + li > a,
.nav-links > a + a{ padding-inline-start:16px; }

/* Hover/focus background (subtle indigo tint) */
.nav-links > li > a:hover,
.nav-links > a:hover,
.nav-links > li > a:focus-visible,
.nav-links > a:focus-visible{
  background: rgba(99,102,241,.08);
  color:#0b1220;
  outline:none;
}

/* Active underline (and on hover) */
.nav-links > li > a::after,
.nav-links > a::after{
  content:""; position:absolute; inset-inline:10px; bottom:4px;
  height:2px; border-radius:2px;
  background: linear-gradient(90deg, #6366f1, #10b981);
  transform: scaleX(0); transform-origin: var(--x-origin, 0%) 50%;
  transition: transform .18s ease;
  opacity:.95; pointer-events:none;
}
.nav-links > li > a:hover::after,
.nav-links > a:hover::after,
.nav-links > li > a:focus-visible::after,
.nav-links > a:focus-visible::after,
.nav-links > li > a.active::after,
.nav-links > a.active::after{ transform: scaleX(1); }

/* Ensure existing .active keeps a strong color */
.nav-links a.active{ color:#111827; }

/* Desktop dropdown panel polish */
.nav-links > .has-sub{ position:relative; padding-bottom:6px; }
.nav-links > .has-sub > a{ padding-inline-end:6px; }
.nav-links > .has-sub .sub-menu{
  min-width:240px;
  background:#fff;
  border:1px solid #e6e8f4;
  border-radius:14px;
  padding:8px;
  box-shadow:0 16px 40px rgba(20,20,40,.12);
}
/* Allow JS to toggle via .open too (fix for reopen-on-hover bug) */
.nav-links .has-sub.open > .sub-menu{ display:block !important; }

/* Items inside submenu */
.nav-links > .has-sub .sub-menu a{
  display:flex; align-items:center; gap:.6ch;
  padding:9px 10px; margin:2px 0;
  border-radius:8px; color:#2b2f3b; text-decoration:none;
  font: 400 14px/1.25 Heebo, Arial, sans-serif;
}
.nav-links > .has-sub .sub-menu a:hover,
.nav-links > .has-sub .sub-menu a:focus-visible{
  background: rgba(16,185,129,.10);
  outline:none;
}

/* Keep burger for mobile only (do not alter existing breakpoints) */
@media (max-width: 1024px){
  .nav-links{ display:none !important; }
  .menu-toggle{ display:inline-flex !important; align-items:center; justify-content:center; }
}


/* קצה מובייל נעים יותר לתאוצת טאפּ */
#services .cards .card,
#services .cards .card a { touch-action: manipulation; }

/* אופציונלי – להסרת הבהוב כחול בטאפּ בספארי */
#services .cards .card { -webkit-tap-highlight-color: transparent; }

/* ===== Page Hero Image (200px max) ===== */
.page-hero-img{ direction:rtl; padding: clamp(10px,2.5vw,16px) 0; }
.page-hero-img .ph-wrap{
  position:relative; border-radius:18px; overflow:hidden;
  border:1px solid #e6ebf7; box-shadow:0 12px 28px rgba(16,26,95,.08);
  background: linear-gradient(180deg,#f8fbff,#f4f7ff);
}

/* תמונה – גובה מקס' 200px */
.page-hero-img .ph-figure{ margin:0; }
.page-hero-img .ph-figure img{
  display:block; width:100%; height:200px; max-height:200px; object-fit:cover;
}

/* טקסט מעל התמונה */
.page-hero-img .ph-overlay{
  position:absolute; inset:12px 12px auto 12px;     /* למעלה מעל התמונה */
  pointer-events:none;                               /* לא יחסום לחיצות על התמונה, אם יש */
}
.page-hero-img .ph-title{ margin:0 0 6px 0; line-height:1; }
.page-hero-img .ph-lead{  margin:0; line-height:1.6; }

/* "שבב" זכוכית חלבית שמתאים רק לרוחב הטקסט */
.page-hero-img .ph-chip{
  display:inline-block; pointer-events:auto;        /* כן מאפשר בחירת טקסט */
  padding: 8px 12px; border-radius:12px;
  background: rgba(255,255,255,.62);
  border:1px solid rgba(230,235,247,.96);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  box-shadow:0 10px 26px rgba(2,6,23,.06);
  white-space:normal; /* מאפשר ירידת שורה אם צריך */
}

/* טיפוגרפיה */
.page-hero-img .ph-title .ph-chip{
  font-weight:800; font-size: clamp(1.4rem, 3.2vw, 2.1rem); color:#0f172a;
}
.page-hero-img .ph-lead .ph-chip{
  margin-top:6px; color:#334155; font-size: clamp(1rem, 1.4vw, 1.1rem);
}

/* אייקון בכותרת */
.page-hero-img .ph-title i{
  margin-inline-start:0; margin-inline-end:8px;
  font-size:1em; vertical-align:-0.08em;
  background: linear-gradient(135deg, #2563eb, #7c3aed);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}

/* מובייל – מרווחי נשימה */
@media (max-width: 560px){
  .page-hero-img .ph-overlay{ inset:10px; }
  .page-hero-img .ph-chip{ padding:8px 10px; }
}
/* מסכים גדולים: טקסט עד 60% רוחב, מיושר לימין */
@media (min-width: 992px){
  .page-hero-img .ph-overlay{
    left: auto;        /* משחרר את הצד השמאלי */
    right: 12px;       /* מצמיד לימין (RTL) */
    width: 60%;
    max-width: 880px;  /* מגבלה אלגנטית כדי לא להיות רחב מדי */
  }
}

/* === Breadcrumbs (RTL) === */
.breadcrumbs{
  --sep:"›";
  background: linear-gradient(180deg,#f8fbff,#f3f7ff);
  border-bottom: 1px solid #e6ecf6;
  padding:10px 0;
  direction:rtl;
  font-size:.95rem;
  color:#475569;
}
.breadcrumbs .container{ display:block; }
.breadcrumbs ol{
  margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:8px;
}
.breadcrumbs li{ display:flex; align-items:center; gap:8px; white-space:nowrap; max-width:100%; }
.breadcrumbs li:not(:last-child)::after{ content:var(--sep); opacity:.55; }
.breadcrumbs a{ color:#0b1220; text-decoration:none; font-weight:700; }
.breadcrumbs a:hover{ text-decoration:underline; }
.breadcrumbs [aria-current="page"]{ color:#64748b; font-weight:700; overflow:hidden; text-overflow:ellipsis; }

/* בדסקטופ: לארחב מדי */
@media (min-width:1100px){
  .breadcrumbs .container{ max-width:1200px; }
}

/* === Services cards: equal heights + line clamps === */

/* 1) כותרת הכרטיס – עד 2 שורות + גובה מינימלי קבוע */
#services .cards .card h3{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  line-height:1.25;           /* תואם להגדרתך */
  margin-bottom:0px !important;
}

/* 2) תקציר/פסקה – עד 3 שורות + גובה קבוע */
#services .cards .card p{
  display:-webkit-box;
  -webkit-line-clamp:3;       /* לא יותר מ-3 שורות */
  -webkit-box-orient:vertical;
  overflow:hidden;
  line-height:1.45;           /* תואם לקיים אצלך */
  font-size:.92rem;           /* תואם לקיים אצלך */
  min-height: calc(3 * 1.45 * .92rem); /* ~4.0rem כדי ליישר גובה בין קלפים */
}

/* 3) שמירה על יישור כפתורי/לינקי "קרא עוד" בתחתית */
#services .cards .card{
  display:grid;
  grid-auto-rows: auto;       /* כותרת/טקסט גמישים */
  align-content:start;
}
#services .cards .card .sa-readmore,
#services .cards .card .readmore,
#services .cards .card a[href*="read"]{
  margin-top:auto;            /* נדחף לתחתית הכרטיס */
}


/* ==== Hero Contact ==== */
.hero-contact{
  --hero-img: url("https://upload.wikimedia.org/wikipedia/commons/5/5e/Senior-3336451_1920.jpg");
  background-image:
    linear-gradient(180deg, rgba(15,23,42,.55), rgba(15,23,42,.20)),
    var(--hero-img);
  background-size: cover; background-position: center;
  padding: 36px 0; margin: 8px 0 18px;
}
.hero-contact .hero-box{
  backdrop-filter: saturate(140%) blur(6px);
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(255,255,255,.7);
  border-radius: 18px; padding: 18px 16px; max-width: 880px;
  box-shadow: 0 20px 40px rgba(2,6,23,.12);
}
.hero-contact h1{ font-size: clamp(1.6rem, 2.4vw, 2.2rem); margin: 0 0 6px; font-weight: 900; color:#0b1220; }
.hero-contact p{ margin: 0; color:#0b1220; font-weight: 700; }
.hero-quick{ display:flex; gap:8px; margin-top:10px; flex-wrap:wrap; }

/* ==== Contact Card Polish ==== */
#contact-page .contact-card{
  border:1px solid #e6ebf7; border-radius:20px; padding:20px;
  background:#fff; box-shadow:0 14px 34px rgba(2,6,23,.06);
}
#contact-page .field.two{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media (max-width:720px){ #contact-page .field.two{ grid-template-columns:1fr; } }
#contact-page input, #contact-page select, #contact-page textarea{
  border-radius:12px;
}
#contact-page .pref-row{ display:flex; flex-wrap:wrap; gap:8px; margin:4px 0 10px; }
#contact-page .chip{ display:inline-flex; align-items:center; gap:8px; padding:8px 12px;
  border:1px solid #e2e8f0; border-radius:999px; cursor:pointer; background:#f8fafc; font-weight:700; color:#0f172a; }
#contact-page .chip.active{ background:#eef2ff; border-color:#e0e7ff; }

#contact-page .topic-grid{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin-top:6px; }
@media (max-width:900px){ #contact-page .topic-grid{ grid-template-columns:repeat(3,1fr);} }
@media (max-width:560px){ #contact-page .topic-grid{ grid-template-columns:repeat(2,1fr);} }
#contact-page .topic-btn{ border:1px solid #e7ebf7; background:#fff; border-radius:12px; padding:12px;
  display:flex; gap:10px; align-items:center; justify-content:center; font-weight:800; cursor:pointer;
  box-shadow:0 6px 18px rgba(2,6,23,.04); transition: transform .12s ease; }
#contact-page .topic-btn:hover{ background:#f8fbff; transform: translateY(-1px); }
#contact-page .topic-btn.on{ border-color:#2563eb; box-shadow:0 10px 26px rgba(37,99,235,.12); }

#contact-page .topic-dynamic{ margin-top:8px; display:grid; gap:10px; }
#contact-page .topic-dynamic .hint{ padding:10px 12px; border:1px solid #e6ecfb; background:#f6f9ff; border-radius:12px;
  font-weight:700; color:#0b3a74; }


#contact-page .form-actions{ display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
#contact-page #msgCount{ font-weight:700; }
#contact-page .sla{ display:flex; align-items:center; gap:8px; margin-top:12px; color:#475569; font-weight:700; }

/* Sidebar */
#contact-page .contact-side{ background:linear-gradient(180deg,#f9fbff,#f5f8ff); border:1px solid #dfe7fb; border-radius:20px; padding:18px; }
#contact-page .mini-map iframe{ width:100%; height:200px; border:1px solid #e6ebf7; border-radius:12px; }

/* טיפוגרפיה אחידה לכפתורים */
.btn, .chip, .topic-btn, #contact-page input, #contact-page select, #contact-page textarea {
  font-family: "Heebo", Arial, sans-serif; /* ודא שהפונט טעון */
  font-weight: 700;
}

/* נראות כפתורים חדה יותר */
.btn {
  letter-spacing: .2px;
  border-radius: 12px;
}
.topic-btn span { white-space: nowrap; }

/* פלטת ברירת־מחדל אם אין משתנים גלובליים */
:root{
  --primary: #3b82f6;            /* כחול */
  --primary-600: #2563eb;         /* כחול כהה */
  --primary-100: #e8f0ff;
  --surface: #ffffff;
  --ink: #0f172a;
  --muted: #64748b;
  --ring: rgba(59,130,246,.35);
}

/* ===== ערוץ מועדף (טלפון/וואטסאפ/אימייל) ===== */
#contact-page .pref-row{
  display:flex; flex-wrap:wrap; gap:10px; margin:6px 0 12px;
}
#contact-page .pref-row .chip{
  display:inline-flex; align-items:center; gap:8px; padding:10px 14px;
  border-radius:999px; cursor:pointer; user-select:none;
  border:1px solid #e5e7eb; background:#f8fafc; color:var(--ink); font-weight:800;
  transition:transform .06s ease, background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}
#contact-page .pref-row .chip:hover{ transform: translateY(-1px); }
#contact-page .pref-row .chip[aria-pressed="true"],
#contact-page .pref-row .chip.active{
  background: var(--primary-100);
  border-color: var(--primary);
  color: var(--ink);
  box-shadow: 0 0 0 4px var(--ring);
}

/* ===== בחרו נושא – כפתורים עם שני מצבים ===== */
#contact-page .topic-grid{
  display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin-top:6px;
}
@media (max-width:900px){ #contact-page .topic-grid{ grid-template-columns:repeat(3,1fr);} }
@media (max-width:560px){ #contact-page .topic-grid{ grid-template-columns:repeat(2,1fr);} }

#contact-page .topic-btn{
  border:1px solid #e5e7eb; background:var(--surface);
  color:var(--ink); border-radius:14px; padding:14px 12px;
  display:flex; justify-content:center; align-items:center; gap:10px;
  font-weight:900; cursor:pointer;
  box-shadow:0 8px 22px rgba(2,6,23,.05);
  transition: transform .08s ease, background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}
#contact-page .topic-btn:hover{ transform: translateY(-1px); }
#contact-page .topic-btn.on{
  background: linear-gradient(180deg, var(--primary-100), #fff);
  border-color: var(--primary);
  box-shadow: 0 10px 28px rgba(37,99,235,.16);
}
#contact-page .topic-btn i{ color: var(--primary-600); }

/* טיפוגרפיה אחידה */
.btn, .chip, .topic-btn, #contact-page input, #contact-page select, #contact-page textarea{
  font-family: "Heebo", Arial, sans-serif; font-weight:700;
}

/* גלילה אופקית במקרה הצורך */
.service-article-simple .sa-body,
#service-article .sa-body,
.service-article .sa-body,
.article-content,
.markdown-body { overflow-x: auto; }

/* טבלה */
.md-table{
border:1px #f4f4f4 solid;
width:100%;
}

/* כותרות */
.md-table th{
  background: var(--tbl-head-bg, color-mix(in srgb, var(--primary, #1e3a8a) 10%, #fff 90%));
  color: var(--tbl-head-text, currentColor);
  font-weight: var(--tbl-head-weight, 700);
  text-align: right;
  white-space: nowrap;
  padding: calc(var(--tbl-pad-y, 10px) + 2px) calc(var(--tbl-pad-x, 12px) + 2px);
  border-bottom: 1px solid var(--tbl-border, color-mix(in srgb, currentColor 20%, transparent));
}

/* תאים */
.md-table td{
  padding:2px 5px;
  border-bottom:1px rgb(2 6 23 / 26%) solid;
}




/* =========================
   Print: הדפסה של המאמר בלבד
   ========================= */

/* ==============================================
   PRINT — מאמר בלבד (Solid v2 + hide bottom.asp)
   ============================================== */
@media print{
  @page { size:800px  1200px; margin: 15mm; }

  html, body {
    background: #fff !important;
    color: #000 !important;
    height: auto !important;
    overflow: visible !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .noprint ,.enable-trigger-circle,.enable-toolbar-buttons,#enable-toast,#enable-toolbar-content{
  display: none !important;
  height: 0px;
  white-space: none;}
   #bottom, .bottom, .noprint {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
   }

  /* -------- הסתרה מפורשת של אזורי UI מיותרים -------- */
  header, nav, footer,
  .site-header, .site-footer,
  .page-hero-img, .faq-hero,
  .breadcrumbs, .cards-col, .services-layout > aside,
  .newsletter, .newsletter-wrap, .newsletter-section,
  .floating-actions, .floating-links, .float-links,
  .float, .float-btn, .float-link, .fab,
  .sticky-cta, #backToTop, .back-to-top,
  .mobile-sheet, .sheet-head, .sheet-backdrop, .mobile-nav, .m-group,
  .modal, .dialog, dialog[open], [role="dialog"], [data-overlay],
  .offcanvas, .drawer, .side-menu,
  .area-title, .ph-wrap, .ph-overlay,
  .print-hide,
  /* נגישות (Enable / Nagish) */
  .accessibility, #accessibility, .access-widget, .accessWidget,
  [class*="nagish"], [id*="nagish"],
  [href*="enable.co.il"], [data-accessibility], .skip-link, .skiplinks,
  /* bottom.asp סימונים נפוצים */
  #bottom, .bottom, #Bottom, .site-bottom, .page-bottom, .footer-bottom,
  #bottomAsp, .bottom-asp, [data-part="bottom"] {
    display: none !important;
  }

  /* ביטול הדפסה של iframes/וידאו/מפות/אלמנטים fix */
  iframe, video, audio, canvas, [style*="position:fixed"] {
    display: none !important;
  }

  /* -------- ודא שהקונטיינרים הראשיים מוצגים -------- */
  .services-layout, .container, main, .main, .content, .content-wrap {
    display: block !important;
    visibility: visible !important;
  }

  /* -------- המאמר עצמו -------- */
  #service-article,
  .service-article,
  .service-article-simple {
    display: block !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    box-shadow: none !important;
    border: none !important;           /* אין מסגרת למיכל המאמר */
    background: #fff !important;
    overflow: visible !important;
    page-break-before: auto !important;
    page-break-inside: avoid !important;
  }
  #service-article .service-article-inner,
  .service-article .service-article-inner,
  .service-article-simple .service-article-inner {
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: #fff !important;
  }

  /* טיפוגרפיה של המאמר */
  #service-article .sa-title,
  .service-article .sa-title,
  .service-article-simple .sa-title {
    font-size: 22pt !important;
    margin: 0 0 6mm !important;
  }
  #service-article .sa-lead,
  .service-article .sa-lead,
  .service-article-simple .sa-lead {
    font-size: 12pt !important;
    margin: 0 0 6mm !important;
  }
  #service-article .sa-body,
  .service-article .sa-body,
  .service-article-simple .sa-body {
    font-size: 11pt !important;
    line-height: 1.5 !important;
  }

  /* -------- טבלאות בתוך המאמר -------- */
  #service-article thead, .service-article thead, .service-article-simple thead {
    display: table-header-group !important;
  }
  #service-article tfoot, .service-article tfoot, .service-article-simple tfoot {
    display: table-footer-group !important;
  }
  #service-article table,
  .service-article table,
  .service-article-simple table {
    width: 98% !important;
    table-layout: auto !important;
    border-collapse: collapse !important;
    background: #fff !important;
    box-shadow: none !important;
    white-space: normal !important;
    border: none !important;            /* אין מסגרת חיצונית לטבלה הראשית */
  }
  /* קווי התאים נשארים; בטל להלן אם תרצה שגם הם יוסתרו */
  #service-article th, #service-article td,
  .service-article th, .service-article td,
  .service-article-simple th, .service-article-simple td {
    border: 1px solid #000 !important;
    padding: 6pt 8pt !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    overflow-wrap: anywhere !important;
  }


  /* מניעת שבירה אחרי כותרות */
  #service-article h1, #service-article h2, #service-article h3,
  .service-article h1, .service-article h2, .service-article h3,
  .service-article-simple h1, .service-article-simple h2, .service-article-simple h3 {
    page-break-after: avoid !important;
    break-after: avoid-page !important;
  }
}
/* במסך – לא להציג */
.print-header, .print-footer { display: none; }

@page { margin: 10mm 12mm; }  /* שוליים צנועים, ללא "כפל מרווחים" */


/* מסך – אין תצוגה מיוחדת */
.print-frame { display: none; }

@page {
  /* שוליים רגילים – בלי “פיצוי” ידני ל-header/footer */
  margin: 15mm 5mm;
}

@media print {
  /* מסתירים את האפליקציה/תוכן המקורי בזמן הדפסה (כשבמצב printing) */
  body.printing #print-content { display: none !important; }

  /* טבלת ההדפסה נראית רק בהדפסה */
  .print-frame {
    display: table !important;
    width: 100% !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
  }

  /* קסם ההדפסה: הראש/תחתית חוזרים בכל עמוד */
  .print-frame thead { display: table-header-group !important; }
  .print-frame tfoot { display: table-footer-group !important; }
  .print-frame tbody { display: table-row-group !important; }

  /* בלי מסגרות בטעות */
  .print-frame, .print-frame th, .print-frame td {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
  }

  /* תוכן התא של ה-header/footer */
  .print-header-box, .print-footer-box {
    box-sizing: border-box;
    padding: 10px 16px !important;
    font-family: Heebo, Arial, sans-serif !important;
    color: #222 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .print-header-box {
    background: #f7f9fc;
    border-bottom: 1px solid #e0e0e0;
  }
  .print-footer-box {
    background: #f7f9fc;
    border-top: 1px solid #e6eaf0;
  }

  /* איקונים – בדרך כלל לא מוטמעים יפה ל-PDF */
  .print-header-box i, .print-footer-box i { display: none !important; }
}

@media print {
  /* קבוצות הטבלה שגורמות לחזרה בכל עמוד */
  .print-frame { display: table !important; width: 100% !important; border-collapse: collapse !important; table-layout: fixed !important; }
  .print-frame thead { display: table-header-group !important; }
  .print-frame tfoot { display: table-footer-group !important; }
  .print-frame tbody { display: table-row-group !important; }
  .print-frame tr    { display: table-row !important; }
  .print-frame td    { display: table-cell !important; vertical-align: top !important; padding: 0 !important; margin: 0 !important; border: 0 !important; }

  /* מניעת שבירת עמוד בתוך ה-Header/Footer, וגובה עקבי שמונע “שכפול” בעמוד האחרון */
  .print-header-box, .print-footer-box {
    page-break-inside: avoid !important;
    -webkit-region-break-inside: avoid !important;
    break-inside: avoid !important;
    box-sizing: border-box !important;
    padding: 10px 16px !important;
    font-family: Heebo, Arial, sans-serif !important;
    -webkit-print-color-adjust: exact; print-color-adjust: exact;
  }
  .print-header-box { background: #f7f9fc; border-bottom: 1px solid #e0e0e0; }
  .print-footer-box { background: #f7f9fc; border-top: 1px solid #e6eaf0; }

  /* אם אייקונים לא מוטמעים ל-PDF – למנוע שינוי גובה בלתי צפוי */
  .print-header-box i, .print-footer-box i { display: none !important; }
}

/* כשבמצב הדפסה – הסתרת המקור, הצגת המסגרת בלבד */
body.printing #print-content { display: none !important; }


@media print {
  /* אל תיגעו בשורות ה-header/footer של מסגרת ההדפסה */
  .print-frame thead tr, .print-frame tfoot tr { display: table-row !important; }

  /* התייחסות רק לטבלת החגים */
  .print-frame table[id^="tblHolidays"] tbody tr { display: table-row !important; }

  /* הסתר רק שורות שלא סומנו להצגה */
  .print-frame table[id^="tblHolidays"] tbody tr[data-show="0"],
  .print-frame table[id^="tblHolidays"] tbody tr:not([data-show="1"]) {
    display: none !important;
  }

  /* אם לא נבחרה מדינה – אל תדפיס את הטבלה כלל */
  .print-frame table[id^="tblHolidays"][data-active="0"] { display: none !important; }
}

/* אם האלמנט ריק באמת (בלי רווחים) – אל תציג בהדפסה ובמסך */
.sa-lead:empty { display: none !important; }

/* הסתרת פסי גלילה – עדיין אפשר לגלול */
html, body {
  /* לא לגעת ב-overflow כדי לא לשבור את הפריסה/הדפסה */
  -ms-overflow-style: none;     /* IE/Edge ישנים */
  scrollbar-width: none;        /* Firefox */
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 0;
  height: 0;
}

/* אם יש קונטיינרים פנימיים עם overflow:auto שיוצרים פס גלילה – החבא גם אצלם */
.hide-scrollbar,
.hide-scrollbar * {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.hide-scrollbar::-webkit-scrollbar,
.hide-scrollbar *::-webkit-scrollbar {
  width: 0;
  height: 0;
}

/* בהדפסה אין צורך בפסי גלילה בכלל – ודא שאין overflow שמכריח אותם */
@media print {
  html, body, #print-content, .service-article, .container, main {
    overflow: visible !important;
  }
}



/* === Markdown-like quote styling (.md-quote) ============================ */
.sa-body p.md-quote,
.service-article .sa-body p.md-quote,
#service-article .sa-body p.md-quote,
.article-content p.md-quote,
.markdown-body p.md-quote,
p.md-quote{
  position: relative;
  direction: rtl;
  display: block !important;
  margin: 1.1em 0 !important;
  padding: 14px 16px !important;
  background: #f8fafc !important;
  color: #0f172a !important;
  border: 1px solid #dfe6fb !important;
  border-radius: 12px !important;
  border-inline-start: 6px solid var(--primary, #2563eb) !important;
  box-shadow: 0 10px 24px rgba(2,6,23,.04) !important;
  line-height: 1.85;
}
p.md-quote::before{
  content: "“";
  position: absolute;
  inset-inline-start: 12px;
  inset-block-start: -12px;
  font-size: 56px;
  line-height: 1;
  color: #e3e9ff;
  font-weight: 800;
  pointer-events: none;
}

/* כדי לעקוף כלל גלובלי של p{margin-bottom:0!important} אם יש */
.sa-body p.md-quote > * { margin-top: .2em; }
@media print{
  p.md-quote{
    background:#fff !important;
    color:#000 !important;
    border:1px solid #000 !important;
    border-inline-start-width:6px !important;
    box-shadow:none !important;
  }
  p.md-quote::before{ display:none !important; }
}

/* ====================== HERO (נקי וממוקד) ====================== */
.kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#dcfce7;color:#064e3b;font-weight:700}
.hero{
  position:relative;
  min-height:clamp(52vh,68vh,78vh);
  padding:clamp(42px,6vw,80px) 0;
  display:grid;
  place-items:center;
  color:#0f172a;                 /* ברירת מחדל כהה */
}

/* לבטל לחלוטין כל שכבות/פילטרים קודמים */
.hero::before,
.hero::after{ content:none !important; }

/* התיבה לא תטשטש/תכהה את הרקע בכלל */
.hero .overlay{
  width:min(1100px,92%);
  margin-inline:auto;
  border-radius:0;               /* אין מסגרת/צל כדי לא "להלבין" */
  padding:0;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

/* טיפוגרפיה כהה וברורה */
.hero .kicker{
  display:inline-flex;align-items:center;gap:.5rem;
  font-weight:800;color:#0b3a74;background:#eaf7ff;border:1px solid #d9e7fb;
  padding:6px 12px;border-radius:999px;
}
.hero h1{
  margin:12px 0 10px;
  font-size:clamp(1.9rem,3.6vw,3rem);
  line-height:1.16;
  color:#1e3a8a;                 /* כהה */
  text-shadow:none !important;
  background:rgba(255,255,255,.55)
}
.hero p{
  display:inline-block;                 /* שלא יתפרס לרוחב כל המכולה */
  margin:0;
  padding:.6rem .9rem;
  border-radius:12px;
  background:rgba(255,255,255,.55);     /* שכבה בהירה חצי-שקופה */
  -webkit-backdrop-filter:blur(6px) saturate(120%);
  backdrop-filter:blur(6px) saturate(120%);
  box-shadow:0 8px 18px rgba(0,0,0,.08);
  color:#0f172a;                        /* טקסט כהה וקריא */
  max-width:72ch;                       /* שורה נוחה לקריאה */
}

/* פעולות */
.hero .hero-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:14px}

/* כפתורים – מותאם לרקע בהיר/תמונה גלויה */
.hero .btn{border-radius:14px;font-weight:800;padding:12px 18px}
.hero .btn.primary{background:#1451d7;border:1px solid #0f46bf;color:#fff}
.hero .btn.primary:hover{background:#0f46bf}
.hero .btn.ghost{
  background:#fff;border:1px solid #dbe3ee;color:#0b3a74
}
.hero .btn.ghost:hover{background:#f7f9ff}

/* רספונסיביות */
@media (max-width:900px){ .hero{min-height:58vh} }
@media (max-width:560px){
  .hero{padding:46px 0;min-height:auto}
  .hero .btn{width:100%;justify-content:center}
   .hero p{
    padding:.7rem 1rem;
    background:rgba(255,255,255,.62);
    -webkit-backdrop-filter:blur(8px) saturate(130%);
    backdrop-filter:blur(8px) saturate(130%);
  }
}

/*===================links same father id ==================*/
/*===================links same father id ==================*/
/*===================links same father id ==================*/

/* --- Adapter for existing classes (scoped) --- */
/* --- Adapter for existing classes (scoped) --- */
.mo-scope .sibling-nav{
  position: sticky;
  top: calc(var(--header-h, 64px) + 8px);
  z-index: 6;
  padding: 8px 0;
  margin: 8px 0 16px;
  background: var(--bg, #f7f7fb);
  border-bottom: 1px solid #e5e7eb;
}

/* <<< בלי scroll: שבירת שורות >>> */
.mo-scope .sibling-nav .sn-track{
  display: flex;
  flex-wrap: wrap;       /* שבירת שורות */
  gap: 6px 8px;          /* ריווח צפוף יותר */
  padding: 6px 0;        /* פחות padding */
  overflow-x: visible;   /* מבטל גלילה אופקית */
  scrollbar-width: none; /* ליתר ביטחון */
}

/* <<< כפתורים קטנים >>> */
.mo-scope .sibling-nav .sn-btn{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;     /* קטן יותר */
  border: 1px solid var(--mo-border, #e6ebf7);
  border-radius: 9999px;
  background: #fff;
  color: var(--mo-ink, #0f172a);
  text-decoration: none;
  white-space: nowrap;   /* כל כפתור נשאר בשורה אחת */
  font-size: .875rem;    /* ~14px */
  line-height: 1.15;
  box-shadow: 0 3px 10px rgba(2,6,23,.05);
  transition: border-color .15s ease, background .15s ease, color .15s ease;
}
.mo-scope .sibling-nav .sn-btn:hover{ border-color:#cfd7f2; }
.mo-scope .sibling-nav .sn-btn.on{
  background: var(--mo-link, var(--primary, #1e3a8a));
  color: #fff;
  border-color: transparent;
}
.mo-scope .sibling-nav .sn-btn i{
  font-size:.85em;
  line-height:1;
}


/* ===================== SCOPE & TOKENS ===================== */
/* להדביק פעם אחת; משפיע רק בתוך .mo-scope */
.mo-scope{
  --mo-link: var(--primary, #1e3a8a);
  --mo-link-hover: color-mix(in oklab, var(--mo-link) 86%, black);
  --mo-link-visited: color-mix(in oklab, var(--mo-link) 75%, purple);
  --mo-ink: var(--ink, #111827);
  --mo-muted: var(--muted, #6b7280);
  --mo-ring: 0 0 0 3px color-mix(in oklab, var(--mo-link) 25%, white);
  --mo-border: #e6ebf7;
  --mo-bg-soft:#f3f6ff;
}

/* ===================== LINKS (inline) ===================== */
.mo-scope a.mo-link{
  color: var(--mo-link);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: .06em;
  text-decoration-color: currentColor;
  transition: color .15s ease, text-decoration-color .15s ease, box-shadow .15s ease;
}
.mo-scope a.mo-link:hover{ color: var(--mo-link-hover); }
.mo-scope a.mo-link:visited{ color: var(--mo-link-visited); }
.mo-scope a.mo-link:active{ opacity:.92; }
.mo-scope a.mo-link:focus-visible{
  outline: 2px solid transparent;
  box-shadow: var(--mo-ring);
  border-radius: 6px;
}

/* ===== כפתור-טקסט ===== */
.mo-scope a.mo-btnLink{
  display:inline-flex; align-items:center; gap:.5em;
  color: var(--mo-link);
  padding: 2px 4px;
  border-radius: 8px;
  text-decoration: none;
  transition: color .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
}
.mo-scope a.mo-btnLink:hover{ color: var(--mo-link-hover); }
.mo-scope a.mo-btnLink:focus-visible{ box-shadow: var(--mo-ring); }

/* ===== חץ (RTL/LTR אוטומטי) ===== */
.mo-scope a.mo-linkArrow{
  display:inline-flex; align-items:center; gap:.45em;
  text-decoration: none; font-weight:500; color: var(--mo-link);
}
.mo-scope a.mo-linkArrow::after{
  content:"↗"; font-size:.9em; transform: translateY(1px);
  transition: transform .15s ease;
}
html[dir="rtl"] .mo-scope a.mo-linkArrow::after{ content:"↖"; }
.mo-scope a.mo-linkArrow:hover::after{ transform: translate(0,1px) scale(1.05); }

/* ===== לינק מושתק ===== */
.mo-scope a.mo-linkMuted{
  color: var(--mo-muted);
  text-decoration: underline;
  text-decoration-color: color-mix(in oklab, var(--mo-muted) 60%, transparent);
}
.mo-scope a.mo-linkMuted:hover{ color: var(--mo-link-hover); text-decoration-color: currentColor; }

/* ===================== LINK BLOCK (כרטיס/שורה) ===================== */
.mo-scope a.mo-linkBlock{
  display:block; padding:10px 12px; border-radius:12px;
  color: var(--mo-ink); text-decoration:none;
  border:1px solid var(--mo-border); background:#fff;
  box-shadow: 0 4px 14px rgba(2,6,23,.04);
  transition: border-color .15s ease, color .15s ease, box-shadow .15s ease, background .15s ease;
}
.mo-scope a.mo-linkBlock:hover{ border-color:#d9def4; color: var(--mo-link); }
.mo-scope a.mo-linkBlock:focus-visible{ box-shadow: var(--mo-ring); }

/* ===================== LINK LIST (רשימת קישורים) ===================== */
.mo-scope .mo-linkList{ list-style:none; margin:0; padding:0; }
.mo-scope .mo-linkList > li{ margin:0; }
.mo-scope .mo-linkList > li > a{
  display:flex; align-items:center; gap:.6em;
  padding:8px 10px; border-radius:10px; text-decoration:none;
  color: var(--mo-ink); transition: color .15s ease, background .15s ease;
}
.mo-scope .mo-linkList > li > a:hover{ background: var(--mo-bg-soft); color: var(--mo-link); }
.mo-scope .mo-linkList > li > a .mo-meta{ margin-inline-start:auto; color:var(--mo-muted); font-size:.9em; }

/* ===================== ICON LINK (עגול) ===================== */
.mo-scope a.mo-iconLink{
  inline-size:36px; block-size:36px; display:inline-grid; place-items:center;
  border-radius:999px; border:1px solid var(--mo-border); background:#fff;
  box-shadow: 0 4px 14px rgba(2,6,23,.05);
  color: var(--mo-ink); text-decoration:none;
  transition: color .15s ease, border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.mo-scope a.mo-iconLink:hover{ color: var(--mo-link); border-color:#cfd7f2; }
.mo-scope a.mo-iconLink:focus-visible{ box-shadow: var(--mo-ring); }

/* ===================== BREADCRUMBS ===================== */
.mo-scope .mo-crumbs{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; color:var(--mo-muted); }
.mo-scope .mo-crumbs a{ text-decoration:none; color:var(--mo-muted); transition: color .15s ease; }
.mo-scope .mo-crumbs a:hover{ color: var(--mo-link); }
.mo-scope .mo-crumbs .mo-sep{ opacity:.5; }
html[dir="rtl"] .mo-scope .mo-crumbs .mo-sep{ transform: scaleX(-1); }

/* ===================== SIBLING NAV (mo-* לא בשימוש כאן, להשארת תאימות) ===================== */
.mo-scope .mo-siblingNav{ padding:8px 0; margin:8px 0 16px; background:transparent; }
.mo-scope .mo-siblingNav .mo-track{
  display:flex; gap:8px; overflow-x:auto; padding:6px 2px; scrollbar-width:thin;
}
.mo-scope .mo-siblingNav .mo-btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px; border:1px solid var(--mo-border); border-radius:9999px;
  background:#fff; color: var(--mo-ink); text-decoration:none; white-space:nowrap;
  box-shadow:0 4px 14px rgba(2,6,23,.05);
  transition: border-color .15s ease, background .15s ease, color .15s ease;
}
.mo-scope .mo-siblingNav .mo-btn:hover{ border-color:#cfd7f2; }
.mo-scope .mo-siblingNav .mo-btn.mo-on{
  background: var(--mo-link); color:#fff; border-color: transparent;
}
.mo-scope .mo-siblingNav .mo-btn i{ font-size:.9em; }

/* העדפות נגישות/תנועה */
@media (prefers-reduced-motion: reduce){
  .mo-scope a.mo-link,
  .mo-scope a.mo-btnLink,
  .mo-scope a.mo-linkArrow::after,
  .mo-scope a.mo-linkBlock,
  .mo-scope a.mo-iconLink,
  .mo-scope .mo-linkList > li > a,
  .mo-scope .sibling-nav .sn-btn{ transition: none; }
}

/* מצב כהה (רק בתוך .mo-scope) */
@media (prefers-color-scheme: dark){
  .mo-scope a.mo-link{ text-decoration-color: rgba(255,255,255,.35); }
  .mo-scope a.mo-linkBlock{ background:#0b1020; border-color:#222a45; color:#e6e8ef; }
  .mo-scope a.mo-linkBlock:hover{ border-color:#31407c; }
  .mo-scope a.mo-iconLink{ background:#0b1020; border-color:#222a45; color:#e6e8ef; }
  .mo-scope a.mo-iconLink:hover{ color: var(--mo-link); border-color:#31407c; }
}
/*===================end links same father id ==================*/
/*===================end links same father id ==================*/
/*===================end links same father id ==================*/