@charset "UTF-8";
/* ==========================================================================
   K2 AETHER UI — Merkezi tasarim sistemi (TEK kaynak)
   --------------------------------------------------------------------------
   Bu dosya k2-tokens.css'i genisletir ve TUM kabuk + bilesen katmanini tanimlar.
   Absorbe edilenler (dosyalar silindi / yedege alindi):
     - assets/css/k2-ui-polish.css        (nav hit-test, dropdown clamp, back-top, scrollbar)
     - assets/css/guide-header-cta.css    (rehber CTA + eski masthead yamalari)
     - header.php icindeki 2 inline <style> blogu (nav + uptime panosu)
     - top.php icindeki inline <style> blogu (ust bar / cuzdan butonlari)

   Kural: yeni bir "-x / -v2 / -polish" katmani ACILMAZ. Duzeltme buraya yazilir.
   !important yalnizca bootstrap.css/style.css'in kendi !important kuralini
   yenmek zorunda oldugumuz yerlerde ve ISARETLI olarak kullanilir.
   ========================================================================== */

/* ==========================================================================
   0. AETHER TOKEN GENISLETMESI
   ========================================================================== */
:root {
  /* Kabuk olculeri */
  /* 36px -> 50px: cuzdan podu (TL/Pazar/Premium) buyutuldu, metinler nefes alsin. */
  --k2a-utility-h:   50px;
  --k2a-masthead-h:  68px;
  --k2a-shell-h:     calc(var(--k2a-utility-h) + var(--k2a-masthead-h));
  --k2a-container:   1400px;
  /* Nav 1200px altinda sigmiyor (olculdu: 5 sekme + CTA = ~700px talep).
     Bu esigin altinda masthead sheet moduna gecer. JS'te DESKTOP ile ayni deger. */
  --k2a-desktop:     1200px;

  /* Katman (z-index) olcegi — tek merkez */
  --k2a-z-base:      1;
  --k2a-z-sticky:    1000;
  --k2a-z-nav:       1010;
  --k2a-z-mega:      1020;
  --k2a-z-backdrop:  1030;
  --k2a-z-sheet:     1040;
  --k2a-z-modal:     1050;
  --k2a-z-toast:     1060;

  /* Aether yuzeyleri */
  --k2a-shell-bg:    linear-gradient(180deg, rgba(9, 12, 18, .96), rgba(13, 16, 23, .92));
  --k2a-shell-blur:  saturate(140%) blur(14px);
  --k2a-rune:        rgba(255, 215, 106, .55);
  --k2a-rune-soft:   rgba(255, 215, 106, .12);
  --k2a-ember:       #ff6a2b;

  /* Hedef boyutu (dokunma) */
  --k2a-tap:         44px;
}

/* ==========================================================================
   1. TEMEL / ERISILEBILIRLIK
   ========================================================================== */
.k2a-skip {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: var(--k2a-z-toast);
  padding: 12px 18px;
  background: var(--k2-gold);
  color: var(--k2-text-ondark);
  font-weight: var(--k2-fw-heavy);
  border-radius: 0 0 var(--k2-radius-sm) 0;
}
.k2a-skip:focus { left: 0; color: var(--k2-text-ondark); }

.k2a-sr {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* FontAwesome glifleri ozel kullanim alani (PUA) karakterleridir; ust olcek
   text-transform:uppercase mirasi onlari bozup harfe cevirebiliyor (hero kicker'da
   fa-shield "Ü" olarak ciziliyordu). Ikonlar asla donusturulmez. */
.fa { text-transform: none; font-variant: normal; }

/* Klavye odagi: her yerde gorunur halka */
a:focus-visible,
button:focus-visible,
[role="tab"]:focus-visible,
.k2a-nav a:focus-visible,
.k2a-btn:focus-visible {
  outline: 2px solid var(--k2-gold);
  outline-offset: 2px;
  border-radius: var(--k2-radius-xs);
}

/* Mobil sheet acikken arka plan kaymasin (scroll-lock) */
body.k2a-locked {
  overflow: hidden;
  /* iOS Safari: pozisyon korunur, arka plan zipla-maz */
  touch-action: none;
}

/* Ozel kaydirma cubugu (k2-ui-polish.css'ten absorbe) */
* { scrollbar-width: thin; scrollbar-color: rgba(255, 215, 106, .35) transparent; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: rgba(255, 255, 255, .03); }
::-webkit-scrollbar-thumb {
  background: rgba(255, 215, 106, .28);
  border-radius: var(--k2-radius-pill);
  border: 2px solid transparent;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover { background: rgba(255, 215, 106, .5); background-clip: content-box; }

/* ==========================================================================
   2. KABUK: UTILITY STRIP (ince ust serit)
   ========================================================================== */
.k2a-utility {
  position: relative;
  z-index: var(--k2a-z-nav);
  min-height: var(--k2a-utility-h);
  background: rgba(6, 9, 14, .92);
  border-bottom: 1px solid var(--k2-border);
  font-size: var(--k2-fs-xs);
}
.k2a-utility__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--k2-space-4);
  min-height: var(--k2a-utility-h);
  max-width: var(--k2a-container);
  margin: 0 auto;
  padding: 0 var(--k2-space-4);
}
.k2a-utility__group {
  display: flex;
  align-items: center;
  gap: var(--k2-space-2);
  min-width: 0;
}

/* Canli sunucu durumu — GERCEK veri (CURRENTUSER x OnlineBugu) */
.k2a-status {
  display: inline-flex;
  align-items: center;
  gap: var(--k2-space-2);
  padding: 4px 10px;
  border: 1px solid rgba(95, 224, 136, .35);
  border-radius: var(--k2-radius-pill);
  background: rgba(95, 224, 136, .08);
  color: var(--k2-green-soft);
  font-size: var(--k2-fs-xs);
  font-weight: var(--k2-fw-bold);
  white-space: nowrap;
}
.k2a-status b { color: #fff; font-weight: var(--k2-fw-heavy); }
.k2a-status__dot {
  width: 7px; height: 7px;
  border-radius: var(--k2-radius-round);
  background: var(--k2-green);
  box-shadow: 0 0 0 0 rgba(95, 224, 136, .7);
  animation: k2aPulse 2.4s ease-out infinite;
  flex: 0 0 auto;
}
.k2a-status--down { border-color: rgba(229, 72, 77, .4); background: rgba(229, 72, 77, .1); color: #ffb3b5; }
.k2a-status--down .k2a-status__dot { background: var(--k2-danger); animation: none; }
@keyframes k2aPulse {
  0%   { box-shadow: 0 0 0 0 rgba(95, 224, 136, .55); }
  70%  { box-shadow: 0 0 0 7px rgba(95, 224, 136, 0); }
  100% { box-shadow: 0 0 0 0 rgba(95, 224, 136, 0); }
}

/* --- CUZDAN PODU: TL Bakiye / Pazar / Premium ------------------------------
   Uc bagimsiz kucuk link yerine TEK mavi, yuvarlak (pill) kapsayici.
   Ikonlar dairesel rozet icindedir; metinler buyutulmus ve nefes almasi icin
   araliklari acilmistir. Uclu grup bir arada tek bir "cuzdan" birimi okunur. */
.k2a-utility__group--wallet {
  gap: 4px;
  padding: 4px;
  border: 1px solid rgba(109, 179, 255, .34);
  border-radius: var(--k2-radius-pill);
  background:
    linear-gradient(180deg, rgba(109, 179, 255, .16), rgba(109, 179, 255, .06));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06),
              0 4px 14px rgba(23, 84, 160, .22);
}

.k2a-ulink {
  display: inline-flex;
  align-items: center;
  gap: var(--k2-space-2);
  min-height: 36px;
  padding: 0 var(--k2-space-4) 0 5px;
  border: 1px solid transparent;
  border-radius: var(--k2-radius-pill);
  color: #cfe2ff;
  font-size: var(--k2-fs-sm);
  font-weight: var(--k2-fw-bold);
  letter-spacing: .01em;
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--k2-t-fast) var(--k2-ease),
              background-color var(--k2-t-fast) var(--k2-ease),
              border-color var(--k2-t-fast) var(--k2-ease);
}
/* Ikon: dairesel rozet */
.k2a-ulink .fa {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  flex: 0 0 auto;
  border-radius: var(--k2-radius-round);
  background: rgba(255, 255, 255, .08);
  color: #9fd0ff;
  font-size: 12px;
  transition: background-color var(--k2-t-fast) var(--k2-ease), color var(--k2-t-fast) var(--k2-ease);
}
.k2a-ulink:hover,
.k2a-ulink:focus {
  color: #fff;
  background: rgba(109, 179, 255, .20);
  border-color: rgba(109, 179, 255, .45);
  text-decoration: none;
}
.k2a-ulink:hover .fa,
.k2a-ulink:focus .fa { background: rgba(255, 255, 255, .16); color: #fff; }
.k2a-ulink:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(109, 179, 255, .40); }

