/* מטר טורס – Matar Tours | styles.css */
@font-face{font-family:"Heebo";src:url("../fonts/heebo-var.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{
  --pink:#e91e63;          /* brand pink – decorative / large elements only */
  --pink-text:#c2185b;     /* darker pink: AA contrast for text & buttons (5.9:1 on white) */
  --pink-dark:#ad1457;
  --blue:#006994; --blue-dark:#004f70;
  --wa:#0e7a6d; --wa-dark:#0a5c52;   /* WhatsApp-like green with AA contrast */
  --ink:#111; --muted:#4a4a4a; --bg:#f3f8fb; --white:#fff; --line:#d5e3ec;
  --radius:20px; --shadow:0 10px 28px rgba(0,105,148,.13);
  --fs:1rem; --maxw:1180px;
}
*,*::before,*::after{box-sizing:border-box}
html{font-size:calc(100% * var(--font-scale,1));scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:Heebo,Arial,sans-serif;font-size:1.0625rem;line-height:1.65;color:var(--ink);background:var(--bg)}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue)}
a:hover{color:var(--blue-dark)}
h1,h2,h3{line-height:1.2;margin:0 0 .5em;font-weight:800}
h1{font-size:clamp(1.9rem,6vw,3.2rem)}
h2{font-size:clamp(1.5rem,4.2vw,2.2rem)}
h3{font-size:1.25rem}
p{margin:0 0 1em}
.container{width:min(100% - 2.5rem,var(--maxw));margin-inline:auto}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.accent{color:var(--pink-text)}
.lead-text{font-size:1.15rem;color:var(--muted)}

/* focus */
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}
.btn:focus-visible,.site-nav a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}

