/* ============================================================
   Işıklıgöl Nilüfer Tekne Turları
   Premium Design System v4.0 — Lüks · Kurumsal · Mobil-Öncelikli
   ============================================================ */

/* ---------- 1. TOKENS ---------- */
:root{
  /* Brand — Lake (deep teal) */
  --lake-950:#04222c;
  --lake-900:#062b36;
  --lake-800:#0a3d4a;
  --lake-700:#0f5566;
  --lake-600:#147387;
  --lake-500:#1c93a8;
  --lake-400:#5cb6c2;
  --lake-200:#b9dde2;
  --lake-100:#e7f4f6;
  --lake-50:#f3fafb;

  /* Brand — Lily (rose) */
  --lily-800:#8a3548;
  --lily-700:#a8455a;
  --lily-600:#c75c75;
  --lily-500:#e07a92;
  --lily-400:#ec9aae;
  --lily-300:#f6c8d2;
  --lily-200:#fbdde3;
  --lily-100:#fdeef2;

  /* Accent — Gold (luxury sun) */
  --gold-700:#b48127;
  --gold-600:#d09a36;
  --gold-500:#e9b94f;
  --gold-400:#f0cc78;
  --gold-200:#f6e3ac;
  --gold-100:#fbf2d9;

  /* Sand / Leaf */
  --sand-100:#faf6ec;
  --sand-200:#f0e9d6;
  --leaf-700:#3a6b3f;
  --leaf-500:#5a9461;

  /* Ink / Surface */
  --ink-950:#06141a;
  --ink-900:#0d1b1f;
  --ink-800:#1a2a30;
  --ink-700:#2c3e44;
  --ink-600:#465a61;
  --ink-500:#5b6a70;
  --ink-400:#7d8b91;
  --ink-300:#a0acb1;
  --ink-200:#cdd6d9;
  --ink-100:#e7ecee;

  --line:#e5ebec;
  --line-soft:#eef2f3;
  --bg:#ffffff;
  --bg-soft:#f6faf9;
  --bg-warm:#fbf8ef;

  /* Shadow */
  --sh-xs:0 1px 2px rgba(6,43,54,.05);
  --sh-sm:0 2px 6px rgba(6,43,54,.06),0 1px 2px rgba(6,43,54,.04);
  --sh-md:0 8px 22px rgba(6,43,54,.08),0 3px 8px rgba(6,43,54,.05);
  --sh-lg:0 22px 56px rgba(6,43,54,.14),0 8px 18px rgba(6,43,54,.08);
  --sh-xl:0 36px 80px rgba(6,43,54,.18),0 14px 28px rgba(6,43,54,.1);
  --sh-glow:0 0 0 1px rgba(20,115,135,.08),0 18px 50px rgba(6,43,54,.12);

  /* Radius */
  --r-xs:6px;
  --r-sm:10px;
  --r-md:14px;
  --r-lg:22px;
  --r-xl:32px;
  --r-2xl:44px;
  --r-pill:999px;

  /* Layout */
  --max:1240px;
  --max-narrow:920px;
  --max-prose:760px;
  --gutter:clamp(1.15rem,3.5vw,2rem);

  /* Typography */
  --font-sans:'Inter','Segoe UI',-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;
  --font-display:'Fraunces','Playfair Display',Georgia,'Times New Roman',serif;

  /* Fluid sizes */
  --fs-xs:clamp(.75rem,.72rem + .12vw,.8rem);
  --fs-sm:clamp(.84rem,.81rem + .15vw,.9rem);
  --fs-base:clamp(.96rem,.93rem + .15vw,1.02rem);
  --fs-md:clamp(1.02rem,.98rem + .2vw,1.12rem);
  --fs-lg:clamp(1.15rem,1.1rem + .25vw,1.3rem);
  --fs-xl:clamp(1.4rem,1.25rem + .8vw,1.85rem);
  --fs-2xl:clamp(1.75rem,1.4rem + 1.6vw,2.6rem);
  --fs-3xl:clamp(2.2rem,1.7rem + 2.4vw,3.6rem);
  --fs-4xl:clamp(2.6rem,1.9rem + 3.2vw,4.4rem);

  /* Spacing scale (8px based, fluid) */
  --sp-1:.25rem;
  --sp-2:.5rem;
  --sp-3:.75rem;
  --sp-4:1rem;
  --sp-5:1.25rem;
  --sp-6:1.5rem;
  --sp-8:2rem;
  --sp-10:2.5rem;
  --sp-12:3rem;
  --sp-16:4rem;
  --sp-20:5rem;
  --sp-24:6rem;
  --sp-section:clamp(3.5rem,8vw,7.5rem);
  --sp-section-sm:clamp(2.5rem,5vw,4.5rem);

  /* Motion */
  --t:cubic-bezier(.4,0,.2,1);
  --t-spring:cubic-bezier(.34,1.56,.64,1);
  --t-out:cubic-bezier(.16,1,.3,1);
  --d-fast:.18s;
  --d-base:.28s;
  --d-slow:.45s;
  --d-xslow:.7s;

  /* Layers */
  --z-header:80;
  --z-floating:85;
  --z-sticky:90;
  --z-overlay:200;
  --z-lightbox:300;
}

/* ---------- 2. RESET & BASE ---------- */
*,*::before,*::after{box-sizing:border-box}
html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  scroll-padding-top:96px;
}
body{
  margin:0;
  font-family:var(--font-sans);
  font-size:var(--fs-base);
  line-height:1.7;
  color:var(--ink-700);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  font-feature-settings:'cv11','ss01','ss03';
  overflow-x:hidden;
}
img,svg,video,picture{max-width:100%;display:block}
img{height:auto}
a{color:var(--lake-700);text-decoration:none;transition:color var(--d-fast) var(--t)}
a:hover{color:var(--lily-600)}
button{font:inherit;color:inherit}
h1,h2,h3,h4,h5{
  font-family:var(--font-display);
  color:var(--ink-900);
  line-height:1.15;
  letter-spacing:-.02em;
  margin:0 0 .55em;
  font-weight:500;
}
h1{font-size:var(--fs-4xl);font-weight:500;letter-spacing:-.025em}
h2{font-size:var(--fs-3xl);font-weight:500;letter-spacing:-.022em}
h3{font-size:var(--fs-xl);font-weight:600;letter-spacing:-.012em}
h4{font-size:var(--fs-md);font-weight:600;letter-spacing:-.005em}
p{margin:0 0 1em}
ul,ol{padding-left:1.2em}
hr{border:0;border-top:1px solid var(--line);margin:var(--sp-12) 0}

::selection{background:var(--lily-200);color:var(--lake-900)}
:focus-visible{outline:2px solid var(--lake-500);outline-offset:3px;border-radius:6px}

/* ---------- 3. LAYOUT PRIMITIVES ---------- */
.container{
  width:100%;
  max-width:var(--max);
  margin-inline:auto;
  padding-inline:var(--gutter);
}
.container-narrow{
  width:100%;
  max-width:var(--max-narrow);
  margin-inline:auto;
  padding-inline:var(--gutter);
}

/* Skip */
.skip{
  position:absolute;left:-9999px;top:0;
  background:var(--lake-900);color:#fff;padding:.7rem 1.1rem;
  z-index:9999;border-radius:0 0 8px 0;font-weight:600;
}
.skip:focus{left:0}

