/* ════════════════════════════════════════════════════════
   BLUE STAR — Shared Design System
   Used across all *-en.html pages
   ════════════════════════════════════════════════════════ */

/* ─── TOKENS ─── */
:root{
  --navy:#0a2540;
  --navy-2:#143560;
  --navy-3:#0e2e4d;
  --blue:#3b7dd8;
  --blue-soft:#eaf1fb;
  --blue-line:#7bb0f5;
  --text:#1a2944;
  --text-2:#5a6b85;
  --text-3:#8a98ad;
  --line:#dde3ec;
  --line-soft:#eef1f6;
  --bg:#ffffff;
  --bg-2:#f6f8fb;
  --bg-3:#eef2f7;
  --green:#10b67c;
  --amber:#d99b1f;
  --shadow:0 1px 2px rgba(10,37,64,0.04), 0 8px 24px rgba(10,37,64,0.06);
  --shadow-lg:0 4px 12px rgba(10,37,64,0.06), 0 24px 48px rgba(10,37,64,0.10);
  --radius:2px;
  --radius-img:14px;
  --maxw:1320px;
  --maxw-narrow:920px;
  --sans:'Inter','Heebo',-apple-system,sans-serif;
  --serif:Georgia,'Times New Roman',serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}

/* ─── GLOBAL IMAGE STYLING ─── */
/* Rounded corners + thin blue border + smooth hover on every image */
img{
  border-radius:var(--radius-img);
  border:1px solid var(--blue-line);
  display:block;
  transition:transform 0.45s cubic-bezier(.22,.61,.36,1),
             box-shadow 0.45s ease,
             border-color 0.3s ease;
  will-change:transform;
}
img:hover{
  transform:translateY(-4px) scale(1.012);
  box-shadow:0 14px 36px rgba(10,37,64,0.16), 0 2px 6px rgba(10,37,64,0.06);
  border-color:var(--blue);
}

/* Image containers (background-image style) get the same treatment */
.two-col-image,
.home-hero-image,
.about-teaser-image,
.about-image,
.card-media,
.product-hero-image,
.media-slot,
.media-slot-half,
.hero-gallery-img,
.media-pair > div{
  border-radius:var(--radius-img);
  border:1px solid var(--blue-line);
  overflow:hidden;
  transition:transform 0.45s cubic-bezier(.22,.61,.36,1),
             box-shadow 0.45s ease,
             border-color 0.3s ease;
  will-change:transform;
}
.two-col-image:hover,
.home-hero-image:hover,
.about-teaser-image:hover,
.about-image:hover,
.product-hero-image:hover,
.media-slot:hover,
.media-slot-half:hover,
.hero-gallery-img:hover,
.media-pair > div:hover{
  transform:translateY(-4px) scale(1.008);
  box-shadow:0 14px 36px rgba(10,37,64,0.16), 0 2px 6px rgba(10,37,64,0.06);
  border-color:var(--blue);
}

/* Strip border from img INSIDE a container that already has one (avoid double border) */
.card-media img,
.two-col-image img,
.home-hero-image img,
.about-teaser-image img,
.about-image img{
  border:none;border-radius:0;
}
.card-media img:hover,
.two-col-image img:hover,
.home-hero-image img:hover,
.about-teaser-image img:hover,
.about-image img:hover{
  transform:none;box-shadow:none;
}

/* SVG logos shouldn't get the image treatment */
svg{border-radius:0!important;border:none!important;transition:none;}
svg:hover{transform:none;box-shadow:none;}

/* ─── RESET ─── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--bg);color:var(--text);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
img{max-width:100%;display:block;}
table{border-collapse:collapse;}

/* ─── NAVIGATION ─── */
.nav-wrap{
  background:var(--bg);
  border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:100;
}
nav{
  max-width:var(--maxw);margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 40px;gap:32px;
}
.logo{display:flex;align-items:center;flex-shrink:0;}
.logo-img{height:220px;width:auto;display:block;border:none!important;border-radius:0!important;}
.logo-img:hover{transform:none;box-shadow:none;}
nav.scrolled .logo-img{height:170px;}
/* Footer: invert dark-navy logo to white on the dark band */
footer .logo-img{filter:brightness(0) invert(1);}

/* Legacy SVG seal classes (kept for backward compatibility) */
.logo-mark{width:64px;height:64px;flex-shrink:0;display:block;}
.logo-text{display:flex;flex-direction:column;line-height:1;margin-left:16px;}
.logo-name{font-size:24px;font-weight:300;letter-spacing:0.22em;color:var(--navy);}
.logo-tag{font-size:9px;font-weight:500;letter-spacing:0.2em;color:var(--navy);margin-top:6px;}

.nav-links{display:flex;align-items:center;gap:34px;list-style:none;}
.nav-links a{
  font-size:13px;font-weight:600;letter-spacing:0.06em;
  color:var(--navy);text-transform:uppercase;
  padding:8px 0;position:relative;transition:color 0.2s;
}
.nav-links a:hover,.nav-links a.active{color:var(--blue);}

.nav-cta{
  background:var(--navy);color:#fff;
  padding:14px 26px;font-size:12px;font-weight:600;
  letter-spacing:0.08em;text-transform:uppercase;
  transition:background 0.2s;
}
.nav-cta:hover{background:var(--navy-2);}

.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;}
.hamburger span{width:24px;height:2px;background:var(--navy);transition:all 0.3s;}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px);}

.mobile-menu{
  display:none;position:fixed;inset:97px 0 0 0;background:#fff;z-index:99;
  flex-direction:column;padding:32px 24px;gap:0;overflow-y:auto;
}
.mobile-menu.open{display:flex;}
.mobile-menu a{
  font-size:18px;font-weight:600;color:var(--navy);
  padding:18px 0;border-bottom:1px solid var(--line);
}
.mobile-menu .nav-cta{
  margin-top:20px;text-align:center;border-bottom:none;color:#fff;
}

/* ─── SECTION PRIMITIVES ─── */
.section{padding:96px 40px;}
.section-narrow{padding:80px 40px;}
.section-inner{max-width:var(--maxw);margin:0 auto;}
.section-inner-narrow{max-width:var(--maxw-narrow);margin:0 auto;}

.section-eyebrow{
  font-size:12px;font-weight:600;letter-spacing:0.18em;
  color:var(--blue);text-transform:uppercase;margin-bottom:14px;
  display:flex;align-items:center;gap:12px;
}
.section-eyebrow::before{
  content:'';width:36px;height:2px;background:var(--blue);
}
.section-eyebrow.center{justify-content:center;}

.section-h2{
  font-size:clamp(28px,3vw,42px);font-weight:800;
  color:var(--navy);line-height:1.15;margin-bottom:24px;
  letter-spacing:-0.01em;
}
.section-h2 .accent{color:var(--blue);}

.section-lede{
  font-size:16px;line-height:1.8;color:var(--text-2);
  max-width:620px;margin-bottom:36px;
}

