*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --ink:#18342f;--slate:#123f35;--teal:#0f8f83;--aqua:#21b7a8;
  --saffron:#e5a021;--coral:#ef735f;--sage:#165a4e;
  --cream:#fffaf2;--warm:#f7f2e7;--surface:#ffffff;
  --muted:#6f7f7a;--line:rgba(18,63,53,.1);
  --radius:20px;--radius-lg:28px;
  --sh-xs:0 1px 4px rgba(18,63,53,.05),0 2px 14px rgba(18,63,53,.06);
  --sh-sm:0 2px 16px rgba(18,63,53,.06),0 4px 28px rgba(18,63,53,.07);
  --sh-md:0 8px 32px rgba(18,63,53,.1),0 2px 10px rgba(18,63,53,.06);
  --sh-hover:0 22px 64px rgba(18,63,53,.14),0 4px 18px rgba(18,63,53,.07);
  --ease:cubic-bezier(.25,.46,.45,.94);
}
html{scroll-behavior:smooth;overflow-x:clip}
body{font-family:'Heebo',sans-serif;background:var(--cream);color:var(--ink);direction:rtl;text-align:right;overflow-x:clip;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
*{min-width:0}

/* ── ACCESSIBILITY ── */
.skip-link{position:fixed;top:-100px;right:0;left:0;text-align:center;background:var(--teal);color:#fff;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;z-index:9999;transition:top .2s;text-decoration:none;box-shadow:0 2px 12px rgba(0,0,0,.2)}
.skip-link:focus{top:0}
header[role="banner"]{position:sticky;top:0;z-index:1000}
*:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:4px}
button:focus-visible,a:focus-visible{outline:3px solid var(--teal);outline-offset:3px}

/* ── accessibility widget (IS 5568 / WCAG 2.1 AA) ── */
.a11y-btn{position:fixed;bottom:1.5rem;left:1.5rem;width:56px;height:56px;border-radius:50%;background:var(--teal);color:#fff;border:2px solid #fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px rgba(10,122,150,.45);z-index:10000;transition:transform .2s,box-shadow .2s,bottom .2s}
.a11y-btn:hover{transform:scale(1.08);box-shadow:0 6px 24px rgba(10,122,150,.55)}
.a11y-btn svg{width:30px;height:30px}
.a11y-panel{position:fixed;bottom:5rem;left:1.5rem;background:#fff;border:2px solid var(--teal);border-radius:16px;padding:1rem 1.1rem;box-shadow:0 12px 40px rgba(15,25,35,.22);z-index:10002;width:272px;max-width:calc(100vw - 2rem);max-height:calc(100dvh - 7rem);overflow-y:auto;-webkit-overflow-scrolling:touch;display:none;direction:rtl}
.a11y-panel.open{display:block}
/* keep the accessibility button/panel clear of the cookie consent banner */
body.cookie-open .a11y-btn{bottom:calc(var(--cookie-h,150px) + 1rem)}
body.cookie-open .a11y-panel{bottom:calc(var(--cookie-h,150px) + 4.2rem)}
.a11y-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}
.a11y-panel h3{font-size:1rem;font-weight:800;color:var(--teal)}
.a11y-x{background:none;border:none;font-size:1.5rem;line-height:1;color:var(--muted);cursor:pointer;width:34px;height:34px;border-radius:8px}
.a11y-x:hover{background:var(--cream);color:var(--ink)}
.a11y-row{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-bottom:.5rem}
.a11y-step{flex:1;background:var(--teal);color:#fff;border:none;border-radius:10px;padding:.55rem;font-size:1.05rem;font-weight:800;font-family:'Heebo',sans-serif;cursor:pointer;min-height:44px}
.a11y-step:hover{background:var(--slate)}
.a11y-step-val{min-width:54px;text-align:center;font-weight:700;font-size:.9rem;color:var(--ink)}
.a11y-panel>button{display:flex;align-items:center;gap:.5rem;width:100%;background:#fff;border:1px solid var(--line);border-radius:10px;padding:.6rem .75rem;font-size:.9rem;font-family:'Heebo',sans-serif;cursor:pointer;margin-bottom:.4rem;text-align:right;color:var(--ink);min-height:44px;transition:background .15s,border-color .15s}
.a11y-panel>button:hover{background:var(--cream)}
.a11y-panel>button[aria-pressed="true"]{background:var(--teal);color:#fff;border-color:var(--teal);font-weight:700}
.a11y-reset{justify-content:center !important;border-color:rgba(192,57,43,.35) !important;color:var(--coral) !important;font-weight:700}
.a11y-panel a{display:block;margin-top:.5rem;font-size:.85rem;color:var(--teal);text-decoration:underline;text-align:center}

/* reading guide ruler */
#a11y-guide{position:fixed;left:0;right:0;top:0;height:2.4rem;background:rgba(10,122,150,.14);border-top:3px solid var(--teal);border-bottom:3px solid var(--teal);pointer-events:none;z-index:8999;display:none}
body.a11y-guide #a11y-guide{display:block}

/* readable font + line spacing */
body.a11y-readable,body.a11y-readable *{font-family:Arial,"Segoe UI","Heebo",sans-serif !important;letter-spacing:.02em}
body.a11y-spacing p,body.a11y-spacing li,body.a11y-spacing a,body.a11y-spacing span,body.a11y-spacing h1,body.a11y-spacing h2,body.a11y-spacing h3{line-height:2.1 !important;word-spacing:.14em !important}

/* highlight links + headings */
body.a11y-links a:not(.logo):not(.a11y-btn){text-decoration:underline !important;text-underline-offset:3px;outline:2px solid var(--saffron);outline-offset:2px;font-weight:700 !important}
body.a11y-heads h1,body.a11y-heads h2,body.a11y-heads h3,body.a11y-heads h4{outline:2px dashed var(--teal);outline-offset:3px;background:rgba(233,160,0,.12) !important}

/* high contrast — dark (>7:1) */
body.a11y-dark,body.a11y-dark *{background-color:#000 !important;color:#fff !important;border-color:#fff !important;box-shadow:none !important;text-shadow:none !important;background-image:none !important}
body.a11y-dark a,body.a11y-dark a *{color:#ff0 !important;text-decoration:underline !important}
body.a11y-dark img,body.a11y-dark video{opacity:.92}

/* high contrast — light */
body.a11y-light,body.a11y-light *{background-color:#fff !important;color:#000 !important;border-color:#000 !important;box-shadow:none !important;text-shadow:none !important;background-image:none !important}
body.a11y-light a,body.a11y-light a *{color:#00008b !important;text-decoration:underline !important;font-weight:700}

/* grayscale */
body.a11y-gray{filter:grayscale(1)}

/* stop animations (WCAG 2.2.2) */
body.a11y-noanim,body.a11y-noanim *,body.a11y-noanim *::before,body.a11y-noanim *::after{animation:none !important;animation-duration:0s !important;transition:none !important;scroll-behavior:auto !important}

/* enlarged cursor */
body.a11y-cursor,body.a11y-cursor *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l15 11-6.5 1.2L16 22l-3 1.2-3.4-7.7L4 20z' fill='%23000' stroke='%23fff' stroke-width='1.3'/%3E%3C/svg%3E") 4 2,auto !important}

/* honor OS reduced-motion preference */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important;scroll-behavior:auto !important}}

/* ── NAV (glassmorphism) ── */
.site-nav{background:rgba(255,255,255,.88);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.55);box-shadow:0 2px 28px rgba(15,25,35,.07);position:relative}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:.9rem 2.5rem;max-width:1320px;margin:0 auto}
.logo{color:var(--ink);font-size:1.2rem;font-weight:900;text-decoration:none;display:flex;align-items:center;gap:.5rem;letter-spacing:-.3px}
.logo em{color:var(--teal);font-style:normal;font-weight:400;font-size:.8rem;letter-spacing:.5px}
.site-nav ul{display:flex;gap:2rem;list-style:none}
.site-nav ul a{color:var(--muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .25s;position:relative;padding-bottom:.15rem}
.site-nav ul a::after{content:'';position:absolute;bottom:0;right:0;width:0;height:2px;background:linear-gradient(90deg,var(--teal),var(--aqua));transition:width .3s var(--ease);border-radius:2px}
.site-nav ul a:hover,.site-nav ul a.active{color:var(--ink)}
.site-nav ul a:hover::after,.site-nav ul a.active::after{width:100%}
/* ── HAMBURGER BUTTON ── */
.nav-toggle{display:none;flex-direction:column;justify-content:space-between;width:44px;height:44px;box-sizing:border-box;background:none;border:none;cursor:pointer;padding:12.5px 9px;flex-shrink:0}
.nav-toggle span{display:block;width:100%;height:2.5px;background:var(--ink);border-radius:3px;transition:transform .28s var(--ease),opacity .2s,background .2s}
.site-nav.open .nav-toggle span:nth-child(1){transform:translateY(8.25px) rotate(45deg)}
.site-nav.open .nav-toggle span:nth-child(2){opacity:0;transform:scaleX(0)}
.site-nav.open .nav-toggle span:nth-child(3){transform:translateY(-8.25px) rotate(-45deg)}
.nav-search-li{display:flex;align-items:center}
.nav-search{display:flex;align-items:center;gap:.4rem;background:var(--cream);border:1.5px solid var(--line);border-radius:50px;padding:.35rem .85rem;transition:border-color .2s,box-shadow .2s}
.nav-search:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px rgba(10,122,150,.12)}
.nav-search-ic{font-size:.9rem;opacity:.6}
.nav-search input{border:none;background:none;outline:none;font-family:inherit;font-size:.85rem;color:var(--ink);width:130px}
.nav-search input::placeholder{color:var(--muted)}
@media(max-width:700px){
  .nav-toggle{display:flex}
  .nav-search-li{border-bottom:none!important;padding:.7rem 1.2rem}
  .nav-search{width:100%}
  .nav-search input{width:100%}
  .site-nav ul{display:none;flex-direction:column;gap:0;list-style:none;position:absolute;top:100%;right:0;left:0;background:rgba(255,255,255,.98);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-top:1px solid var(--line);box-shadow:0 20px 56px rgba(15,25,35,.13);padding:.4rem 0;max-height:calc(100dvh - 64px);overflow-y:auto;-webkit-overflow-scrolling:touch}
  .site-nav.open ul{display:flex}
  .site-nav ul li{border-bottom:1px solid rgba(15,25,35,.05)}
  .site-nav ul li:last-child{border-bottom:none}
  .site-nav ul a{display:flex;align-items:center;padding:1rem 1.5rem;font-size:1rem;font-weight:600;color:var(--ink);min-height:44px}
  .site-nav ul a::after{display:none}
  .site-nav ul a.active{color:var(--teal)}
  /* mobile: group headers — use .has-dropdown>.nav-group-btn for specificity 20
     to beat the post-media-query desktop rule (.nav-group-btn specificity 10) */
  .has-dropdown{border-bottom:1px solid rgba(15,25,35,.05)}
  .has-dropdown:last-child{border-bottom:none}
  .has-dropdown>.nav-group-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 2.5rem 1rem 1.5rem;font-size:1rem;font-weight:700;color:var(--ink);min-height:52px;border-bottom:none;border-radius:0;text-align:right;white-space:normal;gap:0;box-sizing:border-box}
  .has-dropdown>.nav-group-btn.active-group{color:var(--teal)}
  /* chevron ring indicator — bordered circle, fills on open */
  .has-dropdown>.nav-group-btn .nav-chevron{width:32px;height:32px;border-radius:50%;background:transparent;border:2px solid var(--teal);color:var(--teal);display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0;transition:background .2s,transform .25s,color .2s;line-height:1}
  .has-dropdown.open>.nav-group-btn .nav-chevron{background:var(--teal);color:#fff;border-color:var(--teal);transform:scaleY(-1)}
  /* mobile: accordion sub-list */
  .site-nav .nav-dropdown{display:none!important;position:static!important;background:rgba(13,148,136,.04);border-radius:0;box-shadow:none;border:none;min-width:unset;padding:0;flex-direction:column}
  .has-dropdown.open .nav-dropdown{display:flex!important}
  .site-nav .nav-dropdown a{padding:.9rem 3rem .9rem 1.5rem;font-size:.95rem;font-weight:500;border-bottom:1px solid rgba(15,25,35,.04);color:var(--ink);min-height:44px;white-space:normal}
  .site-nav .nav-dropdown a.active{color:var(--teal);font-weight:700}
}
/* ── NAV DROPDOWNS (desktop) ── */
.has-dropdown{position:relative}
.nav-group-btn{background:none;border:none;cursor:pointer;color:var(--muted);font-size:.9rem;font-weight:500;font-family:inherit;padding:.15rem 0;display:flex;align-items:center;gap:.3rem;transition:color .25s;white-space:nowrap;line-height:1}
.nav-group-btn:hover,.has-dropdown:hover .nav-group-btn{color:var(--ink)}
.nav-group-btn.active-group{color:var(--ink)}
.nav-chevron{font-size:.6rem;transition:transform .22s;display:inline-block}
.has-dropdown.open .nav-chevron{transform:scaleY(-1)}
.site-nav .nav-dropdown{display:none;position:absolute;top:100%;right:0;min-width:195px;background:rgba(255,255,255,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:14px;box-shadow:0 8px 40px rgba(15,25,35,.16);border:1px solid rgba(0,0,0,.07);padding:.65rem 0 .5rem;z-index:300;list-style:none}
.has-dropdown:focus-within>.nav-dropdown,.has-dropdown.open>.nav-dropdown{display:block}
.site-nav .nav-dropdown li{border:none!important}
.site-nav .nav-dropdown a{display:flex;align-items:center;gap:.45rem;padding:.55rem 1.15rem;font-size:.86rem;font-weight:500;color:var(--muted);text-decoration:none;transition:background .15s,color .15s;white-space:nowrap;position:static;padding-bottom:.55rem!important}
.site-nav .nav-dropdown a:hover{background:rgba(13,148,136,.07);color:var(--teal)}
.site-nav .nav-dropdown a.active{color:var(--teal);font-weight:600;background:rgba(13,148,136,.06)}
.site-nav .nav-dropdown a::after{display:none!important}

/* ── BLOG / ARTICLES ── */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2rem 0}
.blog-card{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sh-xs);transition:all .35s var(--ease);display:flex;flex-direction:column}
.blog-card:hover{transform:translateY(-6px);box-shadow:var(--sh-hover)}
.blog-card-img{width:100%;aspect-ratio:16/9;object-fit:cover}
.blog-card-body{padding:1.2rem 1.4rem;flex:1;display:flex;flex-direction:column;gap:.5rem}
.blog-card-tags{display:flex;gap:.4rem;flex-wrap:wrap}
.blog-tag{font-size:.72rem;background:rgba(13,148,136,.1);color:var(--teal);padding:.2rem .6rem;border-radius:20px;font-weight:500}
.blog-card-title{font-size:1rem;font-weight:700;color:var(--ink);line-height:1.4;margin:0}
.blog-card-meta{font-size:.78rem;color:var(--muted);margin-top:auto;padding-top:.5rem;display:flex;align-items:center;gap:.5rem}
.blog-card-avatar{width:30px;height:30px;border-radius:50%;background:var(--line);overflow:hidden;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.blog-card-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.article-hero-wrap{position:relative;max-height:480px;overflow:hidden;border-radius:0}
.article-hero-img{width:100%;height:480px;object-fit:cover}
.article-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,transparent 60%)}
.article-hero-text{position:absolute;bottom:2.5rem;right:2.5rem;left:2.5rem;color:#fff}
.article-hero-text h1{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:900;line-height:1.2;margin:0 0 .8rem;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.article-tags-hero{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.6rem}
.article-tag-hero{background:rgba(255,255,255,.2);color:#fff;font-size:.75rem;padding:.25rem .7rem;border-radius:20px;backdrop-filter:blur(8px)}
.article-byline{display:flex;align-items:center;gap:.7rem;font-size:.85rem;color:rgba(255,255,255,.85)}
.article-avatar{width:36px;height:36px;border-radius:50%;background:var(--line);overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.5);flex-shrink:0}
.article-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.article-body{max-width:780px;margin:0 auto;padding:2.5rem 2rem}
.article-intro{font-size:1.15rem;line-height:1.85;color:var(--ink);margin-bottom:2.5rem;border-right:4px solid var(--teal);padding-right:1.2rem}
.article-section{margin-bottom:2.8rem}
.article-section h2{font-size:1.4rem;font-weight:800;color:var(--ink);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--line)}
.article-section p{font-size:1rem;line-height:1.82;color:#374151;margin-bottom:1rem}
.article-section ul,.article-section ol{padding-right:1.4rem;margin-bottom:1rem}
.article-section li{font-size:1rem;line-height:1.75;color:#374151;margin-bottom:.35rem}
.article-img-wrap{margin:1.5rem 0;border-radius:var(--radius-lg);overflow:hidden}
.article-img-wrap img{width:100%;object-fit:cover;display:block;max-height:420px}
.article-img-caption{font-size:.78rem;color:var(--muted);padding:.5rem .8rem;background:var(--warm);text-align:center}
.article-img-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}
.article-img-grid .article-img-wrap{margin:0}
.article-faq{background:var(--warm);border-radius:var(--radius-lg);padding:2rem;margin:2.5rem 0}
.article-faq h2{font-size:1.3rem;font-weight:800;margin:0 0 1.2rem}
.faq-item{margin-bottom:1.2rem;border-bottom:1px solid var(--line);padding-bottom:1rem}
.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.faq-q{font-weight:700;font-size:.95rem;color:var(--ink);margin-bottom:.35rem}
/* Text-beside-image block emitted by the guide/sub-guide builder. The class
   lost its rule in the redesign, so on 81 pages both columns stacked and the
   image rendered full-bleed at a fixed 330px — i.e. a ~6:1 crop that cut faces
   and subjects out of the frame. */
.g2{display:grid;grid-template-columns:1fr 1fr;gap:1.9rem;align-items:center}
/* Sibling grids of .g2. All three shipped without a rule, so their children
   stacked full-width — the same silent breakage .g2 had. */
.g2-sm{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.g3-sm{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}
@media(max-width:700px){.g2-sm,.g3,.g3-sm{grid-template-columns:1fr}}
/* Cards inside .info-grid — the grid was styled, its cells were not. */
.info-box{background:var(--surface);border-radius:var(--radius);padding:1.2rem 1.35rem;box-shadow:var(--sh-xs);border:1px solid var(--line)}
.info-box h3{font-size:.98rem;font-weight:800;color:var(--ink);margin:0 0 .5rem;line-height:1.35}
.info-box p{font-size:.88rem;color:var(--muted);line-height:1.75;margin:0}
.info-box p+p{margin-top:.6rem}
/* Wide tables: scroll inside their own box instead of pushing the page sideways. */
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:.4rem 0 1rem}
/* Fact pages (/עובדות/*): a section heading and a two-column key/value table.
   Both were unstyled, so 24 pages rendered raw browser tables. */
.fs-section{margin:2.2rem 0}
.fs-section>h2{font-size:1.25rem;font-weight:900;color:var(--ink);margin:0 0 .8rem;padding-bottom:.5rem;border-bottom:2px solid var(--line)}
.fs-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--sh-xs)}
.fs-table{width:100%;border-collapse:collapse;font-size:.92rem}
.fs-table th,.fs-table td{padding:.72rem .95rem;text-align:start;vertical-align:top;line-height:1.65;border-bottom:1px solid var(--line)}
.fs-table tr:last-child th,.fs-table tr:last-child td{border-bottom:0}
.fs-table th[scope="row"]{font-weight:800;color:var(--ink);width:38%;background:rgba(10,122,150,.04)}
.fs-table td{color:var(--muted)}
@media(max-width:560px){.fs-table{font-size:.86rem}.fs-table th[scope="row"]{width:44%}}
@media(max-width:900px){.g2{grid-template-columns:1fr;gap:1.2rem}
  .g2 img{height:auto!important;max-height:420px;object-fit:contain}}
.answer-box{background:linear-gradient(135deg,rgba(10,122,150,.09),rgba(0,184,217,.05));border:1px solid var(--line);border-right:4px solid var(--teal);border-radius:16px;padding:1.15rem 1.4rem;margin:1.6rem auto;max-width:860px}
/* A block pushed out of the dark page-hero (answer box, freshness chip) lands
   between the hero and the content container, which supplies no padding. */
.post-hero-inject{padding:0 1.15rem}
.answer-box-label{font-size:.72rem;font-weight:800;letter-spacing:1px;color:var(--teal);margin-bottom:.4rem}
.answer-box p{margin:0;font-size:1.02rem;line-height:1.7;color:var(--ink)}

.cmp-table-wrap{max-width:900px;margin:1.8rem auto;overflow-x:auto;-webkit-overflow-scrolling:touch}
.cmp-table{width:100%;border-collapse:collapse;font-size:.9rem;background:var(--surface);border-radius:14px;overflow:hidden;box-shadow:var(--sh-xs)}
.cmp-table caption{caption-side:top;text-align:right;font-weight:800;color:var(--ink);font-size:1.05rem;margin-bottom:.7rem}
.cmp-table th,.cmp-table td{padding:.65rem .9rem;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}
.cmp-table th{background:var(--ink);color:#fff;font-weight:700;font-size:.8rem}
.cmp-table tr:last-child td{border-bottom:none}
.cmp-table tbody tr:nth-child(even){background:var(--cream)}
/* ── BEST-TIME TOOL ── */
.bt-tool{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.4rem;box-shadow:var(--sh-sm);margin:1.5rem 0 1rem}
.bt-tabs{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-bottom:1.3rem}
.bt-tab{padding:.45rem .85rem;border:1px solid var(--line);background:var(--cream);border-radius:50px;font-size:.85rem;font-weight:700;color:var(--slate);cursor:pointer;transition:all .15s;font-family:inherit}
.bt-tab:hover{border-color:var(--teal);color:var(--teal)}
.bt-tab.active{background:var(--teal);color:#fff;border-color:var(--teal)}
.bt-panel{display:none}
.bt-panel.active{display:block;animation:btfade .25s ease}
@keyframes btfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.bt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-bottom:1.1rem}
.bt-reg{border-radius:14px;padding:1rem .8rem;text-align:center;border:1px solid var(--line)}
.bt-reg-name{font-size:.82rem;font-weight:700;color:var(--ink);margin-bottom:.4rem}
.bt-reg-status{font-size:.95rem;font-weight:800}
.bt-great{background:rgba(61,107,79,.12)}.bt-great .bt-reg-status{color:var(--sage)}
.bt-good{background:rgba(233,160,0,.12)}.bt-good .bt-reg-status{color:#8a5e00}
.bt-avoid{background:rgba(232,77,60,.1)}.bt-avoid .bt-reg-status{color:var(--coral)}
.bt-special,.bt-best{font-size:.92rem;line-height:1.7;color:var(--slate);padding:.7rem .9rem;border-radius:12px;background:var(--cream);margin-top:.6rem}
.bt-table td{text-align:center;font-weight:700;font-size:.82rem;white-space:nowrap}
.bt-table td.bt-great{color:var(--sage)}.bt-table td.bt-good{color:#8a5e00}.bt-table td.bt-avoid{color:var(--coral)}
.bt-key{display:inline-block;width:14px;height:14px;border-radius:4px;vertical-align:middle;margin-left:.2rem}
.bt-key.bt-great{background:var(--sage)}.bt-key.bt-good{background:var(--saffron)}.bt-key.bt-avoid{background:var(--coral)}
@media(max-width:600px){.bt-grid{grid-template-columns:1fr 1fr}}
/* ── COST CALCULATOR ── */
.cc-tool{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.6rem;box-shadow:var(--sh-sm);margin:1.5rem 0}
.cc-field{margin-bottom:1.4rem}
.cc-label{font-size:.92rem;font-weight:700;color:var(--ink);margin-bottom:.6rem;display:block}
.cc-opts{display:flex;flex-wrap:wrap;gap:.5rem}
.cc-opt{padding:.55rem 1rem;border:1px solid var(--line);background:var(--cream);border-radius:12px;font-size:.88rem;font-weight:700;color:var(--slate);cursor:pointer;transition:all .15s;font-family:inherit}
.cc-opt:hover{border-color:var(--teal)}
.cc-opt.active{background:var(--teal);color:#fff;border-color:var(--teal)}
.cc-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.cc-stepper{display:flex;align-items:center;gap:.8rem}
.cc-step-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--cream);font-size:1.2rem;font-weight:800;color:var(--teal);cursor:pointer}
.cc-num{font-size:1.3rem;font-weight:800;min-width:2.5rem;text-align:center;color:var(--ink)}
.cc-result{background:linear-gradient(135deg,var(--slate),#192f42);border-radius:var(--radius-lg);padding:1.8rem;color:#fff;margin-top:1.5rem;text-align:center}
.cc-total{font-size:2.4rem;font-weight:800;color:#fff;line-height:1.1}
.cc-total small{font-size:1rem;font-weight:600;opacity:.7}
.cc-sub{font-size:.9rem;opacity:.75;margin-top:.3rem}
.cc-break{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-top:1.3rem;text-align:right}
.cc-break-item{background:rgba(255,255,255,.08);border-radius:12px;padding:.7rem .9rem;font-size:.85rem;display:flex;justify-content:space-between}
.cc-break-item b{color:var(--aqua)}
@media(max-width:600px){.cc-break{grid-template-columns:1fr}}
/* ── BUDGET PAGE ── */
.bg-persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:1.3rem}
.bg-persona{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sh-sm)}
.bg-persona-hd{padding:1.2rem 1.4rem 1rem;background:var(--tint)}
.bg-persona-emoji{font-size:1.9rem;line-height:1}
.bg-persona-name{font-family:'Heebo',sans-serif;font-size:1.25rem;font-weight:900;color:var(--ink);margin:.35rem 0 .15rem}
.bg-persona-day{font-size:1.9rem;font-weight:900;color:var(--acc);line-height:1}
.bg-persona-day small{font-size:.82rem;font-weight:600;color:var(--muted)}
.bg-persona-body{padding:1rem 1.4rem 1.4rem}
.bg-persona-row{display:flex;justify-content:space-between;font-size:.86rem;padding:.42rem 0;border-bottom:1px dashed var(--line);color:var(--slate)}
.bg-persona-row b{color:var(--ink);font-weight:800}
.bg-pricecats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.3rem;margin-top:1.3rem}
.bg-pricecat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.3rem 1.5rem;box-shadow:var(--sh-xs)}
.bg-pricecat h3{font-size:1.05rem;color:var(--ink);margin:0 0 .7rem;padding-bottom:.6rem;border-bottom:2px solid var(--line)}
.bg-pricerow{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--line);font-size:.89rem;color:var(--slate)}
.bg-pricerow:last-child{border-bottom:none}
.bg-pricerow .p{font-weight:800;color:var(--teal);white-space:nowrap}
.bg-pricerow .p.free{color:var(--sage)}
.bg-sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:1.3rem}
.bg-sample{background:linear-gradient(135deg,var(--slate),#192f42);border-radius:var(--radius-lg);padding:1.5rem 1.6rem;color:#fff;box-shadow:var(--sh-sm)}
.bg-sample-name{font-size:.92rem;font-weight:700;color:rgba(255,255,255,.85);line-height:1.4}
.bg-sample-tot{font-size:2rem;font-weight:900;color:#fff;margin:.45rem 0 .8rem}
.bg-sample-tot small{font-size:.72rem;font-weight:600;color:var(--aqua);display:block;margin-top:.1rem}
.bg-sample-row{display:flex;justify-content:space-between;font-size:.82rem;color:rgba(255,255,255,.82);padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.1)}
.bg-sample-row:last-child{border-bottom:none}
.bg-save-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;margin-top:1.3rem}
.bg-save{display:flex;gap:.7rem;align-items:flex-start;background:rgba(61,107,79,.07);border:1px solid rgba(61,107,79,.2);border-radius:14px;padding:.9rem 1.1rem}
.bg-save .ck{color:var(--sage);font-weight:900;font-size:1.05rem;flex-shrink:0;line-height:1.5}
.bg-save div{font-size:.87rem;color:var(--slate);line-height:1.6}
@media(max-width:780px){.bg-persona-grid,.bg-sample-grid,.bg-pricecats,.bg-save-grid{grid-template-columns:1fr}}
/* ── SHOPPING PAGE ── */
.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.4rem;margin-top:1.3rem}
.shop-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sh-xs);display:flex;flex-direction:column;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.shop-card:hover{transform:translateY(-5px);box-shadow:var(--sh-hover)}
.shop-card-img{position:relative;aspect-ratio:16/10;overflow:hidden}
.shop-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease)}
.shop-card:hover .shop-card-img img{transform:scale(1.07)}
.shop-badge{position:absolute;top:.7rem;right:.7rem;background:rgba(15,25,35,.8);color:#fff;font-size:.72rem;font-weight:800;padding:.28rem .75rem;border-radius:50px;backdrop-filter:blur(3px)}
.shop-card-bd{padding:1.05rem 1.25rem 1.2rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.shop-card-en{font-size:.64rem;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;color:var(--teal)}
.shop-card-name{font-family:'Heebo',sans-serif;font-size:1.18rem;font-weight:900;color:var(--ink);line-height:1.2;margin:0}
.shop-card-desc{font-size:.84rem;color:var(--muted);line-height:1.6;margin:.1rem 0}
.shop-card-ft{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding-top:.7rem;border-top:1px solid var(--line);font-size:.8rem}
.shop-card-price{font-weight:800;color:#8a5e00;background:rgba(233,160,0,.13);padding:.25rem .6rem;border-radius:50px;white-space:nowrap}
.shop-card-where{color:var(--teal);font-weight:600;text-align:left}
.pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;align-items:start}
.pack-cat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sh-sm)}
.pack-cat-img{position:relative;height:150px;overflow:hidden}
.pack-cat-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease)}
.pack-cat:hover .pack-cat-img img{transform:scale(1.06)}
.pack-cat-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,0) 60%)}
.pack-cat-noimg{height:150px;background:linear-gradient(135deg,#c0392b,#7e241a);display:flex;align-items:flex-end;position:relative}
.pack-cat-tag{position:absolute;bottom:.7rem;right:.9rem;left:.9rem;z-index:2;color:#fff;font-family:'Heebo',sans-serif;font-size:1.25rem;font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.pack-cat ul{list-style:none;padding:1.1rem 1.4rem 1.3rem;margin:0}
.pack-cat li{padding:.45rem 0;border-bottom:1px solid var(--line);font-size:.9rem;display:flex;gap:.5rem;align-items:flex-start}
.pack-cat li:last-child{border-bottom:none}
.pack-cat li span.ck{color:var(--teal);font-weight:900}
.shop-mkt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem;margin-top:1.3rem}
.shop-mkt{display:flex;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sh-xs)}
.shop-mkt-img{flex:0 0 38%;overflow:hidden}
.shop-mkt-img img{width:100%;height:100%;object-fit:cover;min-height:160px}
.shop-mkt-bd{padding:1.1rem 1.3rem;flex:1}
.shop-mkt-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem;margin-bottom:.5rem}
.shop-mkt-name{font-family:'Heebo',sans-serif;font-size:1.1rem;font-weight:900;color:var(--ink);margin:0}
.shop-mkt-loc{font-size:.8rem;color:var(--teal);font-weight:700;margin-top:.15rem}
.shop-mkt-meta{font-size:.7rem;color:var(--muted);text-align:left;line-height:1.7;white-space:nowrap}
.shop-mkt-desc{font-size:.85rem;color:var(--slate);line-height:1.65;margin:0}
@media(max-width:780px){.shop-mkt-grid{grid-template-columns:1fr}}
@media(max-width:480px){.shop-mkt{flex-direction:column}.shop-mkt-img{flex:none;aspect-ratio:16/9}}
/* ── ISLAND MAP ── */
#slmap{height:520px;border-radius:var(--radius-lg);box-shadow:var(--sh-sm);border:1px solid var(--line);z-index:1}
.map-filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1.5rem 0 1rem}
.map-filter{padding:.5rem 1.1rem;border:1px solid var(--line);background:var(--cream);border-radius:50px;font-size:.88rem;font-weight:700;color:var(--slate);cursor:pointer;font-family:inherit;transition:all .15s}
.map-filter:hover{border-color:var(--teal)}
.map-filter.active{background:var(--teal);color:#fff;border-color:var(--teal)}
.map-regions{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1.5rem 0 3rem}
.map-region{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.2rem;box-shadow:var(--sh-xs)}
.map-region h3{font-size:1rem;color:var(--ink);margin:0 0 .7rem}
.map-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.map-chip{display:inline-block;padding:.3rem .8rem;background:var(--cream);border:1px solid var(--line);border-radius:50px;color:var(--teal);font-size:.82rem;text-decoration:none;transition:all .15s}
.map-chip:hover{background:var(--teal);color:#fff;border-color:var(--teal)}
/* ── DISHES ── */
.dish-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.3rem;margin:1.5rem 0 2rem}
.dish-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sh-sm);text-decoration:none;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}
.dish-card:hover{transform:translateY(-4px);box-shadow:var(--sh-hover)}
.dish-card-img{position:relative;aspect-ratio:4/3;overflow:hidden}
.dish-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.dish-card-cat{position:absolute;top:.7rem;right:.7rem;background:rgba(15,25,35,.78);color:#fff;font-size:.72rem;font-weight:700;padding:.25rem .7rem;border-radius:50px}
.dish-card-body{padding:1rem 1.2rem 1.2rem}
.dish-card-body h2{font-size:1.12rem;color:var(--ink);margin:0 0 .3rem}
.dish-card-body p{font-size:.86rem;color:var(--muted);line-height:1.55;margin:0}
/* ── A11Y: minimum touch-target size for small interactive controls ── */
.hp-tab,.map-chip,.map-filter,.bt-tab,.cc-opt,.beach-cat-pill,.footer-nav a,.nav-dropdown a,.article-tag-hero,.dr-combine a,.nav-group-btn,.hp-sec-link,.hp-tab{min-height:32px;display:inline-flex;align-items:center}
/* A11y: ensure inline pill/chip links and small CTAs meet the 24px+ tap-target minimum */
.dr-combine a,.map-chip,.spot-chip,.beach-cat-pill,.article-tag-hero{min-height:32px}
a[href][style*="border-radius:50px"]{min-height:32px;display:inline-flex;align-items:center;justify-content:center}
.footer-nav{gap:.35rem .15rem}
.footer-nav a{padding:.3rem .15rem}
.footer-nav{gap:1.6rem 2.2rem}
.map-chips{gap:.55rem}
/* Rich destination sections */
.dr-wrap{max-width:1000px;margin:0 auto;padding:0 1.2rem}
.dr-sec{margin:3rem auto}
.dr-sec-title{font-family:'Heebo',sans-serif;font-size:1.6rem;font-weight:900;color:var(--ink);margin:0 0 1.1rem;display:flex;align-items:center;gap:.5rem}
.dr-lead{font-size:1.05rem;line-height:1.95;color:var(--slate)}
.dr-lead p{margin:0 0 1rem}
.dr-dontmiss{background:linear-gradient(135deg,rgba(233,160,0,.1),rgba(232,77,60,.06));border:1px solid var(--line);border-right:4px solid var(--saffron);border-radius:18px;padding:1.3rem 1.5rem}
.dr-dontmiss ul{margin:.4rem 0 0;padding-inline-start:1.1rem}
.dr-dontmiss li{font-size:1rem;line-height:1.85;color:var(--ink);margin-bottom:.35rem}
.dr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.dr-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.2rem 1.3rem;box-shadow:var(--sh-xs);transition:transform .25s var(--ease),box-shadow .25s}
.dr-card:hover{transform:translateY(-3px);box-shadow:var(--sh-sm)}
.dr-card-emoji{font-size:1.8rem;line-height:1}
.dr-card h3{font-size:1.05rem;font-weight:800;color:var(--ink);margin:.5rem 0 .4rem}
.dr-card p{font-size:.9rem;line-height:1.7;color:var(--muted);margin:0}
.dr-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}
.dr-gallery img{width:100%;height:220px;object-fit:cover;border-radius:14px;display:block;box-shadow:var(--sh-xs);transition:transform .5s var(--ease)}
.dr-gallery a:hover img{transform:scale(1.04)}
.dr-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.dr-info{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.3rem}
.dr-info .lbl{font-size:.78rem;font-weight:800;letter-spacing:.5px;color:var(--teal);margin-bottom:.35rem}
.dr-info .val{font-size:.95rem;line-height:1.75;color:var(--ink)}
.dr-tips{list-style:none;margin:0;padding:0}
.dr-tips li{position:relative;padding:.55rem 1.7rem .55rem 0;font-size:.98rem;line-height:1.7;color:var(--slate);border-bottom:1px solid var(--line)}
.dr-tips li:before{content:"💡";position:absolute;right:0;top:.5rem}
.dr-day{border-right:3px solid var(--teal);padding-inline-start:0;padding-inline-end:1.2rem;margin:0}
.dr-day .step{position:relative;padding:.2rem 0 1.1rem 0}
.dr-day .step .t{font-weight:800;color:var(--teal);font-size:.95rem}
.dr-day .step .x{font-size:.95rem;line-height:1.75;color:var(--slate);margin-top:.15rem}
.dr-facts{display:flex;flex-wrap:wrap;gap:.6rem}
.dr-fact{background:var(--cream);border:1px solid var(--line);border-radius:50px;padding:.4rem 1rem;font-size:.85rem;color:var(--ink)}
.dr-fact b{color:var(--teal)}
.dr-figure{margin:0;max-width:1000px}
.dr-figure img{width:100%;height:auto;border-radius:18px;display:block;box-shadow:var(--sh-sm)}
.dr-figure figcaption{font-size:.82rem;color:var(--muted);text-align:center;margin-top:.6rem;font-style:italic}
.dr-mistakes{list-style:none;margin:0;padding:0}
.dr-mistakes li{position:relative;padding:.6rem 1.9rem .6rem 0;font-size:.98rem;line-height:1.7;color:var(--slate);border-bottom:1px solid var(--line)}
.dr-mistakes li:before{content:"⚠️";position:absolute;right:0;top:.55rem}
.dr-combine{display:flex;flex-wrap:wrap;gap:.55rem}
.dr-combine a{display:inline-flex;align-items:center;gap:.4rem;background:var(--surface);border:1px solid var(--line);border-radius:50px;padding:.5rem 1.1rem;color:var(--teal);text-decoration:none;font-size:.9rem;font-weight:600;transition:background .2s}
.dr-combine a:hover{background:var(--cream)}
.dr-storybox{background:var(--warm);border-radius:18px;padding:1.5rem 1.7rem;font-size:1.02rem;line-height:1.95;color:var(--slate)}
.dr-storybox p{margin:0 0 .9rem}.dr-storybox p:last-child{margin:0}
@media(max-width:760px){.dr-grid{grid-template-columns:1fr}.dr-gallery{grid-template-columns:repeat(2,1fr)}.dr-gallery img{height:150px}.dr-info-grid{grid-template-columns:1fr}.dr-sec-title{font-size:1.35rem}.dr-storybox{padding:1.2rem 1.3rem}}
.faq-a{font-size:.9rem;line-height:1.7;color:#374151}
.article-related-section{background:var(--ink);padding:2.5rem 0}
.article-related-title{color:#fff;font-size:1.3rem;font-weight:800;margin:0 0 1.5rem}
.article-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.article-related-card{background:rgba(255,255,255,.06);border-radius:var(--radius);padding:1.2rem 1.4rem;display:flex;align-items:flex-start;gap:.9rem;transition:background .25s;color:#fff!important;text-decoration:none}
.article-related-card:hover{background:rgba(255,255,255,.1)}
.article-related-icon{font-size:1.5rem;flex-shrink:0}
.article-related-card strong{display:block;font-size:.9rem;line-height:1.4;margin-bottom:.3rem;color:#fff}
.article-related-card span{font-size:.78rem;color:rgba(255,255,255,.6)}
@media(max-width:700px){
  .blog-grid{grid-template-columns:1fr}
  .article-hero-img{height:280px}
  .article-hero-text{right:1.2rem;left:1.2rem;bottom:1.5rem}
  .article-hero-text h1{font-size:1.4rem}
  .article-body{padding:1.5rem 1rem}
  .article-img-grid{grid-template-columns:1fr}
  .article-related-grid{grid-template-columns:1fr}
}
@media(max-width:900px){
  .blog-grid{grid-template-columns:repeat(2,1fr)}
  .article-related-grid{grid-template-columns:repeat(2,1fr)}
}

/* ── BREADCRUMB ── */
.breadcrumb{background:var(--warm);border-bottom:1px solid var(--line);padding:.6rem 0;font-size:.8rem;color:var(--muted)}
.breadcrumb-inner{max-width:1200px;margin:0 auto;padding:0 2rem}
.breadcrumb a{color:var(--teal);text-decoration:none;font-weight:500}
.breadcrumb a:hover{text-decoration:underline}

/* ── TYPOGRAPHY ── */
.tag{display:inline-flex;align-items:center;gap:.4rem;background:rgba(10,122,150,.08);color:var(--teal);border-radius:50px;padding:.3rem 1rem;font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:.9rem;border:1px solid rgba(10,122,150,.18)}
h1.page-title{font-family:'Heebo',sans-serif;font-size:clamp(1.9rem,4.2vw,3.1rem);font-weight:900;line-height:1.08;margin-bottom:.7rem;letter-spacing:-.5px;word-break:break-word}
h1.page-title .accent{color:var(--aqua);display:block;font-size:.6em;font-weight:800;margin-top:.25rem}
.page-sub{font-size:1.1rem;line-height:1.9;opacity:.8;margin-bottom:2rem}
.section-title{font-family:'Heebo',sans-serif;font-size:clamp(1.9rem,3.5vw,2.8rem);font-weight:900;color:var(--ink);margin-bottom:.8rem;line-height:1.1;letter-spacing:-.3px}
.section-sub{font-size:1rem;color:var(--muted);line-height:1.9;max-width:640px;margin-bottom:2.5rem}
.content{max-width:1200px;margin:0 auto;padding:3.4rem 2rem}
.content+.content{padding-top:0}
.content+.faq-section,.content+.surf-tips-bg,.content+.surf-spots-wrap,.content+.surf-schools-bg{margin-top:0}
.content-narrow{max-width:820px;margin:0 auto;padding:3.4rem 2rem}
.content-narrow+.content-narrow{padding-top:0}

/* ── PAGE HERO (dest index etc.) ── */
.page-hero{position:relative;padding:4.5rem 2rem 3.5rem;overflow:hidden;color:white;text-align:center;background:linear-gradient(135deg,#123f35 0%,#082f29 100%);border-radius:0 0 30px 30px}
.page-hero::before{content:"";position:absolute;inset:0;background-image:repeating-radial-gradient(circle at 25% 30%,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 1px,transparent 1px,transparent 22px);opacity:.7;pointer-events:none}
.page-hero>*{position:relative;z-index:1}
.page-hero .tag{background:rgba(33,183,168,.2);border:1px solid rgba(33,183,168,.4);color:#dff5f1}
.page-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.22}
.page-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(27,51,71,.7),rgba(15,25,35,.95))}
.page-hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto}
.hf-wrap{max-width:1180px;margin:0 auto;padding:1.4rem 1rem 2.6rem}
.hf-img{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--sh-sm)}
.hf-img .bg{height:clamp(300px,52vh,470px);background-size:cover;background-position:center;transition:transform 8s var(--ease)}
.hf-img:hover .bg{transform:scale(1.05)}
.hf-img .scrim{position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,25,35,.45),rgba(15,25,35,.04) 48%,transparent 70%)}
.hf-card{position:relative;width:min(900px,92%);margin:-94px auto 0;background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--sh-hover);padding:2.3rem clamp(1.4rem,3vw,2.7rem);text-align:right;z-index:3}
.hf-card>.tag{margin-bottom:.6rem}
.hf-card h1{font-family:"Frank Ruhl Libre",Georgia,serif;font-weight:900;font-size:clamp(2rem,4.6vw,3rem);line-height:1.08;color:var(--ink);margin:.2rem 0 .4rem;letter-spacing:-.01em}
.hf-acc{font-family:"Frank Ruhl Libre",Georgia,serif;font-weight:500;font-size:clamp(1.05rem,2.1vw,1.4rem);color:var(--teal);margin:0 0 .9rem;line-height:1.3}
.hf-sub{font-size:1rem;line-height:1.75;color:var(--muted);margin:0 0 1.5rem;max-width:640px}
.hf-stats{display:flex;flex-wrap:wrap;gap:1.3rem 2.1rem;border-top:1px solid var(--line);padding-top:1.3rem}
.hf-stats .n{font-family:"Frank Ruhl Libre",Georgia,serif;font-weight:700;font-size:1.4rem;color:var(--ink);line-height:1.1}
.hf-stats .n.gold{color:var(--saffron)}
.hf-stats .l{font-size:.74rem;color:var(--muted);margin-top:.2rem}
.hf-upd{font-size:.72rem;color:var(--muted);opacity:.6;margin-top:1.1rem}
@media(max-width:600px){.hf-card{margin-top:-58px;border-radius:var(--radius)}.hf-img .bg{height:300px}}
.ss-beach{margin-top:2.6rem}
.ss-beach-head{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap;border-bottom:2px solid var(--line);padding-bottom:.6rem;margin-bottom:.4rem}
.ss-beach-head h2{margin:0}
.ss-season{font-size:.8rem;font-weight:700;color:var(--saffron)}
.ss-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.1rem;margin-top:1.3rem}
.ss-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem 1.3rem;box-shadow:var(--sh-xs);display:flex;flex-direction:column}
.ss-card h3{font-size:1.05rem;margin:0 0 .5rem;color:var(--ink)}
.ss-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.6rem}
.ss-tag{font-size:.68rem;font-weight:700;background:rgba(10,122,150,.1);color:var(--teal);padding:.15rem .55rem;border-radius:50px}
.ss-desc{font-size:.86rem;color:var(--slate);line-height:1.65;margin:0 0 .6rem}
.ss-quote{font-size:.82rem;color:var(--muted);font-style:italic;border-right:2px solid var(--teal);padding-right:.6rem;margin:0 0 .8rem;line-height:1.6}
.ss-links{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto}
.ss-link{font-size:.76rem;font-weight:700;text-decoration:none;padding:.34rem .75rem;border-radius:50px;border:1px solid var(--line);color:var(--ink);background:var(--cream)}
.ss-link.wa{background:#25d366;color:#fff;border-color:#25d366}
.ss-link.ig{background:#e1306c;color:#fff;border-color:#e1306c}
.ss-link.web{background:var(--teal);color:#fff;border-color:var(--teal)}

/* ── DESTINATION HERO (single page) ── */
.dest-hero-big{position:relative;height:66vh;min-height:460px;overflow:hidden}
.dest-hero-big img{width:100%;height:100%;object-fit:cover;display:block}
.dest-hero-big-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,25,35,.96) 0%,rgba(0,0,0,.08) 52%,transparent 100%)}
.dest-hero-big-text{position:absolute;bottom:3.5rem;right:4rem;color:white}
.dest-flag-big{position:absolute;top:2rem;left:2rem;background:rgba(255,255,255,.1);border-radius:14px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:2rem;backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18)}
.dest-num{font-size:.67rem;font-weight:700;letter-spacing:3.5px;text-transform:uppercase;opacity:.42;margin-bottom:.5rem}
.dest-name-xl{font-family:'Heebo',sans-serif;font-size:clamp(3.5rem,7vw,5.5rem);font-weight:900;line-height:.92;text-shadow:0 6px 28px rgba(0,0,0,.5);letter-spacing:-.5px}
.dest-name-en{font-size:.92rem;font-weight:300;opacity:.38;letter-spacing:4.5px;text-transform:uppercase;margin-top:.4rem}
.dest-tag-pill{display:inline-block;background:var(--saffron);color:var(--ink);padding:.35rem 1.1rem;border-radius:50px;font-size:.78rem;font-weight:800;margin-top:.8rem;box-shadow:0 4px 14px rgba(233,160,0,.35)}