/* Vurgu varyantlari: yalnizca IKON rozeti renklenir, kapsayici mavi kalir. */
.k2a-ulink--gold .fa { background: rgba(255, 215, 106, .16); color: var(--k2-gold); }
.k2a-ulink--gold:hover .fa, .k2a-ulink--gold:focus .fa { background: var(--k2-grad-gold); color: var(--k2-text-ondark); }
.k2a-ulink--cyan .fa { background: rgba(34, 207, 224, .16); color: var(--k2-cyan); }
.k2a-ulink--cyan:hover .fa, .k2a-ulink--cyan:focus .fa { background: rgba(34, 207, 224, .30); color: var(--k2-cyan-soft); }

.k2a-udiv { width: 1px; height: 16px; background: var(--k2-border); flex: 0 0 auto; }
/* Cuzdan podunun icindeki ayirici gereksiz: pod zaten gruplamayi anlatiyor. */
.k2a-utility__group--wallet .k2a-udiv { display: none; }

/* Sosyal ikonlar */
.k2a-social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px; height: 30px;
  border-radius: var(--k2-radius-sm);
  color: var(--k2-text-muted);
  transition: color var(--k2-t-fast) var(--k2-ease), background-color var(--k2-t-fast) var(--k2-ease);
}
.k2a-social:hover, .k2a-social:focus { color: var(--k2-gold); background: var(--k2a-rune-soft); }
.k2a-social .fa { font-size: 15px; line-height: 1; }
.k2a-social svg { width: 15px; height: 15px; fill: currentColor; display: block; }

/* Dil secici */
.k2a-lang { display: inline-flex; align-items: center; gap: 4px; }
.k2a-lang a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px; height: 22px;
  border-radius: 4px;
  border: 1px solid transparent;
  opacity: .55;
  transition: opacity var(--k2-t-fast) var(--k2-ease), border-color var(--k2-t-fast) var(--k2-ease);
}
.k2a-lang a:hover, .k2a-lang a:focus, .k2a-lang a.is-active { opacity: 1; border-color: var(--k2a-rune); }
.k2a-lang img { width: 20px; height: auto; display: block; border-radius: 2px; }

/* ==========================================================================
   3. KABUK: MASTHEAD (yapisik ust bar — logo + nav + hesap)
   ========================================================================== */
.k2a-masthead {
  position: sticky;
  top: 0;
  z-index: var(--k2a-z-nav);
  background: var(--k2a-shell-bg);
  -webkit-backdrop-filter: var(--k2a-shell-blur);
  backdrop-filter: var(--k2a-shell-blur);
  border-bottom: 1px solid var(--k2-border);
  box-shadow: 0 1px 0 rgba(255, 215, 106, .10), 0 10px 30px rgba(0, 0, 0, .35);
}
.k2a-masthead__inner {
  display: flex;
  align-items: center;
  gap: var(--k2-space-3);
  max-width: var(--k2a-container);
  min-height: var(--k2a-masthead-h);
  margin: 0 auto;
  padding: 0 var(--k2-space-4);
}

/* Marka: kare logo isareti + kelime markasi (logo.png 215x215 bir amblem, wordmark degil) */
.k2a-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  order: 1;
  height: var(--k2a-masthead-h);
  padding-right: var(--k2-space-3);
  text-decoration: none;
}
.k2a-brand:hover, .k2a-brand:focus { text-decoration: none; }
.k2a-brand img { width: 42px; height: 42px; object-fit: contain; display: block; flex: 0 0 auto; }
.k2a-brand__word { display: flex; flex-direction: column; gap: 2px; line-height: 1; }
.k2a-brand__name {
  color: var(--k2-text);
  font-size: 15px;
  font-weight: var(--k2-fw-heavy);
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
}
.k2a-brand:hover .k2a-brand__name { color: var(--k2-gold); }
.k2a-brand__sub {
  color: var(--k2-gold);
  font-size: 9px;
  font-weight: var(--k2-fw-bold);
  letter-spacing: .18em;
  text-transform: uppercase;
  white-space: nowrap;
}
.k2a-brand:focus-visible { outline-offset: -2px; }

/* Nav govdesi (masaustu) */
.k2a-navwrap { order: 2; flex: 1 1 auto; min-width: 0; display: flex; justify-content: flex-end; }

/* Hesap kumesi */
.k2a-account {
  order: 3;
  display: flex;
  align-items: center;
  gap: var(--k2-space-2);
  flex: 0 0 auto;
}

/* Mobil hamburger */
.k2a-burger {
  order: 0;
  display: none;
  align-items: center;
  justify-content: center;
  width: var(--k2a-tap);
  height: var(--k2a-tap);
  padding: 0;
  border: 1px solid var(--k2-border-strong);
  border-radius: var(--k2-radius-sm);
  background: var(--k2-surface-2);
  color: var(--k2-text);
  cursor: pointer;
}
.k2a-burger:hover, .k2a-burger:focus { border-color: var(--k2a-rune); color: var(--k2-gold); }
.k2a-burger .fa { font-size: 18px; }

/* ==========================================================================
   4. BUTONLAR (tek olcek — tokens'taki .k2-btn ile ayni dil)
   ========================================================================== */
.k2a-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--k2-space-2);
  min-height: 40px;
  padding: 0 var(--k2-space-4);
  border: 1px solid var(--k2-border-strong);
  border-radius: var(--k2-radius-btn);
  background: var(--k2-surface-2);
  color: var(--k2-text);
  font-family: var(--k2-font-sans);
  font-size: var(--k2-fs-sm);
  font-weight: var(--k2-fw-heavy);
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: transform var(--k2-t-fast) var(--k2-ease),
              box-shadow var(--k2-t-fast) var(--k2-ease),
              border-color var(--k2-t-fast) var(--k2-ease),
              background-color var(--k2-t-fast) var(--k2-ease);
}
.k2a-btn:hover, .k2a-btn:focus { transform: translateY(-1px); box-shadow: var(--k2-shadow-md); text-decoration: none; color: var(--k2-text); }
.k2a-btn:active { transform: translateY(0); }
.k2a-btn .fa { font-size: 14px; }