/* ─── PAGE HERO (light variant) ─── */
.page-hero{
  background:var(--bg-2);
  padding:80px 40px;
  border-bottom:1px solid var(--line);
}
.page-hero-inner{max-width:var(--maxw);margin:0 auto;}
.page-hero-eyebrow{
  font-size:12px;font-weight:600;letter-spacing:0.18em;
  color:var(--blue);text-transform:uppercase;margin-bottom:18px;
  display:flex;align-items:center;gap:12px;
}
.page-hero-eyebrow::before{content:'';width:36px;height:2px;background:var(--blue);}
.page-hero h1{
  font-size:clamp(40px,4.6vw,68px);
  font-weight:800;line-height:1.1;color:var(--navy);
  letter-spacing:-0.015em;text-transform:uppercase;margin-bottom:24px;
}
.page-hero h1 .accent{color:var(--blue);display:block;}
.page-hero-rule{width:90px;height:3px;background:var(--blue);margin-bottom:24px;}
.page-hero p{
  font-size:18px;line-height:1.7;color:var(--text-2);max-width:640px;
}

/* ─── BUTTONS ─── */
.btn-primary{
  display:inline-block;background:var(--navy);color:#fff;
  padding:16px 32px;font-size:12px;font-weight:600;
  letter-spacing:0.12em;text-transform:uppercase;
  transition:background 0.2s;
}
.btn-primary:hover{background:var(--navy-2);}
.btn-outline{
  display:inline-block;background:transparent;color:var(--navy);
  border:1.5px solid var(--navy);padding:14.5px 32px;
  font-size:12px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;
  transition:all 0.2s;
}
.btn-outline:hover{background:var(--navy);color:#fff;}
.btn-outline-light{
  display:inline-block;background:transparent;color:#fff;
  border:1.5px solid rgba(255,255,255,0.5);padding:14.5px 32px;
  font-size:12px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;
  transition:all 0.2s;
}
.btn-outline-light:hover{background:#fff;color:var(--navy);border-color:#fff;}
.btn-link{
  font-size:12px;font-weight:600;letter-spacing:0.1em;
  color:var(--blue);text-transform:uppercase;
  display:inline-flex;align-items:center;gap:8px;transition:gap 0.2s;
}
.btn-link::after{content:'→';transition:transform 0.2s;}
.btn-link:hover{gap:12px;}

.btn-whatsapp{
  display:inline-flex;align-items:center;gap:10px;
  background:#25D366;color:#000;
  text-decoration:none;font-size:12px;font-weight:700;
  letter-spacing:0.1em;text-transform:uppercase;
  padding:14px 24px;transition:opacity 0.2s;
}
.btn-whatsapp:hover{opacity:0.9;}

/* ─── CARDS ─── */
.card{
  background:#fff;border:1px solid var(--line);
  padding:32px;
  transition:box-shadow 0.2s,border-color 0.2s;
}
.card:hover{box-shadow:var(--shadow-lg);border-color:var(--blue-line);}

/* ─── CTA BAND ─── */
.cta-band{
  background:var(--bg-2);padding:80px 40px;
  text-align:center;border-top:1px solid var(--line);
}
.cta-band h2{
  font-size:clamp(28px,3vw,40px);font-weight:800;color:var(--navy);
  margin-bottom:18px;letter-spacing:-0.01em;
}
.cta-band p{
  font-size:16px;color:var(--text-2);max-width:480px;margin:0 auto 32px;line-height:1.7;
}
.cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* ─── FOOTER ─── */
footer{background:var(--navy);color:rgba(255,255,255,0.7);padding:64px 40px 28px;}
.footer-inner{
  max-width:var(--maxw);margin:0 auto;
  display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;
  padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,0.1);
}
.footer-brand .logo-name{color:#fff;}
.footer-brand .logo-tag{color:rgba(255,255,255,0.5);}
.footer-brand p{
  font-size:14px;line-height:1.7;color:rgba(255,255,255,0.6);
  margin-top:18px;max-width:300px;
}
.footer-col h4{
  font-size:11px;font-weight:700;letter-spacing:0.16em;color:#fff;
  text-transform:uppercase;margin-bottom:18px;
}
.footer-col ul{list-style:none;}
.footer-col li{margin-bottom:11px;}
.footer-col a{font-size:14px;color:rgba(255,255,255,0.65);transition:color 0.2s;}
.footer-col a:hover{color:#fff;}
.footer-bottom{
  max-width:var(--maxw);margin:0 auto;padding-top:28px;
  display:flex;justify-content:space-between;align-items:center;
  font-size:12px;color:rgba(255,255,255,0.45);flex-wrap:wrap;gap:12px;
}

/* ─── FORM ─── */
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.form-group{margin-bottom:20px;}
.form-group label{
  font-size:11px;font-weight:600;letter-spacing:0.12em;
  color:var(--navy);text-transform:uppercase;display:block;margin-bottom:8px;
}
.form-group input,.form-group select,.form-group textarea{
  width:100%;background:#fff;border:1px solid var(--line);
  color:var(--text);font-family:'Inter',sans-serif;font-size:15px;
  padding:13px 16px;outline:none;
  transition:border-color 0.2s,box-shadow 0.2s;
}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{
  border-color:var(--blue);box-shadow:0 0 0 3px rgba(59,125,216,0.12);
}
.form-group textarea{resize:vertical;min-height:120px;}
.form-group select option{background:#fff;color:var(--text);}

/* ─── BADGES ─── */
.badge{
  display:inline-block;font-size:10px;font-weight:700;
  letter-spacing:0.1em;text-transform:uppercase;
  padding:4px 10px;border-radius:2px;
}
.badge-blue{background:var(--blue-soft);color:var(--navy);}
.badge-green{background:#e6f7ef;color:var(--green);}
.badge-amber{background:#fbf3df;color:var(--amber);}

/* ─── RESPONSIVE ─── */
@media(max-width:980px){
  nav{padding:16px 24px;gap:16px;}
  .nav-links,nav>.nav-cta{display:none;}
  .hamburger{display:flex;}
  .section,.section-narrow{padding:60px 24px;}
  .page-hero{padding:56px 24px 48px;}
  .cta-band{padding:60px 24px;}
  .form-row{grid-template-columns:1fr;}
  footer{padding:48px 24px 24px;}
  .footer-inner{grid-template-columns:1fr 1fr;gap:32px;padding-bottom:32px;}
  .footer-brand{grid-column:1/-1;}
  .footer-bottom{flex-direction:column;text-align:center;}
}
@media(max-width:560px){
  .logo-name{font-size:18px;}
  .logo-tag{font-size:7.5px;}
  .logo-mark{width:48px;height:48px;}
}

/* ════════════════════════════════════════════════════════
   PAGE-SPECIFIC LAYOUTS (used by individual pages)
   ════════════════════════════════════════════════════════ */

/* ─── HOME · split hero ─── */
.home-hero{
  display:grid;grid-template-columns:1fr 1fr;
  min-height:580px;align-items:center;
  max-width:var(--maxw);margin:0 auto;
}
.home-hero-text{padding:80px 60px 80px 40px;}
.home-hero-text h1{
  font-size:clamp(40px,4.4vw,64px);font-weight:800;line-height:1.1;
  letter-spacing:-0.01em;text-transform:uppercase;color:var(--navy);margin-bottom:32px;
}
.home-hero-text h1 .accent{color:var(--blue);display:block;}
.home-hero-rule{width:90px;height:3px;background:var(--blue);margin-bottom:32px;}
.home-hero-lede{font-size:16px;line-height:1.75;color:var(--text-2);max-width:440px;margin-bottom:36px;}
.home-hero-image{
  width:100%;height:100%;min-height:580px;
  background-size:cover;background-position:center;
}

/* ─── PILLARS (4-up row) ─── */
.pillars{background:var(--bg-2);border-top:1px solid var(--line);padding:64px 40px;}
.pillars-inner{
  max-width:var(--maxw);margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;
}
.pillar{text-align:center;padding:8px 32px;border-right:1px solid var(--line);}
.pillar:last-child{border-right:none;}
.pillar-icon{width:46px;height:46px;margin:0 auto 20px;color:var(--navy);}
.pillar-icon svg{width:100%;height:100%;display:block;}
.pillar-title{
  font-size:13px;font-weight:700;letter-spacing:0.12em;
  text-transform:uppercase;color:var(--navy);margin-bottom:12px;
}
.pillar-body{font-size:14px;line-height:1.65;color:var(--text-2);max-width:240px;margin:0 auto;}

/* ─── 2-COL CONTENT (text + image) ─── */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.two-col-image{width:100%;aspect-ratio:4/5;background-size:cover;background-position:center;}

/* ─── HOME hero + pillars + two-col: mobile stacking ─── */
@media(max-width:980px){
  .home-hero{grid-template-columns:1fr;min-height:auto;}
  .home-hero-text{padding:48px 24px 30px;}
  .home-hero-lede{max-width:none;}
  .home-hero-image{min-height:300px;}
  .pillars{padding:0;}
  .pillars-inner{grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .pillar{border-right:none!important;background:var(--bg-2);padding:28px 18px;}
  .two-col{grid-template-columns:1fr;gap:36px;}
  .two-col-image{aspect-ratio:16/10;}
}
@media(max-width:560px){
  .home-hero-text h1{font-size:34px;}
  .pillars-inner{grid-template-columns:1fr;}
}

/* ─── STATS ROW ─── */
.stats-row{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:32px;
  margin-top:36px;padding-top:32px;border-top:1px solid var(--line);
}
.stat-num{font-size:48px;font-weight:800;color:var(--navy);line-height:1;margin-bottom:6px;letter-spacing:-0.02em;}
.stat-label{font-size:11px;font-weight:600;letter-spacing:0.15em;color:var(--text-2);text-transform:uppercase;}

/* ─── MARKETS GRID (dark navy band) ─── */
.markets-band{background:var(--navy);color:#fff;padding:100px 40px;}
.markets-band-inner{max-width:var(--maxw);margin:0 auto;text-align:center;}
.markets-band .section-eyebrow{color:var(--blue-line);justify-content:center;}
.markets-band .section-eyebrow::before{background:var(--blue-line);}
.markets-band .section-h2{color:#fff;}
.markets-band-lede{font-size:16px;line-height:1.7;color:rgba(255,255,255,0.7);max-width:560px;margin:0 auto 56px;}
.markets-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:rgba(255,255,255,0.1);}
.market-cell{background:var(--navy);padding:32px 16px;text-align:center;transition:background 0.2s;cursor:default;}
.market-cell:hover{background:var(--navy-3);}
.market-name{font-size:15px;font-weight:700;color:#fff;margin-bottom:6px;}
.market-meta{font-size:10px;font-weight:500;letter-spacing:0.12em;color:rgba(255,255,255,0.5);text-transform:uppercase;}

/* markets + feature grids: mobile stacking */
@media(max-width:980px){
  .markets-grid{grid-template-columns:repeat(3,1fr);}
  .feature-grid{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .markets-grid{grid-template-columns:repeat(2,1fr);}
}

/* ─── PILLAR GRID (services, about features) ─── */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.feature-cell{background:#fff;padding:36px 32px;}
.feature-cell:hover{background:var(--bg-2);}
.feature-num{font-size:11px;font-weight:700;color:var(--blue);letter-spacing:0.15em;margin-bottom:14px;display:block;}
/* ════════════════════════════════════════════════════════
   HEBREW / RTL OVERRIDES
   ════════════════════════════════════════════════════════ */
html[dir="rtl"] body{font-family:'Heebo','Rubik',-apple-system,BlinkMacSystemFont,sans-serif;}
html[dir="rtl"] .nav-links a{text-transform:none;}
html[dir="rtl"] .nav-cta{text-transform:none;}
html[dir="rtl"] .section-eyebrow,
html[dir="rtl"] .page-hero-eyebrow{text-transform:none;}
html[dir="rtl"] .section-eyebrow::before,
html[dir="rtl"] .page-hero-eyebrow::before{margin-left:0;}
html[dir="rtl"] .page-hero h1{text-transform:none;letter-spacing:-0.02em;}
html[dir="rtl"] .breadcrumb .sep{display:inline-block;transform:rotate(180deg);}
html[dir="rtl"] .pull-quote,html[dir="rtl"] .pull{border-left:none;border-right:4px solid var(--blue);border-radius:var(--radius-img) 0 0 var(--radius-img);}
html[dir="rtl"] .aside,html[dir="rtl"] .ab{border-left:none;border-right:4px solid var(--blue);}
html[dir="rtl"] .spec-table th,html[dir="rtl"] .spec-table td,
html[dir="rtl"] .gt th,html[dir="rtl"] .gt td{text-align:right;}
html[dir="rtl"] .qf-cell{border-right:none;border-left:1px solid var(--line);}
html[dir="rtl"] .qf-cell:last-child{border-left:none;}
html[dir="rtl"] .dc::first-letter{float:right;margin:6px 0 -4px 12px;}
html[dir="rtl"] .nav-cta{font-weight:700;}
/* RTL search icon position */
html[dir="rtl"] .search-icon{right:auto;left:16px;}
html[dir="rtl"] .search-input{padding:14px 18px 14px 44px;}
/* RTL footer alignment */
html[dir="rtl"] .footer-col{text-align:right;}
html[dir="rtl"] .category-count{margin-left:0;margin-right:auto;}

/* ════════════════════════════════════════════════════════
   GLOBAL ROUND-EVERYTHING + KILL BEIGE
   ════════════════════════════════════════════════════════ */
/* Override the 2px brand radius with a soft 12px everywhere */
:root{--radius:12px;--radius-img:16px;}

/* Buttons */
.btn-primary,.btn-outline,.btn-whatsapp,.nav-cta,
button,.button,[class*="btn"],[type="button"],[type="submit"]{
  
}

/* Cards & boxes */
.card,.tile,.feature-card,.product-card,.service-card,.office-card,
[class*="card"],.aside,.pull,.pull-quote,.callout,.note,.quote-card,
.info-box,.box,.ab,blockquote,.tldr,.tip,.key-point,.highlight,
.faq-item,.contact-form,.subscribe-band,.value-card,.timeline-item,
.metric,.metric-card,.report-item,.process-step,.proc-step,
.variety-card,.vc,.n-cell,.ni,.chart-block,.cb,.spec-table,.gt,
section[class*="bg"],div[class*="panel"],div[class*="surface"]{
  border-radius:12px!important;
}

/* Form inputs */
input,textarea,select,.search-input,.form-input,.input,
[class*="input"]{border-radius:10px!important;}

/* Images (already had 16px in img rule above but reinforce for any [class] container) */
img:not(.logo-img):not([src*="bluestar-logo"]){border-radius:16px!important;}
.media-slot,.media-slot-half,.media-slot-inline,.product-hero-image,
.hero-gallery-img,.hero-img,.hero-img-wrap,.card-media,
[class*="image-"],[class*="-image"],[class*="photo"],
[class*="media-"],[class*="-media"]{border-radius:16px!important;overflow:hidden;}

/* Tags / chips / pills */
.tag,.chip,.pill,.badge,.r-chip,.card-avail,.label,
[class*="tag"],[class*="chip"],[class*="pill"],[class*="badge"]{
  border-radius:999px!important;
}

/* KILL ALL BEIGE / BROWN / TAN TEXT - force navy */
[style*="color:#8a7560"],[style*="color: #8a7560"],
[style*="color:#7a6a55"],[style*="color: #7a6a55"],
[style*="color:#3a2e20"],[style*="color: #3a2e20"]{
  color:#0a2540!important;
}

/* Catch any color values that came from the beige palette via class */
.beige,[class*="beige"],[class*="tan"],[class*="cream"],
[class*="brown"]{color:#0a2540!important;}

/* Italic Georgia subtitles that we set to brown — restore to navy/gray */
.card-title-latin,.subtitle-latin,.subtitle-italic,
.product-card .card-title-latin{
  color:var(--text-3)!important;
  font-family:inherit!important;
}
.card-meta strong,.card-meta span{color:var(--navy)!important;font-family:inherit!important;}

/* ════════════════════════════════════════════════════════
   UNIVERSAL ROUND-ALL-CORNERS — overrides inline styles
   ════════════════════════════════════════════════════════ */
*,*::before,*::after{border-radius:12px;}
img,picture,figure,video,canvas,iframe,
.card-media,.media-slot,.media-slot-half,.media-slot-inline,
.product-hero-image,.hero-gallery-img,.hero-img-wrap,
[class*="image"],[class*="photo"],[class*="-media"],[class*="media-"]{
  border-radius:16px!important;overflow:hidden;
}
button,.btn,.btn-primary,.btn-outline,.btn-whatsapp,.nav-cta,
[class*="btn"],[type="button"],[type="submit"]{
  
}
input,textarea,select{border-radius:10px!important;}
.tag,.chip,.pill,.badge,.r-chip,.card-avail,
[class*="tag-"],[class*="chip"],[class*="pill"],[class*="badge"]{
  border-radius:999px!important;
}

/* Exceptions that should stay sharp */
.logo-img,img[src*="bluestar-logo"],
svg,svg *,
html,body,
.nav-wrap,nav,
.section,.section-inner,
.page-hero,
.cta-band,
footer,.footer-inner,.footer-bottom,
hr,
.hamburger,.hamburger span,
.bar-track,.bar-fill,.pb-track,.pb-fill,
.section-eyebrow::before,.page-hero-eyebrow::before,.ch-eyebrow::before,
.page-hero-rule{border-radius:0!important;}

/* Nav links / footer links shouldn't be rounded */
.nav-links li,.nav-links a,
.footer-col ul,.footer-col li,.footer-col a,
.mobile-menu a{border-radius:0!important;}




/* === Compact horizontal language toggle === */

html[dir="rtl"] 

  /* hide flag SVGs — just show text */




@media(max-width:980px){
  
  
}

/* ════════════════════════════════════════════════════════
   FINAL BUTTON ROUNDING — universal pill / pillish style
   ════════════════════════════════════════════════════════ */
button,
a.btn-primary, a.btn-outline, a.btn-whatsapp, a.nav-cta,
[class*="btn-"], [class*="-btn"],
.wa-cta-btn, .cta-btn, .submit-btn,
input[type="submit"], input[type="button"],
.r-chip{
  
}

/* Smaller chips and inputs */
input[type="text"], input[type="email"], input[type="tel"],
textarea, select{
  border-radius:12px!important;
}

/* === Compact lang-switcher with globe icon === */

html[dir="rtl"] 








/* ════════════════════════════════════════════════════════
   DEFINITIVE button rounding — LAST IN FILE, MUST WIN
   ════════════════════════════════════════════════════════ */
.nav-cta,
a.nav-cta,
nav a.nav-cta,
.mobile-menu a.nav-cta,
.btn-primary, a.btn-primary,
.btn-outline, a.btn-outline,
.btn-whatsapp, a.btn-whatsapp,
.wa-cta-btn, a.wa-cta-btn,
.cta-btn, a.cta-btn,
button.btn, button.btn-primary, button.btn-outline,
input[type="submit"], input[type="button"]{
  border-radius:999px !important;
}

/* All cards, boxes, asides with 16px (softer than pill, still rounded) */
.card, .tile, .feature-card, .product-card, .service-card, .office-card,
[class*="card"], .aside, .pull, .pull-quote, .callout, .note, .quote-card,
.info-box, .box, .ab, blockquote, .variety-card, .vc,
.chart-block, .cb, .spec-table, .gt,
.faq-item, .contact-form, .subscribe-band, .value-card,
.proc-step, .timeline-item{
  border-radius:16px !important;
}


/* ════════════════════════════════════════════════════════
   ACCESSIBILITY — skip link, focus rings, reduced motion
   ════════════════════════════════════════════════════════ */
.skip-link{
  position:absolute;
  top:-100px; left:8px;
  background:var(--navy); color:#fff;
  padding:12px 20px;
  border-radius:8px!important;
  font-size:14px; font-weight:600;
  text-decoration:none;
  z-index:9999;
  transition:top 0.2s ease;
}
.skip-link:focus{top:8px;outline:2px solid var(--blue);outline-offset:2px;}

/* Focus rings on all interactive elements */
a:focus-visible, button:focus-visible,
input:focus-visible, textarea:focus-visible, select:focus-visible,
[role="button"]:focus-visible{
  outline:2px solid var(--blue)!important;
  outline-offset:2px!important;
}

/* Don't show focus ring on mouse click — only keyboard */
a:focus:not(:focus-visible), button:focus:not(:focus-visible){
  outline:none;
}

/* Respect prefers-reduced-motion */
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation-duration:0.01s!important;
    animation-iteration-count:1!important;
    transition-duration:0.01s!important;
    scroll-behavior:auto!important;
  }
  .bar-fill, .pb-fill{transition:none!important;}
  .product-card:hover, .card:hover, img:hover{transform:none!important;}
}

/* Hamburger button: remove default button styling, keep flex column */
button.hamburger{
  background:transparent;
  border:none;
  cursor:pointer;
  padding:6px;
  display:none;
  flex-direction:column;
  gap:5px;
}
@media(max-width:980px){
  button.hamburger{display:flex;}
}

/* Improve text-3 contrast (was failing WCAG AA) */
:root{--text-3:#717b8e;}

/* ════════════════════════════════════════════════════════
   WAVE 5: MOBILE & RESPONSIVE POLISH
   ════════════════════════════════════════════════════════ */

/* Prevent horizontal scroll site-wide */
html, body{max-width:100vw;overflow-x:hidden;}

/* Larger tap targets on mobile (min 44x44px per Apple HIG) */
@media (max-width:980px){
  .nav-cta, .btn-primary, .btn-outline, .btn-whatsapp,
  
  /* Slightly larger base font on mobile */
  body{font-size:15px;}
  /* Reduce hero padding aggressively */
  .page-hero{padding:48px 20px 32px;}
  .page-hero h1{font-size:clamp(32px,8vw,48px);line-height:1.1;}
  /* Section padding tighter */
  .section{padding:48px 20px;}
  /* Catalog grid: 2 columns instead of 3 */
  .product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:12px!important;}
  /* Hero gallery: single column */
  .hero-gallery{grid-template-columns:1fr!important;}
}

/* Small mobile */
@media (max-width:560px){
  .product-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;}
  .product-card{padding-top:14px!important;}
  .card-title-he, .card-title-en{font-size:16px!important;}
  .card-desc{font-size:12px!important;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;}
  .qf-inner{grid-template-columns:1fr 1fr!important;gap:12px;}
  .qf-value{font-size:18px!important;}
  /* Footer: stack everything */
  .footer-inner{grid-template-columns:1fr!important;gap:24px;}
  .footer-brand{grid-column:1!important;}
}

/* Sticky mobile CTA bar (P3 from report — adds CTA always-visible) */
@media (max-width:560px){
  .mobile-cta-bar{
    position:fixed;bottom:0;left:0;right:0;
    background:var(--navy);
    padding:12px 16px;
    z-index:90;
    box-shadow:0 -4px 16px rgba(10,37,64,0.18);
    text-align:center;
  }
  .mobile-cta-bar a{
    display:block;
    color:#fff;
    font-weight:700;
    font-size:14px;
    letter-spacing:0.05em;
    text-decoration:none;
    padding:10px 20px;
    border:1.5px solid #fff;
    border-radius:999px!important;
  }
  body{padding-bottom:64px;}
}
.mobile-cta-bar{display:none;}
@media (max-width:560px){
  .mobile-cta-bar{display:block;}
}

/* ════════════════════════════════════════════════════════
   ABSOLUTE FINAL — round EVERY button shape on the site.
   Highest possible specificity. Last rule in file.
   ════════════════════════════════════════════════════════ */
html body a.btn-primary,
html body a.btn-outline,
html body a.btn-whatsapp,
html body a.nav-cta,
html body a.r-chip,
html body a.wa-cta-btn,
html body a.cta-btn,
html body button:not(.hamburger),
html body input[type="submit"],
html body input[type="button"],
html body [class*="btn-"],
html body [class*="-btn"],
html body [class*="button"],

/* Anchors inside cards that act as buttons (e.g., "LEARN MORE" link on product cards) */
html body .product-card a,
html body .card a:not(.r-chip),
html body a[class*="learn"],
html body a[class*="more"],
html body a.read-more {
  border-radius: 999px !important;
}

/* Catalog "LEARN MORE" — specifically targeting card learn-more anchors */
html body .product-card .card-footer-row a,
html body .product-card .card-footer-row::after,
html body a[href*="/nuts/"],
html body a[href*="/spices/"],
html body a[href*="/fruits/"] {
  border-radius: inherit;
}
/* But the card itself stays at 14px */
.product-card { border-radius: 14px !important; }

/* ════════════════════════════════════════════════════════
   LANGUAGE DROPDOWN (globe-only, opens menu on click/hover)
   ════════════════════════════════════════════════════════ */






html[dir="rtl"] 








/* ════════════════════════════════════════════════════════
   UNIVERSAL pill — wins everything with !important + max specificity
   ════════════════════════════════════════════════════════ */
html body a.btn-primary,
html body a.btn-outline,
html body a.btn-whatsapp,
html body a.nav-cta,
html body .mobile-cta-bar a,
html body button:not(.hamburger){border-radius:999px !important;}


/* Skip-link must stay off-screen until focused */
html body a.skip-link{
  position:absolute !important;
  top:-200px !important;
  left:8px !important;
  z-index:9999 !important;
}
html body a.skip-link:focus{
  top:8px !important;
}


/* ════════════════════════════════════════════════════════
   LANGUAGE SWITCHER — globe-only, click-to-open dropdown
   Single definitive block. No earlier conflicts.
   ════════════════════════════════════════════════════════ */
.lang-switcher{
  position:relative;
  display:inline-flex;
  align-items:center;
  margin:0 8px;
  flex-shrink:0;
}
.lang-switcher .lang-current{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  padding:0;
  border-radius:50% !important;
  background:var(--bg-2);
  border:1px solid var(--line);
  color:var(--navy);
  text-decoration:none;
  cursor:pointer;
  transition:background 0.2s ease, border-color 0.2s ease;
}
.lang-switcher .lang-current:hover{
  background:#fff;
  border-color:var(--blue);
}
.lang-switcher .lang-current svg{
  width:20px; height:20px;
  border:none !important; border-radius:0 !important;
}
.lang-switcher .lang-code{ display:none !important; }
.lang-switcher .lang-menu{
  display:none;
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  min-width:200px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px !important;
  box-shadow:0 12px 32px rgba(10,37,64,0.12);
  padding:6px;
  flex-direction:column;
  z-index:200;
}
html[dir="rtl"] .lang-switcher .lang-menu{ right:auto; left:0; }
.lang-switcher.open .lang-menu{ display:flex; }
.lang-switcher:hover .lang-menu{ display:flex; }
.lang-switcher .lang-menu a,
.lang-switcher .lang-menu .lang-soon{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 14px;
  text-decoration:none;
  color:var(--navy);
  font-size:13px;
  font-weight:600;
  border-radius:8px !important;
  transition:background 0.15s ease;
}
.lang-switcher .lang-menu a:hover{ background:var(--bg-2); color:var(--blue); }
.lang-switcher .lang-menu .lang-name{ flex:1; text-align:start; }
.lang-switcher .lang-menu .lang-code-sm{
  font-size:10px;
  font-weight:700;
  letter-spacing:0.08em;
  color:var(--text-3);
  text-transform:uppercase;
  background:var(--bg-2);
  padding:3px 8px;
  border-radius:999px !important;
  margin-inline-start:10px;
}
.lang-switcher .lang-soon{ opacity:0.55; cursor:not-allowed; }
.lang-switcher .lang-soon .lang-code-sm{ background:transparent; }

/* ════════════════════════════════════════════════════════
   MERGED — Product Page Styles (formerly product-page.css)
   Single-stylesheet consolidation. Used by /nuts, /fruits,
   /spices, /grains, /legumes, /seeds product pages.
   ════════════════════════════════════════════════════════ */

/* ─── BREADCRUMB ─── */
.breadcrumb{font-size:11px;font-weight:600;letter-spacing:0.1em;color:var(--text-3);text-transform:uppercase;margin-bottom:16px;}
.breadcrumb a{color:var(--blue);transition:color 0.2s;}
.breadcrumb a:hover{color:var(--navy);}
.breadcrumb .sep{margin:0 8px;color:var(--text-3);}
.breadcrumb .current{color:var(--navy);font-weight:700;}

/* ─── PRODUCT HERO ─── */
.product-hero{padding:48px 40px 0;}
.product-hero-inner{max-width:1100px;margin:0 auto;}
.product-hero h1{font-size:clamp(48px,6vw,84px);font-weight:800;color:var(--navy);line-height:0.98;letter-spacing:-0.02em;text-transform:uppercase;margin-bottom:20px;}
.product-hero h1 .accent{color:var(--blue);}
.product-hero .lede{font-size:18px;line-height:1.7;color:var(--text-2);max-width:680px;margin-bottom:36px;}
.product-hero-image{width:100%;height:clamp(320px,46vw,540px);background-size:cover;background-position:center;margin-top:20px;}

.hero-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px;}
.hero-gallery-img{width:100%;height:160px;background-size:cover;background-position:center;}

.media-slot{width:100%;aspect-ratio:16/9;margin:48px 0;background-size:cover;background-position:center;}
.media-slot-half{width:100%;aspect-ratio:3/2;margin:36px 0;background-size:cover;background-position:center;}
.media-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:36px 0;}
.media-pair > div{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;}

/* ─── QUICK FACTS STRIP ─── */
.quick-facts{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 40px;margin-top:64px;}
.qf-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
.qf-cell{text-align:center;padding:8px 16px;border-right:1px solid var(--line);}
.qf-cell:last-child{border-right:none;}
.qf-label{font-size:10px;font-weight:600;letter-spacing:0.15em;color:var(--blue);text-transform:uppercase;margin-bottom:8px;}
.qf-value{font-size:22px;font-weight:800;color:var(--navy);letter-spacing:-0.01em;}

/* ─── ARTICLE BODY ─── */
.article{padding:80px 40px;}
.article-inner{max-width:760px;margin:0 auto;}
.chapter{margin-bottom:64px;}
.chapter:last-child{margin-bottom:0;}
.ch-eyebrow{font-size:11px;font-weight:700;letter-spacing:0.18em;color:var(--blue);text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:12px;}
.ch-eyebrow::before{content:'';width:36px;height:2px;background:var(--blue);}
.ch h2{font-size:32px;font-weight:800;color:var(--navy);letter-spacing:-0.01em;line-height:1.15;margin-bottom:24px;}
.ch h3{font-size:20px;font-weight:700;color:var(--navy);margin:36px 0 14px;letter-spacing:-0.005em;}
.ch p{font-size:16px;line-height:1.8;color:var(--text-2);margin-bottom:18px;}
.ch p strong{color:var(--navy);font-weight:700;}
.ch p em{color:var(--navy);font-style:italic;font-weight:500;}
.ch .lead-para::first-letter{font-family:Inter,sans-serif;font-size:3.2em;font-weight:800;color:var(--blue);line-height:0.85;float:left;margin:6px 12px -4px 0;}

/* ─── PULL QUOTE ─── */
.pull-quote{margin:40px 0;padding:36px 40px;background:var(--bg-2);border-left:4px solid var(--blue);border-radius:0 var(--radius-img) var(--radius-img) 0;}
.pull-quote p{font-size:20px;line-height:1.55;color:var(--navy);font-style:italic;font-weight:500;margin:0;}

/* ─── ASIDE BOXES ─── */
.aside{margin:28px 0;padding:22px 26px;border-radius:var(--radius-img);}
.aside .a-tag{font-size:10px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;margin-bottom:8px;}
.aside p{font-size:15px;line-height:1.7;margin:0;}
.aside-info{background:var(--blue-soft);border-left:4px solid var(--blue);}
.aside-info .a-tag{color:var(--blue);}
.aside-info p{color:var(--navy);}
.aside-warn{background:#fef4ea;border-left:4px solid var(--amber);}
.aside-warn .a-tag{color:#a06c00;}
.aside-warn p{color:#5a3d00;}
.aside-alert{background:#fdecec;border-left:4px solid #c43d3d;}
.aside-alert .a-tag{color:#9c1f1f;}
.aside-alert p{color:#6a1414;}

/* ─── VARIETY CARD ─── */
.variety-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-img);padding:24px 28px;margin:20px 0;transition:box-shadow 0.2s,border-color 0.2s;}
.variety-card:hover{box-shadow:var(--shadow);border-color:var(--blue-line);}
.vc-name{font-size:20px;font-weight:800;color:var(--navy);}
.vc-tagline{font-size:12px;font-weight:600;color:var(--blue);margin-bottom:12px;letter-spacing:0.04em;}
.vc-body{font-size:15px;line-height:1.7;color:var(--text-2);margin-bottom:14px;}
.vc-specs{display:flex;flex-wrap:wrap;gap:8px;}
.vc-spec{background:var(--bg-2);border:1px solid var(--line);padding:6px 12px;border-radius:6px;font-size:12px;color:var(--text-2);}
.vc-spec strong{color:var(--navy);font-weight:700;}

/* ─── NUTRITION GRID ─── */
.nutrition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0;}
.n-cell{background:#fff;border:1px solid var(--line);border-radius:var(--radius-img);padding:18px 14px;text-align:center;}
.n-val{font-size:26px;font-weight:800;color:var(--navy);letter-spacing:-0.02em;}
.n-unit{font-size:13px;color:var(--text-2);margin-top:2px;}
.n-note{font-size:11px;font-weight:600;color:var(--blue);margin-top:6px;letter-spacing:0.04em;}

/* ─── CHART BLOCK ─── */
.chart-block{background:#fff;border:1px solid var(--line);border-radius:var(--radius-img);padding:28px;margin:32px 0;}
.cb-title{font-size:13px;font-weight:700;color:var(--navy);letter-spacing:0.08em;text-transform:uppercase;text-align:center;margin-bottom:20px;}
.bar-row{display:flex;align-items:center;gap:14px;margin-bottom:14px;}
.bar-meta{min-width:180px;display:flex;align-items:center;gap:8px;}
.bar-flag{font-size:18px;}
.bar-name{font-size:13px;color:var(--text-2);font-weight:500;}
.bar-track{flex:1;background:var(--bg-2);height:14px;border-radius:7px;overflow:hidden;}
.bar-fill{height:100%;width:0;border-radius:7px;background:var(--blue);transition:width 1.2s cubic-bezier(.22,1,.36,1);}
.bar-pct{font-size:14px;font-weight:800;color:var(--navy);min-width:42px;text-align:right;}
.cb-note{font-size:11px;color:var(--text-3);text-align:center;margin-top:14px;font-style:italic;}

/* ─── DATA TABLE ─── */
.spec-table{width:100%;border-collapse:collapse;margin:24px 0;border:1px solid var(--line);border-radius:var(--radius-img);overflow:hidden;}
.spec-table th{background:var(--bg-2);padding:14px 18px;text-align:left;font-size:11px;font-weight:700;letter-spacing:0.12em;color:var(--navy);text-transform:uppercase;border-bottom:1px solid var(--line);}
.spec-table td{padding:14px 18px;font-size:14px;color:var(--text-2);border-bottom:1px solid var(--line);}
.spec-table tr:last-child td{border-bottom:none;}
.spec-table td:first-child{color:var(--navy);font-weight:600;}

/* ─── PROCESS STEPS ─── */
.process-steps{display:flex;flex-direction:column;gap:14px;margin:28px 0;}
.proc-step{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:18px 22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-img);align-items:start;}
.proc-num{width:32px;height:32px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.proc-title{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:4px;}
.proc-body{font-size:14px;line-height:1.65;color:var(--text-2);}

/* ─── RELATED BAND ─── */
.related-band{background:var(--bg-2);padding:64px 40px;border-top:1px solid var(--line);text-align:center;}
.related-inner{max-width:1100px;margin:0 auto;}
.related-band h3{font-size:24px;font-weight:800;color:var(--navy);margin-bottom:8px;letter-spacing:-0.01em;}
.related-band .sub{font-size:14px;color:var(--text-2);margin-bottom:28px;}
.related-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:32px;}
.r-chip{display:inline-block;background:#fff;border:1px solid var(--line);padding:10px 20px;border-radius:24px;font-size:13px;font-weight:600;color:var(--navy);transition:all 0.2s;}
.r-chip:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-soft);}

/* ─── WHATSAPP CTA ─── */
.wa-cta{background:#fff;border:1px solid var(--line);border-radius:var(--radius-img);padding:40px;margin:64px auto 0;max-width:680px;text-align:center;}
.wa-cta h3{font-size:22px;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.01em;}
.wa-cta p{font-size:15px;color:var(--text-2);margin-bottom:24px;line-height:1.65;}

/* ─── PROGRESS BAR ─── */
#progress-bar{position:fixed;top:0;left:0;height:3px;background:var(--blue);width:0;z-index:1000;transition:width 0.1s;}

/* ─── RESPONSIVE (product) ─── */
@media(max-width:980px){
  .product-hero{padding:32px 24px 0;}
  .product-hero-image{height:280px;}
  .quick-facts{padding:24px 16px;}
  .qf-inner{grid-template-columns:1fr 1fr;}
  .qf-cell{border-right:none;border-bottom:1px solid var(--line);padding:16px;}
  .qf-cell:nth-child(odd){border-right:1px solid var(--line);}
  .qf-cell:nth-last-child(-n+2){border-bottom:none;}
  .article{padding:56px 24px;}
  .ch h2{font-size:26px;}
  .nutrition-grid{grid-template-columns:repeat(2,1fr);}
  .bar-meta{min-width:140px;}
  .related-band{padding:48px 24px;}
  .media-pair{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .nutrition-grid{grid-template-columns:1fr;}
  .pull-quote{padding:24px 22px;}
  .pull-quote p{font-size:17px;}
  .hero-gallery{grid-template-columns:1fr;}
  .hero-gallery-img{height:200px;}
}

/* ─── RTL/Hebrew product page overrides ─── */
html[dir="rtl"] .article-inner{text-align:right;}
html[dir="rtl"] .chapter h2,html[dir="rtl"] .ch h2,
html[dir="rtl"] .chapter h3,html[dir="rtl"] .ch h3{text-align:right;}
html[dir="rtl"] .pull-quote,html[dir="rtl"] .pull{
  border-left:none!important;border-right:4px solid var(--blue)!important;
  border-radius:var(--radius-img) 0 0 var(--radius-img)!important;
}
html[dir="rtl"] .aside,html[dir="rtl"] .ab{
  border-left:none!important;border-right:4px solid var(--blue)!important;
}
html[dir="rtl"] .qf-cell{border-right:none!important;border-left:1px solid var(--line)!important;}
html[dir="rtl"] .qf-cell:last-child{border-left:none!important;}
html[dir="rtl"] .dc::first-letter{float:right;margin:6px 0 -4px 12px;}
html[dir="rtl"] .spec-table th,html[dir="rtl"] .spec-table td,
html[dir="rtl"] .gt th,html[dir="rtl"] .gt td{text-align:right;}
html[dir="rtl"] .breadcrumb .sep{display:inline-block;transform:rotate(180deg);}
html[dir="rtl"] .bar-meta,html[dir="rtl"] .pb-meta{flex-direction:row-reverse;}

/* ════════════════════════════════════════════════════════
   LANGUAGE SWITCHER — DEFINITIVE, END-OF-FILE, !important
   Self-contained: overrides any earlier malformed fragments.
   Globe only; menu is a dropdown that opens on hover OR click.
   ════════════════════════════════════════════════════════ */
.lang-switcher{position:relative !important;display:inline-flex !important;align-items:center !important;}
.lang-switcher .lang-code{display:none !important;}
.lang-switcher .lang-menu{
  display:none !important;
  position:absolute !important;
  top:calc(100% + 8px) !important;
  min-width:180px !important;
  background:#fff !important;
  border:1px solid var(--line) !important;
  border-radius:12px !important;
  box-shadow:0 12px 32px rgba(10,37,64,0.14) !important;
  padding:6px !important;
  z-index:500 !important;
  flex-direction:column !important;
}
html[dir="rtl"] .lang-switcher .lang-menu{right:auto !important;left:0 !important;}
html[dir="ltr"] .lang-switcher .lang-menu{left:auto !important;right:0 !important;}
.lang-switcher.open .lang-menu,
.lang-switcher:hover .lang-menu,
.lang-switcher:focus-within .lang-menu{display:flex !important;}
.lang-switcher .lang-menu a{
  display:flex !important;align-items:center !important;justify-content:space-between !important;
  gap:12px !important;padding:10px 14px !important;color:var(--navy) !important;
  font-size:13px !important;font-weight:600 !important;border-radius:8px !important;white-space:nowrap !important;
}
.lang-switcher .lang-menu a:hover{background:var(--bg-2) !important;color:var(--blue) !important;}
.lang-switcher .lang-menu .lang-code-sm{font-size:10px !important;font-weight:700 !important;color:var(--text-3) !important;background:var(--bg-2) !important;padding:3px 8px !important;border-radius:999px !important;}

/* ════════════════════════════════════════════════════════
   UNIFIED PRODUCT ARTICLE v2 — Hebrew standalone classes now
   MIRROR the brand product design (.product-hero/.article/
   .chapter/.ch-eyebrow/.aside/...) exactly. RTL-native.
   ════════════════════════════════════════════════════════ */
.hero{padding:48px 40px 0;max-width:1100px;margin:0 auto;text-align:right;color:var(--navy);}
.hero-k{font-size:11px;font-weight:700;letter-spacing:0.18em;color:var(--blue);text-transform:uppercase;margin-bottom:14px;display:inline-flex;align-items:center;gap:12px;}
.hero-k::before{content:'';width:36px;height:2px;background:var(--blue);display:inline-block;}
.hero h1{font-family:'Heebo','Rubik',sans-serif;font-size:clamp(40px,6vw,76px);font-weight:800;color:var(--navy);line-height:1.0;letter-spacing:-0.02em;margin-bottom:18px;}
.hero .deck{font-size:18px;line-height:1.7;color:var(--text-2);max-width:680px;font-weight:400;}
.hero-img-wrap{width:100%;max-width:1100px;margin:32px auto 0;height:clamp(320px,46vw,540px);border-radius:var(--radius-img);overflow:hidden;border:1px solid var(--blue-line);background:var(--bg-2);display:flex;align-items:center;justify-content:center;}
.hero-img-wrap img,.hero-img-wrap video{width:100%;height:100%;object-fit:cover;border:none;border-radius:0;}
/* breadcrumb: force clean brand typography over legacy inline Space Mono / --warm */
.hero nav[aria-label="breadcrumb"]{font-family:'Heebo','Rubik',sans-serif !important;letter-spacing:normal !important;opacity:1 !important;font-size:12px !important;}
.hero nav[aria-label="breadcrumb"] a,.hero nav[aria-label="breadcrumb"] span{color:var(--text-3) !important;}
.hero nav[aria-label="breadcrumb"] a:hover{color:var(--blue) !important;}
.con{max-width:760px;margin:0 auto;padding:80px 24px;}
.ch{background:none !important;border:none !important;padding:0 !important;margin-bottom:56px;border-radius:0 !important;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible;}
.ch::before,.ch::after{content:none !important;}
.cl{font-size:11px;font-weight:700;letter-spacing:0.18em;color:var(--blue);text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:12px;}
.cl::before{content:'';width:36px;height:2px;background:var(--blue);display:inline-block;flex-shrink:0;}
.ch h2{font-family:'Heebo','Rubik',sans-serif;font-size:32px;font-weight:800;color:var(--navy);letter-spacing:-0.01em;line-height:1.15;margin-bottom:24px;padding:0;border:none;}
.ch h3{font-family:'Heebo','Rubik',sans-serif;font-size:20px;font-weight:700;color:var(--navy);margin:36px 0 14px;padding:0;border:none;}
.ch p{font-size:16px;line-height:1.8;color:var(--text-2);margin-bottom:18px;}
.ch ol,.ch ul{padding-right:22px;margin:14px 0 18px;}
.ch li{margin-bottom:9px;color:var(--text-2);line-height:1.8;}
.ch ol li::marker,.ch ul li::marker{color:var(--blue);font-weight:700;}
.dc::first-letter{font-family:'Inter',sans-serif;font-size:3.2em;font-weight:800;color:var(--blue);line-height:0.85;float:right;margin:6px 0 -4px 12px;}
.con em{color:var(--navy);font-style:italic;font-weight:500;}
.con strong{color:var(--navy);font-weight:700;}
.ab{margin:28px 0;padding:22px 26px;border-radius:var(--radius-img) 0 0 var(--radius-img);}
.ab .tg{font-size:10px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;margin-bottom:8px;}
.ab p{margin:0;font-size:15px;line-height:1.7;}
.ab-w{background:var(--blue-soft);border-right:4px solid var(--blue);}.ab-w .tg{color:var(--blue);}.ab-w p{color:var(--navy);}
.ab-g{background:#e6f7ef;border-right:4px solid var(--green);}.ab-g .tg{color:var(--green);}.ab-g p{color:#14543a;}
.ab-r{background:#fdecec;border-right:4px solid #c43d3d;}.ab-r .tg{color:#9c1f1f;}.ab-r p{color:#6a1414;}
.ng{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0;}
.ni{background:#fff;border:1px solid var(--line);border-radius:var(--radius-img);padding:18px 14px;text-align:center;}
.ni .nv{font-size:26px;font-weight:800;color:var(--navy);letter-spacing:-0.02em;}
.ni .nu{font-size:13px;color:var(--text-2);margin-top:2px;}
.ni .nl{font-size:11px;font-weight:600;color:var(--blue);margin-top:6px;letter-spacing:0.04em;}
.gt{width:100%;border-collapse:collapse;margin:24px 0;border:1px solid var(--line);border-radius:var(--radius-img);overflow:hidden;font-size:14px;}
.gt th{background:var(--bg-2);padding:14px 18px;text-align:right;font-size:11px;font-weight:700;letter-spacing:0.12em;color:var(--navy);text-transform:uppercase;border-bottom:1px solid var(--line);}
.gt td{padding:14px 18px;font-size:14px;color:var(--text-2);border-bottom:1px solid var(--line);}
.gt tr:last-child td{border-bottom:none;}
.gt td:first-child{color:var(--navy);font-weight:600;}
.pull{margin:40px 0;padding:36px 40px;background:var(--bg-2);border-right:4px solid var(--blue);border-radius:var(--radius-img) 0 0 var(--radius-img);text-align:right;}
.pull p{font-size:20px;line-height:1.55;color:var(--navy);font-style:italic;font-weight:500;margin:0;}
.proc-steps{display:flex;flex-direction:column;gap:14px;margin:28px 0;}
.proc-step{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:18px 22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-img);align-items:start;}
.proc-step-num{width:32px;height:32px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.proc-step-title{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:4px;}
.proc-step-body{font-size:14px;line-height:1.65;color:var(--text-2);}
.vc{background:#fff;border:1px solid var(--line);border-radius:var(--radius-img);padding:24px 28px;margin:20px 0;}
.vc .vn{font-size:20px;font-weight:800;color:var(--navy);}
.vc .vt{font-size:12px;font-weight:600;color:var(--blue);margin-bottom:12px;letter-spacing:0.04em;}
.vc p{font-size:15px;line-height:1.7;color:var(--text-2);margin:0;}
.vc .vs{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.vc .vsi{background:var(--bg-2);border:1px solid var(--line);padding:6px 12px;border-radius:6px;font-size:12px;color:var(--text-2);}
.vc .vsi strong{color:var(--navy);}
.pb-chart{background:#fff;border:1px solid var(--line);border-radius:var(--radius-img);padding:28px;margin:32px 0;}
.pb-row{display:flex;align-items:center;gap:14px;margin-bottom:14px;}
.pb-meta{min-width:180px;display:flex;align-items:center;gap:8px;flex-direction:row-reverse;}
.pb-flag{font-size:18px;}
.pb-name{font-size:13px;color:var(--text-2);font-weight:500;}
.pb-track{flex:1;background:var(--bg-2);height:14px;border-radius:7px;overflow:hidden;}
.pb-fill{height:100%;border-radius:7px;background:var(--blue);}
.pb-pct{font-size:14px;font-weight:800;color:var(--navy);min-width:42px;text-align:left;}
.reveal{opacity:1 !important;transform:none !important;}
.side-nav,.home-btn,#mainNav,.back-btn{display:none !important;}
#progress-bar{position:fixed;top:0;left:0;height:3px;background:var(--blue);width:0;z-index:1000;}
.back-to-top{position:fixed;bottom:24px;left:24px;width:42px;height:42px;background:var(--navy);color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:18px;z-index:90;opacity:0;pointer-events:none;transition:opacity .3s;}
.back-to-top.visible{opacity:1;pointer-events:auto;}
.wa-cta-block{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:44px 40px;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;}
.wa-cta-text h3{font-size:24px;font-weight:800;color:var(--navy);margin-bottom:8px;}
.wa-cta-text p{font-size:15px;color:var(--text-2);max-width:420px;}
.wa-cta-btn{display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#06340f;font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;text-decoration:none;padding:15px 30px;border-radius:999px;}
@media(max-width:900px){.hero{padding:32px 24px 0;}.hero h1{font-size:40px;}.con{padding:56px 20px;}.ng{grid-template-columns:repeat(2,1fr);}.pb-meta{min-width:130px;}}
@media(max-width:560px){.ng{grid-template-columns:1fr;}}