/* ============ KURTKÖY ATV — Shared Styles ============ */
:root{
  --bg:#0c0a09;
  --bg2:#141110;
  --card:#1a1614;
  --card2:#211b18;
  --card3:#26201c;
  --orange:#f26a1b;
  --orange2:#ff8a3d;
  --orange-grad:linear-gradient(135deg,#f97316,#ea580c);
  --text:#f5f1ed;
  --muted:#9a9089;
  --muted2:#736a63;
  --line:rgba(255,255,255,.08);
  --line2:rgba(255,255,255,.13);
  --green:#25D366;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.6}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
h1,h2,h3,h4{font-family:'Archivo',sans-serif;text-transform:uppercase;line-height:1.05;letter-spacing:.5px;font-weight:700}
.accent{color:var(--orange)}
/* accent word — clean bold orange (brush font removed) */
.brush{font-family:'Archivo Black',sans-serif;color:var(--orange);text-transform:uppercase;
  letter-spacing:-.5px;display:inline-block;transform:none;
  text-shadow:0 6px 30px rgba(242,106,27,.45)}
/* crisp display words (rough paint filter removed) */
.distressed{filter:none}
section{position:relative}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:'Archivo',sans-serif;font-weight:600;
  text-transform:uppercase;letter-spacing:1px;font-size:14px;padding:14px 26px;border-radius:10px;
  cursor:pointer;border:none;transition:.25s cubic-bezier(.2,.7,.2,1);white-space:nowrap;position:relative;overflow:hidden}
.btn .arrow{display:inline-flex;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.2);
  align-items:center;justify-content:center;font-size:12px;transition:transform .25s}
.btn:hover .arrow{transform:translateX(3px)}
/* ScrollX-inspired shiny gradient primary */
.btn-primary{color:#fff;background:linear-gradient(120deg,#ff9a4d,#f97316,#ea580c,#ff9a4d);background-size:280% 100%;
  background-position:0% 50%;box-shadow:0 8px 24px rgba(242,106,27,.4);animation:btnGrad 7s linear infinite}