.k2a-btn--gold {
  background: var(--k2-grad-gold);
  border-color: rgba(73, 42, 0, .95);
  color: var(--k2-text-ondark);
  text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
  box-shadow: var(--k2-shadow-gold), var(--k2-shadow-inset);
}
.k2a-btn--gold:hover, .k2a-btn--gold:focus { color: var(--k2-text-ondark); }
.k2a-btn--gold .fa { color: #5a3a00; }

.k2a-btn--cyan {
  background: var(--k2-grad-cyan);
  border-color: rgba(4, 54, 74, .92);
  color: #03313f;
  box-shadow: 0 10px 22px rgba(10, 140, 196, .32), var(--k2-shadow-inset);
}
.k2a-btn--cyan:hover, .k2a-btn--cyan:focus { color: #03313f; }

.k2a-btn--ghost { background: rgba(255, 255, 255, .03); border-color: var(--k2-border-strong); color: var(--k2-text-soft); }
.k2a-btn--ghost:hover, .k2a-btn--ghost:focus { border-color: var(--k2a-rune); color: var(--k2-gold); background: var(--k2a-rune-soft); }

/* Kirmizi / acil eylem — "Karakteri Kurtar" gibi kurtarma butonlari icin */
.k2a-btn--danger {
  background: linear-gradient(180deg, #ff7376 0%, #e5484d 52%, #b81f24 100%);
  border-color: rgba(120, 18, 22, .95);
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .28);
  box-shadow: 0 10px 22px rgba(229, 72, 77, .34), var(--k2-shadow-inset);
}
.k2a-btn--danger:hover, .k2a-btn--danger:focus { color: #fff; filter: brightness(1.06); }
.k2a-btn--danger .fa { color: #ffe3e3; }

/* Masthead icindeki kompakt kurtarma butonu — hesap kumesinde her zaman gorunur */
.k2a-rescue-btn { margin-right: var(--k2-space-2); }
.k2a-rescue-btn .fa { animation: k2a-rescue-pulse 2.6s ease-in-out infinite; }
@keyframes k2a-rescue-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.14); } }
@media (prefers-reduced-motion: reduce) { .k2a-rescue-btn .fa { animation: none; } }
@media (max-width: 1024px) {
  .k2a-rescue-btn__label { display: none; }
  .k2a-rescue-btn { padding-left: 12px; padding-right: 12px; }
}
@media (max-width: 720px) { .k2a-rescue-btn { display: none; } }

/* Utility strip (en ust serit) sol-ust "Ban Actirma Talebi" — DOLU KIRMIZI UI.
   Masthead nav'la cakismamasi icin en ust seride, en sola konumlandi. */
.k2a-banappeal-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-right: var(--k2-space-3);
  padding: 8px 18px;
  border-radius: 999px;
  border: 1px solid rgba(150, 22, 26, .9);
  background: linear-gradient(180deg, #ef4d52 0%, #d3282e 52%, #a81a20 100%);
  color: #fff;
  font-size: 13.5px;
  font-weight: 800;
  letter-spacing: .01em;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 8px 18px rgba(211, 40, 46, .36);
}
.k2a-banappeal-btn:hover, .k2a-banappeal-btn:focus { color: #fff; filter: brightness(1.07); text-decoration: none; }
.k2a-banappeal-btn .fa { color: #ffe0e0; font-size: 13.5px; }
/* Mobil sheet icindeki (k2a-btn--wide) surumu genis kalir; utility surumu daralinca ikon-only */
@media (max-width: 560px) {
  .k2a-utility .k2a-banappeal-btn .k2a-banappeal-btn__label { display: none; }
  .k2a-utility .k2a-banappeal-btn { padding: 5px 10px; }
}
/* Sheet icindeki buton dolu kirmizi olsun */
.k2a-sheet__grid .k2a-banappeal-btn { justify-content: center; width: 100%; padding: 10px 14px; font-size: 13px; }

.k2a-btn--lg  { min-height: 52px; padding: 0 var(--k2-space-6); font-size: var(--k2-fs-md); border-radius: var(--k2-radius-md); }
.k2a-btn--sm  { min-height: 32px; padding: 0 var(--k2-space-3); font-size: var(--k2-fs-xs); }
.k2a-btn--block { width: 100%; }
.k2a-btn[aria-disabled="true"], .k2a-btn:disabled { opacity: .45; pointer-events: none; }

/* ==========================================================================
   5. NAVIGASYON (masaustu) — hit-test temiz
   ========================================================================== */
.k2a-nav { display: flex; align-items: center; gap: 2px; margin: 0; padding: 0; list-style: none; }
/* Hicbir sekme ezilmez: CTA'nin ic metnini kirpan flex-shrink kapatildi
   (olculdu: shrink acikken CTA scrollWidth 251 -> clientWidth 50 idi). */
.k2a-nav > li { position: relative; display: flex; align-items: center; flex: 0 0 auto; }

.k2a-nav > li > a {
  position: relative;   /* HIT-TEST: pseudo elemanlar bu kutuda kalsin */
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 44px;
  padding: 0 11px;
  border-radius: var(--k2-radius-sm);
  color: var(--k2-text-soft);
  font-size: var(--k2-fs-sm);
  font-weight: var(--k2-fw-medium);
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--k2-t-fast) var(--k2-ease), background-color var(--k2-t-fast) var(--k2-ease);
}
/* HIT-TEST GUVENLIGI: temadan gelen dekoratif pseudo'lar tiklamayi yutmasin */
.k2a-nav > li > a::before,
.k2a-nav > li > a::after { pointer-events: none; }

.k2a-nav > li > a:hover,
.k2a-nav > li > a:focus,
.k2a-nav > li.open > a,
.k2a-nav > li.k2-hoveropen > a {
  color: var(--k2-gold);
  background: var(--k2a-rune-soft);
  text-decoration: none;
}
.k2a-nav > li.active > a {
  color: var(--k2-gold);
  background: rgba(255, 215, 106, .14);
  box-shadow: inset 0 -2px 0 var(--k2-gold);
}
.k2a-nav__icon { font-size: 13px; opacity: .8; }
.k2a-nav > li > a:hover .k2a-nav__icon,
.k2a-nav > li.active > a .k2a-nav__icon { opacity: 1; }
.k2a-nav__caret { font-size: 11px; opacity: .6; transition: transform var(--k2-t-fast) var(--k2-ease); }
.k2a-nav > li.open > a .k2a-nav__caret,
.k2a-nav > li.k2-hoveropen > a .k2a-nav__caret { transform: rotate(180deg); }

/* Rehber CTA (guide-header-cta.css'ten absorbe — artik yama degil, bilesen) */
.k2a-nav > li.k2gd-nav-cta > a {
  display: inline-grid;
  grid-template-columns: 16px minmax(0, auto);
  align-items: center;
  column-gap: 8px;
  height: 46px;
  margin-left: 6px;
  padding: 0 13px;
  border: 1px solid rgba(237, 190, 75, .55);
  border-radius: var(--k2-radius-sm);
  background: linear-gradient(112deg, rgba(93, 25, 17, .92), rgba(29, 17, 12, .96) 55%, rgba(10, 12, 17, .98));
  box-shadow: inset 0 1px 0 rgba(255, 240, 187, .12), 0 0 16px rgba(204, 71, 30, .18);
  color: #ffe3a0;
  overflow: hidden;
}
.k2a-nav > li.k2gd-nav-cta > a:hover,
.k2a-nav > li.k2gd-nav-cta > a:focus,
.k2a-nav > li.k2gd-nav-cta.active > a {
  border-color: rgba(255, 218, 115, .9);
  background: linear-gradient(112deg, rgba(117, 31, 18, .96), rgba(42, 22, 12, .97) 55%, rgba(13, 15, 20, .99));
  box-shadow: inset 0 1px 0 rgba(255, 240, 187, .18), 0 0 22px rgba(224, 91, 34, .32);
  color: #fff3d4;
}
.k2a-nav > li.k2gd-nav-cta .k2a-nav__icon { grid-row: 1 / 3; align-self: center; color: #f4c85e; opacity: 1; font-size: 15px; }
.k2a-nav__cta-copy { display: flex; flex-direction: column; gap: 3px; min-width: 0; line-height: 1; }
.k2a-nav__cta-title { font-size: 11px; font-weight: 900; letter-spacing: .02em; white-space: nowrap; }
.k2a-nav__cta-badge { font-size: 8px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #f2b94d; white-space: nowrap; }

/* ==========================================================================
   6. MEGA MENU
   ========================================================================== */
.k2a-mega {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: var(--k2a-z-mega);
  display: none;
  min-width: 260px;
  max-width: min(880px, calc(100vw - 32px));
  padding: var(--k2-space-4);
  border: 1px solid var(--k2-border);
  border-top: 2px solid var(--k2a-rune);
  border-radius: var(--k2-radius-md);
  background: #10141d;
  box-shadow: var(--k2-shadow-lg);
  /* Viewport tasmasini engelle: JS --k2-shift atar */
  transform: translateX(var(--k2-shift, 0px));
}
.k2a-nav > li.open > .k2a-mega,
.k2a-nav > li.k2-hoveropen > .k2a-mega { display: grid; }

.k2a-mega--cols3 { grid-template-columns: repeat(3, minmax(190px, 1fr)); gap: var(--k2-space-4); }
.k2a-mega--cols2 { grid-template-columns: repeat(2, minmax(200px, 1fr)); gap: var(--k2-space-4); }
.k2a-mega--cols1 { grid-template-columns: minmax(240px, 1fr); }

/* Sagdaki menuler viewport'tan tasmasin */
.k2a-nav > li:nth-last-child(-n+2) > .k2a-mega { left: auto; right: 0; }

.k2a-mega__col { min-width: 0; }
.k2a-mega__title {
  display: block;
  margin: 0 0 var(--k2-space-2);
  padding: 0 8px;
  color: var(--k2-gold);
  font-size: 10px;
  font-weight: var(--k2-fw-heavy);
  letter-spacing: .12em;
  text-transform: uppercase;
}
.k2a-mega__list { margin: 0; padding: 0; list-style: none; }
.k2a-mega__list > li { margin: 0; }
.k2a-mega__list > li > a {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 38px;
  padding: 6px 8px;
  border-radius: var(--k2-radius-xs);
  color: var(--k2-text-soft);
  font-size: var(--k2-fs-sm);
  text-decoration: none;
  transition: background-color var(--k2-t-fast) var(--k2-ease), color var(--k2-t-fast) var(--k2-ease);
}
.k2a-mega__list > li > a:hover,
.k2a-mega__list > li > a:focus { background: var(--k2a-rune-soft); color: var(--k2-gold); text-decoration: none; }
.k2a-mega__list .fa { width: 16px; text-align: center; opacity: .75; flex: 0 0 auto; }
.k2a-mega__list img { width: 18px; height: 18px; object-fit: contain; flex: 0 0 auto; }
.k2a-mega__date { margin-left: auto; padding-left: 8px; color: var(--k2-text-faint); font-size: 10px; white-space: nowrap; }

.k2a-mega__note {
  grid-column: 1 / -1;
  margin: var(--k2-space-2) 0 0;
  padding: var(--k2-space-3);
  border-top: 1px solid var(--k2-border);
  color: var(--k2-text-muted);
  font-size: var(--k2-fs-sm);
  line-height: var(--k2-lh-base);
}
.k2a-mega__note a { color: var(--k2-gold); font-weight: var(--k2-fw-bold); }

/* ==========================================================================
   7. HESAP KUMESI (giris yapmis / misafir)
   ========================================================================== */
.k2a-user { position: relative; display: flex; align-items: center; }
.k2a-user__toggle {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  height: 44px;
  padding: 0 10px 0 6px;
  border: 1px solid var(--k2-border);
  border-radius: var(--k2-radius-pill);
  background: rgba(255, 255, 255, .03);
  color: var(--k2-text);
  text-decoration: none;
  cursor: pointer;
  transition: border-color var(--k2-t-fast) var(--k2-ease), background-color var(--k2-t-fast) var(--k2-ease);
}
.k2a-user__toggle:hover,
.k2a-user__toggle:focus,
.k2a-user.open .k2a-user__toggle { border-color: var(--k2a-rune); background: var(--k2a-rune-soft); color: var(--k2-text); text-decoration: none; }
.k2a-user__avatar {
  width: 32px; height: 32px;
  border-radius: var(--k2-radius-round);
  border: 1px solid var(--k2a-rune);
  object-fit: cover;
  background: var(--k2-surface);
  flex: 0 0 auto;
}
.k2a-user__meta { display: flex; flex-direction: column; gap: 2px; min-width: 0; line-height: 1; text-align: left; }
.k2a-user__name { color: var(--k2-gold); font-size: var(--k2-fs-sm); font-weight: var(--k2-fw-heavy); max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.k2a-user__sub  { color: var(--k2-text-faint); font-size: 10px; white-space: nowrap; }

.k2a-user__menu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: var(--k2a-z-mega);
  display: none;
  min-width: 230px;
  padding: var(--k2-space-2);
  border: 1px solid var(--k2-border);
  border-top: 2px solid var(--k2a-rune);
  border-radius: var(--k2-radius-md);
  background: #10141d;
  box-shadow: var(--k2-shadow-lg);
  margin: 0;
  list-style: none;
}
.k2a-user.open .k2a-user__menu { display: block; }
.k2a-user__menu > li > a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 0 10px;
  border-radius: var(--k2-radius-xs);
  color: var(--k2-text-soft);
  font-size: var(--k2-fs-sm);
  text-decoration: none;
}
.k2a-user__menu > li > a:hover,
.k2a-user__menu > li > a:focus { background: var(--k2a-rune-soft); color: var(--k2-gold); }
.k2a-user__menu > li > a .fa { width: 16px; text-align: center; opacity: .8; }
.k2a-user__menu .k2a-user__sep { height: 1px; margin: var(--k2-space-2) 4px; background: var(--k2-border); }
.k2a-user__menu .is-danger { color: #ff9a9c; }
.k2a-user__menu .is-danger:hover { background: rgba(229, 72, 77, .12); color: #ffb3b5; }

/* ==========================================================================
   8. MOBIL SHEET (yandan acilan menu) + BACKDROP
   ========================================================================== */
.k2a-backdrop {
  position: fixed;
  inset: 0;
  z-index: var(--k2a-z-backdrop);
  background: rgba(4, 7, 12, .72);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  opacity: 0;
  visibility: hidden;
  /* visibility ANINDA acilir, kapanirken solma bitince gizlenir.
     (visibility'yi opacity ile birlikte gecise sokmak acilisi 1 kare geciktiriyordu.) */
  transition: opacity var(--k2-t-base) var(--k2-ease), visibility 0s linear var(--k2-t-base);
}
body.k2a-sheet-open .k2a-backdrop {
  opacity: 1;
  visibility: visible;
  transition: opacity var(--k2-t-base) var(--k2-ease), visibility 0s linear 0s;
}
/* KRITIK (yigin baglami): sheet, .k2a-masthead'in COCUGU. Masthead sticky+z-index
   oldugu icin kendi yigin baglamini yaratir; icindeki z-index:1040 disariya cikamaz
   ve sheet, body seviyesindeki backdrop'in (1030) ALTINDA kalirdi. Sheet acikken
   masthead'i backdrop'in ustune al: alt agac (sheet + hamburger) tekrar gorunur/tiklanir. */
body.k2a-sheet-open .k2a-masthead { z-index: var(--k2a-z-sheet); }

@media (max-width: 1199px) {
  .k2a-burger { display: inline-flex; }

  /* KRITIK (icerme bloku): backdrop-filter, position:fixed ALT ELEMANLAR icin
     yeni bir icerme bloku (containing block) yaratir. Sheet masthead'in cocugu
     oldugundan, filtre acikken viewport'a degil MASTHEAD kutusuna gore konumlaniyor
     ve 60px'lik bir serit olarak cikiyordu (olculdu: y=39..99). Sheet'in kullanildigi
     bu breakpoint'te filtreyi kapatip yerine opak zemin veriyoruz. */
  .k2a-masthead {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: linear-gradient(180deg, #0b0e15, #0d1017);
  }

  /* KAPALI SHEET LAYOUTTAN TAMAMEN CIKAR.
     Onceden kapali sheet transform:translateX(100%) ile ekran disina itiliyordu; ama
     donusturulmus kutu hala kaydirma alanina sayiliyor. Sayfanin html/body overflow-x
     kuralini ezen her sablonda (olculdu: /Guide 360px -> 61px yatay tasma) bu sheet
     yatay kaydirma uretiyordu. Ayrica ekran disindaki linkler hala TAB ile
     odaklanabiliyordu (erisilebilirlik hatasi). display:none her ikisini de cozer;
     acilis animasyonu transition yerine keyframe ile calisir. */
  .k2a-navwrap { display: none; }
  body.k2a-sheet-open .k2a-navwrap { display: block; animation: k2aSheetIn var(--k2-t-slow) var(--k2-ease) both; }
  @keyframes k2aSheetIn { from { transform: translateX(100%); } to { transform: translateX(0); } }

  .k2a-navwrap {
    position: fixed;
    top: 0; right: 0; bottom: 0;
    z-index: var(--k2a-z-sheet);
    width: min(360px, 88vw);
    padding: var(--k2-space-4) var(--k2-space-4) var(--k2-space-10);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    background: linear-gradient(180deg, #0f131b, #0a0d13);
    border-left: 1px solid var(--k2-border);
    box-shadow: -20px 0 50px rgba(0, 0, 0, .6);
  }

  .k2a-sheet__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--k2-space-3);
    padding-bottom: var(--k2-space-4);
    margin-bottom: var(--k2-space-3);
    border-bottom: 1px solid var(--k2-border);
  }
  .k2a-sheet__title { color: var(--k2-gold); font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
  .k2a-sheet__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--k2a-tap); height: var(--k2a-tap);
    border: 1px solid var(--k2-border-strong);
    border-radius: var(--k2-radius-sm);
    background: var(--k2-surface-2);
    color: var(--k2-text);
    cursor: pointer;
  }
  .k2a-sheet__close:hover, .k2a-sheet__close:focus { border-color: var(--k2a-rune); color: var(--k2-gold); }

  .k2a-nav { flex-direction: column; align-items: stretch; gap: 2px; width: 100%; }
  .k2a-nav > li { display: block; width: 100%; }
  .k2a-nav > li > a { width: 100%; height: auto; min-height: var(--k2a-tap); padding: 12px 12px; font-size: var(--k2-fs-base); }
  .k2a-nav > li.active > a { box-shadow: inset 3px 0 0 var(--k2-gold); }
  .k2a-nav__caret { margin-left: auto; }

  /* Mega menu → akordiyon */
  .k2a-mega {
    position: static;
    display: none;
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 2px 0 var(--k2-space-2);
    padding: var(--k2-space-2);
    border: 1px solid var(--k2-border);
    border-left: 2px solid var(--k2a-rune);
    border-radius: var(--k2-radius-sm);
    background: rgba(255, 255, 255, .02);
    box-shadow: none;
    transform: none;
  }
  .k2a-nav > li.open > .k2a-mega { display: block; }
  .k2a-nav > li.k2-hoveropen > .k2a-mega { display: none; }   /* mobilde hover yok */
  .k2a-nav > li.open.k2-hoveropen > .k2a-mega { display: block; }
  .k2a-mega__col + .k2a-mega__col { margin-top: var(--k2-space-3); }
  .k2a-mega__list > li > a { min-height: var(--k2a-tap); }
  .k2a-mega__note { padding: var(--k2-space-2); font-size: var(--k2-fs-xs); }

  /* CTA sheet basina */
  .k2a-nav > li.k2gd-nav-cta { order: -1; margin-bottom: var(--k2-space-2); }
  .k2a-nav > li.k2gd-nav-cta > a { width: 100%; height: auto; min-height: 60px; margin: 0; padding: 12px 14px; }
  .k2a-nav__cta-title { font-size: 12px; }
  .k2a-nav__cta-badge { font-size: 9px; }

  /* Sheet icindeki hesap + cuzdan blogu */
  .k2a-sheet__section { margin-top: var(--k2-space-4); padding-top: var(--k2-space-4); border-top: 1px solid var(--k2-border); }
  .k2a-sheet__grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--k2-space-2); }
  .k2a-sheet__grid .k2a-btn { width: 100%; min-height: var(--k2a-tap); }
  .k2a-sheet__grid .k2a-btn--wide { grid-column: 1 / -1; }
}

@media (min-width: 1200px) {
  .k2a-sheet__head,
  .k2a-sheet__section { display: none; }
}

/* ==========================================================================
   9. BOLUM BASLIGI / KART / IZGARA
   ========================================================================== */
.k2a-shell-main { min-height: 40vh; }

.k2a-section { padding: var(--k2-space-10) 0; }
.k2a-section--tight { padding: var(--k2-space-6) 0; }
.k2a-wrap { max-width: var(--k2a-container); margin: 0 auto; padding: 0 var(--k2-space-4); }

.k2a-shead {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--k2-space-4);
  flex-wrap: wrap;
  margin-bottom: var(--k2-space-6);
}
.k2a-shead__kicker {
  display: block;
  margin-bottom: 6px;
  color: var(--k2-gold);
  font-size: 11px;
  font-weight: var(--k2-fw-heavy);
  letter-spacing: .16em;
  text-transform: uppercase;
}
.k2a-shead__title {
  margin: 0;
  color: var(--k2-text);
  font-size: var(--k2-fs-xl);
  font-weight: var(--k2-fw-heavy);
  line-height: var(--k2-lh-tight);
}
.k2a-shead__sub { margin: 6px 0 0; color: var(--k2-text-muted); font-size: var(--k2-fs-base); line-height: var(--k2-lh-base); max-width: 68ch; }

/* Kart ici baslik: susleme yok, sadece baslik + eylem */
.k2a-shead--card {
  align-items: center;
  margin-bottom: var(--k2-space-4);
  padding-bottom: var(--k2-space-3);
  border-bottom: 1px solid var(--k2-border);
}
.k2a-shead__title--sm {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: var(--k2-fs-md);
}
.k2a-shead__title--sm .fa { color: var(--k2-gold); font-size: 15px; }

.k2a-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: var(--k2-space-5);
  border: 1px solid var(--k2-border);
  border-radius: var(--k2-radius-card);
  background: var(--k2-grad-surface);
  box-shadow: var(--k2-shadow-md), var(--k2-shadow-inset);
  color: var(--k2-text);
  transition: transform var(--k2-t-base) var(--k2-ease),
              border-color var(--k2-t-base) var(--k2-ease),
              box-shadow var(--k2-t-base) var(--k2-ease);
}
.k2a-card__title { margin: 0 0 var(--k2-space-2); font-size: var(--k2-fs-md); font-weight: var(--k2-fw-heavy); color: var(--k2-text); }
.k2a-card__body { margin: 0; color: var(--k2-text-muted); font-size: var(--k2-fs-sm); line-height: var(--k2-lh-base); }
.k2a-card__foot { margin-top: auto; padding-top: var(--k2-space-4); }

