/* İKV Yeniden — genel site tasarım sistemi.
   Palet: launcher (ikv-client sahneler/baslatici/arayuz.gd:15-33) — gece moru, altın, kor, OYNA kırmızısı.
   Yazı: sistem yazı tipleri (indirme yok). 8 px ızgara, gövde 16 px, dokunma alanı ≥ 44 px, kontrast ≥ 4.5:1.
   Bileşen adları Türkçe; yeni sayfa önce buradaki bileşenleri kullanır, yeni sınıf eklemeden önce arar. */

:root {
  --zemin: #0a060d; --zemin-2: #0f0914; --alan: #140d1a; --alan-2: #1b1223; --alan-3: #24182f; --alan-4: #2f2040;
  --cizgi: rgba(215, 168, 255, .13); --cizgi-2: rgba(215, 168, 255, .24); --cizgi-altin: rgba(232, 199, 122, .35);
  --yazi: #f1e9f5; --soluk: #cabfd6; --ipucu: #a99bba;
  --altin: #e8c77a; --altin-2: #f5e2b0; --altin-3: #b8913f; --mor: #d7a8ff; --mor-2: #9b6fd0; --mor-3: #6e4690;
  --kor: #ff8a3d; --birincil: #a8184a; --birincil-2: #cf2461; --birincil-yazi: #fff6fa;
  --basari: #8fe3a8; --hata: #ff8f8f; --uyari: #ffd479; --bilgi: #a9cfff;
  --acik: #6fd39a; --kapali: #ff7b7b; --bakim: #f2b55a;
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
  --font-baslik: "Palatino Linotype", Palatino, "Book Antiqua", "URW Palladio L", P052, "Noto Serif", Georgia, serif;
  --r-k: 6px; --r: 10px; --r-b: 16px; --r-t: 999px;
  --golge: 0 12px 32px rgba(0, 0, 0, .5); --golge-k: 0 4px 14px rgba(0, 0, 0, .4);
  --kap: 1200px; --ust-boy: 64px;
  --gecis: 180ms cubic-bezier(.2, .7, .2, 1);
  color-scheme: dark;
}

/* ---------- Temel ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: calc(var(--ust-boy) + 16px); }
body {
  margin: 0; min-height: 100vh; display: flex; flex-direction: column;
  font: 400 1rem/1.65 var(--font); color: var(--yazi); background: var(--zemin);
  background-image:
    radial-gradient(1200px 600px at 12% -10%, rgba(110, 70, 144, .28), transparent 60%),
    radial-gradient(900px 500px at 100% 0%, rgba(168, 24, 74, .12), transparent 60%);
  background-attachment: fixed;
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
main { flex: 1 0 auto; }
img, svg, picture, video { display: block; max-width: 100%; }
img { height: auto; }
a { color: var(--altin); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--altin-2); }
h1, h2, h3, h4 { font-family: var(--font-baslik); font-weight: 700; line-height: 1.2; margin: 0 0 .5em; letter-spacing: .01em; }
h1 { font-size: clamp(2rem, 1.3rem + 3vw, 3.4rem); }
h2 { font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.35rem); }
h3 { font-size: 1.25rem; }
p { margin: 0 0 1em; }
ul, ol { padding-left: 1.25em; margin: 0 0 1em; }
hr { border: 0; border-top: 1px solid var(--cizgi); margin: 32px 0; }
strong { color: #fff; font-weight: 700; }
small { font-size: .875rem; }
::selection { background: rgba(232, 199, 122, .35); color: #fff; }
:focus-visible { outline: 2px solid var(--altin); outline-offset: 3px; border-radius: 4px; }
[hidden] { display: none !important; }

.atla { position: absolute; left: 16px; top: -60px; z-index: 100; padding: 10px 16px; border-radius: var(--r-k);
  background: var(--altin); color: #1a0f05; font-weight: 700; text-decoration: none; }
.atla:focus { top: 12px; }
.gizli-metin { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

.kap { width: 100%; max-width: var(--kap); margin: 0 auto; padding: 0 16px; }
@media (min-width: 720px) { .kap { padding: 0 24px; } }
.yigin > * + * { margin-top: 16px; }
.izgara { display: grid; gap: 16px; }
@media (min-width: 720px) { .izgara { gap: 24px; } .izgara--2 { grid-template-columns: repeat(2, 1fr); }
  .izgara--3 { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1000px) { .izgara--4 { grid-template-columns: repeat(4, 1fr); } }
@media (min-width: 720px) and (max-width: 999px) { .izgara--4 { grid-template-columns: repeat(2, 1fr); } }
.soluk { color: var(--soluk); }
.ipucu { color: var(--ipucu); font-size: .9rem; }
.altin { color: var(--altin); }
.ortala { text-align: center; }
.sayi { font-variant-numeric: tabular-nums; }

/* ---------- Simgeler (sprite: statik/img/simgeler.svg#ad) ---------- */
.simge { width: 20px; height: 20px; flex: none; fill: currentColor; }
.simge--k { width: 16px; height: 16px; }
.simge--b { width: 28px; height: 28px; }
.akce-simge { width: 18px; height: 18px; flex: none; }

