/* QORT temel katman: renkler, tipografi, başlık çubuğu, altbilgi, düğmeler.
Tüm sayfalar bunu yükler. Marka çapında bir değişiklik SADECE burada yapılır.

DEĞİŞİKLİK (TR/EN ayrı adres yapısına geçiş):
- "html[lang=tr] [data-en]{display:none}" kuralları KALDIRILDI. Artık İngilizce metin
  Türkçe sayfanın içinde durmuyor; ayrı sayfada duruyor, gizlenecek bir şey yok.
- Dil seçici .lang buraya taşındı (eskiden yalnız sayfa-ana.css'teydi) ve button yerine
  <a> olarak biçimlendi: seçici artık gerçek bağlantı, birden çok sayfada görünüyor. */
:root{--bg-page:#060D08;--primary-dark:#0A2318;--primary-forest:#0E3A2F;--primary-light:#164E3D;--accent-lime:#CCFF00;--accent-green:#22C55E;--surface-light:#F8FAFC;--text-on-dark:#EAF3EC;--text-muted:#8FA79A;--text-on-light:#0A2318;--text-muted-light:#4A6357;--line:rgba(204,255,0,.18);--hair:rgba(255,255,255,.085);--r-lg:28px;--r-md:18px;--maxw:1120px;--font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--bg-page);color:var(--text-on-dark);font-family:var(--font);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
::selection{background:var(--accent-lime);color:#0A2318}
:focus-visible{outline:3px solid var(--accent-lime);outline-offset:3px;border-radius:6px}
h1,h2,h3{margin:0;line-height:1.08;letter-spacing:-.025em;font-weight:800}
p{margin:0}
.atla{position:absolute;left:-9999px;top:0;z-index:99;background:var(--accent-lime);color:#0A2318;padding:10px 18px;border-radius:0 0 10px 0;font-weight:700;text-decoration:none}
.atla:focus{left:0}
.yol{font-size:13.5px;color:var(--text-muted);margin:34px 0 0}
.yol a{color:var(--text-muted);text-decoration:none}
.yol a:hover{color:var(--accent-lime)}
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 22px}
svg.i{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
header{border-bottom:1px solid var(--hair);position:relative;z-index:60}
.bar{display:flex;align-items:center;gap:16px;height:68px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:21px;letter-spacing:.08em;text-decoration:none}
.logo-mark{width:32px;height:32px;border-radius:10px;background:var(--accent-lime);color:#0A2318;display:grid;place-items:center;flex:none;font-size:19px;font-weight:800;letter-spacing:0}
nav.links{margin-left:auto;min-width:0;display:flex;gap:20px;align-items:center;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
nav.links::-webkit-scrollbar{display:none}
nav.links a{color:var(--text-muted);text-decoration:none;font-size:15px;font-weight:500}
nav.links a:hover{color:var(--text-on-dark)}
nav.links a[aria-current]{color:var(--accent-lime)}
/* Menudeki tek CTA: erken erisim. Diger baglantilardan ayrissin, dugme gibi dursun. */
nav.links .nav-cta{color:#0A2318;background:var(--accent-lime);padding:8px 16px;border-radius:999px;font-weight:700;min-height:36px;display:inline-flex;align-items:center}
nav.links .nav-cta:hover{color:#0A2318;background:#DBFF3D}
@media(max-width:640px){.bar{gap:14px}nav.links{gap:16px;font-size:14px}}
.lang{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;margin-left:auto;flex:none}
nav.links + .lang{margin-left:16px}
/* TELEFON MENUSU. Dar ekranda ust menu yerine dugme + tam ekran menu.
   Yalniz JS varken devreye girer (html.js): betik yuklenmezse ust menu gizlenmez,
   yerinde kaydirilabilir kalir — hicbir durumda gezinmesiz sayfa olmaz. */
.menu-dugme{display:none;margin-left:10px;width:44px;height:44px;flex:none;border-radius:12px;border:1px solid var(--line);background:transparent;cursor:pointer;align-content:center;justify-items:center;gap:6px;padding:0}
.menu-dugme span{display:block;width:20px;height:2px;border-radius:2px;background:var(--text-on-dark);transition:transform .2s ease}
.menu-dugme[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
.menu-dugme[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
@media(max-width:960px){html.js nav.links{display:none}html.js .menu-dugme{display:grid}html.js nav.links + .lang{margin-left:auto}}
.mobil-menu{position:fixed;inset:0;z-index:55;background:var(--primary-dark);overflow-y:auto;padding:92px 22px 40px}
.mobil-menu[hidden]{display:none}
.mobil-menu nav{display:grid;max-width:520px;margin:0 auto}
.mobil-menu a{display:flex;align-items:center;min-height:56px;font-size:21px;font-weight:700;color:var(--text-on-dark);text-decoration:none;border-bottom:1px solid var(--hair)}
.mobil-menu a.ikincil{min-height:48px;font-size:16px;font-weight:600;color:var(--text-muted)}
.mobil-menu a:hover{color:var(--accent-lime)}
.mobil-menu .btn{justify-content:center;margin-top:26px;min-height:54px;border:0;font-size:17px;color:#0A2318}
html.menu-acik{overflow:hidden}
html.menu-acik header{position:fixed;top:0;left:0;right:0;z-index:60}
.lang a{display:block;color:var(--text-muted);text-decoration:none;font:inherit;font-size:13px;font-weight:700;padding:6px 12px;line-height:1.2}
.lang a:hover{color:var(--text-on-dark)}
.lang a[aria-current]{background:var(--accent-lime);color:#0A2318}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 26px;border-radius:999px;border:1px solid transparent;font-weight:700;font-size:16px;text-decoration:none;cursor:pointer;font-family:inherit;transition:transform .12s ease,background .12s ease}
.btn:active{transform:scale(.98)}
.btn-primary{background:var(--accent-lime);color:#0A2318;box-shadow:0 8px 24px rgba(204,255,0,.18)}
.btn-primary:hover{background:#DBFF3D;box-shadow:0 12px 30px rgba(204,255,0,.28);transform:translateY(-1px)}
/* ALTBILGI: tek tanim, butun sayfalarda birebir ayni. Sayfa CSS'leri buna dokunmaz. */
footer{background:var(--primary-dark);padding:50px 0 38px;border-top:1px solid var(--hair)}
main+footer{margin-top:70px}
.foot{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;align-items:flex-start}
.foot-tag{color:var(--text-muted);font-size:15px;max-width:34ch;margin-top:12px}
.foot-links{display:flex;flex-wrap:wrap;gap:20px;font-size:14.5px;align-items:baseline}
.copy{color:#78907F;font-size:13.5px;margin-top:28px}
footer a{color:var(--text-muted);text-decoration:none}
.yasal{display:inline-flex;align-items:baseline;gap:5px}
.yasal a{margin-right:0}
.tr-eki{font-size:11px;font-weight:500;letter-spacing:.03em;color:var(--text-muted);cursor:default}
footer a:hover{color:var(--accent-lime)}
.alt-tel{margin-top:18px}
/* ALT SAYFALAR: simsiyah degil, marka yesili. <main> yalniz alt sayfalarda var.
   Zemin sayı şeridinin rengi; ustte hafif yesil parilti derinlik verir. Metin renkleri koyu temanin aynisi. */
body:has(main){background:#0D3127}
body:has(main) main{position:relative;padding-bottom:40px}
/* Parilti sayfanin kendi genisligiyle sinirli. Eskiden sabit 1100px genisligindeydi ve ortalanirken
   dar ekranda sagdan tasip butun alt sayfalari yana kaydiriyordu (390px ekranda 355px). */
body:has(main) main::before{content:"";position:absolute;left:0;right:0;top:-80px;height:520px;background:radial-gradient(closest-side,rgba(204,255,0,.07),transparent);pointer-events:none;z-index:-1}
body:has(main) .kart,body:has(main) .zemin,body:has(main) .ozet{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.12)}
body:has(main) .kimicin p{color:var(--text-on-dark)}
body:has(main) .kutu{background:linear-gradient(160deg,#1A5F4B,#0A2318);border:1px solid rgba(204,255,0,.32);box-shadow:0 20px 50px rgba(0,0,0,.28)}
body:has(main) footer{margin-top:90px}
/* Ikinci dugme: cizgili, birincilin yaninda daha sakin */
.dugme-sira{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.btn-cizgi{border:1px solid var(--line);color:var(--text-on-dark);background:transparent}
.btn-cizgi:hover{border-color:var(--accent-lime);color:var(--accent-lime)}
/* Genis tablolar kendi kabinda kayar; sayfa hicbir zaman yana tasmaz. (Zeminler ve Gizlilik ortak kullanir.) */
.tablo-sar{overflow-x:auto;margin:20px 0}
/* Dar ekranda uzun Turkce kelime ("oynayabilmelisin") basligi tasirmasin: gerekirse hecele, olmazsa bol. */
h1,h2,h3{overflow-wrap:break-word;hyphens:auto}
.sss-liste details{border-top:1px solid var(--hair);padding:18px 0}
.sss-liste details:last-of-type{border-bottom:1px solid var(--hair)}
.sss-liste summary{cursor:pointer;font-weight:700;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:18px;color:var(--text-on-dark)}
.sss-liste summary::-webkit-details-marker{display:none}
.sss-liste summary::after{content:"+";color:var(--accent-lime);font-size:22px;line-height:1}
.sss-liste details[open] summary::after{content:"–"}
.sss-liste details p{color:#C6D6CB;margin-top:12px;max-width:70ch}
.figur{margin:28px 0 8px}
.figur img{display:block;width:100%;height:auto;border-radius:18px}