/* Tiklanabilir kart: tum yuzey link (stretched link) — hover-only DEGIL */
.k2a-card--link:hover,
.k2a-card--link:focus-within {
  transform: translateY(-2px);
  border-color: var(--k2a-rune);
  box-shadow: var(--k2-shadow-lg), 0 0 0 1px var(--k2a-rune-soft);
}
.k2a-card__hit::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }

.k2a-grid { display: grid; gap: var(--k2-space-4); }
.k2a-grid--2 { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.k2a-grid--3 { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.k2a-grid--4 { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }

/* ==========================================================================
   10. DURUM BLOKLARI (bos / yukleniyor / hata / yetki)
   ========================================================================== */
.k2a-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--k2-space-3);
  padding: var(--k2-space-10) var(--k2-space-5);
  border: 1px dashed var(--k2-border-strong);
  border-radius: var(--k2-radius-card);
  background: rgba(255, 255, 255, .02);
  text-align: center;
}
.k2a-state__icon { font-size: 34px; color: var(--k2-text-faint); }
.k2a-state__title { margin: 0; color: var(--k2-text); font-size: var(--k2-fs-md); font-weight: var(--k2-fw-heavy); }
.k2a-state__body { margin: 0; max-width: 52ch; color: var(--k2-text-muted); font-size: var(--k2-fs-sm); line-height: var(--k2-lh-base); }
.k2a-state--error { border-color: rgba(229, 72, 77, .38); background: rgba(229, 72, 77, .05); }
.k2a-state--error .k2a-state__icon { color: var(--k2-danger); }
.k2a-state--locked .k2a-state__icon { color: var(--k2-warning); }