/* ── DEST GRID (overview page) ── */
.dest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2.5rem}
.dest-card{border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);box-shadow:var(--sh-sm);transition:all .38s var(--ease);text-decoration:none;color:var(--ink);display:block}
.dest-card:hover{transform:translateY(-9px);box-shadow:var(--sh-hover)}
.dest-card-img{height:215px;overflow:hidden;position:relative}
.dest-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.dest-card:hover .dest-card-img img{transform:scale(1.06)}
.dest-card-flag{position:absolute;top:.9rem;right:.9rem;background:rgba(255,255,255,.92);border-radius:10px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.dest-card-body{padding:1.4rem 1.5rem 1.3rem}
.dest-card-num{font-size:.67rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--teal);opacity:.7;margin-bottom:.25rem}
.dest-card-body h2{font-size:1.2rem;font-weight:800;color:var(--ink);margin-bottom:.3rem;letter-spacing:-.2px}
.dest-card-tagline{font-size:.8rem;color:var(--coral);font-weight:600;margin-bottom:.6rem}
.dest-card-body p{font-size:.84rem;color:var(--muted);line-height:1.68;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dest-card-link{display:inline-flex;align-items:center;gap:.3rem;margin-top:1rem;font-size:.82rem;font-weight:700;color:var(--teal)}

/* ── BENTO GRID (homepage) ── */
.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:258px 258px 218px 218px;gap:.9rem;margin-top:2.5rem}
.bento-card{display:block;text-decoration:none;border-radius:var(--radius-lg);overflow:hidden;position:relative;box-shadow:var(--sh-xs)}
.bento-card:nth-child(1){grid-column:1/3;grid-row:1/3}
.bento-card:nth-child(2){grid-column:3/4;grid-row:1/2}
.bento-card:nth-child(3){grid-column:4/5;grid-row:1/2}
.bento-card:nth-child(4){grid-column:3/4;grid-row:2/3}
.bento-card:nth-child(5){grid-column:4/5;grid-row:2/3}
.bento-card:nth-child(6){grid-column:1/2;grid-row:3/4}
.bento-card:nth-child(7){grid-column:2/3;grid-row:3/4}
.bento-card:nth-child(8){grid-column:3/5;grid-row:3/4}
.bento-card:nth-child(9){grid-column:1/2;grid-row:4/5}
.bento-card:nth-child(10){grid-column:2/3;grid-row:4/5}
.bento-card:nth-child(11){grid-column:3/4;grid-row:4/5}
.bento-card:nth-child(12){grid-column:4/5;grid-row:4/5}
.bento-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .75s var(--ease)}
.bento-card:hover .bento-img{transform:scale(1.06)}
.bento-overlay{position:absolute;inset:0;background:linear-gradient(165deg,transparent 18%,rgba(15,25,35,.72) 62%,rgba(15,25,35,.93) 100%)}
.bento-body{position:absolute;bottom:0;right:0;left:0;padding:1.35rem 1.5rem;color:white}
.bento-card:nth-child(1) .bento-body{padding:2.2rem 2.5rem}
.bento-num{font-size:.63rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;opacity:.45;margin-bottom:.25rem}
.bento-name{font-family:'Heebo',sans-serif;font-size:1.1rem;font-weight:900;line-height:1.1;text-shadow:0 2px 10px rgba(0,0,0,.3)}
.bento-card:nth-child(1) .bento-name{font-size:2.3rem}
.bento-card:nth-child(8) .bento-name{font-size:1.4rem}
.bento-tagline{font-size:.73rem;opacity:.6;margin-top:.2rem}
.bento-card:nth-child(1) .bento-tagline{font-size:.9rem;opacity:.72;margin-top:.45rem}
.bento-badge{display:inline-flex;align-items:center;background:var(--saffron);color:var(--ink);padding:.22rem .72rem;border-radius:50px;font-size:.67rem;font-weight:800;margin-bottom:.45rem;letter-spacing:.3px;box-shadow:0 2px 8px rgba(233,160,0,.4)}
.bento-card:nth-child(1) .bento-badge{font-size:.75rem;padding:.3rem .95rem;margin-bottom:.6rem}
@media(max-width:900px){
  .bento-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .bento-card:nth-child(n){grid-column:auto!important;grid-row:auto!important;height:190px}
  .bento-card:nth-child(1){grid-column:1/3!important;height:275px}
}
@media(max-width:560px){
  .bento-grid{grid-template-columns:1fr}
  .bento-card:nth-child(1){grid-column:1!important;height:240px}
  .bento-card{height:175px}
}

/* ── DEST INTRO ── */
.dest-intro{font-size:1.05rem;color:var(--muted);line-height:1.95;margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid var(--line)}
.dest-intro strong{color:var(--ink);font-weight:700}

/* ── HOTELS ── */
.block-title{font-size:1.35rem;font-weight:800;color:var(--ink);margin-bottom:1.5rem;display:flex;align-items:center;gap:.7rem;letter-spacing:-.2px}
.block-title em{font-style:normal;font-size:.78rem;font-weight:500;color:var(--muted);background:var(--warm);border:1px solid var(--line);padding:.22rem .7rem;border-radius:50px}
.hotels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-bottom:4.5rem}
.hotel-card{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sh-xs);transition:all .38s var(--ease)}
.hotel-card:hover{transform:translateY(-7px);box-shadow:var(--sh-hover)}
.hotel-img{height:185px;overflow:hidden;position:relative}
.hotel-img img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease)}
.hotel-card:hover .hotel-img img{transform:scale(1.07)}
.hotel-stars{position:absolute;bottom:.8rem;right:.8rem;background:rgba(15,25,35,.78);backdrop-filter:blur(8px);color:var(--saffron);padding:.3rem .75rem;border-radius:50px;font-size:.7rem;font-weight:700}
.hotel-body{padding:1.3rem 1.4rem}
.hotel-body h3{font-size:.97rem;font-weight:800;color:var(--ink);margin-bottom:.35rem;letter-spacing:-.15px}
.hotel-body p{font-size:.83rem;color:var(--muted);line-height:1.62;margin-bottom:1rem}
.hotel-footer{display:flex;align-items:center;justify-content:space-between}
.hotel-price strong{font-size:1.2rem;font-weight:900;color:var(--sage);display:block;line-height:1.1}
.hotel-price small{font-size:.7rem;color:var(--muted)}
.btn-book{background:linear-gradient(135deg,var(--teal),var(--aqua));color:white;border:none;padding:.55rem 1.35rem;border-radius:50px;font-family:'Heebo',sans-serif;font-size:.82rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;transition:all .25s;box-shadow:0 4px 14px rgba(10,122,150,.28)}
.btn-book:hover{box-shadow:0 8px 26px rgba(10,122,150,.42);transform:translateY(-2px)}

/* ── ACTIVITIES ── */
.acts-wrap{background:linear-gradient(135deg,var(--slate) 0%,#192f42 100%);border-radius:var(--radius-lg);padding:2.6rem;margin-bottom:4.5rem;box-shadow:var(--sh-md)}
.acts-title{font-size:1.15rem;font-weight:800;color:white;margin-bottom:1.5rem;letter-spacing:-.2px}
.acts-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.act{display:flex;align-items:flex-start;gap:1rem;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:1rem 1.2rem;transition:all .28s var(--ease)}
.act:hover{background:rgba(255,255,255,.095);transform:translateX(-3px)}
.act-price{background:linear-gradient(135deg,var(--saffron),#f0b800);color:var(--ink);font-size:.77rem;font-weight:800;padding:.28rem .72rem;border-radius:50px;white-space:nowrap;flex-shrink:0;align-self:flex-start;box-shadow:0 2px 8px rgba(233,160,0,.32)}
.act-name{font-size:.92rem;font-weight:700;color:white;margin-bottom:.2rem}
.act-desc{font-size:.8rem;color:rgba(255,255,255,.5);line-height:1.58}

/* ── FAQ ── */
.faq-section{background:linear-gradient(180deg,var(--warm) 0%,var(--cream) 100%);padding:4rem 2rem}
.faq-inner{max-width:820px;margin:0 auto}
.faq-list{margin-top:2rem;display:flex;flex-direction:column;gap:.85rem}
.faq-item{background:var(--surface);border-radius:18px;padding:1.5rem 1.8rem;box-shadow:var(--sh-xs);border-right:4px solid var(--aqua);transition:all .3s var(--ease)}
.faq-item:hover{transform:translateX(-6px);box-shadow:var(--sh-md)}
.faq-item h3{font-size:.95rem;font-weight:800;color:var(--ink);margin-bottom:.55rem;letter-spacing:-.15px}
.faq-item p{font-size:.87rem;color:var(--muted);line-height:1.82}
/* FAQ section → card accordion (progressive enhancement; .faq-collapsible added by JS) */
.faq-list .faq-item{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-xs);padding:0;margin:0;overflow:hidden;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.faq-list .faq-item:hover{transform:none;box-shadow:var(--sh-sm)}
.faq-list .faq-item.faq-open{border-color:var(--teal)}
.faq-list .faq-item h3{margin:0;padding:1.15rem 1.5rem;font-size:.95rem;font-weight:800;color:var(--ink);line-height:1.55;letter-spacing:-.15px}
.faq-list .faq-item.faq-collapsible h3{cursor:pointer;padding-left:3.5rem}
.faq-list .faq-item.faq-collapsible h3::after{content:"+";position:absolute;left:1.15rem;top:1rem;width:28px;height:28px;border-radius:50%;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:700;line-height:1}
.faq-list .faq-item.faq-open h3::after{content:"−"}
.faq-list .faq-item p{margin:0;padding:0 1.5rem 1.2rem;font-size:.87rem;color:var(--muted);line-height:1.82}
.faq-list .faq-item.faq-collapsible.faq-open h3{border-bottom:1px solid var(--line)}
.faq-list .faq-item.faq-collapsible.faq-open p{padding-top:1rem}
.faq-list .faq-item.faq-collapsible:not(.faq-open) p{display:none}
/* Article FAQ (.article-faq uses .faq-q/.faq-a) → same card accordion */
.article-faq .faq-item{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-xs);padding:0;margin:0 0 .7rem;overflow:hidden;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.article-faq .faq-item:last-child{margin-bottom:0;border-bottom:1px solid var(--line)}
.article-faq .faq-item:hover{transform:none;box-shadow:var(--sh-sm)}
.article-faq .faq-item.faq-open{border-color:var(--teal)}
.article-faq .faq-q{margin:0;padding:1.15rem 1.5rem;font-size:.95rem;font-weight:800;color:var(--ink);line-height:1.55}
.article-faq .faq-item.faq-collapsible .faq-q{cursor:pointer;padding-left:3.5rem}
.article-faq .faq-item.faq-collapsible .faq-q::after{content:"+";position:absolute;left:1.15rem;top:1rem;width:28px;height:28px;border-radius:50%;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:700;line-height:1}
.article-faq .faq-item.faq-open .faq-q::after{content:"−"}
.article-faq .faq-a{margin:0;padding:0 1.5rem 1.2rem;font-size:.87rem;color:var(--muted);line-height:1.82}
.article-faq .faq-item.faq-collapsible.faq-open .faq-q{border-bottom:1px solid var(--line)}
.article-faq .faq-item.faq-collapsible.faq-open .faq-a{padding-top:1rem}
.article-faq .faq-item.faq-collapsible:not(.faq-open) .faq-a{display:none}

/* ── SURF SPOT PHOTO MOSAIC ── */
.spot-photo-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:220px 220px;gap:.5rem;border-radius:var(--radius-lg);overflow:hidden;margin:2rem 0}
.spot-photo-item{position:relative;overflow:hidden;cursor:pointer}
.spot-photo-item img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease);display:block}
.spot-photo-item:hover img{transform:scale(1.08)}
.spot-photo-caption{position:absolute;bottom:0;left:0;right:0;padding:.6rem 1rem;background:linear-gradient(to top,rgba(15,25,35,.88),transparent);color:white;font-size:.75rem;font-weight:600;opacity:0;transition:opacity .3s var(--ease)}
.spot-photo-item:hover .spot-photo-caption{opacity:1}
@media(max-width:600px){.spot-photo-grid{grid-template-rows:140px 140px;gap:.35rem}}

/* ── PRACTICAL INFO STRIP ── */
.practical-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.8rem;background:var(--surface);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--sh-xs);margin:1.5rem 0;border:1px solid var(--line)}
.practical-item{text-align:center;padding:.5rem}
.practical-icon{font-size:1.5rem;display:block;margin-bottom:.35rem}
.practical-label{font-size:.68rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin-bottom:.2rem}
.practical-val{font-size:.88rem;font-weight:800;color:var(--ink);line-height:1.3}

/* ── DAY TRIPS ── */
.day-trips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:1rem}
.day-trip-card{background:var(--surface);border:2.5px solid var(--ink);border-radius:14px;padding:1.2rem 1.4rem;box-shadow:5px 5px 0 var(--ink);transition:transform .18s var(--ease),box-shadow .18s var(--ease)}
.day-trip-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--saffron)}
.day-trip-title{font-size:.97rem;font-weight:800;color:var(--ink);margin-bottom:.3rem}
.day-trip-meta{font-size:.78rem;color:var(--teal);font-weight:700;margin-bottom:.45rem}
.day-trip-desc{font-size:.83rem;color:var(--muted);line-height:1.68}

/* ── LOCAL SECRETS ── */
.secrets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:.9rem;margin-top:1rem}
.secret-item{display:flex;gap:1rem;align-items:flex-start;background:linear-gradient(135deg,var(--slate) 0%,#192f42 100%);border-radius:var(--radius);padding:1.2rem 1.4rem;border:1px solid rgba(255,255,255,.06)}
.secret-num{font-size:1.8rem;font-weight:900;color:var(--aqua);line-height:1;flex-shrink:0;opacity:.35}
.secret-body{flex:1}
.secret-title{font-size:.92rem;font-weight:800;color:white;margin-bottom:.3rem}
.secret-text{font-size:.84rem;color:rgba(255,255,255,.72);line-height:1.7}

/* ── SURF SECTION ── */
.surf-hero-wrap{position:relative;padding:8rem 2rem 6rem;overflow:hidden;background:linear-gradient(160deg,#061825 0%,#0d4a6e 55%,#0a6d85 100%);text-align:center;color:white}
.surf-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.2}
.surf-hero-content{position:relative;z-index:1;max-width:720px;margin:0 auto}
.surf-eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:rgba(0,184,217,.1);border:1px solid rgba(0,184,217,.3);color:#7ee8ff;padding:.4rem 1.3rem;border-radius:50px;font-size:.83rem;font-weight:700;margin-bottom:1.5rem;letter-spacing:1px;backdrop-filter:blur(8px)}
.surf-title{font-family:'Heebo',sans-serif;font-size:clamp(3rem,7vw,5.5rem);font-weight:900;line-height:.95;margin-bottom:1rem;text-shadow:0 4px 30px rgba(0,0,0,.4);letter-spacing:-.5px}
.surf-title .wave-text{color:#7ee8ff;display:block}
.season-banner{display:grid;grid-template-columns:1fr 1fr}
.season-block{padding:3rem;text-align:center;color:white}
.season-block.south{background:#0d4a6e}.season-block.east{background:#0a3050}
.season-icon{font-size:3rem;display:block;margin-bottom:.8rem}
.season-coast{font-size:.73rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;opacity:.48;margin-bottom:.4rem}
.season-name{font-size:1.35rem;font-weight:900;margin-bottom:.7rem;letter-spacing:-.2px}
.season-months{display:inline-block;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:.42rem 1.3rem;border-radius:50px;font-size:.9rem;font-weight:700;margin-bottom:1rem;backdrop-filter:blur(6px)}
.season-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}
.season-pill{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:.25rem .75rem;border-radius:50px;font-size:.77rem;color:rgba(255,255,255,.68)}
.surf-spots-wrap{padding:4rem 2rem;max-width:1200px;margin:0 auto}
.spots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.5rem}
.spot-card{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sh-xs);transition:all .38s var(--ease)}
.spot-card:hover{transform:translateY(-8px);box-shadow:var(--sh-hover)}
.spot-img{height:200px;overflow:hidden;position:relative}
.spot-img img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease)}
.spot-card:hover .spot-img img{transform:scale(1.06)}
.spot-level{position:absolute;top:.75rem;right:.75rem;padding:.28rem .8rem;border-radius:50px;font-size:.69rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;backdrop-filter:blur(6px)}
.lvl-b{background:rgba(22,163,74,.92);color:white}.lvl-i{background:rgba(217,119,6,.92);color:white}
.lvl-a{background:rgba(220,38,38,.92);color:white}.lvl-all{background:rgba(124,58,237,.92);color:white}
.spot-season{position:absolute;bottom:.7rem;left:.7rem;background:rgba(6,24,37,.75);backdrop-filter:blur(8px);color:#7ee8ff;padding:.28rem .72rem;border-radius:50px;font-size:.7rem;font-weight:700}
.spot-body{padding:1.35rem}
.spot-name{font-size:1rem;font-weight:900;color:var(--slate);margin-bottom:.15rem;letter-spacing:-.2px}
.spot-name-en{font-size:.73rem;font-weight:400;opacity:.4;font-style:italic}
.spot-wave{font-size:.78rem;color:var(--teal);font-weight:600;margin-bottom:.5rem}
.spot-desc{font-size:.83rem;color:var(--muted);line-height:1.65;margin-bottom:.9rem}
.spot-chips{display:flex;flex-wrap:wrap;gap:.35rem}
.spot-chip{background:rgba(10,122,150,.07);color:var(--teal);border-radius:50px;padding:.2rem .68rem;font-size:.71rem;font-weight:600}
.surf-schools-bg{background:linear-gradient(180deg,#071e2e 0%,#04121c 100%);padding:4rem 2rem}
.schools-inner{max-width:1100px;margin:0 auto}
.schools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:2.5rem}
.school-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:1.9rem 1.3rem;text-align:center;transition:all .32s var(--ease)}
.school-card:hover{background:rgba(255,255,255,.09);transform:translateY(-7px);box-shadow:0 18px 48px rgba(0,0,0,.35)}
.school-flag{font-size:2.5rem;display:block;margin-bottom:.85rem}
.school-name{font-size:1rem;font-weight:800;color:white;margin-bottom:.2rem}
.school-loc{font-size:.77rem;color:#7ee8ff;font-weight:600;margin-bottom:.6rem}
.school-desc{font-size:.81rem;color:rgba(255,255,255,.5);line-height:1.62;margin-bottom:1rem}
.school-price-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}
.school-price{background:rgba(233,160,0,.1);border:1px solid rgba(233,160,0,.26);color:var(--saffron);padding:.28rem .78rem;border-radius:50px;font-size:.72rem;font-weight:700}
.surf-tips-bg{background:linear-gradient(180deg,var(--warm) 0%,var(--cream) 100%);padding:4rem 2rem}
.tips-inner{max-width:1100px;margin:0 auto}
.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:2.5rem}
.tip-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px 17px;box-shadow:var(--sh-xs);transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}
.tip-card:hover{transform:translateY(-4px);box-shadow:var(--sh-sm)}
.tip-emoji{width:46px;height:46px;border-radius:13px;background:rgba(10,122,150,.1);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:12px}
.tip-title{font-size:.97rem;font-weight:800;color:var(--ink);margin-bottom:5px;letter-spacing:-.15px}
.tip-text{font-size:.84rem;color:var(--muted);line-height:1.7}

