:root{--ink:#071A2B;--ink-2:#0B2438;--gold:#C9A55C;--gold-soft:#D8BC7A;--cream:#FFFFFF;--muted:#D7DFE7;--line:rgba(201,165,92,.28);--teal:#18bca6;--green:#1f8f57}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{overflow-x:hidden}
body{margin:0;background:var(--ink);color:var(--cream);font-family:'Jost',Arial,sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}
.wrap{width:min(1180px,calc(100% - 48px));margin:auto}
/* background+blur live on ::before (not on header itself) so header never
   carries a backdrop-filter — that property establishes a new CSS containing
   block for position:fixed descendants, which would trap the mobile
   off-canvas nav-links panel inside header's own 76px box instead of letting
   it cover the true viewport. */
header{position:sticky;top:0;z-index:50;background:transparent;border-bottom:1px solid var(--line)}
header::before{content:"";position:absolute;inset:0;z-index:0;background:rgba(6,21,37,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
header .wrap{position:relative;z-index:1}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:block;height:56px;width:260px;background:url("../../luxentra-full-logo.png") left center/contain no-repeat;flex:0 0 auto}
.nav-links{display:flex;gap:28px;align-items:center;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.nav-links a:hover{color:var(--gold-soft)}
.nav-cta{border:1px solid var(--gold);border-radius:2px;padding:15px 22px;color:var(--gold-soft);background:transparent}
.nav-cta:hover{background:var(--gold);color:var(--ink)!important}
.hero{position:relative;min-height:430px;display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(6,21,37,.78),rgba(6,21,37,.30),rgba(6,21,37,.42)),linear-gradient(180deg,rgba(6,21,37,.30),rgba(6,21,37,.86)),url("../../aktiviteler-hero-desktop.webp") center/cover no-repeat}
.hero-content{position:relative;z-index:2;padding:118px 0 78px}
.eyebrow{display:inline-flex;align-items:center;gap:14px;font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-soft);font-weight:600}
.eyebrow::before{content:"";width:32px;height:1px;background:var(--gold)}
h1{font-family:'Cormorant Garamond',serif;font-size:clamp(3.2rem,7vw,6.4rem);line-height:.94;margin:18px 0;font-weight:600;text-shadow:0 3px 24px rgba(0,0,0,.72)}
.lead{max-width:760px;color:rgba(251,246,234,.88);font-size:1.08rem;text-shadow:0 2px 16px rgba(0,0,0,.7)}
main{position:relative;overflow:hidden;background:radial-gradient(ellipse 65% 55% at 50% 40%, rgba(11,36,56,.35) 0%, transparent 70%),linear-gradient(180deg,#071A2B,#061525);padding:72px 0 96px}
main .wrap{position:relative;z-index:1;max-width:1400px}
.section-head{max-width:760px;margin-bottom:34px}
.section-head h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:12px 0 14px;font-weight:600}
.section-head p{margin:0;color:var(--muted)}
.activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.activity-card{position:relative;min-width:0;min-height:248px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.035);box-shadow:0 20px 60px rgba(0,0,0,.20);transition:transform .48s cubic-bezier(.22,.61,.36,1),opacity .45s cubic-bezier(.22,.61,.36,1),border-color .28s ease,background .28s ease}
.activity-card:hover{transform:translateY(-6px) scale(1.02)!important;border-color:rgba(229,201,139,.58);background:rgba(255,255,255,.055)}
@media(min-width:769px) and (hover:hover){
  .activity-grid:has(.activity-card:hover) .activity-card:not(:hover){opacity:.84}
}
.activity-card::before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(201,165,92,.13),transparent 46%),radial-gradient(circle at top right,rgba(24,188,166,.12),transparent 35%);pointer-events:none}
.activity-card.has-image{background-image:linear-gradient(180deg,rgba(6,21,37,.24),rgba(6,21,37,.88)),var(--card-image);background-size:cover;background-position:center;isolation:isolate}
.activity-card.has-image:hover{background-image:linear-gradient(180deg,rgba(6,21,37,.14),rgba(6,21,37,.82)),var(--card-image)}
.activity-card.has-image::before{background:linear-gradient(145deg,rgba(201,165,92,.18),transparent 48%),linear-gradient(180deg,rgba(6,21,37,.10),rgba(6,21,37,.64));z-index:0}
.activity-card.has-image .activity-title,.activity-card.has-image .activity-kicker,.activity-card.has-image .activity-price{text-shadow:0 2px 16px rgba(0,0,0,.75)}
.activity-card.has-image .badge{box-shadow:0 8px 22px rgba(0,0,0,.24)}
.activity-card.featured{border-color:rgba(229,201,139,.55)}
.activity-body{position:relative;z-index:1;padding:24px 24px 0}
.activity-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:22px}
.activity-kicker{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft);font-weight:700}
.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--gold);color:#071A2B;padding:7px 10px;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;white-space:nowrap}
.activity-title{margin:0;font-size:1.42rem;line-height:1.2;font-weight:600;color:#fff;font-family:'Jost',Arial,sans-serif;letter-spacing:0}
.activity-price{margin-top:18px;color:var(--muted);font-size:.92rem}
.activity-actions{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.1fr;gap:10px;padding:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:3px;border:1px solid var(--line);font-size:.72rem;letter-spacing:.10em;text-transform:uppercase;font-weight:700;text-align:center;padding:12px 14px}
.btn.details{color:var(--gold-soft);background:rgba(6,21,37,.48);cursor:pointer}
.btn.details:hover{border-color:var(--gold-soft);color:#fff}
.btn.whatsapp{background:var(--green);border-color:var(--green);color:#fff}
.btn.whatsapp:hover{background:#1a784b}
footer{background:#0B2438;border-top:1px solid var(--line);padding:70px 0 40px;color:var(--muted)}
.foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;padding-bottom:46px;border-bottom:1px solid var(--line)}
.foot-brand{max-width:320px}
.brand-foot{height:96px;width:84px;background:url("../../luxentra-logo-dikey.png") left center/contain no-repeat;display:block;margin-bottom:22px}
.foot-brand p{font-size:.95rem;margin:0;color:var(--muted)}
.foot-col h4{font-family:'Jost',Arial,sans-serif;font-weight:600;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-soft);margin:0 0 24px}
.foot-col a,.foot-col p{display:block;color:var(--muted);font-size:.95rem;margin:0 0 12px;transition:.25s}
.foot-col a:hover{color:var(--cream)}
.foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:30px;font-size:.9rem}
.float-wa{position:fixed;right:24px;bottom:24px;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#178f57;color:white;box-shadow:0 18px 50px rgba(0,0,0,.35);z-index:60;font-weight:700}
.modal{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:24px}
.modal.open{display:flex}
.modal::before{content:"";position:absolute;inset:0;background:rgba(6,21,37,.78);backdrop-filter:blur(8px)}
.modal-box{position:relative;width:min(560px,100%);background:#0B2438;border:1px solid var(--line);border-radius:8px;padding:28px;box-shadow:0 28px 90px rgba(0,0,0,.42)}
.modal-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;font-size:24px;cursor:pointer}
.modal h3{font-family:'Cormorant Garamond',serif;font-size:2.35rem;line-height:1;margin:0 44px 14px 0}
.modal p{color:var(--muted);margin:0 0 22px}
.modal-actions{display:flex;gap:12px;flex-wrap:wrap}

.lx-page-ui{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.lx-pui-coord{position:absolute;top:38px;left:5%;font-family:'Jost',Arial,sans-serif;font-size:.68rem;letter-spacing:.16em;color:rgba(216,188,122,.16);text-transform:uppercase}
.lx-pui-code{display:block;font-size:.82rem;letter-spacing:.22em;color:rgba(216,188,122,.20)}
.lx-pui-label{position:absolute;top:38px;right:5%;text-align:right;font-family:'Jost',Arial,sans-serif;font-size:.66rem;letter-spacing:.16em;color:rgba(216,188,122,.14);text-transform:uppercase;line-height:1.7}
.lx-pui-route{position:absolute;left:8%;right:8%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(201,165,92,.14) 15%,rgba(201,165,92,.18) 50%,rgba(201,165,92,.14) 85%,transparent)}
.lx-pui-node{position:absolute;top:50%;width:5px;height:5px;border-radius:50%;background:rgba(201,165,92,.22);transform:translate(-50%,-50%)}
.lx-pui-node::after{content:"";position:absolute;inset:-5px;border:1px solid rgba(201,165,92,.14);border-radius:50%}
.lx-pui-vline{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(201,165,92,.10) 30%,rgba(201,165,92,.10) 70%,transparent)}
@media(max-width:720px){.lx-page-ui{display:none}}

@media(max-width:1020px){.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-links{gap:14px;font-size:10px;letter-spacing:.12em}.brand{width:220px}}
/* Burger control: hidden on desktop/tablet, shown only <=720px below */
.burger{display:none;position:relative;z-index:140;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;border:none;background:transparent;cursor:pointer;padding:0;flex:0 0 auto;-webkit-tap-highlight-color:transparent}
.burger span{display:block;width:24px;height:2px;background:var(--gold-soft);transition:transform .3s ease,opacity .3s ease}
.burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.active span:nth-child(2){opacity:0}
.burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
body.menu-open{overflow:hidden}
/* header establishes its own stacking context (position:sticky + z-index),
   so #navLinks's z-index:130 only ranks against its siblings inside header
   — it can never outrank .lx-cta-bar, which lives outside header in the
   root stacking context. Hide the bar directly while the menu is open
   rather than fighting stacking contexts further. */
body.menu-open .lx-cta-bar{display:none!important}

@media(max-width:720px){.wrap{width:min(100% - 30px,1180px)}.nav{height:auto;padding:12px 0;align-items:center;flex-wrap:nowrap}.brand{height:42px;width:180px}.burger{display:flex}.nav-links{position:fixed;inset:0;z-index:130;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;width:auto;overflow:visible;flex-wrap:nowrap;background:radial-gradient(90% 55% at 50% 0%,rgba(201,165,92,.10),transparent 62%),var(--ink);transform:translateX(100%);transition:transform .45s cubic-bezier(.22,.61,.36,1);padding:0}.nav-links.open{transform:none}.nav-links a{flex:0 0 auto;padding:0;border:none;border-radius:0;background:none;font-size:1rem;letter-spacing:.12em;color:rgba(251,246,234,.92)}.nav-links .nav-cta{border:1px solid var(--gold);border-radius:999px;padding:14px 28px;margin-top:8px}.nav-links .fx-chip{display:none!important}.hero{min-height:430px;background:linear-gradient(180deg,rgba(6,21,37,.28) 0%,rgba(6,21,37,.38) 52%,rgba(6,21,37,.90) 100%),url("../../aktiviteler-hero-mobil.webp") center/cover no-repeat}.hero-content{padding:82px 0 48px}h1{font-size:clamp(2.7rem,15vw,4.3rem)}main{padding:48px 0 72px}.activity-grid{grid-template-columns:1fr}.activity-actions{grid-template-columns:1fr}.foot-top{display:block}.foot-col{margin-top:32px}.foot-bottom{display:block;line-height:1.8}.float-wa{width:54px;height:54px;right:18px;bottom:18px}}

/* HEADER: tek satir garanti + genis kapsayici */
header .wrap{width:min(1680px,calc(100% - 48px))}
@media(min-width:721px) and (max-width:1380px){.nav-links{gap:14px;font-size:10px;letter-spacing:.12em}.brand{width:220px!important}}