.k2a-skel {
  position: relative;
  overflow: hidden;
  border-radius: var(--k2-radius-sm);
  background: rgba(255, 255, 255, .05);
}
.k2a-skel::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .07), transparent);
  animation: k2aShimmer 1.4s infinite;
}
@keyframes k2aShimmer { 100% { transform: translateX(100%); } }
.k2a-skel--line { height: 12px; margin-bottom: 8px; }
.k2a-skel--title { height: 20px; width: 45%; margin-bottom: 14px; }

/* ==========================================================================
   11. TABLO / FORM
   ========================================================================== */
.k2a-tablewrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--k2-border);
  border-radius: var(--k2-radius-md);
  background: var(--k2-surface);
}
.k2a-table { width: 100%; border-collapse: collapse; font-size: var(--k2-fs-sm); }
.k2a-table th {
  padding: 12px 14px;
  border-bottom: 1px solid var(--k2-border-strong);
  background: rgba(255, 255, 255, .03);
  color: var(--k2-gold);
  font-size: 10px;
  font-weight: var(--k2-fw-heavy);
  letter-spacing: .1em;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
}
.k2a-table td { padding: 12px 14px; border-bottom: 1px solid var(--k2-border); color: var(--k2-text-soft); }
.k2a-table tbody tr:last-child td { border-bottom: 0; }
.k2a-table tbody tr:hover td { background: rgba(255, 215, 106, .04); }

