/* ── palet: kum (varsayılan) ───────────────────────────── */
:root{
  --bg:#ECE5D8; --paper:#F4EEE2; --ink:#1D201D; --ink2:#5F645E; --ink3:#8C9089;
  --line:#DBD1BE; --accent:#2F5F55; --btn:#1D201D; --btnfg:#F4EEE2;
  --pad:clamp(20px,5vw,64px); --max:1180px;
}
:root[data-tema="deniz"]{
  --bg:#E3EAE7; --paper:#EFF4F1; --ink:#16211E; --ink2:#54615D; --ink3:#84908C;
  --line:#CCD9D3; --accent:#1F6E63; --btn:#16211E; --btnfg:#EFF4F1;
}
:root[data-tema="kil"]{
  --bg:#EFE3D9; --paper:#F8EFE8; --ink:#241C18; --ink2:#63544C; --ink3:#8F7D72;
  --line:#E0CCBD; --accent:#9C5236; --btn:#241C18; --btnfg:#F8EFE8;
}
:root[data-tema="gece"]{
  --bg:#191D1B; --paper:#222724; --ink:#ECE6D9; --ink2:#B4BBB4; --ink3:#828A84;
  --line:#333A36; --accent:#76B5A1; --btn:#ECE6D9; --btnfg:#191D1B;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
/* [hidden] sinif secicilerine yeniliyor; gizlenmesi gerekenler gorunur kaliyordu */
[hidden]{display:none !important}
html{scroll-behavior:smooth;
  /* Yapiskan baslik bolum basligini ortmesin: capaya gidince sayfa
     bu kadar asagida durur. JS acilista gercek baslik yuksekligiyle
     tazeliyor; buradaki deger yedek. */
  scroll-padding-top:var(--ust,90px)}
body{background:var(--bg);color:var(--ink);
  font:400 17px/1.7 "Instrument Sans",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
h1,h2,h3{font-family:Newsreader,Georgia,serif;font-weight:300;letter-spacing:-.015em;line-height:1.12}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--pad)}
.eyebrow{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink3);font-weight:500}

/* başlık */
/* Capa hedefleri: tarayici destegi degisebiliyor, ikisi birden yaziliyor */
section[id],div[id]{scroll-margin-top:var(--ust,90px)}
header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 92%,transparent);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header .in{display:flex;align-items:center;gap:20px;padding:12px var(--pad);max-width:var(--max);margin:0 auto}
header .brand img{width:52px;height:52px;transition:opacity .2s}
header .brand:hover img{opacity:.72}
header nav{margin-left:auto;display:flex;gap:22px}
header nav a{font-size:14.5px;color:var(--ink2);padding-bottom:2px;border-bottom:1px solid transparent}
header nav a:hover{color:var(--ink);border-bottom-color:var(--ink)}
header .wa{font-size:14.5px;color:var(--accent);font-weight:500;border-bottom:1px solid currentColor}
.lang{display:flex;border:1px solid var(--line);border-radius:2px;overflow:hidden}
.lang button{background:none;border:0;font:500 12.5px/1 "Instrument Sans",sans-serif;letter-spacing:.08em;
  color:var(--ink3);padding:8px 10px;cursor:pointer;transition:.2s}
.lang button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.lang button:not([aria-pressed="true"]):hover{color:var(--ink)}
@media(max-width:1080px){header nav{display:none}header .wa{margin-left:auto}}

/* kapak */
.hero img{width:100%;aspect-ratio:16/9;object-fit:cover}
@media(max-width:700px){.hero img{aspect-ratio:4/3}}
.intro{padding:clamp(38px,6vw,80px) 0 clamp(30px,4vw,54px);max-width:760px}
.intro h1{font-size:clamp(32px,5vw,56px);margin:14px 0 18px}
.intro p{color:var(--ink2);font-size:clamp(17px,1.8vw,19px);max-width:60ch}
.intro .links{display:flex;gap:24px;flex-wrap:wrap;margin-top:26px}
.intro .links a{font-size:15.5px;font-weight:500;border-bottom:1px solid var(--line);padding-bottom:3px;transition:border-color .2s}
.intro .links a:hover{border-bottom-color:var(--ink)}

/* bölümler */
.rule{height:1px;background:var(--line)}
.block{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,5vw,72px);align-items:center;
  padding:clamp(40px,6vw,84px) 0}
.block.flip .txt{order:2}
.block img{width:100%;aspect-ratio:4/3;object-fit:cover}
.block h2{font-size:clamp(25px,3.4vw,38px);margin:12px 0 16px}
.block p{color:var(--ink2);max-width:52ch}
.block p+p{margin-top:14px}
.block .more{display:inline-block;margin-top:22px;font-size:15px;font-weight:500;color:var(--accent);
  border-bottom:1px solid currentColor;padding-bottom:2px}
@media(max-width:840px){.block{grid-template-columns:1fr;gap:22px}.block.flip .txt{order:0}}