/* ── FOOTER ── */
footer{background:var(--ink);color:rgba(255,255,255,.6);padding:4rem 2rem 2.5rem;text-align:center}
.footer-logo{color:var(--saffron);font-size:1.55rem;font-weight:900;margin-bottom:.5rem;letter-spacing:-.3px}
.footer-nav{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap;margin:1.6rem 0}
.footer-nav a{color:rgba(255,255,255,.72);text-decoration:none;font-size:.87rem;font-weight:500;transition:color .22s}
.footer-nav a:hover{color:var(--saffron)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:1.3rem;font-size:.77rem;margin-top:1.5rem}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .hotels-grid{grid-template-columns:1fr 1fr}
  .acts-grid{grid-template-columns:1fr}
  .spots-grid{grid-template-columns:1fr 1fr}
  .schools-grid{grid-template-columns:1fr 1fr}
  .tips-grid{grid-template-columns:1fr 1fr}
  .season-banner{grid-template-columns:1fr}
  .acts-wrap{padding:1.8rem 1.4rem}
}
@media(max-width:700px){
  .nav-inner{padding:.85rem 1rem}
  .content,.content-narrow{padding:2.5rem 1rem}
  .a11y-panel{left:.75rem;bottom:4.6rem;width:calc(100vw - 1.5rem);max-width:300px}
  .a11y-btn{bottom:1rem;left:1rem;width:50px;height:50px}
  .section-title{font-size:1.6rem}
  .page-hero{padding:4.5rem 1rem 3.5rem}
  .dest-hero-big{height:52vh;min-height:300px}
  .dest-hero-big-text{right:1.2rem;bottom:1.4rem;left:1.2rem}
  .dest-name-xl{font-size:clamp(2.2rem,9vw,3.5rem)}
  .faq-section{padding:3.5rem 1rem}
  .surf-hero-wrap{padding:5rem 1rem 4rem}
  .surf-spots-wrap{padding:3.5rem 1rem}
  .surf-schools-bg,.surf-tips-bg{padding:3.5rem 1rem}
  .school-card{padding:1.4rem 1rem}
  .lina-card{flex-direction:column;align-items:flex-start}
  .lina-right{flex-direction:row;width:100%;justify-content:space-between;align-items:center}
  .season-ov-card{padding:1.5rem 1.4rem}
}
@media(max-width:580px){
  .hotels-grid,.spots-grid,.tips-grid{grid-template-columns:1fr}
  .schools-grid{grid-template-columns:1fr 1fr}
  .acts-grid{grid-template-columns:1fr}
  .info-grid{grid-template-columns:1fr}
  .attr-grid{grid-template-columns:1fr}
  .months-grid{grid-template-columns:1fr 1fr}
  .checklist{grid-template-columns:1fr}
  .season-overview{grid-template-columns:1fr}
  .footer-nav{gap:1rem;flex-direction:column;align-items:center}
  .footer-nav a{font-size:.85rem;padding:.25rem 0}
  .dest-card-img{height:180px}
  .btn-book{padding:.48rem 1rem;font-size:.78rem}
  .faq-item{padding:1.2rem 1.2rem}
  .acts-wrap{padding:1.4rem 1rem}
  .dest-hero-big-text{right:.8rem;bottom:1rem;left:.8rem}
  .dest-name-xl{font-size:clamp(1.8rem,8vw,3rem)}
  .page-hero{padding:3.5rem .75rem 2.5rem}
  .surf-hero-wrap{padding:4rem .75rem 3rem}
  .info-highlight{padding:1.5rem 1.2rem}
  .section-title{font-size:clamp(1.5rem,5vw,2rem)}
}

@media(max-width:400px){
  .bento-card:nth-child(1){height:200px}
  .bento-card{height:150px}
  .a11y-btn{width:48px;height:48px;bottom:.75rem;left:.75rem}
  .a11y-panel{left:.5rem;width:calc(100vw - 1rem)}
  .content,.content-narrow{padding:2rem .75rem}
  .lina-card{padding:1rem}
  h1.page-title{font-size:clamp(1.7rem,7vw,2.5rem)}
}

/* ── GENERAL INFO PAGE ── */
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2rem}
.info-card{display:grid;grid-template-columns:auto 1fr;column-gap:13px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:15px 16px;box-shadow:var(--sh-xs);transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease);color:var(--ink)}
.info-card:hover{transform:translateY(-3px);box-shadow:var(--sh-sm)}
.info-emoji{grid-column:1;grid-row:1 / span 4;align-self:start;width:44px;height:44px;border-radius:13px;background:var(--it,rgba(10,122,150,.12));display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin:0}
.info-tag{grid-column:2;justify-self:start;align-self:start;font-size:.6rem;font-weight:900;letter-spacing:.6px;color:var(--ic,var(--teal));background:var(--it,rgba(10,122,150,.12));padding:2px 9px;border-radius:50px;margin-bottom:5px}
.info-card h3,.info-card .info-title{grid-column:2;font-size:.98rem;font-weight:800;color:var(--ink);margin:0 0 4px;letter-spacing:-.15px}
.info-card p,.info-card .info-body{grid-column:2;font-size:.84rem;color:var(--muted);line-height:1.7;margin:0}
.info-card .info-body strong,.info-card p strong{color:var(--ink);font-weight:700}
.info-highlight{background:linear-gradient(135deg,var(--teal),var(--aqua));color:white;border-radius:var(--radius-lg);padding:2.5rem 2.8rem;margin:3rem 0;box-shadow:var(--sh-md)}
.info-highlight h3{font-size:1.15rem;font-weight:800;margin-bottom:1.2rem;color:white}
.checklist{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.6rem .8rem}
.checklist li{font-size:.87rem;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.9)}
.checklist li::before{content:"✓ ";color:#b3f0ff;font-weight:800}
@media(max-width:900px){.info-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.info-grid{grid-template-columns:1fr}.checklist{grid-template-columns:1fr}}

/* ── SEASONS PAGE ── */
.season-overview{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0 3rem}
.season-ov-card{border-radius:var(--radius-lg);padding:2rem 2.2rem;color:white;box-shadow:var(--sh-md)}
.season-ov-card.south{background:linear-gradient(135deg,#0d4a6e,#0a6d85)}
.season-ov-card.east{background:linear-gradient(135deg,#1b3347,#2a5478)}
.season-ov-title{font-family:'Heebo',sans-serif;font-size:1.4rem;font-weight:900;margin-bottom:.3rem}
.season-ov-months{font-size:.88rem;font-weight:700;opacity:.75;margin-bottom:1rem;letter-spacing:.3px}
.season-ov-spots{display:flex;flex-wrap:wrap;gap:.4rem}
.season-ov-spot{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:50px;font-size:.77rem;padding:.25rem .75rem;color:rgba(255,255,255,.88)}
.months-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2.5rem}
.month-card{background:var(--surface);border:2.5px solid var(--ink);border-radius:14px;padding:1.35rem 1.3rem;box-shadow:5px 5px 0 var(--ca,var(--ink));transition:transform .18s var(--ease),box-shadow .18s var(--ease)}
.month-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--ca,var(--teal))}
.month-card.south{--ca:var(--teal)}
.month-card.east{--ca:var(--aqua)}
.month-card.transition{--ca:var(--saffron)}
.month-card.peak::after{content:"🔥";position:absolute;top:.7rem;left:.7rem;font-size:.9rem}
.month-card{position:relative}
.month-name{font-size:1.05rem;font-weight:900;color:var(--ink);margin-bottom:.1rem}
.month-season-label{font-size:.7rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:.8rem}
.month-season-label.south{color:var(--teal)}.month-season-label.east{color:var(--aqua)}.month-season-label.transition{color:var(--saffron)}
.month-regions{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.6rem}
.month-region-link{font-size:.8rem;color:var(--teal);text-decoration:none;font-weight:600;transition:color .2s;display:flex;align-items:center;gap:.3rem}
.month-region-link::before{content:"→";font-size:.7rem;opacity:.6}
.month-region-link:hover{color:var(--aqua)}
.month-tip{font-size:.75rem;color:var(--muted);line-height:1.55;font-style:italic;border-top:1px solid var(--line);padding-top:.5rem;margin-top:.3rem}
@media(max-width:900px){.months-grid{grid-template-columns:repeat(3,1fr)}.season-overview{grid-template-columns:1fr}}
@media(max-width:560px){.months-grid{grid-template-columns:repeat(2,1fr)}}

/* ── ATTRACTIONS PAGE ── */
.attr-cats{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.5rem 0 2.5rem}
.attr-cat-pill{background:var(--surface);border:1.5px solid var(--line);color:var(--muted);padding:.45rem 1.2rem;border-radius:50px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .22s var(--ease)}
.attr-cat-pill:hover{border-color:var(--teal);color:var(--teal)}
.attr-cat-pill.active{background:linear-gradient(135deg,var(--teal),var(--aqua));border-color:transparent;color:white;box-shadow:0 4px 14px rgba(10,122,150,.28)}
.attr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:.5rem}
.attr-card{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sh-xs);transition:all .38s var(--ease);text-decoration:none;color:var(--ink);display:block}
.attr-card:hover{transform:translateY(-8px);box-shadow:var(--sh-hover)}
.attr-img-wrap{height:195px;overflow:hidden;position:relative}
.attr-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease)}
.attr-card:hover .attr-img-wrap img{transform:scale(1.07)}
.attr-rank{position:absolute;top:.8rem;right:.8rem;background:rgba(15,25,35,.82);backdrop-filter:blur(8px);color:var(--saffron);font-size:.7rem;font-weight:800;padding:.28rem .7rem;border-radius:50px;border:1px solid rgba(233,160,0,.25)}
.attr-cat-badge{position:absolute;bottom:.8rem;left:.8rem;background:rgba(10,122,150,.92);backdrop-filter:blur(8px);color:white;font-size:.67rem;font-weight:700;padding:.22rem .62rem;border-radius:50px;text-transform:uppercase;letter-spacing:.5px}
.attr-body{padding:1.25rem 1.4rem}
.attr-body h3{font-size:1rem;font-weight:800;color:var(--ink);margin-bottom:.3rem;letter-spacing:-.15px}
.attr-body p{font-size:.83rem;color:var(--muted);line-height:1.65;margin-bottom:.7rem}
.attr-meta{font-size:.77rem;color:var(--teal);font-weight:600;display:flex;align-items:center;gap:.4rem}
.attr-meta::before{content:"ℹ️";font-size:.8rem}
.attr-tips{margin-top:.85rem;padding:.65rem .9rem;background:linear-gradient(135deg,rgba(10,122,150,.04),rgba(0,184,217,.04));border-radius:10px;border-right:3px solid rgba(10,122,150,.25)}
.attr-tip{font-size:.74rem;color:var(--muted);line-height:1.6;padding:.08rem 0;display:flex;align-items:flex-start;gap:.35rem}
.attr-tip-icon{color:var(--teal);font-weight:800;flex-shrink:0;font-size:.7rem;margin-top:.18rem}
@media(max-width:900px){.attr-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.attr-grid{grid-template-columns:1fr}}

/* ── LINA (HOTELS) PAGE ── */
.filter-bar{display:flex;gap:.65rem;flex-wrap:wrap;margin:1.5rem 0 2.5rem;align-items:center}
.filter-btn{background:var(--surface);border:1.5px solid var(--line);color:var(--muted);padding:.52rem 1.3rem;border-radius:50px;font-family:'Heebo',sans-serif;font-size:.87rem;font-weight:600;cursor:pointer;transition:all .22s var(--ease)}
.filter-btn:hover{border-color:var(--teal);color:var(--teal)}
.filter-btn.active{background:var(--teal);border-color:var(--teal);color:white;box-shadow:0 4px 14px rgba(10,122,150,.25)}
.region-section{margin-bottom:4rem}
.region-header{display:flex;align-items:baseline;gap:.9rem;margin-bottom:.45rem;flex-wrap:wrap}
.region-name{font-family:'Heebo',sans-serif;font-size:1.55rem;font-weight:900;color:var(--ink);letter-spacing:-.3px}
.region-en{font-size:.83rem;color:var(--muted);font-weight:400;letter-spacing:2px}
.region-goto{font-size:.82rem;color:var(--teal);text-decoration:none;font-weight:700;margin-right:auto}
.region-goto:hover{text-decoration:underline}
.region-desc{font-size:.88rem;color:var(--muted);line-height:1.75;margin-bottom:1.3rem;max-width:720px}
.lina-list{display:flex;flex-direction:column;gap:.8rem}
.lina-card{background:var(--surface);border:2.5px solid var(--ink);border-radius:14px;padding:1.25rem 1.5rem;box-shadow:5px 5px 0 var(--ca,var(--ink));transition:transform .18s var(--ease),box-shadow .18s var(--ease);display:flex;align-items:center;justify-content:space-between;gap:1.2rem}
.lina-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--ca,var(--teal))}
.lina-card[data-cat="יוקרה"]{--ca:var(--saffron)}
.lina-card[data-cat="מחיר בינוני"]{--ca:var(--teal)}
.lina-card[data-cat="תקציב"]{border-right-color:var(--sage)}
.lina-left{flex:1;min-width:0}
.lina-name{font-size:.97rem;font-weight:800;color:var(--ink);margin-bottom:.25rem;letter-spacing:-.15px}
.lina-meta{display:flex;align-items:center;gap:.65rem;margin-bottom:.4rem;flex-wrap:wrap}
.lina-stars{font-size:.82rem;color:var(--saffron);letter-spacing:-.5px}
.lina-score{background:var(--slate);color:white;font-size:.73rem;font-weight:800;padding:.18rem .5rem;border-radius:7px}
.lina-cat-badge{font-size:.7rem;font-weight:700;padding:.18rem .58rem;border-radius:50px;letter-spacing:.3px}
.lina-cat-badge.luxury{background:rgba(233,160,0,.12);color:#9a6700}
.lina-cat-badge.mid{background:rgba(10,122,150,.1);color:var(--teal)}
.lina-cat-badge.budget{background:rgba(61,107,79,.1);color:var(--sage)}
.lina-desc{font-size:.82rem;color:var(--muted);line-height:1.6}
.lina-right{text-align:center;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.5rem}
.lina-price{font-size:1.25rem;font-weight:900;color:var(--sage);line-height:1}
.lina-price-label{font-size:.68rem;color:var(--muted);margin-top:-.1rem}
@media(max-width:900px){.lina-card{flex-direction:column;align-items:flex-start}.lina-right{flex-direction:row;width:100%;justify-content:space-between;align-items:center}}
/* Accommodation types */
.accom-types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin:1.5rem 0 2.5rem}
.accom-type-card{background:var(--surface);border-radius:var(--radius-lg);padding:1.4rem 1.2rem;box-shadow:var(--sh-xs);border-top:3px solid var(--line);transition:all .3s var(--ease);cursor:default}
.accom-type-card:hover{box-shadow:var(--sh-md);transform:translateY(-3px)}
.accom-type-icon{font-size:2rem;margin-bottom:.5rem;display:block}
.accom-type-name{font-size:.97rem;font-weight:800;color:var(--ink);margin-bottom:.3rem}
.accom-type-price{font-size:.82rem;font-weight:700;color:var(--teal);margin-bottom:.4rem}
.accom-type-desc{font-size:.8rem;color:var(--muted);line-height:1.65}
@media(max-width:700px){.accom-types-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:460px){.accom-types-grid{grid-template-columns:1fr!important}.accom-nav-grid{grid-template-columns:1fr!important}.accom-nav-card{min-height:260px;aspect-ratio:unset}.accom-nav-desc{display:block}}
/* Luxury resort cards */
.luxury-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.5rem}
.luxury-card{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sh-sm);transition:all .35s var(--ease)}
.luxury-card:hover{transform:translateY(-6px);box-shadow:var(--sh-hover)}
.luxury-img{height:180px;object-fit:cover;width:100%;display:block}
.luxury-body{padding:1.2rem}
.luxury-name{font-size:.95rem;font-weight:800;color:var(--ink);margin-bottom:.3rem}
.luxury-loc{font-size:.77rem;color:var(--muted);margin-bottom:.4rem;display:flex;align-items:center;gap:.3rem}
.luxury-desc{font-size:.8rem;color:var(--muted);line-height:1.65;margin-bottom:.8rem}
.luxury-price{font-size:1.15rem;font-weight:900;color:var(--saffron)}
.luxury-price-label{font-size:.68rem;color:var(--muted)}
@media(max-width:900px){.luxury-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.luxury-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.luxury-grid{grid-template-columns:1fr}}
/* Accommodation type nav cards (main לינה page) */
.accom-nav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:1.8rem}
.accom-nav-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;display:block;aspect-ratio:4/3;min-height:220px;background:#1b3347 center/cover no-repeat;transition:transform .38s var(--ease),box-shadow .38s var(--ease);box-shadow:var(--sh-sm)}
.accom-nav-card:hover{transform:translateY(-7px) scale(1.01);box-shadow:var(--sh-hover)}
.accom-nav-overlay{position:absolute;inset:0;z-index:1}
.accom-nav-body{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:1.4rem;overflow:hidden}
.accom-nav-icon{font-size:1.8rem;margin-bottom:.4rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}
.accom-nav-name{font-size:1.05rem;font-weight:900;color:white;line-height:1.15;margin-bottom:.2rem;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.accom-nav-price{font-size:.8rem;font-weight:700;color:rgba(255,220,100,.9);margin-bottom:.3rem}
.accom-nav-desc{font-size:.75rem;color:rgba(255,255,255,.75);line-height:1.55;margin-bottom:.6rem}
.accom-nav-cta{display:inline-block;font-size:.78rem;font-weight:700;color:white;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);border-radius:50px;padding:.28rem .85rem;backdrop-filter:blur(6px);letter-spacing:.3px}
.accom-nav-card:hover .accom-nav-cta{background:rgba(255,255,255,.3)}
@media(max-width:900px){.accom-nav-grid{grid-template-columns:1fr 1fr 1fr!important}}
@media(max-width:650px){.accom-nav-grid{grid-template-columns:1fr 1fr!important}.accom-nav-card{aspect-ratio:unset;min-height:240px}.accom-nav-body{padding:1rem}.accom-nav-desc{display:none}.accom-nav-name{font-size:.97rem}.accom-nav-price{font-size:.75rem}}
/* ── MAGAZINE GATEWAY (accommodation index) ── */
.mag-gw{margin-top:1.6rem}
.mag-gw-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem;padding-bottom:.75rem;border-bottom:1.5px solid var(--line)}
.mag-gw-label{font-size:.68rem;font-weight:800;letter-spacing:2.5px;color:var(--muted);text-transform:uppercase}
.mag-gw-meta{font-size:.68rem;color:var(--muted);letter-spacing:.3px}
.mag-gw-row1{display:grid;grid-template-columns:1.7fr 1fr;gap:10px;margin-bottom:10px}
.mag-gw-side{display:flex;flex-direction:column;gap:10px}
.mag-gw-row2{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:1.2rem}
.mag-gw-card{position:relative;border-radius:14px;overflow:hidden;text-decoration:none;display:block;background:#1a2e20}
.mag-gw-card-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .65s cubic-bezier(.25,.46,.45,.94)}
.mag-gw-card:hover .mag-gw-card-bg{transform:scale(1.06)}
.mag-gw-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.84) 0%,rgba(0,0,0,.22) 52%,transparent 88%)}
.mag-gw-body{position:absolute;bottom:0;left:0;right:0;padding:1.3rem}
.mag-gw-kicker{font-size:.62rem;font-weight:800;letter-spacing:2.2px;color:rgba(255,215,65,.92);text-transform:uppercase;margin-bottom:.45rem}
.mag-gw-name{font-weight:900;color:white;line-height:1.15;text-shadow:0 2px 10px rgba(0,0,0,.45)}
.mag-gw-deck{font-size:.8rem;color:rgba(255,255,255,.78);line-height:1.55;margin-top:.45rem}
.mag-gw-pill{display:inline-block;margin-top:.75rem;font-size:.7rem;font-weight:700;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);color:white;padding:.28rem .9rem;border-radius:50px;letter-spacing:.2px;transition:background .2s}
.mag-gw-card:hover .mag-gw-pill{background:rgba(255,255,255,.25)}
.mag-gw-feature{min-height:340px;transition:transform .38s cubic-bezier(.25,.46,.45,.94),box-shadow .38s ease}
.mag-gw-feature:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(0,0,0,.22)}
.mag-gw-feature .mag-gw-name{font-size:1.6rem}
.mag-gw-med{flex:1;min-height:163px;transition:transform .38s cubic-bezier(.25,.46,.45,.94),box-shadow .38s ease}
.mag-gw-med:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(0,0,0,.18)}
.mag-gw-med .mag-gw-name{font-size:1.08rem}
.mag-gw-sm{min-height:185px;transition:transform .38s cubic-bezier(.25,.46,.45,.94),box-shadow .38s ease}
.mag-gw-sm:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(0,0,0,.18)}
.mag-gw-sm .mag-gw-name{font-size:1.02rem}
.mag-gw-links{display:flex;align-items:center;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;flex-wrap:wrap}
.mag-gw-links-label{font-size:.65rem;font-weight:800;letter-spacing:2px;color:var(--muted);text-transform:uppercase;padding:.85rem 1.2rem;border-left:1px solid var(--line);flex-shrink:0;background:var(--surface)}
.mag-gw-link{font-size:.83rem;font-weight:600;color:var(--ink);text-decoration:none;padding:.85rem 1.1rem;border-left:1px solid var(--line);transition:background .18s,color .18s;white-space:nowrap}
.mag-gw-link:hover{background:var(--surface);color:var(--teal)}
@media(max-width:900px){.mag-gw-row1{grid-template-columns:1fr 1fr}.mag-gw-feature{min-height:260px}.mag-gw-feature .mag-gw-name{font-size:1.25rem}.mag-gw-deck{display:none}.mag-gw-feature .mag-gw-deck{display:block;font-size:.77rem}}
@media(max-width:640px){.mag-gw-row1{grid-template-columns:1fr}.mag-gw-side{flex-direction:row}.mag-gw-med{min-height:140px}.mag-gw-row2{grid-template-columns:1fr 1fr}.mag-gw-links{flex-direction:column;border-radius:10px}.mag-gw-links-label,.mag-gw-link{border-left:none;border-bottom:1px solid var(--line);width:100%}.mag-gw-link:last-child{border-bottom:none}}
/* New luxury cards v2 */
.luxury-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.luxury-card-v2{position:relative;border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;display:block;aspect-ratio:3/2;background:#1b3347 center/cover no-repeat;box-shadow:var(--sh-sm);transition:transform .38s var(--ease),box-shadow .38s var(--ease)}
.luxury-card-v2:hover{transform:translateY(-6px);box-shadow:var(--sh-hover)}
.luxury-v2-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--ease);position:absolute;inset:0}
.luxury-card-v2:hover .luxury-v2-img{transform:scale(1.07)}
.luxury-v2-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,20,35,.92) 0%,rgba(10,20,35,.5) 50%,rgba(10,20,35,.05) 100%);z-index:1}
.luxury-v2-body{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:1.3rem}
.luxury-v2-loc{font-size:.72rem;color:rgba(255,255,255,.6);margin-bottom:.3rem}
.luxury-v2-name{font-size:.97rem;font-weight:900;color:white;margin-bottom:.4rem;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.luxury-v2-desc{font-size:.76rem;color:rgba(255,255,255,.72);line-height:1.6;margin-bottom:.6rem}
.luxury-v2-price{font-size:.83rem;font-weight:800;color:rgba(255,215,80,.9)}
@media(max-width:900px){.luxury-grid-v2{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.luxury-grid-v2{grid-template-columns:1fr}}
/* Hotel cards grid v2 */
.lina-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:1rem}
.lina-card-v2{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sh-xs);transition:all .35s var(--ease);display:flex;flex-direction:column}
.lina-card-v2:hover{transform:translateY(-5px);box-shadow:var(--sh-md)}
.lina-card-img{width:100%;height:160px;object-fit:cover;display:block;flex-shrink:0}
.lina-no-img{height:120px;display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(135deg,var(--surface-2,#f0f3f5),var(--surface))}
.lina-card-v2-body{padding:1rem 1rem .6rem;flex:1}
.lina-card-v2-footer{padding:.6rem 1rem 1rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}
@media(max-width:900px){.lina-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:580px){.lina-grid{grid-template-columns:1fr!important}}
/* Guesthouse magazine card grid */
.gh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-top:1.5rem}
.gh-card{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sh-sm);transition:transform .3s var(--ease),box-shadow .3s var(--ease);display:flex;flex-direction:column}
.gh-card:hover{transform:translateY(-6px);box-shadow:var(--sh-md)}
.gh-card-img-wrap{display:block;position:relative;overflow:hidden;aspect-ratio:16/10;flex-shrink:0}
.gh-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease)}
.gh-card:hover .gh-card-img{transform:scale(1.05)}
.gh-card-price{position:absolute;top:.7rem;left:.7rem;background:rgba(0,0,0,.65);color:#fff;font-size:.75rem;font-weight:700;padding:.2rem .55rem;border-radius:99px;backdrop-filter:blur(4px)}
.gh-card-body{padding:1rem 1.1rem 1.2rem;flex:1;display:flex;flex-direction:column;gap:.45rem}
.gh-card-meta{display:flex;align-items:center;gap:.5rem}
.gh-card-city{font-size:.75rem;color:var(--muted);font-weight:600;letter-spacing:.02em}
.gh-card-name{font-size:1rem;font-weight:800;color:var(--ink);line-height:1.3}
.gh-card-desc{font-size:.82rem;color:var(--muted);line-height:1.65;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gh-card-cta{display:inline-block;margin-top:.6rem;padding:.45rem .9rem;border-radius:99px;color:#fff;font-size:.8rem;font-weight:700;text-decoration:none;transition:opacity .2s;align-self:flex-start}
.gh-card-cta:hover{opacity:.85}
.gh-filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.4rem}
.gh-filter-btn{padding:.38rem .9rem;border-radius:99px;border:2px solid var(--teal);background:transparent;color:var(--teal);font-size:.78rem;font-weight:700;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease);font-family:inherit;line-height:1.4}
.gh-filter-btn:hover,.gh-filter-btn.active{background:var(--teal);color:#fff}
@media(max-width:900px){.gh-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.gh-grid{grid-template-columns:1fr}}
/* Tips grid v2 */
.tips-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.tip-card-v2{position:relative;background:var(--surface);border:2.5px solid var(--ink);border-radius:14px;padding:1.4rem;box-shadow:5px 5px 0 var(--ink);transition:transform .18s var(--ease),box-shadow .18s var(--ease)}
.tip-card-v2:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--teal)}
.tip-tag{display:inline-block;font-size:11px;font-weight:800;color:#fff;padding:3px 11px;border-radius:7px;margin-bottom:.7rem;letter-spacing:.3px}
.drv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:1.3rem;margin:1.6rem 0}
.drv-card{background:var(--surface);border:2.5px solid var(--ink);border-radius:14px;padding:1.4rem;box-shadow:5px 5px 0 var(--teal);display:flex;flex-direction:column;transition:transform .18s var(--ease),box-shadow .18s var(--ease)}
.drv-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--teal)}
.drv-card.top{box-shadow:5px 5px 0 var(--saffron)}
.drv-card.top:hover{box-shadow:8px 8px 0 var(--saffron)}
.drv-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem}
.drv-hd-l{display:flex;gap:.75rem;align-items:flex-start;min-width:0}
/* Photo slot. A real photo only where the driver supplied one; everyone else
   gets a monogram, because putting a stranger's face next to a named man's
   phone number is how you misidentify someone. */