section{padding-block:var(--sp-section)}
.section-soft{background:var(--bg-soft)}
.section-sand{background:var(--bg-warm)}
.section-cream{background:linear-gradient(180deg,#fff 0%,var(--bg-soft) 100%)}
.section-dark{
  background:
    radial-gradient(ellipse at top right,rgba(28,147,168,.18),transparent 50%),
    radial-gradient(ellipse at bottom left,rgba(199,92,117,.12),transparent 55%),
    linear-gradient(160deg,var(--lake-950) 0%,var(--lake-800) 65%,var(--lake-700) 100%);
  color:#dff1f4;
  position:relative;
  overflow:hidden;
}
.section-dark h2,.section-dark h3{color:#fff}
.section-dark p{color:rgba(207,238,243,.88)}
.section-dark .eyebrow{color:var(--lily-300)}
.section-dark::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><circle cx='50' cy='50' r='1' fill='white' opacity='.04'/></svg>") repeat;
}

/* ---------- 4. SECTION HEAD ---------- */
.section-head{
  text-align:center;
  max-width:760px;
  margin:0 auto var(--sp-12);
}
.section-head.left{text-align:left;margin-left:0;margin-inline-start:0}
.section-head h2{margin-bottom:.5em}
.section-head p{
  font-size:var(--fs-md);
  color:var(--ink-500);
  margin:0 auto;
  max-width:60ch;
}
.section-head.left p{margin-inline:0}

.eyebrow{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.75rem;letter-spacing:.24em;font-weight:600;
  color:var(--lily-600);text-transform:uppercase;
  margin-bottom:1rem;
}
.eyebrow::before{
  content:"";width:24px;height:1.5px;background:currentColor;opacity:.6;
}

/* ---------- 5. HEADER ---------- */
.site-header{
  position:sticky;top:0;z-index:var(--z-header);
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(14px);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid transparent;
  transition:box-shadow var(--d-base) var(--t),background var(--d-base) var(--t),border-color var(--d-base) var(--t);
}
.site-header.scrolled{
  background:rgba(255,255,255,.96);
  border-bottom-color:var(--line-soft);
  box-shadow:0 1px 0 rgba(20,115,135,.04),0 14px 38px -10px rgba(6,43,54,.08);
}

/* Topbar */
.topbar{
  background:var(--lake-950);
  color:rgba(223,241,244,.78);
  font-size:.78rem;
  letter-spacing:.005em;
  border-bottom:1px solid rgba(255,255,255,.04);
}
.topbar-inner{
  display:flex;align-items:center;justify-content:space-between;
  min-height:38px;gap:1.4rem;
}
.topbar-info{
  display:flex;gap:1.6rem;align-items:center;flex:1;min-width:0;
  flex-wrap:nowrap;overflow:hidden;
}
.topbar-info span{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}
.topbar-info svg{width:13px;height:13px;flex:none;color:var(--lake-400);opacity:.85}
.topbar-info strong{color:#fff;font-weight:600}
.topbar-rating{
  display:inline-flex;align-items:center;gap:.4rem;
  color:var(--gold-400);font-weight:600;
}
.topbar-rating svg{color:var(--gold-400) !important;width:12px;height:12px}
.topbar-rating em{font-style:normal;color:rgba(255,255,255,.55);font-weight:500}
.topbar-actions{display:flex;align-items:center;gap:1.2rem;flex:none}
.topbar-link{
  display:inline-flex;align-items:center;gap:.45rem;
  font-weight:600;font-size:.78rem;color:#fff;white-space:nowrap;
  transition:color var(--d-fast) var(--t);
}
.topbar-link svg{width:13px;height:13px;color:var(--lake-400);transition:color var(--d-fast) var(--t)}
.topbar-link:hover{color:var(--lily-300)}
.topbar-link:hover svg{color:var(--lily-300)}
.topbar-link.is-wa svg{color:#9ef0bd}
.topbar-link.is-wa:hover svg{color:#fff}

/* Main nav */
.nav{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;
  gap:clamp(1rem,2.4vw,2.4rem);
  padding-block:1rem;
}

/* Brand */
.brand{
  display:flex;align-items:center;gap:.85rem;
  text-decoration:none;color:var(--ink-900);
  flex:none;
}
.brand-mark{
  width:48px;height:48px;flex:none;
  filter:drop-shadow(0 4px 14px rgba(20,115,135,.18));
  transition:transform var(--d-base) var(--t-spring);
}
.brand:hover .brand-mark{transform:scale(1.06) rotate(-3deg)}
.brand-text{display:flex;flex-direction:column;line-height:1;gap:.4rem}
.brand-name{
  font-family:var(--font-display);font-weight:600;
  font-size:1.55rem;color:var(--lake-900);
  letter-spacing:-.025em;line-height:1;
}
.brand-sub{
  font-size:.7rem;font-weight:700;
  letter-spacing:.18em;text-transform:none;
  color:var(--lily-600);line-height:1;
  background:linear-gradient(135deg,var(--lily-600),var(--lake-600));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}

/* Nav menu */
.nav-list{
  display:flex;align-items:center;gap:.2rem;
  list-style:none;margin:0;padding:0;
  justify-content:center;
}
.nav-list a{
  position:relative;display:inline-flex;align-items:center;
  padding:.7rem 1.05rem;
  color:var(--ink-700);font-weight:500;font-size:.94rem;
  letter-spacing:.005em;border-radius:8px;
  transition:color var(--d-fast) var(--t),background var(--d-fast) var(--t);
}
.nav-list a:hover{color:var(--lake-900);background:var(--lake-50)}
.nav-list a.active{color:var(--lake-900);font-weight:600}
.nav-list a.active::before{
  content:"";position:absolute;left:50%;bottom:.3rem;transform:translateX(-50%);
  width:18px;height:2px;background:var(--lily-600);border-radius:2px;
}

/* Right cluster */
.nav-right{display:flex;align-items:center;gap:.7rem;flex:none}

.nav-phone{
  display:inline-flex;align-items:center;gap:.7rem;
  padding:.5rem .95rem .5rem .5rem;border-radius:var(--r-pill);
  border:1px solid var(--line);
  background:#fff;
  transition:border-color var(--d-fast) var(--t),background var(--d-fast) var(--t),transform var(--d-fast) var(--t),box-shadow var(--d-fast) var(--t);
  text-decoration:none;
}
.nav-phone:hover{
  border-color:var(--lake-400);background:var(--lake-50);transform:translateY(-1px);
  box-shadow:var(--sh-sm);
}
.nav-phone-ic{
  width:34px;height:34px;flex:none;border-radius:50%;
  background:linear-gradient(135deg,var(--lake-700),var(--lake-900));
  display:flex;align-items:center;justify-content:center;color:#fff;
  box-shadow:0 4px 10px rgba(6,43,54,.25);
}
.nav-phone-ic svg{width:14px;height:14px}
.nav-phone-text{display:flex;flex-direction:column;line-height:1.05}
.nav-phone-text small{
  font-size:.62rem;color:var(--ink-500);
  letter-spacing:.08em;text-transform:uppercase;font-weight:600;
  margin-bottom:.18rem;
}
.nav-phone-text strong{color:var(--ink-900);font-weight:700;font-size:.92rem;letter-spacing:.005em}

.nav-cta{
  display:inline-flex;align-items:center;gap:.55rem;
  padding:.78rem 1.4rem;border-radius:var(--r-pill);
  background:linear-gradient(135deg,var(--lily-600) 0%,var(--lily-700) 100%);
  color:#fff;font-weight:600;font-size:.92rem;letter-spacing:.005em;
  box-shadow:0 8px 22px -4px rgba(199,92,117,.45),inset 0 1px 0 rgba(255,255,255,.18);
  transition:transform var(--d-fast) var(--t),box-shadow var(--d-fast) var(--t),filter var(--d-fast) var(--t);
}
.nav-cta:hover{
  color:#fff;transform:translateY(-2px);
  box-shadow:0 14px 30px -4px rgba(199,92,117,.55),inset 0 1px 0 rgba(255,255,255,.22);
  filter:saturate(1.1);
}
.nav-cta svg{width:16px;height:16px}

/* Hamburger */
.menu-toggle{
  display:none;background:var(--lake-900);border:0;color:#fff;
  width:48px;height:48px;border-radius:14px;
  align-items:center;justify-content:center;cursor:pointer;
  transition:background var(--d-fast) var(--t),transform var(--d-fast) var(--t);
  box-shadow:0 6px 14px rgba(6,43,54,.2);
}
.menu-toggle:hover{background:var(--lake-700);transform:scale(1.04)}
.menu-toggle svg{width:22px;height:22px}

@media (max-width:1140px){
  .nav-phone-text small{display:none}
  .nav-phone{padding:.45rem .8rem .45rem .45rem}
}
@media (max-width:980px){
  .nav{grid-template-columns:auto 1fr auto;gap:.8rem}
  .nav-list,.nav-cta,.nav-phone{display:none}
  .menu-toggle{display:inline-flex}
  .topbar-info span.t-hide{display:none}
  .topbar-actions{gap:.9rem}
  .topbar-actions .topbar-link.t-hide{display:none}
}
@media (max-width:640px){
  .topbar-inner{gap:.6rem;min-height:34px}
  .topbar-info{gap:.9rem}
  .topbar-info span.t-hide-sm{display:none}
  .topbar-actions{gap:.7rem}
  .topbar-link span{display:inline;font-size:.72rem}
  .topbar-link svg{width:14px;height:14px}
  .brand-mark{width:42px;height:42px}
  .brand-name{font-size:1.22rem}
  .brand-sub{font-size:.6rem;letter-spacing:.18em}
  .brand-text{gap:.32rem}
  .nav{padding-block:.8rem;gap:.6rem}
  .menu-toggle{width:44px;height:44px;border-radius:12px}
}

/* ---------- 6. MOBILE DRAWER ---------- */
.mobile-drawer{
  position:fixed;inset:0;z-index:var(--z-overlay);
  background:rgba(6,43,54,.55);
  opacity:0;visibility:hidden;
  transition:opacity var(--d-base) var(--t),visibility var(--d-base) var(--t);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
.mobile-drawer.open{opacity:1;visibility:visible}
.mobile-drawer-panel{
  position:absolute;top:0;right:0;height:100dvh;width:min(89%,420px);
  background:#fff;
  padding:1.4rem 1.4rem calc(1.4rem + env(safe-area-inset-bottom));
  display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform var(--d-slow) var(--t-out);
  overflow-y:auto;overscroll-behavior:contain;
  box-shadow:-30px 0 80px rgba(6,43,54,.4);
}
.mobile-drawer.open .mobile-drawer-panel{transform:translateX(0)}
.mobile-drawer-head{
  display:flex;justify-content:space-between;align-items:center;
  padding-bottom:1.1rem;margin-bottom:.6rem;
  border-bottom:1px solid var(--line);
}
.mobile-drawer-head .brand-mark{width:40px;height:40px}
.mobile-drawer-head .brand-name{font-size:1.18rem}
.mobile-drawer-head .brand-sub{font-size:.6rem;letter-spacing:.2em}
.mobile-drawer-close{
  background:var(--lake-50);border:0;width:42px;height:42px;border-radius:12px;
  cursor:pointer;color:var(--lake-800);
  display:flex;align-items:center;justify-content:center;
  transition:background var(--d-fast) var(--t),color var(--d-fast) var(--t),transform var(--d-fast) var(--t);
  flex:none;
}
.mobile-drawer-close:hover{background:var(--lake-800);color:#fff;transform:rotate(90deg)}
.mobile-drawer-close svg{width:20px;height:20px}
.mobile-nav{display:flex;flex-direction:column;gap:0;margin-block:.4rem}
.mobile-nav a{
  padding:.95rem 1rem;border-radius:12px;color:var(--ink-900);
  font-weight:500;font-size:1rem;letter-spacing:.005em;
  border-bottom:1px solid var(--line-soft);
  transition:background var(--d-fast) var(--t),color var(--d-fast) var(--t),padding-left var(--d-fast) var(--t);
}
.mobile-nav a:hover{background:var(--bg-soft);padding-left:1.2rem}
.mobile-nav a.active{
  color:var(--lake-900);background:var(--lake-50);font-weight:600;
  border-bottom-color:transparent;
}
.mobile-nav a:last-child{border-bottom:0}
.mobile-cta-block{
  margin-top:1.4rem;padding-top:1.4rem;border-top:1px solid var(--line);
  display:flex;flex-direction:column;gap:.6rem;
}
.mobile-cta-block .btn{justify-content:flex-start;padding:.95rem 1.2rem}
.mobile-cta-block .btn svg{margin-right:.2rem}

/* ---------- 7. BUTTONS ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  padding:.95rem 1.6rem;border-radius:var(--r-pill);
  font-weight:600;font-size:.96rem;letter-spacing:.005em;
  border:0;cursor:pointer;text-decoration:none;line-height:1;
  position:relative;overflow:hidden;
  transition:transform var(--d-fast) var(--t),box-shadow var(--d-fast) var(--t),background var(--d-base) var(--t),color var(--d-base) var(--t),filter var(--d-fast) var(--t);
  white-space:nowrap;
}
.btn svg{width:18px;height:18px;flex:none}
.btn:active{transform:translateY(0) scale(.98)}

.btn-primary{
  background:linear-gradient(135deg,var(--lily-600) 0%,var(--lily-700) 100%);
  color:#fff;
  box-shadow:0 10px 24px -4px rgba(199,92,117,.45),inset 0 1px 0 rgba(255,255,255,.2);
}
.btn-primary:hover{
  color:#fff;transform:translateY(-2px);
  box-shadow:0 16px 34px -4px rgba(199,92,117,.55),inset 0 1px 0 rgba(255,255,255,.22);
  filter:saturate(1.08);
}
.btn-whatsapp{
  background:linear-gradient(135deg,#25d366 0%,#1ebe5b 100%);
  color:#fff;
  box-shadow:0 10px 24px -4px rgba(37,211,102,.4),inset 0 1px 0 rgba(255,255,255,.18);
}
.btn-whatsapp:hover{
  color:#fff;transform:translateY(-2px);
  box-shadow:0 16px 34px -4px rgba(37,211,102,.55);
}
.btn-call{
  background:#fff;color:var(--lake-900);
  box-shadow:0 10px 26px -4px rgba(6,43,54,.18),inset 0 0 0 1px rgba(6,43,54,.06);
}
.btn-call:hover{
  background:var(--sand-100);color:var(--lake-900);transform:translateY(-2px);
  box-shadow:0 16px 32px -4px rgba(6,43,54,.22);
}
.btn-ghost{
  background:transparent;color:#fff;
  border:1.5px solid rgba(255,255,255,.4);
}
.btn-ghost:hover{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.6)}
.btn-outline{
  background:transparent;color:var(--lake-800);
  border:1.5px solid var(--lake-800);
}
.btn-outline:hover{background:var(--lake-800);color:#fff;transform:translateY(-2px)}
.btn-soft{
  background:var(--lake-50);color:var(--lake-800);
  border:1px solid var(--line);
}
.btn-soft:hover{background:var(--lake-100);color:var(--lake-900);transform:translateY(-1px)}

.btn-sm{padding:.58rem 1.05rem;font-size:.85rem}
.btn-lg{padding:1.15rem 2rem;font-size:1.05rem}
.btn-xl{padding:1.3rem 2.4rem;font-size:1.1rem}

/* ---------- 8. HERO ---------- */
.hero{
  position:relative;overflow:hidden;color:#fff;isolation:isolate;
  min-height:min(94vh,820px);
  display:flex;align-items:flex-end;
  background:#0a3d4a;
  padding-block:clamp(2rem,5vh,4rem);
}
.hero-media{position:absolute;inset:0;z-index:-2}
.hero-media img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  transform:scale(1.04);transform-origin:center;
  animation:heroZoom 22s ease-out forwards;
}
@keyframes heroZoom{from{transform:scale(1.0)}to{transform:scale(1.08)}}
.hero::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(ellipse at 30% 30%,rgba(6,43,54,.35),transparent 60%),
    linear-gradient(180deg,rgba(6,43,54,.25) 0%,rgba(6,43,54,.6) 60%,rgba(4,34,44,.94) 100%);
}
.hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:120px;z-index:-1;
  background:linear-gradient(180deg,transparent,rgba(4,34,44,.5));
  pointer-events:none;
}
.hero-inner{padding-block:clamp(5rem,9vw,7.5rem) clamp(3rem,6vw,5rem);width:100%}
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:.55rem;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.18);
  padding:.46rem 1rem;border-radius:var(--r-pill);
  font-size:.78rem;letter-spacing:.18em;font-weight:600;
  text-transform:uppercase;margin-bottom:1.4rem;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.hero-eyebrow .dot{
  width:7px;height:7px;border-radius:50%;
  background:var(--lily-500);
  box-shadow:0 0 0 4px rgba(224,122,146,.22);
  animation:pulseDot 2.4s ease-in-out infinite;
}
@keyframes pulseDot{
  0%,100%{box-shadow:0 0 0 4px rgba(224,122,146,.22)}
  50%{box-shadow:0 0 0 8px rgba(224,122,146,0)}
}
.hero h1{
  color:#fff;max-width:18ch;
  margin-bottom:1.1rem;
  text-shadow:0 4px 30px rgba(0,0,0,.3);
  font-weight:500;
}
.hero h1 em{
  font-style:italic;color:var(--lily-300);
  font-weight:500;
  background:linear-gradient(135deg,var(--lily-300),var(--gold-400));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.hero-lead{
  font-size:var(--fs-md);
  max-width:600px;margin-bottom:2rem;
  color:rgba(255,255,255,.92);line-height:1.7;
}
.hero-cta-row{
  display:flex;flex-wrap:wrap;gap:.8rem;
  margin-bottom:2.5rem;
}
.hero-stats{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:clamp(1rem,2.5vw,2rem);max-width:780px;
  border-top:1px solid rgba(255,255,255,.16);padding-top:1.8rem;margin-top:1rem;
}
.hero-stat strong{
  display:block;
  font-family:var(--font-display);
  font-size:clamp(1.7rem,2.5vw,2.1rem);
  color:#fff;line-height:1;margin-bottom:.4rem;
  letter-spacing:-.01em;
}
.hero-stat span{
  font-size:.84rem;
  color:rgba(255,255,255,.72);
  letter-spacing:.01em;
}

@media (max-width:640px){
  .hero{min-height:88vh;align-items:flex-end}
  .hero-inner{padding-block:6rem 2.5rem}
  .hero h1{margin-bottom:.9rem}
  .hero-stats{padding-top:1.4rem;margin-top:.6rem;gap:1rem}
  .hero-stat strong{font-size:1.5rem}
  .hero-stat span{font-size:.78rem}
}

/* Hero scroll cue */
.hero-scroll{
  position:absolute;left:50%;bottom:1.4rem;transform:translateX(-50%);
  z-index:1;color:rgba(255,255,255,.7);
  font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;
  display:flex;flex-direction:column;align-items:center;gap:.5rem;
  pointer-events:none;
}
.hero-scroll::after{
  content:"";width:1.5px;height:30px;
  background:linear-gradient(180deg,rgba(255,255,255,.6),transparent);
  animation:scrollCue 2.2s ease-in-out infinite;
}
@keyframes scrollCue{
  0%{transform:scaleY(0);transform-origin:top}
  50%{transform:scaleY(1);transform-origin:top}
  51%{transform:scaleY(1);transform-origin:bottom}
  100%{transform:scaleY(0);transform-origin:bottom}
}
@media (max-width:640px){.hero-scroll{display:none}}

/* ---------- 9. PAGE HEAD (inner pages) ---------- */
.page-head{
  position:relative;color:#fff;
  padding:clamp(5rem,10vw,8rem) 0 clamp(3rem,6vw,5rem);
  background:#0a3d4a;overflow:hidden;isolation:isolate;
}
.page-head-media{position:absolute;inset:0;z-index:-2}
.page-head-media img{
  width:100%;height:100%;object-fit:cover;
  filter:brightness(.6) saturate(1.1);
}
.page-head::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(6,43,54,.5),rgba(4,34,44,.85));
}
.page-head h1{
  color:#fff;max-width:22ch;margin-bottom:.6rem;
  text-shadow:0 4px 30px rgba(0,0,0,.3);
}
.page-head .lead{
  font-size:var(--fs-md);max-width:60ch;
  color:rgba(255,255,255,.88);line-height:1.7;
}
.breadcrumbs{
  font-size:.84rem;color:rgba(255,255,255,.78);
  margin-bottom:1.4rem;display:flex;flex-wrap:wrap;
  gap:.45rem;align-items:center;
}
.breadcrumbs a{color:rgba(255,255,255,.95);transition:color var(--d-fast) var(--t)}
.breadcrumbs a:hover{color:var(--lily-300)}
.breadcrumbs .sep{opacity:.55}
.breadcrumbs [aria-current]{color:var(--lily-300);font-weight:500}

/* ---------- 10. TOURS GRID ---------- */
.tours-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:clamp(1.2rem,2.4vw,2rem);
}
/* Fixed-4 variant: avoids 3+1 ugly wrap; explicit breakpoints */
.tours-grid.cols-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){.tours-grid.cols-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.tours-grid.cols-4{grid-template-columns:1fr}}
/* Fixed-3 variant */
.tours-grid.cols-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.tours-grid.cols-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.tours-grid.cols-3{grid-template-columns:1fr}}
/* Fixed-2 variant */
.tours-grid.cols-2{grid-template-columns:repeat(2,1fr)}
@media (max-width:640px){.tours-grid.cols-2{grid-template-columns:1fr}}
.tour-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  overflow:hidden;display:flex;flex-direction:column;
  position:relative;
  transition:transform var(--d-base) var(--t),box-shadow var(--d-base) var(--t),border-color var(--d-base) var(--t);
}
.tour-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--sh-lg);
  border-color:transparent;
}
.tour-card-media{
  position:relative;aspect-ratio:4/3;
  overflow:hidden;background:var(--lake-100);
}
.tour-card-media img{
  width:100%;height:100%;object-fit:cover;
  transition:transform var(--d-xslow) var(--t-out);
}
.tour-card:hover .tour-card-media img{transform:scale(1.08)}
.tour-card-media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 60%,rgba(6,43,54,.18));
  opacity:0;transition:opacity var(--d-base) var(--t);
  pointer-events:none;
}
.tour-card:hover .tour-card-media::after{opacity:1}
.tour-card-badge{
  position:absolute;top:1rem;left:1rem;z-index:2;
  background:rgba(255,255,255,.95);
  color:var(--lake-800);
  padding:.36rem .8rem;border-radius:var(--r-pill);
  font-size:.72rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  box-shadow:0 4px 12px rgba(6,43,54,.15);
}
.tour-card-body{
  padding:1.5rem 1.5rem 1.6rem;
  display:flex;flex-direction:column;flex:1;
}
.tour-card h3{
  margin-bottom:.5rem;font-size:1.28rem;font-weight:600;
}
.tour-card h3 a{
  color:var(--ink-900);
  background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;
  transition:color var(--d-fast) var(--t),background-size var(--d-base) var(--t);
}
.tour-card h3 a:hover{color:var(--lily-600);background-size:100% 1px}
.tour-card p{color:var(--ink-500);font-size:.95rem;flex:1;line-height:1.7}
.tour-meta{
  display:flex;gap:1.2rem;
  font-size:.82rem;color:var(--ink-500);
  margin:.9rem 0;flex-wrap:wrap;
}
.tour-meta span{display:inline-flex;align-items:center;gap:.4rem}
.tour-meta svg{width:14px;height:14px;color:var(--lake-500)}
.tour-card-cta{
  display:inline-flex;align-items:center;gap:.45rem;
  color:var(--lily-600);font-weight:600;font-size:.92rem;
  margin-top:.4rem;padding-top:.8rem;
  border-top:1px solid var(--line-soft);
}
.tour-card-cta svg{width:14px;height:14px;transition:transform var(--d-fast) var(--t)}
.tour-card:hover .tour-card-cta svg{transform:translateX(5px)}