/* alıntı */
.quote{background:var(--paper);border-block:1px solid var(--line)}
.quote .in{max-width:820px;margin:0 auto;padding:clamp(46px,7vw,96px) var(--pad);text-align:center}
.quote blockquote{font-family:Newsreader,Georgia,serif;font-weight:300;font-size:clamp(23px,3.4vw,36px);
  line-height:1.3;letter-spacing:-.015em}
.quote p{margin-top:20px;color:var(--ink2);max-width:56ch;margin-inline:auto}

/* tarife */
.tarife{padding:clamp(40px,6vw,84px) 0}
.tarife .head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:8px}
.tarife h2{font-size:clamp(25px,3.4vw,38px)}
.tarife .head .eyebrow{margin-left:auto}
.tarife .lead{color:var(--ink2);max-width:60ch;margin-bottom:26px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,20px)}
@media(max-width:900px){.plans{grid-template-columns:1fr}}
.plan{background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:24px 22px 26px;
  display:flex;flex-direction:column}
.plan.best{border-color:var(--accent)}
.plan .tag{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:600;
  margin-bottom:10px;min-height:14px}
.plan h3{font-size:22px;margin-bottom:6px}
.plan .price{font-family:Newsreader,Georgia,serif;font-size:38px;line-height:1.1;margin:12px 0 4px}
.plan .per{font-size:13.5px;color:var(--ink3);margin-bottom:16px}
.plan ul{list-style:none;display:grid;gap:9px;font-size:15px;color:var(--ink2);
  border-top:1px solid var(--line);padding-top:16px;margin-bottom:20px}
.plan li{display:flex;gap:9px}
.plan li::before{content:"—";color:var(--ink3)}
.plan .buy{margin-top:auto;display:inline-block;text-align:center;background:var(--btn);color:var(--btnfg);
  padding:13px 20px;font-size:15px;font-weight:500;border-radius:2px;transition:background .2s}
.plan .buy:hover{background:var(--accent);color:#fff}
.tarife .single{display:flex;gap:18px;flex-wrap:wrap;align-items:baseline;justify-content:space-between;
  margin-top:14px;padding:18px 22px;background:var(--paper);border:1px solid var(--line);border-radius:4px}
.tarife .single b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:20px}
.tarife .single span{color:var(--ink2);font-size:15px}
.tarife .single a{color:var(--accent);font-weight:500;border-bottom:1px solid currentColor;font-size:15px}
.tarife .note{margin-top:16px;font-size:14px;color:var(--ink3);max-width:66ch}

/* üyeler */
.members{background:var(--paper);border-block:1px solid var(--line)}
.members .in{max-width:var(--max);margin:0 auto;padding:clamp(30px,4.4vw,56px) var(--pad);
  display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.members h2{font-size:clamp(23px,3vw,32px);margin-bottom:8px}
.members p{color:var(--ink2);max-width:52ch;font-size:15.5px}
.members .act{margin-left:auto;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.members .btn{background:var(--btn);color:var(--btnfg);padding:14px 26px;font-size:15px;font-weight:500;
  border-radius:2px;transition:background .2s;white-space:nowrap}
.members .btn:hover{background:var(--accent);color:#fff}
.members small{font-size:13px;color:var(--ink3)}
@media(max-width:760px){.members .act{margin-left:0}}

/* galeri */
.gal{padding:clamp(40px,6vw,84px) 0}
.gal .head{display:flex;align-items:baseline;gap:16px;margin-bottom:22px}
.gal h2{font-size:clamp(24px,3.2vw,34px)}
.gal .head .eyebrow{margin-left:auto}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.2vw,14px)}
.grid img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:opacity .25s}
.grid figure:hover img{opacity:.9}
@media(max-width:820px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.grid{grid-template-columns:1fr}}

/* iletişim */
.contact{background:var(--paper);border-top:1px solid var(--line)}
.contact .in{max-width:var(--max);margin:0 auto;padding:clamp(40px,6vw,84px) var(--pad);
  display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(26px,5vw,72px);align-items:center}
@media(max-width:840px){.contact .in{grid-template-columns:1fr}}
.contact h2{font-size:clamp(26px,3.6vw,42px);margin:12px 0 24px}
.contact dl{display:grid;grid-template-columns:auto 1fr;gap:14px 26px;font-size:16px}
.contact dt{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink3);padding-top:5px;font-weight:500}
.contact dd{color:var(--ink2)}
.contact dd a:hover{color:var(--ink);border-bottom:1px solid var(--ink)}
.contact .btn{display:inline-block;margin-top:28px;background:var(--btn);color:var(--btnfg);
  padding:14px 26px;font-size:15px;font-weight:500;border-radius:2px;transition:background .2s}
