/* ═══════════════════════════════════════════════════════════════════════════
   resta.run SİTE KATMANI (2026-11-06) — açılış sayfası dışındaki halka açık sayfalar
   includes/site/sablon.php ile. Açılış sayfasının dili: gece yeşili zemin, nane vurgu,
   altın üyelik, Bricolage Grotesque başlık, Inter gövde. Üst bar, alt bilgi ve düğmeler
   landing.css ile aynı sınıflar ve aynı ölçüler (iki sayfa arasında geçişte hiçbir şey zıplamaz).

   Parçalar:
     .s-bas        koyu başlık bandı (sayfa başlığı + kısa açıklama)
     .s-zemin      açık kâğıt zemin (içerik alanı)
     .s-kart       beyaz kart
     .s-form ...   form alanları, ipucu, hata
     .s-uyari      bilgi / başarı / hata kutusu
     .s-yasal      yasal metin düzeni (içindekiler + bölümler)
     .s-giris      ikiye bölünmüş giriş ekranı (solda marka, sağda form)
     .s-durum      tek mesajlık ekran (404, 500, bağlantı geçersiz)
   ═══════════════════════════════════════════════════════════════════════════ */

:root{
  --gece:#06110e;
  --gece-2:#082520;
  --marka:#0f766e;
  --marka-2:#0b5f58;
  --nane:#7ee0c8;
  --nane-2:#a9f1df;
  --altin:#e9bd6a;
  --kagit:#f3f6f3;
  --murekkep:#0c1714;
  --gri:#55665f;
  --gri-2:#7b8a84;
  --gri-k:rgba(255,255,255,.66);
  --cizgi:rgba(12,23,20,.1);
  --cizgi-k:rgba(255,255,255,.1);
  --hata:#b42318;
  --hata-z:#fdeceb;
  --basari:#0b6b52;
  --basari-z:#e5f6ef;
  --uyari:#8a5a00;
  --uyari-z:#fdf3dc;
  --baslik:'Bricolage Grotesque', Inter, system-ui, sans-serif;
  --govde:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --kap:1200px;
  --yan:20px;
  --egri:cubic-bezier(.2,.8,.2,1);
  --golge:0 1px 0 rgba(12,23,20,.04), 0 24px 60px -34px rgba(6,17,14,.32);
}
@media (max-width:600px){ :root{ --yan:16px } }