/* ---------- 11. FEATURES ---------- */
.features{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:clamp(1.1rem,2vw,1.6rem);
}
/* Fixed 3-column variant */
.features.cols-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.features.cols-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.features.cols-3{grid-template-columns:1fr}}
.feature{
  padding:1.8rem;border-radius:var(--r-lg);
  background:#fff;border:1px solid var(--line);
  transition:border-color var(--d-base) var(--t),transform var(--d-base) var(--t),box-shadow var(--d-base) var(--t);
  position:relative;overflow:hidden;
}
.feature::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--lake-500),var(--lily-500));
  transform:scaleX(0);transform-origin:left;
  transition:transform var(--d-base) var(--t);
}
.feature:hover{
  border-color:transparent;transform:translateY(-3px);
  box-shadow:var(--sh-md);
}
.feature:hover::before{transform:scaleX(1)}
.feature-icon{
  width:56px;height:56px;border-radius:16px;
  background:linear-gradient(135deg,var(--lake-100),var(--lily-100));
  display:flex;align-items:center;justify-content:center;
  color:var(--lake-700);margin-bottom:1.1rem;
  box-shadow:inset 0 0 0 1px rgba(20,115,135,.08);
}
.feature-icon svg{width:26px;height:26px}
.feature h3{font-size:1.08rem;margin-bottom:.5rem;font-weight:600}
.feature p{margin:0;color:var(--ink-500);font-size:.94rem;line-height:1.65}

/* ---------- 12. ABOUT / SPLIT ---------- */
.split{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:clamp(2rem,5vw,4.5rem);
  align-items:center;
}
.split-media{
  position:relative;border-radius:var(--r-xl);
  overflow:hidden;box-shadow:var(--sh-xl);
  aspect-ratio:5/6;
}
.split-media img{
  width:100%;height:100%;object-fit:cover;
  transition:transform var(--d-xslow) var(--t-out);
}
.split-media:hover img{transform:scale(1.04)}
.split-media.framed::before{
  content:"";position:absolute;inset:-14px;
  border:2px solid var(--lily-300);
  border-radius:var(--r-xl);
  z-index:-1;transform:translate(16px,16px);
  transition:transform var(--d-slow) var(--t),border-color var(--d-slow) var(--t);
}
.split-media.framed:hover::before{transform:translate(20px,20px);border-color:var(--lily-400)}
.split-media-stack{position:relative;padding:14px 0 0 14px}
.split-text .eyebrow{margin-bottom:.7rem}
.split-text h2{margin-bottom:.7rem}
.split-text p{font-size:var(--fs-md);line-height:1.7;color:var(--ink-600);margin-bottom:1rem}

.list-check{list-style:none;padding:0;margin:1.4rem 0}
.list-check li{
  position:relative;padding:.5rem 0 .5rem 2.2rem;
  font-size:.98rem;color:var(--ink-600);
}
.list-check li::before{
  content:"";position:absolute;left:0;top:.7rem;
  width:20px;height:20px;border-radius:50%;
  background:var(--lily-100) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c75c75' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center/12px no-repeat;
}

/* Captain card */
.captain-card{
  background:#fff;
  border-radius:var(--r-lg);
  padding:1.6rem 1.7rem;
  display:flex;gap:1.2rem;align-items:center;
  border:1px solid var(--line);
  box-shadow:var(--sh-sm);margin-top:1.6rem;
  position:relative;overflow:hidden;
}
.captain-card::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(180deg,var(--lake-600),var(--lily-500));
}
.captain-avatar{
  width:64px;height:64px;border-radius:50%;
  background:linear-gradient(135deg,var(--lake-100),var(--lily-100));
  display:flex;align-items:center;justify-content:center;
  color:var(--lake-700);flex:none;
  box-shadow:inset 0 0 0 2px #fff,0 0 0 1px var(--lake-200);
}
.captain-avatar svg{width:32px;height:32px}
.captain-card h4{font-family:var(--font-display);font-size:1.12rem;margin:0 0 .2rem;color:var(--ink-900)}
.captain-card p{margin:0;font-size:.9rem;color:var(--ink-500)}
.captain-card a{font-weight:600;color:var(--lily-600)}

