/* ===== Liquid-glass theme (experimental). Loaded after style.css; delete this file and its <link> to revert. ===== */
:root{--glass:rgba(255,255,255,.52);--glass-strong:rgba(255,255,255,.72);--glass-edge:rgba(255,255,255,.75);--glass-dark:rgba(12,22,40,.46);
--glass-shadow:0 10px 40px rgba(17,40,70,.12),0 2px 8px rgba(17,40,70,.06);--spec:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(255,255,255,.25),inset 1px 0 0 rgba(255,255,255,.45),inset -1px 0 0 rgba(255,255,255,.2);--r:22px}
html{background:#dfe9f4}
body{background:transparent;position:relative;min-height:100vh}
/* living aurora background behind everything */
body::before{content:"";position:fixed;inset:-10%;z-index:-2;pointer-events:none;
 background:radial-gradient(38% 34% at 12% 8%,rgba(47,207,154,.50),transparent 70%),radial-gradient(34% 30% at 88% 14%,rgba(110,140,255,.42),transparent 70%),radial-gradient(40% 36% at 78% 92%,rgba(47,207,154,.34),transparent 70%),radial-gradient(34% 30% at 8% 86%,rgba(150,120,255,.30),transparent 70%),linear-gradient(180deg,#e9f1f8,#dce8f3);
 filter:saturate(1.15);animation:drift 26s ease-in-out infinite alternate}
@keyframes drift{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-2.5%,2%,0) scale(1.06)}}
@media(prefers-reduced-motion:reduce){body::before{animation:none}}
/* sections become see-through so the glass shows what is behind it */
.section,.section.alt,.trust-strip,.cta{background:transparent;border:0}
.trust-strip{border-bottom:0}
/* floating glass header */
.announce{background:linear-gradient(90deg,rgba(47,207,154,.92),rgba(91,160,255,.9));backdrop-filter:blur(10px)}
.header{background:transparent;backdrop-filter:none;position:sticky;top:10px;padding:0 12px}
.header-in{background:var(--glass-dark);backdrop-filter:blur(22px) saturate(1.8);-webkit-backdrop-filter:blur(22px) saturate(1.8);border:1px solid rgba(255,255,255,.22);border-radius:999px;box-shadow:0 12px 40px rgba(6,16,34,.28),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(255,255,255,.08);padding:2px 12px 2px 22px;min-height:72px;max-width:1180px}
.header .wrap{width:min(1180px,100%)}
.nav a{padding:7px 12px;border-radius:999px;transition:background .2s,color .2s}.nav a:hover,.nav a[aria-current]{background:rgba(255,255,255,.16);color:#fff}
.nav{gap:2px}
@media(max-width:900px){.header{top:6px}.header-in{border-radius:28px}.nav{background:rgba(12,22,40,.78);backdrop-filter:blur(24px);border-radius:0 0 24px 24px;margin:0 8px}}
/* glossy buttons */
.btn{background:linear-gradient(180deg,#5ff0b8 0%,#2fcf9a 55%,#22b985 100%);border:1px solid rgba(255,255,255,.55);box-shadow:0 8px 22px rgba(47,207,154,.38),inset 0 1px 0 rgba(255,255,255,.75),inset 0 -2px 6px rgba(0,80,50,.18);color:#04261a;transition:transform .2s,box-shadow .2s,filter .2s}
.btn:hover{background:linear-gradient(180deg,#74f5c6,#38d8a4 55%,#27c28f);transform:translateY(-2px);box-shadow:0 12px 28px rgba(47,207,154,.46),inset 0 1px 0 rgba(255,255,255,.85)}
.btn-outline,.btn-ghost,.section .btn-ghost,.cta .btn-ghost{background:var(--glass);color:var(--ink);border:1px solid var(--glass-edge);backdrop-filter:blur(14px) saturate(1.6);box-shadow:var(--glass-shadow),var(--spec)}
.hero .btn-ghost{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.45)}
/* hero: keep the aurora photo, add a glass edge */
.hero{border-radius:0 0 40px 40px;margin-top:-82px;padding-top:calc(clamp(56px,9vw,120px) + 82px)}
.chips li{background:rgba(255,255,255,.16);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
/* glass surfaces */
.card,.cat,.live-card,.book-box,.contact-op,.reviews-box,.operator-box,.filters-panel,.faq details,.faq-item,.teaser,.contact-card,.ta-stats,.spot,.notice,.trust-item,.review,.sticky-book,.about-op,.opt,.search{
 background:var(--glass);backdrop-filter:blur(20px) saturate(1.7);-webkit-backdrop-filter:blur(20px) saturate(1.7);border:1px solid var(--glass-edge);border-radius:var(--r);box-shadow:var(--glass-shadow),var(--spec)}
.trust-item{padding:14px 16px}
.card{overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.card:hover{transform:translateY(-6px) scale(1.012);box-shadow:0 22px 50px rgba(17,40,70,.2),var(--spec)}
.card-img{border-radius:0}.card-body,.card-foot{background:transparent}
.cat{border-top:1px solid var(--glass-edge)}.cat:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(17,40,70,.18),var(--spec)}
.book-box{background:var(--glass-strong);border-radius:26px}
.spot.best,.best{background:rgba(47,207,154,.22);border-color:rgba(47,207,154,.55)}
.kp-now{background:rgba(47,207,154,.18);border:1px solid rgba(255,255,255,.6);box-shadow:var(--spec)}
.tag,.badges span,.pill{background:rgba(255,255,255,.55);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.page-head{background:linear-gradient(135deg,rgba(11,20,36,.78),rgba(18,48,70,.6));backdrop-filter:blur(18px);border-radius:0 0 36px 36px;margin-top:-82px;padding-top:calc(var(--ph,48px) + 82px)}
.tour-hero{margin-top:-82px;border-radius:0 0 36px 36px;overflow:hidden}
input,select,textarea,.in{background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.8);border-radius:14px;backdrop-filter:blur(10px);box-shadow:inset 0 1px 3px rgba(17,40,70,.08)}
/* footer: dark glass slab */
.footer{background:linear-gradient(180deg,rgba(11,20,36,.86),rgba(8,16,30,.95));backdrop-filter:blur(20px);border-radius:36px 36px 0 0;margin-top:40px}
.filters-panel{padding:18px}
.lightbox{backdrop-filter:blur(18px)}
@supports not (backdrop-filter:blur(1px)){.card,.cat,.live-card,.book-box,.contact-op,.reviews-box,.operator-box,.filters-panel,.teaser,.contact-card,.ta-stats,.spot,.trust-item,.review{background:rgba(255,255,255,.9)}.header-in{background:rgba(11,20,36,.95)}}
.nav a,.header .btn{white-space:nowrap}.nav a{padding:7px 10px;font-size:.93rem}.header-in{gap:14px;--glass-dark:rgba(12,22,40,.62)}
.nav .kp-chip{margin-left:4px;padding:0 7px}
@media(max-width:1100px){.nav a{padding:7px 7px;font-size:.88rem}}