/* ============================================================
   Hotel.co.il — homepage design system (v2, pixel-tuned to Lovable)
   Royal azure #0279D5 + gold #F8C63A, RTL Hebrew.
   Self-contained: does not depend on main.css.
   ============================================================ */

:root{
  --blue:#0279D5; --blue-dark:#0a66b8; --blue-700:#0b5da3;
  --blue-tint:#E3EFFA; --blue-50:#EAF3FC;
  --gold:#F8C63A; --gold-dark:#ecb21f; --gold-ink:#4a3500;
  --ink:#16263B; --gray:#5E6E80; --gray-soft:#8a98a8;
  --line:#ECF0F4; --line-soft:#F1F4F8;
  --bg:#ffffff; --bg-alt:#F6F9FC;
  --radius:16px; --radius-sm:10px;
  --shadow:0 14px 34px rgba(17,42,74,.07);
  --shadow-sm:0 4px 14px rgba(17,42,74,.05);
  --container:1200px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
body.hotel-home{
  margin:0; font-family:"Assistant","Heebo",Arial,sans-serif;
  color:var(--ink); background:var(--bg); direction:rtl; line-height:1.6; font-size:17px;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none;margin:0;padding:0}
h1,h2,h3,h4{margin:0;line-height:1.2;font-weight:800}
button{font-family:inherit;cursor:pointer}

.wrap{width:100%;max-width:var(--container);margin:0 auto;padding:0 22px}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:0;border-radius:999px;padding:13px 26px;font-weight:700;font-size:1rem;transition:.18s;white-space:nowrap}
.btn-amber{background:var(--gold);color:var(--gold-ink)}
.btn-amber:hover{background:var(--gold-dark)}
.btn-blue{background:var(--blue);color:#fff}
.btn-blue:hover{background:var(--blue-dark)}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.7)}
.btn-ghost:hover{background:rgba(255,255,255,.14)}
.btn-block{width:100%}
.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}

/* ---------- section heading pattern ---------- */
.sec{padding:70px 0}
.sec.alt{background:var(--bg-alt)}
.sec-head{margin-bottom:36px}
.sec-head.center{text-align:center}
.eyebrow{color:var(--blue);font-weight:700;font-size:.92rem;letter-spacing:.01em;margin-bottom:8px}
.sec-head h2{font-size:2rem;letter-spacing:-.01em}
.sec-head .sub{color:var(--gray);margin-top:10px;font-size:1.04rem;max-width:640px}
.sec-head.center .sub{margin-inline:auto}
.sec-head .more{color:var(--blue);font-weight:700;float:left;font-size:.96rem}
.sec-head .more::before{content:"‹ "}

/* ============================================================
   Header / nav
   ============================================================ */