.contact .btn:hover{background:var(--accent);color:#fff}
.contact img{width:100%;aspect-ratio:4/5;object-fit:cover}

/* seyahatler */
.trips{padding:clamp(40px,6vw,84px) 0}
.trips .head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:8px}
.trips h2{font-size:clamp(25px,3.4vw,38px)}
.trips .head .eyebrow{margin-left:auto}
.trips .lead{color:var(--ink2);max-width:62ch;margin-bottom:26px}
.dest{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,24px)}
@media(max-width:880px){.dest{grid-template-columns:1fr}}
.dst img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:14px}
.dst h3{font-size:24px;margin-bottom:8px}
.dst p{color:var(--ink2);font-size:15.5px}
.dst .when{display:inline-block;margin-top:12px;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--ink3);font-weight:500}
.trips .single{display:flex;gap:18px;flex-wrap:wrap;align-items:baseline;justify-content:space-between;
  margin-top:26px;padding:18px 22px;background:var(--paper);border:1px solid var(--line);border-radius:4px}
.trips .single b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:20px}
.trips .single span{color:var(--ink2);font-size:15px}
.trips .single a{color:var(--accent);font-weight:500;border-bottom:1px solid currentColor;font-size:15px}

/* mobil menü */
.menubtn{display:none;background:none;border:1px solid var(--line);border-radius:2px;padding:9px 8px;
  cursor:pointer;flex-direction:column;gap:4px;width:38px}
.menubtn span{display:block;height:1.5px;background:var(--ink);width:100%}
.mobmenu{display:grid;background:var(--paper);border-bottom:1px solid var(--line);padding:8px var(--pad) 16px}
.mobmenu a{padding:14px 0;border-bottom:1px solid var(--line);font-size:16.5px;color:var(--ink2);min-height:48px;display:flex;align-items:center}
.mobmenu a:last-child{border-bottom:0}
@media(max-width:1080px){.menubtn{display:flex}}
@media(min-width:1081px){.mobmenu{display:none!important}}

/* flyer */
.flyer{position:fixed;inset:0;z-index:80;background:rgba(20,24,22,.55);backdrop-filter:blur(3px);
  display:grid;place-items:center;padding:20px}
.fbox{position:relative;background:var(--paper);border:1px solid var(--line);max-width:560px;width:100%;
  box-shadow:0 30px 60px -20px rgba(0,0,0,.5);animation:fin .35s ease}
@keyframes fin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.fbox img{width:100%;aspect-ratio:16/10;object-fit:cover}
.ftxt{padding:clamp(20px,3vw,30px)}
.ftxt h2{font-size:clamp(24px,3.4vw,32px);margin:10px 0 12px}
.ftxt p{color:var(--ink2);font-size:16px}
.ftxt .facts{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:22px}
.ftxt .btn{background:var(--btn);color:var(--btnfg);padding:13px 24px;font-size:15px;font-weight:500;border-radius:2px}
.ftxt .btn:hover{background:var(--accent);color:#fff}
.ftxt .link{background:none;border:0;color:var(--ink3);font:400 15px/1 "Instrument Sans",sans-serif;cursor:pointer;
  border-bottom:1px solid var(--line);padding-bottom:3px}
.ftxt .link:hover{color:var(--ink)}
.fclose{position:absolute;top:10px;right:12px;z-index:2;background:var(--paper);border:1px solid var(--line);
  width:34px;height:34px;border-radius:50%;font-size:20px;line-height:1;color:var(--ink);cursor:pointer}
.fclose:hover{background:var(--bg)}
@media(prefers-reduced-motion:reduce){.fbox{animation:none}}

footer{padding:34px 0 46px}
footer .in{max-width:var(--max);margin:0 auto;padding-inline:var(--pad);display:flex;gap:20px;flex-wrap:wrap;
  align-items:center;font-size:13px;color:var(--ink3)}
footer .fmark{width:132px;height:auto;opacity:.9}
:root[data-tema="gece"] footer .fmark,:root[data-tema="gece"] header .brand img{filter:invert(1);opacity:.86}
footer .in .r{margin-left:auto;display:flex;gap:18px}
@media(max-width:600px){footer .in .r a,footer .in>span{padding-block:6px}}
footer a:hover{color:var(--ink)}
@media(max-width:600px){footer .fmark{width:104px}}
/* ── dar ekranda dokunma alanlari ─────────────────────────
   Metin baglantilarinin gorunumu ayni kaliyor; yalnizca parmakla
   isabet ettirilecek alan 44 px'e cikiyor. */
@media(max-width:760px){
  header .wa{min-height:44px;display:inline-flex;align-items:center}
  .menubtn{min-height:44px;min-width:44px;justify-content:center}
  .lang button{padding:16px 13px}
  /* telefon ve e-posta: parmakla en cok isabet edilmesi gerekenler */
  .contact dd a{min-height:44px;display:inline-flex;align-items:center}
  .intro .links{gap:18px 24px}
  .intro .links a{min-height:44px;display:inline-flex;align-items:center}
  .block .more,.tarife .single a,.trips .single a,.members small a{
    min-height:44px;display:inline-flex;align-items:center}
  .tarife .single,.trips .single{gap:10px 18px}
  footer .in{gap:14px 20px}
  footer .in .r{gap:22px}
  footer .in .r a{min-height:44px;display:inline-flex;align-items:center}
  .gal .head,.tarife .head,.trips .head{gap:10px 16px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}