/* ---------- Düğmeler ---------- */
.dugme {
  --arka: var(--alan-3); --kenar: var(--cizgi-2); --renk: var(--yazi);
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 44px; padding: 0 20px; border-radius: var(--r-k); border: 1px solid var(--kenar);
  background: var(--arka); color: var(--renk); font: 700 .95rem/1.1 var(--font); letter-spacing: .02em;
  text-decoration: none; cursor: pointer; white-space: nowrap; user-select: none;
  transition: transform var(--gecis), box-shadow var(--gecis), background var(--gecis), border-color var(--gecis), color var(--gecis);
}
.dugme:hover { color: var(--renk); border-color: var(--cizgi-altin); transform: translateY(-1px); }
.dugme:active { transform: translateY(0); }
.dugme[disabled], .dugme[aria-disabled="true"] { opacity: .5; cursor: not-allowed; transform: none; }
.dugme--birincil {
  --renk: var(--birincil-yazi); --kenar: rgba(255, 190, 150, .45);
  background: linear-gradient(180deg, var(--birincil-2), var(--birincil) 60%, #7c1037);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .4) inset, 0 8px 24px rgba(168, 24, 74, .35);
  text-transform: uppercase; letter-spacing: .08em;
}
.dugme--birincil:hover { box-shadow: 0 0 0 1px rgba(0, 0, 0, .4) inset, 0 10px 30px rgba(207, 36, 97, .5); }
.dugme--altin { --renk: #1d1206; --kenar: #f7e3ae; background: linear-gradient(180deg, #f6dea0, var(--altin) 55%, #c9a24f); }
.dugme--altin:hover { --renk: #1d1206; box-shadow: 0 8px 24px rgba(232, 199, 122, .3); }
.dugme--cizgi { --arka: transparent; --kenar: var(--cizgi-altin); --renk: var(--altin); }
.dugme--hayalet { --arka: transparent; --kenar: transparent; --renk: var(--soluk); }
.dugme--hayalet:hover { --renk: var(--yazi); background: var(--alan-3); }
.dugme--tehlike { --arka: rgba(255, 123, 123, .08); --kenar: rgba(255, 123, 123, .45); --renk: var(--hata); }
.dugme--buyuk { min-height: 54px; padding: 0 28px; font-size: 1.02rem; }
.dugme--kucuk { min-height: 38px; padding: 0 14px; font-size: .875rem; }
@media (pointer: coarse) { .dugme--kucuk { min-height: 44px; } }   /* dokunmatikte 44 px */
.dugme--tam { width: 100%; }
.dugmeler { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }

/* ---------- Rozet / hap ---------- */
.rozet { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: var(--r-t); white-space: nowrap;
  font: 700 .75rem/1.4 var(--font); letter-spacing: .04em; text-transform: uppercase;
  background: rgba(215, 168, 255, .12); color: var(--mor); border: 1px solid rgba(215, 168, 255, .22); }
.rozet--altin { background: rgba(232, 199, 122, .12); color: var(--altin); border-color: rgba(232, 199, 122, .3); }
.rozet--yesil { background: rgba(111, 211, 154, .12); color: var(--acik); border-color: rgba(111, 211, 154, .3); }
.rozet--kirmizi { background: rgba(255, 123, 123, .1); color: var(--kapali); border-color: rgba(255, 123, 123, .3); }
.rozet--gri { background: rgba(255, 255, 255, .06); color: var(--soluk); border-color: var(--cizgi); }
.rozet--kor { background: rgba(255, 138, 61, .12); color: #ffb27d; border-color: rgba(255, 138, 61, .3); }

.durum-hap { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: var(--r-t);
  background: rgba(10, 6, 13, .6); border: 1px solid var(--cizgi); font-size: .85rem; color: var(--soluk);
  text-decoration: none; white-space: nowrap; }
.durum-hap strong { color: var(--yazi); }
.nokta { width: 9px; height: 9px; border-radius: 50%; background: var(--ipucu); flex: none; }
.nokta--acik { background: var(--acik); box-shadow: 0 0 0 0 rgba(111, 211, 154, .6); animation: nabiz 2.4s infinite; }
.nokta--kapali { background: var(--kapali); }
.nokta--bakim { background: var(--bakim); }
@keyframes nabiz { 0% { box-shadow: 0 0 0 0 rgba(111, 211, 154, .55); } 70% { box-shadow: 0 0 0 9px rgba(111, 211, 154, 0); } 100% { box-shadow: 0 0 0 0 rgba(111, 211, 154, 0); } }

/* ---------- Üst çubuk (içerikle aynı genişlikte kap; tam genişliğe yayılmaz) ---------- */
.ust { position: sticky; top: 0; z-index: 50; height: var(--ust-boy); border-bottom: 1px solid var(--cizgi); }
/* Bulanıklık ::before'da: .ust'ün kendisinde backdrop-filter olursa position:fixed mobil panel ona göre
   konumlanır ve 64 px'lik çubuğun içine sıkışır (mobil menü açılmıyordu). */
.ust::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(10, 6, 13, .86);
  -webkit-backdrop-filter: saturate(140%) blur(14px); backdrop-filter: saturate(140%) blur(14px); }
.ust__ic { height: 100%; display: flex; align-items: center; gap: 12px; }
.logo { display: inline-flex; align-items: center; text-decoration: none; flex: none; }
.logo img { height: 48px; width: auto; }
.ana-menu { display: none; height: 100%; margin-left: 12px; }
.ana-menu ul { display: flex; height: 100%; list-style: none; margin: 0; padding: 0; }
.ana-menu a { position: relative; display: inline-flex; align-items: center; height: 100%; padding: 0 12px;
  color: var(--soluk); font-weight: 600; font-size: .94rem; text-decoration: none; white-space: nowrap; transition: color var(--gecis); }
.ana-menu a::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: -1px; height: 2px; border-radius: 2px;
  background: linear-gradient(90deg, transparent, var(--altin), transparent); opacity: 0; transform: scaleX(.3);
  transition: opacity var(--gecis), transform var(--gecis); }
.ana-menu a:hover { color: var(--yazi); }
.ana-menu a:hover::after { opacity: .45; transform: scaleX(1); }
.ana-menu a[aria-current="page"] { color: var(--altin); }
.ana-menu a[aria-current="page"]::after { opacity: 1; transform: scaleX(1); }
.ust__sag { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.ust__sag .durum-hap { display: none; }
.ust__sag .durum-hap__ad { display: none; }
.ust__hesap { display: none; }
.ust .dugme { min-height: 44px; }
.ust .dugme--birincil { padding: 0 18px; }
.ust__hesap { padding: 0 12px; }
@media (min-width: 1000px) {
  .ana-menu { display: block; }
  .ust__hesap { display: inline-flex; }
  .mobil-menu { display: none; }
}
@media (min-width: 1300px) { .ust__sag .durum-hap { display: inline-flex; } }
@media (min-width: 1000px) and (max-width: 1099px) { .ana-menu a { padding: 0 9px; } .ana-menu a::after { left: 9px; right: 9px; } }
.akce-hap { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--altin); }

/* Mobil menü: <details> ile JS'siz çalışır; açıkken sayfa arkada kaymaz */
.mobil-menu { position: relative; }
.mobil-menu > summary { list-style: none; display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; border-radius: var(--r-k); border: 1px solid var(--cizgi-2); cursor: pointer; color: var(--yazi);
  -webkit-tap-highlight-color: transparent; }
.mobil-menu > summary::-webkit-details-marker { display: none; }
.mobil-menu[open] > summary { background: var(--alan-3); border-color: var(--cizgi-altin); color: var(--altin); }
.mobil-menu__kapa, .mobil-menu[open] .mobil-menu__ac { display: none; }
.mobil-menu[open] .mobil-menu__kapa { display: block; }
body:has(.mobil-menu[open]) { overflow: hidden; }
.mobil-panel { position: fixed; left: 0; right: 0; top: var(--ust-boy); bottom: 0; z-index: 49; overflow-y: auto; overscroll-behavior: contain;
  background: linear-gradient(180deg, #120b18, #0a060d 60%); border-top: 1px solid var(--cizgi);
  padding: 12px 0 calc(28px + env(safe-area-inset-bottom)); animation: panel-ac 160ms ease-out; }
@keyframes panel-ac { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
.mobil-panel__ic { display: grid; gap: 16px; max-width: var(--kap); }
.mobil-panel ul { list-style: none; margin: 0; padding: 0; }
.mobil-panel li a { display: flex; align-items: center; gap: 14px; min-height: 56px; padding: 0 8px;
  border-bottom: 1px solid var(--cizgi); color: var(--yazi); font: 700 1.1rem/1 var(--font-baslik); text-decoration: none; }
.mobil-panel li a > .simge:first-child { color: var(--mor-2); }
.mobil-panel li a:hover, .mobil-panel li a:active { background: rgba(215, 168, 255, .05); }
.mobil-panel li a[aria-current="page"], .mobil-panel li a[aria-current="page"] > .simge:first-child { color: var(--altin); }
.mobil-panel__ok { margin-left: auto; color: var(--ipucu); }
.ust__sag .mobil-panel .durum-hap { display: inline-flex; justify-self: start; }
.ust__sag .mobil-panel .durum-hap__ad { display: inline; }
.mobil-panel__dugmeler { display: grid; gap: 10px; }
.mobil-hesap { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-radius: var(--r); text-decoration: none;
  border: 1px solid var(--cizgi-altin); background: rgba(232, 199, 122, .06); color: var(--yazi); }
.mobil-hesap__ad { display: grid; gap: 2px; flex: 1; min-width: 0; line-height: 1.3; }
.mobil-hesap strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mobil-hesap > .simge { color: var(--altin); }


/* ---------- Kahraman (hero): arka plan resmi kenardan kenara (tam genişlik); yazılar ortalanmış kapta ---------- */
.kahraman { position: relative; }
.kahraman__pano { position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column;
  min-height: clamp(580px, calc(100svh - var(--ust-boy)), 880px); padding: 48px 0 24px; background: var(--alan);
  border-bottom: 1px solid var(--cizgi); }
@media (min-width: 720px) { .kahraman__pano { padding: 56px 0 28px; } }
.kahraman__resim, .kahraman__resim picture, .kahraman__resim img { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -2; }
.kahraman__resim img { object-fit: cover; object-position: 50% 42%; }
.kahraman__pano::before { content: ""; position: absolute; inset: 0; z-index: -1;
  background:
    radial-gradient(ellipse 58% 60% at 50% 46%, rgba(10, 6, 13, .7), rgba(10, 6, 13, .28) 65%, rgba(10, 6, 13, 0) 100%),
    linear-gradient(180deg, rgba(10, 6, 13, .45) 0%, rgba(10, 6, 13, 0) 24%, rgba(10, 6, 13, .12) 60%, var(--zemin) 100%),
    linear-gradient(90deg, rgba(10, 6, 13, .45) 0%, rgba(10, 6, 13, 0) 22%, rgba(10, 6, 13, 0) 78%, rgba(10, 6, 13, .45) 100%); }
.kahraman__ic { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.kahraman__logo { width: clamp(240px, min(30vw, 44vh), 420px); margin-bottom: 8px; filter: drop-shadow(0 10px 40px rgba(0, 0, 0, .7)); }
.kahraman__logo img { width: 100%; height: auto; }
.kahraman__baslik { font-size: clamp(1.6rem, 1.05rem + 2vw, 2.7rem); max-width: 30ch; margin: 0 0 12px; text-wrap: balance;
  text-shadow: 0 2px 22px rgba(0, 0, 0, .85); }
.kahraman__baslik em { font-style: italic; color: var(--altin); }
.kahraman__giris { max-width: 56ch; margin: 0 auto 26px; color: #e9e0f0; font-size: clamp(1rem, .95rem + .25vw, 1.12rem);
  text-shadow: 0 1px 14px rgba(0, 0, 0, .95); }
.kahraman__dugmeler { justify-content: center; }
.kahraman__guven { list-style: none; margin: 20px 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;
  gap: 8px 20px; color: var(--soluk); font-size: .9rem; text-shadow: 0 1px 10px rgba(0, 0, 0, .9); }
.kahraman__guven li { display: inline-flex; align-items: center; gap: 6px; }
.kahraman__guven .simge { color: var(--altin); }
@media (max-width: 559px) {
  .kahraman__dugmeler { width: 100%; flex-direction: column; align-items: stretch; }
  .kahraman__dugmeler .dugme { width: 100%; }
  .kahraman__guven { display: grid; grid-template-columns: repeat(2, auto); justify-content: center; text-align: left; }
}
.dugme--cam { --arka: rgba(20, 13, 26, .55); --kenar: rgba(232, 199, 122, .45); --renk: var(--altin-2);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.dugme--cam:hover { --arka: rgba(36, 24, 47, .75); }

/* Sunucu durumu şeridi (kahraman panosunun altında) */
.durum-seridi { display: grid; gap: 10px; margin-top: 28px; padding: 14px 16px; text-align: left;
  border-radius: var(--r-b); border: 1px solid var(--cizgi-2); background: rgba(14, 9, 19, .74);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
@media (min-width: 800px) { .durum-seridi { grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 20px; padding: 10px 12px 10px 20px; } }
.durum-seridi__baslik { display: flex; align-items: center; gap: 10px; }
.durum-seridi__baslik .simge { color: var(--altin); }
.durum-seridi__baslik h2 { margin: 0; font: 700 1rem/1.2 var(--font-baslik); white-space: nowrap; }
.durum-seridi__liste { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 20px; font-size: .95rem; min-width: 0; }
@media (min-width: 800px) { .durum-seridi__liste { padding-left: 20px; border-left: 1px solid var(--cizgi); } }
.durum-seridi__oge { display: inline-flex; align-items: center; gap: 8px; }
.durum-seridi__baglanti { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 12px;
  border-radius: var(--r-k); font-weight: 700; text-decoration: none; white-space: nowrap; }
.durum-seridi__baglanti:hover { background: rgba(232, 199, 122, .08); }

/* Kor parçacıkları (yalnız süs; hareket azaltmada kapanır) */
.korlar { position: absolute; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
.korlar i { position: absolute; bottom: -12px; width: 3px; height: 3px; border-radius: 50%; background: #ffc27a;
  box-shadow: 0 0 8px 2px rgba(255, 138, 61, .8); opacity: 0; animation: kor 9s linear infinite; }
.korlar i:nth-child(1) { left: 8%; animation-delay: 0s; } .korlar i:nth-child(2) { left: 18%; animation-delay: 2.2s; animation-duration: 11s; }
.korlar i:nth-child(3) { left: 31%; animation-delay: 4s; } .korlar i:nth-child(4) { left: 44%; animation-delay: 1.1s; animation-duration: 12s; }
.korlar i:nth-child(5) { left: 57%; animation-delay: 5.5s; } .korlar i:nth-child(6) { left: 66%; animation-delay: 3.3s; animation-duration: 10s; }
.korlar i:nth-child(7) { left: 78%; animation-delay: 6.2s; } .korlar i:nth-child(8) { left: 89%; animation-delay: 2.8s; animation-duration: 13s; }
@keyframes kor { 0% { transform: translate(0, 0) scale(1); opacity: 0; } 10% { opacity: 1; }
  100% { transform: translate(40px, -85vh) scale(.4); opacity: 0; } }

/* ---------- Kart ---------- */
.kart { position: relative; background: linear-gradient(180deg, var(--alan-2), var(--alan)); border: 1px solid var(--cizgi);
  border-radius: var(--r-b); padding: 20px; box-shadow: var(--golge-k); }
@media (min-width: 720px) { .kart { padding: 24px; } }
.kart--cam { background: rgba(20, 13, 26, .72); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-color: var(--cizgi-2); }
.kart--altin { border-color: var(--cizgi-altin); box-shadow: 0 0 0 1px rgba(232, 199, 122, .08) inset, var(--golge); }
.kart--etkin { transition: transform var(--gecis), border-color var(--gecis), box-shadow var(--gecis); }
.kart--etkin:hover { transform: translateY(-3px); border-color: var(--cizgi-altin); box-shadow: var(--golge); }
.kart__baslik { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.kart__baslik h2, .kart__baslik h3 { margin: 0; font-size: 1.2rem; }
.kart a.kart__kapla::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }

/* ---------- Bölüm ---------- */
.bolum { padding: 56px 0; }
@media (min-width: 720px) { .bolum { padding: 80px 0; } }
.bolum--koyu { background: linear-gradient(180deg, transparent, rgba(20, 13, 26, .75) 12%, rgba(20, 13, 26, .75) 88%, transparent); }
.bolum-baslik { margin-bottom: 32px; max-width: 70ch; }
.bolum-baslik--ortala { margin-left: auto; margin-right: auto; text-align: center; }
.ust-etiket { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 10px; color: var(--altin);
  font: 700 .78rem/1 var(--font); letter-spacing: .22em; text-transform: uppercase; }
.ust-etiket::before, .bolum-baslik--ortala .ust-etiket::after { content: ""; width: 28px; height: 1px;
  background: linear-gradient(90deg, transparent, var(--altin)); }
.bolum-baslik--ortala .ust-etiket::after { background: linear-gradient(90deg, var(--altin), transparent); }
.bolum-baslik p { color: var(--soluk); font-size: 1.05rem; }
.bolum-alt { display: flex; justify-content: space-between; align-items: end; gap: 16px; flex-wrap: wrap; margin-bottom: 24px; }
.bolum-alt .bolum-baslik { margin-bottom: 0; }

/* ---------- Sayfa başı (iç sayfalar) ---------- */
.sayfa-basi { position: relative; isolation: isolate; padding: 48px 0 32px; border-bottom: 1px solid var(--cizgi); overflow: hidden; }
.sayfa-basi__resim, .sayfa-basi__resim img { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -2; object-fit: cover; }
.sayfa-basi__resim { opacity: .38; }
.sayfa-basi::before { content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(180deg, rgba(10, 6, 13, .3), var(--zemin)), linear-gradient(90deg, rgba(10, 6, 13, .7), transparent); }
@media (min-width: 720px) { .sayfa-basi { padding: 72px 0 40px; } }
.sayfa-basi h1 { margin-bottom: 8px; }
.sayfa-basi p { color: var(--soluk); max-width: 65ch; margin: 0; font-size: 1.05rem; }
.kirinti { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; padding: 0; margin: 0 0 14px; font-size: .85rem; color: var(--ipucu); }
.kirinti li + li::before { content: "›"; margin-right: 6px; color: var(--mor-2); }
.kirinti a { color: var(--soluk); text-decoration: none; }
.kirinti a:hover { color: var(--altin); }
/* Yalnız üst/alt boşluk: aynı öğedeki .kap'ın yan boşluğunu (16/24 px) silmesin. */
.sayfa-govde { padding-top: 32px; padding-bottom: 72px; }
@media (min-width: 720px) { .sayfa-govde { padding-top: 48px; padding-bottom: 96px; } }
.yan-duzen { display: grid; gap: 24px; }
@media (min-width: 1000px) { .yan-duzen { grid-template-columns: minmax(0, 1fr) 340px; gap: 32px; } }
.yan-duzen--sol { }
@media (min-width: 1000px) { .yan-duzen--sol { grid-template-columns: 260px minmax(0, 1fr); } }

/* ---------- Metin gövdesi (duyuru, rehber, yasal) ---------- */
.yazi { max-width: 72ch; font-size: 1.05rem; }
.yazi h2 { font-size: 1.6rem; margin-top: 1.6em; }
.yazi h3 { font-size: 1.25rem; margin-top: 1.4em; color: var(--altin-2); }
.yazi p, .yazi li { color: #e6dcee; }
.yazi li + li { margin-top: 6px; }
.yazi blockquote { margin: 1.4em 0; padding: 14px 18px; border-left: 3px solid var(--altin); background: rgba(232, 199, 122, .06); border-radius: 0 var(--r-k) var(--r-k) 0; }

/* ---------- Sınıf kartları ---------- */
.sinif-karti { position: relative; display: block; border-radius: var(--r-b); overflow: hidden; border: 1px solid var(--cizgi);
  aspect-ratio: 2 / 3; text-decoration: none; color: var(--yazi); background: var(--alan); isolation: isolate; }
.sinif-karti picture, .sinif-karti img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2;
  transition: transform 700ms cubic-bezier(.2, .7, .2, 1); }
.sinif-karti::before { content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(180deg, transparent 35%, rgba(10, 6, 13, .7) 62%, rgba(10, 6, 13, .96)); }
.sinif-karti:hover img { transform: scale(1.05); }
.sinif-karti:hover { border-color: var(--cizgi-altin); color: var(--yazi); }
.sinif-karti__ic { position: absolute; left: 0; right: 0; bottom: 0; padding: 20px; }
.sinif-karti h3 { font-size: 1.6rem; margin: 6px 0; }
.sinif-karti p { color: var(--soluk); margin: 0; font-size: .95rem; }
.sinif-karti .ozellikler { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
@media (max-width: 719px) { .siniflar { grid-auto-flow: column; grid-auto-columns: 78%; overflow-x: auto; scroll-snap-type: x mandatory;
  padding-bottom: 8px; margin: 0 -16px; padding-left: 16px; padding-right: 16px; } .siniflar > * { scroll-snap-align: start; } }

/* ---------- Bölge şeridi ---------- */
.serit { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px, 78%); gap: 16px; overflow-x: auto;
  scroll-snap-type: x mandatory; padding: 4px 16px 16px; margin: 0 -16px; scrollbar-width: thin; scrollbar-color: var(--mor-3) transparent; }
@media (min-width: 720px) { .serit { grid-auto-columns: minmax(300px, 40%); margin: 0 -24px; padding: 4px 24px 16px; } }
@media (min-width: 1000px) { .serit { grid-auto-columns: calc((100% - 48px) / 3.3); } }
.serit > * { scroll-snap-align: start; }
.bolge-karti { position: relative; display: block; border-radius: var(--r-b); overflow: hidden; border: 1px solid var(--cizgi);
  aspect-ratio: 3 / 2; isolation: isolate; color: var(--yazi); text-decoration: none; }
.bolge-karti img, .bolge-karti picture { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform 700ms ease; }
.bolge-karti::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, transparent 40%, rgba(10, 6, 13, .92)); }
.bolge-karti:hover img { transform: scale(1.05); }
.bolge-karti__ic { position: absolute; left: 16px; right: 16px; bottom: 14px; display: flex; justify-content: space-between; align-items: end; gap: 8px; }
.bolge-karti h3 { margin: 0; min-width: 0; font-size: clamp(1.05rem, .8rem + .6vw, 1.3rem); }
.bolge-karti .rozet { flex: none; }

/* ---------- Duyuru kartları ---------- */
.duyuru-karti { display: grid; grid-template-rows: auto 1fr; gap: 0; padding: 0; overflow: hidden; }
.duyuru-karti__resim { aspect-ratio: 16 / 9; overflow: hidden; background: var(--alan-3); }
.duyuru-karti__resim img { width: 100%; height: 100%; object-fit: cover; transition: transform 600ms ease; }
.duyuru-karti:hover .duyuru-karti__resim img { transform: scale(1.04); }
.duyuru-karti__ic { padding: 18px 20px 20px; }
.duyuru-karti h3 { font-size: 1.2rem; margin: 10px 0 8px; }
.duyuru-karti h3 a { color: var(--yazi); text-decoration: none; }
.duyuru-karti h3 a:hover { color: var(--altin); }
.duyuru-karti p { color: var(--soluk); margin: 0; font-size: .95rem; }
.meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; color: var(--ipucu); font-size: .85rem; }
.duyuru-listesi { list-style: none; margin: 0; padding: 0; }
.duyuru-listesi li { display: grid; gap: 4px; padding: 14px 0; border-bottom: 1px solid var(--cizgi); }
.duyuru-listesi li:last-child { border-bottom: 0; }
.duyuru-listesi a { color: var(--yazi); font-weight: 700; text-decoration: none; }
.duyuru-listesi a:hover { color: var(--altin); }

/* ---------- Sunucu durumu kartı ---------- */
.sunucu-karti .sunucu { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--cizgi); }
.sunucu-karti .sunucu:last-of-type { border-bottom: 0; }
.sunucu__ad { display: flex; align-items: center; gap: 10px; font-weight: 700; }
.doluluk { width: 120px; height: 6px; border-radius: 3px; background: rgba(255, 255, 255, .08); overflow: hidden; }
.doluluk span { display: block; height: 100%; background: linear-gradient(90deg, var(--acik), var(--altin)); border-radius: inherit; }
.buyuk-sayi { font: 700 2.4rem/1 var(--font-baslik); color: var(--altin); }

/* ---------- Adımlar ---------- */
.adimlar { counter-reset: adim; list-style: none; padding: 0; margin: 0; display: grid; gap: 16px; }
@media (min-width: 720px) { .adimlar { grid-template-columns: repeat(3, 1fr); gap: 24px; } }
.adimlar li { counter-increment: adim; position: relative; padding: 24px 20px 20px; border-radius: var(--r-b);
  background: linear-gradient(180deg, var(--alan-2), var(--alan)); border: 1px solid var(--cizgi); }
.adimlar li::before { content: counter(adim); display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 12px;
  border-radius: 50%; border: 1px solid var(--cizgi-altin); color: var(--altin); font: 700 1.1rem/1 var(--font-baslik);
  background: radial-gradient(circle, rgba(232, 199, 122, .18), transparent 70%); }
.adimlar h3 { margin-bottom: 6px; }
.adimlar p { color: var(--soluk); margin: 0; }

/* ---------- Dükkân ---------- */
.urun-izgara { display: grid; gap: 14px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 228px), 1fr)); }
@media (min-width: 720px) { .urun-izgara { gap: 18px; } }
.urun-karti { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 12px; border-radius: 4px;
  background: linear-gradient(135deg, #34322e, #22211e 55%, #191816); border: 1px solid #756b59;
  box-shadow: 0 1px 0 #a79c83 inset, 0 2px 7px rgba(0, 0, 0, .35);
  transition: border-color var(--gecis), box-shadow var(--gecis); }
.urun-karti:hover, .urun-karti:focus-within { border-color: var(--altin); box-shadow: 0 1px 0 #bca16b inset, var(--golge-k); }
.urun-karti__rozetler { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 5px; min-height: 24px; margin-bottom: 8px; pointer-events: none; }
.urun-karti__rozetler .rozet { border-radius: 3px; font-size: .68rem; padding: 3px 7px; }
.urun-karti__rozetler .rozet--gri { color: #e8dec8; background: #3c3932; border-color: #68604f; }
.urun-karti__ikon { display: grid; place-items: center; height: 128px; flex: none; margin-bottom: 10px;
  background: linear-gradient(180deg, #141310, #292620); border: 1px solid #514939;
  box-shadow: 0 0 0 1px #0d0c0a inset; }
.urun-karti__ikon picture { display: grid; place-items: center; max-width: 104px; max-height: 104px; }
.urun-karti__ikon img { width: auto; height: auto; max-width: 104px; max-height: 104px; object-fit: contain; }
.urun-karti__ikon--piksel img { width: 64px; height: 64px; image-rendering: pixelated; }
.urun-karti__metin { flex: 1; padding: 12px; margin-bottom: 12px; color: #30291f; border: 1px solid #99886a;
  background: linear-gradient(110deg, #ddd0ac, #cbbb96); box-shadow: 0 1px 2px rgba(0, 0, 0, .35); }
.urun-karti h3 { font: 700 1.02rem/1.35 var(--font-baslik); margin: 0 0 7px; overflow-wrap: anywhere; }
.urun-karti h3 a { color: #282119; text-decoration: none; }
.urun-karti h3 a::after { content: ""; position: absolute; inset: 0; border-radius: 4px; }
.urun-karti p { color: #514735; font-size: .84rem; line-height: 1.5; margin: 0; }
.urun-karti__alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; }
.urun-karti__incele { display: inline-flex; align-items: center; gap: 5px; color: #e5d9bc; font-size: .75rem; font-weight: 700; text-transform: uppercase; }
.urun-karti__durum { min-height: 22px; margin-top: 9px; }
.urun-karti__durum .rozet { border-radius: 3px; padding: 2px 7px; font-size: .67rem; }
.urun-karti__durum .ipucu { color: #c3b69b; font-size: .7rem; }
.fiyat { display: inline-flex; align-items: center; gap: 6px; font: 700 1.15rem/1 var(--font); color: var(--altin); font-variant-numeric: tabular-nums; }
.fiyat del { color: var(--ipucu); font-size: .85rem; font-weight: 400; }
.urun-karti--yakinda { border-color: #5b554a; }
.kategori-menu { display: flex; gap: 8px; overflow-x: auto; padding: 4px 0 12px; margin-bottom: 20px; scrollbar-width: thin; }
.kategori-menu a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; border-radius: 3px;
  border: 1px solid #655b49; background: #24221e; color: #d4c7aa; text-decoration: none; font-weight: 600; white-space: nowrap; }
.kategori-menu a:hover { color: var(--yazi); border-color: var(--altin-3); }
.kategori-menu a[aria-current="page"] { color: #241b0e; background: linear-gradient(180deg, #e2d1a1, #bea06a); border-color: #dfc385; }
.urun-ayrinti { display: grid; gap: 24px; }
@media (min-width: 900px) { .urun-ayrinti { grid-template-columns: 380px minmax(0, 1fr); gap: 40px; } }
.urun-ayrinti__ikon { display: grid; place-items: center; aspect-ratio: 3 / 2; border-radius: 4px; border: 1px solid #8f7d59;
  background: linear-gradient(135deg, #35312a, #161512 65%, #26231d); box-shadow: 0 0 0 4px #22201a inset, var(--golge-k); }
.urun-ayrinti__ikon picture { display: grid; place-items: center; max-width: 160px; max-height: 160px; }
.urun-ayrinti__ikon img { width: auto; height: auto; max-width: 160px; max-height: 160px; object-fit: contain; }
.urun-ayrinti__ikon--piksel img { width: 96px; height: 96px; image-rendering: pixelated; }
.ozellik-listesi { display: grid; gap: 10px; list-style: none; padding: 0; margin: 16px 0; }
.ozellik-listesi li { display: flex; gap: 10px; align-items: flex-start; color: #e6dcee; }
.ozellik-listesi .simge { color: var(--altin); margin-top: 3px; }
.bakiye-kutu { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-radius: var(--r);
  border: 1px solid var(--cizgi-altin); background: rgba(232, 199, 122, .06); }

/* ---------- Tablo ---------- */
.tablo-kap { overflow-x: auto; border: 1px solid var(--cizgi); border-radius: var(--r-b); background: var(--alan); }
.tablo { width: 100%; border-collapse: collapse; font-size: .95rem; }
.tablo th, .tablo td { padding: 12px 14px; text-align: left; border-bottom: 1px solid var(--cizgi); vertical-align: middle; }
.tablo th { position: sticky; top: 0; background: var(--alan-3); color: var(--soluk); font: 700 .78rem/1.2 var(--font);
  letter-spacing: .08em; text-transform: uppercase; }
.tablo tbody tr:hover { background: rgba(215, 168, 255, .04); }
.tablo tbody tr:last-child td { border-bottom: 0; }
.tablo .sag { text-align: right; }
.sira-no { display: inline-grid; place-items: center; min-width: 32px; height: 32px; border-radius: 50%; font-weight: 700; color: var(--soluk); background: var(--alan-3); }
.sira-no--1 { color: #2a1a05; background: linear-gradient(180deg, #ffe7a8, #d6a94b); }
.sira-no--2 { color: #1b1b22; background: linear-gradient(180deg, #f1f1f7, #a9a9b8); }
.sira-no--3 { color: #2a1405; background: linear-gradient(180deg, #f3c29a, #b06c3a); }
@media (max-width: 719px) {
  .tablo--yigin thead { display: none; }
  .tablo--yigin tr { display: grid; grid-template-columns: auto 1fr auto; gap: 4px 12px; padding: 12px 14px; border-bottom: 1px solid var(--cizgi); }
  .tablo--yigin td { padding: 0; border: 0; }
  .tablo--yigin td[data-etiket]::before { content: attr(data-etiket) ": "; color: var(--ipucu); font-size: .8rem; }
}

/* ---------- Form ---------- */
.form { display: grid; gap: 18px; }
.alan { display: grid; gap: 6px; }
.alan label, .etiket { font-weight: 700; font-size: .92rem; color: var(--yazi); }
.alan .ipucu { font-size: .85rem; margin: 0; }
.girdi, .form input[type="text"], .form input[type="password"], .form input[type="email"], .form input[type="search"],
.form input[type="number"], .form select, .form textarea {
  width: 100%; min-height: 48px; padding: 10px 14px; border-radius: var(--r-k); border: 1px solid var(--cizgi-2);
  background: rgba(10, 6, 13, .65); color: var(--yazi); font: 400 1rem/1.4 var(--font);
  transition: border-color var(--gecis), box-shadow var(--gecis); }
.form textarea { min-height: 140px; resize: vertical; }
.girdi:focus, .form input:focus, .form select:focus, .form textarea:focus { outline: none; border-color: var(--altin);
  box-shadow: 0 0 0 3px rgba(232, 199, 122, .22); }
.form input[aria-invalid="true"] { border-color: var(--hata); }
.alan__hata { color: var(--hata); font-size: .88rem; margin: 0; }
.onay { display: flex; gap: 10px; align-items: flex-start; }
.onay input { width: 20px; height: 20px; margin-top: 2px; accent-color: var(--altin); flex: none; }
.sifre-alani { position: relative; }
.sifre-alani .dugme { position: absolute; right: 4px; top: 4px; min-height: 40px; }
.form-kutu { max-width: 460px; margin: 0 auto; }
.form-kutu .kart { padding: 28px 22px; }
@media (min-width: 720px) { .form-kutu .kart { padding: 36px 36px 32px; } }
.form-kutu h1 { font-size: 1.9rem; text-align: center; }
.form-kutu .alt-baglanti { text-align: center; color: var(--soluk); margin: 18px 0 0; font-size: .95rem; }
.kod-girdi { font-family: ui-monospace, SFMono-Regular, Consolas, monospace !important; letter-spacing: .12em; text-transform: uppercase; }

/* ---------- Bildirim kutuları ---------- */
.bildirim { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: var(--r); border: 1px solid;
  background: rgba(255, 255, 255, .03); margin-bottom: 20px; }
.bildirim p { margin: 0; }
.bildirim .simge { margin-top: 2px; }
.bildirim--basari { color: var(--basari); border-color: rgba(143, 227, 168, .35); background: rgba(143, 227, 168, .06); }
.bildirim--hata { color: var(--hata); border-color: rgba(255, 143, 143, .35); background: rgba(255, 143, 143, .06); }
.bildirim--uyari { color: var(--uyari); border-color: rgba(255, 212, 121, .35); background: rgba(255, 212, 121, .06); }
.bildirim--bilgi { color: var(--bilgi); border-color: rgba(169, 207, 255, .3); background: rgba(169, 207, 255, .05); }
.bildirim strong { color: inherit; }
.site-bandi { background: linear-gradient(90deg, var(--birincil), #6e1740); color: var(--birincil-yazi); text-align: center;
  padding: 8px 16px; font-size: .92rem; font-weight: 600; }
.site-bandi a { color: #fff; }

/* ---------- Sekmeler / sayfalama ---------- */
.sekmeler { display: flex; gap: 4px; border-bottom: 1px solid var(--cizgi); margin-bottom: 24px; overflow-x: auto; }
.sekmeler a { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 16px; color: var(--soluk);
  font-weight: 700; text-decoration: none; border-bottom: 2px solid transparent; white-space: nowrap; }
.sekmeler a:hover { color: var(--yazi); }
.sekmeler a[aria-current="page"] { color: var(--altin); border-bottom-color: var(--altin); }
.sayfalama { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin-top: 28px; list-style: none; padding: 0; }
.sayfalama a, .sayfalama span { display: inline-grid; place-items: center; min-width: 44px; height: 44px; padding: 0 10px; border-radius: var(--r-k);
  border: 1px solid var(--cizgi); color: var(--soluk); text-decoration: none; font-weight: 700; }
.sayfalama a:hover { border-color: var(--cizgi-altin); color: var(--yazi); }
.sayfalama [aria-current="page"] { background: var(--altin); color: #1d1206; border-color: var(--altin); }

/* ---------- Yan menü (hesabım, rehber) ---------- */
.yan-menu { list-style: none; margin: 0; padding: 8px; border: 1px solid var(--cizgi); border-radius: var(--r-b); background: var(--alan); }
.yan-menu a { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 0 12px; border-radius: var(--r-k); color: var(--soluk); text-decoration: none; font-weight: 600; }
.yan-menu a:hover { background: var(--alan-3); color: var(--yazi); }
.yan-menu a[aria-current="page"] { background: rgba(232, 199, 122, .1); color: var(--altin); }
@media (max-width: 999px) { .yan-menu { display: flex; overflow-x: auto; gap: 4px; } .yan-menu a { white-space: nowrap; } }

/* ---------- İstatistik kutuları ---------- */
.istatistikler { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.istatistik { padding: 16px; border-radius: var(--r-b); background: var(--alan); border: 1px solid var(--cizgi); }
.istatistik__etiket { color: var(--ipucu); font-size: .8rem; text-transform: uppercase; letter-spacing: .1em; font-weight: 700; }
.istatistik__deger { font: 700 1.6rem/1.2 var(--font-baslik); color: var(--yazi); margin-top: 4px; }

/* ---------- SSS (details) ---------- */
.sss { display: grid; gap: 10px; }
.sss details { border: 1px solid var(--cizgi); border-radius: var(--r); background: var(--alan); }
.sss summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 12px;
  min-height: 56px; padding: 12px 18px; font-weight: 700; }
.sss summary::-webkit-details-marker { display: none; }
.sss summary::after { content: "+"; color: var(--altin); font-size: 1.4rem; line-height: 1; transition: transform var(--gecis); }
.sss details[open] summary::after { transform: rotate(45deg); }
.sss details > div { padding: 0 18px 16px; color: var(--soluk); }

/* ---------- Diyalog ---------- */
dialog.diyalog { width: min(480px, calc(100vw - 32px)); padding: 0; border: 1px solid var(--cizgi-altin); border-radius: var(--r-b);
  background: var(--alan-2); color: var(--yazi); box-shadow: 0 30px 80px rgba(0, 0, 0, .7); }
dialog.diyalog::backdrop { background: rgba(5, 3, 8, .72); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.diyalog__ic { padding: 24px; }
.diyalog__ic h2 { font-size: 1.4rem; }

/* ---------- Discord / çağrı bandı ---------- */
.cagri { position: relative; overflow: hidden; border-radius: var(--r-b); padding: 32px 24px; border: 1px solid var(--cizgi-altin);
  background: radial-gradient(600px 200px at 20% 0%, rgba(232, 199, 122, .14), transparent 70%),
              radial-gradient(500px 240px at 100% 100%, rgba(168, 24, 74, .22), transparent 70%), var(--alan-2); }
@media (min-width: 720px) { .cagri { padding: 44px 48px; display: flex; align-items: center; justify-content: space-between; gap: 32px; } }
.cagri h2 { margin-bottom: 6px; }
.cagri p { color: var(--soluk); margin: 0 0 16px; }
@media (min-width: 720px) { .cagri p { margin: 0; } }

/* ---------- Alt bilgi ---------- */
.alt { margin-top: auto; border-top: 1px solid var(--cizgi); background: linear-gradient(180deg, var(--zemin-2), #07040a); position: relative; }
.alt__siluet { display: block; width: 100%; height: 64px; color: #120b18; margin-top: -63px; }
.alt__ic { display: grid; gap: 32px; padding-top: 48px; padding-bottom: 24px; }
@media (min-width: 720px) { .alt__ic { grid-template-columns: 1.4fr repeat(3, 1fr); } }
.alt h2 { font: 700 .8rem/1 var(--font); letter-spacing: .18em; text-transform: uppercase; color: var(--altin); margin-bottom: 14px; }
.alt ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.alt ul a { display: inline-flex; min-height: 44px; align-items: center; color: var(--soluk); text-decoration: none; font-size: .95rem; }
.alt ul a:hover { color: var(--altin); }
.alt__marka p { color: var(--soluk); font-size: .95rem; max-width: 36ch; }
.alt__telif { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; padding-top: 20px; padding-bottom: 28px;
  background: linear-gradient(var(--cizgi), var(--cizgi)) top / calc(100% - 32px) 1px no-repeat; color: var(--ipucu); font-size: .85rem; }
@media (min-width: 720px) { .alt__telif { background-size: calc(100% - 48px) 1px; } }

/* ---------- Boş durum ---------- */
.bos { text-align: center; padding: 48px 16px; color: var(--soluk); border: 1px dashed var(--cizgi-2); border-radius: var(--r-b); }
.bos .simge { width: 40px; height: 40px; margin: 0 auto 12px; color: var(--mor-2); }

/* ---------- Hata sayfası ---------- */
.hata-sayfasi { text-align: center; padding-top: 96px; padding-bottom: 96px; }
.hata-sayfasi .buyuk-sayi { font-size: clamp(4rem, 12vw, 8rem); background: linear-gradient(180deg, var(--altin-2), var(--altin-3));
  -webkit-background-clip: text; background-clip: text; color: transparent; }

/* ---------- Hareket azaltma / yazdırma ---------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
  .korlar { display: none; }
}
@media print { .ust, .alt, .korlar, .mobil-menu { display: none !important; } body { background: #fff; color: #000; } }

/* Satır içi stil yok (CSP style-src 'self'); yardımcılar burada */
.simge-kumesi { position: absolute; width: 0; height: 0; overflow: hidden; }
.alt__marka .logo + p { margin-top: 14px; }
.ust-8 { margin-top: 8px; } .ust-12 { margin-top: 12px; } .ust-16 { margin-top: 16px; } .ust-24 { margin-top: 24px; } .ust-32 { margin-top: 32px; }
.alt-0 { margin-bottom: 0; } .alt-16 { margin-bottom: 16px; } .alt-24 { margin-bottom: 24px; }
.dugmeler--ortala { justify-content: center; }

/* ---------- Dar ekran üst çubuk (≤ 480 px: 360-375 px telefonlarda taşma olmasın) ---------- */
@media (max-width: 480px) {
  .ust__ic { gap: 8px; }
  .logo img { height: 40px; }
  .ust__sag { gap: 6px; }
  .ust .dugme--birincil { padding: 0 12px; letter-spacing: .04em; font-size: .85rem; }
  .ust .dugme--birincil .simge { width: 16px; height: 16px; }
}
@media (max-width: 340px) { .ust .dugme--birincil span { display: none; } }

/* ---------- Dükkân kartları: telefonda iki sütun, kompakt ---------- */
@media (max-width: 559px) {
  .urun-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .urun-karti { padding: 8px; }
  .urun-karti__ikon { height: 118px; margin-bottom: 8px; }
  .urun-karti__metin { padding: 8px; margin-bottom: 10px; }
  .urun-karti h3 { font-size: .87rem; }
  .urun-karti p { display: none; }
  .urun-karti__alt { flex-direction: column; align-items: flex-start; gap: 6px; }
  .urun-karti__rozetler { min-height: 40px; align-content: flex-start; }
  .urun-karti__rozetler .rozet { font-size: .63rem; padding: 2px 5px; }
  .fiyat { font-size: 1rem; }
}

/* ---------- Hesap (giriş, kayıt, hesabım) ---------- */
/* Bal küpü: insanlar görmez, ekran okuyucu okumaz (aria-hidden), klavye odaklanmaz (tabindex=-1). */
.bal-kupu { position: absolute !important; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
/* Şifre alanında metin "Göster" düğmesinin altına girmesin. */
.form .sifre-alani input { padding-right: 96px; }

/* ---------- Dükkân sayfaları (liste, ürün, Akçe, ürünlerim) ---------- */
.dukkan-basi { display: grid; gap: 16px; align-items: end; }
@media (min-width: 900px) { .dukkan-basi { grid-template-columns: minmax(0, 1fr) auto; } }
.dukkan-basi .bakiye-kutu { background: rgba(20, 13, 26, .82); }
.bakiye-kutu__deger { display: grid; gap: 2px; }
.bakiye-kutu__deger .ipucu { font-size: .8rem; }

.dukkan-arac { display: grid; gap: 12px; margin-bottom: 16px; }
@media (min-width: 720px) { .dukkan-arac { grid-template-columns: minmax(0, 1fr) 220px auto; align-items: end; } }
.dukkan-gorsel-aciklama, .urun-gorsel-notu { color: #c3b69b; font-size: .78rem; line-height: 1.45; }
.dukkan-gorsel-aciklama { margin: 0 0 16px; }
.urun-gorsel-notu { margin: 10px 0 0; text-align: center; }
.dukkan-sayfasi .bakiye-kutu, .dukkan-sayfasi .satin-al { border-radius: 4px; border-color: #8b7957;
  background: linear-gradient(135deg, #302b22, #1e1b16); }
.dukkan-sayfasi .girdi { border-color: #736348; background: #1d1a16; }

@media (max-width: 899px) { .urun-ayrinti__ikon { max-width: 280px; width: 100%; margin: 0 auto; } }
.urun-rozetleri { gap: 8px; margin-bottom: 16px; }
.urun-fiyat { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 20px; }
.fiyat--buyuk { font-size: 1.7rem; }
.fiyat--buyuk .akce-simge { width: 26px; height: 26px; }
.urun-ayrinti .yazi { max-width: none; }
.urun-ayrinti h2 { font-size: 1.35rem; margin-top: 28px; }
.urun-ayrinti .satin-al h2 { margin-top: 0; }
.satin-al { margin-top: 28px; }
.satin-al .dugme, .hak-karti .dugme { white-space: normal; text-align: center; }

.ozet-listesi { display: grid; margin: 0 0 20px; }
.ozet-listesi div { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 0;
  border-bottom: 1px solid var(--cizgi); }
.ozet-listesi dt { color: var(--soluk); }
.ozet-listesi dd { margin: 0; font-weight: 700; text-align: right; overflow-wrap: anywhere; }

.dukkan-alt-baslik { font-size: 1.4rem; margin-bottom: 12px; }
.hak-karti .kart__baslik { flex-wrap: wrap; }
.hak-karti h3 { font-size: 1.1rem; }
.secim-grubu { display: grid; gap: 10px; border: 0; padding: 0; margin: 0; min-width: 0; }
.secim-grubu legend { padding: 0; margin-bottom: 6px; font-weight: 700; font-size: .92rem; }
.secim-grubu .onay { min-height: 44px; align-items: center; cursor: pointer; }

.miktar--arti { color: var(--basari); font-weight: 700; }
.miktar--eksi { color: var(--hata); font-weight: 700; }
.hareket-listesi { list-style: none; margin: 0; padding: 0; }
.hareket-listesi li { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 0;
  border-bottom: 1px solid var(--cizgi); }
.hareket-listesi li:last-child { border-bottom: 0; }
.hareket-listesi li > span:first-child { display: grid; gap: 2px; min-width: 0; }

/* ---------- İçerik sayfaları (sayfalar/icerik.py: rehber, haberler, sıralama, indir, destek, yasal) ---------- */

/* Izgara öğeleri içeriğe göre genişlemesin (uzun kod satırı/SHA değeri sayfayı yatay kaydırmasın) */
.sayfa-icerik .yan-duzen > *, .indir-kutu > *, .rehber-hikaye > * { min-width: 0; }

/* Rehber merkezi */
.rehber-hikaye { display: grid; gap: 24px; align-items: center; }
@media (min-width: 900px) { .rehber-hikaye { grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: 40px; } }
.rehber-hikaye__resim img { width: 100%; border-radius: var(--r-b); border: 1px solid var(--cizgi-altin); box-shadow: var(--golge); }
.rehber-karti .simge, .ozellik-karti .simge { color: var(--altin); margin-bottom: 12px; }
.rehber-karti h3, .ozellik-karti h3 { margin-bottom: 6px; }
.rehber-karti h3 a { color: var(--yazi); text-decoration: none; }
.rehber-karti h3 a:hover { color: var(--altin); }
.rehber-karti p, .ozellik-karti p { color: var(--soluk); margin: 0; }
.kart-baslik-kucuk { display: flex; align-items: center; gap: 8px; font-size: 1.2rem; }

/* Sınıflar */
.sinif-bolum { display: grid; gap: 20px; padding: 32px 0; border-bottom: 1px solid var(--cizgi); }
.sinif-bolum:last-of-type { border-bottom: 0; }
@media (min-width: 800px) { .sinif-bolum { grid-template-columns: 300px minmax(0, 1fr); gap: 40px; align-items: start; } }
.sinif-bolum__resim { max-width: 320px; aspect-ratio: 2 / 3; overflow: hidden; border-radius: var(--r-b);
  border: 1px solid var(--cizgi-altin); background: var(--alan); box-shadow: var(--golge); }
.sinif-bolum__resim img { width: 100%; height: 100%; object-fit: cover; }
.sinif-bolum h2 { margin-bottom: 10px; }
.sinif-bolum h3 { margin-top: 20px; }
.sinif-bolum__rozetler { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.sinif-bolum__ozet { font-size: 1.1rem; color: var(--yazi); }

/* Bölgeler */
.bolge-ogesi { display: grid; gap: 12px; align-content: start; }
.bolge-ogesi p { color: var(--soluk); margin: 0; font-size: .95rem; }
.bolge-ogesi:target .bolge-karti { border-color: var(--altin); box-shadow: 0 0 0 2px rgba(232, 199, 122, .35); }
.yol-haritasi { list-style: none; margin: 0; padding: 0 0 0 8px; }
.yol-haritasi li { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px;
  padding: 0 0 22px 28px; border-left: 2px solid var(--cizgi-2); }
.yol-haritasi li:last-child { border-left-color: transparent; padding-bottom: 0; }
.yol-haritasi li::before { content: ""; position: absolute; left: -8px; top: 9px; width: 14px; height: 14px; border-radius: 50%;
  background: var(--altin); box-shadow: 0 0 0 4px rgba(232, 199, 122, .16); }
.yol-haritasi a { font: 700 1.1rem/1.3 var(--font-baslik); color: var(--yazi); text-decoration: none; min-height: 32px; display: inline-flex; align-items: center; }
.yol-haritasi a:hover { color: var(--altin); }
.yol-haritasi p { flex-basis: 100%; margin: 0; color: var(--soluk); font-size: .95rem; }

/* Başlangıç: yedi adım */
@media (min-width: 1000px) { .adimlar--uzun { grid-template-columns: repeat(4, 1fr); } }
.adimlar p a { color: var(--altin); }

/* Haber ayrıntısı */
.haber { min-width: 0; }
.haber-kapak { margin: 0 0 24px; aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--r-b); border: 1px solid var(--cizgi); background: var(--alan-3); }
.haber-kapak img { width: 100%; height: 100%; object-fit: cover; }
.haber-ozet { max-width: 72ch; font-size: 1.15rem; color: var(--yazi); }
.haber-gezinti { display: grid; gap: 12px; margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--cizgi); }
@media (min-width: 720px) { .haber-gezinti { grid-template-columns: 1fr 1fr; } }
.haber-gezinti a { display: grid; gap: 4px; min-height: 44px; padding: 14px 16px; border-radius: var(--r); border: 1px solid var(--cizgi);
  background: var(--alan); color: var(--yazi); font-weight: 700; text-decoration: none; overflow-wrap: anywhere; }
.haber-gezinti a:hover { border-color: var(--cizgi-altin); color: var(--altin); }
.haber-gezinti span { color: var(--ipucu); font-size: .85rem; font-weight: 600; }
@media (min-width: 720px) { .haber-gezinti__sonraki { grid-column: 2; text-align: right; } }

/* Sıralama araması */
.arama-form { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-start; margin-bottom: 24px; }
.arama-form .alan { flex: 1 1 260px; max-width: 480px; }
.arama-form > .dugme { margin-top: calc(.92rem * 1.65 + 6px); min-height: 48px; }
@media (max-width: 559px) { .arama-form > .dugme { margin-top: 0; width: 100%; } }
.kategori-menu + .kategori-menu { margin-top: -8px; }

/* İndir */
.indir-kutu { display: grid; gap: 24px; }
@media (min-width: 900px) { .indir-kutu { grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 40px; } }
.indir-kutu h2 { margin-bottom: 8px; }
.indir-kutu__dugme .dugme { width: 100%; }
.indir-bilgi { display: grid; gap: 12px 24px; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); margin: 16px 0 0; }
.indir-bilgi dt { color: var(--ipucu); font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.indir-bilgi dd { margin: 2px 0 0; font-weight: 700; overflow-wrap: anywhere; }
.sha-deger code { display: block; padding: 10px 12px; margin-top: 6px; border-radius: var(--r-k); border: 1px solid var(--cizgi-2);
  background: #07040a; color: var(--altin-2); font: 500 .88rem/1.5 ui-monospace, SFMono-Regular, Consolas, monospace;
  overflow-wrap: anywhere; word-break: break-all; }
.kod-blok { margin: 12px 0 16px; padding: 14px 16px; max-width: 100%; overflow-x: auto; border-radius: var(--r); border: 1px solid var(--cizgi-2);
  background: #07040a; color: var(--altin-2); font: 500 .92rem/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; white-space: pre; }
.yazi :not(pre) > code, .tablo code, .ipucu code { padding: 1px 6px; border-radius: 4px; background: rgba(215, 168, 255, .1);
  color: var(--altin-2); font: 500 .9em/1.4 ui-monospace, SFMono-Regular, Consolas, monospace; overflow-wrap: anywhere; }
.yazi .tablo-kap { margin: 16px 0; }
.yazi .sss { margin-top: 12px; }
.yazi .sss details > div p:last-child { margin-bottom: 0; }

/* Yan kutudaki düz bağlantı listesi (destek, indir) */
.yan-menu--duz { padding: 0; border: 0; background: none; }
@media (max-width: 999px) { .yan-menu--duz { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr));
  gap: 0 12px; overflow: visible; } }

/* Yasal metinler */
.yasal-tarih { margin: 0 0 24px; }
.yazi .tablo td { color: #e6dcee; }

/* Anahtar-değer tabloları (gereksinimler, veriler, çerezler, cezalar): mobilde hücreler alt alta */
@media (max-width: 719px) {
  .tablo--tek-sutun tr { grid-template-columns: minmax(0, 1fr); }
  .tablo--tek-sutun td { overflow-wrap: anywhere; }
}

/* ---------- Genel: ızgara/esnek çocukları taşmasın (uzun içerik mobilde yatay kaydırma yapmasın) ---------- */
.yan-duzen > *, .izgara > *, .kart__baslik > * { min-width: 0; }


/* ---------- Ana sayfa bölümleri (2026-09-29 yenileme) ---------- */
.sinif-karti__ok { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; color: var(--altin); font-weight: 700; font-size: .9rem; }
.sinif-karti:hover .sinif-karti__ok .simge { transform: translateX(3px); }
.sinif-karti__ok .simge { transition: transform var(--gecis); }

/* Bölgeler: telefonda yana kayan şerit, geniş ekranda 2 / 4 sütun ızgara */
.bolge-izgara { display: grid; grid-auto-flow: column; grid-auto-columns: 78%; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory;
  margin: 0 -16px; padding: 4px 16px 12px; scrollbar-width: thin; scrollbar-color: var(--mor-3) transparent; }
.bolge-izgara > * { scroll-snap-align: start; }
@media (min-width: 720px) { .bolge-izgara { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px;
  overflow: visible; margin: 0; padding: 0; } }
@media (min-width: 1000px) { .bolge-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* Dükkân tanıtımı: girişsiz ziyaretçi ürünleri değil, kilitli tanıtımı görür */
.dukkan-tanitim { display: grid; gap: 28px; align-items: center; padding: 28px 20px; overflow: hidden;
  border-radius: 20px; border: 1px solid var(--cizgi-altin);
  background: radial-gradient(520px 300px at 88% 50%, rgba(232, 199, 122, .13), transparent 70%),
              radial-gradient(520px 280px at 0% 100%, rgba(110, 70, 144, .28), transparent 70%), var(--alan-2); }
@media (min-width: 900px) { .dukkan-tanitim { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 48px; padding: 48px 56px; } }
.dukkan-tanitim h2 { margin-bottom: 10px; }
.dukkan-tanitim p { color: var(--soluk); font-size: 1.05rem; }
.dukkan-tanitim .dukkan-tanitim__kilit { display: flex; align-items: center; gap: 8px; color: var(--altin-2); font-size: .95rem; font-weight: 600; }
.dukkan-tanitim__kilit .simge { color: var(--altin); }
.dukkan-tanitim__vitrin { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding-bottom: 12px; }
.dukkan-tanitim__ikon { display: grid; place-items: center; aspect-ratio: 1; border-radius: 3px; border: 1px solid #70634c;
  background: linear-gradient(135deg, #35312a, #181713); }
.dukkan-tanitim__ikon:nth-child(3n+2) { transform: translateY(12px); }
.dukkan-tanitim__ikon img { width: auto; height: auto; max-width: 85%; max-height: 104px; object-fit: contain; }

/* Başlangıç adımları + en güçlüler yan yana (geniş ekran) */
@media (min-width: 1000px) {
  .baslangic--iki { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(340px, 1fr); gap: 48px; align-items: end; }
  .baslangic--iki .adimlar { grid-template-columns: 1fr; gap: 12px; }
  .baslangic--iki .adimlar li { display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 16px; padding: 18px 20px; }
  .baslangic--iki .adimlar li::before { grid-row: span 2; margin: 0; }
}
@media (max-width: 999px) { .en-gucluler { margin-top: 24px; } }
.en-gucluler .kart__baslik a { font-weight: 700; font-size: .92rem; }
.bolum--sikisik { padding-top: 0; }

/* ---------- Duyarlı inceleme düzeltmeleri (2026-09-29: 29 sayfa x telefon/tablet/dizüstü/masaüstü) ---------- */
h1, h2, h3 { text-wrap: balance; }
.sayfa-basi p, .yazi p, .bildirim p, .cagri p, .form-kutu p, .hata-sayfasi p { text-wrap: pretty; }
.kart > :last-child { margin-bottom: 0; }
/* Başlığın başındaki simge metinle aynı satırda (svg genel kuralda display:block) */
:is(h1, h2, h3, h4):has(> .simge:first-child) { display: flex; align-items: center; gap: 10px; }
.kart__baslik :is(h2, h3) > .simge:first-child { color: var(--altin); }
.en-gucluler .kart__baslik a { display: inline-flex; align-items: center; min-height: 44px; }

/* Alt bilgi: telefonda iki sütun, dokunma alanı 44 px */
.alt .dugme--kucuk { min-height: 44px; }
@media (max-width: 719px) {
  .alt__ic { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; }
  .alt__marka { grid-column: 1 / -1; }
}

/* Üst çubuk: uzun kullanıcı adı taşmasın; tablette hesap bağlantısı görünsün */
.ust__sag { min-width: 0; }
.ust__hesap > span { max-width: 14ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (min-width: 560px) { .ust__hesap { display: inline-flex; } }
@media (max-width: 1199px) { .ust__hesap .akce-hap { display: none; } }
.mobil-panel .dugme { min-height: 48px; }
.ust__sag .mobil-panel .durum-hap { min-height: 44px; }
.mobil-panel__dugmeler form { display: contents; }
@media (min-width: 720px) {
  .mobil-panel nav ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
  .mobil-panel__dugmeler { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
}

/* Kaydırmalı şeritler: ilk kart kenardan 16/24 px içeride başlasın */
@media (max-width: 719px) { .siniflar { scroll-padding-inline: 16px; } }
.bolge-izgara, .serit { scroll-padding-inline: 16px; }
@media (min-width: 720px) { .serit { scroll-padding-inline: 24px; } }

/* Ana sayfa */
.sinif-karti p { min-height: calc(3 * 1.65em); }
@media (min-width: 720px) and (max-width: 999px) {
  .sinif-karti__ic { padding: 16px; }
  .sinif-karti .rozet { font-size: .7rem; letter-spacing: .02em; padding: 3px 8px; }
  .sayfa-ana .urun-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 560px) and (max-width: 719px) { .sayfa-ana .urun-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.dukkan-tanitim__ikon picture { width: 100%; display: grid; place-items: center; }
@media (min-width: 560px) and (max-width: 899px) {
  .dukkan-tanitim__vitrin { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .dukkan-tanitim__ikon:nth-child(3n+2) { transform: none; }
  .dukkan-tanitim__ikon:nth-child(even) { transform: translateY(8px); }
}
@media (max-width: 799px) { .durum-seridi__baglanti { justify-self: start; margin-left: -12px; } }
.bolum-alt .bolum-baslik { flex: 1 1 320px; }
.bolum-alt .bolum-baslik > :last-child { margin-bottom: 0; }
.bolum-alt > .dukkan-alt-baslik { margin-bottom: 0; align-self: center; }
.bolum-alt > .dukkan-alt-baslik + .dugme { align-self: center; }
@media (max-width: 559px) {
  .sayfa-ana .duyuru-karti { grid-template-columns: 112px minmax(0, 1fr); grid-template-rows: none; }
  .sayfa-ana .duyuru-karti__resim { aspect-ratio: auto; min-height: 112px; }
  .sayfa-ana .duyuru-karti__resim picture { height: 100%; }
  .sayfa-ana .duyuru-karti__ic { padding: 12px 14px; }
  .sayfa-ana .duyuru-karti h3 { font-size: 1.05rem; margin: 6px 0 0; }
  .sayfa-ana .duyuru-karti p { display: none; }
  /* Çağrı düğmeleri telefonda tam genişlik (sayfa içinde tutarlı) */
  .sayfa-govde .dugmeler > .dugme, .dukkan-tanitim .dugmeler > .dugme, .cagri .dugme { flex: 1 1 100%; width: 100%; }
}
/* Adımlar: telefonda da numara solda */
@media (max-width: 719px) {
  .adimlar li { display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 14px; padding: 16px; }
  .adimlar li::before { grid-row: span 2; margin: 0; }
}

/* Sayfa başı kırıntısı: telefonda tek satır, son öğe kısaltılır */
@media (max-width: 719px) {
  .kirinti { flex-wrap: nowrap; }
  .kirinti li { flex: none; }
  .kirinti li:last-child { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

/* Oyun rehberi */
.bolge-listesi { row-gap: 32px; }
@media (min-width: 720px) and (max-width: 999px) { .bolge-listesi { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 719px) { .bolge-ogesi .bolge-karti { aspect-ratio: 16 / 9; } }
@media (max-width: 719px) { .kod-blok { white-space: pre-wrap; overflow-wrap: anywhere; } }
@media (max-width: 999px) { .indir-yan { display: contents; } .indir-yan > nav { order: -1; } }
.yan-menu--duz { margin-left: -12px; margin-right: -12px; }
@media (max-width: 799px) {
  .sinif-bolum__resim { max-width: none; aspect-ratio: 4 / 3; }
  .sinif-bolum__resim img { object-position: 50% 20%; }
}
.sinif-bolum__ic { max-width: 72ch; }
.yan-duzen > .sunucu-karti { align-self: start; }
.yazi > h2:first-child, .yazi > .ust-etiket + h2 { margin-top: 0; }
.rehber-hikaye .yazi h2 { font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.35rem); }
@media (min-width: 720px) and (max-width: 999px) { .adimlar--uzun li:last-child { grid-column: 1 / -1; } }
@media (min-width: 1000px) { .adimlar--uzun li:last-child { grid-column: span 2; } }
@media (min-width: 1000px) {
  .sayfa-icerik .yan-duzen > aside { position: sticky; top: calc(var(--ust-boy) + 24px); align-self: start; }
}
.yazi .tablo td.soluk { color: var(--soluk); }
@media (max-width: 719px) { .tablo--tek-sutun td[data-etiket]::before { content: none; } }
@media (min-width: 720px) { .tablo--tek-sutun tr > :first-child { width: 32%; } }
@media (max-width: 999px) { .sayfa-icerik .yan-duzen > .yazi { max-width: none; } }

/* Sıralama tablosu */
@media (max-width: 719px) {
  .tablo--sira td:first-child { grid-row: span 2; align-self: center; }
  .tablo--sira td[data-etiket] { font-size: .95rem; }
}
@media (min-width: 720px) {
  .tablo--sira th:first-child { width: 88px; }
  .tablo--sira th:nth-child(4), .tablo--sira td:nth-child(4) { text-align: right; }
}

/* Yana kayan sekmeler ve çipler: telefonda kenardan kenara, sağda solma ipucu; genişte çipler satıra sarar */
@media (max-width: 719px) {
  .sekmeler, .kategori-menu { margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 40px;
    scroll-padding-inline: 16px; scrollbar-width: none;
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 40px), transparent);
            mask-image: linear-gradient(90deg, #000 calc(100% - 40px), transparent); }
  .sekmeler::-webkit-scrollbar, .kategori-menu::-webkit-scrollbar { display: none; }
  .sekmeler a { padding: 0 12px; }
}
@media (min-width: 720px) { .kategori-menu { flex-wrap: wrap; overflow: visible; padding-bottom: 0; } }

/* Hesap yan menüsü (< 1000 px şerit): kaydırma ipucu; çıkış mobil menüde */
@media (max-width: 999px) {
  .yan-menu:not(.yan-menu--duz) { scrollbar-width: none; scroll-snap-type: x proximity;
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 40px), transparent);
            mask-image: linear-gradient(90deg, #000 calc(100% - 40px), transparent); }
  .yan-menu:not(.yan-menu--duz)::-webkit-scrollbar { display: none; }
  .yan-menu:not(.yan-menu--duz) li { flex: none; scroll-snap-align: start; }
  .yan-menu:not(.yan-menu--duz)::after { content: ""; flex: 0 0 32px; }
  .yan-menu + form { display: none; }
}

/* Yasal metinler: geniş ekranda yapışkan içindekiler */
.yasal-icindekiler { display: none; }
@media (min-width: 1000px) {
  .yasal-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 48px; align-items: start; }
  .yasal-icindekiler { display: block; position: sticky; top: calc(var(--ust-boy) + 24px); }
  .yasal-icindekiler ol { margin: 0; padding-left: 1.25em; color: var(--ipucu); }
  .yasal-icindekiler a { display: inline-flex; align-items: center; min-height: 40px; color: var(--soluk); text-decoration: none; font-size: .95rem; }
  .yasal-icindekiler a:hover { color: var(--altin); }
}

/* Yan kutular tablette iki sütun */
@media (min-width: 720px) and (max-width: 999px) {
  .yan-duzen > .yigin { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
  .yan-duzen > .yigin > * + * { margin-top: 0; }
  .yan-duzen > .yigin > .dugme { grid-column: 1 / -1; }
}
/* Kısa sayfalar (giriş, kayıt, 404) dikeyde ortada */
main:has(> .kap > .form-kutu), main:has(> .hata-sayfasi) { display: flex; flex-direction: column; justify-content: center; }

/* Hesap ve dükkân tabloları: telefonda her satır bir kart, her hücre "etiket ..... değer" */
@media (max-width: 719px) {
  .tablo--kart tr { grid-template-columns: minmax(0, 1fr); gap: 8px; padding: 16px; }
  .tablo--kart td { display: block; text-align: right; overflow-wrap: anywhere; }
  .tablo--kart td::after { content: ""; display: block; clear: both; }
  .tablo--kart td:first-child { text-align: left; padding-bottom: 4px; }
  .tablo--kart td[data-etiket]::before { content: attr(data-etiket); float: left; margin-right: 16px;
    color: var(--ipucu); font-size: .85rem; font-weight: 400; line-height: 1.9; }
  .tablo--kart td:first-child::before { content: none; }
}
.tablo th, .tablo time { white-space: nowrap; }

/* Hesap özeti kutuları */
@media (min-width: 720px) { .istatistikler { gap: 24px; } }
@media (max-width: 559px) {
  .istatistikler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .istatistikler > :first-child { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center;
    justify-content: space-between; gap: 8px 16px; }
  .istatistikler > :first-child .istatistik__etiket { flex-basis: 100%; }
  .istatistikler > :first-child .dugme { margin-top: 0; }
}

/* Dükkân */
.urun-karti h3 { text-wrap: balance; }
.dukkan-arac > .dugme { min-height: 48px; }
@media (max-width: 719px) {
  .dukkan-arac { grid-template-columns: minmax(0, 1fr) auto; align-items: end; }
  .dukkan-arac > .alan:first-child { grid-column: 1 / -1; }
}
@media (min-width: 720px) and (max-width: 899px) {
  .urun-ayrinti { grid-template-columns: 260px minmax(0, 1fr); gap: 32px; }
  .urun-ayrinti__ikon { max-width: none; margin: 0; }
}
@media (min-width: 720px) { .urun-ayrinti > :first-child { position: sticky; top: calc(var(--ust-boy) + 24px); align-self: start; } }
@media (min-width: 720px) and (max-width: 999px) { .akce-duzen { grid-template-columns: minmax(0, 1fr) 280px; } }
.form-dar { max-width: 640px; }

/* ---------- Giriş / kayıt yatay panosu: masaüstünde solda görsel + tanıtım, sağda form (kullanıcı isteği 09-29) ---------- */
main:has(> .kap > .hesap-pano) { display: flex; flex-direction: column; justify-content: center; }
.hesap-pano { display: grid; max-width: 1080px; margin: 0 auto; overflow: hidden; border-radius: 20px;
  border: 1px solid var(--cizgi-altin); background: linear-gradient(180deg, var(--alan-2), var(--alan)); box-shadow: var(--golge); }
.hesap-pano--dar { max-width: 920px; }
@media (min-width: 900px) {
  .hesap-pano { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
  .hesap-pano--dar { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
.hesap-pano__tanitim { position: relative; isolation: isolate; display: flex; flex-direction: column; justify-content: flex-end;
  min-height: 140px; padding: 24px 22px; overflow: hidden; }
@media (min-width: 900px) { .hesap-pano__tanitim { padding: 40px 36px; } }
.hesap-pano__resim, .hesap-pano__resim img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.hesap-pano__tanitim::before { content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(180deg, rgba(10, 6, 13, .2) 0%, rgba(10, 6, 13, .6) 45%, rgba(10, 6, 13, .95) 100%); }
.hesap-pano__tanitim .ust-etiket { margin-bottom: 8px; }
.hesap-pano__baslik { margin: 0 0 12px; font: 700 clamp(1.5rem, 1.1rem + 1.2vw, 2.1rem)/1.2 var(--font-baslik); color: var(--yazi);
  text-shadow: 0 2px 16px rgba(0, 0, 0, .85); }
.hesap-pano__maddeler { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; color: #e9e0f0; font-size: .98rem; }
.hesap-pano__maddeler li { display: flex; align-items: flex-start; gap: 10px; text-shadow: 0 1px 10px rgba(0, 0, 0, .9); }
.hesap-pano__maddeler .simge { color: var(--altin); margin-top: 4px; }
@media (max-width: 899px) { .hesap-pano__maddeler { display: none; } .hesap-pano__baslik { margin-bottom: 0; } }
.hesap-pano__form { padding: 28px 22px; }
@media (min-width: 720px) { .hesap-pano__form { padding: 40px 44px 36px; } }
.hesap-pano__form h1 { font-size: 1.9rem; margin-bottom: 6px; }
.hesap-pano__form > p.soluk { margin-bottom: 20px; }
.hesap-pano__form .alt-baglanti { text-align: left; }
.form-izgara { gap: 18px 24px; }
@media (min-width: 720px) {
  .form-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
  .form-izgara > .form-izgara__tam { grid-column: 1 / -1; }
}
.alan__ust { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.alan__ust a { font-size: .88rem; font-weight: 600; }
.hesap-pano__form .alt-baglanti { margin: 18px 0 0; color: var(--soluk); font-size: .95rem; }

/* ---------- Hesabım: yönetim bağlantıları (yalnız yönetici hesabında basılır) ---------- */
.yan-menu__baslik { display: flex; align-items: center; gap: 8px; margin: 16px 0 6px; padding: 0 8px; font-size: .8rem;
  font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ipucu); }
.yan-menu--yonetim a { color: var(--mor); }
.yan-menu--yonetim a:hover { color: var(--yazi); }
.rozet--mor { background: rgba(215, 168, 255, .12); color: var(--mor); border-color: rgba(215, 168, 255, .3); }
.kart--yonetim { border-color: rgba(215, 168, 255, .32); background: linear-gradient(135deg, rgba(110, 70, 144, .22), var(--alan) 60%); }
.yonetim-baglantilari { display: grid; gap: 12px; }
@media (min-width: 720px) { .yonetim-baglantilari { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); } }
.yonetim-baglanti { display: flex; align-items: center; gap: 14px; min-height: 64px; padding: 12px 16px; border-radius: var(--r);
  border: 1px solid var(--cizgi-2); background: var(--alan-2); color: var(--yazi); text-decoration: none;
  transition: border-color var(--gecis), background var(--gecis); }
.yonetim-baglanti:hover { border-color: var(--mor-2); background: var(--alan-3); color: var(--yazi); }
.yonetim-baglanti > .simge--b { color: var(--mor); }
.yonetim-baglanti__metin { display: grid; gap: 2px; flex: 1; min-width: 0; }
.yonetim-baglanti__metin .ipucu { font-size: .85rem; }
.yonetim-baglanti > .simge--k { color: var(--altin); }

/* ---------- İstatistik izni bandı (yalnız analitik açıkken basılır; analitik.js yönetir) ---------- */
.izin-bandi { position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; padding: 14px 0 calc(14px + env(safe-area-inset-bottom));
  background: rgba(15, 9, 20, .97); border-top: 1px solid var(--cizgi-2); box-shadow: 0 -8px 24px rgba(0, 0, 0, .5); }
.izin-bandi__ic { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
.izin-bandi__ic p { flex: 1 1 420px; margin: 0; font-size: .95rem; color: var(--soluk); }
.izin-bandi__dugmeler { display: flex; flex-wrap: wrap; gap: 8px; }
.metin-dugme { padding: 0; border: 0; background: none; color: var(--altin); font: inherit; text-decoration: underline;
  text-underline-offset: 3px; cursor: pointer; }
.metin-dugme:hover { color: var(--altin-2); }
@media (prefers-reduced-motion: reduce) { .yonetim-baglanti { transition: none; } }