.site-header{position:sticky;top:0;z-index:50;background:var(--blue)}
.site-header .wrap{display:flex;align-items:center;height:66px;color:#fff;gap:0}
.logo{font-size:1.45rem;font-weight:800;letter-spacing:-.5px;color:#fff;flex:0 0 auto;margin-inline-end:42px}
.logo .dot{color:var(--gold)}
.logo-i{position:relative}
.logo-i::after{content:"";position:absolute;left:50%;transform:translateX(-50%);top:.28em;width:.19em;height:.19em;border-radius:50%;background:var(--gold)}
.nav{display:flex;align-items:center;gap:32px;flex:0 1 auto}
.nav a{position:relative;font-weight:600;color:#fff;opacity:.9;font-size:1.06rem;padding:6px 2px;transition:opacity .15s,color .15s;white-space:nowrap}
/* clear hover: item brightens and a gold underline slides in from the centre */
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:var(--gold);transform:scaleX(0);transform-origin:center;transition:transform .2s ease}
.nav a:hover{opacity:1}
.nav a:hover::after{transform:scaleX(1)}
/* "מבצעים" gets a small gold dot (same colour as the logo dot) so it stands out a little */
.nav a.nav-deals{font-weight:800;opacity:1;display:inline-flex;align-items:center;gap:6px}
.nav a.nav-deals::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(248,198,58,.22);flex:0 0 auto}
.nav a .caret{font-size:.62em;opacity:.75;margin-right:4px;vertical-align:middle}
/* hamburger ⇄ X — symmetric 3-line icon that morphs smoothly */
.burger{display:none;position:relative;background:none;border:0;margin-inline-start:auto;cursor:pointer;width:40px;height:40px;border-radius:10px;align-items:center;justify-content:center;transition:background .18s}
.burger:hover{background:rgba(255,255,255,.12)}
.burger:active{background:rgba(255,255,255,.2)}
.burger.is-open{background:rgba(255,255,255,.16)}
.burger i{position:absolute;top:50%;left:50%;width:20px;height:2.5px;background:#fff;border-radius:3px;transform:translate(-50%,-50%);transition:background .15s ease}
.burger i::before,.burger i::after{content:"";position:absolute;left:0;width:20px;height:2.5px;background:#fff;border-radius:3px;transition:transform .25s ease,top .25s ease}
.burger i::before{top:-6.5px}
.burger i::after{top:6.5px}
.burger.is-open i{background:transparent}
.burger.is-open i::before{top:0;transform:rotate(45deg)}
.burger.is-open i::after{top:0;transform:rotate(-45deg)}
.nav .caret{display:none}  /* no dropdown arrows in the menu (per user) */
@media(max-width:768px){.site-header .wrap{padding-inline:26px}.logo{margin-inline-end:0}}  /* mobile: more breathing room so the logo isn't glued to the edge */

/* ============================================================
   Hero (flat azure) + full-width search overlapping a white strip
   ============================================================ */
.hero{background:var(--blue);color:#fff;padding:72px 0 44px;position:relative;overflow:hidden;min-height:500px;display:flex;align-items:center}
/* woman — full-height, bleeds from the left edge, dissolves into the blue */
.hero-woman{position:absolute;left:2%;top:0;bottom:0;width:42%;max-width:600px;z-index:1;
  background-size:contain;background-position:left bottom;background-repeat:no-repeat}
.hero .wrap{position:relative;z-index:2;width:100%}
.hero-copy{max-width:600px}
.hero h1{font-size:3rem;line-height:1.12;font-weight:800}
.hero h1 .accent{color:var(--gold);display:block}
.hero .lead{margin-top:18px;font-size:1.1rem;line-height:1.7;color:rgba(255,255,255,.92);max-width:540px}

/* search bar — full width, straddles hero/white boundary */
.search-bar{position:relative;z-index:5;margin:36px 0 -42px;background:#fff;border-radius:999px;
  padding:8px 8px 8px 22px;display:flex;align-items:center;gap:12px;box-shadow:0 22px 48px rgba(0,0,0,.20)}
.search-bar .s-ico{color:var(--blue,#0279D5);display:inline-flex;align-items:center}
.search-bar .s-ico svg{width:22px;height:22px}
.search-bar input{flex:1;border:0;outline:0;font-family:inherit;font-size:1.05rem;color:var(--ink);background:transparent;direction:rtl}
.search-bar .btn-amber{padding:13px 28px;display:inline-flex;align-items:center;gap:8px}
.search-bar .btn-amber svg{width:18px;height:18px}

/* white strip below hero: popular chips (right) + save note (left) */
.hero-strip{background:#fff;border-bottom:1px solid var(--line);padding:64px 0 22px}
.hero-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.chips{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.chips .lbl{color:var(--gray);font-weight:700;font-size:.92rem;margin-left:2px}
.chip{background:#fff;border:1px solid #E2E7ED;color:#4a5a6b;padding:7px 15px;border-radius:999px;font-size:.9rem;transition:.15s}
.chip:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-50)}
.chip.active{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}

/* ===== hotel page refinements (2026-06-21) ===== */
/* hero google badge: white pill + real google logo */
.hp-keyfacts .kf-google{background:#fff;color:#1c2b3a;border-color:rgba(255,255,255,.7)}
.hp-keyfacts .kf-google b{color:#1c2b3a;font-weight:800}
.hp-keyfacts .kf-google i{font-style:normal;color:#6b7886;opacity:1}
.kf-google .g-logo{display:inline-flex;align-items:center}
.hp-keyfacts .kf-rating b{font-weight:800}
.hp-keyfacts .kf-rating i{font-style:normal;color:var(--gold);font-weight:700;opacity:1}
/* price in the white CTA bar (moved here from hero) */
.hp-cta-bar .hp-cta-txt{margin-inline-end:auto}
.hp-cta-bar .hp-price{flex:0 0 auto;margin:0;flex-wrap:nowrap;align-items:stretch}
.hp-cta-bar .hp-price .pf-l{color:#5f6e7e;font-size:.82rem}
.hp-cta-bar .hp-price .pf-n{color:var(--ink);font-size:1.32rem;font-weight:800}
.hp-cta-bar .hp-price .pf-note{font-size:.66rem;color:#9aa6b2;margin-top:0}
/* PRICE = two boxes side by side (RTL): a green "success" deal box on the right (NO check-mark,
   ~90% of the white box height) + a borderless price box on the left ("החל מ- <price>", then
   "ללילה · מעודכן" underneath). One structure for card / cta-bar / booking widget. */
.hp-price .pf-main{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;padding:6px 2px}
.hp-price .pf-top{display:flex;align-items:baseline;gap:5px;white-space:nowrap}
.hp-price .pf-note{font-size:.72rem;color:#9aa6b2;font-weight:400;white-space:nowrap}
.deal-badge{align-self:stretch;margin-block:3px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:82px;background:#e8f7ee;color:#0f7a3d;border:1.6px solid #38b46a;border-radius:12px;padding:4px 12px;font-weight:800;font-size:1.05rem;line-height:1.12;box-shadow:0 2px 6px rgba(18,122,63,.16)}
.deal-badge .deal-terms{font-weight:600;font-size:.66rem;color:#2f9d5b;margin-top:3px;white-space:nowrap}
/* deals page (/מבצעים): hero frames (green "up to X%" + white "updated on") + link boxes */
.deal-hero-frames{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 6px}
.dhf{display:inline-flex;align-items:center;border-radius:999px;padding:8px 18px;font-weight:800;font-size:1.05rem;line-height:1.1}
.dhf-green{background:#e8f7ee;color:#0f7a3d;border:1.6px solid #38b46a;box-shadow:0 2px 10px rgba(18,122,63,.25)}
.dhf-white{background:#fff;color:#16324f;border:1.6px solid #fff;font-weight:700}
.deal-box{display:flex;flex-direction:column;gap:6px;padding:22px 20px;background:#fff;border:1px solid var(--line,#eef2f6);border-radius:16px;text-decoration:none;transition:box-shadow .15s,transform .15s;box-shadow:0 2px 10px rgba(20,50,79,.05)}
.deal-box:hover{box-shadow:0 8px 24px rgba(20,50,79,.12);transform:translateY(-2px)}
.deal-box-t{font-size:1.2rem;font-weight:800;color:var(--ink,#16324f)}
.deal-box-s{font-size:.9rem;color:#5f6e7e}
/* per-hotel deals section (below the FAQ) - only rendered when the hotel has an active discount */
.hotel-deal-sec{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--blue,#0279D5) 0%,#0a64c4 58%,var(--blue-700,#0b5da3) 100%);color:#fff;padding:52px 0}
.hds-blob{position:absolute;border-radius:50%;pointer-events:none}
.hds-blob-1{width:290px;height:290px;top:-120px;inset-inline-start:-70px;background:#FFD15C;opacity:.15;filter:blur(2px)}
.hds-blob-2{width:230px;height:230px;bottom:-110px;inset-inline-end:5%;background:#fff;opacity:.09}
.hotel-deal-sec .hds-box{position:relative;display:flex;align-items:center;gap:30px}
.hds-ic{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;border:1.5px solid rgba(255,255,255,.34)}
.hds-ic svg{width:36px;height:36px}
.hds-body{flex:1 1 auto;min-width:0}
.hds-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.42);border-radius:999px;padding:7px 16px;font-size:.82rem;font-weight:800;letter-spacing:.2px;margin-bottom:12px}
.hds-eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:#9df4c4;box-shadow:0 0 0 3px rgba(255,255,255,.3);animation:hdsPulse 1.9s ease-in-out infinite}
@keyframes hdsPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.78)}}
@media(prefers-reduced-motion:reduce){.hds-eyebrow::before{animation:none}}
.hds-body h2{margin:0 0 8px;font-size:1.6rem;color:#fff}
.hds-body p{margin:0;color:rgba(255,255,255,.93);line-height:1.75;font-size:1.03rem}
.hds-upd{display:inline-flex;align-items:center;margin-top:16px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.32);border-radius:999px;padding:6px 16px;font-size:.85rem;color:#fff;font-weight:600}
.hds-cta{flex:0 0 auto;display:flex;flex-direction:column;gap:12px;width:200px}
.hds-green{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;aspect-ratio:1/1;background:#e8f7ee;color:#0f7a3d;border:3px solid #fff;border-radius:20px;box-shadow:0 12px 28px rgba(0,0,0,.2);line-height:1.02}
.hds-green-t{font-size:1.05rem;font-weight:700}
.hds-pct{font-size:3.1rem;font-weight:900;letter-spacing:-1.5px}
.hds-green-b{font-size:1.1rem;font-weight:800}
.hds-btn{text-align:center;white-space:nowrap}
@media(max-width:820px){
  .hotel-deal-sec .hds-box{flex-direction:column;align-items:stretch;text-align:center;gap:18px;padding:22px 18px}
  .hds-ic{margin:0 auto}
  .hds-cta{width:100%;max-width:260px;margin:0 auto}
  .hds-green{aspect-ratio:auto;padding:20px 10px}
  .hds-pct{font-size:2.6rem}
}
/* deals CTA module on listing/landing pages (region/chain/vacation/all-hotels) */
.deals-cta-sec .dcta-box{display:flex;align-items:center;gap:26px;background:linear-gradient(135deg,#fff6e9 0%,#eaf4ff 100%);border:1.6px solid #ffe0b0;border-radius:20px;padding:26px 30px;box-shadow:0 6px 22px rgba(20,50,79,.07)}
.dcta-ic{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;background:#fff0d6;color:#e08a1e}
.dcta-ic svg{width:38px;height:38px}
.dcta-body{flex:1 1 auto;min-width:0}
.dcta-body h2{margin:0 0 8px;font-size:1.4rem;color:var(--ink,#16324f)}
.dcta-body p{margin:0;color:#42566a;line-height:1.7;font-size:1rem}
.dcta-btn{flex:0 0 auto;font-size:1.05rem;padding:16px 26px;white-space:nowrap}
@media(max-width:820px){
  .deals-cta-sec .dcta-box{flex-direction:column;align-items:stretch;text-align:center;gap:16px;padding:22px 18px}
  .dcta-ic{margin:0 auto}
  .dcta-btn{width:100%}
}
/* vacation-type page: region filter pins - sits ABOVE the results, no frame around the group */
.vt-regfilter{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 22px}
.vtrf{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:999px;background:#fff;border:1.5px solid var(--line,#eef2f6);color:var(--ink,#16324f);font-weight:700;font-size:.88rem;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}
.vtrf:hover{border-color:var(--rc);box-shadow:0 4px 14px rgba(20,50,79,.1);transform:translateY(-1px)}
.vtrf.on{border-color:var(--rc);background:#f5f9fd;box-shadow:0 3px 12px rgba(20,50,79,.09)}
.vtrf-pin{display:inline-flex;color:var(--rc)}
.vtrf-pin svg{width:14px;height:14px}
.vtrf-n{font-size:.74rem;font-weight:800;color:#fff;background:var(--rc);border-radius:999px;padding:1px 6px}
/* vacation-type page: region boxes carrying the region photo (below the results) */
.vtrb{position:relative;display:block;border-radius:16px;overflow:hidden;text-decoration:none;background:#fff;box-shadow:0 3px 14px rgba(20,50,79,.09);transition:transform .15s,box-shadow .15s}
.vtrb:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(20,50,79,.16)}
.vtrb-img{display:block;height:132px;background:#dbe7f3 center/cover no-repeat}
.vtrb-body{display:block;padding:12px 14px 14px;border-top:3px solid var(--rc)}
.vtrb-body b{display:block;color:var(--ink,#16324f);font-size:1rem;line-height:1.35}
.vtrb-go{display:block;margin-top:6px;font-size:.85rem;font-weight:700;color:var(--rc)}
/* region page: vacation-type tiles with coloured icons (replaces the old chip row) */
.rg-vt-head h2{font-size:1.25rem;margin:0 0 14px;color:var(--ink,#16324f)}
.rg-vtgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px}
.rg-vt{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;background:#fff;border:1.5px solid var(--line,#eef2f6);border-radius:14px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}
.rg-vt:hover{border-color:var(--vc);box-shadow:0 8px 22px rgba(20,50,79,.12);transform:translateY(-2px)}
.rg-vt-ic{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;background:#f1f6fb;color:var(--vc)}
.rg-vt-ic svg{width:23px;height:23px}
.rg-vt-t{color:var(--ink,#16324f);font-size:.98rem;line-height:1.35;font-weight:800}
.rg-vt-btn{margin-top:auto;font-size:.85rem;font-weight:800;color:var(--vc)}
@media(max-width:560px){.rg-vtgrid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.vtrb-img{height:110px}}
/* booking engine: light-blue bg (like the quick-summary) + amber button w/ dark text */
.hp-booking{background:var(--blue-50);border:1px solid var(--blue-tint)}
.hp-booking .hp-bk-go{background:var(--gold);color:var(--gold-ink)}
.hp-booking .hp-bk-go:hover{background:var(--gold-dark);filter:none}
/* quick-glance icons */
.hp-glance dt{display:flex;align-items:center}
.gl-ic{display:inline-flex;align-items:center;color:var(--blue);margin-inline-end:6px;opacity:.65}
.gl-ic svg{width:13px;height:13px}
/* amenities: 3 columns, tighter */
.amen-grid{grid-template-columns:repeat(3,1fr);gap:8px 16px}
/* weighted ratebox */
.hp-ratebox .rb-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
.rb-score{flex:0 0 auto;background:var(--blue);color:#fff;font-weight:800;font-size:1.4rem;border-radius:12px;padding:9px 13px;min-width:54px;text-align:center;line-height:1}
.rb-scorewrap{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:5px}
.rb-count{font-size:.72rem;font-weight:700;color:var(--gray-soft);text-align:center;line-height:1.2;white-space:nowrap}
.rb-head-t{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.rb-head-t h3{margin:0;font-size:1.04rem}
.rb-info{position:relative;width:18px;height:18px;border-radius:50%;background:#e3edf6;color:var(--blue);font-size:.78rem;font-weight:800;font-style:italic;display:inline-flex;align-items:center;justify-content:center;cursor:help}
.rb-tip{position:absolute;top:25px;inset-inline-end:0;width:230px;background:#16263b;color:#fff;font-size:.78rem;font-weight:400;font-style:normal;line-height:1.55;padding:10px 13px;border-radius:10px;opacity:0;visibility:hidden;transition:.15s;z-index:40;box-shadow:0 8px 22px rgba(0,0,0,.22)}
.rb-info:hover .rb-tip,.rb-info:focus .rb-tip{opacity:1;visibility:visible}
.hp-ratebox-list li{align-items:center;gap:8px}
.rb-stars{color:var(--gold);letter-spacing:1px;font-size:.88rem;margin-inline-start:auto}
.rb-reviews{margin-top:16px;border-top:1px solid var(--line);padding-top:14px;display:grid;gap:11px}
.rb-rev{background:var(--blue-50);border-radius:11px;padding:11px 13px}
.rb-rev-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.rb-rev-top b{font-size:.92rem;color:var(--ink)}
.rb-rev-stars{color:var(--gold);font-size:.82rem;letter-spacing:1px;white-space:nowrap}
.rb-rev p{margin:6px 0;font-size:.89rem;color:#3d5168;line-height:1.55}
.rb-rev-src{font-size:.73rem;color:#8a97a6;display:flex;align-items:center;gap:4px}
.rb-rev-src svg{width:11px;height:11px}.rb-rev-src b{color:#5f6e7e;font-weight:700}
/* booking card highlighted yellow + map */
.hp-book-y{background:#FDEFC4;border-color:var(--gold)}
.hp-book-y h3{color:var(--gold-ink)}
.hp-map{margin-top:14px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.hp-map iframe{width:100%;height:200px;border:0;display:block}
/* FAQ framed widget */
.hp-faq-box{max-width:880px;margin:0 auto;background:var(--blue-50);border:1px solid var(--blue-tint);border-radius:20px;padding:28px 26px}
.hp-faq-box .sec-head{margin-bottom:18px}
@media(max-width:560px){.amen-grid{grid-template-columns:1fr 1fr}.hp-faq-box{padding:20px 16px}}

/* ===== hotel page round-2 refinements (2026-06-21) ===== */
.hp-hero{align-items:center}
.hp-hero-inner{padding-top:38px;padding-bottom:38px}
.hp-keyfacts .kf{white-space:nowrap}
/* CTA-bar price: 2 clean lines, no wrap */
.hp-cta-bar .hp-price.in-cta{display:inline-flex;flex-direction:row;align-items:stretch;gap:7px;margin:0}
.hp-price.in-cta .pf-main{padding:2px 2px}
.hp-price.in-cta .pf-top{display:flex;align-items:baseline;gap:5px;white-space:nowrap}
.hp-price.in-cta .pf-l{color:#5f6e7e;font-size:.82rem;white-space:nowrap}
.hp-price.in-cta .pf-n{color:var(--ink);font-size:1.34rem;font-weight:800;white-space:nowrap}
.hp-price.in-cta .pf-note{font-size:.7rem;color:#9aa6b2;margin-top:1px;white-space:nowrap}
.hp-price.in-cta .deal-badge{font-size:.95rem;min-width:70px;padding:3px 9px}
/* ratebox head: title (right) + score & i on the left */
.hp-ratebox .rb-head{display:flex;align-items:flex-start;gap:8px;margin-bottom:14px}
.rb-head-t{flex:1;min-width:0}.rb-head-t h3{margin:0;font-size:1.04rem}
/* clean width-filled star bar (no broken half char) */
.stars5{position:relative;display:inline-block;font-size:.95rem;line-height:1;color:#d7dde4;white-space:nowrap}
.stars5::before{content:"\2605\2605\2605\2605\2605";letter-spacing:1px}
.stars5-f{position:absolute;top:0;right:0;overflow:hidden;color:var(--gold);white-space:nowrap}
.stars5-f::before{content:"\2605\2605\2605\2605\2605";letter-spacing:1px}
.rb-stars{margin-inline-start:auto;display:inline-flex}
/* reviews carousel: one at a time + arrows + dots */
.rb-rev{display:none}
.rb-rev.on{display:block;animation:rbfade .35s ease}
@keyframes rbfade{from{opacity:0}to{opacity:1}}
.rb-rev-nav{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}
.rb-rev-arr{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--blue);font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}
.rb-rev-arr:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.rb-rev-dots{display:flex;gap:5px}
.rb-dot{width:7px;height:7px;border-radius:50%;background:#d7dde4;cursor:pointer;transition:.15s}
.rb-dot.on{background:var(--blue);transform:scale(1.2)}
/* review modal popup */
.hp-modal{position:fixed;inset:0;background:rgba(16,30,46,.55);z-index:1000;display:none;align-items:center;justify-content:center;padding:20px}
.hp-modal.on{display:flex}
.hp-modal-box{background:#fff;border-radius:18px;padding:30px 28px;width:100%;max-width:540px;max-height:90vh;overflow-x:hidden;overflow-y:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.hp-modal-box h3{margin:0 0 16px;font-size:1.2rem}
.hp-modal-x{position:absolute;top:14px;inset-inline-start:16px;width:32px;height:32px;border-radius:50%;border:0;background:#f0f3f7;color:#5f6e7e;font-size:1rem;cursor:pointer}
.hp-modal-x:hover{background:#e3e9f0}
.rf-actions{display:flex;gap:10px;align-items:center;margin-top:6px}
/* heading topic icons */
h2 .h-ic{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:#fff;border:1px solid var(--blue-tint);color:var(--blue);margin-inline-end:9px;vertical-align:-8px}
h2 .h-ic svg{width:16px;height:16px}
/* luxurious FAQ */
.hp-faq-box{background:linear-gradient(180deg,#f5f9fe,#e9f2fb);border:1px solid var(--blue-tint);position:relative;overflow:hidden}
.hp-faq-box::before{content:"";position:absolute;top:0;inset-inline-start:0;width:5px;height:100%;background:linear-gradient(180deg,var(--blue),var(--gold))}
.hp-faq-head{display:flex;align-items:center;gap:16px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--blue-tint)}
.hp-faq-ic{flex:0 0 auto;width:54px;height:54px;border-radius:15px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(2,121,213,.28)}
.hp-faq-ic svg{width:26px;height:26px}
.hp-faq-head h2{margin:0;font-size:1.35rem}
.hp-faq-head p{margin:3px 0 0;color:var(--gray);font-size:.95rem}
@media(max-width:560px){.hp-faq-head{gap:12px}.hp-faq-ic{width:46px;height:46px}}
.save{color:#1f9d6b;font-weight:700;font-size:.95rem;white-space:nowrap}

/* ============================================================
   Card grids
   ============================================================ */
.grid{display:grid;gap:24px}
.grid-5{grid-template-columns:repeat(5,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}

/* image fill (regions/hotels/guides) */
.ph{background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#dbe4ee}

/* region / photo card */
.photo-card{position:relative;border-radius:var(--radius);overflow:hidden;min-height:236px;
  display:flex;align-items:flex-end;color:#fff;box-shadow:var(--shadow-sm);transition:.2s}
.photo-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.photo-card .ph{position:absolute;inset:0;z-index:0}
.photo-card::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.6) 100%)}
.photo-card .pc-body{position:relative;z-index:2;padding:18px 20px}
.photo-card h3{font-size:1.36rem}
.photo-card .pc-link{font-size:.9rem;opacity:.92;margin-top:3px}

/* chain card */
.chain-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 20px;text-align:center;transition:.2s}
.chain-card:hover{box-shadow:var(--shadow);transform:translateY(-3px);border-color:transparent}
.chain-logo{width:62px;height:62px;border-radius:16px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;
  background:var(--blue-tint);color:var(--blue)}
.chain-logo svg{width:30px;height:30px}
.chain-card h3{font-size:1.18rem}
.chain-card p{color:var(--gray);font-size:.9rem;margin:6px 0 13px}
.chain-card .count{color:var(--blue);font-weight:700;font-size:.9rem}

/* deal card */
.deal-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;transition:.2s}
.deal-card:hover{box-shadow:var(--shadow);border-color:transparent}
.badge{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;padding:6px 13px;border-radius:999px}
.badge svg{width:13px;height:13px}
.badge.online{background:var(--gold);color:var(--gold-ink)}
.badge.excl{background:#18a05c;color:#fff}
.deal-card h3{font-size:1.1rem;margin:13px 0 6px;line-height:1.35}
.deal-card p{color:var(--gray);font-size:.92rem;flex:1;line-height:1.55}
.deal-card .deal-link{color:var(--blue);font-weight:700;margin-top:16px;font-size:.94rem}

/* hotel card */
.hotel-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:.2s}
.hotel-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.hotel-img{position:relative;height:198px}
.hotel-img .ph{position:absolute;inset:0}
.rating{position:absolute;top:12px;left:12px;z-index:2;background:var(--blue);color:#fff;font-weight:800;
  padding:5px 11px;border-radius:9px;font-size:.92rem;display:flex;align-items:center;gap:4px;box-shadow:0 4px 10px rgba(0,0,0,.18)}
.rating .star{color:#FFD15C}
/* review count: its own pill BELOW the rating box (not inside), centered text */
.rating-count{position:absolute;top:48px;left:12px;z-index:2;background:rgba(8,22,40,.74);color:#fff;font-weight:600;font-size:.72rem;line-height:1;padding:4px 9px;border-radius:7px;white-space:nowrap;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,.18)}
.hotel-body{padding:16px 18px;display:flex;flex-direction:column;flex:1}
.hotel-loc{color:var(--gray-soft);font-size:.84rem;display:flex;align-items:center;gap:5px;justify-content:flex-start}
.hotel-loc svg{width:14px;height:14px;flex:0 0 auto}
.hotel-body h3{font-size:1.2rem;margin:4px 0 11px}
.tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:13px}
.tag{background:var(--blue-tint);color:var(--blue-700);font-size:.78rem;font-weight:600;padding:4px 11px;border-radius:7px}
.perks{margin:0 0 16px}
.perks li{font-size:.91rem;color:#41526a;display:flex;align-items:center;gap:8px;padding:2px 0}
.perks li .ok{color:var(--blue);font-weight:800}
.hotel-foot{margin-top:auto}
.hotel-foot .sub{text-align:center;color:#9aa7b6;font-size:.78rem;margin-top:9px}
.compare-row{display:flex;justify-content:center;margin-top:9px}
.compare-btn{background:#fff;border:1px solid var(--line);color:var(--gray);border-radius:8px;padding:7px 15px;font-size:.85rem;font-weight:600;transition:.15s}
.compare-btn:hover{border-color:var(--blue);color:var(--blue)}

/* ============================================================
   Why-us panel
   ============================================================ */
.why{background:var(--blue);color:#fff;border-radius:24px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}
.why .why-list li{display:flex;align-items:center;gap:12px;justify-content:flex-start;
  background:rgba(255,255,255,.10);border-radius:12px;padding:13px 18px;margin-bottom:12px;font-weight:600}
.why .why-list li .ok{width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:var(--gold);color:var(--gold-ink);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem}
.why-cta .tag{display:inline-block;background:var(--gold);color:var(--gold-ink);font-weight:700;font-size:.85rem;padding:6px 14px;border-radius:999px;margin-bottom:14px}
.why-cta h2{font-size:2.15rem;line-height:1.16}
.why-cta p{color:rgba(255,255,255,.92);margin:14px 0 22px;line-height:1.7}
.why-cta .buttons{display:flex;gap:12px;flex-wrap:wrap}

/* vacation types */
.vtype{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 16px;text-align:center;transition:.2s}
.vtype:hover{box-shadow:var(--shadow);transform:translateY(-3px);border-color:transparent}
.vtype .ico{width:58px;height:58px;border-radius:16px;margin:0 auto 13px;display:flex;align-items:center;justify-content:center;background:var(--gold);color:#3a2c00}
.vtype .ico svg{width:28px;height:28px}
.vtype h3{font-size:1.04rem}

/* guide card */
.guide-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:.2s}
.guide-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.guide-img{height:165px;position:relative}
.guide-img .ph{position:absolute;inset:0}
.guide-body{padding:17px 19px}
.guide-body .eyebrow{font-size:.8rem;margin-bottom:5px}
.guide-body h3{font-size:1.1rem;line-height:1.4}

/* FAQ */
.faq{max-width:820px;margin:0 auto}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;overflow:hidden;transition:.15s}
.faq-item.open{border-color:#d7e3ef;box-shadow:var(--shadow-sm)}
.faq-q{width:100%;text-align:right;background:none;border:0;padding:18px 20px;font-size:1.06rem;font-weight:700;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq-q .ar{flex:0 0 auto;font-size:0;line-height:1}  /* hide the source glyph (‹/▾ vary per page); draw a consistent chevron below */
.faq-q .ar::before{content:"\25BE";font-size:1.3rem;display:inline-block;color:var(--blue);transition:transform .2s ease}
.faq-item.open .faq-q .ar::before{transform:rotate(180deg)}  /* down when closed → up when open */
.faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;color:var(--gray)}
.faq-a div{padding:0 20px 18px;line-height:1.7}
.faq-item.open .faq-a{max-height:340px}

/* ============================================================
   Footer
   ============================================================ */
.site-footer{background:var(--blue);color:#fff;padding:56px 0 22px}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}
.foot-brand .logo{font-size:1.55rem;margin-bottom:13px}
.foot-brand p{color:rgba(255,255,255,.9);font-size:.94rem;max-width:310px;line-height:1.7}
.foot-col h4{color:var(--gold);font-size:1rem;margin-bottom:14px}
.foot-col li{margin-bottom:9px}
.foot-col a{color:rgba(255,255,255,.9);font-size:.94rem}
.foot-col a:hover{color:#fff;text-decoration:underline}
.disclosure{background:rgba(255,255,255,.10);border-radius:12px;padding:16px 20px;margin:36px 0 18px;font-size:.86rem;color:rgba(255,255,255,.92);line-height:1.6}
.disclosure b{color:var(--gold)}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;border-top:1px solid rgba(255,255,255,.18);padding-top:18px;font-size:.86rem;color:rgba(255,255,255,.82)}
.foot-bottom .links{display:flex;gap:18px}

/* ============================================================
   Responsive
   ============================================================ */
@media (max-width:980px){
  .grid-5{grid-template-columns:repeat(3,1fr)}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .hero-woman{width:46%}
  .why{grid-template-columns:1fr;padding:34px}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  body.hotel-home{font-size:16px}
  .nav{position:fixed;inset:66px 0 auto 0;background:var(--blue-dark);flex-direction:column;align-items:stretch;gap:0;padding:8px 0;display:none;box-shadow:0 20px 30px rgba(0,0,0,.2)}
  .nav.open{display:flex}
  .nav a{padding:13px 22px;border-bottom:1px solid rgba(255,255,255,.1)}
  .burger{display:flex}
  .hero-woman{display:none}
  .hero{min-height:0;padding:54px 0 40px}
  .hero h1{font-size:2.05rem}
  .hero-strip .wrap{flex-direction:column;align-items:flex-start}
  .search-bar{flex-wrap:wrap;border-radius:18px;padding:12px}
  .search-bar input{flex:1 1 100%;order:-1;padding:6px 4px}
  .search-bar .btn-amber{width:100%}
  .grid-5{grid-template-columns:repeat(2,1fr)}
  .grid-4,.grid-3{grid-template-columns:1fr}
  .sec{padding:46px 0}
  .sec-head h2{font-size:1.55rem}
  .foot-grid{grid-template-columns:1fr}
  .foot-bottom{flex-direction:column;text-align:center}
}

/* ============================================================
   Sub-pages (hotel detail, region/chain/vacation landing)
   ============================================================ */
.crumbs{background:var(--bg-alt);border-bottom:1px solid var(--line);font-size:.86rem;color:var(--gray)}
.crumbs .wrap{padding-top:12px;padding-bottom:12px}
.crumbs a{color:var(--gray)} .crumbs a:hover{color:var(--blue)}
.crumbs i{color:#b9c4d0;font-style:normal;margin:0 3px}
.crumbs span{color:var(--ink);font-weight:600}

/* hotel hero */
.hp-hero{position:relative;min-height:360px;display:flex;align-items:flex-end;color:#fff;overflow:hidden}
.hp-hero-img{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0}
.hp-hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,22,40,.12),rgba(8,22,40,.8))}
.hp-hero-inner{position:relative;z-index:2;padding-top:46px;padding-bottom:30px}
.hp-badges{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.rating.big{font-size:1.05rem;padding:7px 13px;position:static}
.hp-stars{color:#FFD15C;font-size:1.05rem;letter-spacing:2px}
.hp-hero h1{font-size:2.4rem}
.hp-meta{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:1.02rem;opacity:.95}
.hp-meta svg{width:16px;height:16px;flex:0 0 auto}
.hp-tags{margin-top:13px}
.hp-tags .tag{background:rgba(255,255,255,.18);color:#fff}

/* sticky CTA bar */
.hp-cta-bar{position:sticky;top:64px;z-index:20;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm)}
.hp-cta-bar .wrap{display:flex;align-items:center;gap:14px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
.hp-cta-bar .btn-amber{padding:11px 22px}
.hp-cta-txt{display:flex;flex-direction:column;line-height:1.3;margin-left:auto}
.hp-cta-txt b{color:var(--ink);font-size:1rem}
.hp-cta-txt span{color:var(--gray);font-size:.84rem}

/* hotel body grid */
.hp-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:34px;align-items:start}
.hp-main{min-width:0}
.hp-main h2{font-size:1.4rem;margin:26px 0 12px} .hp-main h2:first-child{margin-top:0}
.hp-main p{color:#41526a;line-height:1.8}
.perks.lg li{font-size:1rem;padding:5px 0}
.perks.lg .ok{width:22px;height:22px;flex:0 0 22px;display:inline-flex;align-items:center;justify-content:center;background:var(--blue-tint);color:var(--blue);border-radius:50%}
.perks.lg .ok svg{width:13px;height:13px}
.amen-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.amen{display:flex;align-items:center;gap:8px;color:#41526a;font-size:.96rem}
.amen .ok{color:var(--blue);display:inline-flex} .amen .ok svg{width:15px;height:15px}

/* hotel sidebar (non-sticky — scrolls with the page) */
.hp-side{display:flex;flex-direction:column;gap:18px}
.hp-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}
.hp-card h3{font-size:1.15rem;margin-bottom:14px}
.cmp-table{width:100%;border-collapse:collapse;font-size:.9rem}
.cmp-table th{text-align:right;color:var(--gray-soft);font-weight:600;font-size:.76rem;padding:0 0 8px;border-bottom:1px solid var(--line)}
.cmp-table td{padding:11px 0;border-bottom:1px solid var(--line-soft);vertical-align:middle}
.cmp-prov{font-weight:700;color:var(--ink)} .cmp-ben{color:var(--gray);font-size:.84rem}
.mini-cta{color:var(--blue);font-weight:700;white-space:nowrap}
.hp-disc{color:#9aa7b6;font-size:.78rem;margin-top:12px}
.hp-facts ul li{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line-soft);font-size:.92rem}
.hp-facts ul li:last-child{border-bottom:0}
.hp-facts ul li span{color:var(--gray)} .hp-facts ul li b{font-weight:700} .hp-facts a{color:var(--blue)}
.hp-facts .btn-block{width:100%;text-align:center}

/* hero review badge */
.hp-reviews-badge{display:inline-block;background:rgba(255,255,255,.18);backdrop-filter:blur(4px);color:#fff;font-weight:700;font-size:.82rem;padding:5px 12px;border-radius:999px;margin-right:8px}

/* gallery */
.hp-gallery-sec{padding-top:26px;padding-bottom:0}
.hp-gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:135px 135px;gap:10px}
.hp-gal-item{border:0;padding:0;border-radius:12px;background-size:cover;background-position:center;cursor:pointer;position:relative;overflow:hidden;transition:.2s;box-shadow:var(--shadow-sm)}
.hp-gal-item:hover{filter:brightness(1.06);transform:translateY(-2px)}
.hp-gal-item.lead{grid-column:1;grid-row:1 / 3}
.hp-gal-more{position:absolute;inset:0;background:rgba(8,22,40,.55);color:#fff;font-size:1.5rem;font-weight:800;display:flex;align-items:center;justify-content:center}

/* TL;DR box */
.hp-tldr{background:var(--blue-50);border:1px solid var(--blue-tint);border-radius:var(--radius);padding:20px 22px;margin-bottom:24px}
.hp-tldr h2{font-size:1.18rem;margin:0 0 12px;color:var(--blue-700)}
.hp-tldr h2 span{font-weight:500;color:var(--gray);font-size:.85rem}
.hp-tldr ul{list-style:none;margin:0;display:grid;gap:9px}
.hp-tldr li{display:flex;align-items:flex-start;gap:9px;color:#33465c;font-size:.98rem;line-height:1.6}
.hp-tldr li .ok{flex:0 0 20px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:var(--gold-ink);border-radius:50%;margin-top:2px}
.hp-tldr li .ok svg{width:12px;height:12px}

/* "במבט מהיר" — clean definition list (replaces boxed grid) */
.hp-glance{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:28px;background:#fff}
.hp-glance h2{font-size:1.12rem;margin:0;padding:14px 18px;background:var(--blue-50);color:var(--blue-700);border-bottom:1px solid var(--line)}
.hp-glance dl{margin:0;display:grid;grid-template-columns:1fr 1fr}
.glance-row{display:flex;gap:10px;padding:11px 18px;border-bottom:1px solid var(--line-soft)}
.hp-glance dl .glance-row:nth-last-child(-n+1){border-bottom:0}
.glance-row dt{color:var(--gray);font-weight:600;font-size:.9rem;flex:0 0 38%;margin:0}
.glance-row dd{color:var(--ink);font-weight:600;font-size:.93rem;margin:0}
@media(max-width:560px){.hp-glance dl{grid-template-columns:1fr}}

/* hero key-facts: stars + chain + rating, clearly visible on the image */
.hp-keyfacts{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.hp-keyfacts .kf{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.16);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.28);color:#fff;font-weight:700;padding:7px 14px;border-radius:999px;font-size:.95rem}
.hp-keyfacts .kf i{font-style:normal;font-weight:500;opacity:.85;font-size:.85rem}
.hp-keyfacts .kf a{color:#fff;text-decoration:underline}
.hp-keyfacts .kf-stars{color:var(--gold);letter-spacing:1px}
.hp-keyfacts .kf-rating .star{color:var(--gold)}

/* rich body */
.hp-rich h3{font-size:1.18rem;margin:22px 0 10px;color:var(--ink)}
.hp-rich p{color:#41526a;line-height:1.85;margin-bottom:14px}
.hp-rich ul,.hp-rich ol{margin:0 0 16px;padding-right:4px;list-style:none}
.hp-rich ul li{position:relative;padding:4px 22px 4px 0;color:#41526a;line-height:1.7}
.hp-rich ul li::before{content:"";position:absolute;right:4px;top:13px;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.hp-rich strong,.hp-rich b{color:var(--ink)}

/* rooms table */
.hp-rooms-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius)}
.hp-rooms{width:100%;border-collapse:collapse;font-size:.94rem;min-width:480px}
.hp-rooms th{background:var(--bg-alt);text-align:right;font-weight:700;color:var(--gray);padding:12px 14px;font-size:.82rem;border-bottom:1px solid var(--line)}
.hp-rooms td{padding:12px 14px;border-bottom:1px solid var(--line-soft);vertical-align:top;color:#41526a}
.hp-rooms tr:last-child td{border-bottom:0}
.hp-rooms .rm-name{font-weight:700;color:var(--ink);white-space:nowrap}
.hp-rooms .rm-feat{color:var(--gray);font-size:.88rem}

/* nearby */
.hp-near{list-style:none;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.hp-near li{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px 13px;color:#41526a}
.hp-near .np{flex:0 0 auto;color:var(--blue);display:inline-flex} .hp-near .np svg{width:17px;height:17px}
.hp-near b{color:var(--ink);font-weight:700} .hp-near .nd{margin-right:auto;color:var(--gray-soft);font-size:.85rem;white-space:nowrap}

/* review summary */
.hp-reviews{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm)}
.hp-rev-score{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.hp-rev-num{background:var(--blue);color:#fff;font-weight:800;font-size:1.5rem;border-radius:12px;padding:8px 16px;line-height:1}
.hp-rev-meta{display:flex;flex-direction:column;gap:3px} .hp-rev-meta span{color:var(--gray);font-size:.88rem}
.hp-rev-stars{color:var(--gold-dark);letter-spacing:2px}
.hp-rev-text{color:#41526a;line-height:1.85;margin:0}
.hp-rev-disc{color:#9aa7b6;font-size:.78rem;margin:12px 0 0}

/* booking card (single purchase CTA — item 8) */
.hp-book .hp-book-sub{color:var(--gray);font-size:.9rem;margin:0 0 14px;line-height:1.6}
.hp-book .btn-block{width:100%;text-align:center}
.compare-btn.btn-block{width:100%;text-align:center}

/* video card (item 3) */
.hp-video h3{margin-bottom:12px}
.hp-video-frame{position:relative;width:100%;padding-top:56.25%;border-radius:12px;overflow:hidden;background:#000}
.hp-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* live Google reviews widget (item 1) */
.hp-greviews{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm)}
.hp-grev-head{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--line-soft)}
.hp-grev-score{background:var(--blue);color:#fff;font-weight:800;font-size:1.6rem;border-radius:12px;padding:8px 18px;line-height:1}
.hp-grev-meta{display:flex;flex-direction:column;gap:3px}
.hp-grev-stars{color:var(--gold-dark);letter-spacing:2px}
.hp-grev-meta span{color:var(--gray);font-size:.9rem}
.hp-grev-list{display:grid;gap:14px}
.grev{border:1px solid var(--line-soft);border-radius:12px;padding:14px 16px;background:var(--bg-alt)}
.grev-top{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}
.grev-top b{color:var(--ink)} .grev-stars{color:var(--gold-dark);letter-spacing:1px;font-size:.9rem}
.grev-time{color:var(--gray-soft);font-size:.8rem;margin-right:auto}
.grev p{color:#41526a;line-height:1.7;margin:0;font-size:.94rem}
.hp-grev-disc{color:#9aa7b6;font-size:.8rem;margin:14px 0 0}
.hp-grev-disc a{color:var(--blue);font-weight:600}

/* lightbox */
.hp-lightbox{position:fixed;inset:0;z-index:90;background:rgba(8,16,28,.92);display:none;align-items:center;justify-content:center}
.hp-lightbox.on{display:flex}
.hpl-img{max-width:90vw;max-height:86vh;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.hpl-close{position:absolute;top:18px;left:18px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:1.2rem;cursor:pointer}
.hpl-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:2rem;cursor:pointer;line-height:1}
.hpl-nav:hover,.hpl-close:hover{background:rgba(255,255,255,.28)}
.hpl-prev{right:20px} .hpl-next{left:20px}

/* ============================================================
   Index pages (/מלונות /אזורים /רשתות /סוגי-חופשה)
   ============================================================ */
.idx-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--bg-alt);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}
.idx-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.idx-chips-lbl{color:var(--gray);font-weight:700;font-size:.9rem;margin-left:4px}
.region-card{display:block;color:#fff;min-height:200px}
.region-card .pc-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,22,40,.15),rgba(8,22,40,.78))}
.region-card .pc-body{position:absolute;inset:auto 0 0 0;z-index:2;padding:18px 20px;display:flex;flex-direction:column;gap:3px}
.region-card .pc-body b{font-size:1.35rem;font-weight:800}
.region-card .pc-count{color:var(--gold);font-weight:700;font-size:.9rem}
.region-card .pc-desc{font-size:.85rem;opacity:.9;line-height:1.4}
.region-card:hover{transform:translateY(-3px)}
.chain-feature{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px}
.cf-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cf-head h2{font-size:1.5rem;margin:0}
.cf-count{color:var(--blue);font-weight:700;font-size:.9rem}
.cf-desc{color:#41526a;line-height:1.7;margin:0;flex:1}
.chain-feature .btn{align-self:flex-start}
.vtype .count{display:block;margin-top:8px;color:var(--blue);font-weight:700;font-size:.85rem}

/* landing hero (region/chain/vacation-type) */
.land-hero{position:relative;min-height:300px;display:flex;align-items:center;color:#fff;overflow:hidden}
.land-hero-img{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0}
.land-hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,22,40,.3),rgba(8,22,40,.64))}
.land-hero-inner{position:relative;z-index:2;padding:42px 22px}
.eyebrow.light{color:#bfe0ff}
.land-hero h1{font-size:2.5rem}
.land-intro{margin-top:14px;max-width:640px;font-size:1.08rem;line-height:1.7;opacity:.95}
.land-meta{margin-top:14px;font-weight:700;color:#d8f3e6}

/* card-as-link tweaks */
.hotel-img{display:block}
.hotel-body h3 a{color:inherit} .hotel-body h3 a:hover{color:var(--blue)}

@media (max-width:880px){
  .hp-grid{grid-template-columns:minmax(0,1fr)}
  .hp-side{position:static}
  .amen-grid{grid-template-columns:1fr}
  .hp-hero h1,.land-hero h1{font-size:1.9rem}
  .hp-cta-bar{position:sticky;top:66px;z-index:30}
  .hp-cta-note{margin-right:0;flex-basis:100%}
  .hp-gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:100px}
  .hp-gallery .hp-gal-item.lead{grid-column:span 2;grid-row:span 1}
  .hp-quickfacts{grid-template-columns:repeat(2,1fr)}
  .hp-near{grid-template-columns:1fr}
}

.land-hero{background:var(--blue)}

/* mobile: the top hero sections were cramped/dense - let them breathe (size to content, looser type + spacing) */
@media(max-width:680px){
  .land-hero{min-height:auto}
  .land-hero-inner{padding:32px 20px}
  .land-hero h1,.hp-hero h1{font-size:1.5rem;line-height:1.38;word-break:break-word}
  .land-intro{font-size:1rem;line-height:1.95;margin-top:15px}
  .land-meta{margin-top:14px}
}

/* ============================================================
   Search, deals, compare
   ============================================================ */
.grid-2{grid-template-columns:repeat(2,1fr)}
.deal-pct{color:var(--gold-dark);font-weight:800;font-size:1.05rem;margin:2px 0 6px}

/* search */
.search-layout{display:grid;grid-template-columns:280px 1fr;gap:30px;align-items:start}
.filters{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}
.filter-grp{margin-bottom:14px}
.filter-grp label{display:block;font-size:.85rem;font-weight:700;color:var(--gray);margin-bottom:6px}
.filter-grp input,.filter-grp select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-family:inherit;font-size:.95rem;background:#fff;color:var(--ink)}
.filter-grp input:focus,.filter-grp select:focus{outline:0;border-color:var(--blue)}
.filters .btn{margin-top:6px}
.filter-clear{display:block;text-align:center;margin-top:10px;color:var(--gray);font-size:.86rem}
.filter-clear:hover{color:var(--blue)}
.filter-checks{display:flex;flex-direction:column;gap:7px;max-height:210px;overflow:auto;padding:4px 2px}
.filter-checks .fc{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500;color:var(--ink);cursor:pointer}
.filter-checks .fc input{width:auto;margin:0}
.empty-state{text-align:center;padding:54px 20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.empty-state h3{font-size:1.3rem;margin-bottom:8px}

/* floating compare bar */
.cmp-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--ink);color:#fff;box-shadow:0 -8px 24px rgba(0,0,0,.18)}
.cmp-bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 22px;flex-wrap:wrap}
.cmp-bar-list{font-size:.95rem} .cmp-bar-list b{color:var(--gold)}
.cmp-bar-act{display:flex;align-items:center;gap:14px}
.cmp-bar-clear{background:none;border:0;color:#cdd7e2;text-decoration:underline;font-size:.9rem}
/* compare-bar must not cover the footer; tighten on mobile */
body.has-cmp{padding-bottom:84px}
@media(max-width:560px){body.has-cmp{padding-bottom:120px}}
@media(max-width:560px){.cmp-bar .wrap{flex-wrap:nowrap;gap:10px;padding:9px 14px}.cmp-bar-list{font-size:.82rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-width:0}.cmp-bar-act{gap:10px;flex:0 0 auto}.cmp-bar .btn-amber{padding:9px 14px;font-size:.9rem;white-space:nowrap}.cmp-bar-clear{font-size:.82rem}}
@media(max-width:560px){.rb-tip{width:min(230px,72vw)}}
.compare-btn.added{border-color:var(--blue);color:var(--blue);background:var(--blue-50)}

/* compare table */
.cmp-wrap{overflow-x:auto}
/* horizontal scroll hint (fade + edge shadow) — shows only while there's more to scroll, fades out at the end */
.hp-rooms-wrap{
  background:
    linear-gradient(to right,var(--bg,#fff) 28%,rgba(255,255,255,0)) left center,
    linear-gradient(to left,var(--bg,#fff) 28%,rgba(255,255,255,0)) right center,
    radial-gradient(farthest-side at 0 50%,rgba(16,38,59,.22),rgba(16,38,59,0)) left center,
    radial-gradient(farthest-side at 100% 50%,rgba(16,38,59,.22),rgba(16,38,59,0)) right center;
  background-repeat:no-repeat;
  background-size:40px 100%,40px 100%,16px 100%,16px 100%;
  background-attachment:local,local,scroll,scroll;
}
.cmp-grid{width:100%;border-collapse:collapse;min-width:680px}
.cmp-grid th,.cmp-grid td{border:1px solid var(--line);padding:13px 14px;text-align:center;vertical-align:middle}
.cmp-grid th{background:var(--bg-alt);text-align:right;font-weight:700;color:var(--gray);width:160px;font-size:.9rem}
.cmp-grid tr:nth-child(even) td{background:#fcfdfe}
.cmp-head td{vertical-align:top;position:relative;background:#fff !important;width:33%}
.cmp-img{display:block;height:120px;border-radius:10px;background-size:cover;background-position:center;margin-bottom:10px}
.cmp-name{font-weight:800;font-size:1.05rem;color:var(--ink)}
.cmp-remove{position:absolute;top:8px;left:8px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem}
.cmp-rating{color:var(--blue);font-size:1.1rem}
.cmp-grid .yes{color:#18a05c;font-weight:800}.cmp-grid .no{color:#c0cad4}
/* edge-aware horizontal scroll shadow — overlays ABOVE the cells so it's uniform on every row (not occluded by zebra striping); toggled by JS, fades at the ends */
.cmp-scroll{position:relative}
.cmp-scroll::before,.cmp-scroll::after{content:"";position:absolute;top:0;bottom:0;width:26px;pointer-events:none;z-index:4;opacity:0;transition:opacity .18s ease}
.cmp-scroll::before{left:0;background:linear-gradient(to right,rgba(16,38,59,.20),rgba(16,38,59,0))}
.cmp-scroll::after{right:0;background:linear-gradient(to left,rgba(16,38,59,.20),rgba(16,38,59,0))}
.cmp-scroll.shad-l::before{opacity:1}
.cmp-scroll.shad-r::after{opacity:1}

@media (max-width:880px){
  .search-layout{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
}

/* ===== upgrade 2026-06: header search, ratings, reviews, rooms gallery, chain box ===== */
.hdr-search{display:flex;align-items:center;background:rgba(255,255,255,.16);border-radius:22px;padding:3px 4px 3px 12px;margin-inline-start:auto;margin-inline-end:14px}
.hdr-search input{background:transparent;border:0;color:#fff;font:inherit;font-size:.9rem;width:190px;outline:none}
.hdr-search input::placeholder{color:rgba(255,255,255,.8)}
.hdr-search button{background:#fff;border:0;border-radius:50%;width:31px;height:31px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--blue,#0279D5)}
.hdr-search button svg{width:16px;height:16px}
@media (max-width:980px){.hdr-search{margin-inline-end:8px}.hdr-search input{width:120px}}
@media (max-width:680px){
  /* logo pinned to the right; the menu (+ search icon on sub-pages) group on the LEFT on every page
     - anchored to the logo so it also works on the homepage, whose header has no .hdr-search */
  .site-header .logo{margin-inline-end:auto}
  .hdr-search{margin-inline-start:0;margin-inline-end:8px;background:none;padding:0}
  .hdr-search input{display:none}
  .burger{margin-inline-start:0}
  /* expanded: tapping the icon opens a full-width search bar dropping under the header */
  .hdr-search.open{position:absolute;top:66px;inset-inline:0;margin:0;padding:10px 14px;gap:8px;background:var(--blue-dark,#0161a8);box-shadow:0 18px 26px rgba(0,0,0,.22);z-index:49}
  .hdr-search.open input{display:block;flex:1 1 auto;width:auto;background:rgba(255,255,255,.18);border-radius:20px;padding:11px 16px;font-size:1rem}
  .hdr-search.open button{flex:0 0 auto;width:38px;height:38px}
}
.kf-google{background:#1a73e8;color:#fff;border-radius:8px;padding:3px 9px;font-weight:700}
.kf-google i{font-weight:400;opacity:.85}
.kf-chain a{color:#fff;text-decoration:underline}

.hp-flash{padding:13px 16px;border-radius:12px;margin-bottom:18px;font-weight:600}
.hp-flash.ok{background:#e6f7ee;color:#0b7a43;border:1px solid #b6e6cd}
.hp-flash.err{background:#fdecec;color:#b42318;border:1px solid #f6cfca}
.hp-chain-note{margin-top:14px;padding:12px 16px;background:var(--blue-50,#f0f7ff);border-radius:10px;font-size:.96rem}

/* 3 ratings row */
.hp-ratings{display:flex;gap:14px;flex-wrap:wrap;margin:6px 0 22px}
.hp-rt{flex:1;min-width:140px;background:#fff;border:1px solid var(--line,#ECF0F4);border-radius:14px;padding:16px;text-align:center;box-shadow:var(--shadow-sm)}
.hp-rt-n{font-size:2rem;font-weight:800;color:var(--blue,#0279D5);line-height:1}
.hp-rt-d{font-size:.9rem;color:#8a97a6;font-weight:600;margin-inline-start:2px}
.hp-rt-l{display:block;margin-top:6px;font-weight:700;font-size:.92rem}
.hp-rt-c{display:block;font-size:.8rem;color:#8a97a6}
.hp-rt-stars{display:block;color:#f5b301;letter-spacing:2px}
.hp-rt-g .hp-rt-n{color:#1a73e8}

/* rooms gallery */
.hp-rooms-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0 16px}
.hp-room-img{border:0;padding:0;height:130px;border-radius:12px;background-size:cover;background-position:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:.2s}
.hp-room-img:hover{filter:brightness(1.06);transform:translateY(-2px)}

/* google + user reviews */
.hp-greviews,.hp-userreviews{display:flex;flex-direction:column;gap:14px;margin:6px 0 10px}
.grev,.urev{background:#fff;border:1px solid var(--line,#ECF0F4);border-radius:12px;padding:14px 16px}
.grev-top,.urev-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.grev-stars,.urev-stars{color:#f5b301;letter-spacing:1px}
.grev-time,.urev-time{color:#9aa6b2;font-size:.82rem;margin-inline-start:auto}
.urev-title{font-weight:700;margin-bottom:4px}
.urev-reply{margin-top:10px;padding:10px 12px;background:var(--blue-50,#f0f7ff);border-radius:8px;font-size:.92rem}
.hp-grev-disc,.hp-rev-disc{font-size:.82rem;color:#9aa6b2}

/* write-a-review form */
.hp-revform{margin-top:26px;background:#fff;border:1px solid var(--line,#ECF0F4);border-radius:16px;padding:22px}
.revform .rf-row{display:flex;gap:14px;flex-wrap:wrap;margin:12px 0}
.revform label{display:block;font-weight:600;font-size:.9rem;flex:1;min-width:180px}
.revform input[type=text],.revform input[type=email],.revform textarea{width:100%;margin-top:5px;border:1px solid var(--line,#dde4ec);border-radius:10px;padding:10px 12px;font:inherit}
.revform .rf-full{margin:12px 0}
/* compact JS-driven star picker (RTL: star 1 on the right) */
.rf-stars{display:flex;align-items:center;gap:10px;font-weight:700;margin:4px 0 6px}
.rf-stars .rf-lbl{margin-inline-end:4px}
.rf-pick{display:inline-flex;gap:2px}
.rf-star{background:none;border:0;padding:0 1px;cursor:pointer;font-size:2rem;line-height:1;color:#d8dee6;transition:.1s}
.rf-star:hover{transform:scale(1.08)}
.rf-star.on{color:#f5b301}
.rf-note{font-size:.82rem;color:#9aa6b2;margin-top:10px}

/* sidebar rating box + chain box */
.hp-ratebox h3{margin:0 0 12px}
.hp-ratebox-list{list-style:none;margin:0;padding:0}
.hp-ratebox-list li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line,#eef2f6)}
.hp-ratebox-list .rb-v b{color:var(--blue,#0279D5);font-size:1.1rem}
.hp-ratebox-cta{display:block;margin-top:12px;text-align:center;font-weight:700;color:var(--blue,#0279D5)}
.hp-chainbox{display:flex;align-items:center;gap:12px}
.hp-chainbox-logo{flex:none;color:var(--blue,#0279D5);display:flex;align-items:center;min-width:48px}
.hp-chainbox-logo svg{width:46px;height:46px}
.hp-chainbox-logo img{max-width:92px;max-height:42px;width:auto;height:auto;object-fit:contain}
.hp-chainbox-l{display:block;font-size:.8rem;color:#8a97a6}
.hp-chainbox-n{font-weight:800;color:var(--blue,#0279D5)}
.hp-addr{margin:4px 0 12px;color:#54616e;display:flex;align-items:center;gap:6px}
.hp-addr svg{width:17px;height:17px;flex:0 0 auto;color:var(--blue,#0279D5)}

/* auto "price from" badge */
.hp-price{display:inline-flex;align-items:stretch;gap:8px;margin:8px 0;flex-wrap:nowrap}
.pf-note{width:100%;font-size:.72rem;color:#9aa6b2;font-weight:400;margin-top:1px}
.hp-price.in-hero .pf-note{color:rgba(255,255,255,.75)}
.hp-price .pf-l{color:#8a97a6;font-size:.85rem}
.hp-price .pf-n{color:var(--blue,#0279D5);font-size:1.3rem;font-weight:800;line-height:1}
.hp-price .pf-u{color:#8a97a6;font-size:.8rem}
.hp-price.on-card{margin:8px 0 6px;padding-top:9px;border-top:1px dashed var(--line,#eef2f6)}
.hp-price.in-book{margin:2px 0 10px}
.hp-price.in-book .pf-n{font-size:1.7rem}
.pf-disc{background:#1f9d6b;color:#fff;border-radius:6px;padding:2px 8px;font-size:.76rem;font-weight:800;margin-inline-start:8px;white-space:nowrap}
.hp-price.in-hero{display:inline-flex;align-items:center;margin-top:16px;background:rgba(255,255,255,.15);padding:9px 16px;border-radius:12px}
.hp-price.in-hero .pf-l,.hp-price.in-hero .pf-u{color:rgba(255,255,255,.88)}
.hp-price.in-hero .pf-n{color:#fff;font-size:1.55rem}

/* booking search widget (Hotelia-style) */
.hp-booking{background:var(--gold,#F8C63A);border-radius:16px;padding:14px;margin:0 0 22px;box-shadow:var(--shadow-sm)}
.hp-booking form{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch}
.hp-bk-field{flex:1;min-width:150px;background:#fff;border-radius:11px;padding:8px 14px;display:flex;flex-direction:column;justify-content:center}
.hp-bk-field label{font-size:.72rem;color:#8a97a6;font-weight:700;display:flex;align-items:center;gap:5px}
.hp-bk-field label svg{width:14px;height:14px}
.hp-bk-field input,.hp-bk-field select{border:0;outline:0;font:inherit;font-size:.95rem;font-weight:600;color:var(--ink,#22303f);background:transparent;width:100%}
.hp-booking .hp-bk-go{flex:0 0 auto;background:var(--blue-dark,#1B5FA8);color:#fff;border:0;border-radius:11px;padding:0 26px;font-weight:800;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:8px}
.hp-booking .hp-bk-go svg{width:17px;height:17px}
.hp-booking .hp-bk-go:hover{filter:brightness(1.08)}

@media (max-width:680px){
  .hp-gallery{grid-template-columns:1fr 1fr;grid-template-rows:120px 120px}
  .hp-gal-item.lead{grid-column:1 / 3;grid-row:1}
  .hp-rooms-gallery{grid-template-columns:1fr 1fr}
  .hp-booking .hp-bk-go{width:100%;justify-content:center;padding:12px}
}

/* ===== comparison article ("X או Y") ===== */
.ca-hero{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-700) 100%);color:#fff;padding:38px 0 30px}
.ca-hero h1{color:#fff;font-size:2rem;margin:6px 0 10px}
.ca-hero .ca-or{opacity:.7;font-weight:400}
.ca-hero .land-intro{color:rgba(255,255,255,.9);max-width:760px}
.ca-vs{display:flex;align-items:stretch;gap:14px;margin-top:20px;flex-wrap:wrap}
.ca-vs-card{flex:1 1 260px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:4px;color:#fff;transition:.15s}
.ca-vs-card:hover{background:rgba(255,255,255,.2)}
.ca-vs-img{position:relative;height:120px;border-radius:9px;background-size:cover;background-position:center;margin-bottom:6px}
.ca-vs-card b{font-size:1.08rem}
.ca-vs-loc{font-size:.85rem;opacity:.8}
.ca-vs-mid{align-self:center;font-weight:800;font-size:1.2rem;background:var(--amber,#f5a623);color:#16263B;border-radius:999px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.ca-grid td b{font-size:1.18rem;color:var(--ink)}
.ca-grid td small{display:inline-block;color:var(--gray);font-size:.72rem;margin-inline-start:2px}
.ca-grid td small.ca-c{display:block;margin:2px 0 0}
.ca-grid .ca-win{background:#eafaf1 !important;position:relative}
.ca-grid .ca-win::after{content:"✓";position:absolute;top:4px;inset-inline-end:6px;color:#18a05c;font-weight:800;font-size:.8rem}
.ca-grid .ca-na{color:var(--gray-soft);font-size:.85rem}
.ca-grid .ca-cta-row td{background:#fff !important;padding:14px}
.ca-prose h3{font-size:1.18rem;color:var(--ink);margin:22px 0 8px}
.ca-prose p{line-height:1.85;color:#33485e}
.ca-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.ca-list-item{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;transition:.15s;flex-wrap:wrap}
.ca-list-item:hover{border-color:var(--blue);box-shadow:0 4px 14px rgba(2,121,213,.1)}
.ca-li-a,.ca-li-b{font-weight:700;color:var(--ink)}
.ca-li-or{color:var(--amber,#f5a623);font-weight:800;font-size:.9rem}
.ca-li-go{margin-inline-start:auto;color:var(--blue);font-weight:600;font-size:.9rem;white-space:nowrap}
@media (max-width:680px){.ca-hero h1{font-size:1.5rem}.ca-vs{flex-direction:column;align-items:stretch;gap:10px}.ca-vs-card{flex:1 1 auto;width:100%}.ca-vs-mid{align-self:center;transform:none;margin:-3px auto;order:0}}

/* "למי זה מתאים" hub cards */
.suit-card{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 18px;transition:.15s}
.suit-card:hover{border-color:var(--blue);box-shadow:0 6px 18px rgba(2,121,213,.1);transform:translateY(-2px)}
.suit-name{font-size:1.15rem;font-weight:700;color:var(--ink)}
.suit-c{color:var(--gray);font-size:.92rem}
.suit-go{margin-top:6px;color:var(--blue);font-weight:600;font-size:.92rem}

/* ===== hotel-page overrides — MUST be last (the originals appear earlier at lines ~290-720 and would otherwise win) ===== */
.hp-hero{align-items:center}
.hp-hero-inner{padding-top:38px;padding-bottom:38px}
.hp-keyfacts .kf{white-space:nowrap}
.hp-keyfacts .kf-google{background:#fff;color:#1c2b3a;border-color:rgba(255,255,255,.7)}
.hp-keyfacts .kf-google b{color:#1c2b3a;font-weight:800}
.hp-keyfacts .kf-google i{font-style:normal;color:#6b7886;opacity:1}
.kf-google .g-logo{display:inline-flex;align-items:center}
.hp-keyfacts .kf-rating b{font-weight:800}
.hp-keyfacts .kf-rating i{font-style:normal;color:var(--gold);font-weight:700;opacity:1}
.amen-grid{grid-template-columns:repeat(3,1fr);gap:8px 16px}
.hp-booking{background:var(--blue-50);border:1px solid var(--blue-tint)}
.hp-booking .hp-bk-go{background:var(--gold);color:var(--gold-ink)}
.hp-booking .hp-bk-go:hover{background:var(--gold-dark);filter:none}
.hp-glance dt{display:flex;align-items:center}
.gl-ic{display:inline-flex;align-items:center;color:var(--blue);margin-inline-end:6px;opacity:.7}
.gl-ic svg{width:13px;height:13px}
.hp-ratebox-list li{align-items:center;gap:8px}
.hp-cta-bar .hp-cta-txt{margin-inline-end:auto}
@media(max-width:560px){.amen-grid{grid-template-columns:1fr 1fr}}
.hp-card.hp-book-y{background:#FDEFC4;border-color:var(--gold)}
.hp-card.hp-book-y h3{color:var(--gold-ink)}
.revform input,.revform textarea,.hp-bk-field input,.hp-bk-field select{box-sizing:border-box}

/* ===== hotel page round-3 polish (2026-06-22) ===== */
h2:has(.h-ic){display:flex;align-items:center;gap:10px;flex-wrap:wrap}
h2 .h-ic{vertical-align:0;margin:0;width:32px;height:32px;flex:0 0 auto}
h2 .h-ic svg{width:18px;height:18px}
.hp-keyfacts{align-items:center}
.hp-keyfacts .kf{align-items:center}
.kf-google .g-logo svg{display:block}
.hp-ratebox-cta{display:block;width:100%;margin-top:16px;text-align:center;font-weight:700;color:var(--blue);background:var(--blue-50);border:1px solid var(--blue-tint);border-radius:11px;padding:12px;cursor:pointer;transition:.15s;font-size:.96rem}
.hp-ratebox-cta:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.rb-rev-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px}
.rb-rev-arr{width:32px;height:32px;font-size:1.2rem;font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.rb-rev-dots{display:flex;align-items:center;gap:6px}
.rb-dot{width:8px;height:8px}
.gl-ic{margin-inline-end:8px;opacity:.85}
.gl-ic svg{width:17px;height:17px}
.hp-glance dt{display:flex;align-items:center}
.hp-faq-sec{background:linear-gradient(180deg,#e7f1fb 0%,#f4f9fe 55%,#fff 100%)}
.hp-faq-head{display:flex;align-items:center;justify-content:center;gap:14px;max-width:840px;margin:0 auto 26px;padding-bottom:0;border-bottom:0}
.hp-faq-sec .faq{max-width:840px;margin:0 auto}

/* ===== round-4: mobile sticky CTA + gentle reviews crossfade (2026-06-22) ===== */
@media(max-width:880px){
  .hp-cta-bar{position:sticky;top:66px;z-index:30}
  .hp-cta-bar .wrap{padding-top:9px;padding-bottom:9px;gap:8px;flex-wrap:nowrap}
  .hp-cta-bar .hp-cta-txt{display:none}
  .hp-cta-bar .compare-btn{display:none}
  .hp-cta-bar .hp-price.in-cta{flex:0 0 auto}
  .hp-cta-bar .btn-amber{flex:1;justify-content:center;white-space:nowrap}
}
.rb-rev-track{position:relative;min-height:172px}
.rb-rev{display:block;position:absolute;inset:0;opacity:0;transition:opacity .55s ease;pointer-events:none}
.rb-rev.on{position:relative;opacity:1;pointer-events:auto;animation:none}

/* ===== round-5: visible content links + squarer comparison images (2026-06-22) ===== */
.hp-rich a{color:var(--blue);text-decoration:underline;text-underline-offset:2px;font-weight:600}
.hp-rich a:hover{color:var(--blue-dark,#0a66b8)}
.ca-vs{max-width:700px;margin-inline:auto}
.ca-vs-img{height:200px}
@media(max-width:680px){.ca-vs-img{height:170px}}

/* ============ מגזין הוליידי (magazine hub + category) v32 ============ */
.mag-hero{background:linear-gradient(160deg,#eaf3fc 0%,#f6fafe 55%,#fff 100%);padding:54px 0 40px;text-align:center;border-bottom:1px solid var(--line)}
.mag-hero.cat{padding:44px 0 32px}
.mag-hero-inner{max-width:760px;margin:0 auto}
.mag-hero h1{font-size:2.15rem;line-height:1.18;margin:6px 0 12px;color:var(--ink)}
.mag-hero .land-intro{color:var(--gray);font-size:1.08rem;max-width:640px;margin:0 auto 22px}
.mag-hero .eyebrow.light{color:var(--blue);font-weight:800;letter-spacing:.04em}
.mc-ic{display:inline-flex;width:1em;height:1em;vertical-align:-.12em;margin-inline-end:5px}
.mc-ic svg{width:100%;height:100%}
/* category chips */
.mag-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.mag-chips.center{justify-content:center}
.mag-chips a{display:inline-flex;align-items:center;gap:2px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 16px;font-weight:700;font-size:.95rem;color:var(--ink);box-shadow:0 1px 2px rgba(16,38,59,.04);transition:.15s}
.mag-chips a:hover{border-color:var(--blue);color:var(--blue);box-shadow:0 4px 14px rgba(2,121,213,.12);transform:translateY(-1px)}
.mag-chips a .mc-ic{color:var(--blue)}
/* grid + cards */
.mag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px}
.mag-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;transition:.18s}
.mag-card:hover{box-shadow:0 12px 30px rgba(16,38,59,.10);transform:translateY(-3px);border-color:#dde6ef}
.mag-card-img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--bg-alt)}
.mag-card-img .ph{position:absolute;inset:0;background-size:cover;background-position:center;transition:.4s}
.mag-card:hover .mag-card-img .ph{transform:scale(1.05)}
.mag-card-cat{position:absolute;top:12px;inset-inline-start:12px;background:rgba(255,255,255,.94);color:var(--blue);font-weight:800;font-size:.78rem;padding:5px 11px;border-radius:999px;box-shadow:0 2px 8px rgba(16,38,59,.12)}
.mag-card-body{display:flex;flex-direction:column;gap:8px;padding:16px 17px 17px;flex:1}
.mag-card-title{font-size:1.12rem;line-height:1.32;margin:0;color:var(--ink);font-weight:800}
.mag-card-ex{color:var(--gray);font-size:.95rem;line-height:1.5}
.mag-card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--line-soft)}
.mag-card-date{color:var(--gray-soft);font-size:.85rem}
.mag-card-go{color:var(--blue);font-weight:800;font-size:.92rem}
/* featured big card */
.mag-featured .mag-card-big{flex-direction:row;align-items:stretch}
.mag-card-big .mag-card-img{flex:0 0 52%;aspect-ratio:auto}
.mag-card-big .mag-card-body{justify-content:center;padding:30px 32px;gap:12px}
.mag-card-big .mag-card-title{font-size:1.7rem;line-height:1.22}
.mag-card-big .mag-card-ex{font-size:1.05rem}
/* category section head */
.mag-cat-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.mag-cat-head .eyebrow .mc-ic{color:var(--blue)}
.mag-more{color:var(--blue);font-weight:800;white-space:nowrap;text-decoration:none}
.mag-more:hover{text-decoration:underline}
/* CTA strip */
.mag-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.mag-cta h2{margin:4px 0 8px}
.mag-cta .sub{max-width:520px}
.mag-cta-btns{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:760px){
  .mag-hero h1{font-size:1.7rem}
  .mag-featured .mag-card-big{flex-direction:column}
  .mag-card-big .mag-card-img{flex:none;aspect-ratio:16/10}
  .mag-card-big .mag-card-body{padding:20px}
  .mag-card-big .mag-card-title{font-size:1.35rem}
  .mag-cta{flex-direction:column;align-items:flex-start}
}

/* ============ hotel-page round-4 fixes (v33) ============ */
/* rating chips: score word same size as the number, kept on one line */
.hp-keyfacts .kf{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap}
.hp-keyfacts .kf-rating b,.hp-keyfacts .kf-google b{font-size:1rem;font-weight:800}
.hp-keyfacts .kf-rating i{font-size:1rem;font-weight:700;font-style:normal;color:var(--gold)}

/* review modal: bigger, centered, close-X on the LEFT */
.hp-modal-box{max-width:600px;padding:34px 34px 30px}
.hp-modal-box h3{font-size:1.3rem;margin-bottom:18px;padding-inline-end:34px}
.hp-modal-x{left:18px !important;right:auto !important;top:18px;width:34px;height:34px;font-size:1.05rem}
.revform .rf-full{display:block;margin-bottom:14px;font-size:.86rem;color:#5f6e7e;font-weight:700}
.revform .rf-full input,.revform .rf-full textarea{width:100%;margin-top:5px}

/* booking search: the whole field is clickable + clearer hover */
.hp-bk-field{cursor:pointer;border:1px solid transparent;transition:.15s}
.hp-bk-field.hp-bk-date:hover,.hp-bk-field.hp-bk-guests:hover{background:#fff;border-color:#cfe0f1;box-shadow:0 2px 12px rgba(2,121,213,.1)}
.hp-bk-cap{font-size:.72rem;color:#8a97a6;font-weight:700;display:flex;align-items:center;gap:5px;pointer-events:none;margin-bottom:2px}
.hp-bk-cap svg{width:14px;height:14px}
.hp-bk-dest{cursor:default}
.hp-bk-dest .hp-bk-val{font-weight:700;color:var(--ink,#22303f);font-size:.95rem}
.hp-bk-field.hp-bk-date input,.hp-bk-field.hp-bk-guests select{cursor:pointer;width:100%;font-weight:600}

/* reviews carousel: stable height (no page jump) via single-cell grid overlay */
.rb-rev-track{display:grid;min-height:0;height:auto}
.rb-rev{grid-area:1/1;position:static;display:block;opacity:0;transition:opacity .4s ease;pointer-events:none}
.rb-rev.on{position:static;opacity:1;pointer-events:auto}

/* FAQ chevron: points down when closed, flips up when open */
/* FAQ chevron unified in the .faq-q .ar::before rule above (down→up on open) */

/* redesigned "compare this hotel vs rivals" cards */
.hp-vs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}
.hp-vs-card{display:flex;flex-direction:column;gap:13px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 18px 15px;text-decoration:none;color:inherit;transition:.18s}
.hp-vs-card:hover{border-color:var(--blue);box-shadow:0 10px 26px rgba(2,121,213,.13);transform:translateY(-2px)}
.hp-vs-card .vs-row{display:flex;align-items:center;gap:10px}
.hp-vs-card .vs-a,.hp-vs-card .vs-b{flex:1;font-weight:800;color:var(--ink);font-size:.97rem;line-height:1.25}
.hp-vs-card .vs-b{text-align:left;color:var(--blue)}
.hp-vs-card .vs-badge{flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--blue),#0a66b8);color:#fff;font-weight:800;font-size:.76rem;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 9px rgba(2,121,213,.32)}
.hp-vs-card .vs-cta{display:flex;align-items:center;justify-content:center;gap:7px;background:var(--blue-tint,#E3EFFA);color:var(--blue);font-weight:800;font-size:.92rem;padding:10px;border-radius:10px;transition:.15s}
.hp-vs-card:hover .vs-cta{background:var(--blue);color:#fff}
.hp-vs-card .vs-ar{font-size:1.15rem;line-height:1}

/* ============ homepage round-5 overhaul (v35) ============ */
/* logo: thinner co.il than "Holiday" */
.logo .logo-tld{font-weight:300}
.logo b{font-weight:800}

/* hero search: no inner icon; chips snug under the bar, smaller; save inline */
.hero-strip{padding:50px 0 20px}
.chips{gap:8px;align-items:center}
.chips .lbl{color:var(--gray);font-weight:700;font-size:.86rem}
.chip{font-size:.85rem;padding:6px 13px}
.save{color:#1f9d6b;font-weight:700;font-size:.86rem;white-space:nowrap;margin-inline-start:6px}

/* "more" link → subtle pill button, chevron on the other side */
.sec-head .more{float:left;display:inline-flex;align-items:center;gap:6px;background:var(--blue-tint,#E3EFFA);color:var(--blue);font-weight:700;font-size:.88rem;padding:7px 15px;border-radius:999px;transition:.15s}
.sec-head .more::before{content:""}
.sec-head .more::after{content:"›";font-size:1.1rem;line-height:1;margin-top:-1px}
.sec-head .more:hover{background:var(--blue);color:#fff}

/* vacation types: modern, animated cards */
.vt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:16px}
.vtype{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 14px 20px;overflow:hidden;opacity:0;transform:translateY(14px);animation:vtIn .5s ease forwards;animation-delay:var(--d,0s);transition:transform .25s,box-shadow .25s,border-color .25s}
@keyframes vtIn{to{opacity:1;transform:none}}
.vtype:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(2,121,213,.16);border-color:transparent}
.vtype .ico{width:62px;height:62px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eaf3fc,#d6e9fb);color:var(--blue);transition:.25s}
.vtype:hover .ico{background:linear-gradient(135deg,var(--blue),#0a66b8);color:#fff;transform:scale(1.08) rotate(-4deg)}
.vtype .ico svg{width:30px;height:30px}
.vtype h3{font-size:1.02rem;margin:0;color:var(--ink)}
.vtype .vt-go{font-size:.82rem;font-weight:700;color:var(--blue);opacity:0;transform:translateY(4px);transition:.2s}
.vtype:hover .vt-go{opacity:1;transform:none}

/* chains: real logos instead of the generic icon */
.chain-grid .chain-logo{width:auto;height:56px;border-radius:0;background:none;margin:0 auto 14px;box-shadow:none}
.chain-grid .chain-logo img{height:56px;max-width:160px;object-fit:contain;display:block;margin:0 auto}
.chain-name-fallback{font-weight:800;font-size:1.35rem;color:var(--blue)}

/* deals → two big chain banners with corner ribbon */
.deal-banners{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.deal-banner{position:relative;display:block;border-radius:20px;overflow:hidden;min-height:270px;box-shadow:0 10px 30px rgba(16,38,59,.12);transition:.25s}
.deal-banner:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(16,38,59,.22)}
.deal-banner .db-img{position:absolute;inset:0;background-size:cover;background-position:center;transition:.55s}
.deal-banner:hover .db-img{transform:scale(1.06)}
.deal-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,22,38,.12),rgba(8,22,38,.74))}
.db-stripe{position:absolute;top:28px;left:-54px;right:auto;transform:rotate(-45deg);background:linear-gradient(90deg,var(--gold),#ecb21f);color:#3a2c00;font-weight:800;font-size:.95rem;padding:9px 62px;box-shadow:0 4px 12px rgba(0,0,0,.28);z-index:3}
.db-body{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px}
.db-logo{background:rgba(255,255,255,.96);border-radius:14px;padding:16px 26px;box-shadow:0 6px 18px rgba(0,0,0,.22)}
.db-logo img{height:46px;max-width:190px;object-fit:contain;display:block}
.db-cta{display:inline-flex;align-items:center;gap:7px;background:#fff;color:var(--blue);font-weight:800;font-size:1rem;padding:11px 26px;border-radius:999px;transition:.15s}
.deal-banner:hover .db-cta{background:var(--gold);color:#3a2c00}

/* search results: recommended block below */
.search-rec{margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}
.search-rec h2{font-size:1.45rem;margin-bottom:4px}
.search-rec .sub{margin-bottom:18px}

/* ----- mobile polish ----- */
@media(max-width:760px){
  .hero-strip{display:none}  /* hide popular chips + "25% הנחה" strip on mobile (per user) */
  .hero-strip .wrap{flex-direction:column;align-items:stretch}
  .chips{gap:7px;justify-content:flex-start}
  .chips .lbl{flex-basis:100%;margin-bottom:3px}
  .chip{font-size:.82rem;padding:6px 12px}
  .save{flex-basis:100%;margin:8px 0 0;font-size:.83rem}
  .search-bar{margin:22px 0 -30px;border-radius:16px;padding:10px 14px;gap:8px}
  .search-bar input{flex:1 1 100%;font-size:1rem;padding:8px 6px}
  .search-bar .btn-amber{width:100%;justify-content:center}
  .vt-grid{grid-template-columns:1fr 1fr;gap:12px}
  .vtype{padding:20px 10px 16px}
  .vtype .ico{width:54px;height:54px}
  .vtype .vt-go{opacity:1;transform:none}
  .deal-banners{grid-template-columns:1fr;gap:16px}
  .deal-banner{min-height:215px}
  .chain-grid{grid-template-columns:1fr 1fr}
  .sec-head .more{font-size:.82rem;padding:6px 12px}
  .sec-head h2{font-size:1.5rem}
}
@media(max-width:420px){
  .vt-grid{grid-template-columns:1fr 1fr}
  .chain-grid{grid-template-columns:1fr}
}

/* ============ round-6: sitemap + tweaks (v36) ============ */
.sitemap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:26px 22px}
.sitemap-grid .sm-col h3{font-size:1.02rem;color:var(--ink);margin:0 0 10px;padding-bottom:7px;border-bottom:2px solid var(--blue-tint,#E3EFFA)}
.sitemap-grid .sm-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.sitemap-grid .sm-col a{color:var(--gray);font-size:.92rem;transition:.12s}
.sitemap-grid .sm-col a:hover{color:var(--blue)}
.sitemap-grid .sm-col-wide{grid-column:1/-1}
.sitemap-grid .sm-hotels{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px 18px}

/* round-6b: pull the popular-chips strip snug under the search bar */
.hero-strip{margin-top:-62px;padding:16px 0 20px}
@media(max-width:760px){.hero-strip{margin-top:-30px;padding:18px 0 14px}}

/* round-6c: deal ribbon - more diagonal room so the start of the text isn't clipped */
.db-stripe{top:34px;left:-66px;padding:9px 88px;white-space:nowrap;text-align:center;font-size:.9rem;letter-spacing:.2px}
@media(max-width:760px){.db-stripe{top:26px;left:-58px;padding:7px 72px;font-size:.8rem}}

/* ============ round-7: premium comparison + vacation types + region arrow (v39) ============ */
/* region card CTA arrow */
.photo-card .pc-link{display:inline-flex;align-items:center;gap:5px}
.photo-card .pc-ar{font-size:1.1rem;line-height:1}

/* upgraded comparison cards with hotel thumbnails + ratings */
.vs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.vs-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:.18s}
.vs-card:hover{box-shadow:0 14px 32px rgba(16,38,59,.14);transform:translateY(-3px);border-color:#dde6ef}
.vs-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px;position:relative}
.vs-hotel{display:flex;flex-direction:column;gap:9px;min-width:0}
.vs-thumb{position:relative;display:block;height:98px;border-radius:11px;background-size:cover;background-position:center;background-color:var(--bg-alt)}
.vs-rate{position:absolute;top:7px;inset-inline-start:7px;background:rgba(16,30,46,.82);color:#fff;font-weight:800;font-size:.73rem;padding:3px 7px;border-radius:7px;display:flex;align-items:center;gap:3px}
.vs-rate .star{color:var(--gold);font-size:.85em}
.vs-hname{font-weight:800;font-size:.9rem;line-height:1.25;color:var(--ink);text-align:center}
.vs-badge{position:absolute;top:65px;left:50%;transform:translate(-50%,-50%);z-index:2;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--blue),#0a66b8);color:#fff;font-weight:800;font-size:.82rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(2,121,213,.35),0 0 0 4px #fff}
.vs-go{display:flex;align-items:center;justify-content:center;gap:7px;margin:2px 16px 16px;background:var(--blue-tint,#E3EFFA);color:var(--blue);font-weight:800;font-size:.93rem;padding:11px;border-radius:10px;transition:.15s}
.vs-card:hover .vs-go{background:var(--blue);color:#fff}
.vs-go .vs-ar{font-size:1.1rem}
@media(max-width:760px){.vs-grid{grid-template-columns:1fr}}

/* premium vacation-type cards: distinct accent colour per tile + bigger, dimensional icon */
.vt-grid{gap:18px}
.vtype{padding:30px 16px 22px;border-radius:20px;box-shadow:0 2px 10px rgba(16,38,59,.05)}
.vtype:hover{box-shadow:0 18px 40px rgba(2,121,213,.16)}
.vt-grid .vtype:nth-child(6n+1){--c:#0279D5}
.vt-grid .vtype:nth-child(6n+2){--c:#10b3a3}
.vt-grid .vtype:nth-child(6n+3){--c:#ef9a1e}
.vt-grid .vtype:nth-child(6n+4){--c:#e0568a}
.vt-grid .vtype:nth-child(6n+5){--c:#7b61ff}
.vt-grid .vtype:nth-child(6n+6){--c:#1f9d6b}
.vtype .ico{width:72px;height:72px;border-radius:22px;background:color-mix(in srgb, var(--c,#0279D5) 13%, #fff);color:var(--c,#0279D5);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c,#0279D5) 18%, #fff)}
.vtype .ico svg{width:36px;height:36px;stroke-width:2}
.vtype:hover .ico{background:linear-gradient(135deg, var(--c,#0279D5), color-mix(in srgb, var(--c,#0279D5) 70%, #000));color:#fff;transform:scale(1.07) rotate(-4deg)}
.vtype h3{font-size:1.07rem;font-weight:800}
.vtype .vt-go{color:var(--c,#0279D5)}

/* ============ round-8: deals all-button, richer footer, icon polish (v40) ============ */
.deals-allbtn{text-align:center;margin-top:26px}
.deals-allbtn .btn{font-size:1.05rem;padding:14px 36px}
.deals-allbtn .vs-ar{font-size:1.1rem;margin-inline-start:3px}

/* richer multi-module footer */
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr 1fr;gap:26px 22px}
.foot-search-cta{display:inline-flex;align-items:center;gap:7px;margin-top:14px;background:rgba(255,255,255,.12);color:#fff;font-weight:700;font-size:.9rem;padding:9px 16px;border-radius:999px;transition:.15s}
.foot-search-cta svg{width:16px;height:16px}
.foot-search-cta:hover{background:rgba(255,255,255,.22)}
.foot-col h4{font-size:.97rem;margin-bottom:11px}
.foot-col ul li{margin-bottom:7px}
.foot-col ul li a{font-size:.9rem}
@media(max-width:1000px){.foot-grid{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:560px){.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}

/* vacation-type icons: never clip + cleaner hover (no rotate) */
.vtype .ico,.vtype .ico svg{overflow:visible}
.vt-grid .vtype:hover .ico{transform:scale(1.06)}

/* launch: belt-and-suspenders against stray horizontal scroll on mobile.
   overflow-x:clip (NOT hidden) does not create a scroll container, so position:sticky header/CTA stay intact. */
body.hotel-home{overflow-x:clip}

/* round-N (2026-06-24): uniform rating-chip frames on the hotel hero (were 2 fat / 2 thin) */
.hp-keyfacts{align-items:stretch}
.hp-keyfacts .kf{min-height:40px;padding-top:0;padding-bottom:0;align-items:center;line-height:1.1;box-sizing:border-box}
.hp-keyfacts .kf i,.hp-keyfacts .kf b{line-height:1.1}
/* "all articles in category" rendered as a button */
.mag-more{display:inline-flex;align-items:center;gap:6px;background:var(--blue);color:#fff !important;padding:9px 18px;border-radius:999px;font-weight:700;font-size:.92rem;text-decoration:none;transition:.15s}
.mag-more:hover{background:#015fa8;transform:translateY(-1px)}

/* hotels-page comparison carousel: 3 visible + arrows, scroll-snap, never empty cells */
.vs-carousel{position:relative;padding:0 6px}
.vsc-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 2px;scrollbar-width:none}
.vsc-track::-webkit-scrollbar{display:none}
.vsc-track>.vs-card{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start;margin:0}
.vsc-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:50px;height:50px;border-radius:50%;border:0;background:#fff;box-shadow:0 10px 26px rgba(16,38,59,.30),0 2px 6px rgba(16,38,59,.16);font-size:1.9rem;font-weight:700;line-height:1;color:var(--blue);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,background .15s,color .15s,box-shadow .15s}
.vsc-arrow:hover{background:var(--blue);color:#fff;box-shadow:0 12px 30px rgba(2,121,213,.42)}
.vsc-arrow:active{transform:translateY(-50%) scale(.93)}
.vsc-arrow:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 45%,#fff);outline-offset:2px}
.vsc-prev{right:-12px}.vsc-next{left:-12px}
@media(max-width:880px){.vsc-track>.vs-card{flex:0 0 calc((100% - 18px)/2)}}
@media(max-width:600px){.vsc-track>.vs-card{flex:0 0 86%}.vsc-arrow{display:none}}

/* lightbox caption: hotel name · category · counter (clear, easy navigation) */
.hpl-cap{position:absolute;bottom:20px;left:0;right:0;text-align:center;color:#fff;font-weight:700;font-size:.95rem;text-shadow:0 1px 6px rgba(0,0,0,.65);pointer-events:none;z-index:4}

/* vacation-types index: homepage per-tile colors + 3-col layout that fits the descriptions */
.vt-rich{grid-template-columns:repeat(3,1fr)}
.vt-rich .vtype{padding:28px 18px 22px}
.vt-rich .vtype .sub{font-size:.9rem;color:var(--gray);line-height:1.55;margin:2px 0 0}
.vt-rich .vtype .count{display:block;margin-top:10px;font-weight:800;color:var(--c,#0279D5)}
@media(max-width:880px){.vt-rich{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.vt-rich{grid-template-columns:1fr}}

/* gallery + rooms: cleaner, swipeable strips on mobile (was a cramped grid) */
@media(max-width:680px){
  .hp-gallery{display:flex;overflow-x:auto;gap:10px;grid-template-rows:none;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .hp-gallery::-webkit-scrollbar{display:none}
  .hp-gallery .hp-gal-item{flex:0 0 84%;height:230px;scroll-snap-align:center}
  .hp-gallery .hp-gal-item.lead{grid-column:auto;grid-row:auto}
  .hp-rooms-gallery{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .hp-rooms-gallery::-webkit-scrollbar{display:none}
  .hp-rooms-gallery .hp-room-img{flex:0 0 72%;height:185px;scroll-snap-align:center}
}

/* room-type label overlay on the rooms gallery thumbnails (Junior Suite, Presidential, etc.) */
.hp-room-img{position:relative}
.hp-room-lbl{position:absolute;left:8px;right:8px;bottom:8px;background:rgba(8,22,40,.72);color:#fff;font-size:.78rem;font-weight:700;padding:4px 8px;border-radius:8px;text-align:center;backdrop-filter:blur(3px);pointer-events:none;line-height:1.3}
@media(max-width:680px){.hp-rooms-gallery .hp-room-img .hp-room-lbl{font-size:.72rem}}

/* improved rooms gallery: bigger thumbs, 4-col, +N overlay (mobile keeps the swipe strip) */
.hp-rooms-gallery{grid-template-columns:repeat(4,1fr);gap:12px}
.hp-rooms-gallery .hp-room-img{height:158px;border-radius:14px}
.hp-room-more{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(8,22,40,.55);color:#fff;font-weight:800;font-size:1.05rem;border-radius:14px;backdrop-filter:blur(2px)}
@media(max-width:880px){.hp-rooms-gallery{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.hp-rooms-gallery .hp-room-img{height:210px}}
/* hint that the lightbox supports swipe on touch */
.hp-lightbox.on .hpl-img{touch-action:pan-y}

/* rooms carousel: bigger images + side arrows (matches the comparison carousel) */
.hp-rooms-carousel{position:relative;margin:6px 0 20px;padding:0 4px}
.hp-rooms-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:4px 2px}
.hp-rooms-track::-webkit-scrollbar{display:none}
.hp-rooms-track>.hp-room-img{flex:0 0 calc((100% - 28px)/3);height:240px;scroll-snap-align:start;border-radius:16px;position:relative}
.hp-rooms-carousel .vsc-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6}
.hp-rooms-carousel .rc-prev{right:-12px}
.hp-rooms-carousel .rc-next{left:-12px}
.hp-rooms-track .hp-room-lbl{font-size:.86rem;padding:6px 11px}
@media(max-width:880px){.hp-rooms-track>.hp-room-img{flex:0 0 calc((100% - 14px)/2);height:235px}.hp-rooms-carousel .vsc-arrow{display:none}}
@media(max-width:600px){.hp-rooms-track>.hp-room-img{flex:0 0 85%;height:245px}}

/* main gallery as a carousel (matches the rooms carousel) */
.hp-gallery-carousel{position:relative;padding:0 4px}
.hp-gallery-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:4px 2px}
.hp-gallery-track::-webkit-scrollbar{display:none}
.hp-gallery-track>.hp-gal-item{flex:0 0 calc((100% - 24px)/3);height:265px;scroll-snap-align:start;border-radius:16px}
.hp-gallery-carousel .vsc-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6}
.hp-gallery-carousel .gc-prev{right:-12px}
.hp-gallery-carousel .gc-next{left:-12px}
@media(max-width:880px){.hp-gallery-track>.hp-gal-item{flex:0 0 calc((100% - 12px)/2);height:235px}.hp-gallery-carousel .vsc-arrow{display:none}}
@media(max-width:600px){.hp-gallery-track>.hp-gal-item{flex:0 0 86%;height:255px}}

/* nicer lightbox buttons: solid circular, blur, ring, hover-fill */
.hpl-nav,.hpl-close{background:rgba(18,26,38,.6);box-shadow:0 4px 16px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.22)}
.hpl-nav{width:56px;height:56px;font-size:2.1rem}
.hpl-close{width:46px;height:46px;font-size:1.3rem}
.hpl-nav:hover{background:var(--blue,#0279d5);border-color:transparent;transform:translateY(-50%) scale(1.07)}
.hpl-close:hover{background:var(--blue,#0279d5);border-color:transparent;transform:scale(1.07)}

/* hotel location: embedded Google map (browser follows the maps.google.com 301 → /maps/embed 200 which has NO X-Frame-Options) + small "open in maps" button */
.hp-map{margin-top:10px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg-alt)}
.hp-map-frame{display:block;width:100%;height:200px;border:0}
.hp-map-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;color:var(--blue);font-weight:700;font-size:.9rem;border-top:1px solid var(--line);background:#fff;transition:.15s}
.hp-map-btn:hover{background:var(--blue);color:#fff}
.hp-map-btn svg{width:17px;height:17px}

/* legacy clickable map link (kept as a fallback style) */
.hp-maplink{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--bg-alt);color:inherit;transition:.15s;margin-top:4px}
.hp-maplink:hover{border-color:var(--blue);box-shadow:0 4px 14px rgba(2,121,213,.1)}
.hp-maplink-ic{flex:none;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--blue) 12%,#fff);color:var(--blue);display:flex;align-items:center;justify-content:center}
.hp-maplink-ic svg{width:22px;height:22px}
.hp-maplink-txt{display:flex;flex-direction:column;line-height:1.35;min-width:0}
.hp-maplink-txt b{color:var(--ink);font-size:.98rem}
.hp-maplink-txt span{color:var(--gray);font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hp-maplink-go{margin-inline-start:auto;flex:none;color:var(--blue);font-weight:700;font-size:.88rem;white-space:nowrap}
@media(max-width:520px){.hp-maplink-go{display:none}.hp-maplink-txt span{white-space:normal}}

/* mobile: hide the cross-link chip rows but keep the blue search/advanced button */
@media(max-width:760px){.idx-toolbar{display:none}}

/* ===== unified results layout =====
   DESKTOP: open filter sidebar (right) + top sort bar (count right, sort select left)
   MOBILE:  compact סינון/מיון buttons -> bubbles; sidebar collapses (form moves into the bubble) */
.lst{margin-top:4px}
.lst-bar{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.lst-count{font-weight:800;color:var(--ink);font-size:1rem;white-space:nowrap}
.lst-sort{display:flex;align-items:center;gap:9px;margin-inline-start:auto}
.lst-sort label{font-size:.9rem;color:var(--gray);font-weight:700}
.lst-sort-sel{padding:9px 14px;border:1px solid var(--line);border-radius:10px;font-family:inherit;font-size:.93rem;font-weight:600;color:var(--ink);background:#fff;cursor:pointer}
.lst-sort-sel:focus{outline:0;border-color:var(--blue)}
.lst-cols{display:grid;grid-template-columns:285px 1fr;gap:26px;align-items:start}
.lst-side .hotel-filter-form{position:sticky;top:84px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm)}
.lst-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
@media(max-width:980px){.lst-cols{grid-template-columns:240px 1fr;gap:18px}}

/* the compact bar is MOBILE ONLY (desktop uses the sidebar + the sort select above) */
.msortbar{display:none;align-items:center;gap:10px;position:relative}
.msb-btn{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:.95rem;color:var(--ink);background:var(--bg-alt);border:1px solid var(--line);border-radius:999px;padding:9px 18px;cursor:pointer;transition:.15s}
.msb-btn svg{width:18px;height:18px;color:var(--blue)}
.msb-btn:hover{border-color:var(--blue);color:var(--blue)}
.msb-btn.on{border-color:var(--blue);color:var(--blue);background:var(--blue-50)}
@media(max-width:760px){
  .lst-bar{position:sticky;top:66px;z-index:45;background:#fff;gap:10px;margin:0 -20px 16px;padding:10px 20px;box-shadow:0 4px 14px rgba(17,42,74,.06)}
  .lst-sort{display:none}
  .lst-count{margin-inline-start:auto;font-size:.84rem;color:var(--gray);font-weight:600}
  .msortbar{display:flex}
  .lst-cols{display:block}
  .lst-side{display:none}
  .lst-grid{grid-template-columns:1fr}
}
.msheet-back{position:fixed;inset:0;z-index:70;background:rgba(8,22,40,.5);opacity:0;visibility:hidden;transition:opacity .2s}
.msheet-back.open{opacity:1;visibility:visible}
.msheet{position:fixed;left:0;right:0;bottom:0;z-index:71;background:#fff;border-radius:18px 18px 0 0;
  max-height:82vh;overflow:auto;transform:translateY(100%);transition:transform .25s ease;
  padding:18px 20px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px rgba(0,0,0,.22)}
.msheet.open{transform:translateY(0)}
.msheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.msheet-head h3{font-size:1.15rem}
.msheet-x{background:none;border:0;font-size:1.6rem;line-height:1;color:var(--gray);padding:0 4px}
.msheet .filter-grp{margin-bottom:14px}
.msheet .msheet-apply{width:100%;margin-top:6px}
body.msheet-lock{overflow:hidden}
@media(min-width:761px){.msheet,.msheet-back{display:none!important}}
/* idx-toolbar cross-link chip boxes: at the BOTTOM of results, with a clear gap between stacked boxes */
.idx-bottom{margin-top:10px}
.idx-bottom .idx-toolbar{margin-bottom:18px}
.idx-bottom .idx-toolbar:last-child{margin-bottom:0}

/* ===== "join the community" band (above the footer): Facebook / WhatsApp / newsletter ===== */
.community{position:relative;overflow:hidden;background:linear-gradient(150deg,#0a64c4 0%,var(--blue) 52%,var(--blue-700,#0a5bb0) 100%);color:#fff;padding:56px 0}
.comm-blob{position:absolute;border-radius:50%;pointer-events:none}
.comm-blob-1{width:300px;height:300px;top:-110px;inset-inline-start:-70px;background:#FFD15C;opacity:.16;filter:blur(2px)}
.comm-blob-2{width:240px;height:240px;bottom:-110px;inset-inline-end:6%;background:#fff;opacity:.08}
.community .wrap{position:relative;z-index:1}
.comm-top{display:flex;align-items:center;gap:30px;margin-bottom:30px}
.comm-art{flex:0 0 auto;line-height:0}
.comm-illus{width:200px;height:auto;filter:drop-shadow(0 10px 20px rgba(0,0,0,.18))}
.comm-head{flex:1;min-width:0}
.comm-head .eyebrow.light{color:#bfe0ff}
.comm-head h2{font-size:2rem;margin:6px 0 8px;color:#fff;line-height:1.2}
.comm-head p{opacity:.92;font-size:1.06rem;line-height:1.6;max-width:580px}
.comm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.comm-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);border-radius:18px;padding:26px 22px;color:#fff;text-decoration:none;transition:.18s}
a.comm-card:hover{background:rgba(255,255,255,.2);transform:translateY(-3px);box-shadow:0 12px 26px rgba(0,0,0,.18)}
.comm-ic{width:56px;height:56px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:4px;box-shadow:0 6px 16px rgba(0,0,0,.2)}
.comm-ic svg{width:29px;height:29px}
.comm-fb .comm-ic{color:#1877F2}
.comm-wa .comm-ic{color:#25D366}
.comm-news .comm-ic{color:var(--blue)}
.comm-card b{font-size:1.18rem}
.comm-sub{opacity:.88;font-size:.92rem;line-height:1.45}
.comm-btn{margin-top:8px;background:#fff;color:var(--blue);font-weight:800;padding:9px 24px;border-radius:999px;font-size:.92rem;box-shadow:0 4px 12px rgba(0,0,0,.12)}
a.comm-card:hover .comm-btn{background:var(--gold);color:#16263b}
.comm-news{cursor:default}
.comm-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.comm-newsrow{display:flex;gap:8px;width:100%;margin-top:8px}
.comm-newsrow input{flex:1;min-width:0;padding:12px 14px;border:0;border-radius:10px;font-family:inherit;font-size:.95rem;color:var(--ink)}
.comm-newsrow input:focus{outline:2px solid var(--gold)}
.comm-newsrow button{background:var(--gold,#f5a623);color:#16263b;font-weight:800;border:0;border-radius:10px;padding:12px 18px;cursor:pointer;white-space:nowrap}
.comm-newsrow button:hover{filter:brightness(1.06)}
.comm-newsrow button:disabled{opacity:.6;cursor:default}
.comm-msg{font-size:.88rem;min-height:18px;margin-top:8px;font-weight:700}
.comm-msg.ok{color:#c7f9d8}
.comm-msg.err{color:#ffd6d6}
.comm-consent{display:flex;align-items:flex-start;gap:7px;margin-top:10px;font-size:.8rem;line-height:1.4;opacity:.95;cursor:pointer;text-align:start}
.comm-consent input{margin-top:2px;flex:0 0 auto;width:16px;height:16px;accent-color:var(--gold)}
.comm-consent a{color:#fff;text-decoration:underline;font-weight:700}

/* mobile FULL-SCREEN filter sheet (Booking-style): covers the screen, scrollable, sticky apply */
.fsheet{position:fixed;inset:0;z-index:80;background:#fff;display:flex;flex-direction:column;transform:translateY(100%);visibility:hidden;transition:transform .28s ease}
.fsheet.open{transform:translateY(0);visibility:visible}
.fsheet-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}
.fsheet-head h3{font-size:1.18rem;margin:0}
.fsheet-x{background:none;border:0;font-size:1.7rem;line-height:1;color:var(--gray);padding:2px 8px;cursor:pointer}
.fsheet-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 18px}
.fsheet-body .hotel-filter-form button[type=submit],.fsheet-body .filter-clear{display:none}
.fsheet-foot{flex:0 0 auto;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);box-shadow:0 -6px 18px rgba(0,0,0,.07)}
.fsheet-foot .btn{width:100%;justify-content:center}
body.fsheet-lock{overflow:hidden}
@media(min-width:761px){.fsheet{display:none!important}}
@media(max-width:820px){
  .community{padding:42px 0}
  .comm-top{flex-direction:column;text-align:center;gap:14px;margin-bottom:22px}
  .comm-art{order:-1}
  .comm-illus{width:150px}
  .comm-head h2{font-size:1.55rem}
  .comm-head p{margin-inline:auto}
  .comm-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto;gap:14px}
}

/* mobile sort/filter POPOVER bubble (anchored under the sticky bar, with an X) */
.msb-pop{position:absolute;top:calc(100% + 9px);inset-inline-start:0;z-index:72;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 36px rgba(8,22,40,.22);padding:30px 16px 14px;width:min(330px,92vw);max-height:72vh;overflow:auto}
.msb-pop-filter.msb-pop-wide{width:min(440px,94vw)}
.msb-pop::before{content:"";position:absolute;top:-7px;inset-inline-start:34px;width:13px;height:13px;background:#fff;border-inline-start:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}
.msb-pop form{margin:0}
.msb-pop .filter-grp,.msb-pop fieldset{margin-bottom:14px}
.filter-grp input[type=text]{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-family:inherit;font-size:.95rem;color:var(--ink);box-sizing:border-box}
.msb-pop .hotel-filter-form .btn{margin-top:8px}
.msb-pop-x{position:absolute;top:5px;inset-inline-start:7px;background:none;border:0;font-size:1.55rem;line-height:1;color:var(--gray);padding:2px 7px;cursor:pointer}
.msb-pop-h{font-weight:800;font-size:1.02rem;color:var(--ink);margin:0 0 8px}
.msb-pop-lbl{font-size:.78rem;color:var(--gray);font-weight:700;margin:10px 0 6px}
.msb-opt{display:block;width:100%;text-align:start;background:none;border:0;border-radius:9px;padding:11px 12px;font-size:.95rem;color:var(--ink);font-weight:600;cursor:pointer}
.msb-opt.on{background:var(--blue-50);color:var(--blue)}
.msb-opt.on::after{content:"✓";float:left;color:var(--blue);font-weight:800}
.msb-chips{display:flex;flex-wrap:wrap;gap:7px}
.msb-chip{background:var(--bg-alt);border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:.86rem;font-weight:700;color:var(--ink);cursor:pointer}
.msb-chip.on{background:var(--blue);color:#fff;border-color:var(--blue)}

/* coloured vacation-type cards on the /חופשה index (colour keyed to slug via vtype_color) */
.vtc .ico{background:#f1f6fb;color:var(--vc);transition:background .25s,color .25s,transform .25s}
.vtc:hover .ico{background:var(--vc);color:#fff;transform:scale(1.08) rotate(-4deg)}
.vtc .count{color:var(--vc)}
.vtc:hover{border-color:transparent;box-shadow:0 16px 34px rgba(20,50,79,.15)}

/* ===== in-article content modules (magazine/guide) ===== */
/* hotel card embedded mid-content: a compact rectangle, image beside details */
.hp-rich .art-hotel{display:flex;gap:0;margin:26px 0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(16,38,59,.09)}
.art-hotel-img{position:relative;flex:0 0 42%;min-height:210px;text-decoration:none}
.art-hotel-img .ph{position:absolute;inset:0;background-size:cover;background-position:center}
.art-hotel-rate{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:5px;background:var(--blue);color:#fff;font-weight:800;font-size:.95rem;padding:5px 10px;border-radius:10px;box-shadow:0 3px 10px rgba(2,121,213,.35)}
.art-hotel-rate .star{color:var(--gold)}
.art-hotel-rate small{font-weight:600;font-size:.68rem;opacity:.92;margin-inline-start:3px}
.art-hotel-deal{position:absolute;bottom:12px;right:12px;background:var(--gold);color:var(--gold-ink);font-weight:800;font-size:.82rem;padding:5px 11px;border-radius:999px;box-shadow:0 3px 10px rgba(0,0,0,.15)}
.art-hotel-body{flex:1;padding:20px 22px;display:flex;flex-direction:column}
.art-hotel-eyebrow{font-size:.74rem;font-weight:800;letter-spacing:.02em;color:var(--blue);text-transform:uppercase}
.art-hotel-body h3{margin:6px 0 4px;font-size:1.3rem;line-height:1.25}
.art-hotel-body h3 a{color:var(--ink);text-decoration:none}
.art-hotel-body h3 a:hover{color:var(--blue)}
.art-hotel-loc{display:flex;align-items:center;gap:5px;color:var(--gray);font-size:.9rem;font-weight:600}
.art-hotel-loc svg{width:15px;height:15px;color:var(--blue)}
.art-hotel .hp-price.art{margin:12px 0 4px}
.art-hotel .hp-price.art .pf-n{font-size:1.45rem;color:var(--ink)}
.art-hotel-cta{margin-top:auto;padding-top:14px;display:flex;gap:9px}
.art-hotel-cta .btn{flex:1;text-align:center;padding:11px 10px;border-radius:11px;font-weight:800}
/* the card lives inside .hp-rich, whose `a{color:blue;underline}` would otherwise paint the
   button label blue-on-blue (invisible) and underline it - pin the button colours explicitly */
.hp-rich .art-hotel-cta .btn{text-decoration:none}
.hp-rich .art-hotel-cta .btn-blue{color:#fff}
.hp-rich .art-hotel-cta .btn-blue:hover{color:#fff}
.hp-rich .art-hotel-cta .btn-amber{color:var(--gold-ink)}
.hp-rich .art-hotel-cta .btn-amber:hover{color:var(--gold-ink)}
@media(max-width:640px){.hp-rich .art-hotel{flex-direction:column}.art-hotel-img{flex-basis:auto;min-height:180px}.art-hotel-cta{flex-direction:column}}

/* recommended-hotels section (3 cards + editorial heading) */
.hp-rich .art-hotels{margin:30px 0}
.art-hotels-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.art-hotels-ic{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--blue-50);color:var(--blue)}
.art-hotels-ic svg{width:24px;height:24px}
.art-hotels-head h2{margin:0;font-size:1.35rem;line-height:1.2;color:var(--ink)}
.art-hotels-head p{margin:2px 0 0;font-size:.9rem;color:var(--gray)}
.art-hotels-list{display:flex;flex-direction:column;gap:16px}
.art-hotels-list .art-hotel{margin:0}

/* "חשוב לדעת" callout + tip box: designed cards with a filled round icon, accent title strip */
.hp-rich .art-callout,.hp-rich .art-tip{position:relative;display:flex;gap:15px;align-items:flex-start;margin:28px 0;padding:20px 22px;border-radius:16px;border:1px solid transparent;box-shadow:0 8px 24px rgba(16,38,59,.08)}
.hp-rich .art-callout{background:linear-gradient(180deg,#f3f9ff,#eaf3fc);border-color:#cfe3f7}
.hp-rich .art-tip{background:linear-gradient(180deg,#fffdf3,#fff6df);border-color:#f0dfa6}
/* accent bar down the reading edge */
.hp-rich .art-callout::before,.hp-rich .art-tip::before{content:"";position:absolute;inset-block:14px;inset-inline-start:0;width:4px;border-radius:0 4px 4px 0}
.hp-rich .art-callout::before{background:var(--blue)}
.hp-rich .art-tip::before{background:var(--gold)}
.art-callout-ic,.art-tip-ic{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;box-shadow:0 4px 12px rgba(16,38,59,.16)}
.art-callout-ic{background:var(--blue);color:#fff}
.art-tip-ic{background:var(--gold);color:var(--gold-ink)}
.art-callout-ic svg,.art-tip-ic svg{width:24px;height:24px}
.art-callout-body,.art-tip-body{flex:1;min-width:0}
.art-box-t{display:block;font-size:.8rem;font-weight:800;letter-spacing:.03em;margin-bottom:5px}
.art-callout .art-box-t{color:var(--blue-700)}
.art-tip .art-box-t{color:#a9791a}
.art-callout-body p,.art-tip-body p{margin:.35em 0;color:var(--ink);line-height:1.6}
.art-callout-body a,.art-tip-body a{font-weight:700}
.art-callout-body :last-child,.art-tip-body :last-child{margin-bottom:0}
.art-callout-body :first-child,.art-tip-body :first-child{margin-top:0}

/* article tables: clean, RTL, full internal gridlines + rounded outer frame */
.hp-rich table,.ca-prose table{width:100%;border-collapse:separate;border-spacing:0;margin:24px 0;font-size:.95rem;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.hp-rich thead th,.ca-prose thead th{background:var(--blue);color:#fff;font-weight:800}
.hp-rich th,.hp-rich td,.ca-prose th,.ca-prose td{padding:11px 14px;text-align:right;vertical-align:top;line-height:1.45;border-bottom:1px solid var(--line);border-inline-start:1px solid var(--line)}
/* remove the outer double-border: last cell in the reading direction (RTL = leftmost) has no start-border */
.hp-rich tr > *:last-child,.ca-prose tr > *:last-child{border-inline-start:0}
.hp-rich tbody tr:last-child td,.ca-prose tbody tr:last-child td{border-bottom:0}
.hp-rich thead th{border-inline-start-color:rgba(255,255,255,.25)}
.hp-rich tbody tr:nth-child(even),.ca-prose tbody tr:nth-child(even){background:var(--blue-50)}
/* first column reads as a row-label: subtle emphasis */
.hp-rich tbody td:first-child,.ca-prose tbody td:first-child{font-weight:700;color:var(--ink);background:var(--line-soft)}
.hp-rich tbody tr:nth-child(even) td:first-child{background:#dfeaf6}
.hp-rich table + *,.ca-prose table + *{margin-top:18px}
@media(max-width:640px){.hp-rich table,.ca-prose table{display:block;overflow-x:auto;white-space:nowrap}}