/* Yazi tipi sayfanin yaninda (Google Fonts'a istek yok: ziyaretcinin IP'si
   ucuncu tarafa gitmesin). Turkce harfler latin-ext dosyasinda. */
@font-face{font-family:Jakarta;font-weight:400;font-display:swap;src:url(yazi/plus-jakarta-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Jakarta;font-weight:400;font-display:swap;src:url(yazi/plus-jakarta-sans-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Jakarta;font-weight:600;font-display:swap;src:url(yazi/plus-jakarta-sans-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Jakarta;font-weight:600;font-display:swap;src:url(yazi/plus-jakarta-sans-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Jakarta;font-weight:800;font-display:swap;src:url(yazi/plus-jakarta-sans-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Jakarta;font-weight:800;font-display:swap;src:url(yazi/plus-jakarta-sans-latin-ext-800-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}

/* Renkler uygulamanin paletiyle ayni (mobile/src/theme.ts). */
:root{
  --arkaplan:#0f1115;--yuzey:#181b22;--yuzey2:#20242d;--kenar:#2a2f3a;
  --metin:#e8eaed;--solgun:#9aa2b1;--vurgu:#4c8dff;--ora:#7fb0ff;--dusus:#2fbf71;
  --zemin1:#4c8dff;--zemin2:#7c6cf0;
}
@media (prefers-color-scheme: light){
  :root{
    --arkaplan:#f4f5f8;--yuzey:#ffffff;--yuzey2:#eef0f4;--kenar:#dde1e8;
    --metin:#15181e;--solgun:#5f6778;--vurgu:#2f6fe0;--ora:#2f6fe0;--dusus:#1c9a57;
  }
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--arkaplan);color:var(--metin);font:16px/1.6 Jakarta,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--vurgu)}
.kap{max-width:1080px;margin:0 auto;padding:0 20px}

/* Ust serit */
header{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--arkaplan) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--kenar)}
.ust{display:flex;align-items:center;gap:16px;height:64px}
.marka{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--metin);font-weight:800;font-size:21px;letter-spacing:-.4px}
.marka img{width:34px;height:34px;border-radius:9px}
.marka b{font-weight:800}
.marka span{color:var(--ora)}
nav{margin-left:auto;display:flex;gap:22px;align-items:center}
nav a{color:var(--solgun);text-decoration:none;font-weight:600;font-size:15px}
nav a:hover{color:var(--metin)}
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;font-weight:700;font-size:15px;text-decoration:none;border:1px solid transparent;white-space:nowrap}
.dugme.ana{background:var(--vurgu);color:#fff}
.dugme.ana:hover{filter:brightness(1.08)}
.dugme.ikincil{border-color:var(--kenar);color:var(--metin);background:var(--yuzey)}
.dugme.pasif{border-color:var(--kenar);color:var(--solgun);background:transparent;cursor:default}
.dugme small{font-weight:600;font-size:12px;opacity:.8}
nav .dugme{padding:9px 16px}
@media (max-width:760px){header nav a:not(.dugme){display:none}}

/* Giris */
.giris{padding-top:72px;padding-bottom:40px;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
h1{font-size:clamp(34px,5.4vw,56px);line-height:1.08;letter-spacing:-1.4px;margin:0 0 18px;font-weight:800}
h1 em{font-style:normal;color:var(--dusus)}
.alt{font-size:18px;color:var(--solgun);margin:0 0 28px;max-width:34em}
.dugmeler{display:flex;flex-wrap:wrap;gap:12px}
.not{font-size:13px;color:var(--solgun);margin-top:14px}

/* Ornek kart: uygulamadaki urun karti gibi */
.ornek{background:linear-gradient(145deg,var(--zemin1),var(--zemin2));border-radius:28px;padding:28px;box-shadow:0 30px 60px -30px rgba(76,141,255,.55)}
.kart{background:var(--yuzey);border-radius:18px;padding:18px;color:var(--metin)}
.kart+.kart{margin-top:12px}
.kart-bas{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.kart b{font-size:15px}
.fiyat{font-weight:800;font-size:22px;color:var(--dusus);white-space:nowrap}
.eski{color:var(--solgun);text-decoration:line-through;font-size:13px;margin-left:6px;font-weight:600}
.rozet{display:inline-block;font-size:12px;font-weight:700;border:1px solid var(--kenar);border-radius:999px;padding:2px 10px;margin-top:8px;color:var(--solgun)}
.grafik{display:block;width:100%;height:70px;margin-top:10px}
.bildirim{display:flex;gap:12px;align-items:center}
.bildirim img{width:36px;height:36px;border-radius:9px}
.bildirim small{display:block;color:var(--solgun);font-size:13px;line-height:1.4}

section{padding:56px 0}
h2{font-size:clamp(26px,3.4vw,36px);letter-spacing:-.8px;margin:0 0 10px;font-weight:800}
.bolum-alt{color:var(--solgun);margin:0 0 30px;max-width:40em}

.adimlar{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:adim}
.adim{background:var(--yuzey);border:1px solid var(--kenar);border-radius:18px;padding:22px}
.adim::before{counter-increment:adim;content:counter(adim);display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--vurgu);color:#fff;font-weight:800;margin-bottom:12px}
.adim h3,.ozellik h3{margin:0 0 6px;font-size:17px}
.adim p,.ozellik p{margin:0;color:var(--solgun);font-size:15px}

.ozellikler{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ozellik{padding:20px;border-radius:18px;background:var(--yuzey2)}
.ozellik .ikon{font-size:22px;line-height:1;margin-bottom:10px;display:block}

.magazalar{display:flex;flex-wrap:wrap;gap:10px}
.magazalar li{list-style:none;background:var(--yuzey);border:1px solid var(--kenar);border-radius:999px;padding:7px 14px;font-weight:600;font-size:14px}
.magazalar{padding:0;margin:0}

details{background:var(--yuzey);border:1px solid var(--kenar);border-radius:14px;padding:16px 18px}
details+details{margin-top:10px}
summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--vurgu);font-weight:800}
details[open] summary::after{content:"–"}
details p,details li{color:var(--solgun);margin:10px 0 0}
details ol,details ul{padding-left:20px;margin:0}

.iletisim{background:var(--yuzey);border:1px solid var(--kenar);border-radius:22px;padding:28px;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.iletisim p{margin:0;color:var(--solgun)}
.iletisim a.eposta{font-size:20px;font-weight:800;text-decoration:none}

footer{border-top:1px solid var(--kenar);padding:28px 0 40px;color:var(--solgun);font-size:14px}
.alt-satir{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:space-between}
footer nav{margin:0;gap:18px;flex-wrap:wrap}
footer nav a{font-size:14px}
.ortaklik{margin-top:14px;font-size:13px;max-width:60em}

@media (max-width:860px){
  .giris{grid-template-columns:1fr;padding-top:44px;gap:36px}
  .adimlar,.ozellikler{grid-template-columns:1fr}
}

/* Tek konulu belge sayfalari (hesap silme) */
.belge{max-width:760px;padding-top:48px;padding-bottom:24px}
.belge h1{font-size:clamp(30px,4.4vw,42px)}
.belge h2{font-size:22px;margin:34px 0 10px}
.belge p,.belge li{color:var(--solgun)}
.belge ol,.belge ul{padding-left:22px}
.belge li{margin:6px 0}
.belge b{color:var(--metin)}
.kutu{background:var(--yuzey);border:1px solid var(--kenar);border-radius:16px;padding:18px 20px;margin-top:14px}

/* Magaza ve rehber sayfalari */
.yol{font-size:14px;color:var(--solgun);margin:0 0 14px}
.yol a{color:var(--solgun);text-decoration:none}
.yol a:hover{color:var(--metin)}
.belge h3{font-size:18px;margin:24px 0 6px}
.belge .giris-metni{font-size:18px;color:var(--solgun);margin:0 0 8px}
.belge .tarih{font-size:13px;color:var(--solgun);margin:0 0 6px}
.belge details{margin-top:10px}
.cagri{margin:34px 0 8px;padding:22px 24px;border-radius:20px;background:linear-gradient(145deg,var(--zemin1),var(--zemin2));color:#fff;display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;justify-content:space-between}
.cagri p{margin:0;color:#fff;max-width:30em}
.cagri b{color:#fff}
.cagri .dugme{background:#fff;color:#1b2440}
.kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.belge .kartlar{margin-top:14px}
.kart-bag{display:block;padding:18px 20px;border-radius:16px;background:var(--yuzey);border:1px solid var(--kenar);text-decoration:none;color:var(--metin)}
.kart-bag:hover{border-color:var(--vurgu)}
.kart-bag b{display:block;font-size:16px;margin-bottom:4px}
.kart-bag span{display:block;color:var(--solgun);font-size:14px;line-height:1.5}
.tablo{width:100%;border-collapse:collapse;margin-top:12px;font-size:15px}
.tablo th,.tablo td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--kenar);vertical-align:top}
.tablo th{color:var(--metin);font-weight:700}
.tablo td{color:var(--solgun)}
.tablo-kap{overflow-x:auto}
.magazalar a{color:inherit;text-decoration:none}
.magazalar a:hover{color:var(--vurgu)}
.alt-satir+.alt-satir{margin-top:10px}
/* Dar ekranda tablo satirlari alt alta: ucuncu sutun kelime kelime kirilmasin */
@media (max-width:560px){
  .tablo tr:first-child{display:none}
  .tablo tr{display:block;padding:10px 0;border-bottom:1px solid var(--kenar)}
  .tablo td{display:block;border:0;padding:2px 0}
  .tablo td:first-child{color:var(--metin);font-weight:700}
}