.k2a-field { display: block; margin-bottom: var(--k2-space-4); }
.k2a-label { display: block; margin-bottom: 6px; color: var(--k2-text-soft); font-size: var(--k2-fs-sm); font-weight: var(--k2-fw-medium); }
.k2a-input {
  width: 100%;
  min-height: var(--k2a-tap);
  padding: 0 var(--k2-space-4);
  border: 1px solid var(--k2-border-strong);
  border-radius: var(--k2-radius-sm);
  background: var(--k2-bg-elev);
  color: var(--k2-text);
  font-size: var(--k2-fs-base);
  transition: border-color var(--k2-t-fast) var(--k2-ease), box-shadow var(--k2-t-fast) var(--k2-ease);
}
.k2a-input::placeholder { color: var(--k2-text-faint); }
.k2a-input:focus { outline: none; border-color: var(--k2a-rune); box-shadow: var(--k2-focus-ring); }
.k2a-input[aria-invalid="true"] { border-color: var(--k2-danger); }
.k2a-help { display: block; margin-top: 6px; color: var(--k2-text-faint); font-size: var(--k2-fs-xs); }
.k2a-help--error { color: #ff9a9c; }

/* ==========================================================================
   12. YUKARI CIK (k2-ui-polish.css'ten absorbe)
   ========================================================================== */
#scroll,
.k2a-totop {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: var(--k2a-z-sticky);
  display: none;
  align-items: center;
  justify-content: center;
  width: 46px; height: 46px;
  border: 1px solid var(--k2a-rune);
  border-radius: var(--k2-radius-round);
  background: rgba(20, 26, 36, .9);
  color: var(--k2-gold);
  cursor: pointer;
  box-shadow: var(--k2-shadow-md);
  transition: transform var(--k2-t-fast) var(--k2-ease), background-color var(--k2-t-fast) var(--k2-ease);
}
#scroll:hover, .k2a-totop:hover { transform: translateY(-2px); background: rgba(255, 215, 106, .16); }
#scroll.is-on, .k2a-totop.is-on { display: flex; }

/* ==========================================================================
   13. FOOTER
   ========================================================================== */
.k2a-footer {
  margin-top: var(--k2-space-10);
  border-top: 1px solid var(--k2-border);
  background: linear-gradient(180deg, rgba(10, 13, 19, .6), rgba(6, 9, 14, .95));
  color: var(--k2-text-muted);
}
/* NOT: onceki grid `minmax(220px,1.4fr) repeat(auto-fit, minmax(150px,1fr))` idi.
   360px viewport'ta minimum talep 220+150+gap = ~420px oluyordu; footer 60px tasiyordu
   (olculdu: /Guide 360px -> footer scrollWidth 420). Cogu sayfada body overflow-x:hidden
   bunu GIZLIYORDU. Tasmayi maskelemek yerine izgarayi tasmayacak sekilde kuruyoruz. */
.k2a-footer__top {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr));
  gap: var(--k2-space-6);
  max-width: var(--k2a-container);
  margin: 0 auto;
  padding: var(--k2-space-10) var(--k2-space-4) var(--k2-space-6);
}
.k2a-footer__brand { grid-column: span 2; min-width: 0; }
@media (max-width: 520px) {
  .k2a-footer__top { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .k2a-footer__brand { grid-column: 1 / -1; }
}
.k2a-footer__brand img { height: 52px; width: auto; margin-bottom: var(--k2-space-3); }
.k2a-footer__blurb { font-size: var(--k2-fs-sm); line-height: var(--k2-lh-base); max-width: 42ch; }
.k2a-footer__title {
  margin: 0 0 var(--k2-space-3);
  color: var(--k2-gold);
  font-size: 10px;
  font-weight: var(--k2-fw-heavy);
  letter-spacing: .14em;
  text-transform: uppercase;
}
.k2a-footer__list { margin: 0; padding: 0; list-style: none; }
.k2a-footer__list li { margin-bottom: 2px; }
.k2a-footer__list a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  color: var(--k2-text-muted);
  font-size: var(--k2-fs-sm);
  text-decoration: none;
}
.k2a-footer__list a:hover, .k2a-footer__list a:focus { color: var(--k2-gold); text-decoration: none; }
.k2a-footer__bottom {
  border-top: 1px solid var(--k2-border);
  padding: var(--k2-space-4);
}
.k2a-footer__bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--k2-space-3);
  flex-wrap: wrap;
  max-width: var(--k2a-container);
  margin: 0 auto;
  font-size: var(--k2-fs-xs);
  color: var(--k2-text-faint);
}

/* ==========================================================================
   14. TASMA GUVENLIGI (360px'te yatay kaydirma OLMAZ)
   ========================================================================== */
html, body { max-width: 100%; overflow-x: hidden; }
img, video, canvas, svg:not(.k2a-keep) { max-width: 100%; height: auto; }
pre, code { white-space: pre-wrap; word-break: break-word; }

@media (max-width: 1199px) {
  .k2a-masthead__inner { min-height: 60px; padding: 0 var(--k2-space-3); }
  .k2a-brand { height: 60px; }
  .k2a-brand img { height: 38px; max-width: 150px; }
  .k2a-utility__inner { justify-content: center; flex-wrap: wrap; padding: 6px var(--k2-space-3); }
  /* Utility'de yalnizca durum + dil kalir; gerisi sheet'e tasinir */
  .k2a-utility__group--wallet { display: none; }
  .k2a-account .k2a-account__guest { display: none; }
}

@media (max-width: 480px) {
  .k2a-utility__group--social { display: none; }
  .k2a-brand img { height: 34px; max-width: 128px; }
  .k2a-shead__title { font-size: var(--k2-fs-lg); }
  .k2a-section { padding: var(--k2-space-6) 0; }
}

@media (max-width: 360px) {
  .k2a-masthead__inner { gap: 6px; padding: 0 10px; }
  .k2a-brand img { height: 30px; max-width: 110px; }
  .k2a-status { padding: 3px 8px; font-size: 10px; }
}

/* ==========================================================================
   16. ANA SAYFA SAHNELERI (content.php — inline stil YOK)
   ========================================================================== */
.k2a-hero {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--k2-border);
  background:
    radial-gradient(120% 140% at 85% 0%, rgba(255, 215, 106, .10), transparent 55%),
    radial-gradient(90% 120% at 0% 100%, rgba(34, 207, 224, .07), transparent 60%),
    linear-gradient(180deg, #0c1018, #0a0d13);
}
.k2a-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr);
  align-items: center;
  gap: var(--k2-space-10);
  max-width: var(--k2a-container);
  margin: 0 auto;
  padding: var(--k2-space-10) var(--k2-space-4);
}
.k2a-hero__kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: var(--k2-space-4);
  padding: 5px 12px;
  border: 1px solid var(--k2-border-gold);
  border-radius: var(--k2-radius-pill);
  background: var(--k2a-rune-soft);
  color: var(--k2-gold);
  font-size: 10px;
  font-weight: var(--k2-fw-heavy);
  letter-spacing: .14em;
  text-transform: uppercase;
}
.k2a-hero__title {
  margin: 0 0 var(--k2-space-3);
  color: #fff;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: var(--k2-fw-heavy);
  line-height: 1.1;
  letter-spacing: -.01em;
}
.k2a-hero__title em { font-style: normal; color: var(--k2-gold); }
.k2a-hero__lede {
  margin: 0 0 var(--k2-space-6);
  max-width: 54ch;
  color: var(--k2-text-muted);
  font-size: var(--k2-fs-md);
  line-height: var(--k2-lh-base);
}
.k2a-hero__cta { display: flex; flex-wrap: wrap; gap: var(--k2-space-3); }