.drv-ava{width:56px;height:56px;border-radius:50%;flex-shrink:0;border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--teal);overflow:hidden;background:linear-gradient(135deg,var(--teal),#0a6d85);display:flex;align-items:center;justify-content:center}
.drv-ava img{width:100%;height:100%;object-fit:cover;display:block}
.drv-ava span{font-size:1.45rem;font-weight:900;color:#fff;line-height:1;letter-spacing:0}
.drv-links{display:flex;gap:.5rem;margin-top:.6rem}
.drv-links a{flex:1;text-align:center;padding:.5rem .6rem;border-radius:9px;font-size:.8rem;font-weight:800;text-decoration:none;border:2px solid var(--ink);background:#fff;color:var(--ink)}
.drv-links a.alt{background:var(--sand,#f4efe4)}
.drv-name{font-size:1.15rem;font-weight:900;color:var(--ink);margin:0 0 .15rem;line-height:1.25}
.drv-region{font-size:.82rem;color:var(--teal);font-weight:700;margin-bottom:.8rem}
.drv-badge{background:var(--saffron);color:#3a2800;font-size:.66rem;font-weight:900;padding:.28rem .6rem;border-radius:6px;white-space:nowrap;border:1.5px solid var(--ink);flex-shrink:0}
.drv-notes{font-size:.89rem;color:var(--muted);line-height:1.8;margin:0 0 1rem;flex:1}
.drv-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.05rem}
.drv-meta span{font-size:.74rem;font-weight:700;background:var(--cream);border:1px solid var(--line);border-radius:50px;padding:.3rem .75rem;color:var(--slate)}
.drv-wa{display:flex;align-items:center;justify-content:center;gap:.4rem;background:#0e7d3d;color:#fff;font-weight:800;font-size:.94rem;padding:.72rem 1rem;border-radius:10px;text-decoration:none;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);transition:transform .15s var(--ease),box-shadow .15s var(--ease)}
.drv-wa:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink);color:#fff}
.drv-phone{text-align:center;margin-top:.55rem;font-size:.86rem;font-weight:700;color:var(--slate)}
.drv-phone a{color:var(--ink);text-decoration:none;letter-spacing:.02em}
.drv-phone a:hover{color:var(--teal)}
@media(max-width:560px){.drv-grid{grid-template-columns:1fr}}
.tip-ico{font-size:1.8rem;margin-bottom:.6rem}
.tip-title{font-size:.9rem;font-weight:800;color:var(--ink);margin-bottom:.4rem}
.tip-text{font-size:.8rem;color:var(--muted);line-height:1.7}
@media(max-width:700px){.tips-grid-v2{grid-template-columns:1fr 1fr!important}}
@media(max-width:480px){.tips-grid-v2{grid-template-columns:1fr!important}}
/* Outline button */
.btn-outline-teal{display:inline-block;color:var(--teal);border:2px solid var(--teal);border-radius:50px;padding:.65rem 1.8rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .25s var(--ease)}
.btn-outline-teal:hover{background:var(--teal);color:white}
/* Accom type sub-page nav strip */
.accom-type-nav{display:flex;flex-wrap:wrap;gap:.5rem;background:var(--surface);padding:1rem 2rem;border-bottom:1px solid var(--line);justify-content:center;position:sticky;top:62px;z-index:40}
.accom-type-nav-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:700;color:var(--muted);padding:.35rem 1rem;border-radius:50px;text-decoration:none;transition:all .22s var(--ease);border:1.5px solid transparent}
.accom-type-nav-link:hover{color:var(--teal);border-color:var(--teal)}
.accom-type-nav-link.active{background:var(--teal);color:white;border-color:var(--teal)}
@media(max-width:600px){.accom-type-nav{padding:.7rem 1rem;gap:.4rem}.accom-type-nav-link{font-size:.75rem;padding:.3rem .7rem}}
/* Accommodation type sub-page styles */
.accom-hero-strip{background:linear-gradient(135deg,var(--slate),#0a2d42);padding:3rem 2rem;color:white;margin-bottom:2.5rem}
.accom-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:1.5rem 0}
.pros-box{background:rgba(61,107,79,.08);border:2.5px solid var(--ink);border-radius:14px;padding:1.4rem;box-shadow:5px 5px 0 var(--sage)}
.cons-box{background:rgba(200,60,60,.06);border:2.5px solid var(--ink);border-radius:14px;padding:1.4rem;box-shadow:5px 5px 0 var(--coral)}
.pros-cons-title{font-weight:800;font-size:.92rem;margin-bottom:.7rem}
.pros-cons-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}
.pros-cons-list li{font-size:.82rem;color:var(--muted);line-height:1.55}
@media(max-width:650px){.accom-pros-cons{grid-template-columns:1fr!important}}
/* Chabad / kosher page */
.chabad-card{background:var(--surface);border:2.5px solid var(--ink);border-radius:14px;padding:1.5rem;box-shadow:5px 5px 0 #1a3c72;margin-bottom:1.2rem;transition:transform .18s var(--ease),box-shadow .18s var(--ease)}
.chabad-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 #1a3c72}
.chabad-name{font-size:1.05rem;font-weight:900;color:var(--ink);margin-bottom:.3rem}
.chabad-season{display:inline-block;font-size:.7rem;font-weight:700;padding:.18rem .65rem;border-radius:50px;letter-spacing:.5px;margin-bottom:.6rem}
.chabad-season.yearround{background:rgba(61,107,79,.12);color:var(--sage)}
.chabad-season.seasonal{background:rgba(10,122,150,.1);color:var(--teal)}
.chabad-detail{font-size:.84rem;color:var(--muted);line-height:1.7;display:flex;align-items:flex-start;gap:.5rem;margin-top:.3rem}
.chabad-detail strong{color:var(--ink);font-weight:700;flex-shrink:0}
.kosher-rest-card{background:var(--surface);border:2.5px solid var(--ink);border-radius:14px;padding:1rem 1.2rem;box-shadow:4px 4px 0 var(--sage);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.9rem;transition:transform .18s var(--ease),box-shadow .18s var(--ease)}
.kosher-rest-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--sage)}
.krest-name{font-size:.93rem;font-weight:800;color:var(--ink);margin-bottom:.2rem}
.krest-area{font-size:.75rem;color:var(--muted)}
.krest-badge{font-size:.7rem;font-weight:700;padding:.18rem .6rem;border-radius:50px;white-space:nowrap;flex-shrink:0}
.krest-badge.mehadrin{background:rgba(26,60,114,.1);color:#1a3c72}
.krest-badge.bishul{background:rgba(233,160,0,.12);color:#9a6700}
.krest-badge.vegan{background:rgba(61,107,79,.12);color:var(--sage)}
@media(max-width:700px){.kosher-rest-card{flex-direction:column;gap:.5rem}}

/* ── BEACH PAGE ── */
.beach-cats{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2rem}
.beach-cat-pill{background:var(--surface);border:1.5px solid var(--line);color:var(--muted);border-radius:50px;padding:.42rem 1.1rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .22s var(--ease)}
.beach-cat-pill.active{background:linear-gradient(135deg,var(--teal),var(--aqua));border-color:transparent;color:white;box-shadow:0 4px 14px rgba(10,122,150,.28)}
.beach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-top:.5rem}
.beach-card{border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);box-shadow:var(--sh-sm);transition:all .38s var(--ease);text-decoration:none;color:var(--ink);display:block}
.beach-card:hover{transform:translateY(-9px);box-shadow:var(--sh-hover)}
.beach-card-img{height:220px;overflow:hidden;position:relative}
.beach-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.beach-card:hover .beach-card-img img{transform:scale(1.07)}
.beach-cat-badge{position:absolute;top:.8rem;right:.8rem;padding:.28rem .75rem;border-radius:50px;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;backdrop-filter:blur(8px)}
.beach-cat-badge.פופולרי{background:rgba(233,160,0,.92);color:var(--ink)}
.beach-cat-badge.סודי{background:rgba(61,107,79,.92);color:white}
.beach-cat-badge.גלישה{background:rgba(10,122,150,.92);color:white}
.beach-cat-badge.משפחתי{background:rgba(232,77,60,.92);color:white}
.beach-season-badge{position:absolute;bottom:.8rem;left:.8rem;background:rgba(15,25,35,.78);backdrop-filter:blur(8px);color:rgba(255,255,255,.9);font-size:.67rem;font-weight:600;padding:.22rem .65rem;border-radius:50px}
.beach-body{padding:1.3rem 1.5rem}
.beach-body h3{font-size:1.05rem;font-weight:800;margin-bottom:.2rem}
.beach-body .beach-en{font-size:.75rem;color:var(--muted);font-weight:400;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:.5rem}
.beach-body p{font-size:.83rem;color:var(--muted);line-height:1.65;margin-bottom:.7rem}
.beach-meta-row{display:flex;gap:1rem;flex-wrap:wrap}
.beach-meta-item{font-size:.74rem;color:var(--teal);font-weight:600;display:flex;align-items:center;gap:.3rem}
.beach-tips{margin-top:.85rem;padding:.65rem .9rem;background:linear-gradient(135deg,rgba(10,122,150,.04),rgba(0,184,217,.04));border-radius:10px;border-right:3px solid rgba(10,122,150,.25)}
.beach-tip{font-size:.74rem;color:var(--muted);line-height:1.6;padding:.06rem 0;display:flex;align-items:flex-start;gap:.35rem}
.beach-tip-icon{color:var(--teal);font-weight:800;flex-shrink:0;font-size:.7rem;margin-top:.18rem}
@media(max-width:900px){.beach-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.beach-grid{grid-template-columns:1fr}}

/* ── BEACH SINGLE PAGE ── */
.beach-hero{position:relative;height:60vh;min-height:420px;overflow:hidden}
.beach-hero img{width:100%;height:100%;object-fit:cover;display:block}
.beach-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,25,35,.94) 0%,rgba(0,0,0,.06) 50%,transparent 100%)}
.beach-hero-text{position:absolute;bottom:3rem;right:4rem;color:white}
.beach-hero-name{margin:0;font-family:'Heebo',sans-serif;font-size:clamp(3rem,6vw,5rem);font-weight:900;line-height:.92;text-shadow:0 6px 28px rgba(0,0,0,.5)}
.beach-hero-en{font-size:.88rem;font-weight:300;opacity:.4;letter-spacing:4px;text-transform:uppercase;margin-top:.4rem}
.beach-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2.5rem 0}
.beach-info-card{background:var(--surface);border-radius:var(--radius);padding:1.2rem;box-shadow:var(--sh-xs);text-align:center}
.beach-info-icon{font-size:1.6rem;margin-bottom:.5rem}
.beach-info-label{font-size:.7rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem}
.beach-info-val{font-size:.92rem;font-weight:700;color:var(--ink)}
.beach-section{margin:3rem 0}
.beach-section-title{font-family:'Heebo',sans-serif;font-size:1.5rem;font-weight:900;color:var(--ink);margin-bottom:1rem;display:flex;align-items:center;gap:.6rem}
.beach-nearby-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.beach-nearby-card{display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:13px 15px;box-shadow:var(--sh-xs);transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}
.beach-nearby-card:hover{transform:translateY(-3px);box-shadow:var(--sh-sm)}
.bn-ic{flex:none;width:44px;height:44px;border-radius:13px;background:var(--tint,rgba(10,122,150,.12));display:flex;align-items:center;justify-content:center;font-size:1.35rem}
.bn-txt{display:flex;flex-direction:column;min-width:0}
.beach-nearby-card.hotel-card{display:block;padding:0;overflow:hidden;border:1px solid var(--line)}
.hotel-card-img{width:100%;height:160px;object-fit:cover;border-radius:var(--radius) var(--radius) 0 0;display:block}
.hotel-card-body{padding:1.1rem 1.3rem}
.hotel-card-header{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.3rem}
.hotel-score-badge{background:var(--teal);color:#fff;border-radius:6px;padding:.2rem .55rem;font-size:.82rem;font-weight:800;white-space:nowrap;flex-shrink:0;line-height:1.4}
.beach-nearby-name{font-size:.96rem;font-weight:800;color:var(--ink);line-height:1.25}
.beach-nearby-desc{font-size:.78rem;color:var(--muted);line-height:1.5;margin-top:2px}
.beach-nearby-meta{font-size:.72rem;color:var(--teal);font-weight:600;margin-top:.4rem}
.beach-tips-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}
.beach-tip-card{background:var(--surface);border-radius:var(--radius);padding:1rem 1.2rem;box-shadow:var(--sh-xs);display:flex;gap:.7rem;align-items:flex-start}
.beach-tip-num{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--aqua));color:white;font-size:.72rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.beach-tip-text{font-size:.82rem;color:var(--muted);line-height:1.6}
@media(max-width:900px){.beach-info-grid{grid-template-columns:repeat(2,1fr)}.beach-nearby-grid{grid-template-columns:repeat(2,1fr)}.beach-tips-list{grid-template-columns:1fr}.beach-hero-text{right:1.5rem;bottom:2rem}}
@media(max-width:580px){.beach-info-grid{grid-template-columns:repeat(2,1fr)}.beach-nearby-grid{grid-template-columns:1fr}}

/* ── ITINERARY PAGE ── */
.route-tabs{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:2.5rem}
.route-tab{background:var(--surface);border:1.5px solid var(--line);color:var(--muted);border-radius:50px;padding:.48rem 1.3rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .22s var(--ease)}
.route-tab.active{background:linear-gradient(135deg,var(--teal),var(--aqua));border-color:transparent;color:white;box-shadow:0 4px 14px rgba(10,122,150,.28)}
.route-panel{display:none}.route-panel.active{display:block}
.route-collage{display:grid;grid-template-columns:1.65fr 1fr 1fr;grid-template-rows:170px 150px;gap:5px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:2rem;box-shadow:var(--sh-md)}
.route-collage-cell{overflow:hidden;position:relative}
.route-collage-cell:first-child{grid-row:1/3}
.route-collage-cell img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--ease)}
.route-collage-cell:hover img{transform:scale(1.06)}
.route-collage-label{position:absolute;bottom:.5rem;left:.5rem;background:rgba(15,25,35,.72);backdrop-filter:blur(6px);color:rgba(255,255,255,.92);font-size:.65rem;font-weight:700;padding:.18rem .58rem;border-radius:50px;letter-spacing:.4px;pointer-events:none}
.route-meta-row{display:flex;gap:1.2rem;flex-wrap:wrap;margin-bottom:2rem}
.route-meta-pill{background:var(--surface);border-radius:50px;padding:.4rem 1rem;font-size:.78rem;font-weight:600;box-shadow:var(--sh-xs);display:flex;align-items:center;gap:.4rem;color:var(--ink)}
.route-timeline{position:relative;padding-right:2rem}
.route-timeline::before{content:'';position:absolute;right:.3rem;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--teal),var(--aqua))}
.route-day{position:relative;margin-bottom:1.8rem;padding-right:2rem}
.route-day::before{content:'';position:absolute;right:-1.72rem;top:.3rem;width:12px;height:12px;border-radius:50%;background:var(--teal);border:2.5px solid white;box-shadow:0 0 0 2px var(--teal)}
.route-day-head{display:flex;align-items:baseline;gap:.8rem;margin-bottom:.3rem}
.route-day-num{font-size:.7rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--teal);background:rgba(10,122,150,.08);padding:.18rem .65rem;border-radius:50px;flex-shrink:0}
.route-day-title{font-size:1rem;font-weight:800;color:var(--ink)}
.route-day-desc{font-size:.85rem;color:var(--muted);line-height:1.7}
.route-day-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}
.route-day-tag{font-size:.7rem;background:rgba(10,122,150,.06);color:var(--teal);border-radius:50px;padding:.16rem .65rem;font-weight:600;border:1px solid rgba(10,122,150,.15)}
.route-highlights{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0}
.route-highlight{background:var(--surface);border-radius:var(--radius);padding:1rem;box-shadow:var(--sh-xs);text-align:center}
.route-highlight-icon{font-size:1.6rem;margin-bottom:.4rem}
.route-highlight-val{font-size:1rem;font-weight:800;color:var(--ink);margin-bottom:.1rem}
.route-highlight-label{font-size:.7rem;color:var(--muted)}
@media(max-width:700px){.route-highlights{grid-template-columns:repeat(2,1fr)}.route-hero-img{height:210px}}

/* ── RELATED SECTION ── */
.related-section{background:var(--glass-bg);padding:2.5rem 1.5rem;}
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;max-width:900px;margin:0 auto;}
.related-card{display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px;color:var(--text);text-decoration:none;transition:background .2s;}
.related-card:hover{background:rgba(255,255,255,.13);}
.related-icon{font-size:1.6rem;flex-shrink:0;margin-top:2px;}
.related-card strong{display:block;font-size:.9rem;font-weight:600;color:#fff;margin-bottom:3px;}
.related-card span{font-size:.78rem;color:var(--muted);line-height:1.4;}
/* ── FLIGHTS PAGE ── */
.airline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.3rem;margin:2rem 0 3rem}
.airline-card{background:var(--surface);border-radius:var(--radius-lg);padding:1.5rem 1.3rem;box-shadow:var(--sh-xs);transition:all .35s var(--ease);border-top:3px solid var(--line);display:flex;flex-direction:column;gap:.6rem}
.airline-card:hover{transform:translateY(-7px);box-shadow:var(--sh-hover)}
.airline-card.budget{border-top-color:var(--sage)}
.airline-card.premium{border-top-color:var(--saffron)}
.airline-card.standard{border-top-color:var(--teal)}
.airline-card.lowcost{border-top-color:var(--coral)}
.airline-header{display:flex;align-items:center;gap:.8rem;margin-bottom:.3rem}
.airline-emoji{font-size:2rem;line-height:1;flex-shrink:0}
.airline-name{font-size:.97rem;font-weight:900;color:var(--ink);letter-spacing:-.15px;line-height:1.2}
.airline-code{font-size:.7rem;font-weight:600;color:var(--muted);letter-spacing:1.5px}
.airline-price-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,var(--sage),#4a8560);color:white;border-radius:50px;padding:.3rem .9rem;font-size:.78rem;font-weight:800;align-self:flex-start;box-shadow:0 3px 10px rgba(61,107,79,.28)}
.airline-price-badge.low{background:linear-gradient(135deg,var(--sage),#4a8560)}
.airline-price-badge.mid{background:linear-gradient(135deg,var(--teal),var(--aqua))}
.airline-price-badge.high{background:linear-gradient(135deg,#d4760a,var(--saffron))}
.airline-route-row{display:flex;flex-direction:column;gap:.25rem}
.airline-route-item{font-size:.77rem;color:var(--muted);display:flex;gap:.4rem;align-items:center}
.airline-route-item strong{color:var(--ink);font-weight:700}
.airline-desc{font-size:.8rem;color:var(--muted);line-height:1.65;padding-top:.25rem;border-top:1px solid var(--line)}
.airline-pros{margin-top:.3rem}
.airline-pro{font-size:.73rem;color:var(--sage);display:flex;gap:.3rem;align-items:flex-start;line-height:1.5}
.airline-con{font-size:.73rem;color:var(--coral);display:flex;gap:.3rem;align-items:flex-start;line-height:1.5}
.airline-btn{margin-top:auto;background:linear-gradient(135deg,var(--teal),var(--aqua));color:white;border:none;border-radius:50px;padding:.48rem 1.1rem;font-family:'Heebo',sans-serif;font-size:.79rem;font-weight:700;cursor:pointer;text-decoration:none;text-align:center;display:block;transition:all .25s;box-shadow:0 3px 12px rgba(10,122,150,.25)}
.airline-btn:hover{box-shadow:0 6px 22px rgba(10,122,150,.38);transform:translateY(-2px)}
.flight-compare-wrap{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--sh-sm);overflow:hidden;margin:2rem 0 3.5rem}
.flight-compare-table{width:100%;border-collapse:collapse;font-size:.84rem}
.flight-compare-table th{background:var(--slate);color:rgba(255,255,255,.9);padding:.75rem 1rem;font-weight:700;font-size:.77rem;text-align:right;letter-spacing:.3px}
.flight-compare-table td{padding:.72rem 1rem;border-bottom:1px solid var(--line);vertical-align:middle;color:var(--ink)}
.flight-compare-table tr:last-child td{border-bottom:none}
.flight-compare-table tr:hover td{background:rgba(10,122,150,.04)}
.flight-compare-table .price-cell{font-weight:800;color:var(--sage)}
.flight-compare-table .best-badge{background:var(--saffron);color:var(--ink);font-size:.67rem;font-weight:800;padding:.18rem .55rem;border-radius:50px}
.season-price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0 3rem}
.season-price-card{border-radius:var(--radius);padding:1.2rem;box-shadow:var(--sh-xs);text-align:center;position:relative;overflow:hidden}
.season-price-card.peak{background:linear-gradient(135deg,#7f1d1d,#b91c1c);color:white}
.season-price-card.high{background:linear-gradient(135deg,#78350f,#d97706);color:white}
.season-price-card.shoulder{background:linear-gradient(135deg,#1e3a5f,var(--teal));color:white}
.season-price-card.low{background:linear-gradient(135deg,var(--sage),#4a8560);color:white}
.season-price-label{font-size:.7rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;opacity:.75;margin-bottom:.4rem}
.season-price-months{font-size:.88rem;font-weight:800;margin-bottom:.5rem}
.season-price-range{font-size:1.5rem;font-weight:900;margin-bottom:.3rem;line-height:1}
.season-price-sub{font-size:.72rem;opacity:.75;line-height:1.4}
.season-price-badge{position:absolute;top:.6rem;left:.6rem;font-size:.65rem;font-weight:800;background:rgba(255,255,255,.18);border-radius:50px;padding:.15rem .5rem;backdrop-filter:blur(4px)}
.booking-sites-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.5rem 0 3rem}
.booking-site-card{background:var(--surface);border-radius:var(--radius-lg);padding:1.4rem 1.3rem;box-shadow:var(--sh-xs);text-align:center;transition:all .32s var(--ease);text-decoration:none;color:var(--ink);display:block;border:1.5px solid var(--line)}
.booking-site-card:hover{transform:translateY(-5px);box-shadow:var(--sh-md);border-color:var(--teal)}
.booking-site-emoji{font-size:2.2rem;display:block;margin-bottom:.6rem}
.booking-site-name{font-size:.97rem;font-weight:800;color:var(--ink);margin-bottom:.2rem}
.booking-site-desc{font-size:.78rem;color:var(--muted);line-height:1.55;margin-bottom:.7rem}
.booking-site-tag{display:inline-block;background:rgba(10,122,150,.08);color:var(--teal);border-radius:50px;font-size:.69rem;font-weight:700;padding:.18rem .65rem}
.flight-tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin:1.5rem 0 3rem}
.flight-tip-card{background:var(--surface);border:2.5px solid var(--ink);border-radius:14px;padding:1.5rem;box-shadow:5px 5px 0 var(--ink);transition:transform .18s var(--ease),box-shadow .18s var(--ease)}
.flight-tip-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--aqua)}
.flight-tip-num{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--aqua));color:white;font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:.7rem}
.flight-tip-title{font-size:.93rem;font-weight:800;color:var(--slate);margin-bottom:.35rem}
.flight-tip-text{font-size:.82rem;color:var(--muted);line-height:1.7}
.flight-highlight-box{background:linear-gradient(135deg,var(--slate),#0d3552);border-radius:var(--radius-lg);padding:2.2rem 2.5rem;margin:2.5rem 0;color:white;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.flight-hl-item{text-align:center}
.flight-hl-icon{font-size:2rem;margin-bottom:.5rem;display:block}
.flight-hl-val{font-size:1.35rem;font-weight:900;color:var(--aqua);margin-bottom:.2rem}
.flight-hl-label{font-size:.78rem;opacity:.65;line-height:1.4}
@media(max-width:1100px){.airline-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.airline-grid{grid-template-columns:1fr}.season-price-grid{grid-template-columns:repeat(2,1fr)}.booking-sites-grid{grid-template-columns:repeat(2,1fr)}.flight-tips-grid{grid-template-columns:1fr}.flight-highlight-box{grid-template-columns:1fr;gap:1rem}.flight-compare-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius);border:1px solid var(--line)}}
@media(max-width:580px){.season-price-grid{grid-template-columns:1fr 1fr}.booking-sites-grid{grid-template-columns:1fr 1fr}}
.updated-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;color:var(--muted);opacity:.7;margin-bottom:1.2rem;letter-spacing:.3px}
.updated-badge::before{content:'↻';font-size:.8rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* ── Homepage redesign ─────────────────────────── */
.hp-tabs{display:flex;gap:.25rem;padding:.7rem 1.2rem;background:var(--surface);border-bottom:1px solid var(--line);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;position:sticky;top:56px;z-index:90}
.hp-tabs::-webkit-scrollbar{display:none}
.hp-tab{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem 1.1rem;border-radius:50px;font-size:.82rem;font-weight:700;color:var(--muted);text-decoration:none;white-space:nowrap;transition:all .2s var(--ease);border:1.5px solid transparent}
.hp-tab:hover{color:var(--teal);background:rgba(10,122,150,.07)}
.hp-tab.on{background:var(--teal);color:#fff;border-color:var(--teal)}
@media(max-width:700px){
  .hp-tabs{flex-wrap:wrap;justify-content:center;overflow:visible;position:static;top:auto;padding:.75rem .7rem .85rem;gap:.45rem .5rem}
  .hp-tab{font-size:.8rem;padding:.46rem 1rem;border:1.5px solid var(--line)}
  .hp-tab.on{border-color:var(--teal)}
}
.hp-pg{max-width:100%;overflow:hidden}
.hp-pg-r1{display:grid;grid-template-columns:1.52fr 1fr;gap:2px}
.hp-pg-r2{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.hp-pc{position:relative;overflow:hidden;display:block;text-decoration:none}
.hp-pc-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .7s cubic-bezier(.25,.46,.45,.94)}
.hp-pc:hover .hp-pc-bg{transform:scale(1.04)}
.hp-pc-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(12,22,35,.82) 0%,rgba(12,22,35,.18) 55%,transparent 100%)}
.hp-pc-bd{position:absolute;bottom:0;right:0;left:0;padding:1.3rem 1.5rem;color:#fff}
.hp-pc-cat{font-size:.68rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;opacity:.75;margin-bottom:.3rem}
.hp-pc-name{font-family:'Heebo',sans-serif;font-size:1.45rem;font-weight:900;line-height:1.1;margin-bottom:.3rem}
.hp-pc-deck{font-size:.82rem;opacity:.8;line-height:1.5}
.hp-pc-a{min-height:420px}
.hp-pc-b{min-height:420px}
.hp-pc-s{min-height:260px}
.hp-facts{display:flex;align-items:center;justify-content:center;gap:0;background:var(--ink);color:rgba(255,255,255,.9);padding:.95rem 1.5rem;flex-wrap:wrap}
.hp-fact{display:flex;flex-direction:column;align-items:center;padding:.3rem 2.2rem;border-left:1px solid rgba(255,255,255,.12)}
.hp-fact:last-child{border-left:none}
.hp-fv{font-family:'Heebo',sans-serif;font-size:1.55rem;font-weight:900;color:#00b8d9;line-height:1.1}
.hp-fk{font-size:.65rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;opacity:.55;margin-top:.15rem}
.hp-sec{padding:3.5rem 0 2rem}
.hp-sec-hd{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.8rem}
.hp-sec-title{font-family:'Heebo',sans-serif;font-size:1.65rem;font-weight:900;color:var(--ink);letter-spacing:-.3px}
.hp-sec-link{font-size:.82rem;font-weight:700;color:var(--teal);text-decoration:none;opacity:.8}
.hp-sec-link:hover{opacity:1}
.hp-art-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}
.hp-art-feat{display:block;text-decoration:none;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sh-sm);transition:box-shadow .25s var(--ease),transform .25s var(--ease)}
.hp-art-feat:hover{box-shadow:var(--sh-hover);transform:translateY(-3px)}
.hp-art-feat-img{width:100%;height:220px;object-fit:cover;display:block}
.hp-art-feat-body{padding:1.3rem 1.5rem;background:var(--surface)}
.hp-art-feat-cat{font-size:.68rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--teal);margin-bottom:.5rem}
.hp-art-feat-title{font-family:'Heebo',sans-serif;font-size:1.2rem;font-weight:900;color:var(--ink);line-height:1.3;margin-bottom:.55rem}
.hp-art-feat-meta{font-size:.75rem;color:var(--muted)}
.hp-art-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.9rem}
.hp-art-list li{display:flex;gap:1rem;align-items:flex-start;padding-bottom:.9rem;border-bottom:1px solid var(--line)}
.hp-art-list li:last-child{border-bottom:none;padding-bottom:0}
.hp-al-num{font-family:'Heebo',sans-serif;font-size:1.8rem;font-weight:900;color:var(--line);line-height:1;flex-shrink:0;width:2rem;text-align:center}
.hp-al-title{font-size:.93rem;font-weight:700;color:var(--ink);line-height:1.4;margin-bottom:.2rem}
.hp-al-meta{font-size:.72rem;color:var(--muted)}
.hp-al-link{text-decoration:none}
.hp-al-link:hover .hp-al-title{color:var(--teal)}
/* ── HOMEPAGE MAGAZINE (articles) ── */
.hp-mag{display:flex;flex-direction:column;gap:1.6rem}
.hp-mag-feat{position:relative;display:block;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sh-md);height:400px;text-decoration:none}
.hp-mag-feat img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.hp-mag-feat:hover img{transform:scale(1.05)}
.hp-mag-feat-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,18,28,.88) 0%,rgba(10,18,28,.35) 45%,rgba(10,18,28,.05) 100%)}
.hp-mag-feat-bd{position:absolute;bottom:0;right:0;left:0;padding:2.2rem 2.4rem;color:#fff}
.hp-mag-feat-title{font-family:'Heebo',sans-serif;font-size:2.1rem;font-weight:900;line-height:1.18;margin:.55rem 0 .6rem;color:#fff;max-width:720px;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.hp-mag-cat{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--teal);background:rgba(10,122,150,.1);padding:.28rem .75rem;border-radius:50px}
.hp-mag-feat .hp-mag-cat{color:#fff;background:rgba(255,255,255,.2)}
.hp-mag-meta{font-size:.8rem;color:var(--muted)}
.hp-mag-feat .hp-mag-meta{color:rgba(255,255,255,.9)}
.hp-mag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.hp-mag-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sh-xs);text-decoration:none;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.hp-mag-card:hover{transform:translateY(-5px);box-shadow:var(--sh-hover)}
.hp-mag-card-img{aspect-ratio:16/10;overflow:hidden}
.hp-mag-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease)}
.hp-mag-card:hover .hp-mag-card-img img{transform:scale(1.07)}
.hp-mag-card-bd{padding:1.05rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.45rem;flex:1}
.hp-mag-card-title{font-family:'Heebo',sans-serif;font-size:1.1rem;font-weight:800;color:var(--ink);line-height:1.35;margin:.05rem 0}
.hp-mag-card:hover .hp-mag-card-title{color:var(--teal)}
.hp-mag-card .hp-mag-meta{margin-top:auto}
@media(max-width:900px){.hp-mag-grid{grid-template-columns:1fr 1fr}.hp-mag-feat{height:320px}.hp-mag-feat-title{font-size:1.6rem}}
@media(max-width:560px){.hp-mag-grid{grid-template-columns:1fr}.hp-mag-feat{height:280px}.hp-mag-feat-title{font-size:1.4rem}.hp-mag-feat-bd{padding:1.5rem 1.6rem}}
.hp-tips-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:1.5rem;border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.hp-tip{padding:1.5rem 1.5rem 1.6rem;border-left:1px solid var(--line)}
.hp-tip:last-child{border-left:none}
.hp-tip-icon{display:none}
.hp-tip-num{font-size:.62rem;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:var(--teal);margin-bottom:.55rem}
.hp-tip-title{font-family:'Heebo',sans-serif;font-size:1.05rem;font-weight:900;color:var(--ink);margin-bottom:.4rem;line-height:1.2}
.hp-tip-body{font-size:.8rem;color:var(--muted);line-height:1.75}
/* ── HOMEPAGE "BEFORE YOU GO" — VERTICAL TIMELINE ── */
.hp-trip{position:relative;max-width:600px;margin:1.6rem auto 0;padding-right:36px}
.hp-trip::before{content:"";position:absolute;top:22px;bottom:34px;right:16px;width:2.5px;border-radius:3px;background:linear-gradient(180deg,#0a6d85,#3d6b4f,#1b3347,#e9a000,#c0392b)}
.trip-it{position:relative;display:block;text-decoration:none;margin-bottom:.85rem}
.trip-it:last-child{margin-bottom:0}
.trip-node{position:absolute;right:-36px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:var(--surface);border:2.5px solid var(--acc);color:var(--acc);font-weight:900;font-size:.85rem;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 0 0 4px var(--cream);transition:background .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}
.trip-it:hover .trip-node{background:var(--acc);color:#fff;transform:translateY(-50%) scale(1.08)}
.trip-node-end{font-size:1rem}
.trip-card{display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:13px 15px;box-shadow:var(--sh-xs);transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}
.trip-it:hover .trip-card{transform:translateX(-5px);box-shadow:var(--sh-sm);border-color:color-mix(in srgb,var(--acc) 38%,var(--line))}
.trip-ic{flex:none;width:42px;height:42px;border-radius:13px;background:var(--tint);display:flex;align-items:center;justify-content:center;font-size:1.35rem}
.trip-main{flex:1;min-width:0}
.trip-row1{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:3px}
.trip-ttl{font-family:'Heebo',sans-serif;font-weight:900;font-size:1.04rem;color:var(--ink);line-height:1.2}
.trip-fact{font-size:.68rem;font-weight:800;color:var(--acc);background:var(--tint);padding:2px 9px;border-radius:50px;white-space:nowrap}
.trip-body{display:block;font-size:.8rem;color:var(--muted);line-height:1.55}
.trip-arrow{flex:none;color:var(--acc);font-size:1.15rem;font-weight:900;opacity:.5;transition:transform .2s var(--ease),opacity .2s var(--ease)}
.trip-it:hover .trip-arrow{opacity:1;transform:translateX(-4px)}
.trip-end .trip-card{background:linear-gradient(135deg,rgba(0,184,217,.1),rgba(10,122,150,.05));border-style:dashed}
@media(max-width:560px){
  .hp-trip{padding-right:30px}
  .trip-node{right:-30px;width:30px;height:30px;font-size:.78rem}
  .trip-card{padding:11px 13px;gap:11px;border-radius:16px}
  .trip-ic{width:38px;height:38px;font-size:1.2rem}
  .trip-ttl{font-size:.98rem}
  .trip-arrow{display:none}
}
.hp-wx-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:.5rem;margin-top:1.5rem}
.hp-wx-month{background:var(--surface);border-radius:8px;padding:.7rem .3rem;text-align:center;box-shadow:var(--sh-sm)}
.hp-wx-label{font-size:.65rem;font-weight:800;letter-spacing:.5px;color:var(--muted);margin-bottom:.3rem}
.hp-wx-icon{font-size:1.2rem;margin:.15rem 0}
.hp-wx-temp{font-size:.78rem;font-weight:700;color:var(--ink)}
.hp-wx-sub{font-size:.62rem;color:var(--muted)}
.hp-dest-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-top:1.5rem}
.hp-dt{display:block;text-decoration:none;position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:1/.8}
.hp-dt-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.hp-dt:hover .hp-dt-bg{transform:scale(1.08)}
.hp-dt-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(12,20,32,.75) 0%,transparent 60%)}
.hp-dt-bd{position:absolute;bottom:.7rem;right:.7rem;left:.7rem;color:#fff;text-align:center}
.hp-dt-flag{font-size:1.1rem;line-height:1}
.hp-dt-name{font-size:.78rem;font-weight:800;margin-top:.15rem}
.hp-bnav{background:var(--ink);padding:2.5rem 0}
.hp-bnav-inner{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(9,1fr);gap:.5rem}
.hp-bn-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.9rem .5rem;border-radius:var(--radius);background:rgba(255,255,255,.05);text-decoration:none;color:#fff;transition:background .2s var(--ease)}
.hp-bn-item:hover{background:rgba(255,255,255,.1)}
.hp-bn-icon{font-size:1.5rem}
.hp-bn-label{font-size:.72rem;font-weight:700;color:rgba(255,255,255,.75);text-align:center}
@media(max-width:960px){.hp-pg-r1{grid-template-columns:1fr}.hp-pg-r2{grid-template-columns:repeat(2,1fr)}.hp-art-grid{grid-template-columns:1fr}.hp-tips-cards{grid-template-columns:repeat(2,1fr)}.hp-tip:nth-child(2){border-left:none}.hp-tip:nth-child(3){border-top:1px solid var(--line);border-left:1px solid var(--line)}.hp-tip:nth-child(4){border-top:1px solid var(--line)}.hp-wx-grid{grid-template-columns:repeat(6,1fr)}.hp-dest-grid{grid-template-columns:repeat(3,1fr)}.hp-bnav-inner{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.hp-pg-r2{grid-template-columns:1fr}.hp-pc-a,.hp-pc-b{min-height:300px}.hp-pc-s{min-height:200px}.hp-tips-cards{grid-template-columns:1fr 1fr}.hp-wx-grid{grid-template-columns:repeat(4,1fr)}.hp-dest-grid{grid-template-columns:repeat(2,1fr)}.hp-bnav-inner{grid-template-columns:repeat(3,1fr)}.hp-fact{padding:.3rem 1.2rem}}


/* ══════════════════════════════════════════════════════════════
   REDESIGN 2026 — tropical design system (homepage + shared chrome)
   ══════════════════════════════════════════════════════════════ */
:root{
  /* Homepage design tokens — 2026-07 refresh */
  --jungle:#07483f;--jungle-dark:#063b34;--jungle-800:#0b564a;
  --lagoon:#14b7a7;--lagoon-deep:#0f8f83;--lagoon-light:#dff6f2;
  --ivory:#fbf6ec;--cream2:#fbf6ec;
  --mango:#ffbd3c;--mango-deep:#e5a021;
  --coral2:#ff6653;--coral-deep:#e0553f;--plum:#8e4aa5;
  --t-ink:#1c2e2b;--t-muted:#6b7773;--t-border:#e7e2d9;
  --sl-sh:0 2px 4px rgba(8,64,54,.04),0 8px 22px rgba(8,64,54,.09);
  --sl-sh-h:0 12px 32px rgba(8,64,54,.14),0 3px 12px rgba(8,64,54,.09);
  --sl-r:14px;--sl-r-lg:18px;--sl-ease:cubic-bezier(.22,.61,.36,1);
}
/* homepage/redesign body wrapper */
body.sl-v2{background:var(--cream2);color:var(--t-ink);font-family:'Heebo',sans-serif}
.sl-v2 ::selection{background:var(--lagoon);color:#fff}
.sl-wrap{max-width:1240px;margin:0 auto;padding:0 clamp(1rem,3vw,2rem)}

/* ── TOP BAR ── */
.sl-topbar{background:var(--jungle-dark);color:rgba(255,255,255,.82);font-size:.8rem;font-weight:500}
.sl-topbar-in{max-width:1240px;margin:0 auto;padding:.45rem clamp(1rem,3vw,2rem);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.sl-topbar-l,.sl-topbar-r{display:flex;align-items:center;gap:.5rem;white-space:nowrap}
.sl-live{display:inline-flex;align-items:center;gap:.4rem}
.sl-dot{width:8px;height:8px;border-radius:50%;background:var(--coral2);box-shadow:0 0 0 0 rgba(239,115,95,.6);animation:slpulse 2s infinite}
@keyframes slpulse{0%{box-shadow:0 0 0 0 rgba(239,115,95,.55)}70%{box-shadow:0 0 0 7px rgba(239,115,95,0)}100%{box-shadow:0 0 0 0 rgba(239,115,95,0)}}
.sl-topbar-wx{color:var(--mango);font-weight:700}
.sl-topbar .sl-sep{opacity:.35}
@media(max-width:720px){.sl-topbar-r span.sl-hide-m{display:none}}

/* ── HEADER / NAV ── */
.sl-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--t-border);transition:box-shadow .3s,padding .3s}
.sl-header.sl-scrolled{box-shadow:0 6px 26px rgba(18,63,53,.09)}
.sl-nav{max-width:1240px;margin:0 auto;padding:.7rem clamp(1rem,3vw,2rem);display:flex;align-items:center;gap:1rem}
.sl-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;flex-shrink:0}
.sl-logo svg{width:34px;height:34px;flex-shrink:0}
.sl-logo-txt{font-size:1.16rem;font-weight:900;color:var(--jungle);letter-spacing:-.5px;font-family:'Heebo',sans-serif;direction:ltr}
.sl-logo-txt b{color:var(--lagoon-deep);font-weight:900}
.sl-menu{display:flex;align-items:center;gap:.35rem;margin:0 auto;list-style:none}
.sl-menu li{display:flex;align-items:center;flex-shrink:0}
.sl-menu a{display:inline-flex;align-items:center;gap:.32rem;padding:.5rem .75rem;border-radius:50px;text-decoration:none;color:var(--t-ink);font-size:.88rem;font-weight:600;transition:background .2s,color .2s;white-space:nowrap;margin:0}
.sl-menu a .sl-mi{font-size:.98rem;line-height:1}
.sl-menu a:hover{background:var(--lagoon-light);color:var(--jungle)}
.sl-menu a.on{background:var(--jungle);color:#fff}
.sl-menu a.on:hover{background:var(--jungle)}
.sl-menu a.sl-kosher.on{background:var(--plum)}
/* Bold "נהג פרטי" menu item — always visible with coral accent + shimmer.
   NOTE: no shadow / no transform — inline in the menu it MUST not overlap neighbours. */
.sl-menu a.sl-drivers{background:var(--coral2);color:#fff !important;font-weight:900;position:relative;overflow:hidden}
.sl-menu a.sl-drivers:hover{background:var(--coral-deep)}
.sl-menu a.sl-drivers.on{background:var(--coral-deep);color:#fff !important}
.sl-menu a.sl-drivers .sl-mi{font-size:1.05rem}
.sl-menu a.sl-drivers::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);animation:sl-shimmer 2.6s ease-in-out infinite;pointer-events:none}
@keyframes sl-shimmer{0%,100%{left:-100%}50%{left:100%}}
.sl-actions{display:flex;align-items:center;gap:.55rem;flex-shrink:0;margin-inline-start:1.2rem}
.sl-icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--t-border);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--jungle);transition:background .2s,border-color .2s}
.sl-icon-btn:hover{background:var(--lagoon-light);border-color:var(--lagoon)}
.sl-icon-btn svg{width:19px;height:19px}
.sl-cta{display:inline-flex;align-items:center;gap:.4rem;background:var(--coral2);color:#fff;border:none;border-radius:50px;padding:.6rem 1.15rem;font-size:.9rem;font-weight:800;font-family:'Heebo',sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 6px 16px rgba(239,115,95,.32);transition:transform .2s,box-shadow .2s,background .2s}
.sl-cta:hover{background:var(--coral-deep);transform:translateY(-2px);box-shadow:0 10px 24px rgba(239,115,95,.4)}
.sl-lang{font-size:1.05rem;font-weight:700;color:var(--jungle);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:0;width:36px;height:36px;border-radius:50%;background:var(--lagoon-light);transition:background .2s}
.sl-lang:hover{background:var(--lagoon)}
.sl-burger{display:none;flex-direction:column;justify-content:space-between;width:26px;height:18px;background:none;border:none;cursor:pointer;padding:0}
.sl-burger span{display:block;height:2.6px;width:100%;background:var(--jungle);border-radius:3px;transition:transform .3s var(--sl-ease),opacity .2s}
.sl-header.sl-open .sl-burger span:nth-child(1){transform:translateY(7.7px) rotate(45deg)}
.sl-header.sl-open .sl-burger span:nth-child(2){opacity:0}
.sl-header.sl-open .sl-burger span:nth-child(3){transform:translateY(-7.7px) rotate(-45deg)}
@media(max-width:1250px){
  .sl-menu{gap:.3rem}
  .sl-menu a{padding:.5rem .8rem;font-size:.88rem;gap:.32rem}
  .sl-menu a .sl-mi{font-size:.95rem}
  .sl-nav{gap:.6rem}
  .sl-actions{margin-inline-start:.8rem}
}
@media(max-width:1100px){
  .sl-burger{display:flex;order:3}
  .sl-actions{margin-inline-start:auto}
  .sl-menu{position:absolute;top:100%;right:0;left:0;flex-direction:column;align-items:stretch;background:#fff;border-top:1px solid var(--t-border);box-shadow:0 22px 46px rgba(18,63,53,.13);padding:.5rem;gap:.15rem;display:none;max-height:calc(100dvh - 120px);overflow-y:auto;margin:0}
  .sl-header.sl-open .sl-menu{display:flex}
  .sl-menu a{border-radius:12px;padding:.85rem 1rem;font-size:1rem}
  .sl-nav{position:relative;flex-wrap:nowrap;gap:.6rem}
  .sl-lang{display:none}
  .sl-cta span.sl-cta-txt{display:inline}
  .sl-cta{padding:.55rem 1rem;font-size:.88rem}
}
@media(max-width:520px){
  .sl-cta span.sl-cta-txt{display:none}
  .sl-cta{padding:.55rem .8rem}
}

/* ── NAV DROPDOWNS ── */
.sl-nd{position:relative}
.sl-cvr{font-size:.6rem;opacity:.75;margin-inline-start:.12rem;padding:.1rem}
.sl-drop{position:absolute;top:calc(100% + 7px);right:0;min-width:212px;background:#fff;border:1px solid var(--t-border);border-radius:16px;box-shadow:var(--sl-sh-h);padding:.45rem;flex-direction:column;gap:.06rem;display:none;z-index:1002}
.sl-drop a{display:block;padding:.5rem .8rem;border-radius:10px;font-size:.85rem;font-weight:600;color:var(--t-ink);text-decoration:none;white-space:nowrap}
.sl-drop a:hover{background:var(--lagoon-light);color:var(--jungle)}
.sl-drop-wide{min-width:576px;max-width:min(720px,calc(100vw - 24px));grid-template-columns:repeat(3,minmax(160px,1fr));gap:.05rem .5rem;right:0;left:auto}
.sl-drop-wide.sl-drop-lstart{right:auto;left:0}
.sl-dgroup h5{font-size:.7rem;font-weight:800;color:var(--lagoon-deep);margin:.45rem .8rem .15rem;letter-spacing:.3px}
@media(min-width:1101px){
  .sl-cvr{pointer-events:none}
  .sl-nd:hover>.sl-drop{display:flex}
  .sl-nd:hover>.sl-drop-wide{display:grid}
}
@media(max-width:1100px){
  #siteNav .sl-menu a{width:100%;justify-content:flex-start}
  .sl-cvr{margin-inline-start:auto;font-size:.85rem;padding:.4rem .55rem}
  .sl-drop{position:static;display:none;box-shadow:none;border:none;background:transparent;padding:.1rem .9rem .4rem;min-width:0}
  .sl-drop-wide{min-width:0}
  .sl-nd.open>.sl-drop,.sl-nd.open>.sl-drop-wide{display:flex;flex-direction:column}
  .sl-drop a{padding:.55rem .8rem;font-size:.92rem}
  .sl-dgroup h5{margin:.5rem .9rem .1rem}
}

/* ── HERO ── */
.sl-hero{position:relative;margin:0 0 0;overflow:hidden}
.sl-hero-media{position:relative;height:clamp(360px,52vh,500px);border-radius:0 0 var(--sl-r-lg) var(--sl-r-lg);overflow:hidden}
.sl-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.sl-hero-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,47,41,.42) 0%,rgba(8,47,41,.15) 38%,rgba(8,47,41,.55) 100%)}
.sl-hero-in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.4rem 1.2rem 4rem;color:#fff}
.sl-hero-eyebrow{display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.16);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:.82rem;font-weight:700;padding:.4rem .95rem;border-radius:50px;margin-bottom:1.1rem}
.sl-hero h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;line-height:1.05;letter-spacing:-1px;margin:0 0 .7rem;text-shadow:0 4px 26px rgba(0,0,0,.35)}
.sl-hero p.sl-hero-sub{font-size:clamp(1.05rem,2.2vw,1.4rem);font-weight:500;max-width:640px;margin:0 auto 1.8rem;text-shadow:0 2px 14px rgba(0,0,0,.4);color:rgba(255,255,255,.95)}
.sl-hero-search{display:flex;align-items:center;gap:.5rem;background:#fff;border-radius:50px;padding:.5rem .5rem .5rem 1.3rem;box-shadow:0 20px 50px rgba(0,0,0,.28);max-width:620px;width:100%;margin:0 auto}
.sl-hero-search input{flex:1;border:none;outline:none;background:none;font-family:'Heebo',sans-serif;font-size:1.02rem;color:var(--t-ink);padding:.5rem .4rem}
.sl-hero-search input::placeholder{color:var(--t-muted)}
.sl-hero-search button{display:inline-flex;align-items:center;gap:.4rem;background:var(--mango);color:var(--jungle-dark);border:none;border-radius:50px;padding:.72rem 1.4rem;font-size:.98rem;font-weight:800;font-family:'Heebo',sans-serif;cursor:pointer;transition:background .2s,transform .2s}
.sl-hero-search button:hover{background:var(--mango-deep);transform:translateY(-1px)}
.sl-hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.15rem}
.sl-hero-tags a{background:rgba(255,255,255,.16);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:.86rem;font-weight:600;padding:.42rem 1rem;border-radius:50px;text-decoration:none;transition:background .2s}
.sl-hero-tags a:hover{background:rgba(255,255,255,.3)}