/* ---------- 13. STEPS ---------- */
.steps{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:clamp(1.4rem,2.6vw,2rem);
  counter-reset:step;
  margin-top:1.5rem;
}
.step{
  position:relative;padding:2rem 1.6rem 1.6rem;
  background:#fff;border-radius:var(--r-lg);
  border:1px solid var(--line);
  transition:transform var(--d-base) var(--t),box-shadow var(--d-base) var(--t),border-color var(--d-base) var(--t);
}
.step:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:transparent}
.step::before{
  counter-increment:step;
  content:counter(step,decimal-leading-zero);
  position:absolute;top:-16px;left:1.5rem;
  background:linear-gradient(135deg,var(--lily-600),var(--lily-700));
  color:#fff;padding:.4rem .8rem;border-radius:var(--r-pill);
  font-family:var(--font-display);font-size:.95rem;font-weight:600;
  box-shadow:0 6px 14px -2px rgba(199,92,117,.4);
}
.step-icon{
  width:46px;height:46px;border-radius:13px;
  background:linear-gradient(135deg,var(--lake-100),var(--lily-100));
  color:var(--lake-700);
  display:flex;align-items:center;justify-content:center;
  margin:.5rem 0 1rem;
  box-shadow:inset 0 0 0 1px rgba(20,115,135,.08);
}
.step-icon svg{width:22px;height:22px}
.step h3{font-size:1.1rem;margin:.5rem 0 .5rem;font-weight:600}
.step p{font-size:.94rem;color:var(--ink-500);margin:0;line-height:1.65}

/* ---------- 13b. SEASON TIMELINE ---------- */
.season{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:.9rem;margin-top:.5rem;
}
.season-item{
  background:#fff;border:1px solid var(--line);
  border-radius:var(--r-md);padding:1.2rem 1.3rem;
  position:relative;overflow:hidden;
  transition:transform var(--d-base) var(--t),box-shadow var(--d-base) var(--t),border-color var(--d-base) var(--t);
}
.season-item:hover{
  transform:translateY(-2px);box-shadow:var(--sh-sm);border-color:transparent;
}
.season-item.peak{
  background:linear-gradient(160deg,#fff,var(--lily-100));
  border-color:var(--lily-300);
}
.season-month{
  font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;
  font-weight:600;color:var(--ink-500);margin-bottom:.45rem;
  display:flex;align-items:center;gap:.5rem;
}
.season-month .pip{
  width:8px;height:8px;border-radius:50%;background:var(--lake-400);
}
.season-item.peak .pip{background:var(--lily-500);box-shadow:0 0 0 4px rgba(224,122,146,.18)}
.season-item h4{
  font-family:var(--font-display);font-size:1.08rem;
  margin:0 0 .25rem;color:var(--ink-900);font-weight:600;
}
.season-item p{font-size:.86rem;color:var(--ink-500);margin:0;line-height:1.55}
.season-tag{
  position:absolute;top:.7rem;right:.8rem;
  font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;
  background:var(--lily-600);color:#fff;
  padding:.18rem .5rem;border-radius:var(--r-pill);
}

/* ---------- 13c. TRUST STRIP ---------- */
.trust-strip{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:0;
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  background:#fff;
  overflow:hidden;
  box-shadow:var(--sh-xs);
}
.trust-strip-item{
  display:flex;align-items:center;gap:1rem;
  padding:1.4rem 1.5rem;
  border-right:1px solid var(--line-soft);
  border-bottom:1px solid var(--line-soft);
}
.trust-strip-item:last-child{border-right:0}
.trust-strip-item .ic{
  width:42px;height:42px;flex:none;
  border-radius:12px;
  background:linear-gradient(135deg,var(--lake-100),var(--lily-100));
  color:var(--lake-700);
  display:flex;align-items:center;justify-content:center;
}
.trust-strip-item .ic svg{width:20px;height:20px}
.trust-strip-item strong{display:block;color:var(--ink-900);font-weight:600;font-size:.95rem;line-height:1.2;margin-bottom:.15rem}
.trust-strip-item span{font-size:.84rem;color:var(--ink-500)}
@media (max-width:780px){
  .trust-strip-item{border-right:0;padding:1.1rem 1.3rem}
  .trust-strip-item:last-child{border-bottom:0}
}

/* ---------- 14. TESTIMONIALS ---------- */
.testimonials{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:clamp(1.2rem,2.4vw,1.8rem);
}
.testimonial{
  background:#fff;border-radius:var(--r-lg);
  padding:2rem 1.7rem 1.6rem;
  border:1px solid var(--line);
  position:relative;
  transition:transform var(--d-base) var(--t),box-shadow var(--d-base) var(--t),border-color var(--d-base) var(--t);
}
.testimonial:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:transparent}
.testimonial::before{
  content:"\201C";position:absolute;top:-.8rem;left:1.2rem;
  font-family:var(--font-display);font-size:5rem;line-height:1;
  color:var(--lily-300);font-weight:600;
}
.testimonial p{margin:1rem 0;font-style:italic;color:var(--ink-700);font-size:.98rem;line-height:1.7}
.testimonial-author{
  display:flex;align-items:center;gap:.7rem;
  margin-top:1.2rem;padding-top:1rem;
  border-top:1px solid var(--line-soft);
}
.testimonial-author strong{display:block;color:var(--ink-900);font-size:.96rem}
.testimonial-author span{color:var(--ink-500);font-size:.84rem}
.stars{color:var(--gold-500);letter-spacing:.12em;font-size:1rem}

/* ---------- 15. FAQ ---------- */
.faq{max-width:860px;margin-inline:auto}
.faq details{
  background:#fff;border:1px solid var(--line);
  border-radius:var(--r-md);
  margin-bottom:.85rem;overflow:hidden;
  transition:border-color var(--d-base) var(--t),box-shadow var(--d-base) var(--t);
}
.faq details:hover{border-color:var(--lake-200)}
.faq details[open]{
  border-color:var(--lake-400);
  box-shadow:var(--sh-sm);
  background:linear-gradient(180deg,var(--lake-50) 0%,#fff 25%);
}
.faq summary{
  cursor:pointer;list-style:none;
  padding:1.2rem 1.4rem;
  font-weight:600;color:var(--ink-900);font-size:.98rem;
  display:flex;justify-content:space-between;align-items:center;gap:1rem;
  transition:color var(--d-fast) var(--t);
}
.faq summary:hover{color:var(--lake-800)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"";width:14px;height:14px;flex:none;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a3d4a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") center/contain no-repeat;
  transition:transform var(--d-base) var(--t);
}
.faq details[open] summary::after{transform:rotate(180deg)}
.faq .answer{padding:0 1.4rem 1.3rem;color:var(--ink-500);font-size:.96rem;line-height:1.7}
.faq .answer p{margin:0 0 .7em}
.faq .answer p:last-child{margin-bottom:0}

/* ---------- 16. GALLERY ---------- */
.gallery-filters{
  display:flex;justify-content:center;
  gap:.5rem;flex-wrap:wrap;margin-bottom:2.4rem;
}
.gallery-filter{
  background:transparent;border:1px solid var(--line);
  color:var(--ink-700);
  padding:.55rem 1.1rem;border-radius:var(--r-pill);
  cursor:pointer;font-size:.88rem;font-weight:500;
  transition:all var(--d-fast) var(--t);
}
.gallery-filter:hover{
  color:var(--lake-800);border-color:var(--lake-400);
  background:var(--lake-50);
}
.gallery-filter.active{
  background:var(--lake-800);color:#fff;
  border-color:var(--lake-800);
  box-shadow:0 6px 14px -2px rgba(10,61,74,.3);
}
.gallery-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  grid-auto-rows:220px;
  gap:.9rem;
}
.gallery-item{
  position:relative;overflow:hidden;
  border-radius:var(--r-md);cursor:pointer;
  background:var(--lake-100);display:block;
}
.gallery-item img{
  width:100%;height:100%;object-fit:cover;
  transition:transform var(--d-xslow) var(--t-out);
}
.gallery-item:hover img{transform:scale(1.08)}
.gallery-item::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 50%,rgba(6,43,54,.6));
  opacity:0;transition:opacity var(--d-base) var(--t);
}
.gallery-item:hover::after{opacity:1}
.gallery-item.tall{grid-row:span 2}
.gallery-item.wide{grid-column:span 2}

@media (max-width:720px){
  .gallery-grid{grid-auto-rows:170px;gap:.6rem}
}
@media (max-width:480px){
  .gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:140px}
  .gallery-item.wide{grid-column:span 2}
  .gallery-item.tall{grid-row:span 2}
}

/* Lightbox */
.lightbox{
  position:fixed;inset:0;
  background:rgba(4,34,44,.96);
  z-index:var(--z-lightbox);
  display:none;align-items:center;justify-content:center;padding:1rem;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.lightbox.open{display:flex;animation:fadeIn var(--d-base) var(--t)}
.lightbox img{
  max-width:96vw;max-height:88vh;
  border-radius:10px;box-shadow:var(--sh-xl);
  animation:scaleIn .4s var(--t-out);
}
.lightbox button{
  position:absolute;
  background:rgba(255,255,255,.1);color:#fff;border:0;
  width:50px;height:50px;border-radius:50%;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background var(--d-fast) var(--t),transform var(--d-fast) var(--t);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.lightbox button:hover{background:rgba(255,255,255,.22);transform:scale(1.05)}
.lightbox .lb-close{top:1.4rem;right:1.4rem}
.lightbox .lb-prev{left:1.4rem;top:50%;transform:translateY(-50%)}
.lightbox .lb-next{right:1.4rem;top:50%;transform:translateY(-50%)}
.lightbox .lb-prev:hover,.lightbox .lb-next:hover{transform:translateY(-50%) scale(1.05)}
.lightbox svg{width:22px;height:22px}
.lightbox-counter{
  position:absolute;bottom:1.4rem;left:50%;transform:translateX(-50%);
  color:#fff;font-size:.9rem;font-weight:500;
  background:rgba(0,0,0,.4);padding:.4rem .9rem;border-radius:var(--r-pill);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes scaleIn{from{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}

@media (max-width:640px){
  .lightbox button{width:42px;height:42px}
  .lightbox .lb-close{top:1rem;right:1rem}
  .lightbox .lb-prev{left:.6rem}
  .lightbox .lb-next{right:.6rem}
}

/* ---------- 17. CONTACT ---------- */
.contact-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:clamp(1.2rem,2.4vw,1.8rem);
  margin-bottom:2.5rem;
}
.contact-card{
  background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg);padding:1.8rem;
  display:flex;flex-direction:column;gap:.7rem;
  transition:transform var(--d-base) var(--t),box-shadow var(--d-base) var(--t),border-color var(--d-base) var(--t);
  text-decoration:none;
}
.contact-card:hover{
  transform:translateY(-4px);box-shadow:var(--sh-lg);
  border-color:transparent;
}
.contact-card .ico{
  width:54px;height:54px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--lake-100),var(--lily-100));
  color:var(--lake-700);
}
.contact-card .ico svg{width:24px;height:24px}
.contact-card h3{font-size:1.1rem;margin:.4rem 0 0;color:var(--ink-900);font-weight:600}
.contact-card p,.contact-card a{margin:0;color:var(--ink-700);font-size:.95rem;line-height:1.6}
.contact-card a:hover{color:var(--lily-600)}
.contact-card.featured{
  background:
    radial-gradient(ellipse at top right,rgba(28,147,168,.4),transparent 65%),
    linear-gradient(135deg,var(--lake-800),var(--lake-700));
  color:#fff;border:0;
  box-shadow:var(--sh-md);
}
.contact-card.featured h3,.contact-card.featured p,.contact-card.featured a{color:#fff}
.contact-card.featured .ico{background:rgba(255,255,255,.16);color:#fff}

.map-wrap{
  border-radius:var(--r-xl);overflow:hidden;
  box-shadow:var(--sh-md);
  aspect-ratio:16/9;background:var(--lake-100);
  border:1px solid var(--line);
}
.map-wrap iframe{width:100%;height:100%;border:0;display:block}

/* ---------- 18. PROSE / CONTENT ---------- */
.prose{max-width:var(--max-prose);margin:0 auto}
.prose p,.prose li{font-size:1.04rem;color:var(--ink-700);line-height:1.8}
.prose h2{margin-top:2.4rem}
.prose h3{margin-top:2rem}
.prose figure{margin:2.2rem 0}
.prose figure img{border-radius:var(--r-lg);box-shadow:var(--sh-md)}
.prose figcaption{
  font-size:.86rem;color:var(--ink-500);
  text-align:center;margin-top:.6rem;font-style:italic;
}
.prose blockquote{
  border-left:3px solid var(--lily-500);
  padding:.5rem 0 .5rem 1.6rem;margin:1.6rem 0;
  font-family:var(--font-display);font-size:1.22rem;
  color:var(--ink-900);font-style:italic;font-weight:500;
}
.callout{
  background:linear-gradient(135deg,var(--lake-50),var(--lily-100));
  border-radius:var(--r-lg);padding:1.5rem 1.8rem;
  margin:1.8rem 0;
  border-left:4px solid var(--lake-500);
  box-shadow:var(--sh-xs);
}
.callout strong{color:var(--lake-800)}

/* Bird grid */
.bird-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
  gap:.8rem;margin:1.6rem 0;
}
.bird-tag{
  background:#fff;border:1px solid var(--line);
  border-radius:12px;padding:.8rem 1rem;
  font-size:.9rem;color:var(--ink-700);
  display:flex;align-items:center;gap:.55rem;
  transition:border-color var(--d-fast) var(--t),background var(--d-fast) var(--t);
}
.bird-tag:hover{border-color:var(--leaf-500);background:#f7fbf7}
.bird-tag svg{width:16px;height:16px;color:var(--leaf-500);flex:none}

/* ---------- 19. BIG CTA ---------- */
.big-cta{
  background:
    radial-gradient(ellipse at top right,rgba(255,255,255,.22),transparent 55%),
    radial-gradient(ellipse at bottom left,rgba(255,255,255,.12),transparent 55%),
    linear-gradient(135deg,var(--lily-700) 0%,var(--lily-500) 70%,var(--lily-600) 100%);
  color:#fff;
  border-radius:var(--r-2xl);
  padding:clamp(2.4rem,6vw,4.5rem) clamp(1.6rem,5vw,3.5rem);
  text-align:center;
  position:relative;overflow:hidden;isolation:isolate;
  box-shadow:0 30px 80px -20px rgba(168,69,90,.4);
}
.big-cta::before,.big-cta::after{
  content:"";position:absolute;border-radius:50%;z-index:-1;
  background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%);
}
.big-cta::before{width:400px;height:400px;top:-150px;left:-80px}
.big-cta::after{width:500px;height:500px;bottom:-200px;right:-100px}
.big-cta h2{
  color:#fff;margin-bottom:.7rem;
  font-size:clamp(1.7rem,3.2vw,2.4rem);
  text-shadow:0 2px 20px rgba(0,0,0,.12);
}
.big-cta p{
  font-size:var(--fs-md);color:rgba(255,255,255,.94);
  margin-bottom:1.8rem;max-width:580px;margin-inline:auto;line-height:1.7;
}
.big-cta .btn-row{
  display:flex;justify-content:center;
  gap:.85rem;flex-wrap:wrap;
}

/* ---------- 20. FOOTER ---------- */
.site-footer{
  background:
    radial-gradient(ellipse at top,rgba(28,147,168,.1),transparent 50%),
    var(--lake-950);
  color:rgba(223,241,244,.78);
  padding:clamp(3.5rem,7vw,5.5rem) 0 0;
  position:relative;font-size:.93rem;
  margin-top:0;
}
.site-footer::before{
  content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);
}