/* skip link */
.skip-link{position:absolute;top:-100px;right:1rem;z-index:1000;background:var(--ink);color:#fff;padding:.75rem 1.25rem;border-radius:0 0 12px 12px;font-weight:700;text-decoration:none}
.skip-link:focus{top:0;color:#fff}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.7rem 1.4rem;border-radius:999px;border:2px solid transparent;font:inherit;font-weight:700;font-size:1.05rem;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s;line-height:1.2}
.btn svg{width:1.3em;height:1.3em;flex:none}
.btn-primary{background:var(--pink-text);color:#fff}
.btn-primary:hover{background:var(--pink-dark);color:#fff}
.btn-blue{background:var(--blue);color:#fff}
.btn-blue:hover{background:var(--blue-dark);color:#fff}
.btn-wa{background:var(--wa);color:#fff}
.btn-wa:hover{background:var(--wa-dark);color:#fff}
.btn-outline{background:#fff;color:var(--blue);border-color:var(--blue)}
.btn-outline:hover{background:var(--blue);color:#fff}
.btn-block{width:100%}
.btn:active{transform:translateY(1px)}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.site-header::after{content:"";display:block;height:5px;background:linear-gradient(90deg,var(--blue) 0 50%,var(--pink) 50% 100%)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:68px}
.brand{display:flex;align-items:center}
.brand img{height:42px;width:auto}
.nav-toggle{display:inline-flex;align-items:center;gap:.4rem;background:none;border:2px solid var(--line);border-radius:12px;padding:.45rem .75rem;font:inherit;font-weight:700;color:var(--ink);cursor:pointer;min-height:44px}
.nav-toggle svg{width:24px;height:24px}
.site-nav{display:none}
.site-nav.open{display:block;position:absolute;top:100%;inset-inline:0;background:#fff;border-top:1px solid var(--line);box-shadow:0 12px 24px rgba(0,0,0,.1)}
.site-nav ul{list-style:none;margin:0;padding:.5rem 1.25rem 1rem}
.site-nav li a{display:block;padding:.8rem .25rem;color:var(--ink);text-decoration:none;font-weight:600;border-bottom:1px solid var(--line)}
.site-nav li a[aria-current="page"]{color:var(--pink-text)}
.site-nav .nav-cta{margin-top:.75rem;border:0;color:#fff;text-align:center}
@media (min-width:1000px){
  .nav-toggle{display:none}
  .site-nav,.site-nav.open{display:block;position:static;box-shadow:none;border:0}
  .site-nav ul{display:flex;align-items:center;gap:.25rem;padding:0}
  .site-nav li a{border:0;padding:.5rem .7rem;border-radius:10px}
  .site-nav li a:hover{background:var(--bg)}
  .site-nav li a[aria-current="page"]{box-shadow:inset 0 -3px 0 var(--pink)}
  .site-nav .nav-cta{margin:0 .5rem 0 0;padding:.55rem 1.1rem}
  .site-nav .nav-cta:hover{background:var(--pink-dark)}
  .brand img{height:50px}
}

/* sections */
.section{padding:3.5rem 0}
.section-white{background:#fff}
.section-head{text-align:center;max-width:720px;margin:0 auto 2rem}
.section-head p{color:var(--muted)}
.eyebrow{display:inline-block;background:var(--pink-text);color:#fff;font-weight:700;font-size:.95rem;padding:.2rem 1rem;border-radius:999px;margin-bottom:.75rem}
.eyebrow.blue{background:var(--blue)}

/* page hero (inner pages) */
.page-hero{background:#fff;padding:2.5rem 0 2rem;border-bottom:1px solid var(--line);text-align:center}
.page-hero p{max-width:680px;margin:0 auto;color:var(--muted);font-size:1.15rem}

/* home hero */
.hero{position:relative;color:#fff;background:#0b3d52}
.hero-bg{position:absolute;inset:0;overflow:hidden}
.hero-bg img{width:100%;height:100%;object-fit:cover}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,40,60,.72),rgba(0,40,60,.55) 50%,rgba(0,30,45,.8))}
.hero-inner{position:relative;display:grid;gap:2rem;padding:3rem 0 3.5rem}
.hero h1{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.hero .tag{display:inline-block;background:var(--pink-text);color:#fff;font-weight:700;padding:.25rem 1rem;border-radius:999px;margin-bottom:1rem}
.hero p.sub{font-size:1.2rem;max-width:560px}
.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.hero .btn-outline{background:transparent;color:#fff;border-color:#fff}
.hero .btn-outline:hover{background:#fff;color:var(--blue)}
@media (min-width:1000px){.hero-inner{grid-template-columns:1.15fr .85fr;align-items:center;padding:5rem 0}}

/* cards / forms */
.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow)}
.form-card{color:var(--ink);padding:1.5rem;border-top:6px solid var(--pink)}
.form-card h2{font-size:1.45rem;margin-bottom:.25rem}
.form-card .form-intro{color:var(--muted);margin-bottom:1rem}
.field{margin-bottom:1rem}
.field label{display:block;font-weight:700;margin-bottom:.3rem}
.field .hint{font-weight:400;color:var(--muted);font-size:.95rem}
.field input,.field textarea,.field select{width:100%;font:inherit;padding:.7rem .85rem;border:2px solid #8aa3b3;border-radius:12px;background:#fff;color:var(--ink);min-height:48px}
.field textarea{min-height:120px;resize:vertical}
.field input:focus,.field textarea:focus{border-color:var(--blue);outline:3px solid rgba(0,105,148,.35);outline-offset:1px}
.field input[aria-invalid="true"],.field textarea[aria-invalid="true"]{border-color:#b00020;background:#fff7f8}
.req{color:#b00020}
.error-msg{color:#b00020;font-weight:600;font-size:.95rem;margin-top:.3rem;display:none}
.error-msg.show{display:block}
.check{display:flex;gap:.6rem;align-items:flex-start;margin-bottom:.85rem}
.check input{width:22px;height:22px;margin-top:.2rem;flex:none;accent-color:var(--blue)}
.check label{font-weight:500}
.form-note{font-size:.92rem;color:var(--muted);margin-top:.75rem}
.form-status{margin-top:1rem;border-radius:14px;padding:0}
.form-status.success{padding:1rem 1.2rem;background:#e7f6ef;border:2px solid #1b7f4b;color:#0f4d2c;font-weight:600}
.form-status.error{padding:1rem 1.2rem;background:#fdecee;border:2px solid #b00020;color:#7a0016;font-weight:600}
.hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;opacity:0;pointer-events:none}
.grid-2{display:grid;gap:1rem}
@media (min-width:600px){.grid-2{grid-template-columns:1fr 1fr}}

/* services */
.services-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;list-style:none;margin:0;padding:0}
.services-strip a{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center;background:#fff;border-radius:16px;padding:1rem .5rem;text-decoration:none;color:var(--ink);font-weight:700;box-shadow:var(--shadow);height:100%;position:relative}
.services-strip a:hover{color:var(--pink-text)}
.services-strip svg{width:40px;height:40px;color:var(--blue)}
@media (min-width:600px){.services-strip{grid-template-columns:repeat(4,1fr)}}
.badge-soon{display:inline-block;background:#fff3cd;color:#6b4e00;border:1px solid #c9a227;font-size:.8rem;font-weight:800;padding:.05rem .6rem;border-radius:999px}
.services-grid{display:grid;gap:1.25rem}
@media (min-width:640px){.services-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.services-grid{grid-template-columns:repeat(4,1fr)}}
.service-card{padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;border-bottom:6px solid var(--blue)}
.service-card:nth-child(even){border-bottom-color:var(--pink)}
.service-card .icon{width:64px;height:64px;border-radius:18px;background:var(--bg);display:grid;place-items:center;color:var(--blue)}
.service-card .icon svg{width:38px;height:38px}
.service-card h2{font-size:1.3rem;margin:.25rem 0 0;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.service-card p{color:var(--muted);flex:1}
.service-card.soon{background:#fffdf5}

/* deals */
.deals-grid{display:grid;gap:1.25rem;list-style:none;margin:0;padding:0}
@media (min-width:640px){.deals-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.deals-grid{grid-template-columns:repeat(3,1fr)}}
.deal-card{overflow:hidden;display:flex;flex-direction:column;height:100%}
.deal-media{position:relative;aspect-ratio:3/2;background:#cfe0ea}
.deal-media img{width:100%;height:100%;object-fit:cover}
.badge-example{position:absolute;top:.75rem;right:.75rem;background:#fff;color:var(--ink);border:2px solid var(--ink);font-weight:800;font-size:.85rem;padding:.1rem .7rem;border-radius:999px}
.deal-body{padding:1.1rem 1.25rem 1.35rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.deal-body h3{margin:0;font-size:1.3rem}
.deal-meta{list-style:none;padding:0;margin:0;color:var(--muted);font-size:.98rem}
.deal-meta li{display:flex;gap:.4rem;align-items:center}
.deal-meta svg{width:18px;height:18px;color:var(--blue);flex:none}
.deal-price{font-size:1.5rem;font-weight:900;color:var(--pink-text);margin:.35rem 0 .1rem}
.deal-price small{font-size:.9rem;font-weight:500;color:var(--muted)}
.deal-body .btn{margin-top:auto}
.notice{background:#fff8e1;border:2px dashed #c9a227;color:#4d3800;border-radius:14px;padding:.85rem 1.1rem;margin:0 auto 1.5rem;max-width:820px;text-align:center;font-weight:600}

/* hotels line */
.hotels-band{background:linear-gradient(120deg,var(--blue) 0%,var(--blue-dark) 100%);color:#fff;text-align:center;padding:2.5rem 0}
.hotels-band p.big{font-size:clamp(1.5rem,5vw,2.4rem);font-weight:900;margin:0}
.hotels-band p.big span{background:#fff;color:var(--pink-text);padding:0 .4rem;border-radius:10px}
.hotels-band p{margin:.5rem 0 0;font-size:1.1rem}

/* about split */
.split{display:grid;gap:2rem;align-items:center}
@media (min-width:900px){.split{grid-template-columns:1fr 1fr}.split.rev>:first-child{order:2}}
.split .media img{border-radius:var(--radius);box-shadow:var(--shadow);width:100%;aspect-ratio:4/3;object-fit:cover}
.logo-medal{width:180px;margin:0 auto 1rem}

/* join */
.join-hero{background:linear-gradient(135deg,#fff 0%,#fde7ef 100%);padding:2.5rem 0 3rem}
.join-hero h1 .accent{display:inline}
.join-grid{display:grid;gap:2rem;align-items:start}
@media (min-width:960px){.join-grid{grid-template-columns:1.1fr .9fr}}
.benefits{display:grid;gap:1rem;list-style:none;padding:0;margin:0}
@media (min-width:640px){.benefits{grid-template-columns:repeat(2,1fr)}}
.benefits li{padding:1.25rem;display:flex;gap:1rem;align-items:flex-start}
.benefits .icon{flex:none;width:52px;height:52px;border-radius:14px;background:#fde7ef;color:var(--pink-text);display:grid;place-items:center}
.benefits .icon svg{width:30px;height:30px}
.benefits h3{margin:0 0 .2rem;font-size:1.15rem}
.benefits p{margin:0;color:var(--muted)}
.timeline{list-style:none;padding:0;margin:0;border-inline-start:4px solid var(--pink);padding-inline-start:1.25rem}
.timeline li{position:relative;margin-bottom:1.1rem}
.timeline li::before{content:"";position:absolute;inset-inline-start:calc(-1.25rem - 12px);top:.45rem;width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid var(--blue)}
.timeline strong{display:block;color:var(--blue)}

/* faq */
.faq{max-width:820px;margin:0 auto}
.faq details{background:#fff;border-radius:16px;box-shadow:var(--shadow);margin-bottom:.75rem;padding:0 1.25rem}
.faq summary{cursor:pointer;font-weight:700;padding:1rem 0;list-style-position:inside;min-height:44px}
.faq details[open] summary{color:var(--pink-text)}
.faq details p{margin:0 0 1rem;color:var(--muted)}

/* cta band */
.cta-band{background:var(--pink-text);color:#fff;text-align:center;padding:3rem 0}
.cta-band h2{color:#fff}
.cta-band .btn{background:#fff;color:var(--pink-text)}
.cta-band .btn:hover{background:var(--ink);color:#fff}

/* contact */
.contact-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}
.contact-list a{display:flex;align-items:center;gap:.75rem;padding:1rem 1.1rem;background:#fff;border-radius:16px;box-shadow:var(--shadow);text-decoration:none;color:var(--ink);font-weight:700}
.contact-list a:hover{color:var(--blue)}
.contact-list svg{width:28px;height:28px;color:var(--blue);flex:none}
.contact-list .ltr{direction:ltr;unicode-bidi:isolate}

/* legal */
.legal{max-width:860px;margin:0 auto;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1.75rem}
.legal h2{font-size:1.35rem;margin-top:1.75rem;color:var(--blue)}
.legal h2:first-child{margin-top:0}
.legal ul{padding-inline-start:1.25rem}
.legal li{margin-bottom:.35rem}
.draft-note{background:#fff8e1;border:2px dashed #c9a227;padding:.75rem 1rem;border-radius:12px;font-weight:600;color:#4d3800}

/* footer */
.site-footer{background:#0d1b24;color:#e8eef2;padding:2.5rem 0 6rem;margin-top:0}
.site-footer a{color:#fff}
.footer-grid{display:grid;gap:1.75rem}
@media (min-width:800px){.footer-grid{grid-template-columns:1.3fr 1fr 1fr}}
.footer-logo{background:#fff;border-radius:16px;padding:.6rem;display:inline-block;margin-bottom:.75rem}
.footer-logo img{height:44px;width:auto}
.site-footer h2{font-size:1.1rem;color:#fff;margin-bottom:.6rem}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin-bottom:.4rem}
.footer-bottom{border-top:1px solid #2c3d49;margin-top:2rem;padding-top:1.25rem;font-size:.92rem;color:#c5d1d9;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between}
.social{display:flex;gap:.6rem;margin-top:.75rem}
.social a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#1e3240}
.social a:hover{background:var(--pink-text)}
.social svg{width:22px;height:22px}
.ltr{direction:ltr;unicode-bidi:isolate}

/* floating whatsapp */
.wa-float{position:fixed;bottom:1rem;left:1rem;z-index:60;display:flex;align-items:center;gap:.5rem;background:var(--wa);color:#fff;text-decoration:none;font-weight:700;border-radius:999px;padding:.7rem 1rem;box-shadow:0 8px 24px rgba(0,0,0,.25);min-height:52px}
.wa-float:hover{background:var(--wa-dark);color:#fff}
.wa-float svg{width:28px;height:28px}
.wa-float .wa-label{display:none}
@media (min-width:700px){.wa-float .wa-label{display:inline}}

/* accessibility widget */
.a11y-toggle{position:fixed;bottom:1rem;right:1rem;z-index:61;width:52px;height:52px;border-radius:50%;background:var(--blue);color:#fff;border:3px solid #fff;box-shadow:0 8px 24px rgba(0,0,0,.25);cursor:pointer;display:grid;place-items:center}
.a11y-toggle svg{width:30px;height:30px}
.a11y-panel{position:fixed;bottom:5rem;right:1rem;z-index:62;width:min(320px,calc(100vw - 2rem));background:#fff;color:var(--ink);border-radius:18px;box-shadow:0 16px 40px rgba(0,0,0,.3);padding:1.1rem;border:2px solid var(--blue)}
.a11y-panel[hidden]{display:none}
.a11y-panel h2{font-size:1.15rem;margin:0 0 .75rem;display:flex;justify-content:space-between;align-items:center}
.a11y-panel .close{background:none;border:2px solid var(--line);border-radius:10px;width:40px;height:40px;cursor:pointer;font-size:1.3rem;line-height:1;color:var(--ink)}
.a11y-row{display:flex;gap:.5rem;margin-bottom:.5rem}
.a11y-panel button.opt{flex:1;font:inherit;font-weight:600;padding:.6rem .5rem;border-radius:12px;border:2px solid var(--blue);background:#fff;color:var(--blue);cursor:pointer;min-height:44px;text-align:center}
.a11y-panel button.opt[aria-pressed="true"]{background:var(--blue);color:#fff}
.a11y-panel .a11y-links{margin:.5rem 0 0;font-size:.95rem}

/* user prefs from widget */
html.a11y-underline a{text-decoration:underline!important}
html.a11y-contrast body{background:#fff;color:#000}
html.a11y-contrast .hero-bg::after{background:rgba(0,0,0,.85)}
html.a11y-contrast .card,html.a11y-contrast .faq details,html.a11y-contrast .legal{box-shadow:none;border:2px solid #000}
html.a11y-contrast a{color:#00349a}
html.a11y-contrast .site-footer a,html.a11y-contrast .hero a.btn,html.a11y-contrast .btn{color:#fff}
html.a11y-contrast .btn-primary,html.a11y-contrast .btn-blue,html.a11y-contrast .btn-wa,html.a11y-contrast .wa-float{background:#000;border-color:#fff}
html.a11y-contrast .btn-outline{background:#fff;color:#000!important;border-color:#000}
html.a11y-contrast .lead-text,html.a11y-contrast .deal-meta,html.a11y-contrast .service-card p,html.a11y-contrast .page-hero p,html.a11y-contrast .benefits p,html.a11y-contrast .faq details p,html.a11y-contrast .form-note{color:#000}
html.a11y-contrast .site-footer{background:#000}
html.a11y-contrast .cta-band .btn{background:#fff;color:#000!important}
html.a11y-contrast .a11y-panel button.opt[aria-pressed="true"]{background:#000;border-color:#000}
html.a11y-no-motion *,html.a11y-no-motion *::before,html.a11y-no-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* subtle entrance animation (disabled by widget / reduced motion) */
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.hero-copy,.hero .form-card{animation:rise .7s ease-out both}
.hero .form-card{animation-delay:.15s}
.site-nav li a.nav-cta,.site-nav li a.nav-cta[aria-current="page"]{color:#fff}
html.a11y-contrast .wa-float,html.a11y-contrast .wa-float *,html.a11y-contrast .site-nav li a.nav-cta{color:#fff}
.site-nav li a.nav-cta{display:inline-flex}
.service-card .btn{font-size:.98rem;padding:.65rem 1rem}
.deal-price bdi{unicode-bidi:isolate}
/* keep floating controls on the left (RTL content & checkboxes are on the right) */
.a11y-toggle{right:auto;left:1rem;bottom:4.75rem;width:48px;height:48px}
.a11y-panel{right:auto;left:1rem;bottom:8.5rem}

/* =====================================================================
   VACATION VIBE – sea, sand & sunset (v2)
   All motion below is switched off by prefers-reduced-motion and by the
   widget's "עצירת אנימציות" (html.a11y-no-motion) rules above.
   ===================================================================== */
:root{--sea-1:#006994;--sea-2:#005a80;--sunset-1:#c2185b;--sunset-2:#ad1457;--sand:#fdf6ec;--footer:#0d1b24}
.site-header::after{content:"";display:block;height:4px;background:linear-gradient(90deg,#006994,#00a0c6 35%,#e91e63 70%,#ff9800)}
.section{padding:4.5rem 0}
@media (min-width:900px){.section{padding:5.5rem 0}}
.section-head{margin-bottom:2.5rem}

/* waves */
.wave{position:relative;height:clamp(42px,6vw,90px);overflow:hidden;line-height:0;margin:-1px 0;pointer-events:none}
.wave svg{position:absolute;bottom:0;left:0;width:200%;height:100%;display:block}
.wave .w-back{opacity:.45;animation:wave-slide 26s linear infinite}
.wave .w-front{animation:wave-slide 40s linear infinite reverse}
@keyframes wave-slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.wave.from-bg{background:var(--bg)}.wave.from-white{background:#fff}.wave.from-sea{background:var(--sea-2)}.wave.from-sunset{background:var(--sunset-2)}
.wave.to-bg path{fill:var(--bg)}.wave.to-white path{fill:#fff}.wave.to-sea path{fill:var(--sea-1)}.wave.to-sunset path{fill:var(--sunset-1)}.wave.to-footer path{fill:var(--footer)}
.sea-hero>.wave,.hero>.wave{position:absolute;left:0;right:0;bottom:-1px;z-index:1}

/* full-bleed photo heroes */
.page-hero.sea-hero{position:relative;overflow:hidden;background:#0b3d52;color:#fff;border:0;text-align:center;padding:0;min-height:clamp(340px,56vh,540px);display:flex;align-items:center}
.sea-hero .hero-bg::after{background:linear-gradient(180deg,rgba(0,35,55,.74),rgba(0,45,70,.68) 55%,rgba(0,28,45,.84))}
.sea-hero .hero-text{position:relative;z-index:2;padding:4rem 0 6rem}
.sea-hero h1{color:#fff;text-shadow:0 3px 16px rgba(0,0,0,.45);margin-bottom:.4em}
.sea-hero .hero-text p{color:#fff;max-width:700px;margin:0 auto;font-size:1.2rem;text-shadow:0 1px 8px rgba(0,0,0,.45)}
.sea-hero .hero-actions{justify-content:center}
.hero{overflow:hidden}
.hero .hero-inner{padding-bottom:6rem}
@media (min-width:1000px){.hero .hero-inner{padding:5.5rem 0 8rem}}
.btn-on-dark,.sea-hero .btn-outline{background:transparent;color:#fff;border-color:#fff}
.btn-on-dark:hover,.sea-hero .btn-outline:hover{background:#fff;color:var(--blue)}
.hero-sun{position:absolute;z-index:1;top:-110px;left:-90px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,190,110,.42),rgba(255,140,80,0) 68%);animation:sun-glow 7s ease-in-out infinite alternate;pointer-events:none}
@keyframes sun-glow{from{transform:scale(.92);opacity:.75}to{transform:scale(1.08);opacity:1}}
.hero-plane{position:absolute;z-index:1;top:13%;left:0;width:44px;height:44px;color:#fff;opacity:.85;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transform:translateX(8vw) rotate(-90deg);animation:plane-fly 28s linear infinite;pointer-events:none}
.hero-plane svg{width:100%;height:100%}
@keyframes plane-fly{0%{transform:translate(105vw,10px) rotate(-90deg)}25%{transform:translate(70vw,-8px) rotate(-86deg)}50%{transform:translate(35vw,6px) rotate(-93deg)}70%{transform:translate(-15vw,-6px) rotate(-90deg)}100%{transform:translate(-15vw,-6px) rotate(-90deg)}}
html.a11y-no-motion .hero-plane{transform:translateX(8vw) rotate(-90deg)}
@media (prefers-reduced-motion:reduce){.hero-plane{transform:translateX(8vw) rotate(-90deg)}}

/* join hero on a photo */
.join-hero.sea-hero{position:relative;overflow:hidden;background:#0b3d52;color:#fff;padding:3.5rem 0 7rem}
.join-hero.sea-hero .join-grid{position:relative;z-index:2}
.join-hero.sea-hero h1{color:#fff;text-shadow:0 3px 16px rgba(0,0,0,.45)}
.join-hero.sea-hero h1 .accent{color:#ffd6e5}
.join-hero.sea-hero .hero-lead{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.45)}
.join-hero.sea-hero .form-card{color:var(--ink)}

/* vibe pills in home hero */
.vibe-list{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:1.5rem 0 0}
.vibe-list li{background:rgba(0,30,45,.55);border:1px solid rgba(255,255,255,.55);color:#fff;border-radius:999px;padding:.25rem .9rem;font-weight:700;animation:bob 3.6s ease-in-out infinite}
.vibe-list li:nth-child(2){animation-delay:.4s}.vibe-list li:nth-child(3){animation-delay:.8s}.vibe-list li:nth-child(4){animation-delay:1.2s}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

/* bands */
.hotels-band{background:linear-gradient(180deg,var(--sea-1),var(--sea-2));padding:3rem 0 3.25rem}
.cta-band{background:linear-gradient(180deg,var(--sunset-1),var(--sunset-2));padding:3.5rem 0 3.75rem}
.site-footer{margin-top:-1px}

/* playful hover lifts */
.card,.services-strip a,.contact-list a,.media img,.btn{transition:transform .25s ease,box-shadow .25s ease,background-color .2s,color .2s}
.deal-card:hover,.deal-card:focus-within,.service-card:hover,.service-card:focus-within,.benefits li:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(0,105,148,.22)}
.services-strip a:hover,.services-strip a:focus-visible{transform:translateY(-5px)}
.services-strip a:hover svg,.service-card:hover .icon svg{animation:bob 1.2s ease-in-out infinite}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.18)}
.split .media{overflow:hidden;border-radius:var(--radius)}
.split .media:hover img{transform:scale(1.04)}

/* deal cards v2 */
.deal-media{aspect-ratio:2/1;overflow:hidden}
.deal-media img{transition:transform .5s ease}
.deal-card:hover .deal-media img{transform:scale(1.06)}
.deal-chip{position:absolute;top:.75rem;right:.75rem;background:#fff;color:var(--blue-dark);font-weight:800;font-size:.9rem;padding:.15rem .75rem;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.deal-body h3{font-size:1.2rem}
.deal-meta li{align-items:flex-start}
.deal-meta svg{margin-top:.25rem}
.deal-includes{margin:.35rem 0 0;font-size:.98rem}
.deal-more{margin:.25rem 0 0;font-size:.95rem}
.deal-more summary{cursor:pointer;color:var(--blue);font-weight:700;padding:.2rem 0}
.deal-more p{margin:.35rem 0 0;color:var(--muted)}
.deal-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem;margin-top:.6rem}
.deal-price .pp{font-size:1rem;font-weight:700}
.deal-price small{flex-basis:100%}
.deal-disclaimer{font-size:.85rem;color:var(--muted);margin:0 0 .6rem}
.deals-empty{text-align:center;font-size:1.15rem;background:#fff;border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow)}
.deal-filter{text-align:center;margin:0 0 2rem}
.deal-filter .filter-label{font-weight:800;font-size:1.15rem;margin-bottom:.6rem}
.deal-filter .chips{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:.5rem;padding:.35rem .25rem .6rem;margin:0 -1rem;padding-inline:1rem;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.deal-filter .chip{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap}
@media (min-width:760px){.deal-filter .chips{flex-wrap:wrap;justify-content:center;overflow:visible;margin:0;padding-inline:0}}
.chip-count{display:inline-block;min-width:1.6em;margin-inline-start:.25rem;padding:0 .4rem;border-radius:999px;background:#e0f4f8;color:var(--blue-dark);font-size:.85em;line-height:1.5}
.chip[aria-pressed="true"] .chip-count{background:#fff;color:var(--blue-dark)}
.deals-fresh{text-align:center;font-weight:700;color:var(--blue-dark);background:linear-gradient(90deg,#e0f7fa,#fff,#e0f7fa);border-radius:999px;padding:.6rem 1.2rem;margin:0 auto 1.5rem;max-width:640px}
.deal-cat{margin:0 0 2.75rem;scroll-margin-top:90px}
.deal-cat-head{display:flex;align-items:center;gap:.6rem;margin:0 0 1.1rem;padding-bottom:.5rem;border-bottom:3px solid #b2ebf2}
.deal-cat-head h2{margin:0;font-size:clamp(1.4rem,4.5vw,1.9rem);color:var(--blue-dark)}
.deal-cat-icon{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:linear-gradient(135deg,#e0f7fa,#b2ebf2);font-size:1.35rem;flex:0 0 auto}

.chip{font:inherit;font-weight:700;cursor:pointer;border:2px solid var(--blue);background:#fff;color:var(--blue);border-radius:999px;padding:.35rem 1rem;min-height:44px;transition:transform .2s,background-color .2s,color .2s}
.chip:hover{transform:translateY(-2px)}
.chip[aria-pressed="true"]{background:var(--blue);color:#fff}

/* success message gets a little celebration */
.form-status.success,.form-status[data-state="success"]{animation:pop .5s ease-out both}
@keyframes pop{0%{transform:scale(.94);opacity:.4}60%{transform:scale(1.02)}100%{transform:none;opacity:1}}

/* high-contrast mode for the new pieces */
html.a11y-contrast .sea-hero .hero-text p,html.a11y-contrast .join-hero.sea-hero .hero-lead{color:#fff}
html.a11y-contrast .join-hero.sea-hero h1 .accent{color:#fff}
html.a11y-contrast .sea-hero .btn-outline,html.a11y-contrast .btn-on-dark{background:#000;color:#fff!important;border-color:#fff}
html.a11y-contrast .hotels-band,html.a11y-contrast .cta-band{background:#000}
html.a11y-contrast .wave.from-sea,html.a11y-contrast .wave.from-sunset{background:#000}
html.a11y-contrast .wave.to-sea path,html.a11y-contrast .wave.to-sunset path,html.a11y-contrast .wave.to-footer path{fill:#000}
html.a11y-contrast .wave.from-bg,html.a11y-contrast .wave.to-bg path{background:#fff;fill:#fff}
html.a11y-contrast .wave.to-bg path{fill:#fff}
html.a11y-contrast .vibe-list li{background:#000;border-color:#fff}
html.a11y-contrast .deal-chip{background:#000;color:#fff}
html.a11y-contrast .deal-more p,html.a11y-contrast .deal-disclaimer{color:#000}
html.a11y-contrast .chip{background:#fff;color:#000;border-color:#000}
html.a11y-contrast .chip[aria-pressed="true"]{background:#000;color:#fff}
html.a11y-contrast .chip-count,html.a11y-contrast .deals-fresh,html.a11y-contrast .deal-cat-icon{background:#fff;color:#000}
html.a11y-contrast .deal-cat-head{border-color:#000}
html.a11y-contrast .deal-cat-head h2{color:#000}
html.a11y-contrast .hero-sun{display:none}
/* hide the 1px anti-aliasing seam under each wave */
.wave{z-index:1;margin-bottom:-3px}
.wave svg{bottom:-1px;height:calc(100% + 1px)}
.sea-hero>.wave,.hero>.wave{bottom:-3px}
.join-hero.sea-hero .logo-medal{background:#fff;border-radius:50%;padding:10px;box-shadow:0 8px 24px rgba(0,0,0,.3);width:200px;height:auto}
.join-hero.sea-hero .form-card p{text-shadow:none}
.img-credit{position:absolute;bottom:0;left:0;background:rgba(0,0,0,.72);color:#fff;font-size:.75rem;padding:.1rem .5rem;border-top-right-radius:8px}
.deal-media img[src*="muse-london"]{object-position:center 0}

/* ---- Orna portrait (v2.1) – photo itself is never filtered or altered ---- */
.portrait-wrap{display:flex;justify-content:center;padding:1rem 0 2rem}
.portrait{position:relative;margin:0;width:min(78vw,380px)}
.portrait::before{content:"";position:absolute;inset:-14px -14px 14px 14px;border-radius:46% 54% 42% 58%/55% 45% 55% 45%;background:linear-gradient(135deg,var(--sea-1),#4fb3d9 55%,#e91e63);opacity:.9;z-index:0;animation:portrait-blob 14s ease-in-out infinite alternate}
.portrait-frame{position:relative;z-index:1;border-radius:46% 54% 42% 58%/55% 45% 55% 45%;overflow:hidden;border:6px solid #fff;box-shadow:0 18px 40px rgba(0,60,90,.28);aspect-ratio:5/6;background:#f3f8fb}
.portrait-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%}
.portrait.tilt-l .portrait-frame,.portrait.tilt-l::before{border-radius:54% 46% 58% 42%/45% 55% 45% 55%}
.portrait-wave{position:absolute;z-index:2;left:6%;right:6%;bottom:-18px;width:88%;height:24px;fill:none;stroke:var(--sea-1);stroke-width:5;stroke-linecap:round}
.portrait-badge{position:absolute;z-index:2;top:4%;inset-inline-start:-6px;width:56px;height:56px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:1.6rem;box-shadow:0 8px 20px rgba(0,60,90,.22);animation:portrait-bob 5s ease-in-out infinite}
@keyframes portrait-blob{to{border-radius:56% 44% 52% 48%/46% 56% 44% 54%;transform:rotate(3deg)}}
@keyframes portrait-bob{50%{transform:translateY(-8px)}}
html.a11y-contrast .portrait::before{background:#000}
html.a11y-contrast .portrait-wave{stroke:#000}

/* ---- "למה מטר טורס?" box (about) ---- */
.name-story{position:relative;max-width:680px;margin:3rem auto 0;padding:2.2rem 1.6rem 1.8rem;text-align:center;background:#fff;border-radius:28px;box-shadow:0 14px 34px rgba(0,60,90,.14);border:2px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(120deg,var(--sea-1),#4fb3d9,#e91e63);background-origin:border-box;background-clip:padding-box,border-box;overflow:visible}
.name-story h2{color:var(--pink-text);font-size:clamp(1.4rem,3.5vw,1.8rem);margin:.2rem 0 .6rem}
.name-story p{font-size:1.12rem;line-height:1.8;margin:0;color:#1f2d36}
.name-story-icon{position:absolute;top:-26px;left:50%;transform:translateX(-50%);width:52px;height:52px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:1.5rem;box-shadow:0 6px 16px rgba(233,30,99,.25);animation:heart-beat 2.4s ease-in-out infinite}
.name-story-plane{position:absolute;bottom:-14px;inset-inline-end:22px;font-size:1.5rem;transform:rotate(-12deg);animation:portrait-bob 5s ease-in-out infinite}
@keyframes heart-beat{0%,100%{transform:translateX(-50%) scale(1)}15%{transform:translateX(-50%) scale(1.12)}30%{transform:translateX(-50%) scale(1)}}
html.a11y-contrast .name-story{background:#fff;border:3px solid #000}
html.a11y-contrast .name-story h2,html.a11y-contrast .name-story p{color:#000}

/* ---- join hero: motto + mountain photo ---- */
.join-hero .motto{display:inline-block;margin:.2rem 0 .9rem;padding:.3rem .9rem;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.55);color:#fff;font-size:.95rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;direction:ltr;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.motto-photo{position:relative;margin:1.6rem auto .5rem;width:min(80vw,340px)}
.motto-photo::before{content:"";position:absolute;inset:14px -14px -14px 14px;border-radius:28px;background:linear-gradient(160deg,#4fb3d9,var(--sea-1) 55%,#e91e63);z-index:0}
.motto-photo img{position:relative;z-index:1;display:block;width:100%;height:auto;border-radius:28px;border:6px solid #fff;box-shadow:0 18px 40px rgba(0,0,0,.35)}
@media (min-width:960px){.motto-photo{margin-inline-start:0}}
html.a11y-contrast .join-hero .motto{background:#000;color:#fff;border-color:#fff;text-shadow:none}
html.a11y-contrast .motto-photo::before{background:#000}

/* ---- bright photos (v2.2, 2026-11-02): no dark layers on images; text sits on light cards instead ---- */
.hero,.page-hero.sea-hero,.join-hero.sea-hero{background:#bfe3f2;color:var(--ink)}
.hero-bg::after,.sea-hero .hero-bg::after{content:none;display:none;background:none}
.hero-bg img{filter:none}
/* light text cards on the photos */
.hero .hero-copy,.sea-hero .hero-text,.join-hero.sea-hero .join-grid>div:first-child{background:rgba(255,255,255,.93);color:var(--ink);border-radius:28px;box-shadow:0 14px 34px rgba(0,60,90,.16)}
.hero .hero-copy{padding:1.6rem 1.4rem}
.sea-hero .hero-text{max-width:760px;margin-block:3rem 5.5rem;padding:1.8rem 1.5rem}
.join-hero.sea-hero .join-grid>div:first-child{padding:1.6rem 1.4rem;align-self:start}
@media (min-width:700px){.hero .hero-copy,.sea-hero .hero-text,.join-hero.sea-hero .join-grid>div:first-child{padding:2rem 2.2rem}}
.hero h1,.sea-hero h1,.join-hero.sea-hero h1{color:var(--blue);text-shadow:none}
.join-hero.sea-hero h1 .accent{color:var(--pink-text)}
.hero p.sub,.sea-hero .hero-text p,.join-hero.sea-hero .hero-lead{color:var(--ink);text-shadow:none}
.hero .btn-outline,.btn-on-dark,.sea-hero .btn-outline{background:#fff;color:var(--blue);border-color:var(--blue)}
.hero .btn-outline:hover,.btn-on-dark:hover,.sea-hero .btn-outline:hover{background:var(--blue);color:#fff}
.vibe-list li{background:var(--bg);border:1px solid var(--line);color:var(--blue)}
.join-hero .motto{background:var(--bg);border:1px solid var(--line);color:var(--blue);text-shadow:none}
.img-credit{background:rgba(255,255,255,.92);color:#111}
.motto-photo img{box-shadow:0 14px 30px rgba(0,60,90,.2)}
/* high-contrast mode (user-chosen in the a11y widget): black cards, white text */
html.a11y-contrast .hero .hero-copy,html.a11y-contrast .sea-hero .hero-text,html.a11y-contrast .join-hero.sea-hero .join-grid>div:first-child{background:#000;border:2px solid #fff}
html.a11y-contrast .hero h1,html.a11y-contrast .sea-hero h1,html.a11y-contrast .join-hero.sea-hero h1,html.a11y-contrast .hero p.sub,html.a11y-contrast .sea-hero .hero-text p,html.a11y-contrast .join-hero.sea-hero .hero-lead,html.a11y-contrast .vibe-list li{color:#fff}
html.a11y-contrast .img-credit{background:#000;color:#fff}
.hero .hero-inner{z-index:2}

/* ---- reservists voucher banner (home + deals), 2026-11-02 ---- */
.miluim-banner{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem 1.4rem;margin:0 auto 3rem;max-width:980px;padding:1.4rem 1.6rem;text-align:center;background:var(--bg);border-radius:28px;border:3px solid transparent;background-image:linear-gradient(120deg,#ffffff,var(--bg) 45%,#fde7ef),linear-gradient(120deg,var(--blue),#4fb3d9 50%,var(--pink));background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 14px 34px rgba(0,105,148,.16)}
.miluim-icon{display:grid;place-items:center;width:64px;height:64px;flex:none;border-radius:50%;background:#fff;font-size:2rem;box-shadow:0 6px 16px rgba(233,30,99,.22);animation:portrait-bob 5s ease-in-out infinite}
.miluim-text{margin:0;flex:1 1 320px;font-size:clamp(1.25rem,3vw,1.6rem);font-weight:900;line-height:1.4;color:var(--blue)}
.miluim-em{color:var(--pink-text)}
.miluim-banner .btn{flex:none}
@media (min-width:760px){.miluim-banner{flex-wrap:nowrap;text-align:start}}
.deals-grid+.miluim-banner,.section .container>.miluim-banner:first-child{margin-top:0}
html.a11y-contrast .miluim-banner{background:#fff;background-image:none;border:3px solid #000}
html.a11y-contrast .miluim-text,html.a11y-contrast .miluim-em{color:#000}

/* ---- compact home hero (2026-11-02): small card, the landscape stays visible; form moved below ---- */
.hero{min-height:clamp(480px,78vh,720px);display:flex;align-items:flex-end}
.hero .hero-inner{display:block;width:min(100% - 2rem,var(--maxw));padding:0 0 4.2rem}
@media (min-width:1000px){.hero .hero-inner{padding:0 0 5.5rem}}
.hero .hero-copy{max-width:430px;padding:1.1rem 1.25rem 1.2rem;background:rgba(255,255,255,.88);border-radius:22px;box-shadow:0 10px 26px rgba(0,60,90,.14)}
@media (min-width:700px){.hero .hero-copy{padding:1.3rem 1.6rem 1.4rem}}
.hero h1{font-size:clamp(1.45rem,4.6vw,2.1rem);margin-bottom:.35em}
.hero p.sub{font-size:1rem;margin:0;color:var(--ink)}
.hero .hero-actions{margin-top:.9rem;gap:.5rem}
.hero .hero-actions .btn{min-height:46px;padding:.55rem 1rem;font-size:.97rem}
.lead-section{padding-top:2.5rem;padding-bottom:1rem;scroll-margin-top:90px}
.lead-wrap{max-width:620px}

/* ---- turquoise beach hero (2026-11-02): card sits over the sky, water + sand stay visible ---- */
.hero{align-items:flex-start}
.hero .hero-inner{padding:1.4rem 0 0}
@media (min-width:1000px){.hero .hero-inner{padding:2.2rem 0 0}}
.hero-bg img.hero-turquoise{object-position:30% 40%}
@media (max-width:699px){.hero-bg img.hero-turquoise{object-position:22% 50%}}
@media (max-width:699px){.hero{min-height:560px}.hero-bg img.hero-turquoise{object-position:48% 50%}}
@media (max-width:699px){.hero-bg img.hero-turquoise{object-position:72% 50%}.hero .hero-plane{display:none}}

/* ==== v2.3 "more blue, less pink" palette rebalance (2026-11-02) ====
   Blue is the dominant accent; pink is kept only as a small highlight (--hl-pink).
   The logo is an image and is untouched. WhatsApp stays #0e7a6d. */
:root{
  --hl-pink:#c2185b; --hl-pink-brand:#e91e63;      /* small highlights only */
  --pink:#0a8fb5;                                   /* decorative accent -> turquoise-blue */
  --pink-text:#006994; --pink-dark:#004f70;         /* text/buttons -> sea blue (white text 6:1) */
  --sunset-1:#0a7ea4; --sunset-2:#006994;           /* CTA band + its waves -> lighter sea gradient */
  --tint:#e6f4fa;
}
/* header line: blue -> turquoise only */
.site-header::after{background:linear-gradient(90deg,#006994,#0a8fb5 50%,#4fb3d9)}
/* pink tints -> light blue tints */
.join-hero{background:linear-gradient(135deg,#fff 0%,var(--tint) 100%)}
.benefits .icon{background:var(--tint)}
.miluim-banner{background-image:linear-gradient(120deg,#ffffff,var(--bg) 45%,var(--tint)),linear-gradient(120deg,var(--blue),#0a8fb5 50%,#4fb3d9)}
.miluim-icon,.name-story-icon{box-shadow:0 6px 16px rgba(0,105,148,.22)}
.name-story{background-image:linear-gradient(#fff,#fff),linear-gradient(120deg,var(--sea-1),#0a8fb5,#4fb3d9)}
.portrait::before{background:linear-gradient(135deg,var(--sea-1),#0a8fb5 55%,#4fb3d9)}
.motto-photo::before{background:linear-gradient(160deg,#4fb3d9,#0a8fb5 50%,var(--sea-1))}
.service-card:nth-child(even){border-bottom-color:#4fb3d9}
/* the few pink highlights that stay */
.accent,.join-hero.sea-hero h1 .accent{color:var(--hl-pink)}
.miluim-em{color:var(--hl-pink)}
.name-story h2{color:var(--hl-pink)}
html.a11y-contrast .join-hero.sea-hero h1 .accent{color:#fff}
html.a11y-contrast .miluim-em,html.a11y-contrast .name-story h2{color:#000}

/* ---- hero: small secondary link to deals (2026-11-02) ---- */
.hero .hero-deals-link{display:inline-flex;align-items:center;gap:.3rem;margin-top:.55rem;min-height:36px;padding:.3rem .9rem;border:1.5px solid #006994;border-radius:999px;background:#fff;color:#006994;font-weight:700;font-size:.92rem;text-decoration:none}
.hero .hero-deals-link:hover{background:#e6f4f9;text-decoration:underline}
.hero .hero-deals-link:focus-visible{outline:3px solid #006994;outline-offset:2px}

/* ---- "חדש!" badge for newly opened services (2026-11-02) ---- */
.badge-new{display:inline-block;margin-inline-start:.4rem;background:#e6f4f9;color:#006994;border:1px solid #006994;font-size:.8rem;font-weight:800;padding:.05rem .6rem;border-radius:999px;vertical-align:middle}