/* ── TRIP FINDER ── */
.sl-finder{max-width:1000px;margin:-3.6rem auto 0;position:relative;z-index:5;background:#fff;border:1px solid var(--t-border);border-radius:var(--sl-r-lg);box-shadow:var(--sl-sh-h);padding:1.6rem 1.8rem}
.sl-finder-hd{text-align:center;margin-bottom:1.2rem}
.sl-finder-hd h2{font-size:1.5rem;font-weight:900;color:var(--jungle);margin:0}
.sl-finder-hd p{font-size:.92rem;color:var(--t-muted);margin:.3rem 0 0}
.sl-finder-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:.8rem;align-items:end}
.sl-field label{display:block;font-size:.78rem;font-weight:700;color:var(--t-muted);margin-bottom:.35rem}
.sl-field .sl-select{display:flex;align-items:center;gap:.5rem;border:1.5px solid var(--t-border);border-radius:14px;padding:.7rem .9rem;background:var(--cream2);cursor:pointer}
.sl-field select{border:none;background:none;outline:none;width:100%;font-family:'Heebo',sans-serif;font-size:.95rem;font-weight:600;color:var(--t-ink);cursor:pointer}
.sl-field .sl-fi{color:var(--lagoon-deep);flex-shrink:0}
.sl-field .sl-fi svg{width:18px;height:18px;display:block}
.sl-finder-btn{background:var(--coral2);color:#fff;border:none;border-radius:14px;padding:.85rem 1.6rem;font-size:1rem;font-weight:800;font-family:'Heebo',sans-serif;cursor:pointer;white-space:nowrap;box-shadow:0 8px 18px rgba(239,115,95,.3);transition:background .2s,transform .2s;text-decoration:none;display:inline-flex;align-items:center;gap:.45rem;justify-content:center;height:100%}
.sl-finder-btn:hover{background:var(--coral-deep);transform:translateY(-2px)}
@media(max-width:760px){.sl-finder-row{grid-template-columns:1fr 1fr}.sl-finder-btn{grid-column:1/-1}}
@media(max-width:460px){.sl-finder-row{grid-template-columns:1fr}}

/* ── SECTION SHELL ── */
.sl-section{padding:clamp(2rem,4vw,3.2rem) 0}
.sl-sec-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.3rem}
.sl-sec-hd-txt .sl-eyebrow{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.4px;color:var(--lagoon-deep);text-transform:none;margin-bottom:.35rem}
.sl-sec-hd-txt h2{font-size:clamp(1.7rem,3.6vw,2.5rem);font-weight:900;color:var(--jungle);letter-spacing:-.6px;margin:0;line-height:1.1}
.sl-sec-hd-txt p{font-size:1rem;color:var(--t-muted);margin:.5rem 0 0;max-width:560px}
.sl-sec-link{flex-shrink:0;color:var(--jungle);font-weight:700;font-size:.92rem;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .95rem;border:1.5px solid var(--t-border);border-radius:50px;transition:background .2s,border-color .2s}
.sl-sec-link:hover{background:var(--jungle);color:#fff;border-color:var(--jungle)}
@media(max-width:640px){.sl-sec-hd{flex-direction:column;align-items:flex-start}}

/* ── "מה מתאים עכשיו" NOW CARDS ── */
.sl-now{background:var(--ivory)}
.sl-now-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.sl-now-card{background:#fff;border:1px solid var(--t-border);border-radius:var(--sl-r);overflow:hidden;box-shadow:var(--sl-sh);display:flex;flex-direction:column;transition:transform .25s var(--sl-ease),box-shadow .25s}
.sl-now-card:hover{transform:translateY(-5px);box-shadow:var(--sl-sh-h)}
.sl-now-img{position:relative;height:160px;overflow:hidden}
.sl-now-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--sl-ease)}
.sl-now-card:hover .sl-now-img img{transform:scale(1.06)}
.sl-wx-badge{position:absolute;top:.8rem;right:.8rem;background:rgba(18,63,53,.9);color:#fff;border-radius:14px;padding:.35rem .7rem;display:flex;align-items:center;gap:.35rem;font-weight:800;font-size:.9rem;backdrop-filter:blur(4px)}
.sl-wx-badge .sl-wx-mo{font-size:.7rem;font-weight:600;opacity:.85}
.sl-now-bd{padding:1.1rem 1.2rem 1.3rem;display:flex;flex-direction:column;flex:1}
.sl-now-bd h3{font-size:1.28rem;font-weight:900;color:var(--jungle);margin:0 0 .3rem}
.sl-now-bd p{font-size:.9rem;color:var(--t-muted);line-height:1.6;margin:0 0 .9rem;flex:1}
.sl-fit{display:flex;align-items:center;gap:.5rem;margin-bottom:.9rem}
.sl-fit-dots{display:flex;gap:3px}
.sl-fit-dots i{width:9px;height:9px;border-radius:50%;background:var(--t-border)}
.sl-fit-dots i.on{background:var(--lagoon)}
.sl-fit-lbl{font-size:.8rem;font-weight:700;color:var(--lagoon-deep)}
.sl-now-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--t-border);padding-top:.85rem}
.sl-now-icons{display:flex;gap:.55rem;color:var(--t-muted);font-size:1rem}
.sl-now-more{color:var(--jungle);font-weight:800;font-size:.88rem;text-decoration:none;display:inline-flex;align-items:center;gap:.3rem}
@media(max-width:900px){.sl-now-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.sl-now-grid{grid-template-columns:1fr}}

/* ── "היעדים שאסור לפספס" MUST-SEE MOSAIC ── */
.sl-musts-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:170px 170px;gap:1rem}
.sl-must{position:relative;border-radius:var(--sl-r);overflow:hidden;text-decoration:none;box-shadow:var(--sl-sh);display:block}
.sl-must img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--sl-ease)}
.sl-must:hover img{transform:scale(1.07)}
.sl-must-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,47,41,0) 30%,rgba(8,47,41,.82) 100%)}
.sl-must-num{position:absolute;top:.9rem;right:.9rem;width:38px;height:38px;border-radius:50%;background:var(--mango);color:var(--jungle-dark);font-weight:900;font-size:1.15rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.25);z-index:2}
.sl-must-bd{position:absolute;right:1.1rem;bottom:1rem;left:1.1rem;z-index:2;color:#fff}
.sl-must-bd h3{font-size:1.5rem;font-weight:900;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.sl-must-bd span{font-size:.85rem;opacity:.92;display:block;margin-top:.15rem}
.sl-must-a{grid-column:1;grid-row:1/3}
.sl-must-b{grid-column:2/4;grid-row:1}
.sl-must-c{grid-column:2/4;grid-row:2}
.sl-must-d{grid-column:4;grid-row:1/3}
@media(max-width:820px){
  .sl-musts-grid{grid-template-columns:1fr 1fr;grid-template-rows:200px 160px 200px}
  .sl-must-a{grid-column:1;grid-row:1/3}.sl-must-b{grid-column:2;grid-row:1}
  .sl-must-c{grid-column:2;grid-row:2}.sl-must-d{grid-column:1/3;grid-row:3}
}
@media(max-width:520px){.sl-musts-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,190px)}.sl-must-a,.sl-must-b,.sl-must-c,.sl-must-d{grid-column:1;grid-row:auto}}

/* ── ROUTES ── */
.sl-routes{background:var(--ivory)}
.sl-routes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.sl-route{background:#fff;border:1px solid var(--t-border);border-radius:20px;overflow:hidden;box-shadow:var(--sl-sh);display:flex;flex-direction:column;transition:transform .3s var(--sl-ease),box-shadow .3s;text-decoration:none;color:inherit}
.sl-route:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(18,63,53,.22)}
.sl-route-feat{border:2px solid var(--mango-deep)}
.sl-route-hero{position:relative;height:200px;background-size:cover;background-position:center;overflow:hidden}
.sl-route-hero-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,47,41,.15) 0%,rgba(8,47,41,.55) 60%,rgba(8,47,41,.85) 100%)}
.sl-route-days{position:absolute;bottom:1rem;right:1.2rem;z-index:2;color:#fff;text-align:right;line-height:.95}
.sl-route-days b{font-size:2.8rem;font-weight:900;line-height:1;display:block;letter-spacing:-1.5px;text-shadow:0 4px 16px rgba(0,0,0,.35)}
.sl-route-days span{font-size:.95rem;opacity:.95;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.sl-route-tag{position:absolute;top:1rem;inset-inline-start:1rem;z-index:2;background:rgba(255,255,255,.94);color:var(--jungle);font-size:.72rem;font-weight:900;padding:.35rem .85rem;border-radius:50px;letter-spacing:.3px;backdrop-filter:blur(6px);box-shadow:0 4px 12px rgba(0,0,0,.18)}
.sl-route-tag-star{background:var(--mango);color:var(--jungle-dark)}
.sl-route-bd{padding:1.2rem 1.4rem 1.4rem;display:flex;flex-direction:column;flex:1}
.sl-route-bd h3{font-size:1.25rem;font-weight:900;color:var(--jungle);margin:0 0 .3rem}
.sl-route-bd .sl-route-sub{font-size:.9rem;color:var(--t-muted);margin:0 0 1rem;line-height:1.55;flex:1}
.sl-route-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}
.sl-chip{background:var(--lagoon-light);color:var(--jungle);font-size:.76rem;font-weight:700;padding:.28rem .65rem;border-radius:50px;display:inline-flex;align-items:center;gap:.3rem}
.sl-route-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--t-border);padding-top:.95rem}
.sl-price{font-weight:900;letter-spacing:1px}
.sl-price b{color:var(--mango-deep)}.sl-price s{color:var(--t-border);text-decoration:none}
.sl-route-link{background:var(--jungle);color:#fff;border-radius:50px;padding:.5rem 1.1rem;font-size:.86rem;font-weight:800;text-decoration:none;transition:background .2s}
.sl-route-link:hover{background:var(--lagoon-deep)}
@media(max-width:860px){.sl-routes-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}}

