/* ============================================================
   אמריקה 2026 · THE JOURNEY — design system v5
   tokens → layout → hero → rail → chapters → days → decisions
   → guides(scx) → maps → drawers → lightbox → utilities
   ============================================================ */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#070a12;--bg2:#0b111e;--card:rgba(255,255,255,.045);--card2:rgba(255,255,255,.08);
  --line:rgba(255,255,255,.11);--line2:rgba(255,255,255,.22);
  --tx:#f2f5fb;--mut:#98a4bc;--soft:#c9d3e6;
  --ny:#f3b13f;--cr:#2bd4b2;--or:#f0569d;--mi:#8b7bff;--gold:#f5c451;
  --grad:linear-gradient(135deg,#2bd4b2,#59a7ff 55%,#8b7bff);
  --r:18px;--r2:26px;
  --c:var(--cr);
}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.001s!important;transition-duration:.001s!important}}
html,body{overflow-x:clip}
body{font-family:'Heebo',system-ui,sans-serif;background:var(--bg);color:var(--tx);direction:rtl;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:#7fd6ff}
.wrap{max-width:1060px;margin-inline:auto;padding-inline:clamp(14px,4vw,28px)}
h1,h2,h3,.disp{font-family:'Rubik',sans-serif;font-weight:900;letter-spacing:-.5px}
::selection{background:rgba(43,212,178,.35)}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:
 radial-gradient(60vmax 60vmax at 85% -10%,rgba(139,123,255,.16),transparent 60%),
 radial-gradient(50vmax 50vmax at -10% 30%,rgba(43,212,178,.13),transparent 60%),
 radial-gradient(45vmax 45vmax at 110% 85%,rgba(89,167,255,.12),transparent 60%),var(--bg)}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .04 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ---------- top bar + date rail ---------- */