@keyframes btnGrad{to{background-position:280% 50%}}
.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 0 1px rgba(255,190,140,.5),0 16px 40px rgba(242,106,27,.6)}
.btn-primary:active{transform:translateY(-1px) scale(.99)}
.btn-ghost{background:rgba(255,255,255,.05);color:#fff;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(4px)}
.btn-ghost:hover{background:rgba(255,255,255,.12);border-color:rgba(242,106,27,.6);transform:translateY(-3px)}
.btn-wa{background:linear-gradient(135deg,#2fe06f,#1faa4e);color:#fff;box-shadow:0 8px 22px rgba(37,211,102,.35)}
.btn-wa:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(37,211,102,.5)}
.btn-back{transition:.25s}

/* ---------- Header ---------- */
header{position:fixed;top:0;left:0;width:100%;z-index:100;transition:.3s;padding:18px 0}
header.scrolled{background:rgba(12,10,9,.94);backdrop-filter:blur(12px);padding:11px 0;box-shadow:0 4px 30px rgba(0,0,0,.5)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;gap:9px;font-family:'Archivo',sans-serif;font-weight:700;font-size:21px;line-height:.85}
.logo .ico{width:40px;height:40px;color:var(--orange)}
.logo-img{height:44px;width:auto;display:block;max-width:200px;object-fit:contain}
/* Mangal & Piknik ek hizmet seçeneği */
.mangal-opt{display:flex;align-items:center;gap:14px;background:var(--card,#1a1614);border:1.5px solid var(--line2,#2a2420);border-radius:14px;padding:14px 16px;cursor:pointer;transition:.2s;margin-bottom:8px}
.mangal-opt:hover{border-color:var(--orange,#ea580c)}
.mangal-opt.on{border-color:var(--orange,#ea580c);background:rgba(234,88,12,.08)}
.mangal-opt input{width:22px;height:22px;flex:0 0 auto;accent-color:var(--orange,#ea580c);cursor:pointer}
.mangal-ic{font-size:26px;flex:0 0 auto;line-height:1}
.mangal-tx{flex:1;display:flex;flex-direction:column;gap:3px}
.mangal-tx b{font-size:15px;color:#fff}
.mangal-tx small{font-size:12.5px;color:var(--muted,#9a918a);line-height:1.4}
.mangal-pr{flex:0 0 auto;font-family:'Archivo Black',sans-serif;font-size:17px;color:var(--orange,#ea580c)}
@media(max-width:480px){.mangal-opt{flex-wrap:wrap}.mangal-pr{margin-left:36px}}
/* Ana sayfa Mangal & Piknik bandı */
.mangal-band{padding:30px 0}
.mangal-in{display:flex;align-items:center;gap:30px;background:linear-gradient(120deg,rgba(234,88,12,.16),rgba(234,88,12,.04));border:1.5px solid rgba(234,88,12,.35);border-radius:22px;padding:34px 38px}
.mangal-emoji{font-size:72px;flex:0 0 auto;line-height:1;filter:drop-shadow(0 8px 20px rgba(234,88,12,.4))}
.mangal-content{flex:1}
.mangal-content h2{font-family:'Archivo Black',sans-serif;font-size:clamp(24px,3.4vw,34px);color:#fff;margin:6px 0 10px;text-transform:uppercase}
.mangal-content p{color:var(--muted,#c9c0b8);font-size:15.5px;line-height:1.65;margin-bottom:18px;max-width:760px}
.mangal-content p b{color:#fff}
@media(max-width:760px){.mangal-in{flex-direction:column;text-align:center;gap:18px;padding:28px 22px}.mangal-content p{margin-left:auto;margin-right:auto}}
.logo small{display:block;font-size:13px;color:var(--orange);letter-spacing:3px;font-weight:700}
.nav-links{display:flex;gap:26px;list-style:none;margin:0 auto}
.nav-links a{font-family:'Archivo',sans-serif;font-weight:500;font-size:14px;text-transform:uppercase;
  letter-spacing:1px;color:#d8d2cc;position:relative;padding:4px 0;transition:.2s}
.nav-links a:hover,.nav-links a.active{color:#fff}
.nav-links a.active::after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:var(--orange)}
.nav-right{display:flex;align-items:center;gap:14px}
.phone-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line2);border-radius:8px;
  padding:11px 18px;font-family:'Archivo',sans-serif;font-weight:600;letter-spacing:.5px;color:#fff;font-size:15px}
.phone-pill svg{width:18px;height:18px;color:var(--orange)}
.menu-toggle{display:none;background:none;border:none;color:#fff;font-size:26px;cursor:pointer}

/* ---------- Floating social ---------- */
.float-social{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:90;display:flex;flex-direction:column;gap:6px;
  background:rgba(18,15,12,.82);backdrop-filter:blur(10px);border:1px solid var(--line2);border-right:none;
  border-radius:14px 0 0 14px;padding:8px 7px;box-shadow:-8px 0 28px rgba(0,0,0,.4)}
.float-social a{position:relative;width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;
  color:#d8d0c8;background:rgba(255,255,255,.04);transition:.22s}
.float-social a svg{width:19px;height:19px;display:block}
.float-social a:hover{transform:translateX(-3px);color:#fff}
.float-social .fs-wa{background:linear-gradient(135deg,#2fe06f,#1faa4e);color:#fff}
.float-social .fs-wa:hover{box-shadow:0 6px 18px rgba(37,211,102,.5)}
.float-social .fs-ig:hover{background:linear-gradient(45deg,#f09433,#dc2743,#bc1888);color:#fff}
.float-social .fs-fb:hover{background:#1877f2;color:#fff}
.float-social .fs-yt:hover{background:#ff0000;color:#fff}
.float-social a::after{content:attr(data-tip);position:absolute;right:48px;top:50%;transform:translateY(-50%);
  background:#0c0a09;color:#fff;font-size:11px;font-family:'Archivo',sans-serif;text-transform:uppercase;letter-spacing:.5px;
  padding:5px 10px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:.2s;border:1px solid var(--line2)}
.float-social a:hover::after{opacity:1;right:50px}
@media(max-width:640px){.float-social{display:none}}

/* ---------- Section heading ---------- */
.sec-head{margin-bottom:44px}
.sec-tag{color:var(--orange);font-family:'Archivo',sans-serif;font-weight:600;letter-spacing:3px;font-size:13px;
  text-transform:uppercase;display:inline-flex;align-items:center;gap:12px;margin-bottom:14px}
.sec-tag::before{content:"";width:40px;height:2px;background:var(--orange)}
.sec-head h2{font-size:clamp(30px,4vw,46px)}

/* ---------- HERO (home) ---------- */
.hero{min-height:100vh;display:flex;align-items:center;padding:140px 0 70px;
  background:
   linear-gradient(90deg,rgba(8,7,6,.96) 0%,rgba(8,7,6,.72) 42%,rgba(8,7,6,.12) 100%),
   linear-gradient(0deg,rgba(8,7,6,.92),rgba(8,7,6,.15)),
   url('https://images.pexels.com/photos/12515354/pexels-photo-12515354.jpeg?auto=compress&cs=tinysrgb&w=1600') center/cover no-repeat,#141210;}
.hero-grid{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:center;width:100%}
.eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--orange);font-family:'Archivo',sans-serif;
  font-weight:600;letter-spacing:3px;font-size:13px;text-transform:uppercase;margin-bottom:16px}
.eyebrow::before{content:"";width:34px;height:2px;background:var(--orange)}
.hero h1.kicker{font-family:'Archivo',sans-serif;font-size:clamp(22px,2.4vw,30px);font-weight:600;color:#ece6e0;letter-spacing:1px}
.hero .big{font-family:'Archivo Black',sans-serif;font-size:clamp(38px,5.4vw,72px);line-height:.94;margin:2px 0 6px;text-transform:uppercase;letter-spacing:1px}
.hero .big .em{color:#f3ede7;display:block;text-shadow:0 4px 30px rgba(0,0,0,.6)}
.hero .big .em2{color:var(--orange);display:block;text-shadow:0 6px 30px rgba(242,106,27,.4)}
.hero p.lead{color:#cfc7bf;max-width:430px;font-size:16px;margin:22px 0 30px;font-weight:300}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:32px}
.guests{display:flex;align-items:center;gap:14px}
.avatars{display:flex}
.avatars img{width:42px;height:42px;border-radius:50%;border:2px solid #1a1714;margin-left:-12px;object-fit:cover}
.avatars img:first-child{margin-left:0}
.guests b{font-family:'Archivo',sans-serif;font-size:20px;display:block;line-height:1}
.guests small{color:var(--muted);font-size:13px}
.hero-card{background:linear-gradient(160deg,rgba(34,27,22,.94),rgba(20,16,13,.94));border:1px solid rgba(242,106,27,.28);
  border-radius:16px;padding:8px 22px;backdrop-filter:blur(6px);box-shadow:0 20px 50px rgba(0,0,0,.55)}
.hero-card .row{display:flex;align-items:center;gap:14px;padding:15px 0}
.hero-card .row+.row{border-top:1px solid var(--line)}
.hero-card .ic{width:32px;height:32px;color:var(--orange);flex-shrink:0}
.hero-card .v{font-family:'Archivo',sans-serif;font-size:22px;font-weight:700;line-height:1}
.hero-card .l{color:var(--muted);font-size:12.5px}

/* ---------- Features ---------- */
.features{padding:64px 0;background:var(--bg)}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.feature{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:34px 24px;text-align:center;transition:.3s}
.feature:hover{transform:translateY(-6px);border-color:rgba(242,106,27,.4);background:var(--card2)}
.feature .ico{width:50px;height:50px;color:var(--orange);margin:0 auto 18px}
.feature h3{font-size:17px;margin-bottom:10px}
.feature p{color:var(--muted);font-size:13.5px;font-weight:300}
.feature .ul{width:28px;height:3px;background:var(--orange);margin:18px auto 0;border-radius:3px}

/* ---------- How it works ---------- */
.how{padding:80px 0;background:linear-gradient(rgba(9,7,6,.92),rgba(9,7,6,.95)),
   url('https://images.pexels.com/photos/8305541/pexels-photo-8305541.jpeg?auto=compress&cs=tinysrgb&w=1600') center/cover fixed;}
.how-grid{display:grid;grid-template-columns:320px 1fr;gap:50px;align-items:center}
.how h2{font-size:clamp(32px,4.2vw,50px);margin:12px 0 16px}
.how p{color:var(--muted);margin-bottom:26px;font-weight:300}
.steps{display:flex;justify-content:space-between;gap:8px;position:relative}
.steps::before{content:"";position:absolute;top:33px;left:7%;right:7%;height:2px;
  background:repeating-linear-gradient(90deg,rgba(242,106,27,.5) 0 8px,transparent 8px 16px)}
.step{text-align:center;flex:1;position:relative;z-index:2}
.step .circle{width:66px;height:66px;border-radius:50%;background:var(--card);border:2px solid rgba(242,106,27,.45);
  display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--orange)}
.step .circle svg{width:30px;height:30px}
.step .num{font-family:'Archivo Black',sans-serif;font-size:24px;color:#fff;margin-bottom:6px}
.step .t{font-family:'Archivo',sans-serif;font-size:12.5px;text-transform:uppercase;color:#c4bcb4;letter-spacing:.5px;line-height:1.3}

/* ---------- Packages ---------- */
.packages{padding:78px 0;background:var(--bg)}
.pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
.pkg{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;position:relative;transition:.3s}
.pkg:hover{transform:translateY(-6px)}
.pkg.featured{border-color:var(--orange);animation:glowPulse 3.2s ease-in-out infinite}
@keyframes glowPulse{0%,100%{box-shadow:0 18px 46px rgba(242,106,27,.18)}50%{box-shadow:0 22px 60px rgba(242,106,27,.42)}}
.rez-rate-card{animation:glowPulse 3.6s ease-in-out infinite}
.pkg-badge{position:absolute;top:0;left:50%;transform:translateX(-50%);background:var(--orange-grad);color:#fff;
  font-family:'Archivo',sans-serif;font-size:12px;letter-spacing:1px;padding:7px 22px;border-radius:0 0 10px 10px;text-transform:uppercase;z-index:3}
.pkg-img{height:180px;background:#222 center/cover;position:relative}
.pkg-img::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.05),rgba(20,16,13,.96))}
.pkg-body{padding:24px;position:relative;margin-top:-46px;z-index:2}
.pkg .ptype{color:var(--muted);font-size:13px;font-family:'Archivo',sans-serif;display:flex;align-items:center;gap:6px;margin-bottom:4px}
.pkg h3{font-size:23px;margin-bottom:14px}
.pkg .price{font-family:'Archivo Black',sans-serif;font-size:40px;color:var(--orange);line-height:1;margin-bottom:18px}
.pkg ul{list-style:none;margin-bottom:22px}
.pkg ul li{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13.5px;color:#d6cfc8;font-weight:300}
.pkg ul li::before{content:"✓";color:var(--orange);font-weight:700}
.pkg .btn{width:100%;justify-content:space-between}
.dots{display:flex;gap:8px;justify-content:flex-end;margin-top:26px}
.dots span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.2)}
.dots span.on{background:var(--orange);width:24px;border-radius:5px}

/* ---------- Gallery ---------- */
.gallery{padding:68px 0;background:var(--bg2)}
.gal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}
.gal-head h2{font-size:clamp(28px,3.5vw,40px);display:flex;align-items:center;gap:16px}
.gal-head h2::after{content:"";width:56px;height:3px;background:var(--orange)}
.gal-link{color:var(--orange);font-family:'Archivo',sans-serif;text-transform:uppercase;font-size:13px;letter-spacing:1px}
.gal-wrap{position:relative}
.gal-track{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.gal-item{aspect-ratio:1/1;border-radius:12px;overflow:hidden;position:relative;cursor:pointer}
.gal-item img{width:100%;height:100%;object-fit:cover;transition:.4s}
.gal-item:hover img{transform:scale(1.1)}
.gal-item .play{position:absolute;inset:0;margin:auto;width:52px;height:52px;border-radius:50%;background:var(--orange);
  display:flex;align-items:center;justify-content:center;color:#fff}
.gal-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;
  background:rgba(20,16,13,.92);border:1px solid var(--line);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5}
.gal-arrow.prev{left:-22px}.gal-arrow.next{right:-22px}

/* ---------- Stat bar ---------- */
.statbar{background:var(--orange-grad);padding:38px 0}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.stat{display:flex;align-items:center;gap:16px;justify-content:center;color:#fff}
.stat svg{width:44px;height:44px;opacity:.92}
.stat .v{font-family:'Archivo Black',sans-serif;font-size:36px;line-height:1}
.stat .l{font-family:'Archivo',sans-serif;text-transform:uppercase;font-size:13px;letter-spacing:1px;opacity:.95}
.stat+.stat{border-left:1px solid rgba(255,255,255,.25)}

/* ---------- Videos ---------- */
.videos{padding:78px 0;background:var(--bg)}
.vid-grid{display:grid;grid-template-columns:330px 1fr;gap:44px;align-items:center}
.videos h2{font-size:clamp(30px,4vw,46px);margin:12px 0 16px}
.videos .lead{color:var(--muted);margin-bottom:26px;font-weight:300}
.vid-track{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.vid-item{aspect-ratio:3/4;border-radius:14px;overflow:hidden;position:relative;cursor:pointer}
.vid-item img{width:100%;height:100%;object-fit:cover}
.vid-item::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.5))}
.vid-item .play{position:absolute;inset:0;margin:auto;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.18);
  border:2px solid #fff;display:flex;align-items:center;justify-content:center;color:#fff;z-index:2;backdrop-filter:blur(2px)}

/* ---------- Testimonials ---------- */
.testi{padding:68px 0;background:var(--bg2)}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
.testi .sec-tag{margin-bottom:30px}
.tcard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px}
.stars{color:var(--orange);margin-bottom:14px;font-size:15px;letter-spacing:2px}
.tcard p{color:#d6cfc8;font-style:italic;font-weight:300;margin-bottom:20px;font-size:14.5px}
.tperson{display:flex;align-items:center;gap:12px}
.tperson img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.tperson b{font-family:'Archivo',sans-serif;font-size:15px}
.tperson small{display:block;color:var(--muted2);font-size:12px}

/* ---------- CTA ---------- */
.cta{padding:68px 0;background:linear-gradient(90deg,rgba(9,7,6,.95),rgba(9,7,6,.5)),
   url('https://images.pexels.com/photos/20450505/pexels-photo-20450505.jpeg?auto=compress&cs=tinysrgb&w=1600') center/cover;}
.cta h2{font-size:clamp(30px,4.5vw,52px);margin-bottom:14px}
.cta p{color:#d6cfc8;margin-bottom:28px;font-weight:300;max-width:560px}
.cta-actions{display:flex;gap:16px;flex-wrap:wrap}

/* ---------- Footer (home: horizontal) ---------- */
footer{background:#070605;padding:48px 0 24px}
.foot-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.foot-links{display:flex;gap:26px;list-style:none;flex-wrap:wrap}
.foot-links a{font-family:'Archivo',sans-serif;text-transform:uppercase;font-size:14px;letter-spacing:1px;color:#c4bcb4}
.foot-links a:hover{color:var(--orange)}
.foot-social{display:flex;gap:12px}
.foot-social a{width:38px;height:38px;border-radius:50%;background:var(--card);display:flex;align-items:center;justify-content:center;color:#c4bcb4;transition:.2s}
.foot-social a:hover{background:var(--orange);color:#fff}
.foot-social svg{width:17px;height:17px}
.copyright{text-align:center;color:var(--muted2);font-size:13px;padding-top:22px}

/* ---------- Footer (columns) ---------- */
.foot-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr 1.4fr;gap:30px;padding-bottom:30px;border-bottom:1px solid var(--line)}
.foot-cols .logo{margin-bottom:14px}
.foot-cols h4{font-family:'Archivo',sans-serif;font-size:14px;letter-spacing:1.5px;color:#fff;margin-bottom:18px}
.foot-cols ul{list-style:none}
.foot-cols ul li{margin-bottom:11px}
.foot-cols ul li a,.foot-cols .ci{color:var(--muted);font-size:14px;font-weight:300;transition:.2s;display:flex;align-items:flex-start;gap:9px}
.foot-cols ul li a:hover{color:var(--orange)}
.foot-cols .ci svg{width:16px;height:16px;color:var(--orange);flex-shrink:0;margin-top:3px}
.foot-cols .social-col{display:flex;gap:11px;margin-top:6px}
.foot-desc{color:var(--muted);font-size:13.5px;font-weight:300;margin-top:6px}

/* ===== ATV builder (mixed groups) ===== */
.atv-list{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.atv-row{display:flex;align-items:center;gap:12px;background:var(--bg2);border:1px solid var(--line2);border-radius:12px;padding:11px 13px;transition:.2s}
.atv-row:hover{border-color:rgba(242,106,27,.35)}
.atv-ix{font-family:'Archivo',sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:#cfc7bf;min-width:50px}
.seg{display:flex;flex:1;background:var(--card);border:1px solid var(--line2);border-radius:9px;padding:3px;gap:3px}
.seg button{flex:1;padding:9px 6px;border:none;background:transparent;color:#b8b0a8;font-family:'Archivo',sans-serif;font-size:13px;
  text-transform:uppercase;letter-spacing:.3px;border-radius:7px;cursor:pointer;transition:.18s}
.seg button.on{background:var(--orange-grad);color:#fff;box-shadow:0 4px 12px rgba(242,106,27,.35)}
.atv-del{width:34px;height:34px;border-radius:8px;background:rgba(255,80,60,.12);border:1px solid rgba(255,80,60,.3);
  color:#ff8a7a;font-size:18px;cursor:pointer;flex-shrink:0;line-height:1;transition:.2s}
.atv-del:hover{background:rgba(255,80,60,.25)}
.atv-del-sp{width:34px;flex-shrink:0}
.btn-add{display:inline-flex;align-items:center;gap:8px;background:rgba(242,106,27,.1);border:1px dashed rgba(242,106,27,.5);
  color:var(--orange);font-family:'Archivo',sans-serif;text-transform:uppercase;letter-spacing:.5px;font-size:13px;padding:11px 20px;
  border-radius:10px;cursor:pointer;transition:.2s}
.btn-add:hover{background:rgba(242,106,27,.2);transform:translateY(-1px)}
.btn-add .pls{font-size:18px;line-height:1}
.group-sum{background:var(--bg2);border:1px solid var(--line2);border-radius:10px;padding:13px 16px;
  font-family:'Archivo',sans-serif;font-size:15px;color:#fff;letter-spacing:.3px}

/* ===== Theme upgrade: rotating light borders, scrollbar, back-to-top ===== */
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
.pkg.featured::after,.rez-rate-card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.6px;
  background:conic-gradient(from var(--ang),transparent 55%,var(--orange2) 78%,#fff 84%,var(--orange2) 90%,transparent 96%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
  animation:angSpin 4.5s linear infinite;pointer-events:none;z-index:1}
@keyframes angSpin{to{--ang:360deg}}
.rez-rate-card{position:relative}
/* glowing-border CTA buttons (.btn-glow) — masked rotating light ring */
.btn-glow{overflow:visible}
.btn-glow::after{content:none}
.btn-glow::before{content:"";position:absolute;inset:-2.5px;border-radius:13px;padding:2.5px;z-index:2;
  background:conic-gradient(from var(--ang),transparent 50%,var(--orange2) 76%,#ffe0c0 84%,var(--orange2) 92%,transparent 98%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
  animation:angSpin 4s linear infinite;pointer-events:none}

/* scroll progress bar */
#scrollbar{position:fixed;top:0;left:0;height:3px;width:0;z-index:200;background:linear-gradient(90deg,#f97316,#ff9a4d,#fff);box-shadow:0 0 12px rgba(242,106,27,.7);transition:width .1s}
/* back to top */
#toTop{position:fixed;right:18px;bottom:18px;width:46px;height:46px;border-radius:13px;background:var(--orange-grad);color:#fff;
  border:none;font-size:20px;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:.3s;z-index:91;box-shadow:0 8px 24px rgba(242,106,27,.45)}
#toTop.show{opacity:1;pointer-events:auto;transform:none}
#toTop:hover{transform:translateY(-2px)}

/* ===== Instagram section ===== */
.insta{background:var(--bg2)}
.insta-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px;gap:20px;flex-wrap:wrap}
.insta-head h2{font-size:clamp(28px,3.6vw,42px)}
.insta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.insta-item{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;display:block}
.insta-item img{width:100%;height:100%;object-fit:cover;transition:.45s}
.insta-item:hover img{transform:scale(1.09)}
.insta-ov{position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,0),rgba(188,24,136,.5));opacity:0;
  display:flex;align-items:center;justify-content:center;transition:.3s}
.insta-item:hover .insta-ov{opacity:1}
.insta-ov svg{width:30px;height:30px;color:#fff}
@media(max-width:640px){.insta-grid{grid-template-columns:repeat(2,1fr)}.insta-head{flex-direction:column;align-items:flex-start}}

/* ===== Marquee ribbon ===== */
.marquee{background:var(--orange-grad);overflow:hidden;white-space:nowrap;padding:14px 0;position:relative}
.marquee-track{display:inline-flex;gap:0;animation:marq 26s linear infinite;will-change:transform}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee span{display:inline-flex;align-items:center;font-family:'Archivo Black',sans-serif;font-size:18px;text-transform:uppercase;
  letter-spacing:1px;color:#fff;padding:0 26px}
.marquee span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#fff;margin-right:26px}
@keyframes marq{to{transform:translateX(-50%)}}

/* ===== Feature icon badge polish (global) ===== */
.feature{position:relative;overflow:hidden}
.feature .ico{width:64px;height:64px;padding:15px;border-radius:18px;
  background:linear-gradient(160deg,rgba(242,106,27,.2),rgba(242,106,27,.04));border:1px solid rgba(242,106,27,.28);
  margin:0 auto 18px;transition:.3s}
.feature:hover .ico{transform:scale(1.06) rotate(-3deg)}
.feature::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:0;height:3px;
  background:var(--orange-grad);border-radius:0 0 3px 3px;transition:.35s}
.feature:hover::after{width:55%}

/* ambient section glows */
.features{background:radial-gradient(900px 380px at 85% -5%,rgba(242,106,27,.07),transparent 60%),var(--bg)}
.packages{background:radial-gradient(900px 380px at 12% 0%,rgba(242,106,27,.07),transparent 60%),var(--bg)}
.videos{background:radial-gradient(800px 360px at 92% 110%,rgba(242,106,27,.06),transparent 60%),var(--bg)}
.rez-main{background:radial-gradient(1000px 420px at 80% 0%,rgba(242,106,27,.06),transparent 55%),var(--bg)}
.section{background:radial-gradient(800px 360px at 90% -5%,rgba(242,106,27,.05),transparent 60%)}

/* ============ RESERVATION PAGE ============ */
/* hero variant */
.hero-rez{min-height:auto;padding:140px 0 50px;align-items:flex-start;
  background:linear-gradient(90deg,rgba(8,7,6,.95) 0%,rgba(8,7,6,.6) 45%,rgba(8,7,6,.15) 100%),
   linear-gradient(0deg,rgba(8,7,6,.95),rgba(8,7,6,.1)),
   url('https://images.pexels.com/photos/20340288/pexels-photo-20340288.jpeg?auto=compress&cs=tinysrgb&w=1600') center 30%/cover no-repeat,#141210;}
.hero-rez .big{font-size:clamp(46px,7.5vw,96px)}
.hero-rez .mini-feats{display:flex;gap:34px;margin-top:30px;flex-wrap:wrap}
.mini-feat{display:flex;align-items:center;gap:12px}
.mini-feat svg{width:30px;height:30px;color:var(--orange)}
.mini-feat b{font-family:'Archivo',sans-serif;font-size:14px;display:block;line-height:1.1;text-transform:uppercase;letter-spacing:.5px}
.mini-feat small{color:var(--muted);font-size:12px}
.rez-rate-card{background:linear-gradient(160deg,rgba(34,27,22,.95),rgba(20,16,13,.95));border:1px solid rgba(242,106,27,.28);
  border-radius:16px;padding:22px;backdrop-filter:blur(6px);box-shadow:0 20px 50px rgba(0,0,0,.55);max-width:300px;margin-left:auto}
.rez-rate-top{display:flex;align-items:center;gap:14px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.rez-rate-top svg{width:40px;height:40px;color:var(--orange)}
.rez-rate-top .n{font-family:'Archivo Black',sans-serif;font-size:34px;line-height:1}
.rez-rate-top .n span{font-size:18px;color:var(--muted)}
.rez-rate-top .l{color:var(--muted);font-size:13px}
.rez-rate-card .chk{display:flex;align-items:center;gap:11px;padding:9px 0;font-size:14px;color:#e4ddd6}
.rez-rate-card .chk svg{width:20px;height:20px;color:var(--orange);flex-shrink:0}

/* main grid */
.rez-main{padding:0 0 70px;background:var(--bg);margin-top:-40px;position:relative;z-index:5}
.rez-grid{display:grid;grid-template-columns:1fr 380px;gap:26px;align-items:start}
.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:30px}
.panel-head{display:flex;align-items:center;gap:12px;margin-bottom:26px}
.panel-head .pico{width:30px;height:30px;color:var(--orange)}
.panel-head h2{font-size:22px}
/* stepper */
.stepper{display:flex;align-items:center;gap:8px;margin-left:auto}
.stp{display:flex;align-items:center;gap:8px}
.stp .num{width:26px;height:26px;border-radius:50%;background:var(--card3);color:var(--muted);font-family:'Archivo',sans-serif;
  font-size:13px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line2)}
.stp.on .num{background:var(--orange);color:#fff;border-color:var(--orange)}
.stp .lab{font-family:'Archivo',sans-serif;font-size:12px;text-transform:uppercase;color:var(--muted);letter-spacing:.5px}
.stp.on .lab{color:var(--orange)}
.stp-line{width:34px;height:1px;background:var(--line2)}
/* form */
.field-label{font-family:'Archivo',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#b8b0a8;margin-bottom:9px;display:block}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}
.field{position:relative}
.field .fi{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--orange);pointer-events:none}
.field .fchev{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted);pointer-events:none}
.field select,.field input{width:100%;background:var(--bg2);border:1px solid var(--line2);border-radius:10px;color:var(--text);
  font-family:'DM Sans',sans-serif;font-size:14px;padding:15px 40px 15px 42px;appearance:none;-webkit-appearance:none;cursor:pointer;outline:none;transition:.2s}
.field select:focus,.field input:focus{border-color:var(--orange)}
.field select option{background:#1a1614;color:#fff}
/* package select cards */
.pkg-select{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}
.psel{background:var(--bg2);border:1.5px solid var(--line2);border-radius:12px;padding:16px;cursor:pointer;position:relative;transition:.2s;text-align:left}
.psel:hover{border-color:rgba(242,106,27,.5)}
.psel.active{border-color:var(--orange);background:rgba(242,106,27,.06)}
.psel .pt{display:flex;align-items:center;gap:8px;margin-bottom:2px}
.psel .pt svg{width:18px;height:18px;color:var(--orange)}
.psel .pname{font-family:'Archivo',sans-serif;font-size:14.5px;text-transform:uppercase;font-weight:600}
.psel .psub{color:var(--muted);font-size:11.5px;margin-bottom:14px}
.psel .pimg{height:70px;background:center/contain no-repeat;margin-bottom:14px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}
.psel .pbottom{display:flex;align-items:center;justify-content:space-between}
.psel .pprice{font-family:'Archivo Black',sans-serif;font-size:24px;color:var(--orange)}
.psel .radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--line2);display:flex;align-items:center;justify-content:center}
.psel.active .radio{background:var(--orange);border-color:var(--orange);color:#fff}
.psel.active .radio::after{content:"✓";font-size:13px}
/* extras */
.extras{display:flex;flex-direction:column;gap:12px}
.chkbox{display:flex;align-items:center;gap:12px;background:var(--bg2);border:1px solid var(--line2);border-radius:10px;
  padding:14px 16px;cursor:pointer;font-size:14px;color:#ddd5ce}
.chkbox input{width:18px;height:18px;accent-color:var(--orange)}
/* bottom trust row */
.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
.trust{display:flex;align-items:center;gap:12px}
.trust svg{width:30px;height:30px;color:var(--orange);flex-shrink:0}
.trust b{font-family:'Archivo',sans-serif;font-size:13px;display:block;text-transform:uppercase;letter-spacing:.5px}
.trust small{color:var(--muted2);font-size:12px}

/* summary sidebar */
.summary{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px;position:sticky;top:90px}
.summary>h2{font-size:20px;display:flex;align-items:center;gap:11px;margin-bottom:22px}
.summary>h2 svg{width:26px;height:26px;color:var(--orange)}
.sum-prod{border-radius:12px;overflow:hidden;position:relative;margin-bottom:22px}
.sum-prod img{width:100%;height:150px;object-fit:cover}
.sum-prod .ov{position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.1),rgba(15,12,10,.95))}
.sum-prod .cap{position:absolute;left:16px;bottom:14px;z-index:2}
.sum-prod .cap b{font-family:'Archivo',sans-serif;font-size:16px;text-transform:uppercase}
.sum-prod .cap small{display:block;color:#cfc7bf;font-size:12px}
.sum-line{display:flex;justify-content:space-between;padding:11px 0;font-size:14px;color:#cfc7bf;border-bottom:1px solid var(--line)}
.sum-line span:last-child{color:#fff;font-weight:500}
.sum-total{display:flex;justify-content:space-between;align-items:center;padding:18px 0 6px}
.sum-total .tl{font-family:'Archivo',sans-serif;font-size:15px;letter-spacing:1px}
.sum-total .tv{font-family:'Archivo Black',sans-serif;font-size:30px;color:var(--orange)}
/* timer */
.timer-card{background:var(--bg2);border:1px solid rgba(242,106,27,.3);border-radius:12px;padding:16px 18px;display:flex;
  align-items:center;justify-content:space-between;gap:14px;margin:8px 0 20px}
.timer-card .tx{font-size:13.5px;color:#d6cfc8}
.timer-card .tx b{color:var(--orange);font-weight:700}
.timer-ring{width:56px;height:56px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  font-family:'Archivo',sans-serif;font-weight:600;font-size:13px;color:#fff;
  background:conic-gradient(var(--orange) 0deg,var(--orange) 280deg,rgba(255,255,255,.12) 280deg)}
.timer-ring span{width:44px;height:44px;border-radius:50%;background:var(--card);display:flex;align-items:center;justify-content:center}
/* help box */
.help-box{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:18px}
.help-box b{font-family:'Archivo',sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:4px}
.help-box p{color:var(--muted);font-size:13px;margin-bottom:14px}
.help-actions{display:flex;gap:10px}
.help-actions .btn{flex:1;justify-content:center;font-size:12.5px;padding:12px 10px}

/* info section (Bilmende Fayda Var + reviews) */
.rez-info{padding:30px 0 70px;background:var(--bg)}
.rez-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
.info-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:30px}
.info-card>.ttl{display:flex;align-items:center;gap:11px;margin-bottom:24px}
.info-card>.ttl svg{width:26px;height:26px;color:var(--orange)}
.info-card>.ttl b{font-family:'Archivo',sans-serif;font-size:18px;text-transform:uppercase;letter-spacing:.5px}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fact{display:flex;align-items:center;gap:13px}
.fact svg{width:30px;height:30px;color:var(--orange);flex-shrink:0}
.fact b{font-family:'Archivo',sans-serif;font-size:14px;display:block;text-transform:uppercase}
.fact small{color:var(--muted);font-size:12.5px}
.rev-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.rev-head .ttl{display:flex;align-items:center;gap:11px}
.rev-head .ttl svg{width:26px;height:26px;color:var(--orange)}
.rev-head .ttl b{font-family:'Archivo',sans-serif;font-size:18px;text-transform:uppercase;letter-spacing:.5px}
.rev-arrows{display:flex;gap:8px}
.rev-arrows button{width:34px;height:34px;border-radius:50%;background:var(--bg2);border:1px solid var(--line2);color:#fff;cursor:pointer}
.rev-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rev{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:20px}
.rev .stars{font-size:13px;margin-bottom:12px}
.rev p{font-size:13.5px;color:#d6cfc8;font-style:italic;margin-bottom:16px;font-weight:300}
.rev .who{display:flex;align-items:center;gap:10px}
.rev .who img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.rev .who b{font-family:'Archivo',sans-serif;font-size:14px}
.rev .who small{display:block;color:var(--muted2);font-size:11.5px}

/* slim CTA banner */
.cta-slim{background:linear-gradient(90deg,rgba(9,7,6,.93),rgba(9,7,6,.6)),
   url('https://images.pexels.com/photos/20450505/pexels-photo-20450505.jpeg?auto=compress&cs=tinysrgb&w=1600') center/cover;
   border-radius:0;padding:34px 0}
.cta-slim .in{display:flex;align-items:center;gap:30px;flex-wrap:wrap;justify-content:space-between}
.cta-slim h2{font-size:clamp(24px,3vw,34px);line-height:1.1}
.cta-slim .sub{color:var(--orange);font-family:'Archivo',sans-serif;font-size:15px;margin-top:4px;text-transform:uppercase}
.cta-slim .ministats{display:flex;gap:26px}
.cta-slim .ms{display:flex;align-items:center;gap:10px;color:#fff}
.cta-slim .ms svg{width:30px;height:30px;color:var(--orange)}
.cta-slim .ms .v{font-family:'Archivo Black',sans-serif;font-size:24px;line-height:1}
.cta-slim .ms .l{font-family:'Archivo',sans-serif;font-size:11px;text-transform:uppercase;color:var(--muted)}

/* ---------- Responsive ---------- */
@media(max-width:1024px){
  .nav-links{display:none}
  .hero-grid{grid-template-columns:1fr}.hero-card,.rez-rate-card{max-width:360px;margin-left:0}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .how-grid,.vid-grid{grid-template-columns:1fr}
  .steps{flex-wrap:wrap;gap:24px}.steps::before{display:none}.step{flex:1 1 40%}
  .pkg-grid,.testi-grid{grid-template-columns:1fr}
  .gal-track{grid-template-columns:repeat(3,1fr)}
  .vid-track{grid-template-columns:repeat(2,1fr)}
  .stat-grid{grid-template-columns:repeat(2,1fr);gap:30px}.stat+.stat{border-left:none}
  .rez-grid{grid-template-columns:1fr}.summary{position:static}
  .rez-info-grid{grid-template-columns:1fr}
  .foot-cols{grid-template-columns:1fr 1fr}
  .trust-row{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .menu-toggle{display:block}
  .phone-pill,header .btn-primary{display:none}
  .nav-links{position:absolute;top:100%;left:0;width:100%;flex-direction:column;background:rgba(12,10,9,.98);
    padding:20px 24px;gap:18px;border-top:1px solid var(--line);margin:0}
  .nav-links.open{display:flex}
  .feature-grid,.gal-track,.vid-track,.stat-grid,.pkg-select,.form-row,.facts,.rev-grid{grid-template-columns:1fr}
  .trust-row{grid-template-columns:1fr}
  .stat{flex-direction:column;text-align:center;gap:8px}
  .foot-top{flex-direction:column;text-align:left}
  .foot-cols{grid-template-columns:1fr 1fr;gap:28px 22px;text-align:left}
  .foot-cols>div:first-child{grid-column:1/-1;text-align:center}
  .foot-cols>div:first-child .logo{display:inline-flex;margin-bottom:12px}
  .foot-cols .foot-desc{margin:0 auto;max-width:300px}
  .foot-cols .foot-social{justify-content:center;margin-top:14px!important}
  .foot-cols h4{margin-bottom:14px}
  .cta-slim .in{flex-direction:column;align-items:flex-start}
  .cta-slim .ministats{flex-wrap:wrap;gap:18px}
}

/* ===== Multi-step reservation form ===== */
.rez-step{display:none;animation:fadeStep .3s ease}
.rez-step.active{display:block}
@keyframes fadeStep{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.step-actions{display:flex;gap:12px;margin-top:8px;align-items:center}
.btn-back{background:transparent;border:1px solid var(--line2);color:#cfc7bf}
.btn-back:hover{background:rgba(255,255,255,.06)}
.field input{cursor:text}
.field textarea{width:100%;background:var(--bg2);border:1px solid var(--line2);border-radius:10px;color:var(--text);
  font-family:'DM Sans',sans-serif;font-size:14px;padding:14px 16px;outline:none;resize:vertical;min-height:90px;transition:.2s}
.field textarea:focus{border-color:var(--orange)}
.field.no-icon input{padding-left:16px}
.field-note{color:var(--muted2);font-size:12px;margin-top:6px}
.pay-methods{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}
.pay-opt{display:flex;align-items:center;gap:12px;background:var(--bg2);border:1.5px solid var(--line2);
  border-radius:12px;padding:16px;cursor:pointer;font-family:'Archivo',sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:.5px}
.pay-opt.active{border-color:var(--orange);background:rgba(242,106,27,.06)}
.pay-opt svg{width:24px;height:24px;color:var(--orange)}
.kvkk{display:flex;align-items:flex-start;gap:11px;font-size:13px;color:var(--muted);margin:6px 0 22px}
.kvkk input{width:18px;height:18px;accent-color:var(--orange);margin-top:2px}
.kvkk a{color:var(--orange)}
.confirm-list{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:6px 18px;margin-bottom:22px}
.confirm-list .sum-line:last-child{border-bottom:none}
.rez-success{display:none;text-align:center;padding:30px 10px}
.rez-success.show{display:block;animation:fadeStep .4s ease}
.rez-success .ok{width:76px;height:76px;border-radius:50%;background:rgba(37,211,102,.15);border:2px solid var(--green);
  display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.rez-success .ok svg{width:38px;height:38px;color:var(--green)}
.rez-success h3{font-size:26px;margin-bottom:10px}
.rez-success p{color:var(--muted);max-width:420px;margin:0 auto 8px;font-weight:300}
.rez-success .code{font-family:'Archivo',sans-serif;color:var(--orange);font-size:18px;letter-spacing:1px;margin-top:10px}
.qty{display:flex;align-items:center;background:var(--bg2);border:1px solid var(--line2);border-radius:10px;overflow:hidden}
.qty button{width:46px;height:50px;background:transparent;border:none;color:var(--orange);font-size:22px;cursor:pointer;font-family:'Archivo',sans-serif}
.qty button:hover{background:rgba(242,106,27,.12)}
.qty .qv{flex:1;text-align:center;font-family:'Archivo',sans-serif;font-size:15px}
.field-warn{color:#ff6b5e;font-size:12.5px;margin-top:8px;display:none}
.field-warn.show{display:block}

/* ===== ScrollX-inspired effects (vanilla) ===== */
/* scroll reveal */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
/* shiny button sweep */
.btn-primary{position:relative;overflow:hidden}
.btn-primary::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);transition:none}
.btn-primary:hover::after{animation:shine .85s ease}
@keyframes shine{to{left:130%}}
/* spotlight glow on cards */
.feature,.pkg,.psel,.info-card,.tcard{position:relative}
.feature::before,.pkg::before,.info-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  opacity:0;transition:opacity .3s;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(242,106,27,.16),transparent 60%)}
.feature:hover::before,.pkg:hover::before,.info-card:hover::before{opacity:1}
/* hero embers */
.embers{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.ember{position:absolute;bottom:-12px;width:5px;height:5px;border-radius:50%;
  background:radial-gradient(circle,#ffb066,#f26a1b 60%,transparent 70%);opacity:0;
  animation:rise linear infinite;filter:blur(.3px)}
@keyframes rise{0%{transform:translateY(0) translateX(0) scale(1);opacity:0}
  10%{opacity:.9}60%{opacity:.7}100%{transform:translateY(-105vh) translateX(var(--drift,20px)) scale(.3);opacity:0}}
.hero .container{position:relative;z-index:2}
/* count-up sheen on stat numbers */
.statbar .stat,.cta-slim .ms{will-change:transform}

/* ============ Top bar ============ */
#header{padding:0}
header.scrolled{padding:0}
.topbar{background:#070605;border-bottom:1px solid var(--line);font-size:12.5px;color:#b3aaa2;
  max-height:60px;overflow:hidden;transition:max-height .35s ease,opacity .25s ease,padding .25s}
header.scrolled .topbar{max-height:0;opacity:0;border-color:transparent}
.topbar-in{display:flex;align-items:center;justify-content:space-between;padding:9px 24px}
.tb-left{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.tb-left span{display:inline-flex;align-items:center;gap:7px}
.tb-left svg{width:15px;height:15px;color:var(--orange)}
.tb-left a:hover{color:#fff}
.tb-right{display:flex;gap:8px}
.tb-right a{width:28px;height:28px;border-radius:7px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;color:#cfc7bf;transition:.2s}
.tb-right a:hover{background:var(--orange);color:#fff}
.tb-right svg{width:14px;height:14px}
.nav{padding:14px 24px}
@media(max-width:880px){.tb-pin{display:none}}
@media(max-width:640px){.topbar{display:none}}

/* ============ Page banner (subpages) ============ */
.page-banner{padding:180px 0 76px;text-align:center;position:relative;overflow:hidden;
  background:linear-gradient(rgba(9,7,6,.78),rgba(9,7,6,.92)),
   url('https://images.pexels.com/photos/8305541/pexels-photo-8305541.jpeg?auto=compress&cs=tinysrgb&w=1600') center/cover}
.page-banner .eyebrow{justify-content:center}
.page-banner h1{font-family:'Archivo Black',sans-serif;font-size:clamp(36px,5.5vw,64px);text-transform:uppercase;letter-spacing:1px}
.page-banner p{color:#cfc7bf;max-width:620px;margin:14px auto 0;font-weight:300}
.breadcrumb{margin-top:16px;font-family:'Archivo',sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:13px;color:var(--muted)}
.breadcrumb a{color:var(--orange)}
.breadcrumb span{margin:0 8px;color:var(--muted2)}

/* generic sections */
.section{padding:72px 0}
.section.alt{background:var(--bg2)}
.center{text-align:center}
.lead-c{max-width:660px;margin:0 auto;color:var(--muted);font-weight:300}
.sec-head.center{display:flex;flex-direction:column;align-items:center}
.sec-head.center .sec-tag{justify-content:center}

/* ============ Calendar ============ */
.cal{background:var(--bg2);border:1px solid var(--line2);border-radius:12px;padding:16px}
.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.cal-head b{font-family:'Archivo',sans-serif;text-transform:uppercase;letter-spacing:.5px;font-size:15px}
.cal-nav{width:32px;height:32px;border-radius:8px;background:var(--card3);border:1px solid var(--line2);color:#fff;cursor:pointer;font-size:16px}
.cal-nav:hover{background:var(--orange);border-color:var(--orange)}
.cal-week,.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.cal-week{margin-bottom:6px}
.cal-week span{text-align:center;font-size:10.5px;color:var(--muted2);font-family:'Archivo',sans-serif;text-transform:uppercase}
.cal-day{aspect-ratio:1;border:none;border-radius:8px;background:var(--card);color:#ddd5ce;cursor:pointer;font-size:13px;font-family:'DM Sans',sans-serif;transition:.15s;display:flex;align-items:center;justify-content:center}
.cal-day:hover:not(:disabled){background:var(--card3);color:#fff}
.cal-day:disabled{opacity:.22;cursor:not-allowed}
.cal-day.today{box-shadow:inset 0 0 0 1.5px rgba(242,106,27,.6)}
.cal-day.sel{background:var(--orange-grad);color:#fff;font-weight:600;box-shadow:0 6px 16px rgba(242,106,27,.4)}
.cal-day.empty{background:transparent;pointer-events:none}

/* ============ Time slots ============ */
.slots{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.slot{padding:12px 4px;border-radius:9px;background:var(--bg2);border:1px solid var(--line2);color:#ddd5ce;
  font-family:'Archivo',sans-serif;font-size:14px;cursor:pointer;text-align:center;transition:.15s}
.slot:hover:not(.dolu){border-color:var(--orange);color:#fff}
.slot.active{background:var(--orange-grad);color:#fff;border-color:var(--orange)}
.slot.dolu{opacity:.45;cursor:not-allowed;color:var(--muted2);background:transparent}
.slot small{display:block;font-size:9.5px;font-family:'DM Sans',sans-serif;font-weight:300;letter-spacing:.3px;margin-top:2px}
.slots-hint{color:var(--muted);font-size:13px;padding:14px;text-align:center;background:var(--bg2);border:1px dashed var(--line2);border-radius:10px}
.slot-legend{display:flex;gap:18px;margin-top:12px;font-size:12px;color:var(--muted)}
.slot-legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:middle}
.slot-legend .av{background:var(--orange)}.slot-legend .bs{background:var(--card3);border:1px solid var(--line2)}

/* ============ FAQ accordion ============ */
.faq-item{border:1px solid var(--line);border-radius:12px;background:var(--card);margin-bottom:12px;overflow:hidden;transition:.2s}
.faq-item.open{border-color:rgba(242,106,27,.4)}
.faq-q{width:100%;text-align:left;background:none;border:none;color:#fff;font-family:'Archivo',sans-serif;font-size:16px;
  padding:18px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;letter-spacing:.3px}
.faq-q .pl{color:var(--orange);font-size:24px;line-height:1;transition:.25s;flex-shrink:0}
.faq-item.open .faq-q .pl{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;color:var(--muted);font-weight:300;font-size:14.5px;padding:0 20px}
.faq-item.open .faq-a{max-height:360px;padding-bottom:18px}

/* ============ Gallery page ============ */
.gfilter{display:flex;gap:10px;justify-content:center;margin-bottom:34px;flex-wrap:wrap}
.gfilter button{padding:9px 22px;border-radius:30px;background:var(--card);border:1px solid var(--line2);color:#ccc4bc;
  font-family:'Archivo',sans-serif;text-transform:uppercase;font-size:13px;letter-spacing:.5px;cursor:pointer;transition:.2s}
.gfilter button.on,.gfilter button:hover{background:var(--orange-grad);color:#fff;border-color:var(--orange)}
.gmasonry{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gtile{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;aspect-ratio:1}
.gtile.tall{aspect-ratio:1/1.4;grid-row:span 1}
.gtile img{width:100%;height:100%;object-fit:cover;transition:.4s}
.gtile:hover img{transform:scale(1.08)}
.gtile .gov{position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));opacity:0;transition:.3s;display:flex;align-items:center;justify-content:center}
.gtile:hover .gov{opacity:1}
.gtile .gov svg{width:34px;height:34px;color:#fff}
.gtile.vid .gov{opacity:1}.gtile.vid .gov{background:rgba(0,0,0,.25)}
.gtile.vid .play{width:50px;height:50px;border-radius:50%;background:var(--orange);display:flex;align-items:center;justify-content:center;color:#fff}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.93);z-index:200;display:none;align-items:center;justify-content:center}
.lightbox.show{display:flex}
.lightbox img{max-width:88%;max-height:84%;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.lightbox .close{position:absolute;top:22px;right:30px;font-size:42px;color:#fff;cursor:pointer;line-height:1}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.1);
  border:none;color:#fff;font-size:30px;cursor:pointer}
.lb-nav.prev{left:24px}.lb-nav.next{right:24px}

/* ============ Contact page ============ */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.info-cards{display:grid;gap:16px}
.icard{display:flex;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;align-items:center}
.icard .ig{width:48px;height:48px;border-radius:12px;background:rgba(242,106,27,.13);display:flex;align-items:center;justify-content:center;color:var(--orange);flex-shrink:0}
.icard .ig svg{width:24px;height:24px}
.icard b{font-family:'Archivo',sans-serif;text-transform:uppercase;font-size:14px;display:block;margin-bottom:2px;letter-spacing:.5px}
.icard span,.icard a{color:var(--muted);font-size:14px}
.icard a:hover{color:var(--orange)}
.map-embed iframe{width:100%;height:280px;border:0;border-radius:14px;margin-top:16px;filter:grayscale(.4) contrast(1.1) brightness(.8)}
.cform .form-row{margin-bottom:16px}
.cform label.field-label{margin-top:0}

/* ============ Tours / Packages page ============ */
.tour-card{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.3s;position:relative}
.tour-card:hover{transform:translateY(-6px);border-color:rgba(242,106,27,.4)}
.tour-card .timg{height:200px;background:center/cover;position:relative}
.tour-card .timg .tprice{position:absolute;bottom:12px;right:12px;background:var(--orange-grad);color:#fff;font-family:'Archivo Black',sans-serif;
  font-size:20px;padding:6px 14px;border-radius:8px}
.tour-card .tbody{padding:24px}
.tour-card h3{font-size:21px;margin-bottom:8px}
.tour-card p{color:var(--muted);font-size:14px;font-weight:300;margin-bottom:16px}
.tour-card .tmeta{display:flex;gap:18px;margin-bottom:18px;flex-wrap:wrap}
.tour-card .tmeta span{display:flex;align-items:center;gap:7px;color:#cfc7bf;font-size:13px}
.tour-card .tmeta svg{width:17px;height:17px;color:var(--orange)}
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cards-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}

/* compare table */
.compare{width:100%;border-collapse:collapse;background:var(--card);border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.compare th,.compare td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line);font-size:14.5px}
.compare th{font-family:'Archivo',sans-serif;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:var(--card2)}
.compare td{color:var(--muted)}
.compare td:first-child{color:#e4ddd6;font-weight:500}
.compare .ok{color:var(--orange);font-weight:700}

/* ============ About page ============ */
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.story-img{border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.story-img img{width:100%;height:100%;object-fit:cover;min-height:340px}
.story-grid h2{font-size:clamp(28px,3.6vw,42px);margin:12px 0 16px}
.story-grid p{color:var(--muted);font-weight:300;margin-bottom:14px}

/* ============ Legal pages ============ */
.legal{padding:50px 0 70px}
.legal-wrap{max-width:840px;margin:0 auto}
.legal h2{font-size:22px;margin:28px 0 10px;color:#fff}
.legal p,.legal li{color:var(--muted);font-weight:300;margin-bottom:10px;font-size:15px;line-height:1.8}
.legal ul{padding-left:22px;margin-bottom:14px}

@media(max-width:1024px){
  .contact-grid,.story-grid{grid-template-columns:1fr}
  .cards-3,.cards-2{grid-template-columns:1fr 1fr}
  .gmasonry{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:640px){
  .cards-3,.cards-2,.gmasonry{grid-template-columns:1fr 1fr}
  .slots{grid-template-columns:repeat(3,1fr)}
  .page-banner{padding:140px 0 56px}
}

/* ===== Visual refinement (new font system) ===== */
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4{letter-spacing:-.3px}
.feature,.pkg,.tcard,.info-card,.tour-card,.panel,.summary,.rez-rate-card,.hero-card,.icard{border-radius:20px}
.nav-links a,.btn,.sec-tag,.eyebrow,.field-label,.stp .lab,.phone-pill{letter-spacing:.6px}
.hero .big{letter-spacing:0}

/* ===== Comprehensive mobile overhaul ===== */
@media(max-width:768px){
  .container{padding:0 18px}
  .hero{padding:104px 0 56px;min-height:auto}
  .hero-grid{gap:30px}
  .hero .big{font-size:clamp(38px,9vw,60px)}
  .hero-card,.rez-rate-card{max-width:100%;width:100%;margin-left:0}
  .hero-rez{padding:104px 0 36px}
  .hero-rez .mini-feats{gap:16px;margin-top:24px}
  .mini-feat svg{width:26px;height:26px}
  .page-banner{padding:116px 0 48px}
  .section,.features,.packages,.videos,.gallery,.testi,.how,.insta,.rez-info{padding:48px 0}
  .rez-main{margin-top:0;padding-bottom:48px}
  .panel,.summary{padding:22px 18px}
  .panel-head{flex-wrap:wrap;gap:8px}
  .panel-head h2{flex:1 1 100%}
  .stepper{width:100%;margin:6px 0 0;justify-content:space-between}
  .stp-line{flex:1;min-width:10px}
  .form-row{grid-template-columns:1fr;gap:18px}
  .how-grid,.vid-grid,.rez-grid,.contact-grid,.story-grid,.rez-info-grid{grid-template-columns:1fr;gap:30px}
  .summary{position:static}
  .feature-grid{grid-template-columns:1fr 1fr;gap:14px}
  .pkg-grid,.cards-3,.cards-2,.testi-grid{grid-template-columns:1fr}
  .gal-track{grid-template-columns:repeat(3,1fr)}
  .gmasonry,.vid-track,.rev-grid,.facts{grid-template-columns:1fr 1fr}
  .stat-grid{grid-template-columns:1fr 1fr;gap:26px}.stat+.stat{border-left:none}
  .cta-slim .in{flex-direction:column;align-items:flex-start;gap:22px}
  .cta-slim .ministats{flex-wrap:wrap;gap:18px}
  .foot-cols{grid-template-columns:1fr 1fr;gap:24px}
  .timer-card{flex-wrap:wrap}
  .hero-actions{gap:12px}
  .hero-actions .btn{flex:1 1 auto;justify-content:center}
  .steps{flex-wrap:wrap;gap:22px}.steps::before{display:none}.step{flex:1 1 40%}
}
@media(max-width:480px){
  .container{padding:0 15px}
  .hero .big{font-size:clamp(27px,8.6vw,40px)}
  .sec-head h2,.how h2,.videos h2,.cta h2,.insta-head h2,.story-grid h2{font-size:clamp(25px,7.5vw,32px)}
  .feature-grid,.gmasonry,.vid-track,.rev-grid,.facts,.stat-grid,.gal-track{grid-template-columns:1fr}
  .hero-actions{flex-direction:column}
  .hero-actions .btn{width:100%}
  .mini-feats{gap:18px}
  .mini-feat{flex:1 1 40%}
  .stp .lab{display:none}
  .stepper{gap:7px;font-size:11px}.stp-line{min-width:14px}
  .stp .num{width:22px;height:22px;font-size:11px}
  .step-actions{flex-direction:column}
  .step-actions .btn{width:100%;justify-content:center}
  .atv-row{flex-wrap:wrap}
  .atv-ix{flex:1 1 100%}
  .seg{flex:1 1 100%}
  .pkg .price{font-size:34px}
  .sum-total .tv{font-size:26px}
  .help-actions{flex-direction:column}
  .insta-grid{grid-template-columns:1fr 1fr}
  .gfilter{gap:8px}.gfilter button{padding:8px 16px;font-size:12px}
  .marquee span{font-size:15px;padding:0 18px}
  .marquee span::before{margin-right:18px}
  .breadcrumb{font-size:12px}
  #toTop{right:14px;bottom:14px;width:42px;height:42px}
  .float-social{display:none}
}

/* ===================== REDESIGN v7 — new visual language ===================== */
:root{--rad:24px}
/* modern mixed-case headings */
h2,h3,h4{text-transform:none;letter-spacing:-.6px;font-weight:800}
.hero .big,.page-banner h1{text-transform:uppercase}
/* pill buttons */
.btn{border-radius:999px;padding:16px 32px;font-weight:700}
.btn-add,.btn-glow::before{border-radius:999px}
.gfilter button{border-radius:999px}
/* chip-style tags */
.sec-tag,.eyebrow{background:rgba(242,106,27,.12);border:1px solid rgba(242,106,27,.32);padding:7px 16px;border-radius:999px;font-weight:600}
.sec-tag::before,.eyebrow::before{display:none}
/* glass cards + bigger radius */
.feature,.tcard,.info-card,.tour-card,.panel,.summary,.icard,.rev{
  border-radius:var(--rad);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));
  border:1px solid var(--line2);backdrop-filter:blur(6px)}
.feature:hover{border-color:rgba(242,106,27,.6);background:linear-gradient(180deg,rgba(242,106,27,.09),rgba(255,255,255,.02))}
.pkg,.hero-card,.rez-rate-card{border-radius:var(--rad)}
/* rounded form controls */
.field input,.field select,.field textarea,.cal,.qty,.group-sum,.seg,.atv-row,.slot,.chkbox,.pay-opt{border-radius:14px}
/* statbar framing */
.statbar{border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
/* section heading accent underline */
.sec-head h2{position:relative;display:inline-block;padding-bottom:16px}
.sec-head h2::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;border-radius:4px;background:var(--orange-grad)}
.sec-head.center h2::after{left:50%;transform:translateX(-50%)}
/* nav weight */
.nav-links a{font-weight:600}
/* body slightly warmer surface for depth (colors unchanged) */
.features,.packages{background:radial-gradient(1100px 480px at 50% -10%,rgba(242,106,27,.08),transparent 60%),var(--bg)}

/* ===================== REDESIGN v8 — white headings · premium packages · hero ===================== */
/* tüm başlık/aksan yazıları BEYAZ (turuncu-beyaz karışık yok) */
.hero .big .em,.hero .big .em2{color:#fff;text-shadow:0 8px 38px rgba(0,0,0,.6)}
.brush{color:#fff;text-shadow:0 8px 30px rgba(0,0,0,.45)}
.accent{color:#fff}

/* ---------- HERO yenileme ---------- */
.hero{background:
  linear-gradient(102deg,rgba(8,7,6,.97) 0%,rgba(8,7,6,.86) 40%,rgba(8,7,6,.38) 72%,rgba(8,7,6,.6) 100%),
  linear-gradient(0deg,rgba(8,7,6,.97),rgba(8,7,6,.08) 62%),
  var(--hero-img,url('https://images.pexels.com/photos/12515354/pexels-photo-12515354.jpeg?auto=compress&cs=tinysrgb&w=1600')) center/cover no-repeat,#0c0a09}
.hero .big{line-height:.88;margin:8px 0 12px}
.hero h1.kicker{color:#cbc2ba;font-weight:600}
.hero p.lead{font-size:17px;color:#d8d0c8;line-height:1.75}
.guests b{color:#fff}
.hero-card{background:linear-gradient(165deg,rgba(30,23,19,.94),rgba(15,12,10,.94));border:1px solid rgba(255,255,255,.1);
  padding:10px 22px;box-shadow:0 32px 72px rgba(0,0,0,.6)}
.hero-card .row{padding:16px 0;gap:16px}
.hero-card .ic{width:46px;height:46px;padding:11px;border-radius:14px;background:rgba(242,106,27,.15);border:1px solid rgba(242,106,27,.32);color:var(--orange)}
.hero-card .v{font-family:'Archivo',sans-serif;font-weight:800}

/* ---------- Premium PAKET kartları ---------- */
.pkg{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid var(--line2);
  border-radius:26px;overflow:hidden;transition:.35s cubic-bezier(.2,.7,.2,1)}
.pkg:hover{transform:translateY(-10px);border-color:rgba(242,106,27,.55);box-shadow:0 30px 70px rgba(0,0,0,.55)}
.pkg-img{height:210px;margin:0}
.pkg-img::after{background:linear-gradient(rgba(12,10,9,0) 25%,rgba(16,13,11,.7) 65%,rgba(22,18,15,.98) 100%)}
.pkg-body{margin-top:-54px;padding:0 26px 28px}
.pkg .ptype{color:var(--orange);font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:1px;margin-bottom:6px}
.pkg h3{font-size:26px;color:#fff;margin-bottom:14px;letter-spacing:-.5px}
.pkg .price{font-family:'Archivo Black',sans-serif;font-size:46px;color:var(--orange);line-height:1;margin-bottom:22px}
.pkg ul{margin-bottom:24px}
.pkg ul li{display:flex;align-items:center;gap:12px;padding:9px 0;font-size:14px;color:#d8d0c8;font-weight:400;border-bottom:1px solid rgba(255,255,255,.06)}
.pkg ul li:last-child{border-bottom:none}
.pkg ul li::before{content:"✓";flex-shrink:0;width:22px;height:22px;border-radius:50%;background:rgba(242,106,27,.16);
  border:1px solid rgba(242,106,27,.42);color:var(--orange);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.pkg .btn{width:100%;justify-content:center}
.pkg.featured{background:linear-gradient(180deg,rgba(242,106,27,.16),rgba(255,255,255,.02));transform:scale(1.04)}
.pkg.featured:hover{transform:scale(1.04) translateY(-10px)}
.pkg-badge{background:var(--orange-grad);font-weight:700;letter-spacing:.5px;font-size:11px;padding:8px 20px}
@media(max-width:768px){.pkg.featured{transform:none}.pkg.featured:hover{transform:translateY(-10px)}}

/* ===================== 2026 REFRESH (v10) — premium glass · depth · trend ===================== */
/* derinlikli aurora arka plan (tek bütün koyu kanvas) */
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(1000px 720px at 8% -10%,rgba(242,106,27,.13),transparent 55%),
  radial-gradient(900px 650px at 100% 0%,rgba(242,106,27,.08),transparent 50%),
  radial-gradient(820px 700px at 50% 116%,rgba(242,106,27,.07),transparent 60%)}
section,footer,.marquee{position:relative;z-index:1}
/* blok arka planları kaldır → aurora kanvas görünsün */
.features,.packages,.videos,.gallery,.testi,.insta,.rez-info,.section,.rez-main{background:transparent}
.gallery,.testi,.insta{border-top:1px solid rgba(255,255,255,.05)}
/* premium frosted kartlar (28px, iç parlama) */
.feature,.pkg,.tcard,.info-card,.panel,.summary,.icard,.rev,.tour-card,.hero-card,.rez-rate-card{
  border-radius:28px;
  background:linear-gradient(158deg,rgba(255,255,255,.08),rgba(255,255,255,.022));
  border:1px solid rgba(255,255,255,.1);
  -webkit-backdrop-filter:blur(16px) saturate(1.05);backdrop-filter:blur(16px) saturate(1.05);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 22px 50px rgba(0,0,0,.4)}
.feature:hover,.tcard:hover,.info-card:hover{border-color:rgba(242,106,27,.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 28px 64px rgba(242,106,27,.2)}
.pkg.featured{background:linear-gradient(160deg,rgba(242,106,27,.18),rgba(255,255,255,.02))}
/* daha iri-net başlıklar */
.sec-head h2,.how h2,.videos h2,.cta h2,.story-grid h2,.insta-head h2{font-size:clamp(32px,4.6vw,56px);letter-spacing:-1px;line-height:1.02}
/* rafine birincil buton (pill korunur) */
.btn-primary{box-shadow:0 10px 30px rgba(242,106,27,.42)}
.btn-primary:hover{box-shadow:0 0 0 1px rgba(255,190,140,.5),0 18px 44px rgba(242,106,27,.6)}
/* hero: sinematik + alt geçiş kanvasa eriyor */
.hero{box-shadow:inset 0 -130px 120px -70px var(--bg)}
.hero p.lead{color:#e2dbd3}
/* daha okunur metin */
:root{--muted:#a8a097}

/* ===================== 2026 ADDONS (v11) — bento · sinematik hero · mikro ===================== */
/* Hero sinematik yavaş kaydırma (video hissi) */
.hero{background-position:center 44%;animation:heropan 26s ease-in-out infinite alternate}
@keyframes heropan{from{background-position:center 40%}to{background-position:center 60%}}
@media(prefers-reduced-motion:reduce){.hero{animation:none}}
/* hero kartı yumuşak süzülme */
.hero-card{animation:floaty 6.5s ease-in-out infinite}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* ===== Bento grid ===== */
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:182px;gap:16px}
.bt{border-radius:26px;border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(158deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:26px;position:relative;overflow:hidden;
  display:flex;flex-direction:column;justify-content:flex-end;transition:.3s;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.bt:hover{border-color:rgba(242,106,27,.55);transform:translateY(-5px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 26px 56px rgba(242,106,27,.18)}
.bt .bicon{width:42px;height:42px;color:var(--orange);margin-bottom:auto}
.bt .bn{font-family:'Archivo Black',sans-serif;font-size:clamp(34px,4vw,46px);color:var(--orange);line-height:1}
.bt .bl{font-family:'Archivo',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:13px;margin-top:6px}
.bt .stars{color:var(--orange);letter-spacing:3px;margin-top:8px}
.b-img{grid-column:span 2;grid-row:span 2;color:#fff;justify-content:flex-end;border:none;
  background:linear-gradient(rgba(8,7,6,.15),rgba(8,7,6,.86)),url('https://images.pexels.com/photos/8305541/pexels-photo-8305541.jpeg?auto=compress&cs=tinysrgb&w=900') center/cover}
.b-img:hover{transform:translateY(-5px)}
.b-img h3{font-size:clamp(24px,2.6vw,32px);color:#fff;margin-bottom:8px;letter-spacing:-.5px}
.b-img p{color:#d8d0c8;font-size:14px;font-weight:400;max-width:90%}
.b-img .tag-pin{display:inline-flex;align-items:center;gap:7px;background:var(--orange);color:#111;font-weight:700;
  font-size:12px;text-transform:uppercase;letter-spacing:1px;padding:6px 12px;border-radius:999px;width:max-content;margin-bottom:12px}
.b-img .tag-pin svg{width:14px;height:14px}
.b-tall{grid-row:span 2;justify-content:center}
@media(max-width:780px){
  .bento{grid-template-columns:1fr 1fr;grid-auto-rows:160px}
  .b-img{grid-column:span 2;grid-row:span 2}
  .b-tall{grid-row:span 1}
}
@media(max-width:480px){
  .bento{grid-template-columns:1fr;grid-auto-rows:auto}
  .b-img,.b-tall{grid-column:auto;grid-row:auto;min-height:240px}
  .bt{min-height:150px}
}

/* ===================== v12 — düzeltmeler & yeni düzenler ===================== */
/* sec-head: çip kendi satırında, başlık altında (çakışma fix) */
.sec-head .sec-tag{display:flex;width:fit-content}
.sec-head h2{display:block;width:fit-content}
.sec-head.center .sec-tag,.sec-head.center h2{margin-left:auto;margin-right:auto}

/* header telefon → buton görünümü (farklı renk: koyu) */
.phone-pill{background:#1c1813;border:1px solid var(--line2);border-radius:999px;padding:13px 22px;
  font-family:'Archivo',sans-serif;font-weight:700;font-size:15px;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.3);transition:.2s}
.phone-pill svg{color:var(--orange)}
.phone-pill:hover{background:#26201a;border-color:var(--orange);transform:translateY(-2px)}

/* hero kartı: dönen ışıklı çerçeve */
.hero-card{position:relative}
.hero-card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.8px;
  background:conic-gradient(from var(--ang),transparent 52%,var(--orange2) 76%,#fff 84%,var(--orange2) 90%,transparent 97%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
  animation:angSpin 4.5s linear infinite;pointer-events:none;z-index:2}
.hero-card .row{position:relative;z-index:3}

/* paket kartları: rozet pill + ince geliştirmeler */
.pkg-badge{top:16px;border-radius:999px;border:1px solid rgba(0,0,0,.25);box-shadow:0 8px 20px rgba(242,106,27,.45)}
.pkg{overflow:hidden}
.pkg .pkg-img{transition:transform .5s ease}
.pkg:hover .pkg-img{transform:scale(1.06)}

/* ===== "Nasıl Geçiyor" yeni düzen: yatay zaman çizelgesi ===== */
.how2{padding:78px 0}
.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:46px;position:relative}
.timeline::before{content:"";position:absolute;top:42px;left:9%;right:9%;height:2px;
  background:repeating-linear-gradient(90deg,rgba(242,106,27,.55) 0 9px,transparent 9px 18px)}
.tl-step{text-align:center;position:relative;z-index:2}
.tl-step .ring{width:86px;height:86px;border-radius:50%;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(158deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(242,106,27,.45);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;transition:.25s}
.tl-step:hover .ring{transform:translateY(-5px);border-color:var(--orange);box-shadow:0 16px 36px rgba(242,106,27,.3)}
.tl-step .ring svg{width:34px;height:34px;color:var(--orange)}
.tl-step .ring .nm{position:absolute;top:-8px;right:-8px;width:30px;height:30px;border-radius:50%;background:var(--orange-grad);
  color:#fff;font-family:'Archivo Black',sans-serif;font-size:13px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg)}
.tl-step h4{font-family:'Archivo',sans-serif;font-weight:700;text-transform:uppercase;font-size:15px;letter-spacing:.3px;margin-bottom:4px}
.tl-step p{color:var(--muted);font-size:13px}
@media(max-width:880px){.timeline{grid-template-columns:1fr 1fr;gap:30px}.timeline::before{display:none}}
@media(max-width:480px){.timeline{grid-template-columns:1fr}}

/* hero düzen ince ayar */
.hero-grid{grid-template-columns:1.05fr 350px;gap:48px}
@media(max-width:1024px){.hero-grid{grid-template-columns:1fr}}

/* ===================== v13 — beyaz play butonu (emoji yerine üçgen) ===================== */
.play{font-size:0!important;line-height:0}
.play::before{content:"";display:block;width:0;height:0;
  border-style:solid;border-width:8px 0 8px 14px;border-color:transparent transparent transparent #fff;margin-left:3px}