/* ── MAP SECTION ── */
.sl-map{background:var(--jungle);color:#fff;position:relative;overflow:hidden}
.sl-map::before{content:"";position:absolute;inset:0;background-image:repeating-radial-gradient(circle at 30% 40%,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 1px,transparent 1px,transparent 22px);opacity:.6;pointer-events:none}
.sl-map-in{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:2.2rem;align-items:center}
.sl-map-txt h2{font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:900;letter-spacing:-.6px;margin:0 0 .7rem;color:#fff}
.sl-map-txt p{font-size:1.02rem;color:rgba(255,255,255,.8);line-height:1.7;margin:0 0 1.6rem;max-width:440px}
.sl-map-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:var(--sl-r);padding:1.2rem 1.3rem;backdrop-filter:blur(6px);max-width:360px}
.sl-map-card-hd{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}
.sl-map-card-hd img{width:64px;height:64px;border-radius:14px;object-fit:cover;flex-shrink:0}
.sl-map-card-hd h3{font-size:1.25rem;font-weight:900;margin:0;color:#fff}
.sl-map-card-hd span{font-size:.85rem;color:var(--lagoon)}
.sl-map-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:1.1rem}
.sl-map-stat{text-align:center;background:rgba(255,255,255,.06);border-radius:12px;padding:.6rem .3rem}
.sl-map-stat b{display:block;font-size:1rem;font-weight:900;color:var(--mango)}
.sl-map-stat span{font-size:.72rem;color:rgba(255,255,255,.7)}
.sl-map-card .sl-map-go{display:flex;align-items:center;justify-content:center;gap:.4rem;background:var(--mango);color:var(--jungle-dark);border-radius:50px;padding:.65rem;font-weight:800;text-decoration:none;font-size:.92rem;transition:background .2s}
.sl-map-card .sl-map-go:hover{background:var(--mango-deep)}
.sl-map-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:340px}
.sl-map-fig{position:relative;width:100%;max-width:360px;margin:0 auto}
.sl-map-svg{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 40px rgba(0,0,0,.35))}
.sl-map-island{fill:#1c5346;stroke:var(--lagoon);stroke-width:2}
.sl-map-coast{fill:none;stroke:rgba(33,183,168,.4);stroke-width:9;stroke-linejoin:round}
.sl-mk{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;z-index:2}
.sl-mk-lbl{background:rgba(8,47,41,.85);color:#fff;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:50px;white-space:nowrap;border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 6px rgba(0,0,0,.25)}
.sl-mk-dot{width:12px;height:12px;border-radius:50%;background:var(--mango);border:2px solid #fff;box-shadow:0 2px 7px rgba(0,0,0,.4);transition:transform .2s,background .2s}
.sl-mk-dot.sl-mk-big{width:15px;height:15px}
.sl-mk:hover .sl-mk-dot{background:var(--coral2);transform:scale(1.25)}
.sl-mk:hover .sl-mk-lbl{background:var(--coral2)}
.sl-mk{background:transparent;border:0;padding:0;font:inherit}.sl-mk .sl-mk-lbl{opacity:0;transform:translateY(3px);transition:opacity .22s ease,transform .22s ease,background .22s ease;pointer-events:none}.sl-mk:hover .sl-mk-lbl,.sl-mk.on .sl-mk-lbl,.sl-mk:focus-visible .sl-mk-lbl{opacity:1;transform:translateY(0)}.sl-mk.on .sl-mk-dot{background:var(--coral2);transform:scale(1.5);box-shadow:0 0 0 4px rgba(239,115,95,.32),0 3px 10px rgba(0,0,0,.45)}.sl-mk.on .sl-mk-lbl{background:var(--coral2);border-color:rgba(255,255,255,.35)}.sl-mk-dot::after{content:"";position:absolute;inset:-8px;border-radius:50%;background:transparent}.sl-mk-dot{position:relative}.sl-mk:focus-visible{outline:none}.sl-map-card{transition:opacity .3s ease}.sl-map-card.fading{opacity:.35}@media(max-width:860px){.sl-mk .sl-mk-lbl{opacity:0}.sl-mk.on .sl-mk-lbl{opacity:1}}
.sl-map-zoom{position:absolute;left:.5rem;bottom:.5rem;display:flex;flex-direction:column;gap:.35rem}
.sl-map-zoom button{width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}
.sl-map-zoom button:hover{background:rgba(255,255,255,.2)}
@media(max-width:860px){.sl-map-in{grid-template-columns:1fr}.sl-map-visual{order:-1;min-height:340px}.sl-map-card{max-width:none}}

/* ── EXPERIENCES ── */
.sl-exp-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);gap:1.1rem;overflow-x:auto;padding-bottom:.6rem;scroll-snap-type:x mandatory;scrollbar-width:thin}
.sl-exp-card{position:relative;height:220px;border-radius:var(--sl-r);overflow:hidden;text-decoration:none;scroll-snap-align:start;box-shadow:var(--sl-sh)}
.sl-exp-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--sl-ease)}
.sl-exp-card:hover img{transform:scale(1.07)}
.sl-exp-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,47,41,0) 40%,rgba(8,47,41,.85) 100%)}
.sl-exp-bd{position:absolute;right:1rem;bottom:1rem;left:1rem;color:#fff;z-index:2}
.sl-exp-bd h3{font-size:1.2rem;font-weight:900;margin:0 0 .2rem;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.sl-exp-bd span{font-size:.82rem;opacity:.9}
@media(min-width:1000px){.sl-exp-scroll{grid-auto-columns:1fr;grid-auto-flow:row;grid-template-columns:repeat(5,1fr);overflow:visible}}

/* ── ATTRACTIONS rotator (אטרקציות שאסור לפספס) ── */
.sl-attractions{background:#fff}
.sl-attr-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:1.1rem;overflow-x:auto;padding:.4rem .1rem 1rem;scroll-snap-type:x mandatory;scrollbar-width:thin}
.sl-attr-card{background:#fff;border:1px solid var(--t-border);border-radius:var(--sl-r);overflow:hidden;box-shadow:var(--sl-sh);display:flex;flex-direction:column;text-decoration:none;color:var(--t-ink);scroll-snap-align:start;transition:transform .25s var(--sl-ease),box-shadow .25s}
.sl-attr-card:hover{transform:translateY(-5px);box-shadow:var(--sl-sh-h)}
.sl-attr-img{position:relative;height:170px;overflow:hidden}
.sl-attr-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--sl-ease)}
.sl-attr-card:hover .sl-attr-img img{transform:scale(1.06)}
.sl-attr-badge{position:absolute;top:.7rem;right:.7rem;background:rgba(255,255,255,.94);color:var(--jungle);border-radius:50px;padding:.3rem .7rem;font-weight:800;font-size:.78rem;box-shadow:0 4px 12px rgba(0,0,0,.16);backdrop-filter:blur(4px)}
.sl-attr-bd{padding:1rem 1.15rem 1.15rem;display:flex;flex-direction:column;flex:1}
.sl-attr-bd h3{font-size:1.2rem;font-weight:900;color:var(--jungle);margin:0 0 .35rem}
.sl-attr-bd p{font-size:.88rem;color:var(--t-muted);line-height:1.55;margin:0 0 .85rem;flex:1}
.sl-attr-meta{display:flex;flex-wrap:wrap;gap:.4rem;border-top:1px solid var(--t-border);padding-top:.75rem}
.sl-attr-meta span{background:var(--ivory);color:var(--t-ink);border-radius:50px;padding:.28rem .65rem;font-size:.75rem;font-weight:700}
@media(min-width:1100px){.sl-attr-scroll{grid-auto-columns:1fr;grid-auto-flow:row;grid-template-columns:repeat(3,1fr);overflow:visible}}

/* ── HOTELS boutique grid (מלונות שגנבו לנו את הלב) ── */
.sl-hotels{background:var(--ivory)}
.sl-hotels-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem}
.sl-hotel{background:#fff;border:1px solid var(--t-border);border-radius:var(--sl-r);overflow:hidden;box-shadow:var(--sl-sh);text-decoration:none;color:var(--t-ink);display:grid;grid-template-columns:.9fr 1.1fr;transition:transform .25s var(--sl-ease),box-shadow .25s}
.sl-hotel:hover{transform:translateY(-5px);box-shadow:var(--sl-sh-h)}
.sl-hotel-img{position:relative;overflow:hidden;min-height:220px}
.sl-hotel-img img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--sl-ease)}
.sl-hotel:hover .sl-hotel-img img{transform:scale(1.08)}
.sl-hotel-tier{position:absolute;top:.7rem;right:.7rem;background:var(--jungle);color:#fff;border-radius:50px;padding:.3rem .75rem;font-weight:800;font-size:.75rem;letter-spacing:.2px}
.sl-hotel-bd{padding:1.15rem 1.25rem 1.25rem;display:flex;flex-direction:column}
.sl-hotel-loc{font-size:.78rem;color:var(--lagoon-deep);font-weight:800;margin-bottom:.4rem;letter-spacing:.1px}
.sl-hotel-bd h3{font-size:1.22rem;font-weight:900;color:var(--jungle);margin:0 0 .5rem;letter-spacing:-.2px}
.sl-hotel-bd p{font-size:.88rem;color:var(--t-muted);line-height:1.6;margin:0 0 1rem;flex:1}
.sl-hotel-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--t-border);padding-top:.75rem}
.sl-hotel-price{font-weight:900;color:var(--mango-deep);font-size:.95rem}
.sl-hotel-cta{background:var(--jungle);color:#fff;border-radius:50px;padding:.45rem 1rem;font-size:.82rem;font-weight:800}
@media(max-width:820px){.sl-hotels-grid{grid-template-columns:1fr}.sl-hotel{grid-template-columns:1fr}.sl-hotel-img{min-height:200px}}

/* ── BEACH PICKER (החוף שלכם מחכה) ── */
.sl-beachpicker{background:#fff}
.sl-bp-tabs{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1.3rem}
.sl-bp-tab{background:#fff;border:1.5px solid var(--t-border);color:var(--t-ink);border-radius:50px;padding:.65rem 1.25rem;font-family:'Heebo',sans-serif;font-size:.95rem;font-weight:800;cursor:pointer;transition:all .2s var(--sl-ease);display:inline-flex;align-items:center;gap:.35rem}
.sl-bp-tab:hover{border-color:var(--lagoon);color:var(--lagoon-deep)}
.sl-bp-tab.on{background:var(--jungle);border-color:var(--jungle);color:#fff}
.sl-bp-stage{position:relative;min-height:360px}
.sl-bp-card{display:none;grid-template-columns:1.2fr .8fr;gap:2rem;background:var(--ivory);border-radius:var(--sl-r);overflow:hidden;box-shadow:var(--sl-sh);align-items:stretch;animation:sl-bp-fade .35s var(--sl-ease)}
.sl-bp-card.on{display:grid}
@keyframes sl-bp-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sl-bp-img{position:relative;min-height:340px;overflow:hidden}
.sl-bp-img img{width:100%;height:100%;object-fit:cover}
.sl-bp-bd{padding:1.5rem 1.7rem 1.6rem;display:flex;flex-direction:column;justify-content:center}
.sl-bp-eyebrow{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.4px;color:var(--lagoon-deep);margin-bottom:.4rem}
.sl-bp-bd h3{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:900;color:var(--jungle);letter-spacing:-.5px;margin:0 0 .6rem}
.sl-bp-bd p{font-size:1rem;color:var(--t-muted);line-height:1.7;margin:0 0 1.1rem}
.sl-bp-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.3rem}
.sl-bp-chips span{background:#fff;border:1px solid var(--t-border);color:var(--t-ink);border-radius:50px;padding:.35rem .8rem;font-size:.8rem;font-weight:700}
.sl-bp-cta{align-self:flex-start;background:var(--coral2);color:#fff;border-radius:50px;padding:.75rem 1.4rem;font-size:.95rem;font-weight:800;text-decoration:none;box-shadow:0 8px 20px rgba(255,102,83,.3);transition:transform .2s,box-shadow .2s}
.sl-bp-cta:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(255,102,83,.4)}
@media(max-width:820px){.sl-bp-card{grid-template-columns:1fr}.sl-bp-img{min-height:220px}.sl-bp-bd{padding:1.25rem}}

/* ── TOPICS chip cloud (נושאים נוספים) ── */
.sl-topics{background:#fff}
.sl-topics-grid{display:flex;flex-wrap:wrap;gap:.55rem}
.sl-topics-grid a{display:inline-flex;align-items:center;gap:.45rem;background:var(--ivory);border:1px solid var(--t-border);color:var(--t-ink);padding:.6rem 1.05rem;border-radius:50px;font-weight:700;font-size:.92rem;text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .2s}
.sl-topics-grid a span{font-size:1rem;line-height:1}
.sl-topics-grid a:hover{background:var(--jungle);color:#fff;border-color:var(--jungle);transform:translateY(-1px)}
.sl-topic-kosher{background:#f6ecfa !important;border-color:#e2c8ee !important;color:#6a2b8a !important}
.sl-topic-kosher:hover{background:#8e4aa5 !important;color:#fff !important;border-color:#8e4aa5 !important}

/* ── GUIDES (לפני שאורזים) ── */
.sl-guides{background:var(--ivory)}
.sl-guides-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}
.sl-guide{background:#fff;border:1px solid var(--t-border);border-radius:16px;padding:1.1rem .8rem 1rem;text-align:center;text-decoration:none;color:var(--t-ink);box-shadow:var(--sl-sh);transition:transform .22s var(--sl-ease),box-shadow .22s;display:flex;flex-direction:column;align-items:center}
.sl-guide:hover{transform:translateY(-4px);box-shadow:var(--sl-sh-h)}
.sl-guide-ic{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto .55rem;background:none !important}
.sl-guide-ic img{display:block;width:80px;height:80px;object-fit:contain}
.sl-guide h3{font-size:1rem;font-weight:800;color:var(--jungle);margin:0 0 .15rem}
.sl-guide span{font-size:.78rem;color:var(--t-muted);font-weight:500}
@media(max-width:900px){.sl-guides-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.sl-guides-grid{grid-template-columns:repeat(2,1fr)}}

/* ── COMMUNITY ── */
.sl-comm{position:relative;background:var(--cream2);overflow:hidden}
.sl-comm-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:2.2rem;align-items:center;position:relative;z-index:1}
.sl-comm-txt h2{font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:900;color:var(--jungle);letter-spacing:-.5px;margin:0 0 .3rem;line-height:1.15}
.sl-comm-sub{font-size:1.05rem;font-weight:700;color:var(--lagoon-deep);margin:0 0 .9rem !important}
.sl-comm-txt p{font-size:1rem;color:var(--t-muted);line-height:1.7;margin:0 0 1.5rem;max-width:440px}
.sl-wa{display:inline-flex;align-items:center;gap:.55rem;background:#25d366;color:#fff;border-radius:50px;padding:.85rem 1.6rem;font-size:1rem;font-weight:800;text-decoration:none;box-shadow:0 10px 24px rgba(37,211,102,.32);transition:transform .2s,box-shadow .2s}
.sl-wa:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(37,211,102,.42)}
.sl-polas{position:relative;display:flex;justify-content:center;align-items:center;min-height:280px}
.sl-pola{position:absolute;background:#fff;padding:.55rem .55rem 1.4rem;border-radius:4px;box-shadow:0 14px 34px rgba(18,63,53,.22);width:170px}
.sl-pola img{width:100%;height:130px;object-fit:cover;border-radius:2px;display:block}
.sl-pola-1{transform:rotate(-10deg) translate(-72px,-8px);z-index:1}
.sl-pola-2{transform:rotate(4deg) translate(0,-40px);z-index:2}
.sl-pola-3{transform:rotate(-4deg) translate(72px,32px);z-index:3}
/* botanical leaves — pure CSS SVG data URIs */
.sl-leaf{position:absolute;pointer-events:none;background-repeat:no-repeat;background-size:contain;opacity:.85;z-index:0}
.sl-leaf-tl{top:-20px;right:-20px;width:140px;height:160px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 180'><g fill='%230b564a'><path d='M20 20 Q90 -10 150 40 Q130 90 60 110 Q40 60 20 20 Z'/><path d='M40 60 Q90 50 140 80' stroke='%2314b7a7' stroke-width='2' fill='none'/></g><g fill='%2314b7a7' opacity='.85'><path d='M0 90 Q40 70 90 100 Q60 130 20 130 Q0 110 0 90 Z'/></g></svg>");transform:scaleX(-1)}
.sl-leaf-tr{top:-20px;left:-20px;width:140px;height:160px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 180'><g fill='%230b564a'><path d='M20 20 Q90 -10 150 40 Q130 90 60 110 Q40 60 20 20 Z'/><path d='M40 60 Q90 50 140 80' stroke='%2314b7a7' stroke-width='2' fill='none'/></g><g fill='%2314b7a7' opacity='.85'><path d='M0 90 Q40 70 90 100 Q60 130 20 130 Q0 110 0 90 Z'/></g></svg>")}
.sl-leaf-bl{bottom:-30px;right:-30px;width:180px;height:180px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><g fill='%230f8f83'><path d='M180 40 Q100 20 30 70 Q60 130 130 150 Q170 100 180 40 Z'/></g><g fill='%2314b7a7'><path d='M200 120 Q140 100 80 140 Q120 190 180 180 Q200 160 200 120 Z'/></g><g fill='%230b564a' opacity='.85'><path d='M120 20 Q60 30 20 90 Q80 100 130 70 Q140 40 120 20 Z'/></g></svg>");transform:scaleX(-1) rotate(15deg)}
.sl-leaf-br{bottom:-30px;left:-30px;width:180px;height:180px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><g fill='%230f8f83'><path d='M180 40 Q100 20 30 70 Q60 130 130 150 Q170 100 180 40 Z'/></g><g fill='%2314b7a7'><path d='M200 120 Q140 100 80 140 Q120 190 180 180 Q200 160 200 120 Z'/></g><g fill='%230b564a' opacity='.85'><path d='M120 20 Q60 30 20 90 Q80 100 130 70 Q140 40 120 20 Z'/></g></svg>");transform:rotate(-15deg)}
@media(max-width:820px){.sl-comm-in{grid-template-columns:1fr}.sl-polas{order:-1;min-height:260px;margin-bottom:1rem}.sl-leaf{opacity:.5}}
@media(max-width:420px){.sl-pola{width:140px}.sl-pola-1{transform:rotate(-10deg) translate(-56px,-4px)}.sl-pola-3{transform:rotate(-4deg) translate(56px,26px)}}

/* also apply leaves to Practical Guides section */
.sl-guides{position:relative;overflow:hidden}
.sl-guides>.sl-wrap{position:relative;z-index:1}
.sl-guides .sl-leaf-tl{top:-40px;right:-40px;transform:scaleX(-1) rotate(-8deg)}
.sl-guides .sl-leaf-tr{top:-40px;left:-40px;transform:rotate(8deg)}

/* ── NEWSLETTER + TRUST CARD ── */
.sl-news{background:linear-gradient(135deg,var(--jungle) 0%,var(--jungle-dark) 100%);position:relative;overflow:hidden;padding-bottom:clamp(4rem,7vw,6rem)}
.sl-news-in{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:2.5rem;align-items:center;color:#fff}
.sl-news-art{display:flex;align-items:flex-end;justify-content:center}
.sl-news-art svg{width:100%;max-width:340px;height:auto;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.35);display:block}
.sl-news-txt{text-align:right}
.sl-news-txt h2{font-size:clamp(1.6rem,3.4vw,2.35rem);font-weight:900;letter-spacing:-.5px;margin:0 0 .55rem;color:#fff;line-height:1.15}
.sl-news-txt p{font-size:1.02rem;color:rgba(255,255,255,.82);margin:0 0 1.3rem;max-width:460px}
.sl-news-form{display:flex;gap:.5rem;max-width:480px;background:#fff;padding:.45rem;border-radius:50px;box-shadow:0 16px 40px rgba(0,0,0,.25)}
.sl-news-form input{flex:1;min-width:0;border:none;outline:none;background:none;padding:.6rem 1rem;font-family:'Heebo',sans-serif;font-size:.95rem;color:var(--t-ink)}
.sl-news-form button{background:var(--coral2);color:#fff;border:none;border-radius:50px;padding:.7rem 1.4rem;font-size:.95rem;font-weight:800;font-family:'Heebo',sans-serif;cursor:pointer;transition:background .2s;white-space:nowrap;flex-shrink:0}
.sl-news-form button:hover{background:var(--coral-deep)}
.sl-news-status{font-size:.85rem;margin:.6rem 0 0;min-height:1.2em;color:rgba(255,255,255,.85);font-weight:600;text-align:right}
.sl-trust{position:absolute;bottom:1.4rem;right:1.4rem;background:#fff;color:var(--t-ink);border-radius:16px;padding:.75rem 1rem;display:flex;align-items:center;gap:.7rem;box-shadow:0 18px 34px rgba(0,0,0,.28);max-width:250px;z-index:2}
.sl-trust-ic{width:34px;height:34px;border-radius:50%;background:#e6f6ec;color:#0f8f83;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sl-trust-bd{display:flex;flex-direction:column;gap:1px;line-height:1.25}
.sl-trust-bd b{font-size:.72rem;font-weight:800;color:var(--jungle);letter-spacing:.1px}
.sl-trust-bd time{font-size:.9rem;font-weight:800;color:var(--t-ink)}
.sl-trust-bd span{font-size:.7rem;color:var(--t-muted);font-weight:500}
@media(max-width:820px){.sl-news-in{grid-template-columns:1fr;text-align:center}.sl-news-txt{text-align:center}.sl-news-txt p{margin-inline:auto}.sl-news-form{margin-inline:auto}.sl-news-art svg{max-width:280px}.sl-trust{position:static;margin:1.5rem auto 0;max-width:270px}}
@media(max-width:480px){.sl-news-form{flex-direction:column;border-radius:20px}.sl-news-form button{border-radius:14px}}

/* ── FOOTER ── */
.sl-footer{background:var(--jungle-dark);color:rgba(255,255,255,.62);padding:3.6rem 0 1.8rem}
.sl-footer-top{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:1.7rem;padding-bottom:2.4rem;border-bottom:1px solid rgba(255,255,255,.09)}
.sl-footer-brand .sl-logo-txt{color:#fff}
.sl-footer-brand p{font-size:.9rem;line-height:1.7;margin:.9rem 0 1.1rem;max-width:290px}
.sl-footer-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(33,183,168,.14);border:1px solid rgba(33,183,168,.3);color:var(--lagoon);font-size:.8rem;font-weight:700;padding:.45rem .9rem;border-radius:50px}
.sl-social{display:flex;gap:.6rem;margin-top:1.1rem}
.sl-social a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s}
.sl-social a:hover{background:var(--lagoon-deep)}
.sl-social svg{width:17px;height:17px}
.sl-fcol h4{color:#fff;font-size:.95rem;font-weight:800;margin:0 0 1rem}
.sl-fcol ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}
.sl-fcol a{color:rgba(255,255,255,.66);text-decoration:none;font-size:.87rem;transition:color .2s}
.sl-fcol a:hover{color:var(--lagoon)}
.sl-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:1.5rem;font-size:.8rem}
.sl-footer-bottom nav{display:flex;gap:1.2rem;flex-wrap:wrap}
.sl-footer-bottom a{color:rgba(255,255,255,.6);text-decoration:none}
.sl-footer-bottom a:hover{color:var(--lagoon)}
@media(max-width:860px){.sl-footer-top{grid-template-columns:1fr 1fr}.sl-footer-brand{grid-column:1/-1}}
@media(max-width:520px){.sl-footer-top{grid-template-columns:1fr}.sl-footer-bottom{flex-direction:column;align-items:flex-start}}

/* ── burger + mobile menu wired to existing toggleNav()/.open ── */
#siteNav .nav-toggle{display:none;flex-direction:column;justify-content:space-between;width:44px;height:44px;box-sizing:border-box;background:none;border:none;cursor:pointer;padding:13px 9px;flex-shrink:0}
#siteNav .nav-toggle span{display:block;height:2.6px;width:100%;background:var(--jungle);border-radius:3px;transition:transform .3s var(--sl-ease),opacity .2s}
#siteNav.open .nav-toggle span:nth-child(1){transform:translateY(7.7px) rotate(45deg)}
#siteNav.open .nav-toggle span:nth-child(2){opacity:0}
#siteNav.open .nav-toggle span:nth-child(3){transform:translateY(-7.7px) rotate(-45deg)}
@media(max-width:1100px){
  #siteNav .nav-toggle{display:flex}
  #siteNav .sl-menu{position:absolute;top:100%;right:0;left:0;flex-direction:column;align-items:stretch;background:#fff;border-top:1px solid var(--t-border);box-shadow:0 22px 46px rgba(18,63,53,.13);padding:.5rem;gap:.15rem;display:none;max-height:calc(100dvh - 130px);overflow-y:auto;margin:0}
  #siteNav.open .sl-menu{display:flex}
  #siteNav .sl-menu a{border-radius:12px;padding:.85rem 1rem;font-size:1rem}
  .sl-nav{position:relative;flex-wrap:nowrap}
  .sl-lang{display:none}
}

/* ══════════ CATEGORY PAGES — shared components ══════════ */
.sl-phero{position:relative;overflow:hidden}
.sl-phero-media{position:relative;height:clamp(360px,48vh,486px)}
.sl-phero-media img{width:100%;height:100%;object-fit:cover}
.sl-phero-ov{position:absolute;inset:0;background:linear-gradient(to left,rgba(8,47,41,.72) 0%,rgba(8,47,41,.4) 42%,rgba(8,47,41,.08) 75%,transparent 100%)}
.sl-phero-wrap{position:absolute;inset:0;max-width:1240px;margin:0 auto;padding:0 clamp(1rem,3vw,2rem);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:right;color:#fff}
.sl-phero-eyebrow{display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.15);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:.82rem;font-weight:700;padding:.38rem .9rem;border-radius:50px;margin-bottom:1rem}
.sl-phero h1{font-size:clamp(2.2rem,5vw,3.7rem);font-weight:900;line-height:1.05;letter-spacing:-1px;margin:0 0 .7rem;max-width:640px;text-shadow:0 3px 22px rgba(0,0,0,.4)}
.sl-phero p.sl-phero-sub{font-size:clamp(1.02rem,2vw,1.32rem);font-weight:500;max-width:520px;color:rgba(255,255,255,.94);text-shadow:0 2px 12px rgba(0,0,0,.4);margin:0}
.sl-phero-icons{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.3rem}
.sl-phero-ic{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.14);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:.85rem;font-weight:600;padding:.4rem .9rem;border-radius:50px}
@media(max-width:640px){.sl-phero-ov{background:linear-gradient(to top,rgba(8,47,41,.8),rgba(8,47,41,.3) 60%,rgba(8,47,41,.15))}.sl-phero-wrap{justify-content:flex-end;padding-bottom:2rem}}

.sl-tint{background:var(--ivory)}
.sl-breadcrumb{background:var(--cream2);border-bottom:1px solid var(--t-border)}
.sl-breadcrumb-in{max-width:1240px;margin:0 auto;padding:.7rem clamp(1rem,3vw,2rem);font-size:.82rem;color:var(--t-muted)}
.sl-breadcrumb-in a{color:var(--lagoon-deep);text-decoration:none;font-weight:600}

/* filter pills */
.sl-fbar{display:flex;flex-wrap:wrap;gap:.5rem}
.sl-fpill{display:inline-flex;align-items:center;gap:.4rem;background:#fff;border:1.5px solid var(--t-border);color:var(--t-ink);border-radius:50px;padding:.5rem 1.05rem;font-size:.9rem;font-weight:700;cursor:pointer;transition:border-color .2s,background .2s,color .2s;font-family:'Heebo',sans-serif}
.sl-fpill:hover{border-color:var(--lagoon)}
.sl-fpill.on{background:var(--jungle);color:#fff;border-color:var(--jungle)}
.sl-toggle{display:inline-flex;background:#fff;border:1.5px solid var(--t-border);border-radius:50px;padding:.28rem;gap:.25rem}
.sl-toggle button{border:none;background:none;border-radius:50px;padding:.5rem 1.3rem;font-size:.92rem;font-weight:800;color:var(--t-muted);cursor:pointer;font-family:'Heebo',sans-serif;transition:.2s}
.sl-toggle button.on{background:var(--jungle);color:#fff}

/* destination two-col layout */
.sl-dest-layout{display:grid;grid-template-columns:1fr 340px;gap:1.8rem;align-items:start}
.sl-dest-cards{order:1}
.sl-dest-aside{order:2;position:sticky;top:90px;display:flex;flex-direction:column;gap:1.1rem}
.sl-lmap{background:#fff;border:1px solid var(--t-border);border-radius:var(--sl-r);padding:1rem;box-shadow:var(--sl-sh)}
.sl-lmap .sl-map-fig{max-width:280px}
.sl-lmap .sl-map-island{fill:#d8ecdd;stroke:var(--lagoon-deep);stroke-width:2}
.sl-lmap .sl-map-coast{stroke:rgba(33,183,168,.35);stroke-width:8}
.sl-lmap .sl-map-svg{filter:none}
.sl-lmap .sl-mk-lbl{background:#fff;color:var(--jungle);border:1px solid var(--t-border);box-shadow:var(--sl-sh)}
.sl-lmap .sl-mk-dot{background:var(--mango)}
.sl-fbar-col{gap:.5rem}
.sl-dest-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem}
.sl-dcard{background:#fff;border:1px solid var(--t-border);border-radius:var(--sl-r);overflow:hidden;box-shadow:var(--sl-sh);text-decoration:none;display:flex;flex-direction:column;transition:transform .22s var(--sl-ease),box-shadow .22s}
.sl-dcard:hover{transform:translateY(-4px);box-shadow:var(--sl-sh-h)}
.sl-dcard-img{position:relative;height:150px;overflow:hidden}
.sl-dcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--sl-ease)}
.sl-dcard:hover .sl-dcard-img img{transform:scale(1.06)}
.sl-dcard-flag{position:absolute;top:.6rem;right:.6rem;width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;font-size:1.05rem}
.sl-dcard-bd{padding:.9rem 1rem 1.05rem}
.sl-dcard-bd h3{font-size:1.12rem;font-weight:900;color:var(--jungle);margin:0 0 .2rem}
.sl-dcard-bd p{font-size:.85rem;color:var(--t-muted);line-height:1.5;margin:0 0 .5rem}
.sl-dcard-link{font-size:.83rem;font-weight:800;color:var(--lagoon-deep)}
.sl-dcard.sl-hide{display:none}
@media(max-width:900px){.sl-dest-layout{grid-template-columns:1fr}.sl-dest-aside{position:static;flex-direction:column}.sl-lmap .sl-map-fig{max-width:260px}.sl-fbar-col{flex-direction:row}}
@media(max-width:520px){.sl-dest-cards{grid-template-columns:1fr}}

/* "מתאים לכם" fit cards */
.sl-fitcards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}
.sl-fitcard{background:#fff;border:1px solid var(--t-border);border-radius:18px;padding:1.4rem 1.2rem;text-align:center;box-shadow:var(--sl-sh);text-decoration:none;transition:transform .22s var(--sl-ease),box-shadow .22s}
.sl-fitcard:hover{transform:translateY(-4px);box-shadow:var(--sl-sh-h)}
.sl-fitcard-ic{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.55rem;margin:0 auto .8rem;background:var(--tint,var(--lagoon-light))}
.sl-fitcard h3{font-size:1.05rem;font-weight:800;color:var(--jungle);margin:0 0 .3rem}
.sl-fitcard p{font-size:.85rem;color:var(--t-muted);line-height:1.55;margin:0}
@media(max-width:820px){.sl-fitcards{grid-template-columns:1fr 1fr}}

/* two-column: table + guide card */
.sl-two{display:grid;grid-template-columns:1.15fr .85fr;gap:1.6rem;align-items:start}
@media(max-width:860px){.sl-two,.sl-two[style]{grid-template-columns:1fr !important}}
.sl-panel{background:#fff;border:1px solid var(--t-border);border-radius:var(--sl-r);box-shadow:var(--sl-sh);overflow:hidden}
.sl-panel-hd{padding:1.1rem 1.3rem;border-bottom:1px solid var(--t-border)}
.sl-panel-hd h3{font-size:1.2rem;font-weight:900;color:var(--jungle);margin:0}
.sl-panel-hd p{font-size:.85rem;color:var(--t-muted);margin:.2rem 0 0}
.sl-ttable{width:100%;border-collapse:collapse;font-size:.88rem}
.sl-ttable th,.sl-ttable td{padding:.7rem 1rem;text-align:right;border-bottom:1px solid var(--t-border)}
.sl-ttable thead th{background:var(--ivory);font-weight:800;color:var(--jungle);font-size:.82rem}
.sl-ttable tbody tr:last-child td{border-bottom:none}
.sl-ttable td.sl-time{font-weight:800;color:var(--lagoon-deep);white-space:nowrap}
.sl-ttable .sl-route-cell{font-weight:700;color:var(--t-ink)}
.sl-guidecard{position:relative;border-radius:var(--sl-r);overflow:hidden;min-height:340px;display:flex;align-items:flex-end;box-shadow:var(--sl-sh);text-decoration:none}
.sl-guidecard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sl-guidecard-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,47,41,0) 30%,rgba(8,47,41,.88) 100%)}
.sl-guidecard-bd{position:relative;z-index:2;padding:1.6rem;color:#fff}
.sl-guidecard-bd h3{font-size:1.5rem;font-weight:900;margin:0 0 .4rem;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.sl-guidecard-bd p{font-size:.92rem;color:rgba(255,255,255,.9);margin:0 0 1rem;max-width:340px}
.sl-guidecard-cta{display:inline-flex;align-items:center;gap:.4rem;background:var(--mango);color:var(--jungle-dark);border-radius:50px;padding:.6rem 1.3rem;font-weight:800;font-size:.9rem}

/* ══════════ beaches ══════════ */
.sl-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.8rem;margin-bottom:1.8rem}
.sl-bmeter{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.9rem}
.sl-bmeter-row{display:flex;align-items:center;gap:.5rem;font-size:.8rem}
.sl-bmeter-row span:first-child{width:64px;color:var(--t-muted);font-weight:600;flex-shrink:0}
.sl-bmeter-bar{flex:1;height:7px;border-radius:50px;background:var(--t-border);overflow:hidden}
.sl-bmeter-bar i{display:block;height:100%;border-radius:50px;background:linear-gradient(90deg,var(--lagoon),var(--lagoon-deep))}
.sl-bmeter-bar.mango i{background:linear-gradient(90deg,var(--mango),var(--mango-deep))}
.sl-bmeter-bar.coral i{background:linear-gradient(90deg,var(--coral2),var(--coral-deep))}
.sl-beach-coast{position:absolute;top:.8rem;left:.8rem;background:rgba(255,255,255,.92);color:var(--jungle);border-radius:50px;padding:.25rem .7rem;font-size:.75rem;font-weight:800}

/* comparison dots */
.sl-cmp{width:100%;border-collapse:collapse;font-size:.86rem}
.sl-cmp th,.sl-cmp td{padding:.7rem .6rem;text-align:center;border-bottom:1px solid var(--t-border)}
.sl-cmp thead th{background:var(--jungle);color:#fff;font-weight:800;font-size:.82rem}
.sl-cmp thead th:first-child,.sl-cmp tbody th{text-align:right}
.sl-cmp tbody th{font-weight:800;color:var(--jungle);background:var(--ivory)}
.sl-dots{display:inline-flex;gap:3px}
.sl-dots i{width:8px;height:8px;border-radius:50%;background:var(--t-border)}
.sl-dots i.on{background:var(--lagoon)}

/* sunset banner */
.sl-sunset{position:relative;border-radius:var(--sl-r-lg);overflow:hidden;min-height:220px;display:flex;align-items:center;background:linear-gradient(90deg,#e0553f,#f6b943)}
.sl-sunset img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.sl-sunset-bd{position:relative;z-index:2;padding:2.4rem;color:#fff;max-width:560px}
.sl-sunset-bd h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:900;margin:0 0 .5rem;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.sl-sunset-bd p{font-size:1rem;margin:0 0 1.2rem;color:rgba(255,255,255,.95)}
.sl-btn-mango{display:inline-flex;align-items:center;gap:.4rem;background:var(--mango);color:var(--jungle-dark);border-radius:50px;padding:.7rem 1.5rem;font-weight:800;text-decoration:none;font-size:.95rem;border:none;cursor:pointer;font-family:'Heebo',sans-serif}
.sl-btn-mango:hover{background:var(--mango-deep)}

/* ══════════ surf ══════════ */
.sl-surf-top{display:grid;grid-template-columns:.9fr 2fr;gap:1.3rem;align-items:start}
.sl-forecast{background:var(--jungle);color:#fff;border-radius:var(--sl-r);padding:1.4rem;position:relative;overflow:hidden}
.sl-forecast::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 15%,rgba(33,183,168,.4),transparent 55%)}
.sl-forecast-hd{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.sl-forecast-hd h3{font-size:1.2rem;font-weight:900;margin:0;color:#fff}
.sl-forecast-hd span{font-size:.78rem;color:var(--lagoon)}
.sl-forecast-big{position:relative;z-index:1;font-size:2.6rem;font-weight:900;line-height:1;margin:.2rem 0 .1rem;color:#fff}
.sl-forecast-big small{font-size:.9rem;font-weight:600;color:rgba(255,255,255,.7)}
.sl-forecast-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1.1rem}
.sl-forecast-cell{background:rgba(255,255,255,.08);border-radius:12px;padding:.6rem .8rem}
.sl-forecast-cell b{display:block;font-size:.95rem;color:#fff}
.sl-forecast-cell span{font-size:.72rem;color:rgba(255,255,255,.7)}
.sl-spot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
@media(max-width:900px){.sl-surf-top{grid-template-columns:1fr}}
@media(max-width:560px){.sl-spot-grid{grid-template-columns:1fr}}
.sl-spot{background:#fff;border:1px solid var(--t-border);border-radius:var(--sl-r);overflow:hidden;box-shadow:var(--sl-sh);display:flex;flex-direction:column;text-decoration:none;transition:transform .22s var(--sl-ease),box-shadow .22s}
.sl-spot:hover{transform:translateY(-4px);box-shadow:var(--sl-sh-h)}
.sl-spot-img{position:relative;height:130px;overflow:hidden}
.sl-spot-img img{width:100%;height:100%;object-fit:cover}
.sl-spot-lvl{position:absolute;top:.6rem;right:.6rem;background:var(--lagoon-deep);color:#fff;border-radius:50px;padding:.2rem .65rem;font-size:.72rem;font-weight:800}
.sl-spot-bd{padding:.9rem 1rem 1rem;flex:1;display:flex;flex-direction:column}
.sl-spot-bd h3{font-size:1.1rem;font-weight:900;color:var(--jungle);margin:0 0 .15rem}
.sl-spot-brk{font-size:.8rem;color:var(--t-muted);margin:0 0 .6rem}
.sl-spot-meta{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:auto}
.sl-spot-meta span{background:var(--lagoon-light);color:var(--jungle);font-size:.72rem;font-weight:700;padding:.22rem .55rem;border-radius:50px}

/* safety / info row (reuse guides) */
.sl-cta-band{background:var(--lagoon-deep);border-radius:var(--sl-r-lg);padding:2.2rem;text-align:center;color:#fff;position:relative;overflow:hidden}
.sl-cta-band h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:900;margin:0 0 .5rem}
.sl-cta-band p{margin:0 0 1.3rem;color:rgba(255,255,255,.9)}

/* ══════════ safari ══════════ */
.sl-safaribar{background:var(--jungle);border-radius:var(--sl-r);padding:1.1rem 1.3rem;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:.8rem;align-items:end;box-shadow:var(--sl-sh)}
.sl-safaribar .sl-field label{color:rgba(255,255,255,.8)}
.sl-safaribar .sl-select{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
.sl-safaribar select{color:#fff;background:transparent}
.sl-safaribar select option{color:#000}
.sl-safaribar .sl-fi{color:var(--mango)}
@media(max-width:760px){.sl-safaribar{grid-template-columns:1fr 1fr}.sl-safaribar .sl-finder-btn{grid-column:1/-1}}
.sl-heat{width:100%;border-collapse:collapse;font-size:.78rem}
.sl-heat th,.sl-heat td{padding:.4rem;text-align:center;border:2px solid #fff}
.sl-heat thead th{background:var(--ivory);color:var(--jungle);font-weight:800}
.sl-heat tbody th{text-align:right;background:var(--ivory);color:var(--jungle);font-weight:800;white-space:nowrap;padding-right:.7rem}
.sl-heat td{border-radius:4px;color:transparent}
.sl-h3{background:#1c8a5a}.sl-h2{background:var(--mango)}.sl-h1{background:#eae4d5}
.sl-heat-legend{display:flex;gap:1rem;margin-top:.9rem;font-size:.8rem;color:var(--t-muted);flex-wrap:wrap}
.sl-heat-legend span{display:inline-flex;align-items:center;gap:.35rem}
.sl-heat-legend i{width:14px;height:14px;border-radius:4px;display:inline-block}

/* ══════════ routes ══════════ */
.sl-builder{background:#fff;border:1px solid var(--t-border);border-radius:var(--sl-r-lg);box-shadow:var(--sl-sh-h);padding:1.5rem 1.7rem;max-width:1000px;margin:-3.4rem auto 0;position:relative;z-index:5}
.sl-builder-row{display:grid;gap:1.1rem}
.sl-builder h3{font-size:1.35rem;font-weight:900;color:var(--jungle);text-align:center;margin:0 0 .3rem}
.sl-builder-lbl{font-size:.8rem;font-weight:800;color:var(--t-muted);margin-bottom:.5rem;display:block}
.sl-tl-wrap{overflow-x:auto;padding-bottom:.6rem}
.sl-tl{display:flex;align-items:flex-start;gap:0;min-width:640px}
.sl-tl-step{flex:1;text-align:center;position:relative;padding-top:2.6rem}
.sl-tl-step::before{content:"";position:absolute;top:16px;right:-50%;width:100%;height:3px;background:var(--t-border);z-index:0}
.sl-tl-step:first-child::before{display:none}
.sl-tl-num{position:absolute;top:0;right:50%;transform:translateX(50%);width:34px;height:34px;border-radius:50%;background:var(--mango);color:var(--jungle-dark);font-weight:900;display:flex;align-items:center;justify-content:center;z-index:1;box-shadow:0 3px 8px rgba(0,0,0,.15)}
.sl-tl-step h3,.sl-tl-step h4{font-size:.9rem;font-weight:800;color:var(--jungle);margin:.2rem 0 .1rem}
.sl-tl-step span{font-size:.75rem;color:var(--t-muted)}
.sl-rcards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
@media(max-width:860px){.sl-rcards{grid-template-columns:1fr}}
.sl-rcard{background:#fff;border:1px solid var(--t-border);border-radius:var(--sl-r);padding:1.4rem;box-shadow:var(--sl-sh);display:flex;flex-direction:column}
.sl-rcard.feat{border-color:var(--mango);box-shadow:0 0 0 2px var(--mango),var(--sl-sh)}
.sl-rcard-badge{align-self:flex-start;background:var(--mango);color:var(--jungle-dark);font-size:.72rem;font-weight:900;padding:.2rem .7rem;border-radius:50px;margin-bottom:.7rem}
.sl-rcard h3{font-size:1.3rem;font-weight:900;color:var(--jungle);margin:0 0 .2rem}
.sl-rcard .sl-rcard-days{font-size:.85rem;color:var(--lagoon-deep);font-weight:800;margin-bottom:.8rem}
.sl-rcard ul{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.5rem;flex:1}
.sl-rcard li{font-size:.86rem;color:var(--t-ink);display:flex;gap:.5rem;align-items:flex-start}
.sl-rcard li::before{content:"✓";color:var(--lagoon-deep);font-weight:900}
.sl-rcard-price{font-size:.9rem;color:var(--t-muted);margin-bottom:.9rem}
.sl-rcard-price b{color:var(--jungle);font-size:1.15rem;font-weight:900}
.sl-rcard-stops{display:flex;flex-direction:column;gap:.3rem;padding:.7rem .85rem;background:var(--ivory);border-radius:12px;margin-bottom:1rem}
.sl-rcard-stops-lbl{font-size:.72rem;font-weight:800;color:var(--lagoon-deep);letter-spacing:.2px}
.sl-rcard-stops-val{font-size:.86rem;color:var(--t-ink);font-weight:700;line-height:1.5}

/* ── ITINERARY PAGE — day-by-day cards ── */
.sl-days-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:1rem}
.sl-day-card{background:#fff;border:1px solid var(--t-border);border-radius:18px;padding:1.15rem 1.15rem 1rem;box-shadow:var(--sl-sh);position:relative;transition:transform .2s,box-shadow .2s}
.sl-day-card:hover{transform:translateY(-3px);box-shadow:var(--sl-sh-h)}
.sl-day-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}
.sl-day-num{background:var(--jungle);color:#fff;font-size:.72rem;font-weight:900;padding:.28rem .7rem;border-radius:50px;letter-spacing:.3px}
.sl-day-loc{font-size:.78rem;font-weight:700;color:var(--lagoon-deep)}
.sl-day-icon{font-size:2rem;margin:.35rem 0 .45rem;line-height:1}
.sl-day-card h4{font-size:1.05rem;font-weight:900;color:var(--jungle);margin:0 0 .35rem;line-height:1.3}
.sl-day-card p{font-size:.85rem;color:var(--t-muted);margin:0 0 .8rem;line-height:1.55}
.sl-day-meta{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.65rem;border-top:1px dashed var(--t-border);font-size:.75rem;color:var(--t-muted)}
.sl-day-meta span{display:inline-flex;align-items:center;gap:.25rem;font-weight:600}
.sl-day-note{margin-top:1.5rem;padding:1rem 1.2rem;background:var(--lagoon-light);border-inline-start:4px solid var(--lagoon-deep);border-radius:12px;font-size:.9rem;color:var(--jungle);font-weight:600}

/* ── DURATION CARDS ── */
.sl-dur-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;margin-top:1rem}
@media(max-width:1050px){.sl-dur-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.sl-dur-grid{grid-template-columns:1fr}}
.sl-dur-card{background:#fff;border:2px solid var(--t-border);border-radius:20px;padding:1.6rem 1.35rem;position:relative;text-align:center;transition:all .2s}
.sl-dur-card:hover{border-color:var(--lagoon);transform:translateY(-4px);box-shadow:var(--sl-sh-h)}
.sl-dur-feat{border-color:var(--mango-deep);background:linear-gradient(180deg,#fff9ec 0%,#fff 100%);transform:scale(1.03)}
.sl-dur-feat:hover{border-color:var(--mango-deep);transform:scale(1.03) translateY(-4px)}
.sl-dur-badge{display:inline-block;background:var(--lagoon-light);color:var(--jungle);font-size:.68rem;font-weight:900;padding:.32rem .8rem;border-radius:50px;letter-spacing:.5px;margin-bottom:.6rem}
.sl-dur-feat .sl-dur-badge{background:var(--mango);color:var(--jungle-dark)}
.sl-dur-num{font-size:3.5rem;font-weight:900;color:var(--jungle);line-height:1;letter-spacing:-2px}
.sl-dur-lbl{font-size:.85rem;color:var(--t-muted);font-weight:700;margin-bottom:.6rem;display:block}
.sl-dur-card h3{font-size:1.15rem;font-weight:900;color:var(--jungle);margin:.4rem 0 .4rem}
.sl-dur-card>p{font-size:.85rem;color:var(--t-muted);margin:0 0 1rem;line-height:1.55;min-height:4.2em}
.sl-dur-list{list-style:none;padding:0;margin:0 0 1rem;text-align:start;font-size:.85rem;color:var(--t-ink);line-height:1.9;font-weight:600}
.sl-dur-foot{font-size:.78rem;color:var(--t-muted);padding-top:.9rem;border-top:1px dashed var(--t-border);line-height:1.5;font-style:italic}

/* ── STYLE ROUTES ── */
.sl-style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:1.2rem;margin-top:1rem}
.sl-style-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--sl-sh);text-decoration:none;transition:transform .3s,box-shadow .3s;display:block;color:inherit}
.sl-style-card:hover{transform:translateY(-5px);box-shadow:var(--sl-sh-h)}
.sl-style-img{position:relative;height:170px;overflow:hidden}
.sl-style-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.sl-style-card:hover .sl-style-img img{transform:scale(1.06)}
.sl-style-tag{position:absolute;top:.9rem;right:.9rem;background:var(--jungle);color:#fff;font-size:.72rem;font-weight:900;padding:.32rem .8rem;border-radius:50px;letter-spacing:.3px}
.sl-style-bd{padding:1.2rem 1.25rem 1.35rem}
.sl-style-bd h3{font-size:1.2rem;font-weight:900;color:var(--jungle);margin:0 0 .5rem}
.sl-style-bd>p{font-size:.9rem;color:var(--t-muted);margin:0 0 .85rem;line-height:1.55}
.sl-style-highlights{font-size:.82rem;color:var(--jungle);font-weight:700;line-height:1.7;padding:.65rem .8rem;background:var(--ivory);border-radius:10px;margin-bottom:1rem}
.sl-style-foot{display:flex;justify-content:space-between;align-items:center;padding-top:.7rem;border-top:1px dashed var(--t-border);font-size:.83rem;color:var(--t-muted);font-weight:700}
.sl-style-more{color:var(--coral2);font-weight:900}

/* ── BUDGET CARDS ── */
.sl-bud-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:1rem}
@media(max-width:900px){.sl-bud-grid{grid-template-columns:1fr}}
.sl-bud-card{background:#fff;border:2px solid var(--t-border);border-radius:22px;padding:1.6rem 1.5rem;position:relative;transition:all .2s}
.sl-bud-card:hover{transform:translateY(-4px);box-shadow:var(--sl-sh-h)}
.sl-bud-feat{border-color:var(--mango-deep);background:linear-gradient(180deg,#fff9ec 0%,#fff 60%);transform:scale(1.02)}
.sl-bud-badge{display:inline-block;font-size:.72rem;font-weight:900;padding:.4rem 1rem;border-radius:50px;letter-spacing:.3px;margin-bottom:.9rem}
.sl-bud-price{display:flex;align-items:baseline;gap:.15rem;color:var(--jungle);font-weight:900;line-height:1}
.sl-bud-cur{font-size:1.5rem}
.sl-bud-num{font-size:2.8rem;letter-spacing:-1.5px}
.sl-bud-per{font-size:1rem;color:var(--t-muted);margin-inline-start:.3rem;font-weight:700}
.sl-bud-total{font-size:.85rem;color:var(--t-muted);font-weight:700;margin:.4rem 0 1.2rem;padding-bottom:1rem;border-bottom:1px dashed var(--t-border)}
.sl-bud-list{list-style:none;padding:0;margin:0 0 1.1rem}
.sl-bud-list li{display:flex;justify-content:space-between;align-items:center;padding:.55rem 0;font-size:.87rem;color:var(--t-ink);border-bottom:1px solid #f2ede1;font-weight:600}
.sl-bud-list li:last-child{border-bottom:none}
.sl-bud-list li>span:last-child{color:var(--jungle);font-weight:900;font-family:'Heebo',sans-serif}
.sl-bud-tip{font-size:.82rem;color:var(--jungle);background:var(--lagoon-light);padding:.7rem .9rem;border-radius:10px;line-height:1.5;font-weight:600}
.sl-bud-note{margin-top:1.4rem;text-align:center;font-size:.87rem;color:var(--t-muted);font-weight:600}
.sl-bud-note a{color:var(--coral2);font-weight:900;text-decoration:none}

/* ── TRAIN FEATURE ── */
.sl-train-feat{background:linear-gradient(180deg,var(--lagoon-light) 0%,#fff 100%)}
.sl-train-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:2.5rem;align-items:center;background:#fff;border-radius:24px;padding:2rem;box-shadow:var(--sl-sh-h);overflow:hidden}
@media(max-width:900px){.sl-train-hero{grid-template-columns:1fr;padding:1.4rem}}
.sl-train-media{border-radius:16px;overflow:hidden;height:100%;min-height:340px}
.sl-train-media img{width:100%;height:100%;object-fit:cover}
.sl-train-bd h2{font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:900;color:var(--jungle);margin:.5rem 0 1rem;line-height:1.2}
.sl-train-lead{font-size:1rem;color:var(--t-ink);line-height:1.7;margin:0 0 1.4rem;font-weight:500}
.sl-train-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem;margin-bottom:1.5rem}
.sl-train-fact{background:var(--ivory);padding:.9rem 1rem;border-radius:12px;display:flex;flex-direction:column;gap:.2rem}
.sl-train-fact>span:first-child{font-size:1.35rem}
.sl-train-fact b{font-size:1rem;color:var(--jungle);font-weight:900}
.sl-train-fact>span:last-child{font-size:.78rem;color:var(--t-muted);font-weight:600;line-height:1.4}

/* ── COMMON MISTAKES ── */
.sl-mistake-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.1rem;margin-top:1rem}
.sl-mistake-card{background:#fff;border:1px solid var(--t-border);border-radius:16px;padding:1.4rem 1.3rem 1.2rem;position:relative;transition:transform .2s,box-shadow .2s}
.sl-mistake-card:hover{transform:translateY(-3px);box-shadow:var(--sl-sh-h)}
.sl-mistake-num{position:absolute;top:-14px;inset-inline-end:16px;background:var(--coral2);color:#fff;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.95rem;box-shadow:0 6px 14px rgba(239,115,95,.34)}
.sl-mistake-card h4{font-size:1rem;font-weight:900;color:var(--jungle);margin:0 0 .55rem;display:flex;align-items:center;gap:.5rem;line-height:1.35}
.sl-mistake-card h4>span{font-size:1.25rem}
.sl-mistake-card p{font-size:.86rem;color:var(--t-muted);line-height:1.65;margin:0}

/* ── COMBO ROUTES ── */
.sl-combo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:1rem}
@media(max-width:900px){.sl-combo-grid{grid-template-columns:1fr}}
.sl-combo-card{background:#fff;border:2px solid var(--t-border);border-radius:20px;padding:1.5rem 1.4rem 1.4rem;transition:all .2s;position:relative}
.sl-combo-card:hover{transform:translateY(-4px);box-shadow:var(--sl-sh-h);border-color:var(--lagoon)}
.sl-combo-feat{border-color:var(--jungle);background:linear-gradient(180deg,var(--lagoon-light) 0%,#fff 40%)}
.sl-combo-flag{font-size:1.8rem;margin-bottom:.4rem;letter-spacing:2px}
.sl-combo-card h3{font-size:1.2rem;font-weight:900;color:var(--jungle);margin:0 0 .3rem}
.sl-combo-days{font-size:.85rem;color:var(--lagoon-deep);font-weight:800;margin-bottom:.7rem}
.sl-combo-card>p{font-size:.88rem;color:var(--t-muted);line-height:1.6;margin:0 0 1rem}
.sl-combo-costs{display:flex;justify-content:space-between;padding:.65rem .8rem;background:var(--ivory);border-radius:10px;font-size:.8rem;font-weight:800;color:var(--jungle);margin-bottom:.9rem}

/* ── ITINERARY FAQ ── */
.sl-faq-list{max-width:900px;margin:1rem auto 0;display:flex;flex-direction:column;gap:.65rem}
.sl-faq-item{background:#fff;border:1px solid var(--t-border);border-radius:14px;overflow:hidden;transition:box-shadow .2s}
.sl-faq-item[open]{box-shadow:var(--sl-sh)}
.sl-faq-item summary{cursor:pointer;padding:1.05rem 1.3rem;font-size:.98rem;font-weight:800;color:var(--jungle);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.sl-faq-item summary::-webkit-details-marker{display:none}
.sl-faq-item summary::after{content:'+';font-size:1.6rem;color:var(--lagoon-deep);font-weight:700;transition:transform .2s;line-height:1}
.sl-faq-item[open] summary::after{transform:rotate(45deg)}
.sl-faq-answer{padding:0 1.3rem 1.15rem;font-size:.92rem;color:var(--t-muted);line-height:1.75}

/* ── AFFILIATE BANNERS (CJ Booking.com) ── */
.sl-affbanner{margin:2rem auto;text-align:center;max-width:100%;position:relative}
.sl-affbanner img{max-width:100%;height:auto;border-radius:10px;box-shadow:0 6px 20px rgba(18,63,53,.10);display:block;margin:0 auto}
.sl-affbanner-lbl{font-size:.7rem;color:var(--t-muted);opacity:.7;margin-bottom:.4rem;letter-spacing:.3px;text-transform:uppercase}
.sl-affbanner.sl-affbanner-sticky{position:sticky;top:100px;margin-top:0}
.sl-affbanner.sl-affbanner-inline{margin:1.5rem auto;max-width:660px}
.sl-affbanner.sl-affbanner-hero{margin:1rem auto 2rem;max-width:970px}
@media(max-width:768px){.sl-affbanner{margin:1.5rem auto}.sl-affbanner img{max-width:100%}}

.sl-affcta{background:linear-gradient(135deg,var(--lagoon-light) 0%,#fff 100%);border:2px solid var(--lagoon);border-radius:20px;padding:1.6rem 1.5rem;margin:2rem 0;text-align:center;box-shadow:0 8px 26px rgba(20,183,167,.13)}
.sl-affcta-jungle{background:linear-gradient(135deg,var(--jungle) 0%,var(--lagoon-deep) 100%);border-color:var(--jungle);color:#fff}
.sl-affcta-jungle h3,.sl-affcta-jungle p{color:#fff}
.sl-affcta-coral{background:linear-gradient(135deg,#fff2ee 0%,#fff 100%);border-color:var(--coral2)}
.sl-affcta-mango{background:linear-gradient(135deg,#fff9ec 0%,#fff 100%);border-color:var(--mango-deep)}
.sl-affcta-lbl{font-size:.72rem;font-weight:900;color:var(--lagoon-deep);letter-spacing:.5px;margin-bottom:.6rem;display:inline-block;padding:.28rem .8rem;background:rgba(255,255,255,.7);border-radius:50px}
.sl-affcta-jungle .sl-affcta-lbl{color:#fff;background:rgba(255,255,255,.18)}
.sl-affcta h3{font-size:1.35rem;font-weight:900;color:var(--jungle);margin:.6rem 0 .5rem;line-height:1.3}
.sl-affcta p{font-size:.95rem;color:var(--t-muted);margin:0 0 1.1rem;line-height:1.6}
.sl-affcta-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--coral2);color:#fff;border-radius:50px;padding:.85rem 1.7rem;font-weight:900;font-size:1rem;text-decoration:none;box-shadow:0 8px 20px rgba(239,115,95,.35);transition:transform .2s,box-shadow .2s;font-family:'Heebo',sans-serif}
.sl-affcta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(239,115,95,.45);background:var(--coral-deep)}
.sl-affcta-jungle .sl-affcta-btn{background:var(--mango);color:var(--jungle-dark);box-shadow:0 8px 20px rgba(255,189,60,.4)}
.sl-affcta-jungle .sl-affcta-btn:hover{background:var(--mango-deep);box-shadow:0 12px 28px rgba(255,189,60,.5)}
.sl-affcta-note{font-size:.7rem;color:var(--t-muted);opacity:.7;margin-top:.9rem;font-style:italic}
.sl-affcta-jungle .sl-affcta-note{color:rgba(255,255,255,.65)}

.sl-affsearch{display:flex;align-items:center;gap:.9rem;background:#fff;border:1.5px solid var(--t-border);border-radius:14px;padding:1rem 1.15rem;margin:1.5rem 0;box-shadow:var(--sl-sh);transition:box-shadow .2s,border-color .2s}
.sl-affsearch:hover{border-color:var(--lagoon);box-shadow:var(--sl-sh-h)}
.sl-affsearch-icon{font-size:1.9rem;flex-shrink:0}
.sl-affsearch-bd{flex:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}
.sl-affsearch-bd strong{font-size:1rem;font-weight:900;color:var(--jungle);line-height:1.2}
.sl-affsearch-bd span{font-size:.8rem;color:var(--t-muted);line-height:1.4}
.sl-affsearch-btn{background:var(--jungle);color:#fff;border-radius:50px;padding:.6rem 1.1rem;font-weight:800;font-size:.9rem;text-decoration:none;flex-shrink:0;transition:background .2s}
.sl-affsearch-btn:hover{background:var(--jungle-dark)}
@media(max-width:520px){.sl-affsearch{flex-wrap:wrap}.sl-affsearch-btn{width:100%;text-align:center}}

.sl-affooter{display:inline-flex;align-items:center;gap:.6rem;font-size:.78rem;color:rgba(255,255,255,.55);margin-top:1rem}
.sl-affooter img{opacity:.75;transition:opacity .2s}
.sl-affooter a:hover img{opacity:1}

.sl-actions-row{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}
.sl-abtn{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1.5px solid var(--t-border);border-radius:50px;padding:.7rem 1.4rem;font-weight:800;color:var(--jungle);text-decoration:none;font-size:.92rem;cursor:pointer;font-family:'Heebo',sans-serif}
.sl-abtn:hover{border-color:var(--lagoon);background:var(--lagoon-light)}
.sl-abtn.pri{background:var(--mango);border-color:var(--mango);color:var(--jungle-dark)}
.sl-lodge-row{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
@media(max-width:900px){.sl-lodge-row{grid-template-columns:repeat(2,1fr)}}
.sl-lodge{background:#fff;border:1px solid var(--t-border);border-radius:16px;overflow:hidden;box-shadow:var(--sl-sh);text-decoration:none}
.sl-lodge img{width:100%;height:96px;object-fit:cover}
.sl-lodge-bd{padding:.7rem .8rem}
.sl-lodge-bd h4{font-size:.9rem;font-weight:800;color:var(--jungle);margin:0}
.sl-lodge-bd span{font-size:.76rem;color:var(--t-muted)}
.sl-lodge-bd b{display:block;font-size:.82rem;color:var(--lagoon-deep);margin-top:.2rem}

/* ══════════ accommodation ══════════ */
.sl-hsearch{background:#fff;border-radius:var(--sl-r-lg);box-shadow:var(--sl-sh-h);padding:1.1rem;display:grid;grid-template-columns:2fr 1.3fr 1fr 1fr auto;gap:.7rem;align-items:end;max-width:1040px;margin:-2.8rem auto 0;position:relative;z-index:5}
@media(max-width:820px){.sl-hsearch{grid-template-columns:1fr 1fr}.sl-hsearch .sl-finder-btn{grid-column:1/-1}}
.sl-hotel{background:#fff;border:1px solid var(--t-border);border-radius:var(--sl-r);overflow:hidden;box-shadow:var(--sl-sh);display:flex;flex-direction:column;transition:transform .22s var(--sl-ease),box-shadow .22s}
.sl-hotel:hover{transform:translateY(-4px);box-shadow:var(--sl-sh-h)}
.sl-hotel-img{position:relative;height:175px;overflow:hidden}
.sl-hotel-img img{width:100%;height:100%;object-fit:cover}
.sl-hotel-badge{position:absolute;top:.7rem;right:.7rem;background:var(--jungle);color:#fff;font-size:.72rem;font-weight:800;padding:.25rem .7rem;border-radius:50px}
.sl-hotel-fav{position:absolute;top:.6rem;left:.6rem;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.9);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;color:var(--coral2)}
.sl-hotel-fav.on{background:var(--coral2);color:#fff}
.sl-hotel-bd{padding:1rem 1.1rem 1.15rem;display:flex;flex-direction:column;flex:1}
.sl-hotel-bd h3{font-size:1.1rem;font-weight:900;color:var(--jungle);margin:0 0 .1rem}
.sl-hotel-loc{font-size:.82rem;color:var(--t-muted);margin:0 0 .6rem}
.sl-hotel-rate{display:flex;align-items:center;gap:.4rem;margin-bottom:.7rem}
.sl-hotel-rate b{background:var(--lagoon-deep);color:#fff;border-radius:8px;padding:.15rem .5rem;font-size:.82rem;font-weight:800}
.sl-hotel-rate span{font-size:.78rem;color:var(--t-muted)}
.sl-hotel-amen{display:flex;gap:.55rem;font-size:.95rem;color:var(--t-muted);margin-bottom:.8rem}
.sl-hotel-foot{display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid var(--t-border);padding-top:.75rem;margin-top:auto}
.sl-hotel-price b{font-size:1.15rem;font-weight:900;color:var(--jungle)}
.sl-hotel-price span{font-size:.75rem;color:var(--t-muted)}
.sl-hotel-cta{background:var(--jungle);color:#fff;border-radius:50px;padding:.45rem 1rem;font-size:.82rem;font-weight:800;text-decoration:none}

/* ══════════ kosher ══════════ */
.sl-qa{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;max-width:1040px;margin:-2.6rem auto 0;position:relative;z-index:5}
@media(max-width:820px){.sl-qa{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.sl-qa{grid-template-columns:repeat(2,1fr)}}
.sl-qacard{background:#fff;border:1px solid var(--t-border);border-radius:18px;padding:1.3rem 1rem;text-align:center;box-shadow:var(--sl-sh);text-decoration:none;transition:transform .2s var(--sl-ease),box-shadow .2s}
.sl-qacard:hover{transform:translateY(-4px);box-shadow:var(--sl-sh-h)}
.sl-qacard-ic{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto .6rem;background:var(--lagoon-light);color:var(--jungle)}
.sl-qacard h3{font-size:.95rem;font-weight:800;color:var(--jungle);margin:0 0 .15rem}
.sl-qacard span{font-size:.76rem;color:var(--t-muted)}
.sl-citycards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
@media(max-width:820px){.sl-citycards{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.sl-citycards{grid-template-columns:1fr}}
.sl-citycard{background:#fff;border:1px solid var(--t-border);border-radius:16px;overflow:hidden;box-shadow:var(--sl-sh)}
.sl-citycard img{width:100%;height:120px;object-fit:cover}
.sl-citycard-bd{padding:.8rem .9rem}
.sl-citycard-bd h3,.sl-citycard-bd h4{font-size:1rem;font-weight:800;color:var(--jungle);margin:0 0 .2rem}
.sl-citycard-bd p{font-size:.8rem;color:var(--t-muted);line-height:1.5;margin:0}
.sl-disclaimer{background:var(--mango-100,#fff1c9);border:1px solid var(--mango);border-radius:14px;padding:.9rem 1.1rem;font-size:.85rem;color:#7a5a10;display:flex;gap:.6rem;align-items:flex-start;margin-top:1.2rem}
.sl-eat-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
@media(max-width:720px){.sl-eat-cards{grid-template-columns:1fr}}
.sl-eat{background:#fff;border:1px solid var(--t-border);border-radius:var(--sl-r);padding:1.3rem;box-shadow:var(--sl-sh)}
.sl-eat h3{font-size:1.1rem;font-weight:900;color:var(--jungle);margin:0 0 .8rem;display:flex;align-items:center;gap:.5rem}
.sl-eat ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.sl-eat li{font-size:.88rem;color:var(--t-ink);display:flex;gap:.5rem;align-items:flex-start}
.sl-eat li::before{content:"•";color:var(--plum);font-weight:900}
.sl-kosher .sl-qacard-ic{background:var(--plum-100,#f2e5f6);color:var(--plum)}
.sl-shabbat{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;align-items:start}
@media(max-width:760px){.sl-shabbat{grid-template-columns:1fr}}
.sl-cta2{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
@media(max-width:640px){.sl-cta2{grid-template-columns:1fr}}
.sl-cta2 a{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid var(--t-border);border-radius:var(--sl-r);padding:1.3rem 1.4rem;text-decoration:none;box-shadow:var(--sl-sh);transition:transform .2s var(--sl-ease),box-shadow .2s}
.sl-cta2 a:hover{transform:translateY(-3px);box-shadow:var(--sl-sh-h)}
.sl-cta2-ic{width:52px;height:52px;border-radius:14px;background:var(--lagoon-light);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}
.sl-cta2-bd h3{font-size:1.05rem;font-weight:800;color:var(--jungle);margin:0 0 .2rem}
.sl-cta2-bd p{font-size:.82rem;color:var(--t-muted);margin:0}

/* ── DRIVERS HERO on homepage (bold, stand-out block) ── */
.sl-drivers-hero{padding-block:1.5rem 2.5rem}
.sl-drivers-card{display:grid;grid-template-columns:1.4fr .6fr;gap:0;background:linear-gradient(135deg,var(--jungle) 0%,var(--lagoon-deep) 55%,var(--jungle-dark) 100%);border-radius:24px;overflow:hidden;text-decoration:none;box-shadow:0 20px 44px rgba(18,63,53,.28);position:relative;transition:transform .3s,box-shadow .3s}
.sl-drivers-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(255,189,60,.16),transparent 55%),radial-gradient(circle at 85% 80%,rgba(255,102,83,.14),transparent 55%);pointer-events:none}
.sl-drivers-card:hover{transform:translateY(-4px);box-shadow:0 28px 60px rgba(18,63,53,.4)}
.sl-drivers-bd{padding:2.2rem 2.4rem;color:#fff;position:relative;z-index:1}
.sl-drivers-badge{display:inline-block;background:var(--mango);color:var(--jungle-dark);font-size:.78rem;font-weight:900;padding:.4rem 1rem;border-radius:50px;letter-spacing:.3px;margin-bottom:1rem;box-shadow:0 4px 12px rgba(255,189,60,.35)}
.sl-drivers-bd h2{font-size:clamp(1.5rem,3vw,2.15rem);font-weight:900;color:#fff;margin:0 0 .8rem;line-height:1.15;letter-spacing:-.5px}
.sl-drivers-bd p{font-size:1rem;color:rgba(255,255,255,.9);line-height:1.65;margin:0 0 1.4rem;max-width:640px}
.sl-drivers-tags{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1.6rem}
.sl-drivers-tags span{background:rgba(255,255,255,.14);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:.85rem;font-weight:700;padding:.42rem .9rem;border-radius:50px}
.sl-drivers-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--coral2);color:#fff;padding:.9rem 1.7rem;border-radius:50px;font-weight:900;font-size:1rem;box-shadow:0 8px 20px rgba(239,115,95,.4);transition:transform .2s,background .2s;font-family:'Heebo',sans-serif}
.sl-drivers-card:hover .sl-drivers-btn{background:var(--coral-deep);transform:translateX(-3px)}
.sl-drivers-img{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02));display:flex;align-items:center;justify-content:center;min-height:280px}
.sl-drivers-icon{font-size:9rem;opacity:.85;filter:drop-shadow(0 8px 24px rgba(0,0,0,.4));animation:sl-driver-float 5s ease-in-out infinite}
@keyframes sl-driver-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}
@media(max-width:860px){
  .sl-drivers-card{grid-template-columns:1fr}
  .sl-drivers-img{min-height:150px;order:-1}
  .sl-drivers-icon{font-size:5rem}
  .sl-drivers-bd{padding:1.6rem 1.5rem}
  .sl-drivers-bd h2{font-size:1.5rem}
  .sl-drivers-bd p{font-size:.92rem}
  .sl-drivers-btn{width:100%;justify-content:center}
}

/* ══════════════ MOBILE SAFETY NET ══════════════
   Defensive rules that override inline grid-template-columns
   using !important so no page ends up with unreadable
   narrow-column layouts on phones.
*/
@media(max-width:860px){
  /* Any sl-two forced to stack, even with inline grid-template-columns */
  .sl-two,.sl-two[style]{grid-template-columns:1fr !important;gap:1.2rem !important}
  .sl-two .sl-lmap{max-width:420px;margin:0 auto}
}
@media(max-width:720px){
  /* Force 3+ column grids to 2 cols */
  [style*="grid-template-columns:repeat(4"],
  [style*="grid-template-columns:repeat(5"],
  [style*="grid-template-columns:repeat(3"]{grid-template-columns:repeat(2,1fr) !important}
  /* Any inline fixed-width column becomes 1fr */
  [style*="grid-template-columns:300px"],
  [style*="grid-template-columns:320px"],
  [style*="grid-template-columns:1fr 320px"],
  [style*="grid-template-columns:1fr 300px"]{grid-template-columns:1fr !important}
  /* Wrap sec headings if the "see all" link on the right doesn't fit */
  .sl-sec-hd{flex-wrap:wrap;gap:.6rem}
  /* Big rich-tile grids stack to 2 cols */
  .sl-now-grid[style*="grid-template-columns"]{grid-template-columns:1fr 1fr !important}
  .sl-lodge-row[style*="grid-template-columns"]{grid-template-columns:repeat(2,1fr) !important}
}
@media(max-width:520px){
  /* Very narrow phones — collapse all multi-col grids to single column */
  [style*="grid-template-columns:repeat"]{grid-template-columns:1fr !important}
  .sl-now-grid[style*="grid-template-columns"],
  .sl-lodge-row[style*="grid-template-columns"]{grid-template-columns:1fr !important}
  /* Hotel/beach/rich card grids single col */
  .sl-hotels-grid,.sl-dur-grid,.sl-bud-grid,.sl-combo-grid,.sl-mistake-grid,
  .sl-days-grid,.sl-style-grid,.sl-topics-grid,.sl-hotelpick-grid,
  .sl-attractions-grid,.beach-info-grid,.info-grid{grid-template-columns:1fr !important;gap:.9rem !important}
  /* Section headers */
  .sl-sec-hd h2{font-size:1.4rem !important;line-height:1.3}
  .sl-sec-hd .sl-eyebrow{font-size:.7rem}
  /* Reduce heavy paddings that push content off-screen */
  .sl-section{padding-block:2rem}
  .sl-wrap{padding-inline:.9rem}
  /* Prevent horizontal overflow on any image */
  img{max-width:100%;height:auto}
  /* Tables become scrollable */
  .cmp-table-wrap,.sl-panel[style*="overflow-x"]{overflow-x:auto;-webkit-overflow-scrolling:touch}
  table{min-width:480px}
  /* Reduce h1 */
  .sl-hero h1,.sl-phero-wrap h1,.page-title{font-size:clamp(1.6rem,7vw,2.4rem) !important}
  /* Kill horizontal scroll caused by wide elements */
  body{overflow-x:hidden}
}

/* ══════════ LUXURY MAGAZINE LAYOUT ══════════ */
:root{--lx-gold:#C9A24A;--lx-gold-deep:#A6832F;--lx-ink:#141311;--lx-cream:#F7F4EE;--lx-forest:#1F3629}
.lx-page{font-family:var(--font-body,inherit)}
.lx-hero{position:relative;height:88vh;min-height:640px;max-height:840px;overflow:hidden;color:#f7f4ee;margin-top:-1px}
.lx-hero-bg{position:absolute;inset:0;z-index:1}
.lx-hero-bg img{width:100%;height:100%;object-fit:cover}
.lx-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,26,38,.15) 0%,rgba(6,26,38,.55) 55%,rgba(6,26,38,.88) 100%);z-index:2}
.lx-hero-inner{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;padding:0 4.5rem 5.5rem;max-width:1400px;margin:0 auto}
.lx-hero-caplabel{font-size:.72rem;letter-spacing:.32em;font-weight:700;color:var(--lx-gold);text-transform:uppercase;margin-bottom:1.4rem}
.lx-hero h1{font-family:var(--font-serif);font-weight:400;font-size:clamp(2.4rem,6.5vw,5.4rem);line-height:1.02;letter-spacing:-.02em;margin:0 0 1.6rem;max-width:20ch;text-wrap:balance;text-shadow:0 4px 40px rgba(0,0,0,.5)}
.lx-hero-sub{font-size:1.05rem;line-height:1.7;max-width:56ch;color:rgba(247,244,238,.9);margin:0;font-weight:400}
.lx-hero-stats{display:flex;gap:3.5rem;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(247,244,238,.22)}
.lx-hero-stat strong{font-family:var(--font-serif);font-size:2.4rem;font-weight:400;display:block;color:var(--lx-gold);line-height:1;letter-spacing:-.02em}
.lx-hero-stat span{display:block;font-size:.68rem;color:rgba(247,244,238,.78);letter-spacing:.24em;text-transform:uppercase;margin-top:.55rem;font-weight:700}
@media(max-width:820px){.lx-hero{height:82vh;min-height:520px}.lx-hero-inner{padding:0 1.5rem 3rem}.lx-hero-stats{gap:1.5rem;flex-wrap:wrap}.lx-hero-stat strong{font-size:1.6rem}}

.lx-container{max-width:940px;margin:0 auto;padding:0 2rem}
.lx-container-wide{max-width:1200px;margin:0 auto;padding:0 2rem}
@media(max-width:768px){.lx-container,.lx-container-wide{padding:0 1.25rem}}

.lx-section{padding:5rem 0}
.lx-section-tight{padding:3.5rem 0}
@media(max-width:768px){.lx-section{padding:3rem 0}.lx-section-tight{padding:2rem 0}}

.lx-lede{padding:5rem 0 3rem;max-width:820px;margin:0 auto}
.lx-lede-p{font-family:var(--font-serif);font-size:clamp(1.25rem,2.2vw,1.65rem);line-height:1.55;color:var(--lx-ink);font-weight:400;letter-spacing:-.01em;margin:0}
.lx-lede-p::first-letter{font-family:var(--font-serif);font-size:4.8em;line-height:.85;float:right;margin:.05em .05em 0 .3em;color:var(--lx-forest);font-weight:500}

.lx-caplabel{font-size:.7rem;letter-spacing:.28em;font-weight:700;color:var(--lx-gold-deep);text-transform:uppercase;margin-bottom:1rem;display:block}

.lx-h2{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.95rem,3.6vw,2.85rem);line-height:1.14;color:var(--lx-ink);letter-spacing:-.02em;margin:0 0 1.75rem;max-width:22ch;text-wrap:balance}
.lx-h2-white{color:var(--lx-cream)}

.lx-numsec{display:flex;align-items:baseline;gap:1.3rem;margin-bottom:2rem;padding-bottom:1.1rem;border-bottom:1px solid rgba(20,19,17,.13)}
.lx-numsec-num{font-family:var(--font-serif);font-size:2.6rem;color:var(--lx-gold-deep);font-weight:400;line-height:.9;font-style:italic;letter-spacing:-.02em}
.lx-numsec-label{font-size:.72rem;letter-spacing:.28em;font-weight:800;color:rgba(20,19,17,.55);text-transform:uppercase}

.lx-body{color:var(--lx-ink);font-size:1.03rem;line-height:1.82;max-width:66ch}
.lx-body p{margin:0 0 1.3rem}
.lx-body p:last-child{margin-bottom:0}
.lx-body strong{color:var(--lx-forest);font-weight:700}
.lx-body ul{padding:1rem 0 0;margin:0;list-style:none}
.lx-body ul li{padding:.65rem 0;border-bottom:1px solid rgba(20,19,17,.09);font-size:.95rem;line-height:1.7}
.lx-body ul li:last-child{border-bottom:none}
.lx-body ul li strong{display:block;margin-bottom:.15rem;font-size:.98rem}

.lx-pullquote{margin:3rem auto;padding:2.2rem 0;border-top:1px solid rgba(20,19,17,.12);border-bottom:1px solid rgba(20,19,17,.12);text-align:center;max-width:820px}
.lx-pullquote p{font-family:var(--font-serif);font-size:clamp(1.3rem,2.3vw,1.75rem);line-height:1.4;color:var(--lx-forest);font-style:italic;font-weight:400;max-width:26em;margin:0 auto;letter-spacing:-.01em}
.lx-pullquote cite{display:block;font-style:normal;font-size:.7rem;letter-spacing:.24em;color:rgba(20,19,17,.5);margin-top:1.35rem;font-weight:700;text-transform:uppercase}

.lx-divider{display:flex;align-items:center;justify-content:center;gap:.9rem;margin:3.5rem auto;max-width:380px}
.lx-divider::before,.lx-divider::after{content:"";flex:1;height:1px;background:rgba(20,19,17,.16)}
.lx-divider-dot{width:6px;height:6px;background:var(--lx-gold);border-radius:50%}

.lx-spread{display:grid;grid-template-columns:1fr 1fr;gap:3.75rem;align-items:center;padding:4.5rem 0}
.lx-spread-img{position:relative;height:560px;border-radius:2px;overflow:hidden;box-shadow:0 30px 80px -30px rgba(20,19,17,.4)}
.lx-spread-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.16,.84,.44,1)}
.lx-spread-img:hover img{transform:scale(1.05)}
.lx-spread.reverse .lx-spread-img{order:2}
@media(max-width:820px){.lx-spread{grid-template-columns:1fr;gap:2rem;padding:2.5rem 0}.lx-spread.reverse .lx-spread-img{order:0}.lx-spread-img{height:340px}}

.lx-tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(20,19,17,.13);border:1px solid rgba(20,19,17,.13);border-radius:3px;overflow:hidden;margin:2.75rem 0}
.lx-tier{background:#fff;padding:2.2rem 1.6rem;display:flex;flex-direction:column}
.lx-tier-price{font-family:var(--font-serif);font-size:1.65rem;color:var(--lx-forest);font-weight:400;margin-bottom:.6rem;line-height:1;letter-spacing:-.01em}
.lx-tier-name{font-size:.68rem;letter-spacing:.24em;font-weight:800;color:rgba(20,19,17,.55);text-transform:uppercase;margin-bottom:1.4rem}
.lx-tier-list{list-style:none;padding:0;margin:0;font-size:.85rem;color:var(--lx-ink);line-height:1.7}
.lx-tier-list li{padding:.5rem 0;border-bottom:1px dashed rgba(20,19,17,.09);display:flex;gap:.6rem;align-items:baseline}
.lx-tier-list li:last-child{border-bottom:none}
.lx-tier-list li::before{content:"—";color:var(--lx-gold-deep);font-weight:700;flex-shrink:0}
@media(max-width:820px){.lx-tier-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.lx-tier-grid{grid-template-columns:1fr}}

.lx-qa-list{display:flex;flex-direction:column;gap:0;border-top:1px solid rgba(20,19,17,.14);margin-top:2rem}
.lx-qa{padding:1.85rem 0;border-bottom:1px solid rgba(20,19,17,.11);display:grid;grid-template-columns:auto 1fr;gap:1.35rem;align-items:baseline}
.lx-qa-num{font-family:var(--font-serif);font-size:1.1rem;color:var(--lx-gold-deep);font-weight:400;font-style:italic;line-height:1;min-width:2.4em;text-align:left;letter-spacing:-.02em}
.lx-qa-q{font-family:var(--font-serif);font-size:1.15rem;line-height:1.4;color:var(--lx-ink);font-weight:500;margin:0 0 .75rem;letter-spacing:-.01em}
.lx-qa-a{font-size:.92rem;color:rgba(20,19,17,.72);line-height:1.75;margin:0;max-width:64ch}
.lx-qa-a strong{color:var(--lx-forest);font-weight:700}

.lx-narrative{background:linear-gradient(135deg,#141311 0%,#1F3629 100%);color:var(--lx-cream);padding:6rem 0;position:relative;overflow:hidden;margin:5rem 0}
.lx-narrative::before{content:"";position:absolute;inset:0;background-image:url('/Luxurious_5_star_hotel_with_infinity_poo_1779867793314.jpg');background-size:cover;background-position:center;opacity:.14}
.lx-narrative-inner{position:relative;z-index:2;max-width:760px;margin:0 auto;padding:0 2rem}
.lx-narrative .lx-caplabel{color:var(--lx-gold)}
.lx-narrative h2{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3.1rem);color:var(--lx-cream);font-weight:400;line-height:1.15;letter-spacing:-.02em;margin:0 0 2rem;text-wrap:balance;max-width:22ch}
.lx-narrative p{font-size:1rem;line-height:1.85;color:rgba(247,244,238,.88);margin:0 0 1.35rem;max-width:60ch}
.lx-narrative p:first-of-type::first-letter{font-family:var(--font-serif);font-size:4.2em;line-height:.85;float:right;margin:.05em .1em 0 .3em;color:var(--lx-gold);font-weight:400}
.lx-narrative-attr{font-size:.7rem;letter-spacing:.24em;color:var(--lx-gold);text-transform:uppercase;font-weight:700;margin-top:2.2rem;padding-top:1.6rem;border-top:1px solid rgba(201,162,74,.3)}

.lx-brand-row{display:grid;grid-template-columns:auto 1fr auto;gap:1.75rem;padding:2rem 0;border-bottom:1px solid rgba(20,19,17,.13);align-items:center}
.lx-brand-mark{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,#1F3629,#141311);color:var(--lx-cream);display:flex;align-items:center;justify-content:center;font-size:1.55rem;flex-shrink:0;box-shadow:0 4px 14px rgba(20,19,17,.15)}
.lx-brand-info{min-width:0}
.lx-brand-name{font-family:var(--font-serif);font-size:1.4rem;font-weight:500;color:var(--lx-ink);margin:0 0 .4rem;letter-spacing:-.01em}
.lx-brand-desc{font-size:.9rem;color:rgba(20,19,17,.68);line-height:1.65;margin:0;max-width:56ch}
.lx-brand-price{font-family:var(--font-serif);font-size:1.1rem;color:var(--lx-forest);font-weight:500;text-align:left;white-space:nowrap}
@media(max-width:640px){.lx-brand-row{grid-template-columns:1fr;gap:1rem}.lx-brand-price{text-align:right;margin-right:auto}}

.lx-cta{display:inline-flex;align-items:center;gap:.7rem;padding:1rem 2.4rem;background:var(--lx-ink);color:var(--lx-cream);text-decoration:none;font-size:.75rem;letter-spacing:.24em;font-weight:700;text-transform:uppercase;border-radius:2px;transition:all .35s ease;border:1px solid var(--lx-ink)}
.lx-cta:hover{background:transparent;color:var(--lx-ink)}

.lx-winners-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(20,19,17,.11);border:1px solid rgba(20,19,17,.11);margin:2.5rem 0}
.lx-winner{background:#fff;border:none;padding:2.2rem 1.85rem;position:relative;transition:transform .4s ease,background .4s;display:flex;flex-direction:column;min-height:280px}
.lx-winner:hover{background:#FAFAF7}
.lx-winner-num{position:absolute;top:1.1rem;left:1.35rem;font-family:var(--font-serif);font-size:1.55rem;color:var(--lx-gold-deep);font-style:italic;font-weight:400;line-height:1;letter-spacing:-.02em}
.lx-winner-cat{font-size:.68rem;letter-spacing:.24em;font-weight:800;color:rgba(20,19,17,.55);text-transform:uppercase;margin-bottom:.85rem;padding-left:2.5rem}
.lx-winner-name{font-family:var(--font-serif);font-size:1.45rem;font-weight:500;color:var(--lx-ink);margin:0 0 .95rem;letter-spacing:-.01em;line-height:1.24}
.lx-winner-desc{font-size:.9rem;color:rgba(20,19,17,.68);line-height:1.72;margin:0 0 1.5rem;flex:1}
.lx-winner-foot{display:flex;justify-content:space-between;align-items:center;padding-top:1.3rem;border-top:1px solid rgba(20,19,17,.13)}
.lx-winner-price{font-family:var(--font-serif);font-size:1.1rem;color:var(--lx-forest);font-weight:500;letter-spacing:-.01em}
.lx-winner-cta{font-size:.7rem;letter-spacing:.2em;font-weight:800;color:var(--lx-ink);text-transform:uppercase;text-decoration:none;padding-bottom:2px;border-bottom:1px solid var(--lx-ink);transition:all .3s}
.lx-winner-cta:hover{color:var(--lx-gold-deep);border-color:var(--lx-gold-deep)}
@media(max-width:820px){.lx-winners-grid{grid-template-columns:1fr}}

.lx-trick{padding:1.9rem 0;border-bottom:1px solid rgba(20,19,17,.12);display:grid;grid-template-columns:auto 1fr auto;gap:1.75rem;align-items:baseline}
.lx-trick-num{font-family:var(--font-serif);font-size:1.75rem;color:var(--lx-gold-deep);font-weight:400;font-style:italic;line-height:1;min-width:1.6em;letter-spacing:-.02em}
.lx-trick-body h3{font-family:var(--font-serif);font-size:1.2rem;font-weight:500;color:var(--lx-ink);margin:0 0 .55rem;letter-spacing:-.01em}
.lx-trick-body p{font-size:.9rem;color:rgba(20,19,17,.7);line-height:1.7;margin:0;max-width:58ch}
.lx-trick-saving{background:rgba(31,54,41,.09);color:var(--lx-forest);font-size:.7rem;font-weight:800;padding:.4rem .9rem;border-radius:2px;letter-spacing:.1em;white-space:nowrap;text-transform:uppercase}
@media(max-width:640px){.lx-trick{grid-template-columns:auto 1fr;gap:1rem}.lx-trick-saving{grid-column:1 / -1;justify-self:start;margin-top:.65rem}}

.lx-note{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;padding:1.7rem 0;border-bottom:1px solid rgba(20,19,17,.11);align-items:start}
.lx-note-ico{font-size:1.9rem;line-height:1;margin-top:.15rem}
.lx-note-title{font-family:var(--font-serif);font-size:1.15rem;font-weight:500;color:var(--lx-ink);margin:0 0 .55rem;letter-spacing:-.01em;line-height:1.35}
.lx-note-text{font-size:.9rem;color:rgba(20,19,17,.68);line-height:1.72;margin:0;max-width:60ch}

.lx-season-row,.lx-board-row{display:grid;grid-template-columns:auto 1fr auto;gap:1.2rem;padding:1.15rem 0;border-bottom:1px solid rgba(20,19,17,.1);align-items:center}
.lx-season-icon,.lx-board-code{font-family:var(--font-serif);font-size:1.05rem;color:var(--lx-forest);font-weight:500;min-width:6em;letter-spacing:-.01em}
.lx-board-code{background:var(--lx-forest);color:var(--lx-cream);padding:.4rem .8rem;font-size:.72rem;letter-spacing:.14em;font-weight:800;border-radius:2px;text-align:center;min-width:0;text-transform:uppercase}
.lx-season-label,.lx-board-label{font-size:.75rem;color:rgba(20,19,17,.55);letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin-bottom:.25rem}
.lx-season-note,.lx-board-note{font-size:.86rem;color:rgba(20,19,17,.72);line-height:1.6;margin:0}
.lx-season-delta,.lx-board-price{font-family:var(--font-serif);font-size:.98rem;color:var(--lx-gold-deep);font-weight:500;text-align:left;white-space:nowrap}

.lx-cta-bar{background:linear-gradient(135deg,#F7F4EE 0%,#FAF7F0 100%);border:1px solid rgba(20,19,17,.12);padding:2.5rem 2rem;text-align:center;margin:4rem 0;border-radius:3px}
.lx-cta-bar h3{font-family:var(--font-serif);font-size:1.65rem;font-weight:500;color:var(--lx-ink);margin:0 0 .8rem;letter-spacing:-.01em}
.lx-cta-bar p{font-size:.95rem;color:rgba(20,19,17,.7);line-height:1.7;margin:0 0 1.6rem;max-width:52ch;margin-left:auto;margin-right:auto}

/* ══ Driver hero — UGC luxe (upgraded) ══ */
/* Namespaced .drvh- : .drv- belongs to the driver cards on the hub page. */
.drvh-hero{padding:1rem 0 1.5rem}
.drvh-hero .sl-wrap{max-width:1180px;margin:0 auto;padding:0 1rem}
.drvh-card{display:block;position:relative;overflow:hidden;border-radius:20px;text-decoration:none;color:#f7f4ee;min-height:0;box-shadow:0 18px 40px -18px rgba(10,45,66,.4),0 6px 18px -10px rgba(10,45,66,.22);isolation:isolate;transition:transform .35s ease,box-shadow .35s ease}
.drvh-card:hover{transform:translateY(-4px);box-shadow:0 32px 80px -24px rgba(10,45,66,.52)}
.drvh-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.6s cubic-bezier(.16,.84,.44,1)}
.drvh-card:hover .drvh-bg{transform:scale(1.04)}
.drvh-overlay{position:absolute;inset:0;background:linear-gradient(102deg,rgba(6,26,38,.88) 0%,rgba(6,26,38,.7) 42%,rgba(6,26,38,.38) 70%,rgba(6,26,38,.2) 100%);z-index:-1}
.drvh-content{padding:1.9rem 2.1rem 1.9rem;max-width:640px;position:relative;z-index:1}
.drvh-badge{display:inline-flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,#FFBD3C,#E6A83C);color:#1B1917;font-size:.72rem;font-weight:900;padding:.38rem .95rem;border-radius:50px;letter-spacing:.3px;margin-bottom:.85rem;box-shadow:0 4px 14px rgba(230,168,60,.32),inset 0 1px 0 rgba(255,255,255,.35)}
.drvh-h{font-family:var(--font-serif);font-size:clamp(1.4rem,2.6vw,2rem);font-weight:500;color:#f7f4ee;margin:0 0 .7rem;line-height:1.1;letter-spacing:-.02em;text-shadow:0 2px 20px rgba(0,0,0,.42);max-width:22ch;text-wrap:balance}
.drvh-h em{color:#E6A83C;font-style:italic;font-weight:500}
.drvh-sub{font-size:.9rem;line-height:1.6;color:rgba(247,244,238,.92);margin:0 0 1.1rem;max-width:56ch;text-shadow:0 1px 12px rgba(0,0,0,.42)}
.drvh-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem}
.drvh-tags span{background:rgba(255,255,255,.11);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.22);color:#f7f4ee;font-size:.74rem;font-weight:700;padding:.38rem .85rem;border-radius:50px;letter-spacing:.01em}
.drvh-cta-row{display:flex;flex-wrap:wrap;gap:1.1rem;align-items:center}
.drvh-btn{display:inline-flex;align-items:center;gap:.5rem;background:#E6A83C;color:#1B1917;padding:.75rem 1.5rem;border-radius:50px;font-weight:900;font-size:.86rem;box-shadow:0 6px 18px rgba(230,168,60,.38),inset 0 1px 0 rgba(255,255,255,.4);transition:transform .25s ease,box-shadow .25s ease;letter-spacing:-.01em}
.drvh-card:hover .drvh-btn{transform:translateX(-4px);box-shadow:0 12px 32px rgba(230,168,60,.5)}
.drvh-mini-stats{display:flex;gap:1.15rem;padding-right:1.1rem;border-right:1px solid rgba(247,244,238,.28)}
.drvh-stat strong{font-family:var(--font-serif);font-size:1.05rem;color:#E6A83C;font-weight:500;display:block;line-height:1;letter-spacing:-.01em}
.drvh-stat span{display:block;font-size:.6rem;color:rgba(247,244,238,.75);letter-spacing:.12em;text-transform:uppercase;margin-top:.25rem;font-weight:700;white-space:nowrap}
@media(max-width:820px){.drvh-content{padding:1.5rem 1.35rem 1.5rem;max-width:100%}.drvh-h{font-size:1.4rem}.drvh-mini-stats{border-right:none;padding-right:0;padding-top:.9rem;margin-top:.4rem;border-top:1px solid rgba(247,244,238,.24);width:100%;justify-content:space-between;gap:.6rem}.drvh-cta-row{gap:.8rem;flex-direction:column;align-items:stretch}.drvh-btn{justify-content:center}}

/* ══ 14-Day Journey Timeline — editorial UGC ══ */
.tl-14-wrap{margin:2rem 0 1rem}
.tl-14{position:relative;padding:2rem 0;max-width:1100px;margin:0 auto}
.tl-14::before{content:"";position:absolute;top:0;bottom:0;right:50%;width:2px;background:linear-gradient(180deg,transparent 0,#2C4A38 3%,#2C4A38 97%,transparent 100%);z-index:1;transform:translateX(1px)}
.tl-day{position:relative;margin:0 0 2.5rem;display:grid;grid-template-columns:1fr 88px 1fr;align-items:center;gap:0}
.tl-day:last-child{margin-bottom:0}
.tl-mark{grid-column:2;justify-self:center;position:relative;z-index:3;width:72px;height:72px;background:linear-gradient(135deg,#2C4A38,#1F3629);color:#E6A83C;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:1.6rem;font-weight:500;line-height:1;box-shadow:0 8px 24px rgba(31,54,41,.4),inset 0 1px 0 rgba(255,255,255,.15),0 0 0 5px #F7F4EE;letter-spacing:-.02em}
.tl-mark small{display:block;font-size:.55rem;color:rgba(230,168,60,.85);letter-spacing:.2em;text-transform:uppercase;font-family:inherit;font-weight:700;margin-bottom:.2rem;line-height:1}
.tl-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 12px 32px -14px rgba(20,19,17,.2),0 3px 8px -6px rgba(20,19,17,.12);transition:transform .4s cubic-bezier(.16,.84,.44,1),box-shadow .4s;position:relative;display:flex;flex-direction:column}
.tl-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px -16px rgba(20,19,17,.28),0 6px 14px -8px rgba(20,19,17,.14)}
.tl-day:nth-child(odd) .tl-card{grid-column:3;margin-left:1.75rem}
.tl-day:nth-child(even) .tl-card{grid-column:1;margin-right:1.75rem}
.tl-img{aspect-ratio:16/10;overflow:hidden;position:relative;background:#0a1a24}
.tl-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.16,.84,.44,1)}
.tl-card:hover .tl-img img{transform:scale(1.05)}
.tl-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(20,19,17,.65) 100%);pointer-events:none}
.tl-loc-bar{position:absolute;bottom:.95rem;left:1.05rem;right:1.05rem;color:#f7f4ee;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;text-shadow:0 1px 8px rgba(0,0,0,.55);display:flex;justify-content:space-between;align-items:center;z-index:2}
.tl-loc-bar .drv{font-family:var(--font-serif);font-size:.85rem;color:#E6A83C;font-weight:500;letter-spacing:.06em;text-transform:none;font-style:italic}
.tl-bd{padding:1.4rem 1.55rem 1.5rem}
.tl-eyebrow{font-size:.62rem;letter-spacing:.22em;font-weight:800;color:#8B6F47;text-transform:uppercase;margin-bottom:.4rem;display:block}
.tl-title{font-family:var(--font-serif);font-size:1.32rem;font-weight:500;color:#1F3629;margin:0 0 .6rem;line-height:1.25;letter-spacing:-.01em}
.tl-desc{font-size:.9rem;color:rgba(20,19,17,.7);line-height:1.68;margin:0 0 1.1rem}
.tl-meta{display:flex;flex-wrap:wrap;gap:.45rem;padding-top:.95rem;border-top:1px solid rgba(20,19,17,.09)}
.tl-meta span{font-size:.72rem;font-weight:700;color:rgba(20,19,17,.72);background:rgba(44,74,56,.07);padding:.36rem .78rem;border-radius:50px;display:inline-flex;align-items:center;gap:.3rem;letter-spacing:.01em}
.tl-week-sep{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:1rem;margin:1rem 0 2.5rem;font-size:.7rem;letter-spacing:.28em;font-weight:800;color:#8B6F47;text-transform:uppercase;position:relative}
.tl-week-sep::before,.tl-week-sep::after{content:"";flex:1;max-width:120px;height:1px;background:rgba(139,111,71,.35)}
.tl-14-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin:2.5rem 0 1rem;padding:1rem;background:linear-gradient(135deg,rgba(44,74,56,.04),rgba(230,168,60,.05));border-radius:12px;border:1px solid rgba(44,74,56,.08)}
.tl-14-legend div{font-size:.82rem;color:rgba(20,19,17,.7);display:flex;align-items:center;gap:.4rem}
@media(max-width:820px){
  .tl-14::before{right:32px;transform:none}
  .tl-day{grid-template-columns:64px 1fr;gap:1rem;margin-bottom:1.8rem}
  .tl-mark{grid-column:1;justify-self:start;width:56px;height:56px;font-size:1.25rem;box-shadow:0 6px 18px rgba(31,54,41,.4),inset 0 1px 0 rgba(255,255,255,.15),0 0 0 4px #F7F4EE}
  .tl-mark small{font-size:.5rem}
  .tl-day:nth-child(odd) .tl-card,.tl-day:nth-child(even) .tl-card{grid-column:2;margin:0}
  .tl-week-sep{margin:.5rem 0 1.5rem}
}



/* ══ Month pages (/מתי-לבקר/{month}/) ══ */
.mp-hero{position:relative;height:60vh;min-height:420px;max-height:560px;overflow:hidden;color:#f7f4ee;margin-top:-1px}
.mp-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.mp-hero-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,26,38,.2),rgba(6,26,38,.55) 55%,rgba(6,26,38,.9));z-index:2}
.mp-hero-inner{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;padding:0 3rem 3.2rem;max-width:1200px;margin:0 auto}
.mp-eyebrow{font-size:.72rem;letter-spacing:.28em;font-weight:700;color:#E6A83C;text-transform:uppercase;margin-bottom:1rem}
.mp-h1{font-family:var(--font-serif);font-weight:500;font-size:clamp(2rem,5vw,3.8rem);line-height:1.05;letter-spacing:-.02em;margin:0 0 .8rem;text-shadow:0 4px 30px rgba(0,0,0,.4)}
.mp-tagline{font-size:1.1rem;line-height:1.5;color:rgba(247,244,238,.9);margin:0 0 1.8rem;max-width:52ch;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.mp-hero-stats{display:flex;flex-wrap:wrap;gap:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(247,244,238,.22)}
.mp-stat strong{font-family:var(--font-serif);font-size:1.15rem;font-weight:500;display:block;color:#E6A83C;line-height:1.15;letter-spacing:-.01em;margin-bottom:.25rem}
.mp-stat span{display:block;font-size:.66rem;color:rgba(247,244,238,.75);letter-spacing:.2em;text-transform:uppercase;font-weight:700}
@media(max-width:820px){.mp-hero-inner{padding:0 1.5rem 2rem}.mp-hero-stats{gap:1rem}.mp-stat strong{font-size:.98rem}}
.mp-lead{padding:2.8rem 0 1.5rem}
.mp-lead-p{font-family:var(--font-serif);font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.55;color:var(--ink);font-weight:400;letter-spacing:-.01em;max-width:38em}
.mp-lead-p::first-letter{font-family:var(--font-serif);font-size:4.2em;line-height:.85;float:right;margin:.05em .05em 0 .3em;color:var(--jungle);font-weight:500}
.mp-section{padding:2.5rem 0}
.mp-body{color:var(--ink);font-size:1rem;line-height:1.85;max-width:66ch}
.mp-body p{margin:0 0 1.2rem}
.mp-body p strong{color:var(--jungle);font-weight:700}
.mp-body-p{color:var(--ink);font-size:1rem;line-height:1.85;max-width:66ch}
.mp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-top:1.4rem}
.mp-card{background:#fff;border:1px solid rgba(20,19,17,.11);border-radius:14px;padding:1.35rem 1.3rem;display:flex;gap:.9rem;align-items:flex-start;box-shadow:0 4px 14px -8px rgba(20,19,17,.15);transition:transform .3s ease,box-shadow .3s ease}
.mp-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px -12px rgba(20,19,17,.22)}
.mp-card-ico{font-size:1.7rem;line-height:1;flex-shrink:0}
.mp-card-bd h3,.mp-card-bd h4{font-family:var(--font-serif);font-size:1.1rem;font-weight:500;color:var(--jungle);margin:0 0 .35rem;letter-spacing:-.01em}
.mp-card-bd p{font-size:.86rem;color:var(--muted);line-height:1.6;margin:0}
.mp-section-avoid{background:linear-gradient(135deg,rgba(196,68,68,.04),rgba(230,168,60,.05));border-radius:14px;padding:2rem 1.75rem;margin:2.5rem 0;border:1px solid rgba(196,68,68,.15)}
.mp-avoids{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}
.mp-avoid{display:flex;gap:.85rem;align-items:flex-start;padding:.9rem;background:#fff;border-radius:10px;border:1px solid rgba(196,68,68,.12)}
.mp-avoid-ico{font-size:1.35rem;line-height:1;flex-shrink:0}
.mp-avoid strong{font-size:.95rem;color:var(--ink);display:block;margin-bottom:.25rem}
.mp-avoid p{font-size:.82rem;color:var(--muted);line-height:1.55;margin:0}
.mp-events{display:flex;flex-direction:column;gap:.9rem;margin-top:1.4rem}
.mp-event{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;padding:1.15rem 1.3rem;background:linear-gradient(135deg,rgba(44,74,56,.05),rgba(230,168,60,.07));border-radius:10px;border-right:3px solid var(--saffron)}
.mp-event-when{font-family:var(--font-serif);font-size:.95rem;color:var(--saffron-deep,#B8871E);font-weight:500;font-style:italic;min-width:9em;letter-spacing:-.01em}
.mp-event-bd h4{font-size:.98rem;font-weight:800;color:var(--ink);margin:0 0 .3rem;letter-spacing:-.01em}
.mp-event-bd p{font-size:.85rem;color:var(--muted);line-height:1.55;margin:0}
.mp-section-il{background:linear-gradient(135deg,rgba(44,74,56,.05),rgba(230,168,60,.06));border-radius:14px;padding:2rem 1.75rem;margin:2.5rem 0;border:1px solid rgba(44,74,56,.13)}
.mp-il-p{font-size:.98rem;line-height:1.75;color:var(--ink);margin:0;max-width:68ch}
.mp-iti{display:flex;flex-direction:column;gap:.55rem;margin-top:1.4rem;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 14px -8px rgba(20,19,17,.12);border:1px solid var(--line)}
.mp-iti-row{display:grid;grid-template-columns:auto 1fr;gap:1.1rem;align-items:baseline;padding:.65rem 0;border-bottom:1px dashed rgba(20,19,17,.09)}
.mp-iti-row:last-child{border-bottom:none}
.mp-iti-day{font-family:var(--font-serif);font-size:.95rem;color:var(--jungle);font-weight:500;min-width:7em;letter-spacing:-.01em}
.mp-iti-txt{font-size:.92rem;color:var(--ink);line-height:1.55}
.mp-nav-months{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}
.mp-nav-prev,.mp-nav-next{display:flex;flex-direction:column;padding:1.15rem 1.3rem;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);font-family:var(--font-serif);font-size:1.15rem;font-weight:500;transition:transform .25s ease,box-shadow .25s ease;letter-spacing:-.01em}
.mp-nav-prev:hover,.mp-nav-next:hover{transform:translateY(-2px);box-shadow:0 8px 22px -10px rgba(20,19,17,.2)}
.mp-nav-next{text-align:left}
.mp-nav-prev span,.mp-nav-next span{font-family:inherit;font-size:.78rem;color:var(--muted);font-weight:400;margin-top:.35rem}
.mp-others{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}
.mp-other{padding:.55rem .95rem;background:#fff;border:1px solid var(--line);border-radius:50px;text-decoration:none;color:var(--jungle);font-size:.82rem;font-weight:800;transition:background .25s,color .25s;display:flex;flex-direction:column;align-items:center;line-height:1.2}
.mp-other:hover{background:var(--jungle);color:#fff}
.mp-other span{font-size:.68rem;color:var(--muted);font-weight:400;margin-top:.15rem}
.mp-other:hover span{color:rgba(255,255,255,.85)}
@media(max-width:640px){.mp-nav-months{grid-template-columns:1fr}}

/* Month grid on main /מתי-לבקר/ page */
.mp-months-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin:2rem 0 3rem}
.mp-month-card{position:relative;overflow:hidden;border-radius:14px;text-decoration:none;color:#f7f4ee;aspect-ratio:4/3;box-shadow:0 8px 22px -12px rgba(20,19,17,.25);transition:transform .35s ease,box-shadow .35s ease;isolation:isolate}
.mp-month-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px -16px rgba(20,19,17,.35)}
.mp-month-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.1s ease}
.mp-month-card:hover img{transform:scale(1.06)}
.mp-month-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,26,38,.15) 20%,rgba(6,26,38,.75));z-index:-1}
.mp-month-card-bd{position:absolute;inset:0;padding:1.2rem 1.15rem;display:flex;flex-direction:column;justify-content:flex-end;z-index:2}
.mp-month-card-name{font-family:var(--font-serif);font-size:1.6rem;font-weight:500;margin:0 0 .3rem;letter-spacing:-.02em;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.mp-month-card-tag{font-size:.78rem;line-height:1.4;color:rgba(247,244,238,.9);text-shadow:0 1px 8px rgba(0,0,0,.35);margin:0 0 .4rem}
.mp-month-card-crowd{font-size:.7rem;letter-spacing:.14em;color:#E6A83C;font-weight:700;text-transform:uppercase}


/* ══ PickMe — homepage promo section ══ */
.pm-hero{padding:1rem 0 1.5rem}
.pm-hero .sl-wrap{max-width:1180px;margin:0 auto;padding:0 1rem}
.pm-card{display:grid;grid-template-columns:1.5fr 1fr;overflow:hidden;border-radius:18px;text-decoration:none;color:#f7f4ee;box-shadow:0 18px 44px -20px rgba(10,45,66,.4),0 6px 18px -12px rgba(10,45,66,.22);isolation:isolate;position:relative;max-height:340px}
.pm-card::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#0A6D85 0%,#0C5365 55%,#082032 100%);z-index:-2}
.pm-card::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 8% 15%,rgba(230,168,60,.16),transparent 45%),radial-gradient(circle at 88% 85%,rgba(239,115,95,.14),transparent 45%);z-index:-1;pointer-events:none}
.pm-bd{padding:1.6rem 1.8rem;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center}
.pm-badge{display:inline-flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,#FFBD3C,#E6A83C);color:#1B1917;font-size:.62rem;font-weight:900;padding:.32rem .8rem;border-radius:50px;letter-spacing:.22em;text-transform:uppercase;margin-bottom:.7rem;box-shadow:0 3px 12px rgba(230,168,60,.3);align-self:flex-start}
.pm-h{font-family:var(--font-serif);font-size:clamp(1.25rem,2.4vw,1.75rem);font-weight:500;color:#f7f4ee;margin:0 0 .55rem;line-height:1.15;letter-spacing:-.02em;text-shadow:0 2px 18px rgba(0,0,0,.35);max-width:24ch}
.pm-h em{color:#E6A83C;font-style:italic;font-weight:500}
.pm-sub{font-size:.85rem;line-height:1.55;color:rgba(247,244,238,.86);margin:0 0 .9rem;max-width:54ch}
.pm-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}
.pm-chips span{background:rgba(255,255,255,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);color:#f7f4ee;font-size:.68rem;font-weight:700;padding:.3rem .75rem;border-radius:50px}
.pm-cta{display:inline-flex;align-items:center;gap:.5rem;background:#E6A83C;color:#1B1917;padding:.62rem 1.35rem;border-radius:50px;font-weight:900;font-size:.78rem;box-shadow:0 5px 16px rgba(230,168,60,.38);transition:transform .25s ease,box-shadow .25s ease;letter-spacing:-.01em;align-self:flex-start}
.pm-card:hover .pm-cta{transform:translateX(-4px);box-shadow:0 10px 28px rgba(230,168,60,.5)}
.pm-side{position:relative;background:linear-gradient(135deg,rgba(230,168,60,.08),rgba(255,255,255,.02));display:flex;align-items:center;justify-content:center;padding:1rem;overflow:hidden}
.pm-phone{position:relative;width:60%;max-width:170px;aspect-ratio:9/16;border-radius:18px;overflow:hidden;box-shadow:0 14px 36px -12px rgba(0,0,0,.55),0 6px 14px -8px rgba(0,0,0,.35);border:3px solid rgba(255,255,255,.15);transform:rotate(-4deg);transition:transform .5s cubic-bezier(.16,.84,.44,1)}
.pm-card:hover .pm-phone{transform:rotate(-2deg) translateY(-4px)}
.pm-phone img{width:100%;height:100%;object-fit:cover}
.pm-phone::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:32%;height:9px;background:#000;border-radius:0 0 6px 6px;z-index:2}
@media(max-width:820px){.pm-card{grid-template-columns:1fr;max-height:none}.pm-side{padding:1.4rem 1rem;order:-1;min-height:180px}.pm-phone{max-width:130px}.pm-bd{padding:1.5rem 1.35rem 1.65rem}.pm-h{font-size:1.25rem}}


/* Hotel cards no longer carry a stock photo (see drop_stock_hotel_photos in
   site_polish.py). The header strip stays, as a flat band holding the stars. */
.hotel-img-blank{height:64px;background:linear-gradient(135deg,rgba(10,122,150,.14),rgba(0,184,217,.07));border-bottom:1px solid var(--line)}
.hotel-img-blank .hotel-stars{position:absolute;bottom:auto;top:50%;transform:translateY(-50%);right:1rem;background:rgba(15,25,35,.82)}

/* The FAQ question is an <h3> (see promote_faq_questions in site_polish.py).
   Neutralise the browser's own heading size/margins so it looks as it always
   did — the change is semantic, not visual. */
h3.faq-q{font-size:.95rem;font-weight:800;margin:0;line-height:1.55}

/* ══ Touch targets and legibility on phones ══════════════════════════════ */
/* Measured at 375px across the site: the menu button was a 26x18px hit area —
   the primary navigation control on a phone at well under the 44px minimum —
   and footer, TOC and breadcrumb links sat at 19-21px tall. The visible bars
   and type are unchanged; only the area a thumb can hit grows. */
@media(max-width:900px){
  .sl-fcol ul{gap:.1rem}
  .sl-fcol a{display:flex;align-items:center;min-height:40px;padding:.3rem 0}
  .sl-footer-bottom nav{gap:.4rem 1.2rem}
  .sl-footer-bottom nav a{display:inline-flex;align-items:center;min-height:38px}
  .sl-toc a{display:block;padding:.3rem 0;min-height:34px}
  .breadcrumb-inner a{display:inline-block;padding:.6rem 0;line-height:1.3}
}
/* 11.5px is below comfortable reading size for Hebrew. */
.answer-box-label{font-size:.8rem}


/* ux_finalize.py — TOC + related blocks */
.sl-toc{margin:1.2rem auto;max-width:860px;background:#f4f8fb;border:1px solid #dbe6ef;border-radius:14px;padding:.8rem 1.1rem;font-size:.95rem}
.sl-toc summary{cursor:pointer;font-weight:700;color:#1b3347;list-style:none;display:flex;align-items:center;gap:.5rem}
.sl-toc summary::before{content:"☰";font-size:.9rem;color:#2a7f9e}
.sl-toc ol{margin:.6rem 0 0;padding-inline-start:1.2rem;columns:2;column-gap:2rem}
.sl-toc li{margin:.25rem 0;break-inside:avoid}
.sl-toc a{color:#2a7f9e;text-decoration:none}
.sl-toc a:hover{text-decoration:underline}
@media(max-width:640px){.sl-toc ol{columns:1}}
h2[id^="sec-"]{scroll-margin-top:90px}
.sl-fig{max-width:900px;margin:1.4rem auto;padding:0 1rem}
.sl-fig img{width:100%;height:auto;border-radius:14px;object-fit:cover;max-height:460px;box-shadow:0 4px 18px rgba(27,51,71,.12)}
.sl-related{max-width:1100px;margin:2.5rem auto 1rem;padding:0 1rem}
.sl-related h2{font-size:1.35rem;color:#1b3347;margin:0 0 1rem}
.sl-rel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.sl-rel-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e3ebf2;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 2px 10px rgba(27,51,71,.06);transition:transform .15s,box-shadow .15s}
.sl-rel-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(27,51,71,.12)}
.sl-rel-card img{width:100%;aspect-ratio:16/9;object-fit:cover;height:auto}
.sl-rel-t{font-weight:700;color:#1b3347;padding:.7rem .9rem 0;line-height:1.35}
.sl-rel-d{font-size:.85rem;color:#4d6273;padding:.35rem .9rem .9rem;line-height:1.45}