/* ══ Vitrin dili: sabit sayfalar (gizlilik, kullanım şartları, iletişim, İngilizce tanıtım) — 4 Kasım 2026 ══════════
   Sayfanın kendi <style> bloğundan SONRA, vitrin-tokenlar.css'ten hemen sonra yüklenir. Metinler aynı kalır; görünüş
   rehber sayfalarıyla aynı dile geçer: buzlu üst çubuk, ortalanmış iri başlık, açık gri karolar, 17 px gövde, hap düğme. */
body{font-family:'Figtree',sans-serif; background:var(--v-zemin); color:var(--v-ink); letter-spacing:-.003em; text-wrap:pretty;}
h1, h2, h3{text-wrap:balance;}
::selection{background:rgba(12,154,137,.22); color:inherit;}
a{color:var(--v-marka-koyu);}

/* ---------- Üst çubuk ---------- */
.tb{position:sticky; top:0; z-index:50; display:flex; align-items:center; gap:10px; min-height:52px; padding:6px max(20px, calc((100% - 980px) / 2));
  background:rgba(255,255,255,.72); border-bottom:1px solid rgba(0,0,0,.08);
  -webkit-backdrop-filter:saturate(180%) blur(20px); backdrop-filter:saturate(180%) blur(20px);}
.logo{display:grid; place-items:center; width:32px; height:32px; border-radius:9px; background:var(--v-marka);}
.logo svg{width:22px; height:22px;}
.bname{font-family:'Sora',sans-serif; font-weight:800; font-size:18px; letter-spacing:-.02em; color:var(--v-ink);}
.bname b{color:var(--v-marka-koyu);}
.back{display:inline-flex; align-items:center; gap:6px; min-height:36px; margin:0 0 0 auto; padding:0 16px; border-radius:var(--v-r-hap);
  background:var(--v-ink); color:#fff; font:600 14px/1 'Figtree',sans-serif; text-decoration:none; transition:background-color var(--v-sure-kisa) ease;}
.back:hover{background:#000; opacity:1;}
@media (pointer:coarse){ .back{min-height:44px;} }

/* ---------- Sayfa başı ---------- */
.wrap{max-width:860px; margin:0 auto; padding:clamp(48px,9vw,104px) 24px var(--v-a6);}
.eyebrow{margin:0 0 14px; text-align:center; font:700 clamp(15px,1.6vw,19px)/1.2 'Figtree',sans-serif; letter-spacing:-.005em; text-transform:none; color:var(--v-marka);}
h1{max-width:820px; margin:0 auto 16px; text-align:center; font:800 clamp(36px,6vw,64px)/1.05 'Figtree',sans-serif; letter-spacing:-.04em; color:var(--v-ink);}
.meta, .tarih{margin:0 0 clamp(36px,5vw,56px); text-align:center; font-size:var(--v-y-not); color:var(--v-faint);}
.baslik{display:flex; align-items:center; justify-content:center; gap:16px; margin:0 0 18px;}
.baslik img{width:56px; height:56px; border-radius:14px;}
.baslik h1{margin:0;}
.ozet{max-width:680px; margin:0 auto clamp(36px,5vw,56px); text-align:center; font-size:var(--v-y-giris); line-height:1.45; font-weight:500; letter-spacing:-.01em; color:var(--v-soft);}
@media (prefers-reduced-motion:no-preference){
  .eyebrow, h1, .meta, .tarih, .baslik, .ozet{animation:v-giris var(--v-sure-uzun) var(--v-yay) both;}
  .meta, .tarih, .ozet{animation-delay:.1s;}
}

/* ---------- Gövde ---------- */
h2{margin:0 0 14px; font:800 clamp(22px,2.6vw,28px)/1.15 'Figtree',sans-serif; letter-spacing:-.025em; color:var(--v-ink);}
h3{margin:22px 0 8px; font:700 18px/1.3 'Figtree',sans-serif; letter-spacing:-.01em; color:var(--v-ink);}
p, li{font-size:var(--v-y-govde); line-height:1.6; color:var(--v-soft);}
p strong, p b, li strong, li b{color:var(--v-ink);}
.kart{margin:0 0 16px; padding:clamp(24px,4vw,44px); border:0; border-radius:var(--v-r-buyuk); background:var(--v-karo);}
.kart h2:first-child{margin-top:0;}
.kart > :last-child{margin-bottom:0;}
.uyari{margin:0 0 16px; padding:22px 26px; border:0; border-radius:var(--v-r); background:var(--v-amber-zemin); color:var(--v-amber-yazi); font-size:16px; line-height:1.55;}
.highlight{margin:0 0 16px; padding:22px 26px; border:0; border-radius:var(--v-r); background:var(--v-nane-zemin); color:var(--v-marka-koyu); font-size:16px; line-height:1.55;}
.kart .highlight{background:#fff;}
.kunye{font-size:16px;}
.kunye dt{color:var(--v-faint);}
.email{color:var(--v-marka-koyu);}
.dugme{display:inline-flex; align-items:center; min-height:48px; padding:0 26px; border-radius:var(--v-r-hap); background:var(--v-marka); color:#fff;
  font:600 17px/1 'Figtree',sans-serif; letter-spacing:-.01em; text-decoration:none; transition:transform var(--v-sure) var(--v-yay), background-color var(--v-sure-kisa) ease;}
.dugme:hover{background:var(--v-marka-koyu); transform:scale(1.02);}
.dugme:active{transform:scale(.98);}
.alt{margin-top:var(--v-a5); font-size:14px; line-height:1.9; color:var(--v-faint);}

/* ---------- Telefon ---------- */
@media (max-width:640px){
  .wrap{padding:40px 16px 56px;}
  .kart{padding:26px 22px;}
  .uyari, .highlight{padding:18px 20px;}
  .baslik img{width:44px; height:44px;}
}

/* ---------- Kaydırırken beliren karolar (yalnız destekleyen tarayıcıda) ---------- */
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline: view()){
    .kart{animation:v-belir linear both; animation-timeline:view(); animation-range:entry 0% entry 30%;}
  }
}