*,*::before,*::after{ box-sizing:border-box }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:88px }
body{
  margin:0; min-height:100vh; display:flex; flex-direction:column;
  background:var(--kagit); color:var(--murekkep);
  font:400 16.5px/1.6 var(--govde);
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
body > main{ flex:1 0 auto }
img{ max-width:100%; height:auto; display:block }
a{ color:inherit }
h1,h2,h3,h4{ font-family:var(--baslik); font-weight:800; letter-spacing:-.03em; line-height:1.06; margin:0; text-wrap:balance }
p{ margin:0 }
main{ overflow-x:clip }
.kap{ width:100%; max-width:calc(var(--kap) + var(--yan) * 2); margin:0 auto; padding:0 var(--yan) }
.kap--dar{ max-width:calc(820px + var(--yan) * 2) }
.kap--orta{ max-width:calc(1000px + var(--yan) * 2) }
:focus-visible{ outline:2px solid var(--marka); outline-offset:3px; border-radius:6px }
.s-bas :focus-visible, .ust :focus-visible, .alt :focus-visible, .s-giris__marka :focus-visible{ outline-color:var(--nane) }
.gizli{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap }

/* İşaretli liste */
.tikli{ list-style:none; margin:24px 0 0; padding:0; display:grid; gap:12px }
.tikli li{ position:relative; padding-left:30px; font-size:16px; line-height:1.5 }
.tikli li::before{
  content:''; position:absolute; left:0; top:.18em; width:19px; height:19px; border-radius:50%;
  background:var(--nane) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%2306110e' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 13px no-repeat;
}

/* ── Düğmeler (landing.css ile aynı) ───────────────────────────────────── */
.dugme{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:52px; padding:0 26px; border-radius:999px; border:0; cursor:pointer;
  font:600 16px/1 var(--govde); text-decoration:none; white-space:nowrap;
  transition:transform .2s var(--egri), background-color .2s, box-shadow .2s, color .2s, opacity .2s;
}
.dugme:active{ transform:scale(.97) }
.dugme[disabled], .dugme.is-bekle{ opacity:.6; cursor:default; transform:none }
.dugme--nane{ background:var(--nane); color:var(--gece); box-shadow:0 12px 32px -12px rgba(126,224,200,.6) }
.dugme--nane:hover{ background:var(--nane-2) }
.dugme--cizgi{ color:#fff; background:transparent; box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.28) }
.dugme--cizgi:hover{ box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.65) }
.dugme--koyu{ background:var(--gece); color:#fff }
.dugme--koyu:hover{ background:#0d2520 }
.dugme--marka{ background:var(--marka); color:#fff; box-shadow:0 12px 28px -14px rgba(15,118,110,.8) }
.dugme--marka:hover{ background:var(--marka-2) }
.dugme--cizgi-koyu{ color:var(--murekkep); background:transparent; box-shadow:inset 0 0 0 1.5px rgba(12,23,20,.18) }
.dugme--cizgi-koyu:hover{ box-shadow:inset 0 0 0 1.5px rgba(12,23,20,.5) }
.dugme--kucuk{ min-height:40px; padding:0 18px; font-size:14.5px }
.dugme--tam{ width:100% }
.dugme i{ font-size:.95em }

/* ── Üst bar (landing.css ile aynı) ─────────────────────────────────────── */
.ust{ position:fixed; inset:0 0 auto; z-index:50; transition:background-color .3s, box-shadow .3s }
.ust.is-dolu, .ust.is-acik{
  background:rgba(6,17,14,.86);
  -webkit-backdrop-filter:saturate(1.4) blur(14px); backdrop-filter:saturate(1.4) blur(14px);
  box-shadow:0 1px 0 var(--cizgi-k);
}
.ust__ic{ display:flex; align-items:center; gap:28px; height:72px }
.ust__logo img{ height:27px; width:auto }
.ust__menu{ display:flex; align-items:center; gap:24px; margin-left:auto }
.ust__menu a{ color:rgba(255,255,255,.75); text-decoration:none; font-size:15px; font-weight:500; transition:color .2s }
.ust__menu a:hover, .ust__menu a[aria-current]{ color:#fff }
.ust__burger{ display:none }
.ust__sag{ margin-left:auto; color:rgba(255,255,255,.8); text-decoration:none; font-size:15px; font-weight:600; padding:10px 0 }
.ust__sag:hover{ color:#fff }
@media (max-width:1060px){
  .ust__ic{ gap:12px; height:64px }
  .ust__menu{
    position:fixed; inset:64px 0 auto; flex-direction:column; align-items:stretch; gap:0;
    padding:8px var(--yan) 20px; background:rgba(6,17,14,.97);
    opacity:0; visibility:hidden; transform:translateY(-6px);
    transition:opacity .25s, transform .25s var(--egri), visibility .25s;
  }
  .ust__menu a{ font-size:18px; padding:13px 0; border-bottom:1px solid var(--cizgi-k) }
  .ust.is-acik .ust__menu{ opacity:1; visibility:visible; transform:none }
  .ust__cta{ margin-left:auto }
  .ust__burger{
    display:inline-flex; flex-direction:column; justify-content:center; gap:6px;
    width:44px; height:44px; padding:12px 11px; margin-right:-8px;
    background:none; border:0; cursor:pointer;
  }
  .ust__burger span{ height:2px; background:#fff; border-radius:2px; transition:transform .25s var(--egri) }
  .ust.is-acik .ust__burger span:first-child{ transform:translateY(4px) rotate(45deg) }
  .ust.is-acik .ust__burger span:last-child{ transform:translateY(-4px) rotate(-45deg) }
}

/* ── Koyu başlık bandı ─────────────────────────────────────────────────── */
.s-bas{
  position:relative; padding:150px 0 84px; color:#fff;
  background:
    radial-gradient(1000px 560px at 78% -20%, rgba(15,118,110,.55), transparent 62%),
    radial-gradient(700px 480px at -8% 40%, rgba(126,224,200,.1), transparent 62%),
    var(--gece);
}
.s-bas--kisa{ padding:132px 0 64px }
.s-bas--orta{ text-align:center }
.s-bas--orta .s-bas__alt{ margin-left:auto; margin-right:auto }
.s-bas__etiket{
  display:inline-flex; align-items:center; gap:10px; margin-bottom:22px;
  padding:6px 14px; border-radius:999px; font-size:14px; font-weight:500; color:rgba(255,255,255,.82);
  background:rgba(255,255,255,.06); box-shadow:inset 0 0 0 1px var(--cizgi-k); text-decoration:none;
}
.s-bas__etiket b{ color:var(--nane); font-weight:600 }
.s-bas h1{ font-size:clamp(38px, 5.4vw, 68px) }
.s-bas h1 em{ font-style:normal; color:var(--nane) }
.s-bas__alt{ margin-top:20px; max-width:680px; font-size:clamp(17px, 1.5vw, 19.5px); color:var(--gri-k) }
.s-bas__cta{ display:flex; flex-wrap:wrap; gap:12px; margin-top:32px }
.s-bas--orta .s-bas__cta{ justify-content:center }
.s-bas__bilgi{ display:flex; flex-wrap:wrap; gap:8px; margin-top:26px }
.s-bas__bilgi span{ padding:6px 12px; border-radius:999px; font-size:13px; color:rgba(255,255,255,.7); background:rgba(255,255,255,.05); box-shadow:inset 0 0 0 1px var(--cizgi-k) }

/* ── İçerik zemini ─────────────────────────────────────────────────────── */
.s-zemin{ padding:56px 0 110px }
.s-zemin--bindir{ margin-top:-40px; padding-top:0; position:relative; z-index:2 }
.s-bolum{ padding:96px 0 }
.s-bolum--koyu{ color:#fff; background:var(--gece) }
.s-bolum--beyaz{ background:#fff }
.s-bolum__bas{ max-width:720px; margin-bottom:44px }
.s-bolum__bas h2{ font-size:clamp(32px, 4.2vw, 52px) }
.s-bolum__bas p{ margin-top:16px; font-size:clamp(16.5px, 1.4vw, 18.5px); color:var(--gri) }
.s-bolum--koyu .s-bolum__bas p{ color:var(--gri-k) }

/* ── Kart ──────────────────────────────────────────────────────────────── */
.s-kart{ background:#fff; border-radius:24px; padding:clamp(22px, 3.4vw, 36px); box-shadow:var(--golge); border:1px solid var(--cizgi) }
.s-kart + .s-kart{ margin-top:16px }
.s-kart__bas{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:20px }
.s-kart__bas h2, .s-kart__bas h3{ font-size:clamp(21px, 2vw, 25px) }
.s-kart__bas p{ margin-top:6px; font-size:15px; color:var(--gri) }
.s-izgara{ display:grid; gap:16px }
.s-izgara--2{ grid-template-columns:repeat(2, minmax(0, 1fr)) }
.s-izgara--3{ grid-template-columns:repeat(3, minmax(0, 1fr)) }
@media (max-width:860px){ .s-izgara--3{ grid-template-columns:1fr 1fr } }
@media (max-width:640px){ .s-izgara--2, .s-izgara--3{ grid-template-columns:1fr } }

/* Simgeli küçük kutu (özellik, adım) */
.s-ozellik{ padding:24px; border-radius:20px; background:#fff; border:1px solid var(--cizgi) }
.s-ozellik__simge{ display:grid; place-items:center; width:44px; height:44px; border-radius:14px; margin-bottom:16px; font-size:18px; color:var(--marka); background:rgba(126,224,200,.22) }
.s-ozellik h3{ font-size:19px; letter-spacing:-.02em }
.s-ozellik p{ margin-top:8px; font-size:15px; color:var(--gri) }
.s-bolum--koyu .s-ozellik{ background:rgba(255,255,255,.04); border-color:var(--cizgi-k) }
.s-bolum--koyu .s-ozellik p{ color:var(--gri-k) }
.s-bolum--koyu .s-ozellik__simge{ color:var(--nane); background:rgba(126,224,200,.12) }

/* Rozet */
.s-rozet{ display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:999px; font-size:12.5px; font-weight:600; line-height:1.4; color:var(--marka); background:rgba(126,224,200,.22) }
.s-rozet--altin{ color:#7a4b06; background:#fbedcf }
.s-rozet--gri{ color:var(--gri); background:#e9eeeb }
.s-rozet--hata{ color:var(--hata); background:var(--hata-z) }

/* ── Form ──────────────────────────────────────────────────────────────── */
.s-form{ display:grid; gap:18px }
.s-form__bolum{ display:grid; gap:16px; padding-top:22px; border-top:1px solid var(--cizgi) }
.s-form__bolum:first-child{ padding-top:0; border-top:0 }
.s-form__bolum > h3{ font-size:18px; letter-spacing:-.02em }
.s-form__bolum > p{ margin-top:-8px; font-size:14.5px; color:var(--gri) }
.s-alan{ display:grid; gap:7px; min-width:0 }
.s-alan > label, .s-alan__etiket{ font-size:14px; font-weight:600; color:var(--murekkep) }
.s-alan > label small, .s-alan__etiket small{ font-weight:500; color:var(--gri-2) }
.s-alan input:not([type=checkbox]):not([type=radio]):not([type=file]), .s-alan select, .s-alan textarea, .s-girdi{
  width:100%; min-height:50px; padding:12px 15px; border-radius:14px;
  border:1.5px solid rgba(12,23,20,.14); background:#fff; color:var(--murekkep);
  font:500 16px/1.4 var(--govde); transition:border-color .2s, box-shadow .2s;
  -webkit-appearance:none; appearance:none;
}
.s-alan textarea{ min-height:110px; resize:vertical }
.s-alan select{
  padding-right:42px;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%2355665f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 14px center / 18px no-repeat;
}
.s-alan input::placeholder, .s-alan textarea::placeholder{ color:#9aa7a2 }
.s-alan input:focus, .s-alan select:focus, .s-alan textarea:focus, .s-girdi:focus{
  outline:none; border-color:var(--marka); box-shadow:0 0 0 4px rgba(126,224,200,.4);
}
.s-alan input[readonly]{ background:#f5f8f6; color:var(--gri) }
.s-alan.is-hata input, .s-alan.is-hata select, .s-alan.is-hata textarea{ border-color:var(--hata) }
.s-alan input[type=file]{ font:500 14.5px var(--govde); padding:10px; border-radius:14px; border:1.5px dashed rgba(12,23,20,.2); background:#fafcfb; width:100% }
.s-alan input[type=file]::file-selector-button{ margin-right:12px; padding:9px 14px; border:0; border-radius:10px; font:600 14px var(--govde); color:#fff; background:var(--gece); cursor:pointer }
.s-ipucu{ font-size:13px; line-height:1.45; color:var(--gri-2) }
.s-hata-metni{ font-size:13px; font-weight:600; color:var(--hata) }
.s-sifre{ position:relative }
.s-sifre input{ padding-right:52px !important }
.s-sifre__goz{ position:absolute; right:6px; top:50%; transform:translateY(-50%); width:40px; height:40px; border:0; border-radius:10px; background:none; color:var(--gri); cursor:pointer; font-size:15px }
.s-sifre__goz:hover{ color:var(--murekkep); background:#f1f5f3 }
.s-onay{ display:flex; gap:12px; align-items:flex-start; font-size:14.5px; line-height:1.5; color:var(--gri) }
.s-onay input{ flex-shrink:0; width:20px; height:20px; margin:1px 0 0; accent-color:var(--marka) }
.s-onay a{ color:var(--marka); font-weight:600 }
.s-form__alt{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; font-size:14.5px; color:var(--gri) }
.s-form__alt a, .s-baglanti{ color:var(--marka); font-weight:600; text-decoration:none }
.s-form__alt a:hover, .s-baglanti:hover{ text-decoration:underline; text-underline-offset:3px }
.s-ayirici{ display:flex; align-items:center; gap:14px; font-size:13px; color:var(--gri-2) }
.s-ayirici::before, .s-ayirici::after{ content:''; flex:1; height:1px; background:var(--cizgi) }

/* ── Uyarı ─────────────────────────────────────────────────────────────── */
.s-uyari{ display:flex; gap:12px; align-items:flex-start; padding:14px 16px; border-radius:14px; font-size:14.5px; line-height:1.5; color:var(--murekkep); background:#eaf2ef }
.s-uyari > i{ margin-top:3px }
.s-uyari--hata{ color:#7a1810; background:var(--hata-z) }
.s-uyari--basari{ color:#0a4d3c; background:var(--basari-z) }
.s-uyari--uyari{ color:#6b4500; background:var(--uyari-z) }
.s-uyari a{ color:inherit; font-weight:600 }
.s-uyari ul{ margin:4px 0 0; padding-left:18px }

/* ── Yasal metin ───────────────────────────────────────────────────────── */
.s-yasal{ display:grid; grid-template-columns:250px minmax(0, 1fr); gap:28px; align-items:start }
.s-yasal__icindekiler{ position:sticky; top:96px; padding:18px; border-radius:20px; background:#fff; border:1px solid var(--cizgi) }
.s-yasal__icindekiler b{ display:block; margin:0 8px 8px; font-size:13px; font-weight:600; color:var(--gri) }
.s-yasal__icindekiler a{ display:block; padding:8px 10px; border-radius:10px; font-size:14px; line-height:1.4; color:var(--gri); text-decoration:none; transition:background-color .2s, color .2s }
.s-yasal__icindekiler a:hover{ color:var(--murekkep); background:#f1f5f3 }
.s-yasal__icindekiler a.is-on{ color:var(--marka); background:rgba(126,224,200,.2); font-weight:600 }
.s-yasal__metin{ min-width:0 }
.s-yasal__not{ margin-bottom:16px; padding:18px 20px; border-radius:18px; font-size:15px; color:#6b4500; background:var(--uyari-z) }
.s-yasal__bolum{ scroll-margin-top:96px; margin-bottom:16px; padding:clamp(22px, 3.6vw, 38px); border-radius:22px; background:#fff; border:1px solid var(--cizgi) }
.s-yasal__bolum h2{ margin-bottom:18px; font-size:clamp(22px, 2.2vw, 27px) }
.s-yasal__bolum p, .s-yasal__bolum li{ color:#33423d; font-size:16px; line-height:1.72 }
.s-yasal__bolum p{ margin:0 0 14px }
.s-yasal__bolum p:last-child{ margin-bottom:0 }
.s-yasal__bolum ul, .s-yasal__bolum ol{ margin:0 0 16px; padding-left:22px }
.s-yasal__bolum li{ margin:7px 0 }
.s-yasal__bolum a{ color:var(--marka); text-underline-offset:3px }
.s-yasal__bolum strong{ color:var(--murekkep) }
.s-yasal .identity{ margin:0 0 22px; border:1px solid var(--cizgi); border-radius:16px; overflow:hidden }
.s-yasal .identity div{ display:grid; grid-template-columns:200px minmax(0, 1fr); gap:16px; padding:12px 16px; border-bottom:1px solid var(--cizgi) }
.s-yasal .identity div:last-child{ border-bottom:0 }
.s-yasal .identity dt{ font-size:13.5px; font-weight:600; color:var(--gri) }
.s-yasal .identity dd{ margin:0; font-weight:600; overflow-wrap:anywhere }
.s-yasal .table-wrap{ overflow-x:auto; margin:0 0 20px; border:1px solid var(--cizgi); border-radius:16px }
.s-yasal table{ border-collapse:collapse; width:100%; min-width:640px; font-size:14.5px }
.s-yasal th, .s-yasal td{ text-align:left; vertical-align:top; padding:13px 14px; border-bottom:1px solid var(--cizgi) }
.s-yasal th{ font-size:13px; font-weight:600; color:var(--gri); background:#f6f9f7 }
.s-yasal tr:last-child td{ border-bottom:0 }
.s-yasal .choice{ margin:15px 0; padding:15px 17px; border-radius:16px; border:1px dashed rgba(15,118,110,.45); background:#effaf6 }
@media (max-width:900px){
  .s-yasal{ grid-template-columns:1fr }
  .s-yasal__icindekiler{ display:none }   /* mobilde metni aşağı itmesin; belge sekmeleri yeterli */
}
@media (max-width:600px){ .s-yasal .identity div{ grid-template-columns:1fr; gap:2px } }

/* ── İkiye bölünmüş giriş ekranı ───────────────────────────────────────── */
.s-giris{ flex:1; display:grid; grid-template-columns:minmax(0, 1.05fr) minmax(0, 1fr); min-height:100vh; background:#fff }
.s-giris__marka{
  position:relative; display:flex; flex-direction:column; padding:40px clamp(28px, 5vw, 72px); color:#fff; overflow:hidden;
  background:
    radial-gradient(900px 600px at 90% -10%, rgba(15,118,110,.6), transparent 62%),
    radial-gradient(600px 500px at -10% 110%, rgba(126,224,200,.12), transparent 60%),
    var(--gece);
}
.s-giris__logo img{ height:28px; width:auto }
.s-giris__metin{ margin:auto 0; padding:56px 0; max-width:520px }
.s-giris__metin h1{ font-size:clamp(36px, 4.2vw, 58px) }
.s-giris__metin h1 em{ font-style:normal; color:var(--nane) }
.s-giris__metin > p{ margin-top:18px; font-size:18px; color:var(--gri-k) }
.s-giris__metin .tikli li{ color:rgba(255,255,255,.86) }
.s-giris__dip{ font-size:13.5px; color:rgba(255,255,255,.5) }
.s-giris__dip a{ color:rgba(255,255,255,.75); text-decoration:none; margin-right:14px }
.s-giris__dip a:hover{ color:#fff }
.s-giris__form{ display:flex; flex-direction:column; justify-content:center; padding:48px clamp(24px, 5vw, 80px) }
.s-giris__kutu{ width:100%; max-width:430px; margin:0 auto }
.s-giris__kutu > h2{ font-size:clamp(28px, 2.6vw, 36px) }
.s-giris__kutu > p{ margin-top:10px; font-size:16px; color:var(--gri) }
.s-giris__kutu > .s-form, .s-giris__kutu > form{ margin-top:30px }
.s-giris__kutu .s-uyari{ margin-top:22px }
.s-giris__geri{ display:inline-flex; align-items:center; gap:8px; margin-bottom:28px; font-size:14.5px; font-weight:600; color:var(--gri); text-decoration:none }
.s-giris__geri:hover{ color:var(--murekkep) }
@media (max-width:900px){
  .s-giris{ grid-template-columns:1fr; min-height:0 }
  .s-giris__marka{ padding:22px var(--yan) 30px }
  .s-giris__metin{ padding:30px 0 0 }
  .s-giris__metin h1{ font-size:clamp(30px, 8vw, 40px) }
  .s-giris__metin > p{ font-size:16px; margin-top:12px }
  .s-giris__metin .tikli, .s-giris__dip{ display:none }
  .s-giris__form{ padding:30px var(--yan) 48px }
}

/* ── Tek mesajlık ekran ────────────────────────────────────────────────── */
.s-durum{
  flex:1; display:grid; place-items:center; padding:120px var(--yan) 80px; color:#fff; text-align:center;
  background:
    radial-gradient(900px 560px at 50% -10%, rgba(15,118,110,.55), transparent 64%),
    var(--gece);
}
.s-durum__ic{ max-width:560px }
.s-durum__kod{ font:800 clamp(96px, 18vw, 180px)/.9 var(--baslik); letter-spacing:-.06em; color:transparent; -webkit-text-stroke:1.5px rgba(126,224,200,.7); }
.s-durum__simge{ display:inline-grid; place-items:center; width:72px; height:72px; border-radius:22px; font-size:28px; color:var(--nane); background:rgba(126,224,200,.12) }
.s-durum h1{ margin-top:22px; font-size:clamp(30px, 4vw, 44px) }
.s-durum p{ margin-top:14px; font-size:17.5px; color:var(--gri-k) }
.s-durum__cta{ display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:32px }

/* ── Alt bilgi (landing.css ile aynı) ──────────────────────────────────── */
.alt{ padding:72px 0 28px; font-size:15px; color:rgba(255,255,255,.6); background:var(--gece); border-top:1px solid var(--cizgi-k) }
.alt__ic{ display:grid; grid-template-columns:1.4fr repeat(3, 1fr); gap:40px }
.alt__marka img{ height:26px; width:auto }
.alt__marka p{ max-width:300px; margin-top:16px }
.alt__sutun{ display:flex; flex-direction:column; gap:10px }
.alt__sutun h4{ margin-bottom:6px; font:600 14px/1.3 var(--govde); letter-spacing:0; color:#fff }
.alt__sutun a, .alt__yasal a{ color:inherit; text-decoration:none; transition:color .2s }   /* sayfa stillerindeki genel a{color} alt bilgiyi boyamasın */
.alt__sutun a:hover, .alt__yasal a:hover{ color:#fff }
.alt__yasal{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px; margin-top:56px; padding-top:24px; border-top:1px solid var(--cizgi-k); font-size:13.5px }
.alt__yasal nav{ display:flex; flex-wrap:wrap; gap:8px 18px }
@media (max-width:900px){ .alt__ic{ grid-template-columns:repeat(3, 1fr) } .alt__marka{ grid-column:1 / -1 } }
@media (max-width:600px){
  .alt__ic{ grid-template-columns:1fr 1fr; gap:32px 20px }
  .alt__yasal{ flex-direction:column }
  .s-bas{ padding:118px 0 60px }
  .s-bas--kisa{ padding:108px 0 48px }
  .s-zemin{ padding:32px 0 80px }
  .s-bolum{ padding:72px 0 }
  .s-bas__cta{ flex-direction:column; align-items:stretch }
}

@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto }
  *, *::before, *::after{ transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important }
}
@media print{
  .ust, .alt, .s-yasal__icindekiler{ display:none }
  body{ background:#fff }
  .s-bas{ padding:20px 0; color:#000; background:none }
  .s-bas__alt, .s-bas__bilgi span{ color:#333 }
  .s-yasal{ display:block }
  .s-yasal__bolum{ border:0; padding:12px 0; break-inside:avoid }
}

/* ── Yasal: belge sekmeleri + mağaza kipi ──────────────────────────────── */
.s-yasal__belgeler{ display:flex; gap:8px; margin:0 0 22px; overflow-x:auto; scrollbar-width:none; padding-bottom:2px }
.s-yasal__belgeler::-webkit-scrollbar{ display:none }
.s-yasal__belgeler a{ flex-shrink:0; padding:9px 16px; border-radius:999px; font-size:14.5px; font-weight:600; color:var(--gri); text-decoration:none; background:#fff; border:1px solid var(--cizgi); transition:color .2s, border-color .2s }
.s-yasal__belgeler a:hover{ color:var(--murekkep); border-color:rgba(12,23,20,.25) }
.s-yasal__belgeler a[aria-current]{ color:#fff; background:var(--gece); border-color:var(--gece) }
.ust__logo--magaza{ display:flex; align-items:center; gap:12px; color:#fff; text-decoration:none; font:700 18px/1.2 var(--baslik); letter-spacing:-.02em; min-width:0 }
.ust__logo--magaza img{ width:40px; height:40px; border-radius:12px; object-fit:contain; background:#fff; padding:3px }
.ust__logo--magaza span{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.ust__sag i{ margin-right:6px; font-size:.9em }
.alt--magaza{ padding:8px 0 28px }
.alt--magaza .alt__yasal{ margin-top:0 }
.alt--magaza a{ color:rgba(255,255,255,.75) }

/* ── Tek kartlık ekran (müşteri şifre yenileme vb.) ────────────────────── */
.s-tek{
  flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px;
  padding:48px var(--yan);
  background:
    radial-gradient(900px 420px at 50% -8%, rgba(15,118,110,.5), transparent 62%) top / 100% 420px no-repeat,
    linear-gradient(var(--gece), var(--gece)) top / 100% 300px no-repeat,
    var(--kagit);
}
.s-tek__kutu{ width:100%; max-width:440px; padding:clamp(24px, 5vw, 34px); border-radius:26px; background:#fff; box-shadow:0 30px 80px -36px rgba(6,17,14,.55) }
.s-tek__kutu > * + *{ margin-top:18px }
.s-tek__bas{ display:flex; gap:14px; align-items:center }
.s-tek__simge{ flex-shrink:0; display:grid; place-items:center; width:48px; height:48px; border-radius:15px; font-size:18px; color:var(--marka); background:rgba(126,224,200,.25) }
.s-tek__bas h1{ font-size:24px; letter-spacing:-.02em }
.s-tek__bas p{ margin-top:2px; font-size:14px; color:var(--gri) }
.s-tek__metin{ font-size:15px; color:var(--gri) }
.s-tek__metin strong{ color:var(--murekkep) }
.s-tek__not{ font-size:13px; text-align:center; color:var(--gri-2) }
.s-tek__tamam{ text-align:center; padding:8px 0 }
.s-tek__tamam span{ display:inline-grid; place-items:center; width:72px; height:72px; border-radius:50%; font-size:28px; color:var(--gece); background:var(--nane); box-shadow:0 16px 36px -14px rgba(15,118,110,.6) }
.s-tek__tamam h2{ margin-top:18px; font-size:24px }
.s-tek__tamam p{ margin-top:8px; font-size:15px; color:var(--gri) }
.s-tek__dip{ font-size:13px; color:var(--gri-2) }

/* ── Başvuru düzeni: form + yan bilgi ──────────────────────────────────── */
.s-basvuru{ display:grid; grid-template-columns:minmax(0, 1fr) 340px; gap:24px; align-items:start; margin-top:-110px; position:relative; z-index:2 }
.s-basvuru__yan{ position:sticky; top:96px; display:grid; gap:16px }
.s-kart--koyu{ color:#fff; background:var(--gece-2); border-color:var(--cizgi-k) }
.s-kart--koyu h3{ font-size:22px }
.s-kart__not{ margin-top:20px; padding-top:18px; border-top:1px solid var(--cizgi-k); font-size:13.5px; line-height:1.55; color:rgba(255,255,255,.55) }
.s-adimlar{ list-style:none; margin:18px 0 0; padding:0; counter-reset:adim; display:grid; gap:16px }
.s-adimlar li{ counter-increment:adim; display:grid; grid-template-columns:30px 1fr; column-gap:12px }
.s-adimlar li::before{ content:counter(adim); grid-row:span 2; display:grid; place-items:center; width:30px; height:30px; border-radius:50%; font:700 14px/1 var(--govde); color:var(--gece); background:var(--nane) }
.s-adimlar b{ font-size:15.5px }
.s-adimlar span{ font-size:14px; line-height:1.5; color:rgba(255,255,255,.66) }
.s-dosya{ position:relative; display:grid; gap:4px; justify-items:start; padding:16px; border-radius:16px; border:1.5px dashed rgba(12,23,20,.2); background:#fafcfb; cursor:pointer; transition:border-color .2s, background-color .2s; min-width:0 }
.s-dosya:hover{ border-color:var(--marka); background:#f2faf7 }
.s-dosya i{ font-size:18px; color:var(--marka); margin-bottom:4px }
.s-dosya b{ font-size:14.5px }
.s-dosya span{ font-size:13px; color:var(--gri); max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.s-dosya input{ position:absolute; inset:0; opacity:0; cursor:pointer }
.s-dosya.is-dolu{ border-style:solid; border-color:var(--marka); background:#effaf6 }
.s-dosya.is-dolu span{ color:var(--marka); font-weight:600 }
.s-dosya:focus-within{ box-shadow:0 0 0 4px rgba(126,224,200,.4) }
.s-takip{ margin-top:14px; font-size:15px; color:var(--gri) }
.s-takip b{ font-family:ui-monospace, SFMono-Regular, Menlo, monospace; color:var(--murekkep); letter-spacing:.04em }
@media (max-width:980px){
  .s-basvuru{ grid-template-columns:1fr; margin-top:-70px }
  .s-basvuru__yan{ position:static }
}

/* ── Blog ──────────────────────────────────────────────────────────────── */
.s-blog__baslik{ margin:56px 0 20px; font-size:clamp(26px, 3vw, 34px) }
.s-yazilar{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px }
.s-yazilar--4{ grid-template-columns:repeat(4, minmax(0, 1fr)) }
.s-yazi{ display:flex; flex-direction:column; border-radius:22px; overflow:hidden; background:#fff; border:1px solid var(--cizgi); text-decoration:none; transition:transform .25s var(--egri), box-shadow .25s }
.s-yazi:hover{ transform:translateY(-3px); box-shadow:var(--golge) }
.s-yazi__gorsel{ position:relative; aspect-ratio:16 / 10; background:linear-gradient(135deg, var(--gece-2), var(--marka)) }
.s-yazi__gorsel img{ width:100%; height:100%; object-fit:cover }
.s-yazi__metin{ display:flex; flex-direction:column; gap:8px; padding:20px 22px 24px }
.s-yazi__metin time{ font-size:13px; font-weight:600; color:var(--gri-2) }
.s-yazi__metin h2{ font-size:20px; line-height:1.2; letter-spacing:-.02em }
.s-yazi__metin p{ font-size:15px; line-height:1.55; color:var(--gri) }
.s-yazi--one{ display:grid; grid-template-columns:1.15fr 1fr; margin-top:-110px; position:relative; z-index:2; box-shadow:var(--golge) }
.s-yazi--one .s-yazi__gorsel{ aspect-ratio:auto; min-height:340px }
.s-yazi--one .s-yazi__metin{ justify-content:center; gap:12px; padding:clamp(24px, 4vw, 48px) }
.s-yazi--one .s-rozet{ align-self:flex-start }
.s-yazi--one h2{ font-size:clamp(26px, 2.8vw, 36px) }
.s-yazi--one p{ font-size:16.5px }
.s-yazi__oku{ margin-top:6px; font-weight:600; color:var(--marka) }
@media (max-width:980px){ .s-yazilar, .s-yazilar--4{ grid-template-columns:1fr 1fr } .s-yazi--one{ grid-template-columns:1fr; margin-top:-70px } .s-yazi--one .s-yazi__gorsel{ min-height:0; aspect-ratio:16 / 9 } }
@media (max-width:600px){ .s-yazilar, .s-yazilar--4{ grid-template-columns:1fr } }

/* Makale */
.s-makale__baslik{ font-size:clamp(32px, 4.4vw, 54px) !important }
.s-zemin--makale{ padding-top:0 }
.s-makale{ margin-top:-40px; position:relative; z-index:2; border-radius:26px; background:#fff; border:1px solid var(--cizgi); overflow:hidden; box-shadow:var(--golge) }
.s-makale__gorsel{ margin:0; aspect-ratio:16 / 8; background:var(--gece-2) }
.s-makale__gorsel img{ width:100%; height:100%; object-fit:cover }
.s-makale__govde{ padding:clamp(24px, 5vw, 56px); font-size:18px; line-height:1.75; color:#24332e }
.s-makale__govde > * + *{ margin-top:1.1em }
.s-makale__govde h2{ margin-top:1.8em; font-size:clamp(25px, 2.6vw, 31px); line-height:1.15 }
.s-makale__govde h3{ margin-top:1.5em; font-size:21px; line-height:1.25 }
.s-makale__govde a{ color:var(--marka); text-underline-offset:3px }
.s-makale__govde ul, .s-makale__govde ol{ padding-left:1.3em }
.s-makale__govde li + li{ margin-top:.45em }
.s-makale__govde img{ border-radius:16px; margin:1.4em 0 }
.s-makale__govde blockquote{ margin:1.4em 0; padding:16px 20px; border-left:3px solid var(--nane); border-radius:0 14px 14px 0; background:#f3f8f6; color:var(--murekkep) }
.s-makale__govde table{ width:100%; border-collapse:collapse; font-size:15.5px; display:block; overflow-x:auto }
.s-makale__govde th, .s-makale__govde td{ padding:10px 12px; border-bottom:1px solid var(--cizgi); text-align:left }
.s-paylas{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:20px clamp(24px, 5vw, 56px); border-top:1px solid var(--cizgi) }
.s-paylas b{ margin-right:6px; font-size:14.5px }
.s-paylas a, .s-paylas button{ display:grid; place-items:center; width:42px; height:42px; border:0; border-radius:50%; font-size:16px; color:var(--murekkep); background:#eef3f1; text-decoration:none; cursor:pointer; transition:background-color .2s, color .2s }
.s-paylas a:hover, .s-paylas button:hover, .s-paylas .is-kopyalandi{ color:var(--gece); background:var(--nane) }
.s-cta-kart{ display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:24px; padding:clamp(24px, 4vw, 40px); border-radius:26px; color:#fff; background:radial-gradient(600px 300px at 90% 0%, rgba(15,118,110,.6), transparent 62%), var(--gece) }
.s-cta-kart h2{ font-size:clamp(24px, 2.6vw, 32px) }
.s-cta-kart p{ margin-top:8px; color:var(--gri-k) }
@media (max-width:700px){ .s-cta-kart{ flex-direction:column; align-items:flex-start } }

/* ── Değer teklifi sayfası ─────────────────────────────────────────────── */
.d-yigin{ border-radius:24px; overflow:hidden; background:#fff; border:1px solid var(--cizgi) }
.d-yigin__bas, .d-yigin__satir{ display:grid; grid-template-columns:1fr 1.4fr; gap:24px; padding:16px 24px }
.d-yigin__bas{ font-size:13.5px; font-weight:600; color:var(--gri); background:#f6f9f7 }
.d-yigin__satir{ border-top:1px solid var(--cizgi); font-size:16px }
.d-yigin__satir span:first-child{ color:var(--gri); text-decoration:line-through; text-decoration-color:rgba(180,35,24,.45) }
.d-yigin__satir span:last-child{ font-weight:600 }
.d-moduller{ display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:16px }
.d-modul{ padding:22px; border-radius:20px; background:#fff; border:1px solid var(--cizgi) }
.d-modul h3{ font-size:18px; letter-spacing:-.02em }
.d-modul .tikli{ margin-top:16px; gap:10px }
.d-modul .tikli li{ font-size:14.5px }
@media (max-width:1060px){ .d-moduller{ grid-template-columns:repeat(3, minmax(0, 1fr)) } }
@media (max-width:700px){ .d-moduller{ grid-template-columns:1fr } .d-yigin__bas, .d-yigin__satir{ grid-template-columns:1fr; gap:4px; padding:14px 18px } .d-yigin__bas span:last-child{ display:none } }