/* =========================================================
   FlyBridge — styles.css
   - All font sizes and spacing in rem (html.big = text zoom works).
   - Colours only via semantic tokens → high-contrast mode (html.hc) just swaps tokens.
   - Contrast: text/background pairs are checked automatically (see _tools/test.mjs).
   ========================================================= */

/* ---------- Fonts (self-hosted Heebo, Hebrew + Latin subsets) ---------- */
@font-face{font-family:Heebo;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/heebo-hebrew-400-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Heebo;font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/heebo-hebrew-500-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Heebo;font-style:normal;font-weight:700;font-display:swap;src:url(../assets/fonts/heebo-hebrew-700-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Heebo;font-style:normal;font-weight:800;font-display:swap;src:url(../assets/fonts/heebo-hebrew-800-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Heebo;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/heebo-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Heebo;font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/heebo-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Heebo;font-style:normal;font-weight:700;font-display:swap;src:url(../assets/fonts/heebo-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Heebo;font-style:normal;font-weight:800;font-display:swap;src:url(../assets/fonts/heebo-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- Design tokens (warm, calm palette; contrast checked by axe in _tools/test.mjs) ---------- */
:root{
  --navy:#2A4743; --navy-900:#1F2E2C; --navy-700:#355A55;

  /* semantic tokens (swapped in html.hc) */
  --c-bg:#FBF7F0; --c-surface:#FFFFFF; --c-surface-2:#F5EDE0;
  --c-text:#2A2420; --c-muted:#5B5249; --c-heading:#1B3B38; --c-link:#0F5A56;
  --c-line:#E7DDCE; --c-control:#857868;
  --c-accent:#0F5A56; --c-accent-hover:#0A4643; --c-on-accent:#FFFFFF;
  --c-accent-text:#9C4220; --c-accent-soft:#FBE8DC;
  --c-dark:#1F2E2C; --c-dark-2:#25403C; --c-on-dark:#FFFFFF; --c-on-dark-muted:#E8E2D8; --c-on-dark-line:rgba(255,255,255,.35);
  --c-focus:#9C4220;
  --c-btn-dark:#1F2E2C; --c-on-btn-dark:#FFFFFF; --c-btn-dark-hover:#15201F;
  --c-yes:#0B6B45; --c-yes-bg:#E3F3EA;
  --c-ext:#80500A; --c-ext-bg:#FFF1D6;
  --c-no:#5B5249;  --c-no-bg:#F1EBE1;
  --c-check:#1B3B38; --c-check-bg:#E4EFEC;
  --c-note-bg:#E4EFEC; --c-note-text:#1B3B38;
  --c-warn-bg:#FFF1D6; --c-warn-text:#5C3700; --c-warn-line:#E0C98F;
  --c-hero-em:#9C4220;
  --c-shadow:0 .5rem 1.75rem rgba(70,50,30,.08);
  --c-hero-top:#F6EBDC; --c-warm-1:#FFF6E8; --c-warm-2:#FBE8DC; --c-warm-line:#EBD3BE; --c-err:#9B1C1C; --c-header-bg:rgba(251,247,240,.96);
  --tint-1:#F4E9D8; --tint-2:#E4EEE5; --tint-3:#F8E4DA; --tint-4:#E2EDEF;

  --r-sm:.75rem; --r-md:1rem; --r-lg:1.5rem;
  --s1:.25rem; --s2:.5rem; --s3:.75rem; --s4:1rem; --s5:1.5rem; --s6:2rem; --s7:3.5rem; --sec-y:2rem; --s8:5rem;
  --tap:2.75rem;
  --tap-lg:3rem;
  --header-h:4.25rem;
  --font:Heebo,"Assistant",Arial,sans-serif;
}
/* ===== Theme B "Modern minimal": white, charcoal, single friendly blue-violet accent ===== */
:root{
  --navy:#1F2328; --navy-900:#111418; --navy-700:#2D333B;
  --c-bg:#FFFFFF; --c-surface:#FFFFFF; --c-surface-2:#F6F7F9;
  --c-text:#1F2328; --c-muted:#57606A; --c-heading:#111418; --c-link:#4F5FEA;
  --c-line:#E5E7EB; --c-control:#6E7781;
  --c-accent:#5465EE; --c-accent-hover:#4858E4; --c-on-accent:#FFFFFF;
  --c-accent-text:#4F5FEA; --c-accent-soft:#EEF0FF;
  --c-dark:#111418; --c-dark-2:#1F2328; --c-on-dark:#FFFFFF; --c-on-dark-muted:#D0D7DE;
  --c-focus:#4F5FEA;
  --c-btn-dark:#111418; --c-on-btn-dark:#FFFFFF; --c-btn-dark-hover:#000000;
  --c-yes:#116B3A; --c-yes-bg:#EAF6EF; --c-ext:#8A4A00; --c-ext-bg:#FFF4E5; --c-no:#57606A; --c-no-bg:#F3F4F6;
  --c-check:#111418; --c-check-bg:#EEF0FF; --c-note-bg:#F6F7F9; --c-note-text:#1F2328;
  --c-warn-bg:#FFF6E5; --c-warn-text:#5C3700; --c-warn-line:#E8D3A8;
  --c-hero-em:#4F5FEA; --c-shadow:0 .25rem 1rem rgba(17,20,24,.06);
  --tint-1:#F3F4F6; --tint-2:#EEF0FF; --tint-3:#F6F7F9; --tint-4:#F0F1F3;
  --c-hero-top:#F6F7F9; --c-warm-1:#FAFAFB; --c-warm-2:#F3F4F6; --c-warm-line:#E5E7EB; --c-err:#B42318; --c-header-bg:rgba(255,255,255,.96);
}
/* ---------- High-contrast mode: tokens only, so nothing can be missed ---------- */
html.hc{
  --c-bg:#000; --c-surface:#000; --c-surface-2:#000;
  --c-text:#fff; --c-muted:#fff; --c-heading:#fff; --c-link:#7FD1FF;
  --c-line:#fff; --c-control:#fff;
  --c-accent:#FFE500; --c-accent-hover:#fff; --c-on-accent:#000;
  --c-accent-text:#FFE500; --c-accent-soft:#000;
  --c-dark:#000; --c-dark-2:#000; --c-on-dark:#fff; --c-on-dark-muted:#fff; --c-on-dark-line:#fff;
  --c-focus:#FFE500;
  --c-btn-dark:#000; --c-on-btn-dark:#fff; --c-btn-dark-hover:#222;
  --c-yes:#7CFFB2; --c-yes-bg:#000; --c-ext:#FFE500; --c-ext-bg:#000;
  --c-no:#fff; --c-no-bg:#000; --c-check:#7FD1FF; --c-check-bg:#000;
  --c-note-bg:#000; --c-note-text:#fff; --c-warn-bg:#000; --c-warn-text:#fff; --c-warn-line:#fff;
  --c-hero-em:#FFE500; --c-shadow:none; --tint-1:#000; --tint-2:#000; --tint-3:#000; --tint-4:#000;
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{font-size:100%;scroll-behavior:smooth;scroll-padding-top:5.5rem;-webkit-text-size-adjust:100%;text-size-adjust:100%}
html.big{font-size:125%}
body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:var(--font);font-size:1rem;line-height:1.6;overflow-wrap:break-word}
img,svg{max-width:100%}
h1,h2,h3{line-height:1.25;margin:0;color:var(--c-heading)}
h1{font-size:clamp(2rem,5.5vw,3.25rem);font-weight:800}
h2{font-size:clamp(1.5rem,3.4vw,2.125rem);font-weight:800}
h3{font-size:1.125rem;font-weight:700}
p{margin:0}
a{color:var(--c-link)}
button,input,select{font:inherit}
:focus-visible{outline:.1875rem solid var(--c-focus);outline-offset:.1875rem;border-radius:var(--r-xs)}
.on-dark{--c-focus:#fff}
html.hc .on-dark{--c-focus:#FFE500}
html.hc a{text-decoration:underline}
html.hc :focus-visible{outline-width:.25rem}
.wrap{width:min(70rem,calc(100% - 2rem));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.ico{width:1.25em;height:1.25em;flex:none;stroke:currentColor;fill:none}
.skip{position:absolute;inset-inline-start:.75rem;top:-6rem;background:#fff;color:var(--navy);padding:.75rem 1rem;border-radius:var(--r-sm);font-weight:700;z-index:1000;min-height:var(--tap)}
.skip:focus{top:.75rem}
.legal-tag{display:inline-block;font-weight:700;white-space:nowrap}
[hidden]{display:none!important}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--tap);min-width:var(--tap);padding:.375rem var(--s6);border-radius:999px;border:2px solid transparent;font-weight:700;font-size:1.125rem;line-height:1.3;cursor:pointer;text-decoration:none;text-align:center;transition:background-color .15s,border-color .15s}
.btn-primary{background:var(--c-accent);color:var(--c-on-accent)}
.btn-primary:hover{background:var(--c-accent-hover);color:var(--c-on-accent)}
html.hc .btn-primary:hover{color:#000}
html.hc .btn-primary{border-color:#fff}
.btn-secondary{background:var(--c-surface);color:var(--c-heading);border-color:var(--c-control)}
.btn-secondary:hover{border-color:var(--c-heading)}
.btn-dark{background:var(--c-btn-dark);color:var(--c-on-btn-dark);border-color:var(--c-on-btn-dark)}
html:not(.hc) .btn-dark{border-color:transparent}
.btn-dark:hover{background:var(--c-btn-dark-hover)}
.btn-ghost{background:transparent;color:var(--c-heading);text-decoration:underline;text-underline-offset:.1875rem;padding:.375rem var(--s3)}
.btn-lg{min-height:3.5rem;font-size:1.25rem;padding:.375rem var(--s6)}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.btn:active{transform:translateY(1px)}

/* ---------- Example-data banner ---------- */
.example-bar{background:var(--c-warn-bg);color:var(--c-warn-text);border-bottom:1px solid var(--c-warn-line);font-size:.875rem;text-align:center;padding:.5rem 1rem;font-weight:500}
.example-bar b{font-weight:800}
html.hc .example-bar{border-bottom:2px solid #fff}

/* ---------- Header (light, calm) ---------- */
.site-header{position:sticky;top:0;z-index:50;background:var(--c-header-bg);color:var(--c-heading);border-bottom:1px solid var(--c-line);backdrop-filter:saturate(1.2) blur(8px)}
html.hc .site-header{background:#000;border-bottom:2px solid #fff}
.site-header .in{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);min-height:var(--header-h)}
.brand{display:flex;align-items:center;gap:.625rem;color:var(--c-heading);text-decoration:none;font-weight:800;font-size:1.25rem;min-height:var(--tap)}
.brand .mark{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--c-accent);color:var(--c-on-accent);display:grid;place-items:center;font-size:.875rem;flex:none}
html.hc .brand .mark{border:2px solid #fff}
.head-nav{display:none;gap:var(--s1) var(--s5);align-items:center}
.head-nav a{color:var(--c-text);text-decoration:none;font-weight:500;min-height:var(--tap);display:inline-flex;align-items:center;padding-inline:.25rem}
.head-nav a:hover{color:var(--c-accent);text-decoration:underline;text-underline-offset:.3rem}
.head-actions{display:flex;align-items:center;gap:var(--s2)}
.hbtn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;background:transparent;border:1px solid var(--c-control);color:var(--c-heading);border-radius:var(--r-sm);min-width:var(--tap);min-height:var(--tap);padding:0 .5rem;font-weight:700;cursor:pointer;text-decoration:none}
.hbtn:hover{background:var(--c-surface-2)}
.hbtn[aria-pressed=true],.hbtn[aria-expanded=true]{background:var(--c-heading);color:#fff;border-color:var(--c-heading)}
html.hc .hbtn{border-color:#fff;color:#fff}
html.hc .hbtn:hover{background:#222}
html.hc .hbtn[aria-pressed=true],html.hc .hbtn[aria-expanded=true]{background:#FFE500;color:#000;border-color:#FFE500}
.head-cta{display:none}
.mobile-nav{background:var(--c-bg);border-top:1px solid var(--c-line)}
html.hc .mobile-nav{background:#000;border-top:2px solid #fff}
.mobile-nav .wrap{display:grid;padding-block:var(--s3)}
.mobile-nav a{color:var(--c-heading);text-decoration:none;font-weight:700;min-height:var(--tap-lg);display:flex;align-items:center;gap:var(--s2);border-bottom:1px solid var(--c-line)}
html.hc .mobile-nav a{color:#fff;border-bottom-color:#fff}
.mobile-nav a:last-child{border-bottom:0}
.mobile-nav a:hover{text-decoration:underline}
@media(max-width:23em){.brand-name{display:none}}
@media(min-width:48em){.head-actions{gap:var(--s3)}}
@media(min-width:70em){.head-nav{display:flex}.head-cta{display:inline-flex}.burger,.mobile-nav{display:none!important}}
.head-cta{min-height:var(--tap);padding:.25rem var(--s5);font-size:1rem}

/* ---------- Hero (warm, airy, two-column on wide screens) ---------- */
.hero{position:relative;background:linear-gradient(180deg,var(--c-hero-top) 0%,var(--c-bg) 100%);color:var(--c-text);padding:var(--s6) 0 var(--s7)}
html.hc .hero{background:#000}
.hero .wrap{display:grid;gap:var(--s6);align-items:center}
@media(min-width:56em){.hero{padding:var(--s8) 0}.hero .wrap{grid-template-columns:1.1fr .9fr;gap:var(--s8)}}
.hero-media{margin:0;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/10;background:var(--c-surface-2);box-shadow:var(--c-shadow)}
@media(min-width:56em){.hero-media{aspect-ratio:4/5}}
/* high-contrast keeps the photo visible (decorative, alt=""); only the soft shadow goes and a solid white frame is added */
html.hc .hero-media{box-shadow:none;border:3px solid #fff;background:#000}
.hero-pic,.hero-pic img{display:block;width:100%;height:100%}
.hero-pic img{object-fit:cover;object-position:center}
.hero h1{color:var(--c-heading);font-size:clamp(2.25rem,7vw,3.75rem);line-height:1.15;font-weight:800}
.hero .hero-sub{margin-top:var(--s3);font-size:clamp(1.5rem,4.2vw,2.125rem);font-weight:700;line-height:1.3;color:var(--c-accent-text)}
html.hc .hero .hero-sub{color:#FFE500}
.hero .hero-steps{margin-top:var(--s4);font-size:1.25rem;color:var(--c-text);max-width:34ch}
.hero-cta{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s6);align-items:center}
.hero .btn-ghost{color:var(--c-heading)}
.chips{display:grid;gap:var(--s2);margin:var(--s6) 0 0;padding:0;list-style:none;font-size:1rem;color:var(--c-muted)}
.chips li{display:flex;align-items:flex-start;gap:.625rem}
.chips .ico{color:var(--c-accent);margin-top:.25em;flex:none}
.chips .plane{transform:scaleX(-1)}  /* Lucide plane points up-right; mirrored so it points forward (up-left) in RTL */
html.hc .chips .ico{color:#7CFFB2}
.quick{margin-top:var(--s6);padding-top:var(--s4);border-top:1px solid var(--c-line);display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3);align-items:center;font-size:1rem;color:var(--c-muted)}
.quick a{color:var(--c-heading);font-weight:700;min-height:var(--tap);min-width:var(--tap);display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:0 var(--s4);border:1px solid var(--c-line);border-radius:999px;text-decoration:none}
.quick .ico{width:1em;height:1em}

/* ---------- Cards / wizard ---------- */
.wizard-section{margin-top:-2.5rem;position:relative;z-index:2;padding-bottom:var(--s7)}
.card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);box-shadow:var(--c-shadow)}
html.hc .card{border-width:2px}
.wizard{padding:var(--s5)}
@media(min-width:44em){.wizard{padding:var(--s6)}}
.progress{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s4);font-size:.875rem;color:var(--c-muted);font-weight:500}
.bar{flex:1;height:.5rem;background:var(--c-line);border-radius:999px;overflow:hidden}
.bar>i{display:block;height:100%;width:0;background:var(--c-accent);border-radius:999px;transition:width .25s}
html.hc .bar{border:1px solid #fff;background:#000}
.step h3.step-title{font-size:clamp(1.375rem,3vw,1.75rem);font-weight:800;color:var(--c-heading)}
.step h3.step-title:focus{outline:none}
.step h3.step-title:focus-visible{outline:.1875rem solid var(--c-focus)}
.hint{color:var(--c-muted);margin-top:var(--s2)}
fieldset{border:0;margin:0;padding:0;min-width:0}
legend{padding:0}
.opts{display:grid;gap:var(--s3);margin-top:var(--s5);grid-template-columns:repeat(auto-fill,minmax(min(100%,12.5rem),1fr))}
.opt{position:relative}
.opt input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}
.opt label{display:flex;gap:var(--s3);align-items:flex-start;min-height:var(--tap-lg);padding:var(--s4);border:2px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface);cursor:pointer;height:100%;transition:border-color .15s,background-color .15s}
html:not(.hc) .opt label{border-color:var(--c-control)}
.opt .oi{font-size:1.5rem;line-height:1;color:var(--c-heading);margin-top:.15rem}
.opt b{display:block;color:var(--c-heading)}
.opt small{display:block;color:var(--c-muted);font-size:.875rem;line-height:1.4;margin-top:2px}
.opt input:checked+label{border-color:var(--c-accent);background:var(--c-accent-soft)}
.opt input:focus-visible+label{outline:.1875rem solid var(--c-focus);outline-offset:.125rem}
.opt .tick{margin-inline-start:auto;color:var(--c-accent-text);visibility:hidden;flex:none}
.opt input:checked+label .tick{visibility:visible}
.field{display:grid;gap:.375rem}
.field label{font-weight:700;color:var(--c-heading)}
.field input[type=date]{min-height:var(--tap-lg);padding:0 var(--s3);border:2px solid var(--c-control);border-radius:var(--r-md);background:var(--c-surface);color:var(--c-text);width:100%}
html.hc .field input[type=date]{color-scheme:dark}
.field input[aria-invalid=true]{border-color:var(--c-err);box-shadow:0 0 0 1px var(--c-err)}
.dates{display:grid;gap:var(--s4);grid-template-columns:1fr;margin-top:var(--s5)}
@media(min-width:37.5em){.dates{grid-template-columns:1fr 1fr}}
.err{color:var(--c-err);font-weight:700;font-size:1rem;margin-top:var(--s3);min-height:1.4em}
.note{background:var(--c-note-bg);border-radius:var(--r-md);padding:var(--s3) var(--s4);font-size:1rem;color:var(--c-note-text);margin-top:var(--s4)}
.note.warn{background:var(--c-warn-bg);color:var(--c-warn-text)}
html.hc .note{border:2px solid #fff}
.trip-len{margin-top:var(--s3);font-weight:700;color:var(--c-heading)}
.steppers{display:grid;gap:var(--s3);margin-top:var(--s5)}
.stepper{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);border:2px solid var(--c-control);border-radius:var(--r-md);padding:var(--s3) var(--s4)}
.stepper .t b{color:var(--c-heading)}
.stepper .t small{display:block;color:var(--c-muted);font-size:.875rem}
.stepper .ctl{display:flex;align-items:center;gap:var(--s3)}
.stepper button{width:var(--tap-lg);height:var(--tap-lg);border-radius:50%;border:2px solid var(--c-control);background:var(--c-surface);color:var(--c-heading);cursor:pointer;display:grid;place-items:center}
.stepper button:hover{border-color:var(--c-heading)}
.stepper button[disabled]{opacity:.45;cursor:not-allowed}
.stepper output{min-width:2ch;text-align:center;font-weight:800;font-size:1.25rem;color:var(--c-text)}
.nav-row{display:flex;justify-content:space-between;gap:var(--s3);margin-top:var(--s6);flex-wrap:wrap}
.nav-row .btn-primary{flex:1 1 12.5rem}
.privacy-line{margin-top:var(--s4);font-size:.875rem;color:var(--c-muted);display:flex;gap:.5rem;align-items:flex-start}
.privacy-line .ico{margin-top:.2em}
.nojs{padding:var(--s5)}
html.js .nojs{display:none}
html:not(.js) .wizard-js{display:none}

/* ---------- Results ---------- */
.results{position:relative;margin-top:var(--s6);scroll-margin-top:5rem}
.results:focus{outline:none}
.res-head{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:flex-end;justify-content:space-between;margin-bottom:var(--s4)}
.summary{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s3)}
.pill{background:var(--c-no-bg);color:var(--c-heading);border-radius:999px;padding:.25rem .75rem;font-size:.875rem;font-weight:500}
html.hc .pill{border:1px solid #fff}
.tools{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);align-items:center;padding:var(--s4);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-md);margin:var(--s4) 0}
.tools label.lbl{font-weight:700;color:var(--c-heading)}
.tools select{min-height:var(--tap);border:2px solid var(--c-control);border-radius:var(--r-sm);padding:0 var(--s3);background:var(--c-surface);color:var(--c-text);max-width:100%}
.tools .flt{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s4)}
.tools .flt label{display:inline-flex;gap:.5rem;align-items:center;min-height:var(--tap);cursor:pointer;font-size:1rem}
.tools .flt input{width:1.25rem;height:1.25rem;accent-color:var(--c-accent)}
.count{margin-inline-start:auto;color:var(--c-muted);font-size:.875rem}
.watermark{position:relative}
.watermark .wm{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(1.5rem,6vw,3.5rem);font-weight:800;color:rgba(200,16,63,.07);transform:rotate(-12deg);pointer-events:none;z-index:1;white-space:nowrap;user-select:none}
html.hc .watermark .wm{color:rgba(255,255,255,.14)}
.tbl-wrap{display:none;border-radius:var(--r-lg);border:1px solid var(--c-line);background:var(--c-surface);overflow:clip}
html.hc .tbl-wrap{border-width:2px}
table.cmp{border-collapse:separate;border-spacing:0;width:100%}
.cmp caption{text-align:start;padding:var(--s4);font-weight:700;color:var(--c-heading)}
.cmp th,.cmp td{padding:var(--s3) var(--s4);text-align:start;vertical-align:top;border-top:1px solid var(--c-line);font-size:1rem;color:var(--c-text)}
.cmp thead th{border-top:0;background:var(--c-surface);position:sticky;top:var(--header-h);z-index:3;vertical-align:bottom}
.cmp tbody th{font-weight:700;color:var(--c-heading);background:var(--c-surface-2);position:sticky;inset-inline-start:0;z-index:2;min-width:9.375rem}
.cmp tbody th small{display:block;font-weight:400;color:var(--c-muted)}
.cmp tbody th .need-tag{color:var(--c-accent-text);font-weight:700}
.cmp tr.need th{border-inline-start:.25rem solid var(--c-accent)}
.cmp td .sub{display:block;color:var(--c-muted);font-size:.875rem;margin-top:.25rem}
.cmp td.price{color:var(--c-muted)}
.colhead{display:grid;gap:var(--s2)}
.colhead .nm{display:flex;align-items:center;gap:.625rem;font-weight:800;color:var(--c-heading);font-size:1.125rem}
.logo-ph{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--tint-1);color:var(--c-heading);display:grid;place-items:center;font-weight:800;flex:none}
.logo-ph.passport{background:var(--tint-2)}.logo-ph.clal{background:var(--tint-3)}.logo-ph.menora{background:var(--tint-4)}
html.hc .logo-ph{background:#000;color:#fff;border:2px solid #fff}
.badge{display:inline-block;background:var(--c-yes-bg);color:var(--c-yes);font-weight:800;font-size:.875rem;padding:.1875rem .625rem;border-radius:999px}
html.hc .badge{border:2px solid currentColor}
.lvl{display:inline-flex;align-items:center;gap:.375rem;font-weight:700;font-size:.875rem;padding:.1875rem .625rem;border-radius:999px;white-space:nowrap}
.lvl .ico{width:1em;height:1em;stroke-width:3}
.lvl.yes{background:var(--c-yes-bg);color:var(--c-yes)}
.lvl.ext{background:var(--c-ext-bg);color:var(--c-ext)}
.lvl.no{background:var(--c-no-bg);color:var(--c-no)}
.lvl.check{background:var(--c-check-bg);color:var(--c-check)}
html.hc .lvl{border:2px solid currentColor}
.cta-row td,.cta-row th{background:var(--c-surface-2)}
.cta-row .btn{width:100%;padding:.375rem var(--s3)}
.cards{display:grid;gap:var(--s4)}
.icard{padding:var(--s5)}
.icard.best{border-color:var(--c-yes);box-shadow:0 0 0 2px var(--c-yes-bg),var(--c-shadow)}
html.hc .icard.best{border-color:#7CFFB2;box-shadow:none}
.icard header{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}
.icard .nm{font-size:1.25rem;font-weight:800;color:var(--c-heading)}
.icard ul{list-style:none;margin:var(--s4) 0;padding:0;display:grid}
.icard li{display:flex;justify-content:space-between;gap:var(--s3);align-items:center;padding:.625rem 0;border-top:1px solid var(--c-line);font-size:1rem}
.icard li .muted,.icard .match{color:var(--c-muted)}
.icard li .star{color:var(--c-accent-text);font-weight:700}
.icard .match{margin-top:var(--s2);font-size:1rem}
.icard .btn{width:100%}
.icard.simple ul{display:none}
@media(min-width:64em){.tbl-wrap{display:block}.cards{display:none}}
.method{margin-top:var(--s4);font-size:.875rem;color:var(--c-muted)}
.method summary{cursor:pointer;font-weight:700;color:var(--c-heading);min-height:var(--tap);display:flex;align-items:center}
.method p{color:var(--c-muted)}
.empty{padding:var(--s6);text-align:center;color:var(--c-muted)}

/* ---------- Sections ---------- */
section.block{padding:var(--sec-y) 0}section.block+section.block{padding-top:0}
section.block#how{background:var(--c-surface-2)}
html.hc section.block#how{background:#000;border-block:2px solid #fff}
.kicker{color:var(--c-accent-text);font-weight:800;font-size:1rem;margin-bottom:var(--s2)}
.lead{color:var(--c-muted);max-width:60ch;margin-top:var(--s3);font-size:1.125rem}
.grid{display:grid;gap:var(--s5);margin-top:var(--s6)}
@media(min-width:44em){.grid.c3{grid-template-columns:repeat(3,1fr)}}
.tile{padding:var(--s6) var(--s5);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);box-shadow:var(--c-shadow)}
html.hc .tile{border-width:2px}
.tile .n{font-weight:800;color:var(--c-accent-text);font-size:1.25rem;margin-bottom:var(--s2)}
.tile p{color:var(--c-muted);margin-top:var(--s2);font-size:1rem}
.cov-ico{width:3rem;height:3rem;border-radius:50%;background:var(--c-accent-soft);color:var(--c-accent-text);display:grid;place-items:center;font-size:1.25rem;margin-bottom:var(--s3)}
html.hc .cov-ico{border:2px solid #FFE500}
.about{background:var(--c-dark-2);color:var(--c-on-dark);border-radius:var(--r-lg);padding:var(--s7) var(--s6);display:grid;gap:var(--s4)}
html.hc .about{border:2px solid #fff}
.about h2{color:var(--c-on-dark)}
.about p{color:var(--c-on-dark-muted);max-width:60ch;font-size:1.125rem}
.about .row{display:flex;flex-wrap:wrap;gap:var(--s3)}
.about .btn-secondary{background:transparent;color:var(--c-on-dark);border-color:var(--c-on-dark)}
.about .btn-secondary:hover{background:rgba(255,255,255,.14)}
.faq details{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-md);margin-top:var(--s3)}
html.hc .faq details{border-width:2px}
.faq summary{cursor:pointer;padding:.5rem var(--s5);min-height:3.75rem;display:flex;align-items:center;justify-content:space-between;gap:var(--s3);font-weight:700;color:var(--c-heading);list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ico{transition:transform .15s;stroke-width:3;color:var(--c-accent-text)}
.faq details[open] summary .ico{transform:rotate(45deg)}
.faq .ans{padding:0 var(--s5) var(--s5);color:var(--c-muted);max-width:70ch}
.disclosure b{color:var(--c-heading)}

/* ---------- Footer ---------- */
.site-footer{background:var(--c-dark);color:var(--c-on-dark-muted);padding:var(--s7) 0 7.5rem;font-size:1rem}
html.hc .site-footer{border-top:2px solid #fff}
.site-footer a{color:var(--c-on-dark)}
.site-footer h2{color:var(--c-on-dark);font-size:1rem;font-weight:700;margin-bottom:var(--s2)}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.125rem}
.site-footer li a{display:inline-flex;min-height:var(--tap);align-items:center}
.foot-brand{color:var(--c-on-dark);font-size:1.125rem;font-weight:800}
.foot{display:grid;gap:var(--s5)}
@media(min-width:36em){.foot{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6) var(--s5)}}
@media(min-width:64em){.foot{grid-template-columns:1.3fr 1.3fr 1fr 1fr}}
.foot>div{min-width:0}
.foot p{line-height:1.7}
.site-footer li{overflow-wrap:anywhere}
@media(min-width:70em){.site-footer{padding-bottom:var(--s7)}}

/* ---------- Sticky CTA (mobile/tablet) ---------- */
.sticky{position:fixed;inset-inline:0;bottom:0;z-index:60;background:var(--c-surface);color:var(--c-text);border-top:1px solid var(--c-line);box-shadow:0 -.375rem 1.25rem rgba(21,32,58,.12);padding:.625rem 1rem calc(.625rem + env(safe-area-inset-bottom));display:none;gap:var(--s3);align-items:center}
html.hc .sticky{border-top:2px solid #fff;box-shadow:none}
.sticky.show{display:flex}
.sticky .btn{flex:1;min-height:3.125rem}
.sticky .tel{flex:0 0 auto;min-width:3.125rem;padding:0 var(--s3)}
@media(min-width:70em){.sticky.show{display:none}}

/* ---------- Dialog / toast ---------- */
dialog{border:0;border-radius:var(--r-lg);padding:0;max-width:min(32.5rem,calc(100% - 2rem));width:100%;box-shadow:0 1.875rem 5rem rgba(0,0,0,.35);font-family:var(--font);background:var(--c-surface);color:var(--c-text)}
html.hc dialog{border:2px solid #fff}
dialog::backdrop{background:rgba(14,20,36,.65)}
.dlg{padding:var(--s6);display:grid;gap:var(--s4)}
.dlg h2{font-size:1.5rem}
.dlg ul{margin:0;padding-inline-start:1.2em;color:var(--c-muted)}
.dlg .sum{background:var(--c-bg);border-radius:var(--r-md);padding:var(--s3) var(--s4);font-size:1rem;white-space:pre-line;color:var(--c-text)}
html.hc .dlg .sum{border:1px solid #fff}
.dlg .row{display:grid;gap:var(--s3)}
.toast{position:fixed;inset-inline:1rem;bottom:6rem;margin-inline:auto;width:fit-content;background:var(--navy-900);color:#fff;padding:.625rem 1.125rem;border-radius:999px;font-weight:500;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s}
html.hc .toast{background:#000;border:2px solid #fff}
.toast.on{opacity:1}

/* ---------- Inner pages (privacy / terms / accessibility / 404) ---------- */
.inner-page{padding:var(--s7) 0}
.inner-page .doc{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--s6);max-width:50rem}
html.hc .inner-page .doc{border-width:2px}
.doc h1{font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:var(--s4)}
.doc h2{font-size:1.5rem;margin:var(--s6) 0 var(--s2)}
.doc p,.doc li{max-width:68ch;color:var(--c-text)}
.doc p+p{margin-top:var(--s3)}
.doc ul{padding-inline-start:1.3em}
.doc li+li{margin-top:var(--s2)}
.doc .legal-banner{margin:0 0 var(--s5)}
.doc a{font-weight:700}
.doc .back{margin-top:var(--s6)}
.doc .back a{display:inline-flex;align-items:center;gap:.5rem;min-height:var(--tap)}
.notfound{text-align:center;padding:var(--s8) 0}
.notfound .row{display:flex;flex-wrap:wrap;gap:var(--s3);justify-content:center;margin-top:var(--s5)}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition-property:opacity,color,background-color,border-color,fill!important;transition-duration:.15s!important;transition-timing-function:ease-out!important}}
@media(forced-colors:active){.btn,.hbtn,.opt label{border:2px solid ButtonText}.opt input:checked+label{border-color:Highlight}}

/* =========================================================
   Added: placeholders, disclosures, company cards, consent, lead form
   ========================================================= */
.ph{display:inline-block;direction:ltr;unicode-bidi:isolate;background:#FFF1D6;color:#5C3700;border:1px dashed #8A5300;border-radius:var(--r-xs);padding:0 .3rem;font-weight:700;font-size:.9em;line-height:1.5}
.ph-note{display:inline-block;color:inherit;font-weight:700;font-size:1em}
html.hc .ph{background:#000;color:#FFE500;border-color:#FFE500}
.legal-box{background:var(--c-warn-bg);color:var(--c-warn-text);border:1px dashed var(--c-warn-line);border-radius:var(--r-md);padding:var(--s3) var(--s4);font-size:1rem}
html.hc .legal-box{border:2px dashed #fff}
.disclosure-wrap{padding:0 0 var(--s4)}
.co-links{display:flex;flex-wrap:wrap;gap:0 var(--s3);margin:0;padding:0;list-style:none;font-size:.875rem}
.co-links a{display:inline-flex;align-items:center;gap:.25rem;min-height:var(--tap);font-weight:700}
.co-links .ico{width:1em;height:1em}
.buy-note{margin-top:var(--s5);color:var(--c-muted);font-size:1rem;max-width:none}
.contact-card{display:grid;gap:var(--s2)}
.contact-card .ph{align-self:start}
.cov-more{margin-top:var(--s5);font-size:.875rem;color:var(--c-muted);max-width:75ch}
.cov-more a{font-weight:700}
.tile h3{margin-bottom:var(--s2)}
.tile .why{margin-top:var(--s2)}
.lead-form{display:grid;gap:var(--s4);max-width:30rem}
.lead-form .field input[type=text],.lead-form .field input[type=tel],.lead-form .field input[type=email]{min-height:var(--tap-lg);padding:0 var(--s3);border:2px solid var(--c-control);border-radius:var(--r-md);background:var(--c-surface);color:var(--c-text);width:100%}
.check{display:flex;gap:var(--s3);align-items:flex-start;min-height:var(--tap)}
.check input{width:1.5rem;height:1.5rem;flex:none;margin-top:.1rem;accent-color:var(--c-accent)}
.check label{font-size:1rem}
.example-section .example-flag{margin-bottom:var(--s4)}
.dest-single{grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr))}
.trav-row{display:grid;grid-template-columns:1fr auto;gap:var(--s3);align-items:end;border:2px solid var(--c-control);border-radius:var(--r-md);padding:var(--s3) var(--s4)}
.trav-row input{min-height:var(--tap-lg);width:6rem;padding:0 var(--s3);border:2px solid var(--c-control);border-radius:var(--r-md);background:var(--c-surface);color:var(--c-text)}
.chips-row{display:flex;flex-wrap:wrap;gap:var(--s2)}
.sub-note{font-size:.875rem;color:var(--c-muted);margin-top:var(--s2)}
.site-footer .ph{color:#5C3700}
html.hc .site-footer .ph{color:#FFE500}
.mx-auto{margin-inline:auto}
.eyebrow{font-weight:700;font-size:1rem;color:var(--c-on-dark-muted);margin-bottom:var(--s3)}
.steps-list{list-style:none;padding:0}
.tile .tier{font-size:.875rem;font-weight:700;color:var(--c-accent-text);margin-bottom:var(--s2)}
.hbtn .hbtn-t{display:none}
@media(min-width:48em){.hbtn .hbtn-t{display:inline}}
.hbtn{padding:0 .625rem}
.mt-lg{margin-top:1.5rem}.mt-md{margin-top:1rem}.res-title{font-size:1.5rem}
.site-header .in{flex-wrap:wrap;row-gap:0}
.head-actions{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:30em){html.big .brand-name{display:none}}
.grid.c3{grid-template-columns:minmax(0,1fr)}
@media(min-width:44em){.grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.watermark{overflow:hidden}
.example-section{overflow-x:clip}

.tile,.card{min-width:0}

/* =========================================================
   Insurers: four equal, warm cards in one row on desktop (2x2 on tablets, single column on phones).
   Breakpoints are in em so they also respond to enlarged text.
   Text wordmarks only (no logos, no brand colours): name in our own typography on a soft tint.
   ========================================================= */
.buy-direct{padding:var(--s7) 0}
.co-list{display:grid;gap:var(--s5);margin-top:var(--s6);grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr}
@media(min-width:36em){.co-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:64em){.co-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4)}}
.co-card{display:flex;flex-direction:column;gap:var(--s4);padding:var(--s5);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);box-shadow:var(--c-shadow);min-width:0;height:100%}
html.hc .co-card{border-width:2px;box-shadow:none}
.co-name{display:flex;align-items:center;justify-content:center;gap:var(--s3);min-height:5.5rem;padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--tint-1);text-align:center}
.co-card:nth-child(2) .co-name{background:var(--tint-2)}
.co-card:nth-child(3) .co-name{background:var(--tint-3)}
.co-card:nth-child(4) .co-name{background:var(--tint-4)}
html.hc .co-name{border:2px solid #fff}
.co-name h3{font-size:clamp(1.375rem,5vw,1.625rem);font-weight:800;letter-spacing:.01em;color:var(--c-heading);overflow-wrap:anywhere;min-width:0}
.co-card p{color:var(--c-muted);font-size:1rem;flex:1}
.co-card .btn{width:100%;white-space:normal;max-width:100%;margin-top:auto}

/* ---------- Disclosure + agent card (warm, soft) ---------- */
.disclosure{background:linear-gradient(160deg,var(--c-warm-1),var(--c-warm-2));border:1px solid var(--c-warm-line);border-radius:var(--r-lg);padding:var(--s5) var(--s5);color:var(--c-text);box-shadow:var(--c-shadow)}
@media(min-width:48em){.disclosure{padding:2.5rem var(--s7)}}
html.hc .disclosure{background:#000;border:2px solid #fff;box-shadow:none}
.disclosure h2{font-size:1rem;font-weight:800;color:var(--c-accent-text);margin-bottom:var(--s2);letter-spacing:.02em}
.disc-main{font-size:clamp(1.375rem,3.4vw,1.75rem);font-weight:800;line-height:1.35;color:var(--c-heading);max-width:32ch}
.agent-card{display:grid;gap:var(--s3);margin-top:var(--s4);padding:var(--s4);background:var(--c-surface);border-radius:var(--r-lg);border:1px solid var(--c-warm-line)}
html.hc .agent-card{border:2px solid #fff;background:#000}
@media(min-width:40em){.agent-card{grid-template-columns:auto minmax(0,1fr);gap:var(--s5);align-items:center;padding:var(--s5)}}
.avatar{width:4rem;height:4rem;border-radius:50%;background:var(--c-accent);color:var(--c-on-accent);display:grid;place-items:center}
.avatar .avatar-ico{width:2rem;height:2rem;color:inherit}
html.hc .avatar{border:2px solid #fff}
.agent-name{font-size:1.25rem;font-weight:800;color:var(--c-heading)}
.agent-text{margin-top:var(--s2);font-size:1.125rem;line-height:1.7;color:var(--c-text);max-width:56ch}
.disc-tag{margin-top:var(--s3);font-size:.875rem;color:var(--c-muted)}

/* small screens / enlarged text: let everything shrink and wrap instead of overflowing */
.agent-card>*,.co-card>*,.disclosure>*{min-width:0}
.agent-text,.agent-name,.co-card p{overflow-wrap:anywhere}
.co-card .btn{white-space:normal;max-width:100%}
@media(max-width:39.99em){
  .co-card{padding:var(--s4)}
  .agent-card{padding:var(--s3) var(--s4)}
  .co-name{padding:var(--s3) var(--s4)}
  .disclosure{padding:1.25rem var(--s4)}
}
.ph{max-width:100%;overflow-wrap:anywhere;word-break:break-word}

.co-card p{overflow-wrap:anywhere}

/* email links / buttons */
.mail-link{display:inline-flex;align-items:center;min-height:var(--tap);font-weight:700;color:var(--c-link);text-underline-offset:.2rem;overflow-wrap:anywhere}
.site-footer .mail-link,.about .mail-link,.about .tel-link{color:var(--c-on-dark)}
html.hc .mail-link,html.hc .tel-link{color:var(--c-link)}
.agent-actions{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s4)}
.doc .tel-link,.doc .mail-link{font-weight:700}

/* footer disclosure + bottom disclaimer: full container width (no narrow max-width), airy line-height, one idea per paragraph */
.site-footer .foot-disclosure{margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid var(--c-on-dark-line);max-width:none;width:100%;color:var(--c-on-dark-muted)}
.site-footer .foot-disclosure p{font-size:1rem;line-height:1.9;max-width:none;overflow-wrap:anywhere}
.site-footer .foot-disclosure p+p{margin-top:var(--s3)}
.site-footer .legal{margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--c-on-dark-line);font-size:1rem;max-width:none;width:100%;line-height:1.9;overflow-wrap:anywhere}
html.hc .site-footer .foot-disclosure,html.hc .site-footer .legal{border-top-color:#fff}

/* hero clip: decorative, sits on top of the always-present photo; removed by JS for reduced-motion / high contrast / save-data / errors */
.hero-media{position:relative}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .35s ease;pointer-events:none;background:transparent}
.hero-media.vid-on .hero-video{opacity:1}
.hero-media.vid-done .hero-video{opacity:0}
html.hc .hero-video{display:none}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}}

.about .about-contact{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s5);margin-top:var(--s3)}
.contact-ico-link{display:inline-flex;align-items:center;gap:.5rem;min-height:var(--tap);font-weight:700;text-underline-offset:.2rem;overflow-wrap:anywhere}
.contact-ico-link .ico{flex:none;width:1.25rem;height:1.25rem}

/* ---------- Contact form (name + phone only) ---------- */
.contact-box{display:grid;gap:var(--s5);background:linear-gradient(160deg,var(--c-warm-1),var(--c-warm-2));border:1px solid var(--c-warm-line);border-radius:var(--r-lg);padding:var(--s6) var(--s5);box-shadow:var(--c-shadow)}
html.hc .contact-box{background:#000;border:2px solid #fff;box-shadow:none}
@media(min-width:56em){.contact-box{grid-template-columns:minmax(0,1fr) minmax(0,26rem);gap:var(--s7);padding:var(--s7);align-items:start}}
.contact-box>*{min-width:0}
.contact-intro h2{margin-top:var(--s1)}
.contact-lead{margin-top:var(--s3);font-size:1.25rem;font-weight:700;color:var(--c-heading);max-width:40ch}
.contact-notice{margin-top:var(--s4);font-size:1rem;color:var(--c-text);line-height:1.8;max-width:52ch;overflow-wrap:anywhere}
.contact-notice a{font-weight:700}
.contact-formwrap{background:var(--c-surface);border:1px solid var(--c-warm-line);border-radius:var(--r-lg);padding:var(--s5)}
html.hc .contact-formwrap{border:2px solid #fff}
.contact-form{max-width:none}
.contact-form .field input[type=text],.contact-form .field input[type=tel],.contact-form .field input[type=email]{font-size:1.125rem}
.contact-form .err{margin-top:0;min-height:0}
.contact-form .err:empty{display:none}
.contact-form .check{min-height:var(--tap)}
.contact-form .check label{font-size:1rem;line-height:1.6}
.contact-form .check label a{font-weight:700}
.contact-form .btn{width:100%;min-height:3.5rem;font-size:1.25rem}
.contact-form .btn[disabled]{opacity:.75;cursor:progress}
.contact-form .form-err{padding:var(--s3);border:2px solid var(--c-accent-text);border-radius:var(--r-md)}
.contact-success{font-size:1.25rem;font-weight:700;color:var(--c-heading);line-height:1.6;padding:var(--s4) 0}
.contact-success:focus{outline:3px solid var(--c-focus);outline-offset:4px}
.hp{position:absolute!important;inset-inline-start:-10000px;width:1px;height:1px;overflow:hidden}
@media(max-width:39.99em){.contact-box{padding:var(--s5) var(--s4)}.contact-formwrap{padding:var(--s4)}}

/* ---------- Comparison engine (#compare on the home page; client-side, example rates) ---------- */
.cmp-sec{padding:var(--sec-y) 0}
.cmp-sec .kicker{margin-bottom:var(--s2)}
.cmp-lead{margin:var(--s2) 0 var(--s5);color:var(--c-muted);font-size:1.125rem}
.cmp-progress{position:relative;max-width:52rem;height:2.75rem;display:flex;align-items:center}
.cmp-track{width:100%;height:.5rem;background:var(--c-surface-2);border:1px solid var(--c-line);border-radius:999px;overflow:hidden}
.cmp-track span{display:block;height:100%;width:25%;background:var(--c-accent);border-radius:999px;transition:width .5s ease}
.cmp-plane{position:absolute;top:50%;inset-inline-start:calc((100% - 2.5rem) * .1667);width:2.5rem;height:2.5rem;margin-top:-1.25rem;display:grid;place-items:center;border-radius:50%;background:var(--c-surface);border:2px solid var(--c-accent);color:var(--c-accent);transition:inset-inline-start .5s ease}
.cmp-plane .ico{width:1.25rem;height:1.25rem;transform:scaleX(-1) rotate(45deg)}  /* Lucide plane points up-right; mirrored + turned to fly forward (leftwards) in RTL */
.cmp-stepno{margin:var(--s2) 0 var(--s3);color:var(--c-muted);font-weight:700}
.cmp{max-width:52rem;padding:var(--s5) var(--s4)}
@media(min-width:40em){.cmp{padding:var(--s6)}}
.cmp h3{margin:0 0 var(--s4);color:var(--c-heading);font-size:1.5rem;font-weight:800}
.cmp h3:focus{outline:none}
.cmp-fs,.cmp-group{border:0;margin:0 0 var(--s5);padding:0;min-width:0}
.cmp-fs legend,.cmp-group legend{font-weight:800;color:var(--c-heading);font-size:1.125rem;margin-bottom:var(--s3);padding:0}
.cmp label{font-weight:700;color:var(--c-text)}
.cmp input[type=search],.cmp input[type=date],.cmp input[type=number]{font:inherit;font-size:1.125rem;min-height:var(--tap-lg);padding:.25rem .75rem;border:2px solid var(--c-control);border-radius:var(--r-sm);background:var(--c-surface);color:var(--c-text);width:100%;min-width:0}
.cmp-hint{color:var(--c-muted);margin:var(--s1) 0 var(--s3);font-size:1rem}
.cmp-sub{font-weight:700;margin:var(--s3) 0 var(--s2)}
.cmp-search{margin-bottom:var(--s3)}
.cmp-search label{display:block;margin-bottom:var(--s1)}
.cmp-sugg{display:flex;flex-wrap:wrap;gap:var(--s2)}
.cmp-sg{padding-inline:var(--s4)}
.cmp-sg-r,.cmp-pk-r{font-weight:400;color:var(--c-muted)}
.cmp-picked-h{font-weight:700;margin-bottom:var(--s2)}
.cmp-picked{list-style:none;margin:0 0 var(--s2);padding:0;display:flex;flex-wrap:wrap;gap:var(--s2)}
.cmp-picked li{display:inline-flex;align-items:center;gap:var(--s1);padding-inline-start:var(--s4);border:2px solid var(--c-accent);border-radius:999px;background:var(--c-check-bg);font-weight:700}
.cmp-picked .hbtn{border:0;border-radius:999px}
.cmp-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(10rem,100%),1fr));gap:var(--s2)}
/* selectable cards: state = thick border + background + ✓ box + "נבחר" text (never colour alone) */
.cmp-chip,.cmp-seg label,.cmp-addon{position:relative;display:flex;align-items:center;gap:var(--s3);min-height:3.25rem;padding:.5rem .875rem;border:2px solid var(--c-control);border-radius:var(--r-md);background:var(--c-surface);cursor:pointer}
.cmp-chip input,.cmp-seg input,.cmp-addon input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.cmp-box{flex:none;display:grid;place-items:center;width:1.75rem;height:1.75rem;border:2px solid var(--c-control);border-radius:var(--r-xs);background:var(--c-surface);color:var(--c-on-accent)}
.cmp-seg .cmp-box{border-radius:50%}
.cmp-box .ico{width:1.125rem;height:1.125rem;stroke-width:3;visibility:hidden}
.cmp-chip:has(input:checked),.cmp-seg label:has(input:checked),.cmp-addon:has(input:checked){border-width:4px;padding:calc(.5rem - 2px) calc(.875rem - 2px);border-color:var(--c-accent);background:var(--c-check-bg)}
:has(input:checked)>.cmp-box{background:var(--c-accent);border-color:var(--c-accent)}
:has(input:checked)>.cmp-box .ico{visibility:visible}
.cmp-chip:has(input:focus-visible),.cmp-seg label:has(input:focus-visible),.cmp-addon:has(input:focus-visible){outline:3px solid var(--c-focus);outline-offset:2px}
.cmp-seg{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);margin-bottom:var(--s3);max-width:26rem}
.cmp-dates{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s3)}
.cmp-dates>div{min-width:0}
.cmp-dates label,.cmp-stepper-row>label{display:block;margin-bottom:var(--s1)}
.cmp-stepper{display:flex;align-items:center;gap:var(--s2)}
.cmp-stepper input{max-width:5.5rem;text-align:center}
.cmp-total{font-weight:700;color:var(--c-heading);margin:var(--s2) 0 0}
.cmp-err{color:var(--c-err);font-weight:700;margin:var(--s2) 0 0}
.cmp-err:empty{display:none}
.cmp-trav{list-style:none;margin:0 0 var(--s3);padding:0;display:grid;gap:var(--s2)}
.cmp-tr,#cmp-days-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s4);padding:var(--s3);border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-bg)}
.cmp-tr>label,#cmp-days-wrap>label{min-width:7rem}
.cmp-rm{margin-inline-start:auto}
.cmp-base{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--c-note-bg);color:var(--c-note-text);margin-bottom:var(--s5)}
.cmp-base p{margin:0}.cmp-base .ico{flex:none;margin-top:.2rem}
.cmp-addons{display:grid;gap:var(--s2)}
@media(min-width:40em){.cmp-addons{grid-template-columns:1fr 1fr}}
.cmp-addon{min-height:4.25rem;padding:var(--s3)}
.cmp-addon:has(input:checked){padding:calc(var(--s3) - 2px)}
.cmp-addon-ico{flex:none;display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--c-surface-2);color:var(--c-accent)}
.cmp-addon-t{display:grid;gap:.125rem;flex:1}
.cmp-addon-t span{font-weight:400;color:var(--c-muted);font-size:1rem}
.cmp-state{flex:none;font-size:.875rem;font-weight:700;color:var(--c-muted);padding:.125rem .5rem;border:1px solid var(--c-line);border-radius:999px}
.cmp-addon:has(input:checked) .cmp-state{color:var(--c-heading);border-color:var(--c-accent);background:var(--c-surface)}
.cmp-follow{margin-top:var(--s2);padding:var(--s3);border:2px dashed var(--c-accent);border-radius:var(--r-md)}
.cmp-follow label{display:block;margin-bottom:var(--s1)}
.cmp-follow input{max-width:8rem}
.cmp-nav{display:flex;justify-content:space-between;gap:var(--s3);margin-top:var(--s4);flex-wrap:wrap}
.cmp-nav #cmp-next{margin-inline-start:auto}
.cmp-example{padding:var(--s3) var(--s4);border:2px solid var(--c-warn-line);background:var(--c-warn-bg);color:var(--c-warn-text);border-radius:var(--r-md);font-size:1.125rem;margin-bottom:var(--s3)}
.cmp-example[hidden]{display:none}
.cmp-summary p{line-height:1.8}
.cmp-addons-btn{min-height:var(--tap);padding:.25rem var(--s4)}
.cmp-edit{display:flex;flex-wrap:wrap;gap:0 var(--s2)}
.cmp-live{font-weight:700;color:var(--c-heading);margin-top:var(--s2)}
.cmp-results{list-style:none;margin:0 0 var(--s4);padding:0;display:grid;gap:var(--s3)}
.cmp-res{padding:var(--s4);display:grid;gap:var(--s3)}
.cmp-res-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--s2)}
.cmp-wm{margin:0;font-size:1.5rem;font-weight:800;color:var(--c-heading)}
.cmp-price{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem var(--s2)}
.cmp-amt{font-size:1.75rem;font-weight:800;color:var(--c-accent);direction:ltr;unicode-bidi:isolate}
.cmp-amt-s{direction:ltr;unicode-bidi:isolate}
.cmp-per{color:var(--c-muted);font-size:1rem}
.cmp-tag{font-size:.875rem;font-weight:700;padding:.125rem .5rem;border-radius:999px;background:var(--c-warn-bg);color:var(--c-warn-text);border:1px solid var(--c-warn-line)}
.cmp-na{color:var(--c-muted);font-weight:700}
.cmp-cov{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2)}
.cmp-cov li{display:flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:var(--r-sm);background:var(--c-surface-2);color:var(--c-text);font-size:1rem}
.cmp-cov li.na{background:var(--c-no-bg);color:var(--c-no)}
.cmp-notes{margin:0;padding-inline-start:1.25rem;color:var(--c-muted);font-size:1rem}
.cmp-preg{font-weight:700;color:var(--c-text)}
.cmp-res-act{display:flex;flex-wrap:wrap;gap:var(--s2)}
.cmp-legal{color:var(--c-muted);font-size:.875rem}
.cmp-dlg{border:2px solid var(--c-line);border-radius:var(--r-lg);padding:0;width:min(32rem,calc(100% - 2rem));max-height:calc(100% - 2rem);background:var(--c-surface);color:var(--c-text)}
.cmp-dlg::backdrop{background:rgba(20,20,20,.55)}
.cmp-dlg-in{padding:var(--s5);display:grid;gap:var(--s3)}
.cmp-dlg-top{display:flex;justify-content:space-between;align-items:center;gap:var(--s3)}
.cmp-dlg-top h3{margin:0;font-size:1.25rem}
.cmp-dlg-sub{font-weight:800;color:var(--c-heading)}
.cmp-dlg-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2)}
.cmp-dlg-list li{display:flex;gap:var(--s2);align-items:center}
.cmp-dlg-list .ico{color:var(--c-accent);flex:none}
html.hc .cmp-chip,html.hc .cmp-seg label,html.hc .cmp-addon,html.hc .cmp-tr,html.hc .cmp-dlg,html.hc #cmp-days-wrap{border-color:#fff;background:#000;color:#fff}
html.hc .cmp-chip:has(input:checked),html.hc .cmp-seg label:has(input:checked),html.hc .cmp-addon:has(input:checked){border-color:#FFE500;background:#1A1A00}
html.hc :has(input:checked)>.cmp-box{background:#FFE500;border-color:#FFE500;color:#000}
html.hc .cmp-box{border-color:#fff;background:#000}
html.hc .cmp-err{color:#FF8A8A}
html.hc .cmp-track{border-color:#fff}
html.hc .cmp-plane{background:#000;border-color:#FFE500;color:#FFE500}
html.hc .cmp-example{border-color:#FFE500}
html.hc .cmp-picked li{border-color:#FFE500;background:#000}
html.hc .cmp-dlg::backdrop{background:rgba(0,0,0,.85)}
@media(prefers-reduced-motion:reduce){.cmp-segp,.cmp-plane{transition:none}}
.cmp-seg{grid-template-columns:repeat(auto-fit,minmax(min(9rem,100%),1fr))}
.cmp-chip,.cmp-seg label,.cmp-addon{min-width:0}
.cmp-chip>span:last-child,.cmp-seg label>span:last-child,.cmp-addon-t{min-width:0;overflow-wrap:anywhere}
.cmp-picked li,.cmp-sg{max-width:100%;overflow-wrap:anywhere}
.cmp input[type=date]:focus,.cmp input[type=date]:focus-within{outline:.1875rem solid var(--c-focus) !important;outline-offset:.1875rem}
.cmp-res .btn{white-space:normal;max-width:100%}
.cmp-res-act>.btn{min-width:var(--tap);overflow-wrap:anywhere;flex:1 1 auto}
.cmp-reg-ico{flex:none;color:var(--c-accent);width:1.375rem;height:1.375rem}
.cmp-chip{gap:var(--s2)}
html.hc .cmp-reg-ico{color:#FFE500}
/* progress: 3 separate segments (RTL order follows the DOM). done = solid fill + ✓ number, current = thick solid outline + half fill, upcoming = dashed outline (non-colour cue) */
.cmp-segs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%}
.cmp-segp{position:relative;height:.75rem;border-radius:999px;border:2px dashed var(--c-control);background:var(--c-surface);transition:background-color .3s}
.cmp-segp.cur{border-style:solid;border-color:var(--c-accent);background:linear-gradient(to left,var(--c-accent) 50%,var(--c-surface) 50%)}
.cmp-segp.done{border-style:solid;border-color:var(--c-accent);background:var(--c-accent)}
.cmp-segp-n{position:absolute;top:1rem;inset-inline-start:0;font-size:.875rem;font-weight:700;color:var(--c-muted)}
.cmp-segp.done .cmp-segp-n::after{content:" ✓"}
.cmp-progress{margin-bottom:var(--s3)}
html.hc .cmp-segp{border-color:#fff;background:#000}
html.hc .cmp-segp.cur{border-color:#FFE500;background:linear-gradient(to left,#FFE500 50%,#000 50%)}
html.hc .cmp-segp.done{border-color:#FFE500;background:#FFE500}
.cmp-chip{flex-wrap:wrap;row-gap:.25rem}
.cmp-chip>span:last-child{flex:1 1 5.5rem;overflow-wrap:break-word}
@media(max-width:30em){.cmp{padding:var(--s4) var(--s3)}}
/* equal-size cards: every cell in a grid has the same height, cards fill their cell */
.cmp-addons,.cmp-chips{grid-auto-rows:1fr;align-items:stretch}
.cmp-addon-wrap{display:grid;min-width:0}
.cmp-addon,.cmp-chip{height:100%}
.cmp-follow{margin-top:var(--s3)}
/* simplified results: name + big price + one line + one fit line + 2 buttons; 2x2 on desktop */
.cmp-example{padding:var(--s2) var(--s3);font-size:1rem}
.cmp-sum-line{display:flex;flex-wrap:wrap;align-items:center;gap:0 .25rem;font-weight:700;color:var(--c-heading)}
.cmp-linkbtn{background:none;border:0;padding:0 .25rem;min-height:var(--tap);min-width:var(--tap);font:inherit;font-weight:700;color:var(--c-link);text-decoration:underline;text-underline-offset:.1875rem;cursor:pointer}
.cmp-sorthint{margin:var(--s1) 0 var(--s3)}
.cmp-live{margin-bottom:0}
@media(min-width:48em){.cmp-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}}
.cmp-res{padding:var(--s5);gap:var(--s2);align-content:start}
.cmp-res-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);flex-wrap:wrap}
.cmp-badge{font-size:.875rem;font-weight:700;padding:.1875rem .625rem;border-radius:999px;background:var(--c-yes-bg);color:var(--c-yes);border:1px solid var(--c-yes)}
.cmp-res .cmp-amt{font-size:2.25rem;line-height:1.1}
.cmp-res .cmp-per{margin:0;color:var(--c-muted);font-size:1rem}
.cmp-fit{display:flex;align-items:center;gap:.375rem;margin:var(--s1) 0 0;font-size:1rem;font-weight:700}
.cmp-fit .ico{flex:none;width:1.125rem;height:1.125rem}
.cmp-fit.ok{color:var(--c-yes)}.cmp-fit.miss{color:var(--c-warn-text)}
.cmp-res-act{margin-top:var(--s3)}
.cmp-dlg-notes{margin:0;padding-inline-start:1.25rem;color:var(--c-text)}
html.hc .cmp-badge{background:#000;color:#7CFFB2;border-color:#7CFFB2}
html.hc .cmp-linkbtn{color:#7FD1FF}
.cmp-state{white-space:normal;min-width:0;max-width:100%;overflow-wrap:anywhere}
.cmp-addon{flex-wrap:wrap}.cmp-addon .cmp-addon-t{flex:1 1 8rem}.cmp-state{flex:0 1 auto}
/* stepper: numbered circles + thin solid connector */
.cmp-stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0 auto var(--s2);padding:0;max-width:34rem}
.cmp-st{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center;min-width:0}
.cmp-st+.cmp-st::before{content:"";position:absolute;top:1.5rem;inset-inline-start:-50%;width:100%;height:2px;margin-top:-1px;background:var(--c-line);z-index:0}
.cmp-st.done+.cmp-st::before{background:var(--c-accent)}
.cmp-st-w{position:relative;z-index:1;height:3rem;display:grid;place-items:center}
.cmp-st-dot{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;border:2px solid var(--c-control);background:var(--c-surface);color:var(--c-heading);font-weight:700;font-size:1rem;transition:width .25s,height .25s,background-color .25s}
.cmp-st-dot .ico{width:1.125rem;height:1.125rem}
.cmp-st.done .cmp-st-dot{background:var(--c-accent);border-color:var(--c-accent);color:#fff}
.cmp-st.cur .cmp-st-dot{width:3rem;height:3rem;border:3px solid var(--c-accent);color:var(--c-accent)}
.cmp-st.cur .cmp-st-dot .ico{width:1.375rem;height:1.375rem;transform:scaleX(-1) rotate(45deg)}
.cmp-st-l{font-size:.875rem;font-weight:700;color:var(--c-muted);overflow-wrap:anywhere}
.cmp-st.cur .cmp-st-l{color:var(--c-heading)}
@media(prefers-reduced-motion:reduce){.cmp-st-dot{transition:none}}
html.hc .cmp-st+.cmp-st::before{background:#fff}html.hc .cmp-st.done+.cmp-st::before{background:#FFE500}
html.hc .cmp-st-dot{background:#000;border-color:#fff;color:#fff}html.hc .cmp-st.done .cmp-st-dot{background:#FFE500;border-color:#FFE500;color:#000}html.hc .cmp-st.cur .cmp-st-dot{border-color:#FFE500;color:#FFE500}html.hc .cmp-st-l{color:#fff}
/* region cards: checkbox, icon and name always on one row (selected = unselected layout) */
.cmp-chip{flex-wrap:nowrap}
.cmp-chip>.cmp-box,.cmp-chip>.cmp-reg-ico{flex:none}
.cmp-chip>span:last-child{flex:1 1 0;min-width:0;overflow-wrap:break-word}
.cmp-chips{grid-template-columns:repeat(auto-fill,minmax(min(11rem,100%),1fr))}
.cmp-chip>span:last-child{overflow-wrap:normal}
/* collapsible add-on categories */
.cmp-collapsible{border:1px solid var(--c-line);border-radius:var(--r-md);padding:0;margin-bottom:var(--s3)}
.cmp-grp-h{display:flex;align-items:center;gap:var(--s2);width:100%;min-height:var(--tap);padding:var(--s3) var(--s4);background:none;border:0;border-radius:var(--r-md);font:inherit;font-weight:700;color:var(--c-heading);text-align:start;cursor:pointer}
.cmp-grp-h:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}
.cmp-grp-t{flex:1 1 auto;min-width:0}
.cmp-grp-n{font-weight:400;color:var(--c-muted)}
.cmp-grp-sel:not(:empty){font-size:.875rem;padding:.125rem .5rem;border-radius:999px;border:1px solid var(--c-accent);background:var(--c-check-bg);color:var(--c-heading)}
.cmp-grp-h .ico{flex:none;width:1.25rem;height:1.25rem;transition:transform .2s}
.cmp-collapsible.open .cmp-grp-h .ico{transform:rotate(180deg)}
.cmp-grp-body{padding:0 var(--s4) var(--s4)}
@media(prefers-reduced-motion:reduce){.cmp-grp-h .ico{transition:none}}
html.hc .cmp-collapsible{border-color:#fff}html.hc .cmp-grp-h{color:#fff}html.hc .cmp-grp-n{color:#fff}html.hc .cmp-grp-sel:not(:empty){background:#000;color:#FFE500;border-color:#FFE500}
/* stepper spans the engine card's width: step 1 at the right edge, step 3 at the left edge */
.cmp-stepper{display:flex;max-width:none;margin:0 0 var(--s2);padding:0 0 1.5rem}
.cmp-st{flex:1 1 0;display:flex;flex-direction:column;align-items:flex-end;gap:0}
.cmp-st:first-child{flex:none;width:3rem}
.cmp-st-w{width:3rem}
.cmp-st+.cmp-st::before{top:1.5rem;inset-inline-start:0;inset-inline-end:3rem;width:auto}
.cmp-st-l{position:absolute;top:3.25rem;white-space:nowrap}
.cmp-st:first-child .cmp-st-l{right:0}
.cmp-st:last-child .cmp-st-l{left:0}
.cmp-st:nth-child(2) .cmp-st-l{left:1.5rem;transform:translateX(-50%)}
.cmp-stepper{max-width:52rem}
/* destination combobox dropdown */
.cmp-search{position:relative}
.cmp-sugg{display:block;list-style:none;margin:var(--s1) 0 0;padding:var(--s1) 0;max-height:18rem;overflow-y:auto;border:2px solid var(--c-control);border-radius:var(--r-md);background:var(--c-surface);box-shadow:var(--shadow-raised)}
.cmp-sugg[hidden]{display:none}
.cmp-sg{display:flex;align-items:center;gap:.375rem;min-height:var(--tap);padding:.5rem var(--s4);cursor:pointer;font-weight:700;color:var(--c-heading)}
.cmp-sg:hover,.cmp-sg[aria-selected=true]{background:var(--c-check-bg);outline:2px solid var(--c-accent);outline-offset:-2px}
.cmp-sg-none{padding:.5rem var(--s4)}
html.hc .cmp-sugg{background:#000;border-color:#fff}html.hc .cmp-sg{color:#fff}html.hc .cmp-sg[aria-selected=true]{background:#1A1A00;outline-color:#FFE500}
/* DD/MM/YYYY date field + calendar popup */
.dp-field{position:relative;display:flex;align-items:stretch;gap:var(--s1)}
.cmp .dp-input{flex:1 1 auto;min-width:0;font:inherit;font-size:1.125rem;min-height:var(--tap-lg);padding:.25rem .75rem;border:2px solid var(--c-control);border-radius:var(--r-md);background:var(--c-surface);color:var(--c-text);direction:ltr;text-align:right}
.cmp .dp-input:focus{outline:.1875rem solid var(--c-focus);outline-offset:.1875rem}
.dp-btn{flex:none;min-width:var(--tap-lg);min-height:var(--tap-lg);border:2px solid var(--c-control);border-radius:var(--r-md);background:var(--c-surface);color:var(--c-heading)}
.dp-btn:focus-visible{outline:.1875rem solid var(--c-focus);outline-offset:.1875rem}
.cmp-date-hint{grid-column:1/-1;margin:0}
.dp{position:absolute;top:calc(100% + .25rem);inset-inline-start:0;z-index:30;width:min(20rem,calc(100vw - 2rem));padding:var(--s3);border:2px solid var(--c-control);border-radius:var(--r-md);background:var(--c-surface);box-shadow:var(--shadow-raised)}
.cmp-dates>div:nth-child(2) .dp{inset-inline-start:auto;inset-inline-end:0}
.dp-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}
.dp-head .hbtn{min-width:var(--tap);min-height:var(--tap)}
.dp-head .hbtn:disabled{opacity:.4;cursor:not-allowed}
.dp-title{margin:0;font-weight:700;color:var(--c-heading)}
.dp-grid{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:var(--s2)}
.dp-grid th{font-size:.875rem;font-weight:700;color:var(--c-muted);padding:.25rem 0}
.dp-grid td{padding:1px;text-align:center}
.dp-day{width:100%;min-height:2.5rem;border:2px solid transparent;border-radius:var(--r-sm,.5rem);background:none;font:inherit;font-weight:700;color:var(--c-heading);cursor:pointer}
.dp-day:hover{border-color:var(--c-control)}
.dp-day:focus-visible{outline:3px solid var(--c-focus);outline-offset:1px}
.dp-day.today{text-decoration:underline;text-underline-offset:.2rem}
.dp-day.sel{background:var(--c-accent);border-color:var(--c-accent);color:#fff}
.dp-day[aria-disabled=true]{color:var(--c-muted);opacity:.55;text-decoration:line-through;cursor:not-allowed}
.dp-help{margin:var(--s2) 0 0;font-size:.875rem;color:var(--c-muted)}
.dp-close{margin-top:var(--s2);min-height:var(--tap)}
html.hc .dp,html.hc .dp-input,html.hc .dp-btn{background:#000;color:#fff;border-color:#fff}html.hc .dp-day{color:#fff}html.hc .dp-day.sel{background:#FFE500;color:#000}html.hc .dp-title,html.hc .dp-grid th,html.hc .dp-help{color:#fff}
@media(max-width:30em){.cmp-dates{grid-template-columns:minmax(0,1fr)}.cmp-dates>div:nth-child(2) .dp{inset-inline-start:0;inset-inline-end:auto}}
/* results: vertical list of full-width rows (RTL: logo+name | price | coverage | buttons on the left) */
@media(min-width:48em){.cmp-results{grid-template-columns:minmax(0,1fr)}}
.cmp-res-top{justify-content:flex-start;flex-wrap:nowrap}
.cmp-res-nm{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;min-width:0}
.cmp-logo{flex:none;width:3rem;height:3rem;border-radius:50%;object-fit:contain}
.cmp-logo-ph{display:grid;place-items:center;background:var(--c-check-bg);border:2px solid var(--c-line);color:var(--c-heading);font-weight:800;font-size:1.25rem}
.cmp-res-pr .cmp-price{margin:0}
@media(min-width:56em){
  .cmp-res{display:grid;grid-template-columns:minmax(11rem,1.1fr) minmax(9rem,1fr) minmax(10rem,1.2fr) auto;align-items:center;column-gap:var(--s4);padding:var(--s4) var(--s5)}
  .cmp-res .cmp-amt{font-size:2rem}
  .cmp-res-fit .cmp-fit{margin:0}
  .cmp-res-act{margin:0;display:flex;flex-direction:column;gap:var(--s2);min-width:12rem}
  .cmp-res-act>.btn{flex:none;width:100%}
}
html.hc .cmp-logo-ph{background:#000;color:#fff;border-color:#fff}
.cmp-res>*{min-width:0}.cmp-res-nm{flex:1 1 auto}.cmp-badge{white-space:normal;max-width:100%}
@media(min-width:56em){
  .cmp-res{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) 12.5rem;grid-template-areas:"id pr act" "id fit act";column-gap:var(--s4);row-gap:.25rem}
  .cmp-res-top{grid-area:id}.cmp-res-pr{grid-area:pr;align-self:end}.cmp-res-fit{grid-area:fit;align-self:start}.cmp-res-act{grid-area:act;min-width:0}
  .cmp-res-act>.btn{white-space:nowrap;padding-inline:var(--s3)}
  .cmp-res .cmp-amt{font-size:2rem}
}
@media(min-width:56em){.cmp-res{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) 14rem}}
/* engine aligns with every other section: same .wrap width/edges */
.cmp,.cmp-stepper{max-width:none}
/* comfortable inner measure inside the full-width engine card */
.cmp-step:not([data-step="4"])>*{max-width:46rem}
.cmp-nav{max-width:46rem}
@media(min-width:64em){
  .cmp-res{grid-template-columns:minmax(12rem,1fr) minmax(10rem,.9fr) minmax(12rem,1.1fr) 14rem;grid-template-areas:"id pr fit act";column-gap:var(--s5);padding:var(--s4) var(--s6)}
  .cmp-res-pr,.cmp-res-fit{align-self:center}
  .cmp-res-act{flex-direction:column}
}
.cmp-logo-ph .ico{width:1.375rem;height:1.375rem;color:var(--c-heading);transform:scaleX(-1) rotate(45deg)}
/* per-traveller add-ons ("למי?") */
.cmp-who-box{display:grid;gap:var(--s2);margin-top:var(--s3)}
.cmp-who{margin:0;padding:var(--s2) var(--s3);border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface-2)}
.cmp-who legend{padding:0 var(--s1);font-weight:700;font-size:1rem;color:var(--c-heading)}
.cmp-who legend span{font-weight:400;color:var(--c-muted)}
.cmp-who-opts{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s3)}
.cmp-who-opts label{display:inline-flex;align-items:center;gap:var(--s2);min-height:var(--tap);cursor:pointer;font-size:1rem}
.cmp-who-opts input{width:1.25rem;height:1.25rem;accent-color:var(--c-accent);margin:0}
.cmp-who-opts input:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}
.cmp-who-l{display:block;font-size:.875rem;color:var(--c-muted)}
.cmp-who-g{color:var(--c-heading)}
html.hc .cmp-who{background:#000;border-color:#fff}html.hc .cmp-who legend,html.hc .cmp-who legend span,html.hc .cmp-who-l{color:#fff}
/* ===== 2026-10-13: read-only regions with map silhouettes, coverage info popover, polish layer (Theme B) ===== */

.cmp-addon-wrap{position:relative}
.cmp-addon-wrap .cmp-addon{padding-inline-end:3rem}
.cmp-addon-wrap .cmp-info{position:absolute;inset-block-start:.4rem;inset-inline-end:.4rem;z-index:2}
.cmp-info{display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);min-width:var(--tap);border:0;border-radius:50%;background:transparent;color:var(--c-link);cursor:pointer;margin-inline-start:auto}
.cmp-info:hover{background:var(--c-check-bg)}
.cmp-info:focus-visible{outline:3px solid var(--c-focus);outline-offset:1px}
.cmp-info .ico{width:1.2rem;height:1.2rem}

/* polish: calmer surfaces, consistent radius, soft shadows, more air */
:root{--r-sm:.625rem;--r-md:.875rem;--r-lg:1.25rem;--c-shadow:0 1px 2px rgba(31,35,40,.06),0 .5rem 1.5rem rgba(31,35,40,.06)}
body{font-family:var(--font);line-height:1.6}
h1,h2,h3{letter-spacing:-.01em;line-height:1.25}
.cmp-step{display:grid;gap:var(--s5)}
.cmp-step[hidden]{display:none}
.cmp-chip,.cmp-addon,.cmp-seg label{border-width:1px;box-shadow:var(--shadow-rest);transition:border-color .15s,box-shadow .15s}
.cmp-chip:hover,.cmp-addon:hover{box-shadow:var(--c-shadow)}
.cmp-chip:has(input:checked),.cmp-seg label:has(input:checked),.cmp-addon:has(input:checked){border-width:3px;padding:calc(.5rem - 2px) calc(.875rem - 2px)}
.cmp-addon-wrap .cmp-addon:has(input:checked){padding-inline-end:calc(3rem - 2px)}
.cmp-addon-t span{color:var(--c-muted);font-size:1rem}
.cmp-group{border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--s4) var(--s5);background:var(--c-surface)}
.cmp-addons{gap:var(--s3)}
@media (prefers-reduced-motion:reduce){.cmp-chip,.cmp-addon,.cmp-seg label{transition:none}}
/* step spacing: the grid gap alone separates sections (no extra fieldset margin); empty chosen-countries area takes no space */
.cmp-step>.cmp-fs,.cmp-step>fieldset{margin-bottom:0}
.cmp-search{margin-bottom:0}
.cmp-picked-wrap{margin-top:var(--s3)}
.cmp-picked-wrap[hidden],.cmp-reg-data[hidden]{display:none!important}
#cmp-q-hint{margin-bottom:0}

/* ===== 2026-10-13 design-audit pass (DESIGN_AUDIT.md items 1–17) ===== */
:root{--r-xs:.375rem;--shadow-rest:0 1px 2px rgba(31,35,40,.05);--shadow-raised:0 .75rem 2.5rem rgba(31,35,40,.18);--ease-out:cubic-bezier(.23,1,.32,1);--dur:180ms}
/* 1–2 errors: red text + red field border (contact + engine) */
.cmp-form [aria-invalid=true],#compare [aria-invalid=true],#contact input[aria-invalid=true]:not([type=checkbox]){border-color:var(--c-err)!important;box-shadow:0 0 0 1px var(--c-err)}
html.hc .err{color:#FF8A8A} html.hc [aria-invalid=true]{border-color:#FF8A8A!important;box-shadow:0 0 0 1px #FF8A8A}
/* 3 balanced headlines */
h1,h2,h3{text-wrap:balance}
.hero h1{font-size:clamp(1.75rem,4.1vw,3rem)}
@media (max-width:480px){.hero h1{font-size:clamp(1.625rem,7.6vw,2.125rem)}}
/* 4 hierarchy: engine step heading below section H2 on mobile */
@media (max-width:640px){.cmp-step h3{font-size:1.25rem}}
/* 5 step 3 compact on mobile: 1-line description, state text visually hidden (✓ + border remain) */
@media (max-width:480px){
 .cmp-addon{min-height:3.25rem}
 .cmp-addon-t>span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:.875rem}
 .cmp-addon .cmp-state{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .cmp-addons{gap:var(--s2)}
}
/* 7 phone link = real ≥44px target */
.tel-link{display:inline-flex;align-items:center;gap:var(--s2);min-height:var(--tap);min-width:var(--tap);padding:0 .25rem}
/* 9 motion: tuned easing/duration, press feedback, hover only on hover-capable pointers */
.btn,.cmp-addon,.cmp-chip,.cmp-seg label,.cmp-info{transition-timing-function:var(--ease-out);transition-duration:var(--dur)}
.btn{transition-property:background-color,color,border-color,transform}
.btn:active,.hbtn:active,.cmp-info:active{transform:scale(.97)}
@media (prefers-reduced-motion:reduce){.btn:active,.hbtn:active,.cmp-info:active{transform:none}}
@media (hover:none){.cmp-chip:hover,.cmp-addon:hover{box-shadow:var(--shadow-rest)}}
/* 10 results header calmer */
.cmp-sorthint{font-size:.875rem;color:var(--c-muted)}
.cmp-summary .cmp-sum-line{font-size:.875rem}
/* 11 ⓘ next to its text in dialogs */
.cmp-dlg-list .cmp-info{margin-inline-start:0;width:2.75rem;height:2.75rem}
/* 13 footer/inline links: comfortable tap height in lists */
.site-footer li a{display:inline-flex;align-items:center;min-height:var(--tap)}
/* 16 browser surfaces */
::selection{background:#DDE1FD;color:#1F2328}
input,textarea{caret-color:var(--c-accent)}
a{text-underline-offset:.2em;text-decoration-thickness:.08em}
/* 17 aligned prices */
.cmp-amt,.cmp-amt-s,.cmp-res .cmp-amt{font-variant-numeric:tabular-nums}
#contact input[type=checkbox][aria-invalid=true]{outline:2px solid var(--c-err);outline-offset:2px}
/* step 2 traveller row: one line, everything centred on one axis, 44px controls (the progress-bar .cmp-stepper rules must not leak in) */
.cmp-tr,#cmp-days-wrap{flex-wrap:nowrap;align-items:center;min-height:calc(var(--tap) + 2 * var(--s3))}
.cmp-tr>label,#cmp-days-wrap>label{margin:0;line-height:var(--tap);white-space:nowrap}
.cmp-tr .cmp-stepper,#cmp-days-wrap .cmp-stepper{display:flex;align-items:center;gap:var(--s2);grid-template-columns:none;max-width:none;margin:0;padding:0}
.cmp-tr .hbtn,.cmp-tr .cmp-age,.cmp-tr .cmp-rm,#cmp-days-wrap .hbtn,#cmp-days-wrap #cmp-days{height:var(--tap);min-height:var(--tap);box-sizing:border-box;margin-block:0}
.cmp-tr .cmp-age,#cmp-days-wrap #cmp-days{width:4rem;padding-block:0}
@media (max-width:480px){
 .cmp-tr,#cmp-days-wrap{gap:var(--s2);padding:var(--s2) var(--s3)}
 .cmp-tr .cmp-rm{width:var(--tap);min-width:var(--tap);padding:0;justify-content:center}
 .cmp-tr .cmp-rm span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .cmp-tr .cmp-age,#cmp-days-wrap #cmp-days{width:3.25rem}
}
#compare .cmp-tr input.cmp-age,#compare #cmp-days-wrap input#cmp-days{height:var(--tap);min-height:var(--tap)}

/* ⓘ coverage info: centred modal over a dimmed, blurred backdrop (stacks above the offer dialog) */
.cmp-tipm{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:var(--s4);background:rgba(17,20,24,.45);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity 180ms var(--ease-out)}
.cmp-tipm[hidden]{display:none}
.cmp-tipm.open{opacity:1}
.cmp-tip{position:relative;width:min(26.25rem,100%);max-height:calc(100vh - 2rem);overflow:auto;background:#fff;color:var(--c-text);border-radius:16px;padding:var(--s5);box-shadow:0 1.25rem 3.5rem rgba(31,35,40,.25),0 2px 6px rgba(31,35,40,.08);transform:scale(.96);transition:transform 180ms var(--ease-out)}
.cmp-tipm.open .cmp-tip{transform:none}
.cmp-tip-top{display:flex;align-items:center;gap:var(--s3);padding-inline-end:2.75rem;margin-bottom:var(--s3)}
.cmp-tip-ico{flex:none;display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:#EEF0FF;color:var(--c-accent)}
.cmp-tip-ico .ico{width:1.5rem;height:1.5rem}
.cmp-tip-h{margin:0;font-size:1.25rem;font-weight:800;color:var(--c-heading);line-height:1.3}
.cmp-tip-b{margin:0 0 var(--s3);font-size:1rem;line-height:1.65}
.cmp-tip-tag{margin:0 0 var(--s4)}
.cmp-tip-tag .ph-note{font-size:.75rem;font-weight:700;color:var(--c-muted);background:#F2F3F5;border-radius:999px;padding:.15rem .6rem}
.cmp-tip-x{position:absolute;inset-block-start:.75rem;inset-inline-end:.75rem;width:var(--tap);height:var(--tap)}
.cmp-tip-ok{width:100%}
@media (prefers-reduced-motion:reduce){.cmp-tip{transform:none!important}}
html.hc .cmp-tipm{background:rgba(0,0,0,.8);backdrop-filter:none}
html.hc .cmp-tip{background:#000;color:#fff;border:2px solid #fff}
html.hc .cmp-tip-h{color:#fff} html.hc .cmp-tip-ico{background:#1A1A00;color:#FFE500} html.hc .cmp-tip-tag .ph-note{background:#222;color:#fff}
/* results header: compact rhythm (~8px between lines, ~16px before first row) */
.cmp-step[data-step="4"]{gap:var(--s2)}
.cmp-step[data-step="4"] h3,.cmp-step[data-step="4"] .cmp-summary,.cmp-step[data-step="4"] .cmp-summary p,.cmp-step[data-step="4"] .cmp-live,.cmp-step[data-step="4"] .cmp-sorthint{margin:0}
.cmp-step[data-step="4"] .cmp-summary p{line-height:1.5}
.cmp-step[data-step="4"] .cmp-results{margin-top:var(--s2)}
/* rate-date line: date never breaks, 2 tidy lines */
.nowrap{white-space:nowrap;direction:ltr;unicode-bidi:isolate}
.cmp-valid{line-height:1.45}
.cmp-valid-d{display:block}
/* 2026-10-14: per-traveller legend sits inside the box (no border overlap) */
.cmp-who legend{float:inline-start;width:100%;padding:0;margin:0 0 var(--s1);line-height:1.4}
.cmp-who legend+*{clear:both}
.cmp-who legend span{font-weight:700;color:var(--c-heading)}
/* 2026-10-14: add-on cards = compact card: [✓] [icon] name, divider, "להסבר ופירוט מלא" accordion */
.cmp-addons{grid-auto-rows:auto;align-items:start}
.cmp-addon-wrap{display:flex;flex-direction:column;border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface);box-shadow:var(--shadow-rest);overflow:hidden;transition:border-color .15s,box-shadow .15s}
.cmp-addon-wrap:has(input:checked){border:3px solid var(--c-accent);background:var(--c-check-bg)}
.cmp-addon-wrap .cmp-addon,.cmp-addon-wrap .cmp-addon:has(input:checked){display:flex;flex-wrap:nowrap;align-items:center;gap:var(--s3);height:auto;min-height:3.25rem;padding:var(--s2) var(--s3);border:0;border-radius:0;box-shadow:none;background:transparent}
.cmp-addon-wrap .cmp-addon-ico{width:2.25rem;height:2.25rem;border-radius:10px;background:#EEF0FF;color:var(--c-accent)}
.cmp-addon-wrap .cmp-addon-t{display:block;flex:1}
.cmp-addon-wrap .cmp-addon-t b{font-size:1rem;line-height:1.3}
.cmp-more{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);width:100%;min-height:var(--tap);padding:0 var(--s3);border:0;border-top:1px solid var(--c-line);background:transparent;color:#3A47C8;font:inherit;font-size:.875rem;font-weight:700;cursor:pointer;text-align:start}
.cmp-more .ico{transition:transform .2s var(--ease-out)}
.cmp-more[aria-expanded=true] .ico{transform:rotate(180deg)}
.cmp-more:focus-visible{outline:3px solid var(--c-focus);outline-offset:-3px}
.cmp-more-p{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s var(--ease-out)}
.cmp-more-p.open{grid-template-rows:1fr}
.cmp-more-in{overflow:hidden;min-height:0;padding:0 var(--s3)}
.cmp-more-p.open .cmp-more-in{padding-bottom:var(--s3)}
.cmp-more-in>*{margin:0 0 var(--s2);font-size:.875rem;line-height:1.5;color:var(--c-text)}
.cmp-addon-d{display:block;color:var(--c-muted)}
.cmp-more-tag{margin:0}
@media (prefers-reduced-motion:reduce){.cmp-more .ico,.cmp-more-p,.cmp-addon-wrap{transition:none}}
html.hc .cmp-addon-wrap{border-color:#fff;background:#000}html.hc .cmp-more{color:#FFE500;border-color:#fff}html.hc .cmp-more-in>*{color:#fff}
@media (max-width:480px){
 .cmp-addon-wrap .cmp-addon{gap:var(--s2)}
 .cmp-addon-wrap .cmp-addon-ico{width:2rem;height:2rem}
 .cmp-addon-wrap .cmp-addon-t b{font-size:.9375rem}
 .cmp-who legend{font-size:.9375rem}
 .cmp-tr,#cmp-days-wrap{min-height:0;padding:var(--s2) var(--s3)}
 .cmp-tr>label,#cmp-days-wrap>label{min-width:0;flex:1 1 auto;line-height:1.3}
 .cmp-tr .cmp-stepper,#cmp-days-wrap .cmp-stepper{flex:none;gap:var(--s1)}
 .cmp-tr,#cmp-days-wrap{gap:var(--s1)}
 .cmp-tr>label,#cmp-days-wrap>label{font-size:.875rem;overflow:hidden;text-overflow:ellipsis}
 #compare .cmp-tr input.cmp-age,#compare #cmp-days-wrap input#cmp-days{width:2.75rem;padding-inline:0;text-align:center;-moz-appearance:textfield;appearance:textfield}
 .cmp-tr .cmp-age::-webkit-inner-spin-button,.cmp-tr .cmp-age::-webkit-outer-spin-button,#cmp-days-wrap #cmp-days::-webkit-inner-spin-button,#cmp-days-wrap #cmp-days::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
}

/* price asterisk + footnote under results (deviation disclaimer) */
.cmp-ast{font-size:.55em;font-weight:700;color:var(--c-muted);margin-inline-start:.12em;vertical-align:super;line-height:1}
.cmp-price-fn{margin:var(--s2) 0 0;padding:0;font-size:.875rem;color:var(--c-muted);max-width:none;width:100%}
.cmp-step[data-step="4"] .cmp-price-fn{margin-top:var(--s2)}
html.hc .cmp-ast,html.hc .cmp-price-fn{color:#fff}

/* hero v3: full-width illustration background, text on the RTL start (right) */
.hero--bg{overflow:hidden;padding:0 0 var(--s6);background:var(--c-bg)}
.hero--bg .hero-bg{position:relative;display:block;width:100%;height:auto;aspect-ratio:1776/896}
.hero--bg .hero-bg img{width:100%;height:100%;object-fit:cover;object-position:28% 50%}
.hero--bg .wrap{position:relative;display:block;padding-top:var(--s5)}
.hero--bg .hero-text{max-width:36rem}
@media(max-width:55.99em){.hero--bg .hero-bg{aspect-ratio:1040/640;max-height:46vh}.hero--bg .hero-bg img{object-position:50% 50%}.hero--bg .wrap{padding-top:var(--s3)}.hero--bg .hero-cta .btn{width:100%;min-height:3.25rem;justify-content:center}.hero--bg .hero-bg img{-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent);mask-image:linear-gradient(180deg,#000 78%,transparent)}}
@media(min-width:56em){
.hero--bg{padding:0;min-height:clamp(35rem,46vw,42rem);display:flex;align-items:center}
.hero--bg .hero-bg{position:absolute;inset:0;aspect-ratio:auto;height:100%}
.hero--bg .hero-bg img{object-position:0% 50%}
.hero--bg::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(to left,rgba(255,255,255,.9) 0%,rgba(255,255,255,.78) 30%,rgba(255,255,255,.35) 46%,rgba(255,255,255,0) 58%);pointer-events:none}
.hero--bg .wrap{padding-top:var(--s8);padding-bottom:var(--s8)}
.hero--bg .hero-text{max-width:min(38rem,50%)}
.hero--bg h1{font-size:clamp(1.75rem,3.3vw,2.75rem)}
}
html.hc .hero--bg::before{background:none}
html.hc .hero--bg .hero-bg img{-webkit-mask-image:none;mask-image:none}
/* hero: plane on its own layer over the plane-free background; CSS-only take-off loop */
.hero-plane-layer{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}
.hero-plane-layer--m{display:none}
.hero-plane{transform-box:fill-box;transform-origin:50% 50%;will-change:transform,opacity;animation:fb-takeoff 12s linear infinite}
@keyframes fb-takeoff{0%{transform:translate(-35%,30%) scale(1.04);opacity:0}10%{opacity:1}85%{opacity:1}100%{transform:translate(115%,-95%) scale(.78);opacity:0}}
@media(max-width:55.99em){.hero-plane-layer--d{display:none}.hero-plane-layer--m{display:block;height:auto;aspect-ratio:1040/640;max-height:46vh}}
@media(prefers-reduced-motion:reduce){.hero-plane{animation:none!important;transform:none;opacity:1}}
html.hc .hero-plane{animation:none;transform:none;opacity:1}
@media(forced-colors:active){.hero-plane{animation:none;transform:none;opacity:1}}
@media(min-width:56em){.hero--bg .chips li{width:fit-content;background:rgba(255,255,255,.88);border-radius:999px;padding:.35rem .85rem;box-shadow:0 1px 6px rgba(17,20,24,.08)}html.hc .hero--bg .chips li{background:#000}}
/* lead form additions (2026-10-18) */
.contact-form .field input[type=date]{font-size:1.125rem;min-height:var(--tap);width:100%}
.contact-form .form-nomed{margin-top:0}
.advertiser{margin-top:var(--s4);font-size:.9375rem;line-height:1.7;color:var(--c-text);overflow-wrap:anywhere}
/* eSIM block (checklist + destination pages only, never on the comparison page) */
.esim{margin-top:var(--s4);border:1px solid var(--c-warm-line);border-radius:var(--r-lg);padding:var(--s5);background:var(--c-surface)}
html.hc .esim{border:2px solid #fff;background:#000}
.esim h2,.esim h3{margin-top:0}
.esim-links{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s3);padding:0;list-style:none}
.esim-links li{margin:0}
.esim-links a{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--s4);border:2px solid currentColor;border-radius:var(--r-lg);font-weight:700;text-decoration:none}
.esim-disc{margin-top:var(--s3);font-size:.9375rem;line-height:1.7;background:var(--c-note-bg,#F6F7F9);color:var(--c-note-text,inherit);padding:var(--s3);border-radius:var(--r-lg)}
html.hc .esim-disc{background:#000;color:#fff;border:1px solid #fff}
.checklist{padding-inline-start:1.25rem}
.checklist li{margin-top:var(--s2)}
/* review marks (QA only; see js/review-marks.js) */
html.review-on [data-new]{position:relative;background-color:rgba(255,229,0,.12);box-shadow:0 0 0 2px rgba(255,180,0,.55);border-radius:var(--r-xs)}
html.review-on [data-new]:not([data-new=quiet])::before{content:"NEW";position:absolute;top:-.6rem;inset-inline-end:.25rem;z-index:2;background:#B00020;color:#fff;font:700 .6875rem/1.4 system-ui,sans-serif;padding:0 .35rem;border-radius:.25rem;letter-spacing:.03em;pointer-events:none}
.lead-form .field input[type=date]{min-height:var(--tap-lg);padding:0 var(--s3);border:2px solid var(--c-control);border-radius:var(--r-md);background:var(--c-surface);color:var(--c-text);width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.contact-form input[type=date]:focus,.contact-form input[type=checkbox]:focus{outline:.1875rem solid var(--c-focus);outline-offset:.1875rem}
.advertiser .ph{display:inline;white-space:normal;direction:rtl}
.contact-form input[type=date]:focus-within{outline:.1875rem solid var(--c-focus);outline-offset:.1875rem}
/* insurer logo image (only with written permission; currently Menora, comparison results only) */
.cmp-logo-img-wrap{flex:none;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--c-line,#E3E6EA);border-radius:var(--r-md);padding:.25rem .4rem;height:3.25rem}
.cmp-logo-img{display:block;height:2.5rem;width:auto;max-width:9rem;object-fit:contain}
html.hc .cmp-logo-img-wrap{border:2px solid #fff}
.cmp-wm.cmp-wm-logo{margin:0;line-height:0}
/* contact section v2 (NEW, 18.10) – indigo card, call/WhatsApp quick actions */
.contact-box--v2{background:linear-gradient(155deg,#EEF0FF 0%,#FFFFFF 65%);border:1px solid #D9DDFB;box-shadow:0 10px 30px rgba(84,101,238,.10)}
.contact-box--v2 .contact-intro h2{color:var(--c-heading)}
.contact-quick{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s4)}
.contact-btn{transition:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.25rem;padding:0 var(--s4);border-radius:999px;font-weight:700;font-size:1.0625rem;text-decoration:none;flex:1 1 11rem}
.contact-btn .ico{width:1.25rem;height:1.25rem;flex:none}
.contact-call{background:var(--c-accent);color:var(--c-on-accent);border:2px solid var(--c-accent)}
.contact-call:hover{background:var(--c-accent-hover);border-color:var(--c-accent-hover)}
.contact-call .contact-num{font-weight:400}
.contact-wa{background:#fff;color:#3B47C8;border:2px solid #5465EE}
.contact-wa:hover{background:#EEF0FF}
.contact-or{display:flex;align-items:center;gap:var(--s3);margin-top:var(--s5);color:var(--c-muted);font-size:.9375rem}
.contact-or::before,.contact-or::after{content:"";flex:1;height:1px;background:#D9DDFB}
.contact-box--v2 .contact-formwrap{border-color:#D9DDFB;box-shadow:0 4px 14px rgba(17,20,24,.05)}
@media (prefers-reduced-motion:no-preference){.contact-btn{transition:background-color .15s ease,transform .15s ease}.contact-btn:hover{transform:translateY(-1px)}}
html.hc .contact-box--v2{background:#000;border:2px solid #fff;box-shadow:none}
html.hc .contact-wa{background:#000;color:#fff;border-color:#fff}
html.hc .contact-or::before,html.hc .contact-or::after{background:#fff}
.contact-box--v2 a:not(.btn){color:#3B47C8}
html.hc .contact-call,html.hc .contact-call:hover{background:#000;color:#fff;border-color:#fff}
html.hc .contact-box--v2 a:not(.btn){color:#7FD1FF}
/* native-size logos (brand rule: never upscale) – e.g. Phoenix 109x37 */
.cmp-logo-img.cmp-logo-img--native{height:auto;width:auto;max-height:37px;max-width:150px}

/* NEW (19/10): mobile-only typography pass (≤480px). About 10–20% smaller. rem-based, so the "big text" toggle still scales. Body ≥15px, inputs 16px (no iOS zoom). Desktop untouched. */
@media (max-width:30em){
  body{font-size:.9375rem}
  html .hero h1{font-size:clamp(1.5rem,6.4vw,1.75rem)}
  html .hero .hero-sub{font-size:1.25rem}
  html h2{font-size:1.3125rem}
  html .lead,html .about p,html .cmp-lead{font-size:1rem}
  html h3{font-size:1.0625rem}
  html .tile p{font-size:.9375rem}
  html .btn{font-size:1rem}
  html .btn-lg{font-size:1.0625rem}
  html .cmp h3,html .cmp-step h3{font-size:1.125rem}
  html .cmp input[type="search"],html .cmp input[type="date"],html .cmp input[type="number"],html .cmp input[type="text"],html .contact-form .field input,html .contact-form .field input[type="text"],html .contact-form .field input[type="tel"],html .contact-form .field input[type="email"],html .contact-form .field textarea{font-size:1rem}
  html .cmp-hint,html .cmp-addon-t span,html .cmp-per,html .cmp-res .cmp-per,html .cmp-notes,html .cmp-fit,html .cmp-tip-b{font-size:.9375rem}
  html .cmp-wm{font-size:1.3125rem}
  html .cmp-res .cmp-amt{font-size:1.875rem}
  html .cmp-tip-h{font-size:1.125rem}
  html .faq summary,html .faq .ans{font-size:.9375rem}
  html .contact-lead{font-size:1.0625rem}
  html .contact-btn{font-size:1rem}
  html .site-footer h2{font-size:.9375rem}
  html .site-footer .foot-disclosure p,html .site-footer .legal,html .site-footer p,html .site-footer li{font-size:.9375rem}
}

/* NEW (19/10): direct company pick (below the main button; list in the shared dialog, no prices) */
.cmp-direct{display:flex;flex-direction:column;align-items:flex-end;gap:var(--s1);margin-top:var(--s3);max-width:46rem}
.cmp-direct[hidden]{display:none}
.cmp-direct-btn{min-height:var(--tap)}
.cmp-direct-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2)}
.cmp-direct-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s2) var(--s3);border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface)}
.cmp-direct-row .cmp-wm{display:flex;align-items:center;gap:var(--s2);font-size:1.125rem}
.cmp-direct-row .cmp-logo{width:2.5rem;height:2.5rem}
.cmp-direct-row .btn{flex:none;min-height:var(--tap);padding-inline:var(--s4);font-size:1rem}
@media(max-width:30em){.cmp-direct{align-items:stretch}.cmp-direct-btn{width:100%}.cmp-direct-row{flex-wrap:wrap}.cmp-direct-row .btn{width:100%}}
html.hc .cmp-direct-row{border-color:#fff;background:#000;color:#fff}

/* NEW (19/10): "מי אנחנו" as the last FAQ item (was a dark card) */
.faq .about-ans p{margin:0 0 var(--s2)}
.faq .about-ans .about-contact{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s5);margin:0}
.faq .about-ans .contact-ico-link{color:var(--c-accent-text)}
html.hc .faq .about-ans .contact-ico-link{color:#fff}

/* NEW (19/10): direct-pick button now sits under the hero CTA (not in the engine) */
.cmp-direct--hero{align-items:flex-start;margin-top:var(--s3);max-width:none}
@media(max-width:55.99em){.cmp-direct--hero{align-items:stretch}.cmp-direct--hero .cmp-direct-btn{width:100%;min-height:3.25rem}}

/* NEW (19/10): one subtle accessibility button + popover (replaces the two bordered header buttons) */
.a11y{position:relative;display:inline-flex}
.a11y-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);min-width:var(--tap);padding:0;background:transparent;border:0;border-radius:50%;color:var(--c-muted);cursor:pointer}
.a11y-btn .ico{width:1.5rem;height:1.5rem}
.a11y-btn:hover{background:var(--c-surface-2);color:var(--c-heading)}
.a11y-btn[aria-expanded=true]{background:var(--c-surface-2);color:var(--c-heading)}
.a11y-menu{position:absolute;top:calc(100% + .25rem);inset-inline-end:0;z-index:60;min-width:15rem;display:grid;gap:.125rem;padding:.375rem;background:var(--c-surface);border:1px solid var(--c-control);border-radius:var(--r-md);box-shadow:0 8px 24px rgba(0,0,0,.18)}
.a11y-menu[hidden]{display:none}
.a11y-opt{display:flex;align-items:center;gap:.625rem;min-height:var(--tap);padding:.25rem .75rem;border:0;border-radius:var(--r-sm);background:transparent;color:var(--c-heading);font:inherit;font-size:1rem;font-weight:600;text-align:start;text-decoration:none;cursor:pointer;width:100%}
.a11y-opt:hover,.a11y-opt:focus-visible{background:var(--c-surface-2)}
.a11y-opt .ico{flex:none;width:1.25rem;height:1.25rem}
.a11y-l{flex:1}
.a11y-st{flex:none;font-size:.875rem;font-weight:700;padding:.0625rem .5rem;border-radius:999px;border:1px solid var(--c-control)}
.a11y-opt[aria-pressed=true]{background:var(--c-heading);color:#fff}
.a11y-opt[aria-pressed=true] .a11y-st{border-color:#fff}
html.hc .a11y-btn{color:#fff}
html.hc .a11y-btn:hover,html.hc .a11y-btn[aria-expanded=true]{background:#222}
html.hc .a11y-menu{background:#000;border:2px solid #fff}
html.hc .a11y-opt{color:#fff}
html.hc .a11y-opt:hover,html.hc .a11y-opt:focus-visible{background:#222}
html.hc .a11y-opt[aria-pressed=true]{background:#FFE500;color:#000}
html.hc .a11y-opt[aria-pressed=true] .a11y-st{border-color:#000}
@media(forced-colors:active){.a11y-btn,.a11y-menu{border:2px solid ButtonText}}

/* NEW (19/10, v2): floating WhatsApp button – WhatsApp green #25D366, official glyph, soft shadow, bottom-left. Static (no pulse). */
.wa-float{position:fixed;z-index:55;left:max(1rem,env(safe-area-inset-left));bottom:max(1rem,calc(env(safe-area-inset-bottom) + .5rem));width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:#25D366;color:#fff;border:0;box-shadow:0 4px 12px rgba(0,0,0,.25);text-decoration:none;transition:background-color .15s,opacity .15s}
.wa-float svg{width:32px;height:32px;display:block}
.wa-float:hover{background:#1EBE5A}
.wa-float:focus-visible{outline:3px solid #15203A;outline-offset:3px;box-shadow:0 0 0 2px #fff,0 4px 12px rgba(0,0,0,.25)}
@media(max-width:69.99em){.wa-float{width:60px;height:60px}.wa-float svg{width:34px;height:34px}.wa-float.wa-hide{opacity:0;visibility:hidden;pointer-events:none}}
.sticky.show ~ .wa-wrap .wa-float{bottom:calc(5.75rem + env(safe-area-inset-bottom))}
body:has(dialog[open]) .wa-float,body:has(#a11y-btn[aria-expanded=true]) .wa-float{display:none}
html.hc .wa-float{background:#000;color:#FFE500;border:3px solid #FFE500;box-shadow:none}
html.hc .wa-float:hover{background:#222}
@media(forced-colors:active){.wa-float{border:2px solid ButtonText;forced-color-adjust:auto}}
@media(prefers-reduced-motion:reduce){.wa-float{transition:none}}
@media print{.wa-float{display:none}}
@media(min-width:70em){.sticky.show ~ .wa-wrap .wa-float{bottom:max(1rem,calc(env(safe-area-inset-bottom) + .5rem))}}
html.hc .wa-float:focus-visible{outline-color:#fff}
/* NEW (19/10): tighter hero → engine gap on mobile/tablet (was 88px, now ~36px). Desktop unchanged. */
@media(max-width:55.99em){.hero.hero--bg{padding-bottom:.75rem}#compare.cmp-sec{padding-top:1.5rem}}
/* NEW 19/10: direct-pick popup — company identity centred in every card, button below (popup only; results rows unchanged) */
.cmp-direct-row{flex-direction:column;align-items:stretch;justify-content:flex-start;text-align:center;padding:var(--s3)}
.cmp-direct-row .cmp-wm{justify-content:center;margin:0;width:100%}
.cmp-direct-row .cmp-wm.cmp-wm-logo{display:flex;justify-content:center}
.cmp-direct-row .btn{width:100%}
/* NEW 19/10: inline direct-pick panel (default) */
.cmp-inline{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .3s ease,visibility 0s linear .3s}
.cmp-inline.open{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .3s ease,visibility 0s}
.cmp-inline-in{overflow:hidden;min-height:0}
.cmp-inline .cmp-direct-list{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:var(--s3)}
.cmp-inline .cmp-direct-row .cmp-wm{font-size:1rem}
@media(min-width:56em){.cmp-inline .cmp-direct-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:30em){.cmp-inline .cmp-direct-row{padding:var(--s2)}.cmp-inline .cmp-direct-row .btn{padding-inline:var(--s2);font-size:.9375rem}}
@media(prefers-reduced-motion:reduce){.cmp-inline,.cmp-inline.open{transition:none}}
/* NEW 19/10 (Shani, rev.2): disclosure = option-2 layout (icon inline in the title, flat text, no inner card) + option-3 round icon */
.disclosure.disc-v2{background:none;border:0;box-shadow:none;padding:var(--s5) 0;border-top:2px solid #E5E7EB;border-bottom:2px solid #E5E7EB;border-radius:0}
.disc-v2 .disc-h{display:flex;align-items:center;gap:.625rem;margin:0 0 var(--s2)}
.disc-ico-wrap{flex:none;width:2.5rem;height:2.5rem;border-radius:50%;background:#EEF0FF;display:inline-grid;place-items:center}
.disc-ico{width:1.25rem;height:1.25rem;color:#4F5FEA}
.disc-text{margin:0;font-size:1.0625rem;line-height:1.7;max-width:62ch;color:var(--c-text)}
@media(max-width:30em){.disc-text{font-size:1rem}}
html.hc .disclosure.disc-v2{border-color:#fff}
html.hc .disc-ico-wrap{background:#000;border:2px solid #fff}
html.hc .disc-ico{color:#FFE500}
.cmp-inline .cmp-direct-list{grid-auto-rows:1fr}
.cmp-inline .cmp-direct-row{display:flex;flex-direction:column;justify-content:flex-start;height:100%;box-sizing:border-box}
.cmp-inline .cmp-direct-row .cmp-wm{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:3.5rem}
.cmp-inline .cmp-direct-row .btn{margin-top:auto;width:100%;min-height:48px;height:48px;box-sizing:border-box;white-space:nowrap}
.wa-float.wa-hide-pick{opacity:0;visibility:hidden;pointer-events:none}
/* NEW 19/10: mobile footer (≤480px) – compact contact row + accordions; desktop unchanged */
@media(max-width:30em){
 .foot{gap:0}
 .foot>div:first-child{padding-bottom:var(--s2)}
 .foot>div:first-child p{margin:.25rem 0 0;line-height:1.5}
 .foot-contact{padding-bottom:var(--s3);border-bottom:1px solid rgba(255,255,255,.18)}
 .foot-contact h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}
 .foot-contact ul{display:flex;flex-wrap:wrap;column-gap:var(--s4)}
 .foot-acc{border-bottom:1px solid rgba(255,255,255,.18)}
 .foot-acc h2{margin:0}
 .foot-acc-btn{all:unset;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;width:100%;min-height:48px;font-size:1rem;font-weight:700;color:var(--c-on-dark);cursor:pointer}
 .foot-acc-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
 .foot-acc-pm::before{content:"+";font-size:1.375rem;line-height:1}
 .foot-acc-btn[aria-expanded=true] .foot-acc-pm::before{content:"\2212"}
 .foot-acc ul{padding-bottom:var(--s2)}
 .site-footer .foot-disclosure,.site-footer .legal{font-size:.8125rem;line-height:1.55}
}
html.hc .foot-acc-btn:focus-visible{outline-color:#FFE500}
@media(max-width:30em){.foot>.foot-acc:last-child{border-bottom:0}}
/* NEW 20/10 (Shani): disclosure framed like the policy cards; policy cards = icon + black title on one row, indigo tier below */
.disclosure.disc-v2.disc-card{padding:var(--s6) var(--s5);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);box-shadow:var(--c-shadow)}
html.hc .disclosure.disc-v2.disc-card{border:2px solid #fff;background:#000}
.cov-grid{align-items:stretch}
.cov-grid>.tile{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.75rem;align-content:start;height:100%;box-sizing:border-box}
.cov-grid>.tile>*{grid-column:1/-1}
.cov-grid>.tile>.cov-ico{grid-column:1;width:2.375rem;height:2.375rem;margin:0;align-self:center}
.cov-grid>.tile>.cov-ico .ico{width:1.25rem;height:1.25rem}
.cov-grid>.tile>h3{grid-column:2;margin:0;align-self:center;line-height:1.3;text-wrap:balance}
.cov-grid>.tile>.tier{margin-top:var(--s3)}
/* NEW (20/10): 5 cards in direct pick (Phoenix) – odd last card centered: mobile 2-col spans both cols at half width; desktop 6-col track, 3+2 centered */
.cmp-inline .cmp-direct-odd>.cmp-direct-row:last-child{grid-column:1 / -1;justify-self:center;width:calc(50% - var(--s2) / 2)}
@media(min-width:56em){.cmp-inline .cmp-direct-list.cmp-direct-odd{grid-template-columns:repeat(6,minmax(0,1fr))}.cmp-inline .cmp-direct-odd>.cmp-direct-row{grid-column:span 2}.cmp-inline .cmp-direct-odd>.cmp-direct-row:nth-last-child(2){grid-column:2 / span 2}.cmp-inline .cmp-direct-odd>.cmp-direct-row:last-child{grid-column:4 / span 2;justify-self:stretch;width:auto}}
/* NEW (20/10): one NEW badge per Phoenix card (row badge only, hide the nested logo badge) */
html.review-on .cmp-direct-row[data-new] .cmp-logo-img-wrap[data-new]::before{content:none}
/* NEW (21/10, Shani): hero "לבחירת חברה ישירות" = exactly the same size as "השוואת מחירים" (outline kept) */
.cmp-direct--hero .cmp-direct-btn{box-sizing:border-box}
@media(min-width:56em){.hero-cta .btn-lg,.cmp-direct--hero .cmp-direct-btn{width:17rem;min-height:3.5rem;height:3.5rem;justify-content:center;white-space:nowrap}}
@media(max-width:55.99em){.cmp-direct--hero .cmp-direct-btn{min-height:3.25rem}}
/* NEW (21/10): direct-pick alternatives (?pick=a|b|c, preview only) */
.pv-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2)}
.pv-a{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:3.5rem;padding:var(--s2) var(--s3);border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface);color:var(--c-text);text-decoration:none}
.pv-a:hover{border-color:var(--c-link);box-shadow:0 2px 10px rgba(0,0,0,.08)}
.pv-a:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}
.pv-brand{display:flex;align-items:center;gap:var(--s2);font-weight:800;font-size:1.0625rem;color:var(--c-heading)}
.pv-brand .cmp-logo{width:2.5rem;height:2.5rem}
.pv-brand .cmp-logo-img-wrap{height:2.75rem;border:0;padding:0;background:none}
.pv-brand .cmp-logo-img{height:2.25rem;max-width:150px}
.pv-brand .cmp-logo-img.cmp-logo-img--native{max-height:37px}
.pv-go{display:inline-flex;align-items:center;gap:.35rem;font-weight:700;color:var(--c-link);white-space:nowrap}
.pv-go .ico{width:1.125rem;height:1.125rem}
html.review-on .pv-it[data-new] .cmp-logo-img-wrap[data-new]::before{content:none}
html.pv-lock{overflow:hidden}
/* overlays (a, c) */
.pv-ov{position:fixed;inset:0;z-index:1000}
.pv-ov[hidden]{display:none}
.pv-back{position:absolute;inset:0;background:rgba(20,28,27,.5);opacity:0;transition:opacity .25s}
.pv-ov.open .pv-back{opacity:1}
.pv-sheet{position:absolute;background:var(--c-bg);box-shadow:0 -6px 30px rgba(0,0,0,.25);padding:var(--s4);overflow:auto;transition:transform .25s ease}
.pv-hd{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);margin-bottom:var(--s3)}
.pv-hd h2{margin:0;font-size:1.25rem;color:var(--c-heading)}
.pv-x{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--c-line);border-radius:50%;background:var(--c-surface);cursor:pointer;color:var(--c-heading)}
.pv-x:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}
.pv-ov--a .pv-sheet{inset-inline:0;bottom:0;max-height:85vh;border-radius:1.25rem 1.25rem 0 0;transform:translateY(100%)}
.pv-ov--a .pv-sheet::before{content:"";display:block;width:3rem;height:.3rem;border-radius:1rem;background:var(--c-line);margin:-.5rem auto var(--s3)}
.pv-ov--a.open .pv-sheet{transform:none}
@media(min-width:56em){.pv-ov--a .pv-sheet{left:auto;right:0;top:0;bottom:0;width:26rem;max-height:none;border-radius:0;transform:translateX(100%)}.pv-ov--a .pv-sheet::before{display:none}.pv-ov--a.open .pv-sheet{transform:none}}
.pv-ov--c .pv-sheet{inset:0;padding:var(--s5) var(--s4);transform:translateY(2rem);opacity:0;transition:transform .25s,opacity .25s;display:flex;flex-direction:column}
.pv-ov--c.open .pv-sheet{transform:none;opacity:1}
.pv-ov--c .pv-hd,.pv-ov--c .pv-sub,.pv-ov--c .pv-list{width:100%;max-width:52rem;margin-inline:auto}
.pv-sub{margin:0 0 var(--s4);color:var(--c-muted);font-size:1.0625rem}
.pv-list--c{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}
.pv-list--c .pv-a{flex-direction:column;justify-content:center;gap:var(--s3);height:100%;min-height:9rem;padding:var(--s4) var(--s2);text-align:center;box-sizing:border-box}
.pv-list--c .pv-brand{flex-direction:column;flex:1 1 auto;justify-content:center;font-size:1.125rem}
.pv-list--c .pv-brand .cmp-logo{width:3rem;height:3rem}
.pv-list--c .pv-go{background:var(--c-link);color:#fff;border-radius:999px;padding:.5rem 1rem;width:100%;justify-content:center;box-sizing:border-box}
.pv-list--c .pv-it:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:calc(50% - var(--s2) / 2)}
@media(min-width:56em){.pv-list--c{grid-template-columns:repeat(6,minmax(0,1fr))}.pv-list--c .pv-it{grid-column:span 2}.pv-list--c .pv-it:nth-child(4){grid-column:2 / span 2}.pv-list--c .pv-it:last-child:nth-child(odd){grid-column:4 / span 2;width:auto;justify-self:stretch}}
/* dropdown (b) */
.cmp-direct--hero{position:relative}
.pv-dd{position:fixed;z-index:900;overflow:auto;box-sizing:border-box;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-md);box-shadow:0 12px 32px rgba(0,0,0,.18);padding:var(--s2)}
.pv-dd[hidden]{display:none}
.pv-list--b{gap:0}
.pv-list--b .pv-a{border:0;border-radius:var(--r-sm,.5rem);min-height:3.25rem}
.pv-list--b .pv-it+.pv-it{border-top:1px solid var(--c-line)}
html.hc .pv-sheet,html.hc .pv-dd,html.hc .pv-a{background:#000;color:#fff;border-color:#fff}
html.hc .pv-brand,html.hc .pv-go,html.hc .pv-hd h2{color:#fff}
@media(prefers-reduced-motion:reduce){.pv-sheet,.pv-back{transition:none}}
/* 21/10: option A chosen – desktop-only "סגירה" button under the list in the drawer */
.pv-foot{display:none;margin:var(--s4) 0 0}
@media(min-width:56em){.pv-ov--a .pv-foot{display:block}.pv-ov--a .pv-close{width:100%;justify-content:center}}
/* 21/10: Menora logo optically matched to Phoenix (316x96 source looked heavier) */
.cmp-logo-img[src*="menora"]{height:2rem}
.pv-brand .cmp-logo-img[src*="menora"]{height:1.75rem}
.about-contact-link{display:inline-flex;align-items:center;min-height:44px;min-width:44px;font-weight:700}
/* item 16: agency logo slot (logo only) */
.agency-logo{margin-inline-start:.75rem;height:2rem;width:auto;max-width:8rem;object-fit:contain;flex:none}
.agency-ph{display:inline-flex;align-items:center;justify-content:center;width:auto;padding:0 .5rem;border:1px dashed #8a94a6;border-radius:6px;color:#5b6577;font-size:.6875rem;white-space:nowrap}

/* ===== 21/10 (Shani picked B): unified secondary controls in the calculator – gray-fill pill (var(--c-line)), 2px border
   (transparent at rest, accent when selected/hover), radius 999px, near-black text. Traveller stepper = one pill (− age +). ===== */
#compare .btn-secondary,#compare .cmp-direct-btn,#compare .hbtn,#compare .cmp-seg label,#compare .cmp-picked li{background:var(--c-line);color:var(--c-heading);border:2px solid transparent;border-radius:999px;box-shadow:none}
#compare .btn-secondary:hover,#compare .hbtn:hover,#compare .cmp-seg label:hover{background:var(--c-accent-soft);border-color:var(--c-accent)}
#compare .cmp-seg label:has(input:checked){border:2px solid var(--c-accent);padding:.5rem .875rem;background:var(--c-check-bg)}
#compare .cmp-picked li{border-color:var(--c-accent);background:var(--c-check-bg)}
#compare .cmp-picked .hbtn{background:transparent;border-color:transparent}
#compare .btn-ghost{border-radius:999px}
#compare .dp-btn{border-width:2px}
/* traveller row: one pill */
#compare .cmp-tr .cmp-stepper,#compare #cmp-days-wrap .cmp-stepper{gap:0;background:var(--c-line);border-radius:999px;padding:0 .25rem}
#compare .cmp-tr .cmp-stepper .hbtn,#compare #cmp-days-wrap .cmp-stepper .hbtn{background:transparent;border-color:transparent;width:var(--tap);padding:0;border-radius:50%}
#compare .cmp-tr .cmp-stepper .hbtn:hover,#compare #cmp-days-wrap .cmp-stepper .hbtn:hover{background:var(--c-surface);border-color:var(--c-accent)}
#compare .cmp-tr input.cmp-age,#compare #cmp-days-wrap input#cmp-days{border:0;background:transparent;box-shadow:none;font-weight:700;font-size:1.125rem;width:2.75rem;padding:0;color:var(--c-heading);-moz-appearance:textfield}
#compare .cmp-tr input.cmp-age::-webkit-inner-spin-button,#compare .cmp-tr input.cmp-age::-webkit-outer-spin-button,#compare #cmp-days-wrap input#cmp-days::-webkit-inner-spin-button,#compare #cmp-days-wrap input#cmp-days::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#compare .cmp-tr input.cmp-age:focus-visible,#compare #cmp-days-wrap input#cmp-days:focus-visible{outline:.1875rem solid var(--c-focus);outline-offset:2px;border-radius:var(--r-xs)}
/* × remove: lighter – no fill, muted */
#compare .cmp-tr .cmp-rm{background:transparent;border-color:transparent;color:var(--c-muted);font-weight:600}
#compare .cmp-tr .cmp-rm:hover{background:var(--c-line);color:var(--c-heading)}
html.hc #compare .btn-secondary,html.hc #compare .hbtn,html.hc #compare .cmp-seg label,html.hc #compare .cmp-picked li,html.hc #compare .cmp-tr .cmp-stepper,html.hc #compare #cmp-days-wrap .cmp-stepper{background:#000;color:#fff;border-color:#fff}
html.hc #compare .cmp-tr .cmp-stepper,html.hc #compare #cmp-days-wrap .cmp-stepper{outline:2px solid #fff}
html.hc #compare .cmp-tr .cmp-stepper .hbtn,html.hc #compare .cmp-tr input.cmp-age,html.hc #compare #cmp-days-wrap .cmp-stepper .hbtn,html.hc #compare #cmp-days-wrap input#cmp-days{background:#000;color:#fff;border-color:transparent}
html.hc #compare .cmp-seg label:has(input:checked){border-color:#FFE500}
@media(forced-colors:active){#compare .cmp-tr .cmp-stepper,#compare #cmp-days-wrap .cmp-stepper{border:2px solid ButtonText}}
/* covers modal compaction 21/10/2026: uniform 44px row pitch (info ⓘ keeps its 44px tap target, rows without it match), tighter headings, compact close X */
.cmp-dlg-in{padding:var(--s4) var(--s4) var(--s4);gap:var(--s2)}
.cmp-dlg-top h3{font-size:1.125rem}
#cmp-dlg-x{border-color:transparent;margin-inline-end:calc(-1 * var(--s2))}
html.hc #cmp-dlg-x{border-color:#fff}
#cmp-dlg-x .ico{width:1.25rem;height:1.25rem}
#cmp-dlg-body>*{margin:0}
#cmp-dlg-body>*+*{margin-top:var(--s1)}
#cmp-dlg-body>.cmp-dlg-sub+*{margin-top:0}
#cmp-dlg-body>*+.cmp-dlg-sub{margin-top:var(--s2)}
.cmp-dlg-list{gap:0}
.cmp-dlg-list li{min-height:var(--tap);line-height:1.35}
.cmp-dlg-list .cmp-info{margin-block:0}

@media(min-width:48em){:root{--sec-y:3rem}}
/* 21/10: contact WhatsApp button (same size/style as the former call button) */
.contact-wa-btn svg{width:24px;height:24px}
.about-ans p:has(+.about-contact){margin-bottom:0}.about-contact{margin-top:var(--s1)}.about-contact a{display:inline-flex;align-items:center;min-height:var(--tap)}
#about .about-contact{display:flex;flex-wrap:wrap;align-items:center;gap:0 1.25rem;margin:var(--s1) 0 0}
html.review-on .wa-wrap .wa-float,html .wa-wrap .wa-float{position:fixed;background-color:#25D366;box-shadow:0 4px 12px rgba(0,0,0,.25);border-radius:50%;z-index:60}html.review-on .wa-float::before{content:none}html.hc .wa-wrap .wa-float{background-color:#000}
/* 22/10: real insurer logos sit directly on the card (no frame/background/padding); plane-icon placeholders unchanged */
.cmp-logo-img-wrap,html.hc .cmp-logo-img-wrap{border:0;background:none;padding:0}

/* 22/10: coverage add-ons design option 1 (compact list, dividers, פירוט link) */
fieldset.cmp-group .cmp-addon{flex-wrap:nowrap!important}fieldset.cmp-group .cmp-addon .cmp-addon-t{flex:1 1 auto!important}fieldset.cmp-group .cmp-state{display:none!important}fieldset.cmp-group .cmp-addon-t>span{display:none}fieldset.cmp-group .cmp-addons{gap:0!important;border:1px solid var(--c-line);border-radius:12px;overflow:hidden}
fieldset.cmp-group .cmp-addon-wrap{border-bottom:1px solid var(--c-line)}fieldset.cmp-group .cmp-addon-wrap:last-child{border-bottom:0}
fieldset.cmp-group .cmp-addon{min-height:52px!important;height:auto!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:.5rem .75rem!important;padding-inline-end:5rem!important;gap:.6rem}
fieldset.cmp-group .cmp-addon:has(input:checked){background:#EEF0FF!important}
fieldset.cmp-group .cmp-addon-ico{width:2rem;height:2rem}
fieldset.cmp-group .cmp-addon-wrap{position:relative}
fieldset.cmp-group .cmp-more{position:absolute;top:4px;inset-inline-end:4px;width:auto!important;min-height:44px;border:0!important;padding:0 .5rem!important;font-size:.875rem;color:#4552D6!important;gap:.2rem;justify-content:flex-start}
fieldset.cmp-group .cmp-more span{font-size:0}fieldset.cmp-group .cmp-more span::after{content:"פירוט";font-size:.9rem;font-weight:700}
fieldset.cmp-group .cmp-more-p{background:#F6F7F9}fieldset.cmp-group .cmp-more-p.open .cmp-more-in{padding-top:.5rem}
fieldset.cmp-group .cmp-addon-t b{font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
fieldset.cmp-group .cmp-addon-t{min-width:0}
fieldset.cmp-group .cmp-addon-wrap:has(.cmp-more[aria-expanded=true]) .cmp-state{display:inline-flex!important}
fieldset.cmp-group .cmp-addon-wrap:has(.cmp-more[aria-expanded=true]) .cmp-addon-t>span{display:block}
fieldset.cmp-group .cmp-addon{padding-inline-end:4.5rem!important}
html.hc fieldset.cmp-group .cmp-addon:has(input:checked){background:#000!important;outline:2px solid #fff}
html.hc fieldset.cmp-group .cmp-more{color:#fff!important}
/* option 1: פירוט link sits beside the row (not over it), so it never covers the checkbox at any text size */
fieldset.cmp-group .cmp-addon-wrap{display:flex!important;flex-wrap:wrap;align-items:center}
fieldset.cmp-group .cmp-addon-wrap>.cmp-addon{flex:1 1 0;min-width:0;padding-inline-end:.25rem!important}
fieldset.cmp-group .cmp-addon-wrap>.cmp-more{position:static!important;flex:none;align-self:center;margin-inline-end:.25rem}
fieldset.cmp-group .cmp-addon-wrap>.cmp-more-p{flex:1 1 100%}
fieldset.cmp-group .cmp-addon-wrap:has(input:checked){background:#EEF0FF}
html.hc fieldset.cmp-group .cmp-addon-wrap:has(input:checked){background:#000}
fieldset.cmp-group .cmp-addons{grid-template-columns:1fr!important}
fieldset.cmp-group .cmp-addon-wrap{display:grid!important;grid-template-columns:minmax(0,1fr) auto}
fieldset.cmp-group .cmp-addon-wrap>.cmp-addon{width:auto!important;max-width:none!important}
fieldset.cmp-group .cmp-addon-wrap>.cmp-more-p{grid-column:1/-1}
fieldset.cmp-group .cmp-addon-wrap,fieldset.cmp-group .cmp-addon-wrap:has(input:checked){border:0!important;border-bottom:1px solid var(--c-line)!important;border-radius:0!important;box-shadow:none!important}
fieldset.cmp-group .cmp-addon-wrap:last-child{border-bottom:0!important}
html.hc fieldset.cmp-group .cmp-addon-wrap{border-bottom-color:#fff!important}
fieldset.cmp-group .cmp-addon-t b{white-space:normal;overflow:visible;font-size:.9rem;line-height:1.25;display:block}
fieldset.cmp-group .cmp-more{padding:0 .375rem!important}
/* 22/10 (1022i): coverage names fit on mobile – icon-only פירוט (accessible name kept via the visually-hidden span text), tighter gaps, min-width:0 */
fieldset.cmp-group .cmp-more span::after{content:none}
fieldset.cmp-group .cmp-more{min-width:44px;min-height:44px;justify-content:center!important;padding:0!important;margin-inline-end:0!important}
fieldset.cmp-group .cmp-addon{gap:.45rem;padding:.4rem .5rem!important;padding-inline-end:0!important;min-width:0}
fieldset.cmp-group .cmp-addon-t,fieldset.cmp-group .cmp-addon-t b{min-width:0}
fieldset.cmp-group .cmp-addon-ico{width:1.75rem;height:1.75rem;flex:none}
@media (max-width:30em){
  #compare fieldset.cmp-group{padding-inline:.5rem!important;margin-inline:0!important}
  fieldset.cmp-group .cmp-addons{margin-inline:0!important}
  fieldset.cmp-group .cmp-addon-t b{font-size:.875rem}
}
/* 22/10 (1022j): coverage rows on a fixed grid – checkbox | icon | name | arrow – identical across all rows/categories */
fieldset.cmp-group .cmp-addon-wrap{grid-template-columns:minmax(0,1fr) 44px!important;align-items:center}
fieldset.cmp-group label.cmp-addon{display:grid!important;grid-template-columns:28px 28px minmax(0,1fr);column-gap:.5rem;align-items:center;padding:.4rem .5rem!important;padding-inline-end:0!important;min-height:52px}
fieldset.cmp-group label.cmp-addon>.cmp-box{grid-column:1;justify-self:center;margin:0!important}
fieldset.cmp-group label.cmp-addon>.cmp-addon-ico{grid-column:2;width:28px!important;height:28px!important;justify-self:center;margin:0!important}
fieldset.cmp-group label.cmp-addon>.cmp-addon-t{grid-column:3;align-self:center;margin:0!important;text-align:start}
fieldset.cmp-group label.cmp-addon>.cmp-state{grid-column:3}
fieldset.cmp-group .cmp-addon-wrap>.cmp-more{grid-column:2;width:44px!important;justify-self:end;margin:0!important}
fieldset.cmp-group .cmp-addon-wrap>.cmp-more-p{grid-column:1/-1}
fieldset.cmp-group .cmp-grp-h{padding-inline:.5rem!important}
fieldset.cmp-group .cmp-grp-h{padding-inline-start:calc(.5rem + 17px)!important}
.cmp-logo-img.cmp-logo-img--wide{max-width:144px!important;max-height:24px!important}
/* PassportCard logo is stacked (icon over wordmark, 113x66) – give it more height so the mark matches the other logos visually */
.cmp-logo-img.cmp-logo-img--tall{max-height:56px!important;max-width:96px!important}
.pv-brand .cmp-logo-img.cmp-logo-img--tall{max-height:52px!important}
.cmp-logo-img-wrap:has(.cmp-logo-img--tall){height:auto!important;max-height:none!important}.cmp-direct-row .cmp-logo-img.cmp-logo-img--tall,.pv-it .cmp-logo-img.cmp-logo-img--tall{max-height:50px!important;max-width:86px!important;height:auto!important;width:auto!important}
/* OPTION 3 (QA only, 22/10): contact tabs */
.contact-box[data-tabs]{grid-template-columns:1fr!important;max-width:40rem;margin-inline:auto;gap:var(--s3)!important;padding:var(--s5)!important;background:#fff!important}
.contact-box[data-tabs] .contact-or{display:none!important}
.ct-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#F1F2F6;border-radius:999px;margin-top:var(--s4)}
.ct-tabs button{min-height:48px;border:0;border-radius:999px;background:transparent;font:inherit;font-weight:700;color:#1F2328;cursor:pointer}
.ct-tabs button[aria-selected=true]{background:#3B47C8;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.ct-tabs button:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}
.ct-panel[hidden]{display:none!important}
#ct-panel-wa{margin-top:var(--s4)}#ct-panel-wa .contact-quick{margin-top:0}#ct-panel-wa .contact-wa-btn{flex:1 1 100%}
.contact-box[data-tabs] .contact-formwrap{border:0!important;box-shadow:none!important;padding:0!important}
.contact-box[data-tabs] .contact-notice{font-size:.9375rem;color:#57606A;margin:0 0 var(--s3)}
.contact-box[data-tabs] .contact-form .btn-primary{width:100%}
html.hc .ct-tabs{background:#000;border:2px solid #fff}html.hc .ct-tabs button{color:#fff}html.hc .ct-tabs button[aria-selected=true]{background:#FFE500;color:#000}
html.hc .contact-box[data-tabs]{background:#000!important}html.hc .contact-box[data-tabs] .contact-notice{color:#fff}
/* 22/10 (Shani chose "אופציה 4"): direct-pick sheet = compact list with separators + outlined "לרכישה" pill. Whole row stays the link. */
.pv-list--a{background:var(--c-surface,#fff);border:1px solid var(--c-line);border-radius:var(--r-md);padding:0 var(--s3);gap:0!important}
.pv-list--a .pv-it+.pv-it{border-top:1px solid var(--c-line)}
.pv-list--a .pv-a{border:0;border-radius:0;background:none;box-shadow:none;min-height:3.75rem;padding:var(--s2) 0}
.pv-list--a .pv-a:hover{box-shadow:none}.pv-list--a .pv-a:hover .pv-go{background:var(--c-link);color:#fff}
.pv-list--a .pv-go{min-height:2.75rem;box-sizing:border-box;padding:0 1.1rem;border:1.5px solid var(--c-link);border-radius:999px;font-size:.9375rem}
html.hc .pv-list--a{background:#000;border-color:#fff}html.hc .pv-list--a .pv-it+.pv-it{border-top-color:#fff}
html.hc .pv-list--a .pv-go{border-color:#ffd60a;color:#ffd60a}html.hc .pv-list--a .pv-a:hover .pv-go{background:#ffd60a;color:#000}
/* TRIAL card option 6: logo + price on one row, price block centred with the logo; one compact action row (main button + "מה כוללת ההצעה" as a text link) */
.cmp-res{position:relative}
.cmp-res:has(.cmp-badge){padding-top:calc(var(--s4) + .5rem)}
.cmp-res .cmp-badge{position:absolute;top:-.55rem;inset-inline-start:var(--s4);margin:0;border:1px solid #BFDCD6;z-index:1}
html.hc .cmp-res .cmp-badge{border-color:#fff}

.cmp-res-act{flex-wrap:nowrap!important;align-items:center;gap:var(--s3)!important}
.cmp-res-act>.cmp-go{order:-1;flex:1 1 auto!important;width:auto!important}
.cmp-res-act>.cmp-inc-btn{flex:none!important;width:auto!important;min-height:var(--tap,44px);background:none!important;border:0!important;box-shadow:none!important;padding:0 .25rem!important;color:var(--c-link);text-decoration:underline;text-underline-offset:3px;font-size:.9375rem;white-space:nowrap}
html.hc .cmp-res-act>.cmp-inc-btn{color:#fff}
@media(max-width:55.99em){
  .cmp-res{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"id pr" "fit fit" "act act";column-gap:var(--s3);align-items:center}
  .cmp-res-top{grid-area:id;min-width:0}.cmp-res-pr{grid-area:pr;justify-self:end;display:flex;flex-direction:column;align-items:flex-end}.cmp-res-fit{grid-area:fit}.cmp-res-act{grid-area:act;margin-top:var(--s2)}
  .cmp-res-fit:empty{display:none}
  .cmp-res-pr .cmp-per{font-size:.875rem;white-space:nowrap}
  .cmp-res-pr .cmp-price.cmp-na{max-width:10rem;text-align:end;font-size:.9375rem}
  html .cmp-res .cmp-amt{font-size:1.75rem}
}
@media(min-width:56em){
  .cmp-res,.cmp-res:has(.cmp-badge){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto!important;grid-template-areas:"id pr fit act"!important;align-items:center;column-gap:var(--s5)!important}
  .cmp-res-pr{align-self:center!important;display:flex;flex-direction:column;align-items:flex-start}
  .cmp-res-act{flex-direction:row!important;min-width:0}
  .cmp-res-act>.cmp-go{min-width:12rem}
}
.cmp-res .cmp-res-act>.btn.cmp-go{flex:1 1 0%!important;min-width:0!important;white-space:nowrap;max-width:none}
@media(min-width:56em){
  .cmp-res,.cmp-res:has(.cmp-badge){grid-template-columns:11rem auto minmax(0,1fr) auto!important}
  .cmp-res .cmp-res-act>.btn.cmp-go{flex:none!important;width:15rem!important}
}
.cmp-res .cmp-res-act{display:flex!important;width:100%}
@media(max-width:55.99em){
  .cmp-res-top .cmp-res-nm,.cmp-res-top .cmp-wm{min-width:0;max-width:100%}
  .cmp-res-top .cmp-logo-img-wrap{max-width:100%}
  .cmp-res-top .cmp-logo-img--wide{max-width:min(120px,100%)!important}
  .cmp-res-pr .cmp-per{font-size:.8125rem}
}
@media(max-width:55.99em){
  .cmp-res{padding-inline:var(--s3)!important}
  .cmp-res-act{gap:var(--s2)!important}
  .cmp-res .cmp-res-act>.btn.cmp-go{white-space:normal;line-height:1.2;padding-inline:.6rem!important;font-size:.9375rem;text-align:center}
  .cmp-res-act>.cmp-inc-btn{font-size:.875rem}
}

/* 1022r: step-1 "מספר ימים" uses the same pill stepper as the step-2 age rows */
#cmp-days-wrap[hidden]{display:none}/* 1022r: step nav = one row on every step and width: main button on the start (right) side, "חזרה" on the other side, vertically centred */
#compare .cmp-nav{flex-wrap:nowrap;align-items:center}
#compare .cmp-nav #cmp-next{order:0;margin-inline-start:auto;flex:0 1 auto;min-width:0;white-space:normal;text-align:center}
#compare .cmp-nav #cmp-back{margin-inline-start:0;flex:none;white-space:nowrap;min-height:var(--tap)}