/* Canli veri panosu — her hucre GERCEK bir kaynaktan */
.k2a-hero__board {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--k2-space-3);
  padding: var(--k2-space-5);
  border: 1px solid var(--k2-border);
  border-radius: var(--k2-radius-card);
  background: rgba(13, 17, 25, .72);
  box-shadow: var(--k2-shadow-lg), var(--k2-shadow-inset);
}
.k2a-stat {
  padding: var(--k2-space-4);
  border: 1px solid var(--k2-border);
  border-radius: var(--k2-radius-md);
  background: rgba(255, 255, 255, .02);
  text-align: center;
}
.k2a-stat__val {
  display: block;
  color: #fff;
  font-size: 26px;
  font-weight: var(--k2-fw-heavy);
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}
.k2a-stat__lbl {
  display: block;
  margin-top: 6px;
  color: var(--k2-text-faint);
  font-size: 10px;
  font-weight: var(--k2-fw-bold);
  letter-spacing: .1em;
  text-transform: uppercase;
}
.k2a-stat--live { border-color: rgba(95, 224, 136, .32); background: rgba(95, 224, 136, .06); }
.k2a-stat--live .k2a-stat__val { color: var(--k2-green-soft); }
.k2a-stat--wide { grid-column: 1 / -1; text-align: left; }
.k2a-stat__note { margin: 6px 0 0; color: var(--k2-text-muted); font-size: var(--k2-fs-xs); line-height: 1.5; }