.footer-top{
  display:grid;grid-template-columns:1.4fr 1fr;
  gap:clamp(1.6rem,4vw,3rem);align-items:center;
  padding-bottom:clamp(2.4rem,5vw,3.2rem);
  margin-bottom:clamp(2.4rem,5vw,3.2rem);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.footer-top h3{
  color:#fff;font-family:var(--font-display);
  font-size:clamp(1.4rem,2.6vw,2.05rem);
  margin:0 0 .55rem;line-height:1.25;letter-spacing:-.018em;font-weight:500;
}
.footer-top p{
  color:rgba(223,241,244,.72);
  font-size:.98rem;margin:0;max-width:54ch;line-height:1.7;
}
.footer-top-cta{
  display:flex;gap:.7rem;justify-content:flex-end;flex-wrap:wrap;
}
.footer-top-cta .btn{padding:.9rem 1.35rem;font-size:.93rem}
@media (max-width:760px){
  .footer-top{grid-template-columns:1fr;gap:1.6rem}
  .footer-top-cta{justify-content:flex-start}
}

.footer-grid{
  display:grid;
  grid-template-columns:1.6fr 1fr 1fr 1.2fr;
  gap:clamp(2rem,4vw,3rem);
  padding-bottom:clamp(2.4rem,5vw,3rem);
}
@media (max-width:920px){.footer-grid{grid-template-columns:1fr 1fr;gap:2.4rem}}
@media (max-width:520px){.footer-grid{grid-template-columns:1fr;gap:2rem}}

.footer-grid h4{
  color:#fff;font-family:var(--font-sans);
  font-size:.78rem;letter-spacing:.2em;
  text-transform:uppercase;margin:0 0 1.4rem;font-weight:600;
}
.footer-grid ul{
  list-style:none;padding:0;margin:0;
  display:flex;flex-direction:column;gap:.75rem;
}
.footer-grid a{
  color:rgba(223,241,244,.72);font-size:.94rem;
  transition:color var(--d-fast) var(--t),padding-left var(--d-fast) var(--t);
}
.footer-grid a:hover{color:#fff;padding-left:.3rem}

.footer-brand{display:flex;flex-direction:column}
.footer-brand .brand{margin-bottom:1.4rem}
.footer-brand .brand-name{color:#fff}
.footer-brand .brand-sub{color:var(--lake-400)}
.footer-brand p{
  font-size:.94rem;color:rgba(223,241,244,.7);
  max-width:42ch;margin:0 0 1.6rem;line-height:1.75;
}
.footer-trust{
  display:flex;gap:1.2rem;flex-wrap:wrap;
  font-size:.78rem;color:rgba(223,241,244,.6);
}
.footer-trust span{display:inline-flex;align-items:center;gap:.4rem}
.footer-trust svg{width:14px;height:14px;color:var(--lake-400)}
.footer-trust span:nth-child(2) svg{color:var(--gold-400)}

.footer-contact{
  display:flex;flex-direction:column;gap:1.2rem;
}
.footer-contact-item{
  display:flex;align-items:flex-start;gap:.95rem;
}
.footer-contact-item .ic{
  width:36px;height:36px;flex:none;border-radius:10px;
  background:rgba(255,255,255,.05);
  display:flex;align-items:center;justify-content:center;
  color:var(--lake-400);margin-top:1px;
}
.footer-contact-item .ic svg{width:14px;height:14px}
.footer-contact-item small{
  display:block;color:rgba(223,241,244,.5);
  font-size:.7rem;letter-spacing:.1em;
  text-transform:uppercase;margin-bottom:.3rem;font-weight:600;
}
.footer-contact-item strong,.footer-contact-item a{
  color:#fff;font-weight:600;
  font-size:.95rem;display:block;line-height:1.3;
}
.footer-contact-item a:hover{color:var(--lily-300);padding-left:0}

.social-row{
  display:flex;gap:.6rem;margin-top:1.2rem;
  padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.08);
}
.social-row a{
  width:38px;height:38px;border-radius:50%;
  background:rgba(255,255,255,.06);
  color:#fff;
  display:flex;align-items:center;justify-content:center;
  transition:background var(--d-fast) var(--t),transform var(--d-fast) var(--t);
}
.social-row a:hover{background:var(--lily-600);transform:translateY(-2px) scale(1.05);padding-left:0}
.social-row a svg{width:16px;height:16px}

.footer-bottom{
  border-top:1px solid rgba(255,255,255,.08);
  padding:1.6rem 0;
  display:flex;justify-content:space-between;align-items:center;
  gap:1rem;flex-wrap:wrap;
  font-size:.84rem;color:rgba(223,241,244,.55);
}
.footer-bottom strong{color:#fff;font-weight:600}
.footer-bottom-links{display:flex;gap:1.6rem;flex-wrap:wrap}
.footer-bottom-links a{
  color:rgba(223,241,244,.7);font-size:.84rem;
  transition:color var(--d-fast) var(--t);
}
.footer-bottom-links a:hover{color:#fff}

/* ---------- 21. STICKY MOBILE / FLOATING ---------- */
.sticky-mobile{
  position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);
  display:none;
  background:#fff;border-top:1px solid var(--line);
  box-shadow:0 -12px 32px rgba(6,43,54,.12);
  padding-bottom:env(safe-area-inset-bottom);
}
.sticky-mobile a{
  flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;
  padding:1rem .5rem;font-weight:600;font-size:.94rem;
  letter-spacing:.005em;
  transition:filter var(--d-fast) var(--t);
}
.sticky-mobile a:hover{filter:brightness(1.06)}
.sticky-mobile .sm-call{
  background:linear-gradient(135deg,var(--lake-800),var(--lake-700));
  color:#fff;
}
.sticky-mobile .sm-wa{
  background:linear-gradient(135deg,#1ebe5b,#25d366);
  color:#fff;
}
.sticky-mobile svg{width:18px;height:18px}

@media (max-width:720px){
  .sticky-mobile{display:flex}
  body{padding-bottom:64px}
  .floating-route{bottom:80px !important}
  .float-wa{bottom:84px !important}
}

.floating-route{
  position:fixed;left:1rem;bottom:1.2rem;z-index:var(--z-floating);
  display:inline-flex;align-items:center;gap:.55rem;
  background:#fff;color:var(--lake-900);
  padding:.78rem 1.1rem;border-radius:var(--r-pill);
  font-weight:600;font-size:.9rem;
  box-shadow:var(--sh-lg);border:1px solid var(--line);
  transition:transform var(--d-fast) var(--t),box-shadow var(--d-fast) var(--t);
}
.floating-route:hover{
  transform:translateY(-3px);color:var(--lake-900);
  box-shadow:0 24px 56px rgba(6,43,54,.2);
}
.floating-route svg{width:18px;height:18px;color:var(--lily-600)}
@media (max-width:520px){
  .floating-route{padding:.65rem .9rem;font-size:.82rem}
  .floating-route .lbl-long{display:inline;font-size:.78rem}
}

.float-wa{
  position:fixed;right:1rem;bottom:1.2rem;z-index:var(--z-floating);
  width:58px;height:58px;border-radius:50%;
  background:linear-gradient(135deg,#25d366,#1ebe5b);
  color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 14px 34px rgba(37,211,102,.5);
  animation:pulseWa 2.6s infinite;
  transition:transform var(--d-fast) var(--t);
}
.float-wa:hover{transform:scale(1.06)}
.float-wa svg{width:28px;height:28px}
@keyframes pulseWa{
  0%,100%{box-shadow:0 14px 34px rgba(37,211,102,.5),0 0 0 0 rgba(37,211,102,.55)}
  50%{box-shadow:0 14px 34px rgba(37,211,102,.5),0 0 0 16px rgba(37,211,102,0)}
}

/* ---------- 22. ANIMATIONS / UTILITIES ---------- */
.fade-up{
  opacity:0;transform:translateY(22px);
  transition:opacity var(--d-xslow) var(--t-out),transform var(--d-xslow) var(--t-out);
}
.fade-up.in{opacity:1;transform:none}
.fade-up.delay-1{transition-delay:.06s}
.fade-up.delay-2{transition-delay:.12s}
.fade-up.delay-3{transition-delay:.18s}

.text-center{text-align:center}
.mt-0{margin-top:0}
.mb-0{margin-bottom:0}
.mt-2{margin-top:1rem}
.mb-2{margin-bottom:1rem}
.mt-4{margin-top:2rem}
.mb-4{margin-bottom:2rem}
.hide{display:none !important}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
  html{scroll-behavior:auto}
  .hero-media img{animation:none}
}

/* ---------- 23. PRINT ---------- */
@media print{
  .site-header,.mobile-drawer,.sticky-mobile,
  .floating-route,.float-wa,.big-cta,.hero-cta-row{display:none !important}
  .hero{min-height:auto;color:var(--ink-900)}
  .hero::before,.hero::after,.hero-media{display:none}
  .hero h1,.hero-lead{color:var(--ink-900)}
  body{background:#fff;color:#000}
  a{color:#000;text-decoration:underline}
}


/* ============================================================
   24. CORPORATE REFINEMENT LAYER v4.1
   Mevcut tasarım dilini koruyan, kurumsal kalite katmanı.
   ============================================================ */

/* 24.1 — Token rafineleştirmeleri (mevcut tokenlerin üzerine ince değerler) */
:root{
  /* Eksik nüanslar (mevcut paleti tamamlar) */
  --lake-300:#8cc7d0;
  --lily-50:#fef7f9;

  /* Hairline & inset borders */
  --hairline:rgba(6,43,54,.07);
  --hairline-strong:rgba(6,43,54,.12);
  --inset-light:inset 0 1px 0 rgba(255,255,255,.6);
  --inset-dark:inset 0 1px 0 rgba(255,255,255,.04);

  /* Daha rafine, hafif renkli premium gölgeler (cool teal kayar) */
  --sh-soft:0 1px 2px rgba(6,43,54,.04),0 6px 18px -6px rgba(6,43,54,.08);
  --sh-elev:0 4px 10px -4px rgba(6,43,54,.08),0 22px 44px -12px rgba(6,43,54,.14);
  --sh-prem:0 2px 4px rgba(6,43,54,.04),0 12px 28px -8px rgba(6,43,54,.12),0 32px 64px -20px rgba(20,115,135,.18);

  /* Gradients için kurumsal palet */
  --grad-deep:linear-gradient(135deg,#0a3d4a 0%,#062b36 100%);
  --grad-deep-soft:linear-gradient(135deg,#0f5566 0%,#0a3d4a 100%);
  --grad-rose:linear-gradient(135deg,var(--lily-600) 0%,var(--lily-700) 60%,var(--lily-800) 100%);
  --grad-gold:linear-gradient(135deg,var(--gold-500),var(--gold-600));
  --grad-divider:linear-gradient(90deg,transparent,var(--hairline-strong) 35%,var(--hairline-strong) 65%,transparent);

  /* Header yüksekliği */
  --header-h:88px;
  --header-h-mobile:76px;
}

html{scroll-padding-top:calc(var(--header-h) + 12px)}
@media (max-width:980px){html{scroll-padding-top:calc(var(--header-h-mobile) + 12px)}}

/* 24.2 — Scroll progress (sayfanın kaç % okundu) */
.scroll-progress{
  position:fixed;left:0;top:0;height:2px;width:100%;
  z-index:calc(var(--z-header) + 5);pointer-events:none;
  background:transparent;
}
.scroll-progress::after{
  content:"";display:block;height:100%;width:var(--sp,0%);
  background:linear-gradient(90deg,var(--lake-500),var(--lily-500),var(--gold-500));
  box-shadow:0 0 12px rgba(199,92,117,.55);
  transition:width .08s linear;
}

/* 24.3 — Tipografide daha kurumsal denge */
body{font-feature-settings:'cv11','ss01','ss03','kern','liga'}
h1,h2,h3{font-feature-settings:'liga','dlig','kern'}
h2{font-weight:550}
.section-head h2{
  position:relative;display:block;
}
.section-head:not(.left) h2::after{
  content:"";display:block;width:48px;height:3px;border-radius:3px;
  margin:1.1rem auto 0;
  background:linear-gradient(90deg,var(--lake-500),var(--lily-500));
  opacity:.85;
}
.section-head.left h2::after{margin-inline:0;margin-top:1rem}
/* Eyebrow rafineleştirme — daha ince ve kurumsal */
.eyebrow{
  position:relative;
  display:inline-flex;
  background:linear-gradient(90deg,rgba(199,92,117,.08),transparent 80%);
  padding:.4rem 1rem;
  border-radius:var(--r-pill);
  border:1px solid rgba(199,92,117,.18);
  margin-bottom:1rem;
}
.eyebrow::before{
  content:"";
  position:static;
  transform:none;
  width:6px;height:6px;border-radius:50%;
  background:var(--lily-500);
  box-shadow:0 0 0 3px rgba(224,122,146,.18);
  flex:none;opacity:1;
}
.section-dark .eyebrow{
  background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 80%);
  border-color:rgba(255,255,255,.18);
  color:#f6c8d2;
}
.section-dark .eyebrow::before{background:var(--lily-400);box-shadow:0 0 0 3px rgba(246,200,210,.22)}

/* 24.4 — Header refine: hafif yükseklik + altın/gül çizgi */
.site-header{
  border-bottom:1px solid var(--hairline);
}
.site-header.scrolled{
  box-shadow:0 1px 0 var(--hairline),0 12px 32px -16px rgba(6,43,54,.16);
}
.site-header.scrolled .nav{padding-block:.7rem}
.site-header .nav{transition:padding var(--d-base) var(--t)}

/* Navlinklere kurumsal bir hair underline */
.nav-list a{
  font-weight:500;
}
.nav-list a:not(.active)::after{
  content:"";position:absolute;left:50%;right:50%;bottom:.45rem;
  height:1.5px;background:var(--lake-500);
  transition:left var(--d-base) var(--t),right var(--d-base) var(--t);
  border-radius:2px;
}
.nav-list a:not(.active):hover::after{left:1rem;right:1rem}
.nav-list a.active::before{
  background:linear-gradient(90deg,var(--lily-500),var(--lily-600));
  width:22px;height:2.5px;
}

/* Brand: altın detay halkası */
.brand-mark{
  border-radius:50%;
  box-shadow:0 0 0 1px rgba(20,115,135,.08),0 8px 22px -6px rgba(20,115,135,.25);
}

/* 24.5 — Buttons: kurumsal shimmer + iç parlaklık */
.btn{font-weight:600;letter-spacing:.01em;will-change:transform}
.btn::before{
  content:"";position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);
  transform:translateX(-130%);transition:transform .65s var(--t-out);
  pointer-events:none;
}
.btn:hover::before{transform:translateX(130%)}
.btn-primary{box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 12px 26px -6px rgba(199,92,117,.45),0 2px 6px -1px rgba(199,92,117,.25)}
.btn-whatsapp{box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 12px 26px -6px rgba(37,211,102,.4),0 2px 6px -1px rgba(37,211,102,.22)}
.btn-call{
  border:1px solid var(--hairline);
  background:linear-gradient(180deg,#fff,#fafdfd);
}
.btn-outline{border-width:1.5px;font-weight:600}
.btn:focus-visible{outline:2px solid var(--lake-500);outline-offset:3px}

/* 24.6 — Hero refine: alt geçiş daha sinematik */
.hero{min-height:min(96vh,860px)}
.hero-eyebrow{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
}
.hero h1{font-weight:550;line-height:1.08}
.hero h1 em{
  background:linear-gradient(135deg,#fdeef2 0%,var(--lily-300) 30%,var(--gold-400) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.hero-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  position:relative;
}
@media (max-width:760px){.hero-stats{grid-template-columns:repeat(2,1fr)}}
.hero-stat{
  position:relative;padding-left:1.2rem;
}
.hero-stat:not(:first-child)::before{
  content:"";position:absolute;left:0;top:.2rem;bottom:.4rem;width:1px;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.22),transparent);
}
@media (max-width:760px){
  .hero-stat:nth-child(3)::before{display:none}
  .hero-stat{padding-left:0}
}
.hero-stat strong{
  font-feature-settings:'tnum','lnum';
  background:linear-gradient(180deg,#fff 60%,rgba(255,255,255,.7));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}

/* Hero alt fade */
.hero::after{
  height:160px;
  background:linear-gradient(180deg,transparent 0%,rgba(4,34,44,.4) 60%,#fff 100%);
}

/* 24.7 — Trust strip: daha kurumsal, ince ayırıcı */
.trust-strip{
  border:1px solid var(--hairline);
  background:linear-gradient(180deg,#fff,#fcfefe);
  box-shadow:var(--sh-soft);
  border-radius:var(--r-xl);
}
.trust-strip-item{
  border-right:1px solid var(--hairline);
  border-bottom:0;padding:1.5rem 1.6rem;
  position:relative;
  transition:background var(--d-base) var(--t);
}
.trust-strip-item:hover{background:var(--bg-soft)}
.trust-strip-item .ic{
  background:linear-gradient(135deg,var(--lake-50),#fff);
  border:1px solid var(--hairline);
  box-shadow:inset 0 1px 0 #fff;
}
.trust-strip-item strong{font-size:.96rem;letter-spacing:-.005em}
@media (max-width:780px){.trust-strip-item{border-right:0;border-bottom:1px solid var(--hairline)}.trust-strip-item:last-child{border-bottom:0}}

/* 24.8 — Tour cards: kurumsal premium görünüm */
.tour-card{
  border:1px solid var(--hairline);
  box-shadow:var(--sh-soft);
  background:linear-gradient(180deg,#fff,#fcfefe);
}
.tour-card:hover{
  box-shadow:var(--sh-prem);
  border-color:transparent;
  transform:translateY(-8px);
}
.tour-card-media{aspect-ratio:5/4}
.tour-card-media::before{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(6,43,54,.08) 0%,transparent 30%,transparent 70%,rgba(6,43,54,.18));
  pointer-events:none;
}
.tour-card-badge{
  background:linear-gradient(135deg,#fff,#fef7f9);
  border:1px solid rgba(199,92,117,.2);
  color:var(--lily-700);
  letter-spacing:.14em;font-size:.68rem;
  box-shadow:0 6px 16px -4px rgba(199,92,117,.25);
}
.tour-card h3{font-weight:600;letter-spacing:-.012em}
.tour-meta svg{color:var(--lily-500)}
.tour-card-cta{
  font-weight:600;letter-spacing:.005em;
  text-transform:uppercase;font-size:.78rem;
}

/* 24.9 — Features: ince üst rule + iç dolgu */
.feature{
  background:linear-gradient(180deg,#fff,#fbfdfd);
  border:1px solid var(--hairline);
  box-shadow:var(--sh-soft);
  padding:2rem 1.8rem;
}
.feature-icon{
  background:linear-gradient(135deg,var(--lake-100),#fff);
  border:1px solid var(--hairline);
  border-radius:14px;
  box-shadow:inset 0 1px 0 #fff,0 6px 14px -6px rgba(20,115,135,.2);
}
.feature h3{font-weight:600;letter-spacing:-.005em}

/* 24.10 — Steps: numara stili daha ciddi */
.step{
  background:linear-gradient(180deg,#fff,#fbfdfd);
  border:1px solid var(--hairline);
  box-shadow:var(--sh-soft);
}
.step::before{
  background:linear-gradient(135deg,var(--lake-800),var(--lake-900));
  color:#fff;font-weight:700;letter-spacing:.05em;
  box-shadow:0 8px 18px -4px rgba(6,43,54,.4);
  padding:.42rem .85rem;
}
.step-icon{
  background:linear-gradient(135deg,var(--lake-100),#fff);
  border:1px solid var(--hairline);
  box-shadow:inset 0 1px 0 #fff;
}

/* 24.11 — Captain card refinement */
.captain-card{
  background:linear-gradient(180deg,#fff,#fbfdfd);
  border:1px solid var(--hairline);
  box-shadow:var(--sh-soft);
  padding:1.5rem 1.7rem;
}
.captain-avatar{
  background:linear-gradient(135deg,var(--lake-700),var(--lake-900));
  color:#fff;
  box-shadow:0 0 0 3px #fff,0 0 0 4px var(--lake-200),0 10px 22px -6px rgba(6,43,54,.3);
}

/* 24.12 — Section dark refine: daha sinematik atmosfer */
.section-dark{
  background:
    radial-gradient(ellipse at 80% 20%,rgba(28,147,168,.22),transparent 55%),
    radial-gradient(ellipse at 10% 90%,rgba(199,92,117,.16),transparent 60%),
    linear-gradient(160deg,#03161c 0%,#062b36 50%,#0a3d4a 100%);
}
.section-dark::after{
  content:"";position:absolute;inset:auto 0 0 0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(28,147,168,.4),transparent);
}

/* 24.13 — Testimonials premium look */
.testimonial{
  background:linear-gradient(180deg,#fff,#fdfdfa);
  border:1px solid var(--hairline);
  box-shadow:var(--sh-soft);
  padding:2.4rem 1.8rem 1.8rem;
}
.testimonial::before{
  font-size:6rem;top:-1rem;left:1.4rem;
  color:transparent;
  background:linear-gradient(135deg,var(--lily-300),var(--gold-400));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  opacity:.8;
}
.testimonial p{color:var(--ink-800);font-size:1rem}
.testimonial-author strong{font-family:var(--font-display);font-size:1rem;font-weight:600}
.stars{
  color:var(--gold-500);
  filter:drop-shadow(0 2px 4px rgba(233,185,79,.4));
}

/* 24.14 — FAQ refine */
.faq details{
  background:linear-gradient(180deg,#fff,#fbfdfd);
  border:1px solid var(--hairline);
  box-shadow:var(--sh-soft);
}
.faq details[open]{
  background:linear-gradient(180deg,#fcfefe,#fff);
  box-shadow:var(--sh-elev),0 0 0 1px rgba(20,115,135,.12);
  border-color:transparent;
}
.faq summary{padding:1.3rem 1.5rem;font-size:1rem}
.faq summary::after{
  width:28px;height:28px;border-radius:50%;
  background:var(--lake-50) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a3d4a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") center/14px no-repeat;
  border:1px solid var(--hairline);
}
.faq details[open] summary::after{
  background-color:var(--lake-800);
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  border-color:var(--lake-800);
}

/* 24.15 — Big CTA: kurumsal güç */
.big-cta{
  background:
    radial-gradient(ellipse at top right,rgba(255,255,255,.28),transparent 55%),
    radial-gradient(ellipse at bottom left,rgba(255,255,255,.14),transparent 55%),
    linear-gradient(135deg,var(--lily-800) 0%,var(--lily-600) 55%,var(--lily-700) 100%);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 20px 40px -12px rgba(168,69,90,.5),
    0 50px 100px -30px rgba(168,69,90,.4);
}
.big-cta h2{font-weight:550;letter-spacing:-.018em}

/* 24.16 — Section pacing: daha rafine boşluk */
.section-soft{
  background:linear-gradient(180deg,#f6faf9 0%,#fafdfd 100%);
  position:relative;
}
.section-soft::before,
.section-soft::after{
  content:"";position:absolute;left:0;right:0;height:1px;
  background:var(--grad-divider);
}
.section-soft::before{top:0}
.section-soft::after{bottom:0}

.section-sand{
  background:linear-gradient(180deg,#fbf8ef 0%,#fdfcf6 100%);
}

/* Ortak section underline (kurumsal vurgu) */
section + section.section-soft{margin-top:0}

/* 24.17 — Floating CTA grupları daha kurumsal */
.float-wa{
  width:60px;height:60px;
  background:linear-gradient(135deg,#25d366,#1ebe5b);
  box-shadow:0 0 0 4px rgba(255,255,255,.9),0 18px 38px -6px rgba(37,211,102,.55);
}
.floating-route{
  background:rgba(255,255,255,.96);
  backdrop-filter:saturate(160%) blur(10px);
  -webkit-backdrop-filter:saturate(160%) blur(10px);
  border:1px solid var(--hairline);
}

/* 24.18 — Sticky mobile bottom CTA: daha güvenli (safe area + glass) */
.sticky-mobile{
  background:rgba(255,255,255,.96);
  backdrop-filter:saturate(160%) blur(14px);
  -webkit-backdrop-filter:saturate(160%) blur(14px);
  border-top:1px solid var(--hairline);
  box-shadow:0 -8px 28px rgba(6,43,54,.1);
}
.sticky-mobile a{padding:1.05rem .5rem;font-size:.95rem;letter-spacing:.005em}

/* 24.19 — Footer kurumsal incelik */
.site-footer{
  background:
    radial-gradient(ellipse at top,rgba(28,147,168,.14),transparent 50%),
    radial-gradient(ellipse at bottom right,rgba(199,92,117,.06),transparent 60%),
    var(--lake-950);
}
.site-footer .footer-bottom{font-size:.84rem}
.site-footer .footer-grid h4{
  color:#fff;font-size:.74rem;letter-spacing:.22em;
  position:relative;padding-bottom:.7rem;margin-bottom:1.2rem;
}
.site-footer .footer-grid h4::after{
  content:"";position:absolute;left:0;bottom:0;width:24px;height:2px;
  background:var(--lily-500);border-radius:2px;
}

.footer-grid ul li{position:relative;padding-left:0}
.footer-grid ul a{
  display:inline-flex;align-items:center;gap:.45rem;
  position:relative;
}
.footer-grid ul a::before{
  content:"›";color:var(--lake-400);font-weight:700;
  opacity:0;transform:translateX(-4px);
  transition:opacity var(--d-fast) var(--t),transform var(--d-fast) var(--t);
}
.footer-grid ul a:hover{padding-left:0;color:#fff}
.footer-grid ul a:hover::before{opacity:1;transform:translateX(0)}

/* Footer awards/badges row (yeni) */
.footer-badges{
  display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.2rem;
}
.footer-badge{
  display:inline-flex;align-items:center;gap:.45rem;
  padding:.45rem .85rem;border-radius:var(--r-pill);
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  color:rgba(223,241,244,.85);font-size:.72rem;letter-spacing:.08em;
  text-transform:uppercase;font-weight:600;
}
.footer-badge svg{width:13px;height:13px;color:var(--gold-400)}

/* 24.20 — Page head: kurumsal premium */
.page-head{
  padding-block:clamp(6rem,11vw,9rem) clamp(3rem,7vw,5.5rem);
}
.page-head::before{
  background:
    radial-gradient(ellipse at 80% 20%,rgba(28,147,168,.25),transparent 55%),
    linear-gradient(180deg,rgba(6,43,54,.55),rgba(4,34,44,.9));
}
.page-head .container{position:relative;z-index:1}
.page-head h1{
  font-weight:550;letter-spacing:-.022em;line-height:1.1;
  background:linear-gradient(180deg,#fff,#dff1f4);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.breadcrumbs{
  background:rgba(255,255,255,.06);
  padding:.5rem .95rem;border-radius:var(--r-pill);
  display:inline-flex;width:auto;
  border:1px solid rgba(255,255,255,.1);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}

/* 24.21 — Prose blockquote daha kurumsal */
.prose blockquote{
  background:linear-gradient(135deg,var(--lake-50),#fff);
  border-left:4px solid var(--lily-500);
  padding:1.2rem 1.6rem;border-radius:0 var(--r-md) var(--r-md) 0;
  margin:2rem 0;
}

/* 24.22 — Selectable image card link affordance */
.gallery-item{
  border:1px solid var(--hairline);
  box-shadow:var(--sh-soft);
}
.gallery-item::before{
  content:"";position:absolute;top:.7rem;right:.7rem;z-index:2;
  width:32px;height:32px;border-radius:50%;
  background:rgba(255,255,255,.92) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a3d4a' stroke-width='2' stroke-linecap='round'><path d='M15 3h6v6'/><path d='M10 14L21 3'/><path d='M9 21H3v-6'/></svg>") center/14px no-repeat;
  opacity:0;transform:scale(.8);
  transition:opacity var(--d-fast) var(--t),transform var(--d-fast) var(--t);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  box-shadow:0 6px 14px rgba(6,43,54,.2);
}
.gallery-item:hover::before{opacity:1;transform:scale(1)}

/* 24.23 — Map wrap: ince çerçeve */
.map-wrap{
  border:1px solid var(--hairline);
  box-shadow:var(--sh-elev);
}

/* 24.24 — Loading skeleton (görsel yüklenirken) */
img[loading="lazy"]{
  background:linear-gradient(110deg,#eef2f3 8%,#f6faf9 18%,#eef2f3 33%);
  background-size:200% 100%;
  animation:shimmerImg 1.6s linear infinite;
}
img.loaded{animation:none;background:none}
@keyframes shimmerImg{
  0%{background-position:120% 0}
  100%{background-position:-20% 0}
}

/* 24.25 — Tablo benzeri info box (yeni; isteyen sayfalar için) */
.info-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:0;border:1px solid var(--hairline);border-radius:var(--r-lg);
  overflow:hidden;background:#fff;box-shadow:var(--sh-soft);
}
.info-cell{
  padding:1.2rem 1.4rem;
  border-right:1px solid var(--hairline);
  border-bottom:1px solid var(--hairline);
}
.info-cell:last-child{border-right:0}
.info-cell small{
  display:block;color:var(--ink-500);font-size:.7rem;
  letter-spacing:.18em;text-transform:uppercase;
  font-weight:600;margin-bottom:.4rem;
}
.info-cell strong{
  display:block;color:var(--ink-900);font-size:1.04rem;
  font-family:var(--font-display);font-weight:600;
  letter-spacing:-.005em;
}

/* 24.26 — Pricing-style ribbon (rezervasyon avantajı) */
.ribbon{
  display:inline-flex;align-items:center;gap:.5rem;
  background:linear-gradient(135deg,var(--gold-500),var(--gold-600));
  color:#3d2a06;padding:.45rem .9rem;
  border-radius:var(--r-pill);font-size:.78rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;
  box-shadow:0 6px 14px -4px rgba(208,154,54,.45);
}
.ribbon svg{width:14px;height:14px}

/* 24.27 — Anchor focus + a11y */
:focus-visible{
  outline:2px solid var(--lake-500);
  outline-offset:3px;border-radius:6px;
}
.btn:focus-visible,.nav-cta:focus-visible{
  outline-offset:4px;
}
a:focus-visible{outline-offset:4px}

/* 24.28 — Print refinement */
@media print{
  .scroll-progress{display:none !important}
  .topbar,.menu-toggle,.nav-phone,.nav-cta{display:none !important}
  .footer-top-cta,.social-row{display:none !important}
}

/* 24.29 — Reduced data preference (low data) */
@media (prefers-reduced-data:reduce){
  .hero-media img{filter:none}
  .section-dark::before{display:none}
}

/* 24.30 — Premium dark mode hint (sistem bildirirse) */
@media (prefers-color-scheme:dark){
  /* Yalnızca renk yumuşatma; kurumsal aydınlık kimliği koruyoruz */
  ::selection{background:var(--lily-300);color:var(--lake-900)}
}

/* 24.31 — Animation fine-tune for staggered children */
.fade-up{transform:translateY(28px);transition-duration:.7s}
.fade-up.delay-1{transition-delay:.08s}
.fade-up.delay-2{transition-delay:.16s}
.fade-up.delay-3{transition-delay:.24s}
.fade-up.delay-4{transition-delay:.32s}

/* 24.32 — Counter (animasyonlu sayı) */
.counter{
  font-variant-numeric:tabular-nums;
  font-feature-settings:'tnum','lnum';
}


/* 24.33 — Hover hairline efekti (pseudo-element cakilmasini onleyen cozum)
   tour-card::after ve feature::before zaten kullanildigi icin
   bu efekt yalnizca step ve testimonial'da ::after ile uygulanir.
   tour-card ve feature icin box-shadow inset ile saglanir. */
.tour-card,.feature,.step,.testimonial{position:relative}
.step::after,
.testimonial::after{
  content:"";position:absolute;left:1.2rem;right:1.2rem;top:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--lake-300,rgba(20,115,135,.22)),transparent);
  opacity:0;transition:opacity var(--d-base) var(--t);
  pointer-events:none;z-index:2;
}
.step:hover::after,
.testimonial:hover::after{opacity:1}
.feature:hover{
  box-shadow:var(--sh-md),inset 0 1px 0 rgba(140,199,208,.3);
}

/* 24.34 — Topbar: ince alt altin hat */
.topbar{
  border-top:0;
  position:relative;
}
.topbar::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(208,154,54,.4) 30%,rgba(199,92,117,.4) 70%,transparent);
  opacity:.45;pointer-events:none;
}

/* 24.35 — Mobil drawer: kurumsal pirilti */
.mobile-drawer-panel{
  background:linear-gradient(180deg,#fff 0%,#fbfdfd 100%);
}
.mobile-nav a{
  position:relative;
}
.mobile-nav a::after{
  content:"\203A";position:absolute;right:1rem;top:50%;transform:translateY(-50%);
  color:var(--ink-300);transition:color var(--d-fast) var(--t),transform var(--d-fast) var(--t);
}
.mobile-nav a:hover::after{color:var(--lily-500);transform:translateY(-50%) translateX(3px)}

/* 24.36 — Nav list items: pozisyon duzeltmesi (::after absolute icin gerekli) */
.nav-list a{position:relative}

/* 24.37 — Section-soft ardisik kullanim: cift cizgi duzeltme */
section.section-soft + section.section-soft::before{display:none}
section + section.section-soft{margin-top:0}

/* 24.38 — Hero ::after beyaz gecis duzeltmesi */
@supports (background:linear-gradient(transparent,#fff)){
  .hero::after{
    background:linear-gradient(180deg,transparent 0%,rgba(4,34,44,.5) 70%,var(--bg) 100%);
  }
}

/* 24.39 — Blog grid mobil responsive duzeltme */
@media (max-width:900px){
  .tours-grid[style*="repeat(3"]{grid-template-columns:repeat(2,1fr) !important}
}
@media (max-width:560px){
  .tours-grid[style*="repeat(3"]{grid-template-columns:1fr !important}
}

/* 24.40 — Hero stats responsive iyilestirme */
@media (max-width:500px){
  .hero-stats{grid-template-columns:1fr 1fr !important;gap:.8rem}
  .hero-stat:nth-child(odd)::before{display:none}
}

/* 24.41 — Gallery item: z-index duzeltme */
.gallery-item::after{z-index:1}
.gallery-item::before{z-index:2}

/* 24.42 — Print ek duzeltmeler */
@media print{
  .hero::after,.hero::before{display:none !important}
  section{padding-block:2rem !important}
  .fade-up{opacity:1 !important;transform:none !important}
}

/* 24.43 — Erisilebilirlik: prefers-contrast yuksek kontrast modu */
@media (prefers-contrast:more){
  .tour-card,.feature,.step,.testimonial,.faq details{
    border-width:2px;border-color:var(--ink-700);
  }
  .btn{border:2px solid currentColor}
  .eyebrow{border-width:2px}
  .topbar{border-bottom:2px solid rgba(255,255,255,.3)}
}

/* 24.44 — text-wrap balance destegi (modern tarayicilar) */
@supports (text-wrap:balance){
  .section-head h2,.hero h1,.page-head h1{text-wrap:balance}
  .section-head p,.hero-lead{text-wrap:pretty}
}

/* 24.45 — Touch device iyilestirmeler */
@media (hover:none) and (pointer:coarse){
  .tour-card:hover{transform:none;box-shadow:var(--sh-soft)}
  .feature:hover{transform:none}
  .step:hover{transform:none}
  .testimonial:hover{transform:none}
  .btn:hover::before{transform:translateX(-130%)}
  .gallery-item:hover img{transform:none}
  .float-wa{animation-play-state:paused}
}

/* 24.46 — Container query hazirlik (gelecek uyumluluk) */
@supports (container-type:inline-size){
  .tours-grid,.features,.testimonials{container-type:inline-size}
}

/* 24.47 — Smooth transitions for theme preference changes */
@media (prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}
  .site-header,.topbar,.btn,.tour-card,.feature{
    transition-timing-function:var(--t);
  }
}

/* ============================================================
   25. TASARIM SORUN GİDERME — v4.2
   Ekran görüntülerinden tespit edilen sorunların düzeltmeleri.
   ============================================================ */

/* 25.1 — big-cta section: alt boşluk azaltma (footer ile arasında fazla gap) */
section:has(.big-cta){
  padding-bottom:var(--sp-section-sm);
}
/* Fallback for browsers not supporting :has() */
.big-cta{margin-bottom:0}

/* 25.2 — Footer-top: mobilde CTA buton hizalama düzeltmesi */
@media (max-width:760px){
  .footer-top{
    text-align:center;
  }
  .footer-top-cta{
    justify-content:center;
  }
}

/* 25.3 — Nav phone: dar ekranda taşma önleme */
@media (max-width:1200px){
  .nav-phone-text strong{
    font-size:.85rem;
    letter-spacing:0;
  }
}
@media (max-width:1080px){
  .nav-phone{
    padding:.4rem .7rem .4rem .4rem;
    gap:.5rem;
  }
  .nav-phone-ic{
    width:30px;height:30px;
  }
  .nav-phone-ic svg{width:12px;height:12px}
  .nav-phone-text strong{font-size:.82rem}
}

/* 25.4 — Brand sub text overflow düzeltme (dar ekranda taşma) */
.brand-sub{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:200px;
}
@media (max-width:420px){
  .brand-sub{max-width:140px;font-size:.56rem}
  .brand-name{font-size:1.1rem}
}

/* 25.5 — Contact card grid: eşit yükseklik */
.contact-grid{
  align-items:stretch;
}
.contact-card{
  justify-content:flex-start;
}

/* 25.6 — Features grid (iletişim sayfası 4-lü): responsive düzeltme */
@media (max-width:680px){
  .features{grid-template-columns:1fr 1fr}
}
@media (max-width:420px){
  .features{grid-template-columns:1fr}
}

/* 25.7 — Page head: içerik merkezi hizalama ile tutarlılık */
.page-head .container{
  position:relative;
  z-index:1;
}

/* 25.8 — Topbar responsive: çok dar ekranlarda taşma engelleme */
@media (max-width:380px){
  .topbar-inner{
    font-size:.72rem;
  }
  .topbar-rating em{display:none}
}

/* 25.9 — Big-CTA button-row: mobilde tam genişlik düzeltme */
@media (max-width:500px){
  .big-cta .btn-row{
    flex-direction:column;
    gap:.6rem;
  }
  .big-cta .btn-row .btn{
    width:100%;
    justify-content:center;
  }
}

/* 25.10 — Hero CTA row: çok dar ekranlarda düzeltme */
@media (max-width:420px){
  .hero-cta-row{
    flex-direction:column;
    gap:.6rem;
  }
  .hero-cta-row .btn{
    width:100%;
    justify-content:center;
  }
}

/* 25.11 — Split layout: mobilde görselin tam genişlikte görünmesi */
@media (max-width:640px){
  .split{gap:2rem}
  .split-media{
    aspect-ratio:4/3;
    border-radius:var(--r-lg);
  }
}

/* 25.12 — Tour card media: küçük ekranlarda aspect ratio düzeltmesi */
@media (max-width:560px){
  .tour-card-media{aspect-ratio:16/10}
}

/* 25.13 — Section dark split: text'in görsel üzerine taşmaması */
.section-dark .split-text{
  position:relative;
  z-index:1;
}

/* 25.14 — Footer grid: mobilde iletişim bölümünün düzgün görünmesi */
@media (max-width:520px){
  .footer-contact-item{
    flex-wrap:nowrap;
  }
  .footer-contact-item .ic{
    width:32px;height:32px;
    border-radius:8px;
  }
}

/* 25.15 — Sticky mobile bar: safe area ve taşma düzeltme */
@media (max-width:720px){
  .sticky-mobile a span{
    font-size:.88rem;
  }
}
@media (max-width:360px){
  .sticky-mobile a{
    padding:.85rem .3rem;
    gap:.35rem;
  }
  .sticky-mobile a span{font-size:.82rem}
  .sticky-mobile svg{width:16px;height:16px}
}

/* 25.16 — Testimonials: mobilde tek kolon */
@media (max-width:640px){
  .testimonials{grid-template-columns:1fr}
}

/* 25.17 — Season items: mobilde 2 kolon düzeltme */
@media (max-width:480px){
  .season{grid-template-columns:1fr}
}

/* 25.18 — Gallery grid mobil: minimum satır yüksekliği */
@media (max-width:380px){
  .gallery-grid{
    grid-template-columns:1fr 1fr;
    grid-auto-rows:120px;
  }
}

/* 25.19 — Scroll progress bar: z-index ile nav altında kalmaması */
.scroll-progress{
  z-index:calc(var(--z-header) + 10);
}

/* 25.20 — Body overflow-x clip (yatay kaydırma sorununu tamamen engeller) */
body{
  overflow-x:clip;
}
html{
  overflow-x:hidden;
}

/* ============================================================
   26. MOBILE SUBMENU (Hizmetlerimiz açılır menü)
   ============================================================ */
.mobile-submenu{
  margin:0;padding:0;
}
.mobile-submenu-toggle{
  display:flex;align-items:center;justify-content:space-between;
  width:100%;
  padding:.95rem 1rem;border-radius:12px;
  background:transparent;border:0;cursor:pointer;
  color:var(--ink-900);font-weight:600;font-size:1rem;
  letter-spacing:.005em;
  border-bottom:1px solid var(--line-soft);
  transition:background var(--d-fast) var(--t),color var(--d-fast) var(--t);
}
.mobile-submenu-toggle:hover{
  background:var(--bg-soft);
}
.mobile-submenu-toggle svg{
  transition:transform var(--d-base) var(--t);
  color:var(--ink-400);
}
.mobile-submenu-toggle[aria-expanded="true"] svg{
  transform:rotate(180deg);
}
.mobile-submenu-items{
  display:none;
  flex-direction:column;
  padding:0 0 .4rem .8rem;
  border-left:2px solid var(--lily-200);
  margin-left:1rem;
  margin-top:.2rem;
  margin-bottom:.4rem;
}
.mobile-submenu-items.open{
  display:flex;
}
.mobile-submenu-items a{
  padding:.7rem 1rem;
  border-radius:10px;
  color:var(--ink-700);
  font-weight:500;font-size:.94rem;
  border-bottom:0;
  transition:background var(--d-fast) var(--t),color var(--d-fast) var(--t),padding-left var(--d-fast) var(--t);
}
.mobile-submenu-items a:hover{
  background:var(--lake-50);
  color:var(--lake-900);
  padding-left:1.2rem;
}
.mobile-submenu-items a::after{
  display:none;
}

/* ============================================================
   27. HERO CENTER ALIGNMENT
   ============================================================ */
.hero-inner{
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.hero h1{
  max-width:none;
  margin-inline:auto;
}
.hero-lead{
  max-width:640px;
  margin-inline:auto;
}
.hero-cta-row{
  justify-content:center;
}
.hero-stats{
  max-width:100%;
  width:100%;
  justify-items:center;
  text-align:center;
}
.hero-stat{
  text-align:center;
  padding-left:0;
}
.hero-stat:not(:first-child)::before{
  display:none;
}

/* ============================================================
   28. BRAND / LOGO GÜÇLENDIRME
   ============================================================ */
.brand{
  gap:1rem;
}
.brand-text{
  gap:.45rem;
}
.brand-name{
  font-size:1.65rem;
  font-weight:700;
  letter-spacing:-.03em;
  background:linear-gradient(135deg,var(--lake-900),var(--lake-700));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.brand-mark{
  width:52px;height:52px;
  filter:drop-shadow(0 6px 18px rgba(20,115,135,.25));
}
.brand-sub{
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:none;
  background:linear-gradient(135deg,var(--lily-600),var(--lake-600));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  overflow:visible;
  max-width:none;
}
@media (max-width:640px){
  .brand-name{font-size:1.3rem}
  .brand-sub{font-size:.62rem;letter-spacing:.12em}
  .brand-mark{width:44px;height:44px}
  .brand{gap:.8rem}
}
@media (max-width:420px){
  .brand-name{font-size:1.15rem}
  .brand-sub{font-size:.56rem;max-width:none}
  .brand-mark{width:40px;height:40px}
}

/* Footer brand override (beyaz tonda kalması için) */
.footer-brand .brand-name{
  -webkit-text-fill-color:#fff;
  background:none;
  color:#fff;
}
.footer-brand .brand-sub{
  -webkit-text-fill-color:var(--lake-400);
  background:none;
  color:var(--lake-400);
}