#top{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(7,10,18,.72);border-bottom:1px solid var(--line)}
#top .bar{display:flex;align-items:center;gap:10px;padding:9px clamp(14px,4vw,28px);max-width:1060px;margin-inline:auto}
#top .logo{font-family:'Rubik';font-weight:900;font-size:1.02rem;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap;cursor:pointer}
#top .sp{flex:1}
.tbtn{border:1px solid var(--line);background:var(--card);color:var(--tx);border-radius:999px;padding:6px 13px;font-weight:700;font-size:.82rem;cursor:pointer;white-space:nowrap;font-family:'Heebo'}
.tbtn:hover{border-color:var(--line2)}
.tbtn b{color:var(--gold)}
#rail{display:flex;gap:6px;overflow-x:auto;padding:8px clamp(14px,4vw,28px) 10px;scrollbar-width:none;max-width:1060px;margin-inline:auto}
#rail::-webkit-scrollbar{display:none}
.rday{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:1px;border:1px solid var(--line);background:var(--card);border-radius:14px;padding:5px 11px;cursor:pointer;transition:.18s;min-width:52px}
.rday small{font-size:.62rem;color:var(--mut);font-weight:600}
.rday b{font-size:.83rem;font-weight:800;font-family:'Rubik'}
.rday .dot{width:5px;height:5px;border-radius:50%;background:var(--dc)}
.rday.on{background:var(--dc);border-color:var(--dc);transform:translateY(-1px)}
.rday.on b,.rday.on small{color:#081018}
.rday.today{box-shadow:0 0 0 2px var(--gold)}

/* ---------- hero ---------- */
#hero{min-height:88svh;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:clip;text-align:center;padding:80px 18px 60px}
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;z-index:-1;animation:drift 16s ease-in-out infinite alternate}
.b1{width:44vmax;height:44vmax;background:#2bd4b2;top:-18vmax;inset-inline-start:-10vmax}
.b2{width:38vmax;height:38vmax;background:#8b7bff;bottom:-14vmax;inset-inline-end:-8vmax;animation-delay:-6s}
.b3{width:26vmax;height:26vmax;background:#59a7ff;top:30%;inset-inline-end:22%;animation-delay:-11s;opacity:.35}
@keyframes drift{from{transform:translate(0,0) scale(1)}to{transform:translate(6vmax,4vmax) scale(1.12)}}
.kicker{font-weight:800;letter-spacing:.45em;color:var(--soft);font-size:clamp(.7rem,2vw,.85rem);text-transform:uppercase}
#hero h1{font-size:clamp(3rem,11vw,6.2rem);line-height:1.02;margin:10px 0 6px;background:linear-gradient(180deg,#fff 55%,#9fb4d8);-webkit-background-clip:text;background-clip:text;color:transparent}
#hero .sub{color:var(--soft);font-size:clamp(1rem,3vw,1.25rem);font-weight:600}
.route{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:22px 0 8px}
.route span{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:7px 15px;font-weight:800;font-size:.88rem}
.route span i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-inline-end:7px;background:var(--dc)}
#count{display:flex;gap:10px;justify-content:center;margin:20px 0 26px}
#count .cu{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px 14px;min-width:74px}
#count b{display:block;font-family:'Rubik';font-size:1.7rem;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
#count span{font-size:.68rem;color:var(--mut);font-weight:700}
.cta{display:inline-flex;align-items:center;gap:9px;background:var(--grad);color:#06121a;font-weight:900;border-radius:999px;padding:14px 30px;text-decoration:none;font-size:1.05rem;border:0;cursor:pointer;box-shadow:0 12px 40px rgba(43,212,178,.25);font-family:'Rubik'}
.cta.ghost{background:var(--card);color:var(--tx);border:1px solid var(--line2);box-shadow:none}
.heroctas{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.scrolldown{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:var(--mut);font-size:.8rem;font-weight:700;animation:bob 1.7s infinite}
@keyframes bob{50%{transform:translate(-50%,7px)}}

/* ---------- chapters ---------- */
.chapter{margin:70px 0 8px;position:relative}
.chapter .ch-k{font-weight:800;letter-spacing:.35em;font-size:.72rem;color:var(--dc)}
.chapter h2{font-size:clamp(2rem,7vw,3.3rem);line-height:1.05;background:linear-gradient(120deg,#fff,var(--dc));-webkit-background-clip:text;background-clip:text;color:transparent}
.chapter .ch-sub{color:var(--mut);font-weight:600;margin-top:4px;font-size:.95rem}
.chguide{margin-top:14px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);overflow:hidden}
.chguide>summary{cursor:pointer;list-style:none;padding:13px 16px;font-weight:800;color:var(--dc);display:flex;align-items:center;gap:8px}
.chguide>summary::-webkit-details-marker{display:none}
.chguide>summary::after{content:"+";margin-inline-start:auto;font-family:'Rubik';font-size:1.25rem;transition:.2s}
.chguide[open]>summary::after{transform:rotate(45deg)}
.chguide .gbody{padding:4px 16px 16px;color:var(--soft);font-size:.95rem}

/* ---------- day section ---------- */
.day{margin:34px 0 60px;scroll-margin-top:110px}
.dayhead{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}
.datebox{flex:0 0 auto;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:10px 14px;min-width:74px;position:relative;overflow:hidden}
.datebox::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:var(--dc)}
.datebox b{display:block;font-family:'Rubik';font-size:1.65rem;line-height:1}
.datebox small{color:var(--mut);font-size:.7rem;font-weight:700}
.dayttl{flex:1;min-width:0}
.dayttl .meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:3px}
.dtag{font-size:.72rem;font-weight:800;border-radius:999px;padding:3px 11px;background:color-mix(in srgb,var(--dc) 22%,transparent);color:var(--dc)}
.pill{font-size:.7rem;font-weight:800;border-radius:999px;padding:3px 10px;border:1px solid var(--line2);color:var(--soft)}
.pill.pd{border-color:var(--gold);color:var(--gold)}
.dayttl h3{font-size:clamp(1.45rem,5vw,2.1rem);line-height:1.12}
.dayacts{display:flex;gap:7px;margin-top:8px;flex-wrap:wrap}
.chip{border:1px solid var(--line);background:var(--card);color:var(--soft);border-radius:999px;padding:6px 13px;font-weight:700;font-size:.8rem;cursor:pointer;font-family:'Heebo'}
.chip:hover{border-color:var(--dc);color:var(--tx)}
.rec{background:linear-gradient(120deg,color-mix(in srgb,var(--dc) 14%,transparent),transparent 70%);border:1px solid color-mix(in srgb,var(--dc) 40%,transparent);border-radius:var(--r);padding:13px 16px;margin:12px 0;font-size:.98rem;color:#e8eef9}
.rec b.lbl{color:var(--dc);display:block;font-size:.78rem;letter-spacing:.06em;margin-bottom:4px}

/* ---------- timeline / decisions ---------- */
.tline{position:relative;margin-top:18px}
.blk{position:relative;padding-inline-start:22px;margin:0 0 26px}
.blk::before{content:"";position:absolute;inset-inline-start:6px;top:8px;bottom:-18px;width:2px;background:linear-gradient(180deg,var(--dc),transparent)}
.blk:last-child::before{display:none}
.blk::after{content:"";position:absolute;inset-inline-start:1.5px;top:6px;width:11px;height:11px;border-radius:50%;background:var(--dc);box-shadow:0 0 0 4px color-mix(in srgb,var(--dc) 25%,transparent)}
.btime{font-family:'Rubik';font-weight:800;font-size:.92rem;color:var(--soft);margin-bottom:8px}
.btime .q{color:var(--tx);font-size:1.06rem;display:block;margin-top:2px}
.caro{display:grid;grid-auto-flow:column;grid-auto-columns:min(78%,300px);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 10px;scrollbar-width:none}
.caro::-webkit-scrollbar{display:none}
@media(min-width:760px){.caro{grid-auto-columns:300px}}
.opt{scroll-snap-align:start;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s;position:relative}
.opt:hover{border-color:var(--line2);transform:translateY(-2px)}
.opt.sel{border-color:var(--dc);box-shadow:0 0 0 1.5px var(--dc),0 14px 40px color-mix(in srgb,var(--dc) 22%,transparent)}
.opt .im{height:140px;background-size:cover;background-position:center;position:relative;cursor:pointer;background-color:#111726}
.opt .im .gv{position:absolute;bottom:8px;inset-inline-start:8px;background:rgba(5,8,14,.72);backdrop-filter:blur(4px);border-radius:999px;padding:3px 11px;font-size:.72rem;font-weight:800;color:#fff}
.opt .sel-ind{position:absolute;top:8px;inset-inline-end:8px;background:var(--dc);color:#06121a;border-radius:999px;padding:2px 10px;font-size:.72rem;font-weight:900;display:none}
.opt.sel .sel-ind{display:block}
.opt .bd{padding:12px 13px 13px;display:flex;flex-direction:column;flex:1;gap:6px}
.opt .tt{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.opt .tt b{font-size:1.02rem;line-height:1.25}
.opt .pr{font-family:'Rubik';color:var(--gold);font-weight:800;font-size:.85rem;white-space:nowrap}
.opt .ds{color:var(--soft);font-size:.87rem;line-height:1.5}
.opt .ds.clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.opt .more{align-self:flex-start;background:none;border:0;color:var(--mut);font-size:.76rem;font-weight:700;cursor:pointer;padding:0}
.opt .pick{margin-top:auto;border:1px solid var(--line2);background:transparent;color:var(--tx);border-radius:12px;padding:9px;font-weight:800;cursor:pointer;font-family:'Heebo';font-size:.88rem;transition:.15s}
.opt .pick:hover{border-color:var(--dc)}
.opt.sel .pick{background:var(--dc);border-color:var(--dc);color:#06121a}
.infoblk{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:13px 15px;font-size:.92rem;color:var(--soft)}
.infoblk b{color:var(--tx)}
.infoblk ul{margin:6px 18px}
.infoblk .opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:8px 0}
.infoblk .oc{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.infoblk .ocimg{height:120px;background-size:cover;background-position:center;position:relative}
.infoblk .ocimg .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);color:#fff;font-weight:800;font-size:.85rem;cursor:pointer}
.infoblk .ocb{padding:10px 12px}
.infoblk .bt-h{display:flex;justify-content:space-between;gap:8px;font-weight:800}
.infoblk .bt-t{font-size:.95rem}
.infoblk .bprice{color:var(--gold);font-family:'Rubik';font-size:.82rem;white-space:nowrap}
.infoblk .bt-d{color:var(--soft);font-size:.85rem;margin-top:4px}
.infoblk .bt-f{color:var(--mut);font-size:.78rem;margin-top:4px}
.infoblk .pick{display:none}
.foodrow{display:grid;grid-auto-flow:column;grid-auto-columns:min(70%,250px);gap:10px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:none;scroll-snap-type:x proximity}
.foodrow::-webkit-scrollbar{display:none}
.food{scroll-snap-align:start;background:color-mix(in srgb,var(--gold) 7%,transparent);border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);border-radius:var(--r);padding:10px 12px;text-decoration:none;color:var(--tx);display:block}
.food:hover{border-color:var(--gold)}
.food .fm{display:inline-block;background:color-mix(in srgb,var(--gold) 22%,transparent);color:var(--gold);border-radius:8px;padding:1px 8px;font-size:.7rem;font-weight:800;margin-inline-end:6px}
.food b{font-size:.92rem}
.food small{display:block;color:var(--mut);font-size:.76rem;margin-top:2px}
.food .fo{display:block;color:var(--soft);font-size:.8rem;line-height:1.45;margin-top:4px}

/* ---------- inline map ---------- */
.mapbox{border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;margin:14px 0;background:var(--bg2)}
.mapbox .mh{display:flex;align-items:center;gap:9px;padding:11px 14px;font-weight:800;cursor:pointer}
.mapbox .mh .mg{margin-inline-start:auto}
.lmap{height:0;transition:height .35s ease}
.mapbox.open .lmap{height:340px}
.mapbox.big .lmap{height:64vh}
.mstops{padding:6px 12px 12px;display:none;grid-template-columns:1fr;gap:6px}
.mapbox.open .mstops{display:grid}
.mstop{display:flex;gap:9px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 10px;font-size:.85rem}
.mstop .n{flex:0 0 22px;height:22px;border-radius:50%;background:var(--dc);color:#08101a;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:.78rem}
.mstop .n.f{background:var(--gold);border-radius:7px;flex-basis:46px;font-size:.64rem}
.mstop small{color:var(--mut);display:block}
.mstop a{margin-inline-start:auto;text-decoration:none;align-self:center}
.gob{display:block;text-align:center;background:var(--dc);color:#08101a;font-weight:900;border-radius:12px;padding:10px;margin:2px 12px 12px;text-decoration:none;font-size:.9rem;display:none}
.mapbox.open .gob{display:block}
.leaflet-container{background:#0a0e16;font-family:'Heebo'}
.leaflet-popup-content-wrapper{background:#151b2b;color:var(--tx);border-radius:12px}
.leaflet-popup-tip{background:#151b2b}
.marker-pin{width:28px;height:28px;border-radius:50% 50% 50% 0;background:var(--dc);transform:rotate(-45deg);border:2px solid #fff;display:flex;align-items:center;justify-content:center}
.marker-pin b{transform:rotate(45deg);color:#08101a;font-size:.8rem}
.food-pin,.hotel-pin,.ship-pin{width:26px;height:26px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;box-shadow:0 1px 6px rgba(0,0,0,.5)}
.food-pin{background:var(--gold)}.hotel-pin{background:#6aa6ff}.ship-pin{background:var(--cr)}

/* ---------- cinematic guide (scx v5) ---------- */
.scx{position:relative;margin:18px calc(50% - 50vw) 22px;width:100vw;contain:paint}
.scxbg{position:sticky;top:0;height:100svh;margin-bottom:-100svh;z-index:0;overflow:hidden;pointer-events:none}
.scxbg .sl{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .8s;background-color:#0b0e15}
.scxbg .sl.on{opacity:1}
.scxbg .sscrim{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,10,18,.96) 0%,rgba(7,10,18,.42) 38%,rgba(7,10,18,.25) 62%,rgba(7,10,18,.66) 100%)}
.scs{position:relative;z-index:1;min-height:100svh;display:flex;align-items:flex-end;justify-content:center;padding:0 14px 4.5vh;touch-action:pan-y}
.scs.schero{align-items:center;text-align:center}
.scshead .kick{color:var(--cr);font-weight:800;letter-spacing:3px;font-size:.78rem}
.scshead h3{font-size:clamp(2.1rem,7.5vw,3.6rem);color:#fff;text-shadow:0 8px 34px rgba(0,0,0,.65);margin:6px 0 8px}
.scshead p{color:#e2eaf6;max-width:620px;margin:0 auto;font-size:1rem}
.scroll2{margin-top:16px;color:#cfe;font-size:.82rem;font-weight:700;animation:bob 1.7s infinite}
.panel{width:100%;max-width:740px;background:rgba(10,14,24,.78);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:16px 18px 14px;box-shadow:0 30px 80px rgba(0,0,0,.55);max-height:84svh;overflow-y:auto;opacity:0;transform:translateY(36px);transition:.55s cubic-bezier(.2,.7,.2,1)}
.panel.in{opacity:1;transform:none}
.panel::-webkit-scrollbar{width:6px}.panel::-webkit-scrollbar-thumb{background:var(--line2);border-radius:4px}
.ptop{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.pname{font-family:'Rubik';font-weight:900;font-size:1.4rem;line-height:1.15}
.ptag{flex:0 0 auto;border-radius:9px;padding:3px 11px;font-size:.72rem;font-weight:800;white-space:nowrap;margin-top:3px}
.t-free{background:rgba(43,212,178,.22);color:#7ff0d8}.t-pay{background:rgba(245,196,81,.2);color:var(--gold)}.t-book{background:rgba(106,166,255,.22);color:#9ec3ff}.t-dive{background:rgba(240,86,157,.22);color:#ff9fc4}
.pmeta{color:var(--gold);font-size:.76rem;font-weight:700;margin:3px 0 7px}
.pdesc{color:#eaf0fa;font-size:.95rem;line-height:1.58;min-height:3em}
.pbody{transition:opacity .2s}
.pctrl{display:flex;align-items:center;justify-content:center;gap:11px;margin:12px 0 10px;flex-wrap:wrap}
.arw{width:38px;height:38px;border-radius:50%;background:var(--card2);border:1px solid var(--line);color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}
.arw:hover{background:var(--cr);color:#06121a}
.dots{display:flex;gap:5px;flex-wrap:wrap;max-width:160px;justify-content:center}
.dots i{width:6.5px;height:6.5px;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer}
.dots i.on{background:var(--cr);transform:scale(1.45)}
.count{color:var(--mut);font-size:.8rem;font-weight:700;min-width:40px;text-align:center;direction:ltr}.count b{color:#fff}
.rail2{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding-top:4px}
.rail2::-webkit-scrollbar{display:none}
.rail2 img{width:76px;height:50px;object-fit:cover;border-radius:9px;flex:0 0 auto;cursor:pointer;border:2px solid transparent;opacity:.5;background:#121826}
.rail2 img.sel{border-color:var(--cr);opacity:1}
.facts{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0 2px}
.fchip{background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:3px 10px;font-size:.74rem;color:#e2e9f5;white-space:nowrap}
.ptip{margin-top:8px;background:rgba(43,212,178,.12);border-inline-start:3px solid var(--cr);border-radius:9px;padding:8px 11px;font-size:.84rem;color:#c9f0e5;line-height:1.45}
.ptip:empty{display:none}
.vbtn{background:linear-gradient(135deg,#ff4560,#c81e5b);border:0;color:#fff;font-weight:800;border-radius:999px;padding:7px 15px;font-size:.82rem;cursor:pointer;white-space:nowrap;font-family:'Heebo'}
.shiptop{position:sticky;top:0;z-index:6;display:flex;gap:7px;overflow-x:auto;padding:10px 14px;background:linear-gradient(180deg,rgba(7,10,18,.92),transparent);scrollbar-width:none}
.shiptop::-webkit-scrollbar{display:none}
.shiptop a{flex:0 0 auto;font-size:.79rem;color:#dbe6f5;background:rgba(12,17,28,.7);border:1px solid var(--line);border-radius:999px;padding:5px 12px;white-space:nowrap;font-weight:700;cursor:pointer}
.shiptop a.on{background:var(--cr);color:#06121a;border-color:var(--cr)}

/* ---------- dive compare (restyled shell for DIVEHTML) ---------- */
.scembed{margin:16px 0}
.scembed .dwrap{background:var(--card);border:1px solid var(--line);border-radius:var(--r2);padding:20px 18px}
.scembed h2{font-size:clamp(1.4rem,4.5vw,1.9rem)}
.scembed .dsub{color:var(--mut);font-size:.9rem;margin:6px 0 16px}
.scembed .dcards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:760px){.scembed .dcards{grid-template-columns:1fr}}
.scembed .dcard{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 14px 12px;position:relative}
.scembed .dcard.win{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 8%,transparent)}
.scembed .medal{position:absolute;top:-13px;inset-inline-start:12px;background:#141a2a;border:1px solid var(--line);border-radius:12px;padding:2px 10px;font-size:.76rem;font-weight:800}
.scembed .dcard.win .medal{background:var(--gold);color:#241c05;border-color:var(--gold)}
.scembed .dcard h3{font-size:1.12rem;margin:4px 0 2px}
.scembed .dt{color:var(--mut);font-size:.74rem;margin-bottom:8px}
.scembed .drow{display:flex;justify-content:space-between;font-size:.79rem;padding:3.5px 0;border-bottom:1px dashed var(--line)}
.scembed .drow b{color:var(--cr);direction:ltr;unicode-bidi:isolate}
.scembed .dcard.win .drow b{color:var(--gold)}
.scembed .dvrd{margin-top:9px;font-size:.82rem;color:#e7edf8;line-height:1.5}
.scembed .dreco{margin-top:15px;background:rgba(43,212,178,.1);border:1px solid rgba(43,212,178,.35);border-radius:14px;padding:13px 15px;line-height:1.6;font-size:.92rem;color:#d9f4ea}
.scembed .dreco b{color:#7ff0d8}
.scembed .dsafe{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}
.scembed .dsafe .chip{cursor:default}

/* ---------- summary + bookings sections ---------- */
#summary .sumrow{display:flex;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line);align-items:flex-start}
#summary .sd{flex:0 0 52px;text-align:center}
#summary .sd b{font-family:'Rubik';display:block}
#summary .sd small{color:var(--mut);font-size:.68rem}
#summary .stags{display:flex;gap:6px;flex-wrap:wrap}
#summary .si{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:3px 11px;font-size:.78rem}
#summary .sc{background:color-mix(in srgb,var(--cr) 16%,transparent);border:1px solid color-mix(in srgb,var(--cr) 45%,transparent);color:#a9f4e0;border-radius:999px;padding:3px 11px;font-size:.78rem;font-weight:700}
#summary .sp{background:color-mix(in srgb,var(--gold) 12%,transparent);border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);color:var(--gold);border-radius:999px;padding:3px 11px;font-size:.78rem;font-weight:700;cursor:pointer}
.sumdest{font-family:'Rubik';font-weight:900;margin:16px 0 4px;color:var(--dc)}
.bkgrid{display:grid;gap:10px}
.bkg h4{margin:14px 0 2px;font-size:1.02rem}
.bkg .gsub{color:var(--mut);font-size:.8rem;margin-bottom:8px}
.bki{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:11px 13px}
.bki .row{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.bki .cb{flex:0 0 22px;height:22px;border-radius:7px;border:2px solid var(--line2);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:transparent;transition:.15s}
.bki.done .cb{background:var(--cr);border-color:var(--cr);color:#06121a}
.bki.done b{text-decoration:line-through;color:var(--mut)}
.bki small{color:var(--mut);display:block}
.bki .det{display:none;margin-top:9px;padding-top:9px;border-top:1px dashed var(--line);font-size:.88rem;color:var(--soft)}
.bki.open .det{display:block}
.bki .det a{display:inline-block;margin-top:4px;border:1px solid rgba(43,212,178,.4);border-radius:9px;padding:5px 12px;text-decoration:none;color:#7ff0d8;font-weight:700}
.bkdone2{display:flex;gap:9px;background:color-mix(in srgb,var(--cr) 8%,transparent);border:1px solid color-mix(in srgb,var(--cr) 30%,transparent);border-radius:12px;padding:9px 12px;margin-bottom:7px;font-size:.86rem}
.bkdone2 .ck{flex:0 0 20px;height:20px;border-radius:50%;background:var(--cr);color:#06121a;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:.72rem}
.prgwrap{display:flex;align-items:center;gap:12px;margin:10px 0 16px}
.prgbar{flex:1;height:10px;border-radius:99px;background:var(--card2);overflow:hidden}
.prgbar i{display:block;height:100%;background:var(--grad);border-radius:99px;transition:width .4s}
.prgtx{font-family:'Rubik';font-weight:800;color:var(--soft);font-size:.9rem;direction:ltr}

/* ---------- drawers ---------- */
#fab{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:60;display:flex;gap:8px;background:rgba(10,14,24,.85);backdrop-filter:blur(14px);border:1px solid var(--line2);border-radius:999px;padding:7px 9px;box-shadow:0 14px 44px rgba(0,0,0,.5)}
#fab .fb{border:0;background:transparent;color:var(--tx);font-weight:800;font-size:.84rem;padding:7px 13px;border-radius:999px;cursor:pointer;font-family:'Heebo';white-space:nowrap}
#fab .fb b{color:var(--gold)}
#fab .fb:hover{background:var(--card2)}
.sheet{position:fixed;inset:0;z-index:70;background:rgba(4,6,10,.6);backdrop-filter:blur(3px);display:none;align-items:flex-end;justify-content:center}
.sheet.on{display:flex}
.sheet .sh-in{width:min(720px,100%);max-height:82svh;background:#0d1322;border:1px solid var(--line2);border-bottom:0;border-radius:26px 26px 0 0;padding:16px 18px 26px;overflow-y:auto}
.sheet h3{margin-bottom:2px}
.sheet .subtx{color:var(--mut);font-size:.85rem;margin-bottom:12px}
.sheet .x{float:left;background:var(--card2);border:1px solid var(--line);color:var(--tx);width:34px;height:34px;border-radius:50%;font-size:1.1rem;cursor:pointer}
.chrow{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px dashed var(--line)}
.chrow .ci{flex:1}
.chrow .ck{color:var(--cr);font-weight:900}
.chrow small{color:var(--mut);display:block}
.chrow .rm{background:none;border:0;color:#ff8f8f;font-size:1.05rem;cursor:pointer}
.empty{color:var(--mut);text-align:center;padding:26px 0}

/* ---------- lightbox & video ---------- */
#lbx{position:fixed;inset:0;z-index:90;background:rgba(3,5,9,.94);display:none;flex-direction:column;align-items:center;justify-content:center;padding:16px}
#lbx.on{display:flex}
#lbx .stage{width:100%;max-width:960px;height:min(62svh,540px);display:flex;align-items:center;justify-content:center}
#lbx .stage img{max-width:100%;max-height:100%;border-radius:14px;object-fit:contain}
#lbx .stage iframe{width:100%;height:100%;border:0;border-radius:14px}
#lbx .thumbs{display:flex;gap:8px;overflow-x:auto;max-width:960px;width:100%;padding-top:12px;scrollbar-width:none}
#lbx .thumbs img{width:82px;height:54px;object-fit:cover;border-radius:8px;opacity:.5;cursor:pointer;border:2px solid transparent;flex:0 0 auto}
#lbx .thumbs img.on{opacity:1;border-color:var(--cr)}
#lbx .x{position:absolute;top:14px;inset-inline-end:14px;background:var(--card2);border:1px solid var(--line2);color:#fff;width:40px;height:40px;border-radius:50%;font-size:1.25rem;cursor:pointer}
#lbx .nav{position:absolute;top:50%;transform:translateY(-50%);background:var(--card2);border:1px solid var(--line2);color:#fff;width:44px;height:44px;border-radius:50%;font-size:1.3rem;cursor:pointer}
#lbx .nav.p{inset-inline-end:10px}#lbx .nav.n{inset-inline-start:10px}

/* footer */
footer{margin:70px 0 90px;text-align:center;color:var(--mut);font-size:.85rem}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s,transform .6s}
.reveal.in{opacity:1;transform:none}

/* ---------- legacy content components (bitem etc) ---------- */
.infoblk .bitem,.gbody .bitem{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-bottom:1px dashed var(--line)}
.infoblk .bitem:last-child,.gbody .bitem:last-child{border-bottom:0;padding-bottom:2px}
.infoblk .bitem:first-child,.gbody .bitem:first-child{padding-top:2px}
.bthumb{flex:0 0 112px;height:78px;border-radius:12px;background-size:cover;background-position:center;position:relative;cursor:pointer;overflow:hidden;background-color:#131a2a}
.bthumb .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(2,4,8,.34);color:#fff;font-size:.95rem;border-radius:0}
.bthumb:hover .play{background:rgba(2,4,8,.14)}
.btext{flex:1;min-width:0}
.btext .bt-h{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.btext .bt-t{font-weight:800;font-size:.97rem;line-height:1.3}
.btext .bprice{color:var(--gold);font-family:'Rubik';font-weight:800;font-size:.8rem;white-space:nowrap}
.btext .bt-d{color:var(--soft);font-size:.86rem;line-height:1.5;margin-top:3px}
.btext .bt-f{color:var(--mut);font-size:.76rem;margin-top:5px}
.blink,.bklink{display:inline-block;margin-top:6px;border:1px solid rgba(43,212,178,.45);border-radius:10px;padding:5px 12px;color:#7ff0d8!important;text-decoration:none;font-weight:700;font-size:.8rem}
.blink:hover,.bklink:hover{background:rgba(43,212,178,.12)}
.bkdl{display:block;font-weight:800;color:#7ff0d8;font-size:.78rem;margin:9px 0 2px;letter-spacing:.03em}
.bkd{font-size:.88rem;color:var(--soft);line-height:1.55}
.gbody .infoblk{border:0;background:transparent;padding:0}

/* legacy guide blocks */
.gbody .exguide,.infoblk .exguide{border:1px solid var(--line);border-radius:14px;background:var(--card);margin:10px 0;overflow:hidden}
.gbody .exguide>summary,.infoblk .exguide>summary{cursor:pointer;list-style:none;padding:11px 14px;font-weight:800;color:#7ff0d8;font-size:.92rem}
.gbody .exguide>summary::-webkit-details-marker,.infoblk .exguide>summary::-webkit-details-marker{display:none}
.exgbody{padding:2px 14px 12px}
.exgblock{margin:12px 0;padding-bottom:10px;border-bottom:1px dashed var(--line)}
.exgblock:last-child{border-bottom:0}
.exgblock h4{font-size:.95rem;margin-bottom:5px;color:var(--tx)}
.exgblock p{color:var(--soft);font-size:.88rem;line-height:1.6;margin:4px 0}
.exgblock ul{margin:5px 20px;padding:0}
.exgblock li{color:var(--soft);font-size:.87rem;line-height:1.65;margin:3px 0}
.exgblock li b,.exgblock p b{color:var(--tx)}
.gbody h4{font-size:.98rem;margin:12px 0 5px}
.gbody p,.gbody li{color:var(--soft);font-size:.9rem;line-height:1.6}
.gbody ul{margin:5px 20px}
.bkintro{color:var(--soft);font-size:.9rem;margin:4px 0 10px}

.opt:not(:has(.im)) .sel-ind{display:none}
.opt.sel:not(:has(.im)) .sel-ind{display:inline-block;background:var(--dc);color:#06121a;border-radius:999px;padding:2px 10px;font-size:.72rem;font-weight:900}