/* Rehber bandi */
.k2a-band {
  display: flex;
  align-items: center;
  gap: var(--k2-space-5);
  flex-wrap: wrap;
  padding: var(--k2-space-5) var(--k2-space-6);
  border: 1px solid var(--k2-border-gold);
  border-radius: var(--k2-radius-card);
  background:
    radial-gradient(80% 140% at 100% 0%, rgba(255, 215, 106, .14), transparent 55%),
    linear-gradient(120deg, rgba(20, 26, 42, .95), rgba(10, 13, 22, .92));
  text-decoration: none;
  transition: border-color var(--k2-t-base) var(--k2-ease), transform var(--k2-t-base) var(--k2-ease);
}
.k2a-band:hover, .k2a-band:focus { border-color: var(--k2-gold); transform: translateY(-2px); text-decoration: none; }
.k2a-band__icon { font-size: 28px; color: var(--k2-gold); flex: 0 0 auto; }
.k2a-band__copy { flex: 1 1 320px; min-width: 240px; }
.k2a-band__kicker { display: block; color: var(--k2-gold); font-size: 10px; font-weight: var(--k2-fw-heavy); letter-spacing: .12em; text-transform: uppercase; }
.k2a-band__title { display: block; margin-top: 4px; color: #fff; font-size: var(--k2-fs-md); font-weight: var(--k2-fw-heavy); }
.k2a-band__sub { display: block; margin-top: 4px; color: var(--k2-text-muted); font-size: var(--k2-fs-sm); line-height: var(--k2-lh-base); }
.k2a-band__classes { display: flex; gap: 6px; flex: 0 0 auto; }
.k2a-band__dot { width: 26px; height: 26px; border-radius: var(--k2-radius-round); border: 1px solid rgba(255, 255, 255, .18); display: inline-block; }

/* Siralama listesi */
.k2a-tabs { display: flex; gap: 4px; margin-bottom: var(--k2-space-4); border-bottom: 1px solid var(--k2-border); }
.k2a-tabs button {
  min-height: var(--k2a-tap);
  padding: 0 var(--k2-space-4);
  border: 0;
  border-bottom: 2px solid transparent;
  background: none;
  color: var(--k2-text-muted);
  font-size: var(--k2-fs-sm);
  font-weight: var(--k2-fw-bold);
  cursor: pointer;
}
.k2a-tabs button:hover { color: var(--k2-text); }
.k2a-tabs button[aria-selected="true"] { color: var(--k2-gold); border-bottom-color: var(--k2-gold); }

.k2a-rank { margin: 0; padding: 0; list-style: none; }
.k2a-rank > li {
  display: flex;
  align-items: center;
  gap: var(--k2-space-3);
  min-height: 52px;
  padding: 8px var(--k2-space-3);
  border-bottom: 1px solid var(--k2-border);
}
.k2a-rank > li:last-child { border-bottom: 0; }
.k2a-rank > li:hover { background: rgba(255, 215, 106, .04); }
.k2a-rank__no {
  flex: 0 0 auto;
  width: 26px;
  color: var(--k2-text-faint);
  font-size: var(--k2-fs-sm);
  font-weight: var(--k2-fw-heavy);
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.k2a-rank > li:nth-child(1) .k2a-rank__no { color: #ffd76a; }
.k2a-rank > li:nth-child(2) .k2a-rank__no { color: #d6dce6; }
.k2a-rank > li:nth-child(3) .k2a-rank__no { color: #d99b62; }
.k2a-rank__name {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--k2-text);
  font-size: var(--k2-fs-base);
  font-weight: var(--k2-fw-medium);
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.k2a-rank__name:hover { color: var(--k2-gold); text-decoration: none; }
.k2a-rank__np { flex: 0 0 auto; color: var(--k2-gold); font-size: var(--k2-fs-sm); font-weight: var(--k2-fw-heavy); font-variant-numeric: tabular-nums; text-align: right; }
.k2a-rank__np small { display: block; color: var(--k2-text-faint); font-size: 10px; font-weight: var(--k2-fw-regular); }
.k2a-rank .nation, .k2a-rank .class, .k2a-rank .grade { flex: 0 0 auto; }

/* Haber / guncelleme kartlari */
.k2a-post { padding: 0; overflow: hidden; }
.k2a-post__img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: var(--k2-surface-2); }
.k2a-post__body { padding: var(--k2-space-4); }
.k2a-post__cat {
  display: inline-block;
  margin-bottom: 8px;
  padding: 3px 9px;
  border-radius: var(--k2-radius-xs);
  background: var(--k2a-rune-soft);
  color: var(--k2-gold);
  font-size: 10px;
  font-weight: var(--k2-fw-heavy);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.k2a-post__title { margin: 0 0 6px; font-size: var(--k2-fs-base); font-weight: var(--k2-fw-heavy); line-height: 1.35; }
.k2a-post__title a { color: #fff; text-decoration: none; }
.k2a-post__title a:hover { color: var(--k2-gold); }
.k2a-post__meta { margin: 0; color: var(--k2-text-faint); font-size: var(--k2-fs-xs); }
.k2a-post__excerpt { margin: 8px 0 0; color: var(--k2-text-muted); font-size: var(--k2-fs-sm); line-height: var(--k2-lh-base); }

@media (max-width: 900px) {
  .k2a-hero__inner { grid-template-columns: minmax(0, 1fr); gap: var(--k2-space-6); padding: var(--k2-space-8) var(--k2-space-4); }
  .k2a-hero__cta .k2a-btn { flex: 1 1 200px; }
}
@media (max-width: 480px) {
  .k2a-hero__board { grid-template-columns: minmax(0, 1fr); }
  .k2a-band { padding: var(--k2-space-4); }
  .k2a-band__classes { display: none; }
}

/* ==========================================================================
   17. OYUNU INDIR (Downloads.php)
   ========================================================================== */
.k2a-dl {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr);
  gap: var(--k2-space-8);
  align-items: start;
  padding: var(--k2-space-8);
  border: 1px solid var(--k2-border);
  border-radius: var(--k2-radius-card);
  background:
    radial-gradient(90% 130% at 100% 0%, rgba(255, 215, 106, .08), transparent 55%),
    var(--k2-grad-surface);
  box-shadow: var(--k2-shadow-lg), var(--k2-shadow-inset);
}
.k2a-dl__main { min-width: 0; }
.k2a-dl__main .k2a-shead__title { margin-bottom: 8px; }
.k2a-dl__main .k2a-shead__sub { margin-bottom: var(--k2-space-5); }

.k2a-dl__facts {
  display: flex;
  flex-wrap: wrap;
  gap: var(--k2-space-3);
  margin: 0 0 var(--k2-space-6);
  padding: 0;
  list-style: none;
}
.k2a-dl__facts li {
  padding: 10px 14px;
  border: 1px solid var(--k2-border);
  border-radius: var(--k2-radius-sm);
  background: rgba(255, 255, 255, .02);
}
.k2a-dl__fact-lbl {
  display: block;
  color: var(--k2-text-faint);
  font-size: 10px;
  font-weight: var(--k2-fw-heavy);
  letter-spacing: .1em;
  text-transform: uppercase;
}
.k2a-dl__fact-val {
  display: block;
  margin-top: 3px;
  color: var(--k2-text);
  font-size: var(--k2-fs-base);
  font-weight: var(--k2-fw-heavy);
  white-space: nowrap;
}
.k2a-dl__filename {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: var(--k2-space-4) 0 0;
  color: var(--k2-text-faint);
  font-size: var(--k2-fs-xs);
  word-break: break-all;
}

.k2a-steps { margin: 0; padding: 0; list-style: none; counter-reset: k2step; }
.k2a-steps > li {
  display: flex;
  gap: var(--k2-space-3);
  padding: var(--k2-space-3) 0;
  border-bottom: 1px solid var(--k2-border);
}
.k2a-steps > li:last-child { border-bottom: 0; }
.k2a-steps__no {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 28px; height: 28px;
  border-radius: var(--k2-radius-round);
  border: 1px solid var(--k2-border-gold);
  background: var(--k2a-rune-soft);
  color: var(--k2-gold);
  font-size: var(--k2-fs-sm);
  font-weight: var(--k2-fw-heavy);
}
.k2a-steps strong { display: block; color: var(--k2-text); font-size: var(--k2-fs-base); font-weight: var(--k2-fw-heavy); }
.k2a-steps p { margin: 4px 0 0; color: var(--k2-text-muted); font-size: var(--k2-fs-sm); line-height: var(--k2-lh-base); }
.k2a-steps a { color: var(--k2-gold); font-weight: var(--k2-fw-bold); }

.k2a-mirror { align-items: flex-start; gap: 10px; }
.k2a-mirror > .fa { font-size: 20px; color: var(--k2-gold); }
.k2a-mirror .k2a-card__title { font-size: var(--k2-fs-sm); word-break: break-word; }
.k2a-mirror__link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--k2-gold);
  font-size: var(--k2-fs-sm);
  font-weight: var(--k2-fw-bold);
  text-decoration: none;
}

@media (max-width: 900px) {
  .k2a-dl { grid-template-columns: minmax(0, 1fr); gap: var(--k2-space-6); padding: var(--k2-space-5); }
  .k2a-dl__main .k2a-btn { width: 100%; }
}

/* ==========================================================================
   18. ESKI SAYFA BASLIK SERIDI (.slider) -> Aether sayfa basligi
   19 sayfada `<div class="slider col-lg-12"><h1>Baslik</h1></div>` kalibi var.
   Eskiden ortada duran, cerceveli, bos bir kutu gibi goruyordu. Tek merkezi
   kuralla duz bir sayfa basligina cevriliyor (sayfalar tek tek elden gecmeden).
   ========================================================================== */
.slider.col-lg-12 {
  float: none;
  width: 100%;
  max-width: var(--k2a-container);
  margin: 0 auto;
  padding: var(--k2-space-8) var(--k2-space-4) 0;
  border: 0;
  background: none;
  box-shadow: none;
  text-align: left;
}
.slider.col-lg-12 > h1 {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: var(--k2-text);
  font-size: var(--k2-fs-xl);
  font-weight: var(--k2-fw-heavy);
  line-height: var(--k2-lh-tight);
  text-align: left;
  text-transform: none;
}

/* ==========================================================================
   19. CANLI SUNUCU KOMUTA MERKEZI (SunucuLog.php)
   ========================================================================== */
.k2a-cmd {
  padding: var(--k2-space-8) 0 var(--k2-space-6);
  border-bottom: 1px solid var(--k2-border);
  background:
    radial-gradient(80% 130% at 90% 0%, rgba(95, 224, 136, .07), transparent 55%),
    linear-gradient(180deg, #0c1018, #0a0d13);
}
.k2a-cmd__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--k2-space-4);
  flex-wrap: wrap;
  margin-bottom: var(--k2-space-6);
}
.k2a-cmd__title {
  margin: 0;
  color: #fff;
  font-size: clamp(24px, 3vw, 34px);
  font-weight: var(--k2-fw-heavy);
  line-height: var(--k2-lh-tight);
}
.k2a-cmd__sub {
  margin: 8px 0 0;
  max-width: 62ch;
  color: var(--k2-text-muted);
  font-size: var(--k2-fs-base);
  line-height: var(--k2-lh-base);
}

/* KPI rail */
.k2a-kpi {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
  gap: var(--k2-space-3);
}
.k2a-kpi__tile {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: var(--k2-space-4) var(--k2-space-5);
  border: 1px solid var(--k2-border);
  border-radius: var(--k2-radius-md);
  background: rgba(255, 255, 255, .02);
  text-decoration: none;
}
.k2a-kpi__val {
  color: #fff;
  font-size: 24px;
  font-weight: var(--k2-fw-heavy);
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}
.k2a-kpi__lbl {
  color: var(--k2-text-faint);
  font-size: 10px;
  font-weight: var(--k2-fw-bold);
  letter-spacing: .08em;
  text-transform: uppercase;
  line-height: 1.4;
}
.k2a-kpi__tile--live { border-color: rgba(95, 224, 136, .32); background: rgba(95, 224, 136, .06); }
.k2a-kpi__tile--live .k2a-kpi__val { color: var(--k2-green-soft); }
.k2a-kpi__tile--next { border-color: var(--k2-border-gold); background: var(--k2a-rune-soft); }
.k2a-kpi__tile--next .k2a-kpi__val { color: var(--k2-gold); font-size: 20px; }
.k2a-kpi__tile--cta {
  justify-content: center;
  border-color: var(--k2-border-gold);
  background: var(--k2-grad-gold);
  transition: transform var(--k2-t-fast) var(--k2-ease), box-shadow var(--k2-t-fast) var(--k2-ease);
}
.k2a-kpi__tile--cta .k2a-kpi__val,
.k2a-kpi__tile--cta .k2a-kpi__lbl { color: var(--k2-text-ondark); }
.k2a-kpi__tile--cta:hover,
.k2a-kpi__tile--cta:focus { transform: translateY(-2px); box-shadow: var(--k2-shadow-gold); }

/* ==========================================================================
   15. HAREKET AZALTMA / YAZDIRMA
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;   /* kullanici tercihi: zorunlu ezme */
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
  .k2a-card:hover, .k2a-btn:hover { transform: none; }
}

@media print {
  .k2a-utility, .k2a-masthead, .k2a-backdrop, #scroll, .k2a-totop, .k2a-footer { display: none !important; }
}

/* --- Breadcrumb (k2a-crumb) --------------------------------------------- */
.k2a-crumb {
  display: flex;
  align-items: center;
  gap: var(--k2-space-2);
  margin-bottom: var(--k2-space-3);
  font-size: var(--k2-fs-sm);
  color: var(--k2-text-muted);
}
.k2a-crumb a { color: var(--k2-text-muted); text-decoration: none; }
.k2a-crumb a:hover,
.k2a-crumb a:focus { color: var(--k2-gold); text-decoration: none; }
.k2a-crumb span[aria-current] { color: var(--k2-text-soft); }