/* CaspiGo theme "Baku glows" — light + dark. Presentation only (no logic).
   To go back to the old look: restore index-OLD-backup.html as index.html. */
:root,html[data-theme="light"]{color-scheme:light;
 --bg:#eef4fa;--card:#fff;--card2:#e4edf7;--fg:#14324f;--mut:#566c84;--line:#d9e4ef;--soft:#e4edf7;
 --navy:#1e5f9e;--teal:#1aa6b0;--or:#1f6fb5;--rose:#e0352b;--ink:#fff;--pri-a:rgba(31,111,181,.14);--pri-s:rgba(31,111,181,.30);
 --hdr:rgba(255,255,255,.94);--tint:#fff;--np:#d92d2d;--okc:#12805a;--star:#f0a020;
 --foot:#dfe9f4;--shadow:0 10px 30px rgba(20,50,79,.16);--logo-bg:transparent;--why-bg:rgba(255,255,255,.96);--why-bd:rgba(255,255,255,.6);--why-t:#14324f;--why-s:#566c84;
 --hero-end:#eef4fa;--acc-t:#1e5f9e;--sel:rgba(31,111,181,.10)}
html[data-theme="dark"]{color-scheme:dark;
 --bg:#0c1a2e;--card:#13263f;--card2:#1b3354;--fg:#eef5fc;--mut:#9db4cf;--line:#244266;--soft:#102239;
 --navy:#6fdcde;--teal:#4cc9cb;--or:#4cc9cb;--rose:#ff4f6b;--ink:#06242b;--pri-a:rgba(76,201,203,.16);--pri-s:rgba(76,201,203,.30);
 --hdr:rgba(12,26,46,.92);--tint:rgba(255,255,255,.07);--np:#ff7a8f;--okc:#5be3a0;--star:#ffb347;
 --foot:#08121f;--shadow:0 10px 30px rgba(0,0,0,.5);--logo-bg:#fff;--why-bg:rgba(255,255,255,.09);--why-bd:rgba(255,255,255,.18);--why-t:#fff;--why-s:#d3e2f3;
 --hero-end:#0c1a2e;--acc-t:#6fdcde;--sel:rgba(76,201,203,.14)}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--fg)}
h1,h2,h3{letter-spacing:-.02em;color:var(--fg)}h1,h2{font-weight:800}
/* header */
header,header.hd{background:var(--hdr);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
header.hd{position:sticky;top:env(safe-area-inset-top,0px);z-index:9}
.lg{background:var(--logo-bg);border-radius:16px;padding:2px}.lg img{height:64px!important;border-radius:14px}
.td{background:var(--or);color:var(--ink)!important;border-radius:999px;font-weight:700}
.sb input{background:var(--tint);border:1px solid var(--line);border-right:0;color:var(--fg);border-radius:999px 0 0 999px}
.sb input::placeholder{color:var(--mut)}
.sb button{background:var(--or);color:var(--ink);border-radius:0 999px 999px 0}
.ic,.ic a,.lgb{color:var(--fg)}.ic a:hover,.lgb:hover,.lgb[aria-expanded="true"]{color:var(--or)}
.h2r a,.h2r .ni,.mm button,.tl1 button,.tl2 a,.fw b,.fw a,.fw span{color:var(--fg)}
.h2r a:hover,.h2r .ni:hover,header.hd.ti .ni,.mm button:hover,.tl2 a:hover{color:var(--or)}
.tl1 button:hover,.tl1 button.on{background:var(--card2);color:var(--or)}
.tl1 a.ex,.crumb a,.back{color:var(--acc-t)}
.lgm{background:var(--card);border-color:var(--line);box-shadow:var(--shadow)}.lgm button{color:var(--fg)}.lgm button:hover{background:var(--card2)}
.bd i{background:var(--rose)}
#thb .mo{display:none}#thb .su{display:flex}
html[data-theme="light"] #thb .mo{display:flex}html[data-theme="light"] #thb .su{display:none}
@media(max-width:760px){.lg img{height:46px!important}.td{border-radius:12px}.sb input{border-radius:12px 0 0 12px}.sb button{border-radius:0 12px 12px 0}}
/* hero */
.hero{position:relative;text-align:left;padding:90px max(20px,calc((100vw - 1100px)/2 + 20px)) 40px;min-height:500px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,rgba(12,26,46,.25) 0%,rgba(12,26,46,.55) 55%,var(--hero-end) 100%),url(hero-night.jpg?v=2) center 42%/cover,var(--bg)}
html[data-theme="light"] .hero{background:linear-gradient(90deg,rgba(10,44,86,.62) 0%,rgba(10,44,86,.26) 50%,rgba(10,44,86,0) 100%),linear-gradient(180deg,rgba(10,44,86,0) 55%,var(--hero-end) 100%),url(hero-day.jpg?v=2) center 60%/cover,var(--bg)}
.hero[hidden]{display:none}
.hero h1{font-size:clamp(32px,4.8vw,58px);line-height:1.02;letter-spacing:-.035em;font-weight:800;max-width:860px;margin:0 0 14px;background:linear-gradient(90deg,#fff 0%,#e3f4ff 55%,#9be4e6 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:#ece8fb;font-size:clamp(16px,2vw,19px);max-width:640px;margin:0 0 6px}
/* benefits: smaller cards, drifting strip */
.why{display:flex;gap:12px;margin:24px calc(-1 * max(20px,calc((100vw - 1100px)/2 + 20px))) 0;padding:2px 0 10px;max-width:none;width:auto;overflow-x:auto;overflow-y:hidden;scroll-snap-type:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.why::-webkit-scrollbar{display:none}
.why>div{flex:0 0 218px;background:var(--why-bg);border:1px solid var(--why-bd);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 16px rgba(12,26,46,.1);border-radius:16px;padding:13px 14px;text-align:left}
.why i{width:38px;height:38px;border-radius:11px;background:var(--pri-a);color:var(--or)}
.why b{margin-top:9px;font-size:14px;line-height:1.25;color:var(--why-t)}.why span{margin-top:3px;font-size:12.5px;line-height:1.4;color:var(--why-s)}
@media(max-width:760px){.hero{min-height:430px;padding:60px 20px 26px}.why{margin:20px -20px 0;padding:2px 0 8px}.why>div{flex-basis:196px}}
/* surfaces */
.card,.rc,.pc,.ci,.ac,.rv,.day,.fg div,.b2s li,.b2t,.box,.opt{background:var(--card);border-color:var(--line);color:var(--fg)}
.card:hover,.rc:hover,.pc:hover,a.rl:hover{box-shadow:var(--shadow);border-color:var(--or)}
.dh{background:var(--card2)}
.opt.on{border-color:var(--or);background:var(--sel)}
.pan{background:var(--card);color:var(--fg)}.x{color:var(--fg)}
#m{background:rgba(6,4,20,.7)}
input,select,textarea{background:var(--tint);border-color:var(--line);color:var(--fg)}
input::placeholder,textarea::placeholder{color:var(--mut)}
option{background:var(--card);color:var(--fg)}
.st button,.ci .gs button,.xn button{background:var(--card2);border-color:var(--line);color:var(--fg)}
.chips button,.sv{background:var(--card);border-color:var(--line);color:var(--fg)}
.chips button.on{background:var(--or);color:var(--ink);border-color:var(--or)}
.b2t th{background:var(--card2)}.b2f label.ck:has(input:checked){background:var(--sel);border-color:var(--or)}
.b2s li:before{background:var(--or);color:var(--ink)}
.ctb a{background:var(--or);color:var(--ink)}.ctb a.o{background:transparent;color:var(--or);border:1px solid var(--or)}
footer{background:var(--foot);border-top:1px solid var(--line);color:var(--mut)}
.mut,.crumb,.rk,.rm,label{color:var(--mut)}
.newp{background:rgba(15,159,176,.14);color:var(--teal)}
.rm .gn{color:var(--okc)}.star,.rv .rs2{color:var(--star)}
/* buttons */
.btn{background:var(--or);color:var(--ink);border-radius:999px;font-weight:800;box-shadow:0 8px 24px var(--pri-s)}
.btn[style]{box-shadow:none}.btn[style*="background:#fff"]{background:transparent!important;color:var(--or)!important;border:2px solid var(--or)!important}
#chf button{background:var(--or);color:var(--ink)}
/* prices, discounts */
.np{color:var(--np)}.np.k{color:var(--fg)}.pct{color:var(--np)}.old{color:var(--mut)}
.dpill{left:0;top:12px;background:var(--rose);color:#fff;border-radius:0 999px 999px 0;padding:5px 13px 5px 11px;font-weight:800;font-size:13px;box-shadow:0 6px 18px rgba(255,79,123,.45)}
.xc .dpill{left:0;top:12px}.xc .dpill~.xb{top:46px}
.xc .xb{background:var(--or);color:var(--ink)}.xc .xb.g{background:#fff;color:#111}
.xh a.xall{background:var(--card2);color:var(--fg)}.xh a.xall:hover{background:var(--line)}
.xc .xi,.rimg,.gpt{border-radius:22px}.xc:hover .xi{filter:brightness(1.06)}
.card,.rc,.pc{border-radius:22px}
.hb{background:rgba(12,26,46,.7);color:#fff;backdrop-filter:blur(6px)}.va{background:#fff;color:#14324f}
.st2:before{background:var(--or)}.st2:after{background:var(--line)}
/* toast + chat */
#toast{background:var(--card2);color:var(--fg);border:1px solid var(--line)}
.chb{background:var(--or);color:var(--ink);box-shadow:0 8px 26px var(--pri-s)}.chb:hover,.chb.on{filter:brightness(1.1)}
.chn{background:var(--card);color:var(--fg)}
.chp{background:var(--card);border-color:var(--line)}.chp header{background:var(--card2);color:var(--fg)}.chp header button{color:var(--fg)}
.chm{background:var(--bg)}.chm .bot{background:var(--card);border-color:var(--line);color:var(--fg)}.chm .me{background:var(--or);color:var(--ink)}.chm a{color:var(--acc-t)}
.chc,#chf{background:var(--card);border-top-color:var(--line)}
.chc button{background:transparent;border-color:var(--or);color:var(--acc-t)}.chc button:hover{background:var(--sel)}
#chf input{background:var(--tint);border-color:var(--line);color:var(--fg)}
.gpt{background:var(--card2)}
::selection{background:var(--or);color:var(--ink)}
:focus-visible{outline:2px solid var(--or);outline-offset:2px}
/* dynamic pages inject their own CSS later: higher specificity */
body .dzh,body .dp small,body .ds b,body .trv .vb b,body .trq button,body .dc{color:var(--fg)}
body .dp small,body .trv .vb small,body .tro label.ck small{color:var(--mut)}
body .dc,body .ds,body .trv label,body .b2f .trv label,body .trq button{background:var(--card);border-color:var(--line)}
body .dc:hover,body .trv label:hover,body .trq button:hover{border-color:var(--or)}
body .dc.on,body .trv label.on{border-color:var(--or);background:var(--sel);box-shadow:none}
body .dpb{background:var(--line)}body .dpb i{background:var(--or)}
body .ds button{background:var(--card2);border-color:var(--line);color:var(--fg)}
body .dbk{color:var(--acc-t)}
.abh h1{color:var(--acc-t)}
html{transition:none}
html[data-theme="light"] .hero h1{background:none;color:#fff;-webkit-text-fill-color:#fff;text-shadow:0 2px 20px rgba(10,44,86,.55)}
html[data-theme="light"] .hero p{color:#fff;text-shadow:0 1px 12px rgba(10,44,86,.6)}

/* v6: phone header — not sticky, "Things to do" label visible, compact search */
@media(max-width:760px){
  header.hd{position:static!important;backdrop-filter:none;-webkit-backdrop-filter:none}
  .h1r{grid-template-columns:auto 1fr!important}
  .td,button.td{font-size:14px!important;width:auto!important;height:44px!important;padding:0 14px!important;gap:8px!important;white-space:nowrap}
  .sb{height:44px!important}
  .sb input{padding:0 12px!important;font-size:15px!important}
  .sb button{width:46px!important}
  .h2r .ni svg{display:none}
}

/* v7: lighter hero image on phones */
@media(max-width:760px){
 .hero{background:linear-gradient(180deg,rgba(12,26,46,.25) 0%,rgba(12,26,46,.55) 55%,var(--hero-end) 100%),url(hero-night-m.jpg?v=2) center 42%/cover,var(--bg)}
 html[data-theme="light"] .hero{background:linear-gradient(90deg,rgba(10,44,86,.62) 0%,rgba(10,44,86,.26) 50%,rgba(10,44,86,0) 100%),linear-gradient(180deg,rgba(10,44,86,0) 55%,var(--hero-end) 100%),url(hero-day-m.jpg?v=2) center 60%/cover,var(--bg)}
}

/* v8: special tours + on-request pricing */
.xsub{margin:-4px 0 12px;color:var(--mut);font-size:15px}
.np.req{font-size:15px;font-weight:700;color:var(--or)}
.rp .np.req{font-size:17px}
.box.rq .btn{display:block;text-align:center;text-decoration:none}

/* v9: slightly smaller cards and row text */
.xw{margin:0 0 26px}
.xh h2{font-size:20px}
.xsub{font-size:14px;margin:-2px 0 10px}
.xk{gap:12px}
.xc{flex-basis:178px}
.xc .xi{border-radius:18px;font-size:40px}
.xc h3{font-size:14px;margin:8px 0 3px}
.xc .mut{font-size:12px}
.xc .xp{font-size:13px;margin-top:3px}
.xc .xp .np{font-size:15px}
.xc .xb{font-size:10.5px;padding:3px 7px}
.xc.pp p{font-size:12px}
.xc .hb,.xc .dpill{transform:scale(.88)}
@media(max-width:760px){
 .xw{margin:0 0 22px}
 .xh h2{font-size:18px}
 .xc{flex-basis:150px}
 .xc h3{font-size:13px}
 .xc .xp .np{font-size:14px}
}

/* v10: account menu (profile, language, currency, appearance) */
.acm{width:340px;padding:8px 0 10px;border-radius:18px;max-height:calc(100vh - 90px);overflow:auto}
.acp{font-size:22px;font-weight:800;padding:10px 20px 6px;color:var(--fg)}
.acm .ar2{display:flex;align-items:center;gap:14px;width:100%;padding:13px 20px;border:0;background:none;color:var(--fg);font:600 15px/1.2 inherit;text-align:left;border-radius:0;cursor:pointer;text-decoration:none}
.acm .ar2:hover{background:var(--card2,#f3f6f8)}
.acm .ar2 span{flex:1}.acm .ar2 em{font-style:normal;color:var(--mut);font-weight:500;font-size:14px}.acm .ar2 .chv{color:var(--mut);flex:none}
.acm .ar2 i:not(:empty){background:var(--rose,#e0453a);color:#fff;border-radius:9px;min-width:18px;height:18px;font:700 11px/18px inherit;text-align:center;padding:0 5px;font-style:normal}
.acs{padding:2px 20px 10px;border-bottom:1px solid var(--line)}
.acl{margin-top:8px}.acl small{display:block;color:var(--mut);font-weight:600;font-size:12px;margin-bottom:6px}
#lgm{display:flex;gap:6px}#lgm button{flex:1}.cug{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.acl button{border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:10px;padding:8px 4px;font:600 13px/1.2 inherit;cursor:pointer}
.acl button b{font-weight:800}.acl button.on{border-color:var(--or);color:var(--or)}.acl button:hover{background:var(--card2,#f3f6f8)}
@media(max-width:760px){.acm{position:fixed;left:12px;right:12px;top:64px;width:auto}.ic{gap:14px}}
