/* ==========================================================================
   BOM 337 — "Formalı Kabile" site tasarimi (site1822, 6 Eki 2026)
   Kullanici: "komple yeniden tasarla siteyi" + "o formalı kabile temasını kullan yine ona uygun tasarla her yeri".
   Dil: firlaticinin Kabile Kapisi giris penceresi (launcher/giris/giris-bilesen.css, gk-) — alacakaranlik orman,
   mesale isigi, ates bocekleri, kadife panel + altin kil cizgi, altin OYNA dugmesi, formali kahraman, Toni Amca.
   Tum siniflar k- onekli (eski site.css ile carpismaz; o dosya bu tasarimda YUKLENMEZ, yalniz panel.php'de).
   Parsomen / tasli altin cerceve YOK. Renkler giris-bilesen.css ile ayni aile.
   Hareket: olculu; prefers-reduced-motion'da hepsi durur.
   ========================================================================== */

:root {
  --k-gece-0: #09070c;
  --k-gece-1: #110c17;
  --k-gece-2: #1a1222;
  --k-orman: #0c1510;
  --k-kadife-1: rgba(42, 27, 14, .88);
  --k-kadife-2: rgba(20, 12, 6, .93);
  --k-kadife: linear-gradient(180deg, var(--k-kadife-1) 0%, var(--k-kadife-2) 100%);
  --k-kadife-duz: #1b120a;
  --k-kil: rgba(247, 201, 75, .55);
  --k-kil-orta: rgba(247, 201, 75, .34);
  --k-kil-silik: rgba(247, 201, 75, .18);
  --k-altin-1: #fff1a0;
  --k-altin-2: #ffd964;
  --k-altin-3: #f7c94b;
  --k-altin-4: #c8901f;
  --k-altin-5: #7a5510;
  --k-kahve-yazi: #3a2400;
  --k-krem-1: #fff3d8;
  --k-krem-2: #f3e6c4;
  --k-krem-3: #d8c49b;
  --k-krem-4: #b99a63;
  --k-etiket: #c9a86a;
  --k-mesale: #ff9a3c;
  --k-forma-1: #f0604a;
  --k-forma-2: #c4222c;
  --k-forma-3: #8e1a12;
  --k-yesil: #5ee36a;
  --k-turuncu: #f0a23a;
  --k-hata-yazi: #ffb4a6;
  --k-turkuaz: #3fb8a8;
  --k-baslik: "Lato BOM", "Segoe UI", Tahoma, sans-serif;
  --k-govde: "Source Sans BOM", "Segoe UI", Tahoma, sans-serif;
  --k-golge: 0 14px 34px rgba(0, 0, 0, .55);
  --k-ust-h: 76px;
  --k-egri: cubic-bezier(.2, .7, .2, 1);
  color-scheme: dark;
}

/* ---------------------------------------------------------------- 0. temel */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; }
body.k {
  margin: 0; min-height: 100vh; overflow-x: hidden;
  font: 400 17px/1.6 var(--k-govde); color: var(--k-krem-2);
  background-color: var(--k-gece-0);
  background-image:
    radial-gradient(1100px 620px at 12% -8%, rgba(116, 70, 156, .30), transparent 62%),
    radial-gradient(900px 520px at 100% 6%, rgba(255, 138, 60, .10), transparent 60%),
    radial-gradient(1200px 700px at 50% 112%, rgba(30, 70, 40, .35), transparent 65%),
    linear-gradient(180deg, #120c1a 0%, #0b0a0e 42%, #0a0d0b 100%);
  background-attachment: fixed;
}
img, svg, video { max-width: 100%; }
img { height: auto; border: 0; }
a { color: var(--k-altin-2); text-decoration: none; }
a:hover { color: var(--k-altin-1); }
p { margin: 0 0 1em; }
h1, h2, h3, h4 { font-family: var(--k-baslik); font-weight: 900; line-height: 1.12; color: var(--k-krem-1); margin: 0 0 .5em; letter-spacing: .2px; }
h1 { font-size: clamp(34px, 5vw, 60px); }
h2 { font-size: clamp(28px, 3.4vw, 42px); }
h3 { font-size: clamp(19px, 1.6vw, 22px); }
b, strong { color: var(--k-krem-1); font-weight: 700; }
[hidden] { display: none !important; }
:focus-visible { outline: 3px solid rgba(255, 228, 140, .85); outline-offset: 3px; border-radius: 6px; }
.ik { width: 1.1em; height: 1.1em; flex: none; vertical-align: -.16em; }
.k-gizli-yazi { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.atla { position: fixed; left: 12px; top: -60px; z-index: 100; padding: 10px 16px; border-radius: 10px; background: var(--k-altin-3); color: var(--k-kahve-yazi); font-weight: 800; }
.atla:focus { top: 12px; }

.k-kap { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 24px; }
.k-kap-genis { max-width: 1400px; }
.k-kap-dar { max-width: 900px; }
.k-bolum { position: relative; padding: clamp(56px, 8vw, 104px) 0; }
.k-bolum-sik { padding: clamp(40px, 5vw, 64px) 0; }
.k-altin-yazi {
  background: linear-gradient(180deg, #fff6c8 0%, #ffd964 45%, #e9a92a 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  text-shadow: none;
}
.k-ust-yazi { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 12px; font: 800 12.5px/1 var(--k-govde); letter-spacing: .22em; text-transform: uppercase; color: var(--k-etiket); }
.k-ust-yazi::before { content: ""; width: 26px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, transparent, var(--k-altin-3)); }
.k-bas { max-width: 720px; margin: 0 0 clamp(26px, 4vw, 44px); }
.k-bas.orta { margin-left: auto; margin-right: auto; text-align: center; }
.k-bas.orta .k-ust-yazi::after { content: ""; width: 26px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, var(--k-altin-3), transparent); }
.k-bas p { color: var(--k-krem-3); font-size: 18px; margin: 0; }
.k-silik { color: var(--k-krem-4); }

/* kabile deseni: totemlerdeki turuncu/turkuaz zikzak (yalniz ince serit) */
.k-desen { height: 8px; background:
  linear-gradient(135deg, #e0782d 25%, transparent 25%) -8px 0 / 16px 8px,
  linear-gradient(225deg, #e0782d 25%, transparent 25%) -8px 0 / 16px 8px,
  linear-gradient(315deg, var(--k-turkuaz) 25%, transparent 25%) 0 0 / 16px 8px,
  linear-gradient(45deg, var(--k-turkuaz) 25%, transparent 25%) 0 0 / 16px 8px,
  #3a210e; opacity: .85; }
.k-ayrac { display: flex; align-items: center; gap: 14px; color: var(--k-altin-3); }
.k-ayrac::before, .k-ayrac::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, transparent, var(--k-kil), transparent); }
.k-ayrac i { width: 9px; height: 9px; transform: rotate(45deg); background: var(--k-altin-3); box-shadow: 0 0 12px rgba(255, 210, 100, .7); }

/* ---------------------------------------------------------------- 1. ates bocekleri + mesale isigi */
.k-ates { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 1; }
.k-ates i { position: absolute; left: var(--x); top: var(--y); width: var(--b, 5px); height: var(--b, 5px); border-radius: 50%;
  background: radial-gradient(circle, #fff7c2 0%, #ffd964 40%, rgba(255, 200, 80, 0) 72%);
  box-shadow: 0 0 10px 3px rgba(255, 214, 102, .45);
  opacity: 0; animation: k-uc var(--s, 9s) ease-in-out var(--d, 0s) infinite, k-yan var(--s2, 3.4s) ease-in-out var(--d, 0s) infinite; }
@keyframes k-uc { 0% { transform: translate(0, 0); } 33% { transform: translate(18px, -22px); } 66% { transform: translate(-14px, -40px); } 100% { transform: translate(0, 0); } }
@keyframes k-yan { 0%, 100% { opacity: 0; } 35% { opacity: .95; } 60% { opacity: .35; } 80% { opacity: .85; } }
.k-mesale { position: absolute; left: var(--x); top: var(--y); width: var(--r, 220px); height: var(--r, 220px); margin: calc(var(--r, 220px) / -2) 0 0 calc(var(--r, 220px) / -2);
  border-radius: 50%; pointer-events: none; z-index: 1; mix-blend-mode: screen;
  background: radial-gradient(circle, rgba(255, 170, 70, .34) 0%, rgba(255, 120, 40, .12) 40%, rgba(255, 120, 40, 0) 70%);
  animation: k-titre 2.6s ease-in-out infinite alternate; }
@keyframes k-titre { 0% { opacity: .75; transform: scale(.96); } 45% { opacity: 1; transform: scale(1.03); } 70% { opacity: .82; } 100% { opacity: .95; transform: scale(1); } }

/* ---------------------------------------------------------------- 2. dugmeler */
.k-dugme { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 46px; padding: 0 20px;
  border-radius: 12px; border: 1px solid transparent; cursor: pointer; text-decoration: none; white-space: nowrap;
  font: 800 15.5px/1 var(--k-baslik); letter-spacing: .3px; color: var(--k-krem-1); background: none;
  transition: filter .15s, transform .1s, box-shadow .15s, background-color .15s; -webkit-appearance: none; appearance: none; }
.k-dugme .ik { width: 18px; height: 18px; }
.k-dugme:active { transform: translateY(2px); }
.k-dugme:disabled, .k-dugme[aria-disabled="true"] { filter: saturate(.5) brightness(.8); cursor: not-allowed; transform: none; }
.k-altin { color: var(--k-kahve-yazi); border-color: #8a6413; text-shadow: 0 1px 0 rgba(255, 255, 255, .45);
  background: linear-gradient(180deg, #fff1a0 0%, #ffd964 18%, #f7c94b 52%, #c8901f 100%);
  box-shadow: 0 3px 0 #7a5510, 0 8px 22px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .7); }
.k-altin:hover { color: var(--k-kahve-yazi); filter: brightness(1.07); }
.k-kadife { color: #fff3d0; border-color: rgba(247, 201, 75, .6);
  background: linear-gradient(180deg, rgba(92, 60, 24, .78), rgba(38, 23, 9, .88));
  box-shadow: inset 0 1px 0 rgba(255, 230, 160, .2), 0 6px 16px rgba(0, 0, 0, .4); }
.k-kadife:hover { color: #fff; border-color: var(--k-altin-3); background: linear-gradient(180deg, rgba(112, 74, 30, .82), rgba(48, 29, 11, .9)); }
.k-forma { color: #fff; border-color: #6e170c; text-shadow: 0 1px 1px rgba(0, 0, 0, .35);
  background: linear-gradient(180deg, var(--k-forma-1) 0%, #d8352a 45%, var(--k-forma-2) 70%, var(--k-forma-3) 100%);
  box-shadow: 0 3px 0 #5c130a, 0 8px 20px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 200, 190, .55); }
.k-forma:hover { color: #fff; filter: brightness(1.08); }
.k-discord { color: #fff; border-color: rgba(255, 255, 255, .25); background: linear-gradient(180deg, #626ce4, #434cbd); box-shadow: 0 3px 0 #2f3685, 0 8px 18px rgba(0, 0, 0, .4); text-shadow: 0 1px 1px rgba(0, 0, 0, .3); }
.k-discord:hover { color: #fff; filter: brightness(1.08); }
.k-hayalet { color: var(--k-krem-2); border-color: rgba(247, 201, 75, .3); background: rgba(0, 0, 0, .25); }
.k-hayalet:hover { color: var(--k-krem-1); border-color: var(--k-kil); background: rgba(247, 201, 75, .08); }
.k-buyuk { min-height: 58px; padding: 0 30px; border-radius: 14px; font-size: 18px; letter-spacing: 1px; }
.k-buyuk .ik { width: 21px; height: 21px; }
.k-kucuk { min-height: 38px; padding: 0 14px; border-radius: 10px; font-size: 14px; }
.k-tam { width: 100%; }
.k-oyna-yazi { letter-spacing: 4px; font-size: 22px; }
.k-dugmeler { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
.k-devam { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; font: 800 15px var(--k-baslik); color: var(--k-altin-2); }
.k-devam .ik { transition: transform .2s; }
.k-devam:hover .ik { transform: translateX(4px); }

/* ---------------------------------------------------------------- 3. panel, kart, cip */
.k-panel { position: relative; padding: clamp(20px, 2.4vw, 30px); border-radius: 18px; background: var(--k-kadife);
  border: 1px solid var(--k-kil); box-shadow: inset 0 1px 0 rgba(255, 230, 160, .16), var(--k-golge); }
.k-panel::before, .k-kart::before { content: ""; position: absolute; left: 16px; right: 16px; top: 0; height: 1px;
  background: linear-gradient(90deg, rgba(247, 201, 75, 0), rgba(255, 217, 100, .95), rgba(247, 201, 75, 0)); }
.k-kart { position: relative; display: block; padding: 24px; border-radius: 16px; color: inherit; background: var(--k-kadife);
  border: 1px solid var(--k-kil-orta); box-shadow: inset 0 1px 0 rgba(255, 230, 160, .12), 0 10px 26px rgba(0, 0, 0, .45);
  transition: transform .25s var(--k-egri), border-color .25s, box-shadow .25s; }
a.k-kart:hover, .k-kart.k-tik:hover { transform: translateY(-4px); border-color: var(--k-kil); color: inherit;
  box-shadow: inset 0 1px 0 rgba(255, 230, 160, .16), 0 16px 34px rgba(0, 0, 0, .55), 0 0 40px -18px rgba(255, 190, 80, .6); }
.k-kart h3 { margin-bottom: 8px; }
.k-kart p { color: var(--k-krem-3); margin: 0; font-size: 16px; }
.k-cip { display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px; border-radius: 99px; font: 700 13px/1.2 var(--k-govde);
  color: var(--k-krem-2); background: rgba(247, 201, 75, .1); border: 1px solid var(--k-kil-orta); }
.k-cip .ik { width: 15px; height: 15px; color: var(--k-altin-3); }
.k-rozet { display: inline-flex; align-items: center; padding: 4px 9px; border-radius: 7px; font: 800 11px/1.3 var(--k-baslik); letter-spacing: 1px;
  text-transform: uppercase; background: var(--k-forma-2); color: #fff; }
.k-rozet.altin { background: linear-gradient(180deg, #ffd964, #c8901f); color: var(--k-kahve-yazi); }
.k-madalyon { width: 58px; height: 58px; flex: none; display: grid; place-items: center; border-radius: 16px; color: var(--k-altin-2);
  background: radial-gradient(circle at 50% 30%, rgba(255, 190, 90, .28), rgba(60, 34, 12, .9) 70%);
  border: 1px solid var(--k-kil); box-shadow: inset 0 1px 0 rgba(255, 230, 160, .25), 0 6px 14px rgba(0, 0, 0, .45); }
.k-madalyon .ik { width: 28px; height: 28px; }
.k-izgara { display: grid; gap: clamp(16px, 2vw, 24px); }
.k-izgara-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.k-izgara-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.k-izgara-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* gorunurlukte belirme (site.js .gorun -> .ic) */
.gorun { opacity: 0; transform: translateY(18px); transition: opacity .7s var(--k-egri), transform .7s var(--k-egri); }
.gorun.ic { opacity: 1; transform: none; }
.gorun.g2 { transition-delay: .08s; } .gorun.g3 { transition-delay: .16s; } .gorun.g4 { transition-delay: .24s; }

/* ---------------------------------------------------------------- 4. ust bar */
.k-ust { position: fixed; left: 0; right: 0; top: 0; z-index: 60; height: var(--k-ust-h); transition: background-color .3s, box-shadow .3s, backdrop-filter .3s; }
.k-ust::before { content: ""; position: absolute; inset: 0 0 -30px; pointer-events: none; background: linear-gradient(180deg, rgba(6, 4, 3, .72), rgba(6, 4, 3, 0)); transition: opacity .3s; }
.k-ust.kaydi { background: rgba(22, 14, 8, .94); box-shadow: 0 1px 0 var(--k-kil-orta), 0 10px 30px rgba(0, 0, 0, .5); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.k-ust.kaydi::before { opacity: 0; }
.k-ust-ic { position: relative; display: flex; align-items: center; gap: 22px; height: 100%; max-width: 1400px; margin: 0 auto; padding: 0 24px; }
.k-marka { display: block; flex: none; line-height: 0; }
.k-marka img { width: auto; height: 56px; filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .6)); transition: transform .25s var(--k-egri); }
.k-marka:hover img { transform: scale(1.04) rotate(-1deg); }
.k-gez { display: flex; align-items: center; gap: 2px; }
.k-gez a { position: relative; display: inline-flex; align-items: center; gap: 7px; padding: 10px 13px; border-radius: 10px;
  font: 800 15px/1 var(--k-baslik); color: var(--k-krem-2); letter-spacing: .2px; text-shadow: 0 1px 3px rgba(0, 0, 0, .7); }
.k-gez a::after { content: ""; position: absolute; left: 13px; right: 13px; bottom: 3px; height: 2px; border-radius: 2px;
  background: linear-gradient(90deg, transparent, var(--k-altin-2), transparent); transform: scaleX(0); transition: transform .25s var(--k-egri); }
.k-gez a:hover { color: var(--k-krem-1); }
.k-gez a:hover::after, .k-gez a[aria-current]::after { transform: scaleX(1); }
.k-gez a[aria-current] { color: var(--k-altin-2); }
.k-ust-eylem .k-kadife[aria-current] { border-color: var(--k-altin-2); box-shadow: 0 0 0 2px rgba(255, 217, 100, .25), inset 0 1px 0 rgba(255, 230, 160, .2); }
.k-gez .ik { width: 17px; height: 17px; }
.k-ust-eylem { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.k-durum { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 99px; font: 700 13px/1 var(--k-govde); color: var(--k-krem-3);
  background: rgba(0, 0, 0, .38); border: 1px solid var(--k-kil-silik); white-space: nowrap; }
.k-durum b { color: var(--k-krem-1); font-variant-numeric: tabular-nums; }
.k-nokta { width: 9px; height: 9px; flex: none; border-radius: 50%; background: var(--k-yesil); box-shadow: 0 0 8px var(--k-yesil); animation: k-nabiz 2.4s ease-in-out infinite; }
.k-nokta.bakim { background: var(--k-turuncu); box-shadow: 0 0 8px var(--k-turuncu); }
.k-nokta.yakinda, .k-nokta.kapali { background: #8a7656; box-shadow: none; animation: none; }
@keyframes k-nabiz { 0%, 100% { box-shadow: 0 0 0 0 rgba(94, 227, 106, .55); } 60% { box-shadow: 0 0 0 7px rgba(94, 227, 106, 0); } }
.gez-ac { display: none; width: 46px; height: 46px; border-radius: 12px; align-items: center; justify-content: center; cursor: pointer;
  color: var(--k-krem-1); background: rgba(0, 0, 0, .35); border: 1px solid var(--k-kil-orta); }
.gez-ac .ik { width: 24px; height: 24px; }
.k-gez-mobil { position: fixed; z-index: 59; left: 0; right: 0; top: var(--k-ust-h); bottom: 0; overflow-y: auto; padding: 18px 20px 28px;
  background: linear-gradient(180deg, rgba(22, 14, 8, .985), rgba(12, 8, 5, .99)); border-top: 1px solid var(--k-kil-orta); }
.k-gez-mobil a.k-gm-bag { display: flex; align-items: center; gap: 14px; padding: 15px 10px; border-bottom: 1px solid rgba(247, 201, 75, .12);
  font: 800 18px var(--k-baslik); color: var(--k-krem-1); }
.k-gez-mobil a.k-gm-bag .ik { width: 22px; height: 22px; color: var(--k-altin-3); }
.k-gez-mobil a.k-gm-bag[aria-current] { color: var(--k-altin-2); }
.k-gm-eylem { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 22px; }
.k-gm-eylem .k-dugme { width: 100%; }
.k-gm-durum { margin-top: 18px; display: flex; justify-content: center; }

/* ---------------------------------------------------------------- 5. sayfa afisi (her sayfada ayni dunyanin baska bir karesi) */
.k-afis { position: relative; display: flex; align-items: flex-end; min-height: clamp(300px, 34vw, 440px); padding: calc(var(--k-ust-h) + 40px) 0 clamp(34px, 4vw, 54px);
  overflow: hidden; isolation: isolate; background: var(--k-gece-1); }
.k-afis-sanat { position: absolute; inset: 0; z-index: -2; }
.k-afis-sanat img { width: 100%; height: 100%; object-fit: cover; object-position: var(--odak, 50% 50%); animation: k-yaklas 22s ease-out both; }
@keyframes k-yaklas { from { transform: scale(1.06); } to { transform: scale(1); } }
.k-afis::after { content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(90deg, rgba(9, 6, 10, .88) 0%, rgba(9, 6, 10, .62) 38%, rgba(9, 6, 10, .12) 72%, rgba(9, 6, 10, .05) 100%),
              linear-gradient(0deg, var(--k-gece-0) 0%, rgba(9, 7, 12, 0) 46%); }
.k-afis.sag::after { background: linear-gradient(270deg, rgba(9, 6, 10, .88) 0%, rgba(9, 6, 10, .62) 38%, rgba(9, 6, 10, .12) 72%, rgba(9, 6, 10, .05) 100%),
              linear-gradient(0deg, var(--k-gece-0) 0%, rgba(9, 7, 12, 0) 46%); }
.k-afis.sag .k-afis-metin { margin-left: auto; text-align: right; }
.k-afis.sag .k-kirinti { justify-content: flex-end; }
.k-afis .k-kap { position: relative; z-index: 2; }
.k-afis-metin { max-width: 640px; }
.k-afis h1 { margin: 6px 0 10px; text-shadow: 0 4px 22px rgba(0, 0, 0, .6); }
.k-afis p { margin: 0; font-size: clamp(16px, 1.4vw, 19px); color: var(--k-krem-2); text-shadow: 0 2px 10px rgba(0, 0, 0, .8); }
.k-kirinti { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font: 700 13.5px var(--k-govde); color: var(--k-krem-3); }
.k-kirinti a { color: var(--k-krem-2); }
.k-kirinti a:hover { color: var(--k-altin-2); }
.k-kirinti .ik { width: 14px; height: 14px; color: var(--k-altin-4); }
.k-afis-dip { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; }

/* ---------------------------------------------------------------- 6. ana sayfa A: sinematik kapi sahnesi */
.k-sahne { position: relative; min-height: max(640px, 100svh); display: flex; align-items: center; justify-content: center; overflow: hidden; isolation: isolate;
  padding: calc(var(--k-ust-h) + 20px) 0 120px; background: var(--k-gece-1); }
.k-sahne-sanat { position: absolute; inset: -18px; z-index: -3; transition: translate .6s var(--k-egri); }
.k-sahne-sanat img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 62%; animation: k-nefes 26s ease-in-out infinite alternate; }
@keyframes k-nefes { from { transform: scale(1.02); } to { transform: scale(1.07); } }
.k-sahne::before { content: ""; position: absolute; inset: 0; z-index: -2;
  background: radial-gradient(ellipse 46% 52% at 50% 48%, rgba(10, 7, 12, .66) 0%, rgba(10, 7, 12, .28) 60%, rgba(10, 7, 12, 0) 100%),
              linear-gradient(180deg, rgba(9, 6, 10, .55) 0%, rgba(9, 6, 10, 0) 26%, rgba(9, 6, 10, 0) 66%, var(--k-gece-0) 100%); }
.k-sahne-ic { position: relative; z-index: 3; width: min(640px, 92vw); text-align: center; transition: translate .6s var(--k-egri); }
.k-sahne-logo { display: block; width: clamp(170px, 15vw, 228px); height: auto; margin: 0 auto 6px; filter: drop-shadow(0 10px 26px rgba(0, 0, 0, .7)); animation: k-suzul 6s ease-in-out infinite; }
@keyframes k-suzul { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
.k-sahne h1 { font-size: clamp(30px, 4.2vw, 54px); margin: 0 0 12px; text-shadow: 0 4px 26px rgba(0, 0, 0, .75); }
.k-sahne-alt { margin: 0 auto 26px; max-width: 520px; font-size: clamp(16px, 1.4vw, 19px); color: var(--k-krem-2); text-shadow: 0 2px 12px rgba(0, 0, 0, .85); }
.k-sahne .k-dugmeler { justify-content: center; }
.k-sunucular { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 22px; }
.k-sv { display: inline-flex; align-items: center; gap: 9px; padding: 8px 14px 8px 12px; border-radius: 12px; text-align: left;
  background: linear-gradient(180deg, rgba(60, 38, 16, .78), rgba(24, 14, 6, .86)); border: 1px solid var(--k-kil-orta); box-shadow: 0 6px 16px rgba(0, 0, 0, .4); }
.k-sv b { display: block; font: 800 14px/1.15 var(--k-baslik); color: var(--k-krem-1); }
.k-sv small { display: block; font: 700 10.5px/1.2 var(--k-govde); letter-spacing: .08em; color: var(--k-krem-4); text-transform: uppercase; }
.k-balon { position: absolute; z-index: 4; padding: 10px 14px; border-radius: 13px; max-width: 220px; text-align: left;
  font: 700 13.5px/1.3 var(--k-govde); color: var(--k-kahve-yazi); background: linear-gradient(180deg, #fff6d6, #f3dda0); border: 1px solid #c8901f;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .5); animation: gk-salla 4s ease-in-out infinite; }
.k-balon::after { content: ""; position: absolute; left: 34px; bottom: -7px; width: 12px; height: 12px; background: #f3dda0; border-right: 1px solid #c8901f; border-bottom: 1px solid #c8901f; transform: rotate(45deg); }
.k-balon:hover { color: var(--k-kahve-yazi); filter: brightness(1.05); }
@keyframes gk-salla { 0%, 80%, 100% { transform: translateY(0); } 86% { transform: translateY(-4px); } 92% { transform: translateY(0); } 96% { transform: translateY(-2px); } }
.k-sahne .k-balon { left: 11%; top: 50%; }
.k-kaydir { position: absolute; z-index: 4; left: 50%; bottom: 26px; translate: -50% 0; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%;
  color: var(--k-altin-2); border: 1px solid var(--k-kil-orta); background: rgba(0, 0, 0, .35); animation: k-sek 2.2s ease-in-out infinite; }
@keyframes k-sek { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(6px); } }

/* istatistik seridi */
.k-serit { position: relative; z-index: 5; margin-top: -64px; }
.k-serit dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; border-radius: 18px; overflow: hidden;
  background: var(--k-kadife); border: 1px solid var(--k-kil); box-shadow: var(--k-golge), inset 0 1px 0 rgba(255, 230, 160, .16); }
.k-serit dl > div { padding: 22px 18px; text-align: center; }
.k-serit dl > div + div { border-left: 1px solid var(--k-kil-silik); }
.k-serit dt { font: 800 12px var(--k-govde); letter-spacing: .2em; text-transform: uppercase; color: var(--k-etiket); }
.k-serit dd { margin: 4px 0 0; font: 900 clamp(28px, 3.4vw, 40px)/1.05 var(--k-baslik); color: var(--k-krem-1); font-variant-numeric: tabular-nums; }

/* ozellik kartlari: totem plaketleri */
.k-ozellik { display: flex; flex-direction: column; gap: 14px; height: 100%; }
.k-ozellik .k-madalyon { margin-bottom: 2px; }

/* Bal Vadisi vitrini */
.k-vitrin { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(28px, 5vw, 64px); align-items: center; }
.k-maddeler { list-style: none; margin: 20px 0 0; padding: 0; display: grid; gap: 12px; }
.k-maddeler li { display: flex; gap: 12px; align-items: flex-start; color: var(--k-krem-2); }
.k-maddeler li .ik { width: 22px; height: 22px; margin-top: 2px; color: var(--k-altin-3); }
.k-etaplar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.k-etap { position: relative; margin: 0; border-radius: 16px; overflow: hidden; border: 1px solid var(--k-kil-orta); box-shadow: 0 12px 28px rgba(0, 0, 0, .5); background: #000; }
.k-etap img { display: block; width: 100%; aspect-ratio: 316 / 396; object-fit: cover; transition: transform .5s var(--k-egri); }
.k-etap:hover img { transform: scale(1.05); }
.k-etap figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 26px 12px 10px; font: 800 13.5px/1.25 var(--k-baslik); color: var(--k-krem-1);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(10, 6, 4, .9) 60%); }
.k-etap:nth-child(2) { transform: translateY(26px); }
.k-silah-evrim { display: flex; align-items: center; gap: 10px; margin-top: 22px; }
.k-silah-kademe { display: grid; justify-items: center; gap: 6px; font: 800 13px var(--k-baslik); color: var(--k-krem-3); }
.k-silah-kademe span:first-child { width: 78px; height: 78px; display: grid; place-items: center; border-radius: 16px;
  background: radial-gradient(circle, rgba(255, 190, 90, .22), rgba(30, 18, 8, .9) 70%); border: 1px solid var(--k-kil-orta); }
.k-silah-kademe.parla span:first-child { border-color: var(--k-altin-3); box-shadow: 0 0 26px -6px rgba(255, 200, 90, .8); }
.k-silah-evrim .ok { color: var(--k-altin-4); }

.k-vitrin-ters { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); }
.k-iki-sutun { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(28px, 5vw, 56px); align-items: start; }
.k-haber-kart.k-haber-yatay { flex-direction: row; }
.k-haber-kart.k-haber-yatay .k-haber-gorsel { flex: 0 0 38%; aspect-ratio: auto; min-height: 150px; }

/* turnuva bandi */
.k-bant { position: relative; overflow: hidden; isolation: isolate; border-block: 1px solid var(--k-kil-silik);
  background: radial-gradient(700px 400px at 85% 50%, rgba(196, 34, 44, .22), transparent 70%), linear-gradient(180deg, rgba(26, 14, 10, .9), rgba(14, 9, 7, .95)); }
.k-bant-ic { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 60px); align-items: center; }
.k-ozellik-liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 24px; }
.k-ozellik-liste > div { display: flex; gap: 12px; align-items: flex-start; padding: 14px; border-radius: 14px; background: rgba(0, 0, 0, .28); border: 1px solid var(--k-kil-silik); }
.k-ozellik-liste .ik { width: 22px; height: 22px; color: var(--k-altin-3); margin-top: 2px; }
.k-ozellik-liste b { display: block; font: 800 15.5px/1.2 var(--k-baslik); }
.k-ozellik-liste span span { display: block; font-size: 14.5px; color: var(--k-krem-3); }
.k-karakterler { position: relative; display: flex; justify-content: center; align-items: flex-end; min-height: 380px; }
.k-karakterler img { position: relative; width: 33%; max-width: 230px; border-radius: 18px; border: 1px solid var(--k-kil-orta); box-shadow: 0 18px 40px rgba(0, 0, 0, .6); object-fit: cover; aspect-ratio: 4 / 5; }
.k-karakterler img:nth-child(1) { transform: rotate(-6deg) translate(22px, 8px); z-index: 1; }
.k-karakterler img:nth-child(2) { z-index: 3; width: 38%; max-width: 260px; }
.k-karakterler img:nth-child(3) { transform: rotate(6deg) translate(-22px, 8px); z-index: 2; }
.k-karakterler .k-kupa { position: absolute; z-index: 4; bottom: -10px; left: 50%; translate: -50% 0; width: 86px; height: auto; border: 0; border-radius: 0; box-shadow: none; aspect-ratio: auto;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, .7)) drop-shadow(0 0 18px rgba(255, 200, 80, .45)); transform: none; }

/* onur ozeti + haberler */
.k-mini-sira { display: grid; gap: 8px; }
.k-mini-sira a { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 14px; border-radius: 14px; color: inherit;
  background: rgba(0, 0, 0, .28); border: 1px solid var(--k-kil-silik); transition: border-color .2s, background-color .2s; }
.k-mini-sira a:hover { border-color: var(--k-kil); background: rgba(247, 201, 75, .06); color: inherit; }
.k-mini-sira b { display: block; color: var(--k-krem-1); font: 800 16px/1.2 var(--k-baslik); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.k-mini-sira small { display: block; color: var(--k-krem-4); font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.k-mini-sira .deger { font: 900 18px var(--k-baslik); color: var(--k-altin-2); font-variant-numeric: tabular-nums; }
.k-sira { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; font: 900 15px var(--k-baslik); color: var(--k-kahve-yazi);
  background: linear-gradient(180deg, #fff1a0, #f7c94b 55%, #c8901f); box-shadow: 0 2px 0 #7a5510, 0 0 14px -2px rgba(255, 200, 80, .7); }
.k-sira.s2 { background: linear-gradient(180deg, #ffffff, #cfd6de 55%, #8a96a3); box-shadow: 0 2px 0 #5d6670; }
.k-sira.s3 { background: linear-gradient(180deg, #ffd2a8, #d78b4b 55%, #8e4f22); box-shadow: 0 2px 0 #5e3112; color: #2a1406; }
.k-sira.duz { background: rgba(0, 0, 0, .3); color: var(--k-krem-3); box-shadow: none; border: 1px solid var(--k-kil-silik); }
.k-haber-kart { display: flex; flex-direction: column; height: 100%; padding: 0; overflow: hidden; }
.k-haber-gorsel { position: relative; aspect-ratio: 16 / 7; overflow: hidden; background: #000; }
.k-haber-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--k-egri); }
a.k-haber-kart:hover .k-haber-gorsel img { transform: scale(1.05); }
.k-haber-gorsel .k-rozet { position: absolute; left: 12px; top: 12px; }
.k-haber-govde { display: flex; flex-direction: column; gap: 8px; padding: 18px 20px 20px; flex: 1; }
.k-haber-govde h3 { margin: 0; }
.k-tarih { display: inline-flex; align-items: center; gap: 7px; font: 700 13px var(--k-govde); color: var(--k-etiket); letter-spacing: .04em; }
.k-tarih .ik { width: 15px; height: 15px; }

/* discord bandi */
.k-discord-bant { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 28px; align-items: center; padding: 30px clamp(22px, 4vw, 44px);
  border-radius: 22px; overflow: hidden; isolation: isolate; border: 1px solid rgba(140, 150, 255, .4);
  background: radial-gradient(500px 240px at 0% 50%, rgba(123, 134, 242, .32), transparent 70%), linear-gradient(180deg, rgba(36, 30, 64, .92), rgba(18, 14, 34, .95));
  box-shadow: var(--k-golge); }
.k-discord-bant h2 { font-size: clamp(24px, 2.6vw, 32px); margin: 0 0 6px; }
.k-discord-bant p { margin: 0; color: #d9d6f5; }
.k-discord-bant .k-toni { width: 96px; height: auto; filter: drop-shadow(0 8px 16px rgba(0, 0, 0, .6)); }

/* son cagri */
.k-cagri { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 26px; align-items: center; padding: clamp(28px, 4vw, 48px);
  border-radius: 24px; overflow: hidden; isolation: isolate; border: 1px solid var(--k-kil); box-shadow: var(--k-golge); }
.k-cagri-sanat { position: absolute; inset: 0; z-index: -2; }
.k-cagri-sanat img { width: 100%; height: 100%; object-fit: cover; object-position: 70% 40%; }
.k-cagri::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(14, 9, 6, .94) 0%, rgba(14, 9, 6, .78) 50%, rgba(14, 9, 6, .35) 100%); }
.k-cagri h2 { margin: 0 0 8px; }
.k-cagri p { margin: 0; color: var(--k-krem-3); }

/* ---------------------------------------------------------------- 7. ana sayfa B: bolunmus sahne + pano */
.k-b-sahne { position: relative; padding: calc(var(--k-ust-h) + 36px) 0 64px; overflow: hidden; isolation: isolate; }
.k-b-sahne::before { content: ""; position: absolute; inset: 0; z-index: -2;
  background: radial-gradient(900px 600px at 78% 40%, rgba(255, 140, 60, .16), transparent 60%), radial-gradient(800px 600px at 10% 30%, rgba(116, 70, 156, .28), transparent 65%); }
.k-b-izgara { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(26px, 4vw, 56px); align-items: center; }
.k-b-metin .k-logo-kucuk { width: 190px; height: auto; margin: 0 0 6px -6px; filter: drop-shadow(0 8px 20px rgba(0, 0, 0, .6)); }
.k-b-metin h1 { font-size: clamp(34px, 4.4vw, 58px); }
.k-b-metin > p { color: var(--k-krem-3); font-size: 18.5px; max-width: 520px; }
.k-b-pencere { position: relative; border-radius: 26px; padding: 10px; background: linear-gradient(160deg, rgba(255, 217, 100, .7), rgba(122, 85, 16, .55) 40%, rgba(255, 217, 100, .45) 100%);
  box-shadow: 0 30px 60px rgba(0, 0, 0, .6), 0 0 80px -30px rgba(255, 180, 70, .6); }
.k-b-pencere-ic { position: relative; border-radius: 18px; overflow: hidden; aspect-ratio: 1280 / 994; background: #000; isolation: isolate; }
.k-b-pencere-ic img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; animation: k-kenburns 30s ease-in-out infinite alternate; transform-origin: 62% 46%; }
@keyframes k-kenburns { 0% { transform: scale(1.0) translate(0, 0); } 100% { transform: scale(1.12) translate(-2%, 1%); } }
.k-b-pencere-ic::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; box-shadow: inset 0 0 80px rgba(0, 0, 0, .55); }
.k-b-pencere .k-desen { position: absolute; left: 24px; right: 24px; bottom: -4px; border-radius: 4px; }
.k-b-durum { position: absolute; z-index: 3; left: 22px; top: 22px; display: flex; flex-direction: column; gap: 8px; }
.k-b-yol { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px, 1fr); gap: 18px; overflow-x: auto; padding: 6px 2px 18px; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: rgba(247, 201, 75, .4) transparent; }
.k-b-yol > * { scroll-snap-align: start; }
.k-b-yol-kart { position: relative; display: flex; flex-direction: column; min-height: 300px; padding: 0; overflow: hidden; }
.k-b-yol-kart .k-oyun-sanat { height: 170px; }
.k-b-yol-kart .k-kart-govde { padding: 18px 20px 20px; }
.k-b-pano { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) minmax(0, .85fr); gap: 20px; align-items: start; }
.k-b-pano .k-panel h2 { font-size: 24px; margin-bottom: 14px; display: flex; align-items: center; gap: 10px; }
.k-b-pano .k-panel h2 .ik { color: var(--k-altin-3); }
.k-haber-satir { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 14px; align-items: center; padding: 10px 0; color: inherit; border-bottom: 1px solid var(--k-kil-silik); }
.k-haber-satir:last-child { border-bottom: 0; }
.k-haber-satir img { width: 92px; height: 64px; object-fit: cover; border-radius: 10px; border: 1px solid var(--k-kil-silik); }
.k-haber-satir b { display: block; font: 800 16px/1.25 var(--k-baslik); color: var(--k-krem-1); }
.k-haber-satir:hover b { color: var(--k-altin-2); }

/* oyun sanati sahnesi (rehber kartlari): oyunun kendi gorseli Kabile mesale isiginda */
.k-oyun-sanat { position: relative; display: grid; place-items: center; overflow: hidden; isolation: isolate;
  background: radial-gradient(circle at 50% 70%, rgba(255, 160, 70, .38) 0%, rgba(120, 60, 20, .2) 38%, rgba(0, 0, 0, 0) 70%), linear-gradient(180deg, #1f1428, #120d0b); }
.k-oyun-sanat::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 34%; z-index: -1;
  background: radial-gradient(ellipse 60% 70% at 50% 100%, rgba(30, 60, 30, .9), rgba(0, 0, 0, 0)); }
.k-oyun-sanat img { max-height: 88%; width: auto; max-width: 86%; object-fit: contain; filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .65)) drop-shadow(0 0 22px rgba(255, 170, 70, .28)); transition: transform .4s var(--k-egri); }
.k-oyun-sanat.resim img { max-height: none; max-width: none; width: 100%; height: 100%; object-fit: cover; object-position: 50% 22%; filter: saturate(1.05); }
.k-oyun-sanat.resim::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255, 140, 50, .1), rgba(14, 9, 6, .55)); }
a:hover .k-oyun-sanat img { transform: scale(1.05) translateY(-3px); }
.k-oyun-sanat .k-ates { z-index: 2; }

/* ---------------------------------------------------------------- 8. giris / kayit: Kabile Kapisi (firlatici penceresinin web ikizi) */
.k-kapi { position: relative; min-height: max(760px, 100svh); padding: calc(var(--k-ust-h) + 18px) 16px 40px; overflow: hidden; isolation: isolate; display: flex; justify-content: center; }
.k-kapi-sanat { position: absolute; inset: 0; z-index: -2; }
.k-kapi-sanat img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 55%; }
.k-kapi::before { content: ""; position: absolute; inset: 0; z-index: -1;
  background: radial-gradient(ellipse 34% 60% at 50% 52%, rgba(8, 5, 4, .55), rgba(8, 5, 4, 0) 100%), linear-gradient(180deg, rgba(6, 4, 3, .45), rgba(6, 4, 3, 0) 22%, rgba(6, 4, 3, 0) 78%, rgba(9, 7, 12, .9)); }
.k-kapi-ic { position: relative; z-index: 3; width: 400px; max-width: 100%; display: flex; flex-direction: column; align-items: stretch; }
.k-kapi-ic.genis { width: 560px; }
.k-kapi-logo { display: block; width: 236px; height: auto; margin: 0 auto 4px; filter: drop-shadow(0 8px 20px rgba(0, 0, 0, .7)); }
.k-kapi .gk-panel { width: 100%; }
.k-kapi-baslik { margin: 0 0 14px; text-align: center; }
.k-kapi-baslik h1 { margin: 0; font-size: 22px; letter-spacing: .5px; }
.k-kapi-baslik p { margin: 4px 0 0; font-size: 14px; color: var(--k-krem-3); }
.k-kapi .gk-sosyal { position: absolute; left: 24px; top: calc(var(--k-ust-h) + 16px); z-index: 4; }
.k-kapi .gk-sb { text-decoration: none; }
.k-kapi .k-balon { left: max(16px, calc(50% - 560px)); top: 52%; }
.k-kapi .gk-haber { display: block; height: 118px; margin-top: 16px; color: inherit; text-decoration: none; }
.k-kapi .gk-haber .gk-resim img { width: 100%; height: 100%; object-fit: cover; }
.k-kapi-alt { margin-top: 12px; text-align: center; font: 600 12px var(--k-govde); color: var(--k-krem-4); text-shadow: 0 1px 3px #000; }
.k-kapi .gk-alan input { font-family: var(--k-govde); }
.k-kapi .gk-alan input::-ms-reveal { display: none; }
.k-kapi .gk-sunucu { padding: 0; overflow: hidden; }
.k-kapi .gk-sunucu .gk-nokta { margin-left: 12px; }
.k-kapi .gk-sunucu select { flex: 1; height: 100%; min-width: 0; padding: 0 34px 0 2px; border: 0; background: transparent; color: #fff3d0; cursor: pointer;
  font: 700 14px/1.15 var(--k-govde); -webkit-appearance: none; appearance: none; outline: none; }
.k-kapi .gk-sunucu select option { background: #241509; color: #fff3d0; }
.k-kapi .gk-sunucu .gk-ok { position: absolute; right: 14px; pointer-events: none; }
.k-kapi .gk-sunucu:focus-within { border-color: var(--k-altin-3); box-shadow: 0 0 0 3px rgba(247, 201, 75, .2), inset 0 1px 0 rgba(255, 230, 160, .2); }
.k-kapi .gk-oyna { cursor: pointer; }
.k-kapi-ikincil { display: flex; justify-content: space-between; gap: 10px; margin-top: 10px; font: 600 12.5px var(--k-govde); color: #b99a63; }
.k-kapi-ikincil button, .k-kapi-ikincil a { font: 700 12.5px var(--k-govde); color: var(--k-altin-2); background: none; border: 0; padding: 0; cursor: pointer; }
.k-kapi-ikincil button:hover, .k-kapi-ikincil a:hover { text-decoration: underline; }
.k-kapi .gk-haber { position: relative; }
.k-kapi .gk-haber-oge { position: absolute; inset: 0; display: block; color: inherit; text-decoration: none; opacity: 0; visibility: hidden; transition: opacity .35s, visibility 0s .35s; }
.k-kapi .gk-haber-oge.aktif { opacity: 1; visibility: visible; transition: opacity .35s; }
.k-kapi a.gk-haber-oge:hover .gk-serit b { text-decoration: underline; }
.k-kapi .gk-haber .gk-noktalar { z-index: 3; }
.k-kapi .gk-sosyal a:hover { color: #fff; }
.k-kapi .gk-sosyal a.site:hover { color: #2a1800; }
.k-kapi .gk-baglanti { display: inline; }
.k-kapi .gk-oyna { text-decoration: none; }
/* kayit formu (genis pencere) */
.k-kapi .gk-panel .k-ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
.k-kapi .gk-ipucu { display: block; margin: -8px 0 10px 2px; font: 600 11.5px/1.3 var(--k-govde); color: #a88f62; }
.k-kapi .gk-alan select { flex: 1; height: 100%; border: 0; background: transparent; color: #fff3d0; font: 600 15px var(--k-govde); outline: none; -webkit-appearance: none; appearance: none; cursor: pointer; }
.k-kapi .gk-alan select option { background: #241509; }
.k-kapi .k-kod { display: flex; align-items: center; gap: 8px; height: 42px; margin-bottom: 12px; }
.k-kapi .k-kod img { height: 42px; width: auto; border-radius: 8px; border: 1px solid rgba(205, 157, 90, .45); background: #fff; }
.k-kapi .k-kod .gk-alan { flex: 1; margin: 0; }
.k-kapi .k-kod .yenile-kod { width: 38px; height: 38px; flex: none; display: grid; place-items: center; border-radius: 9px; cursor: pointer;
  color: #d9b77a; background: rgba(247, 201, 75, .1); border: 1px solid rgba(247, 201, 75, .35); }
.k-kapi .k-kod .yenile-kod:hover { background: rgba(247, 201, 75, .2); }
.k-kapi .gk-kutu span a { color: var(--k-altin-2); }
.k-kapi .gk-kutu { align-items: flex-start; font: 600 12.5px/1.35 var(--k-govde); }
.k-kapi .gk-kutu i { flex: none; margin-top: 1px; }
.k-kapali-bilgi { display: flex; gap: 12px; align-items: flex-start; padding: 14px; margin-bottom: 14px; border-radius: 12px; font: 600 13.5px/1.45 var(--k-govde);
  color: #ffe7a8; background: rgba(110, 78, 20, .55); border: 1px solid rgba(247, 201, 75, .45); }
.k-kapali-bilgi .ik { width: 22px; height: 22px; flex: none; color: var(--k-altin-2); }
.k-kapali-bilgi b { display: block; color: #fff3d0; font-size: 15px; margin-bottom: 2px; }
.k-kapi fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.k-kapi fieldset:disabled { opacity: .5; }
.k-kapi fieldset:disabled .gk-alan, .k-kapi fieldset:disabled .gk-oyna { cursor: not-allowed; }
.k-basari { text-align: center; padding: 6px 4px; }
.k-basari .k-madalyon { margin: 0 auto 12px; border-radius: 50%; }

/* ---------------------------------------------------------------- 9. haberler */
.k-haber-liste { display: grid; gap: 22px; }
.k-haber-uzun { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); padding: 0; overflow: hidden; }
.k-haber-uzun .k-haber-gorsel { aspect-ratio: auto; min-height: 220px; }
.k-haber-uzun .k-haber-govde { padding: 24px 26px; }
.k-haber-uzun.one { grid-template-columns: minmax(0, 1fr); }
.k-haber-uzun.one .k-haber-gorsel { aspect-ratio: 21 / 8; min-height: 0; }
.k-haber-uzun h2 { font-size: clamp(22px, 2.2vw, 28px); margin: 0; }
.k-haber-uzun p { color: var(--k-krem-3); margin: 0; }
.k-makale { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: clamp(24px, 4vw, 48px); align-items: start; }
.k-metin { font-size: 18px; line-height: 1.75; color: var(--k-krem-2); }
.k-metin p { margin: 0 0 1.1em; }
.k-metin ul { margin: 0 0 1.1em; padding-left: 1.2em; }
.k-metin li { margin: .3em 0; }
.k-metin li::marker { color: var(--k-altin-3); }
.k-metin h2 { font-size: 26px; margin-top: 1.4em; }
.k-yan { display: grid; gap: 16px; position: sticky; top: calc(var(--k-ust-h) + 20px); }
.k-yan h3 { font-size: 17px; margin: 0 0 10px; color: var(--k-altin-2); }
.k-yan-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.k-yan-liste a { display: block; padding: 8px 10px; border-radius: 10px; color: var(--k-krem-2); font-weight: 600; line-height: 1.35; }
.k-yan-liste a:hover, .k-yan-liste a[aria-current] { background: rgba(247, 201, 75, .1); color: var(--k-altin-2); }
.k-yan-liste small { display: block; color: var(--k-krem-4); font-weight: 600; font-size: 12.5px; }
.k-onceki-sonraki { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 30px; }
.k-onceki-sonraki a { padding: 16px 18px; }
.k-onceki-sonraki small { display: block; font: 800 11.5px var(--k-govde); letter-spacing: .14em; text-transform: uppercase; color: var(--k-etiket); }
.k-onceki-sonraki b { display: block; margin-top: 4px; font: 800 16px/1.3 var(--k-baslik); }
.k-onceki-sonraki .sonra { text-align: right; }

/* ---------------------------------------------------------------- 10. onur listesi */
.k-sekmeler { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 30px; padding: 8px; border-radius: 16px; background: rgba(0, 0, 0, .3); border: 1px solid var(--k-kil-silik); }
.k-sekmeler a { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 11px; font: 800 14.5px/1 var(--k-baslik); color: var(--k-krem-3); border: 1px solid transparent; }
.k-sekmeler a .ik { width: 17px; height: 17px; }
.k-sekmeler a:hover { color: var(--k-krem-1); background: rgba(247, 201, 75, .06); }
.k-sekmeler a[aria-selected="true"] { color: var(--k-kahve-yazi); background: linear-gradient(180deg, #ffe48a, #f7c94b 55%, #c8901f); border-color: #8a6413; box-shadow: 0 2px 0 #7a5510; }
.k-sekmeler .ayrac { width: 1px; align-self: stretch; margin: 4px 6px; background: var(--k-kil-orta); }
.k-kursu { display: grid; grid-template-columns: 1fr 1.12fr 1fr; gap: clamp(10px, 2vw, 24px); align-items: end; max-width: 940px; margin: 10px auto 36px; }
.k-kursu-kisi { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 12px 20px; border-radius: 22px 22px 16px 16px;
  background: var(--k-kadife); border: 1px solid var(--k-kil-orta); box-shadow: var(--k-golge); }
.k-kursu-kisi.bir { border-color: var(--k-altin-3); box-shadow: var(--k-golge), 0 0 70px -24px rgba(255, 200, 80, .75); padding-bottom: 34px; }
.k-kursu-kisi .k-sira { position: absolute; top: -17px; left: 50%; translate: -50% 0; z-index: 2; }
.k-kursu-figur { position: relative; display: block; width: 100%; height: 200px; margin-top: -40px; }
.k-kursu-kisi.bir .k-kursu-figur { height: 240px; margin-top: -60px; }
.k-kursu-figur img { position: absolute; left: 50%; bottom: 0; translate: -50% 0; height: 100%; width: auto; max-width: 100%; object-fit: contain; filter: drop-shadow(0 10px 16px rgba(0, 0, 0, .6)); }
.k-kursu-figur.avatar-yok img { display: none; }
.k-harf { width: 92px; height: 92px; display: grid; place-items: center; margin: 22px auto 10px; border-radius: 50%; font: 900 36px var(--k-baslik); color: var(--k-kahve-yazi);
  background: linear-gradient(180deg, #fff1a0, #c8901f); box-shadow: 0 0 0 4px rgba(0, 0, 0, .45), 0 0 0 5px var(--k-kil); }
.k-kursu-figur .k-harf { position: absolute; left: 50%; bottom: 10px; translate: -50% 0; margin: 0; display: none; }
.k-kursu-figur.avatar-yok .k-harf { display: grid; }
.k-kursu-kisi strong { margin-top: 10px; font: 900 19px/1.2 var(--k-baslik); color: var(--k-krem-1); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.k-kursu-kisi small { color: var(--k-krem-4); font-size: 13.5px; }
.k-kursu-kisi .deger { margin-top: 8px; font: 900 22px var(--k-baslik); color: var(--k-altin-2); font-variant-numeric: tabular-nums; }
.k-kursu-kisi::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 0; height: 6px; border-radius: 0 0 8px 8px; opacity: .7;
  background: linear-gradient(135deg, #e0782d 25%, transparent 25%) -6px 0 / 12px 6px, linear-gradient(225deg, #e0782d 25%, transparent 25%) -6px 0 / 12px 6px, linear-gradient(315deg, var(--k-turkuaz) 25%, transparent 25%) 0 0 / 12px 6px, linear-gradient(45deg, var(--k-turkuaz) 25%, transparent 25%) 0 0 / 12px 6px; }
.k-tablo-sar { overflow-x: auto; border-radius: 18px; border: 1px solid var(--k-kil-orta); background: var(--k-kadife); box-shadow: var(--k-golge); }
.k-tablo { width: 100%; border-collapse: collapse; font-size: 16px; }
.k-tablo th, .k-tablo td { padding: 12px 16px; text-align: left; border-bottom: 1px solid rgba(247, 201, 75, .1); vertical-align: middle; }
.k-tablo th { font: 800 12px var(--k-govde); letter-spacing: .14em; text-transform: uppercase; color: var(--k-etiket); background: rgba(0, 0, 0, .3); }
.k-tablo tbody tr:hover { background: rgba(247, 201, 75, .05); }
.k-tablo tbody tr:last-child td { border-bottom: 0; }
.k-tablo .sag { text-align: right; font-variant-numeric: tabular-nums; }
.k-tablo .deger { font: 800 16px var(--k-baslik); color: var(--k-krem-1); }
.k-oyuncu { display: flex; align-items: center; gap: 12px; min-width: 0; }
.k-oyuncu b { display: block; color: var(--k-krem-1); font-weight: 700; }
.k-oyuncu small { display: block; color: var(--k-krem-4); font-size: 13.5px; }
.k-avatar { position: relative; width: 46px; height: 46px; flex: none; border-radius: 50%; overflow: hidden; display: grid; place-items: center;
  background: radial-gradient(circle at 50% 30%, rgba(255, 190, 90, .25), rgba(30, 18, 8, .95)); border: 1px solid var(--k-kil-orta); }
.k-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.k-avatar .harf { font: 900 18px var(--k-baslik); color: var(--k-altin-2); }
.k-avatar.avatar-resim .harf { display: none; }
.k-avatar.avatar-yok img { display: none; }
.k-avatar.avatar-yok .harf { display: block; }
.k-liste-dip { display: flex; justify-content: space-between; gap: 12px; margin-top: 12px; font-size: 13.5px; color: var(--k-krem-4); }

/* ---------------------------------------------------------------- 11. indir */
.k-indir { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(24px, 4vw, 48px); align-items: center; }
.k-firlatici { position: relative; border-radius: 18px; overflow: hidden; border: 1px solid var(--k-kil); box-shadow: 0 30px 70px rgba(0, 0, 0, .65), 0 0 90px -30px rgba(255, 180, 70, .55); }
.k-firlatici img { display: block; width: 100%; height: auto; }
.k-firlatici-sar { position: relative; }
.k-firlatici-sar .k-rozet { position: absolute; z-index: 2; right: -10px; top: -12px; font-size: 13px; padding: 7px 12px; box-shadow: 0 6px 14px rgba(0, 0, 0, .5); }
.k-indir-kutu { display: grid; gap: 16px; }
.k-indir-kutu .k-panel h3 { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.k-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 18px; }
.k-ipucu { margin: 12px 0 0; font-size: 14.5px; color: var(--k-krem-4); }
.k-adimlar { list-style: none; counter-reset: adim; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.k-adimlar li { counter-increment: adim; position: relative; padding: 26px 22px 22px 22px; }
.k-adimlar li::after { content: counter(adim); position: absolute; right: 18px; top: 10px; font: 900 54px/1 var(--k-baslik); color: rgba(247, 201, 75, .14); }
.k-adimlar b { display: block; margin-bottom: 6px; font: 900 19px var(--k-baslik); color: var(--k-krem-1); }
.k-adimlar li { color: var(--k-krem-3); font-size: 16px; }
.k-sss { display: grid; gap: 12px; }
.k-sss details { border-radius: 14px; background: var(--k-kadife); border: 1px solid var(--k-kil-orta); overflow: hidden; }
.k-sss summary { position: relative; padding: 18px 54px 18px 20px; cursor: pointer; list-style: none; font: 800 17px/1.35 var(--k-baslik); color: var(--k-krem-1); }
.k-sss summary::-webkit-details-marker { display: none; }
.k-sss summary::after { content: ""; position: absolute; right: 20px; top: 50%; width: 10px; height: 10px; margin-top: -7px; border-right: 2px solid var(--k-altin-3); border-bottom: 2px solid var(--k-altin-3); transform: rotate(45deg); transition: transform .2s; }
.k-sss details[open] summary::after { transform: rotate(225deg); margin-top: -2px; }
.k-sss details p { margin: 0; padding: 0 20px 18px; color: var(--k-krem-3); }
.k-surumler { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }

/* ---------------------------------------------------------------- 12. rehber */
.k-rehber-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.k-rehber-kart { display: flex; flex-direction: column; padding: 0; overflow: hidden; }
.k-rehber-kart .k-oyun-sanat { height: 190px; }
.k-rehber-kart .k-kart-govde { padding: 16px 18px 20px; }
.k-rehber-kart h3 { display: flex; align-items: center; gap: 9px; }
.k-rehber-kart h3 .ik { color: var(--k-altin-3); }
.k-rehber-duzen { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: clamp(22px, 4vw, 44px); align-items: start; }
.k-rehber-yan { position: sticky; top: calc(var(--k-ust-h) + 20px); padding: 14px; }
.k-rehber-yan a { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 11px; color: var(--k-krem-2); font: 700 15px var(--k-govde); }
.k-rehber-yan a .ik { width: 18px; height: 18px; color: var(--k-krem-4); }
.k-rehber-yan a:hover { background: rgba(247, 201, 75, .07); color: var(--k-krem-1); }
.k-rehber-yan a[aria-current] { background: linear-gradient(90deg, rgba(247, 201, 75, .18), rgba(247, 201, 75, 0)); color: var(--k-altin-2); box-shadow: inset 2px 0 0 var(--k-altin-3); }
.k-rehber-yan a[aria-current] .ik { color: var(--k-altin-3); }
.k-konu-bas { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 24px; align-items: center; margin-bottom: 26px; padding: 0; overflow: hidden; }
.k-konu-bas .k-kart-govde { padding: 26px 0 26px 28px; }
.k-konu-bas .k-oyun-sanat { height: 100%; min-height: 230px; }
.k-gercekler { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.k-gercek { padding: 10px 14px; border-radius: 12px; background: rgba(0, 0, 0, .3); border: 1px solid var(--k-kil-silik); }
.k-gercek small { display: block; font: 800 11px var(--k-govde); letter-spacing: .14em; text-transform: uppercase; color: var(--k-etiket); }
.k-gercek b { display: block; font: 800 16px/1.25 var(--k-baslik); color: var(--k-krem-1); }
.k-konu-bolum { margin-bottom: 18px; }
.k-konu-bolum h2 { font-size: 23px; display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.k-konu-bolum h2::before { content: ""; width: 10px; height: 10px; flex: none; transform: rotate(45deg); background: var(--k-altin-3); box-shadow: 0 0 10px rgba(255, 200, 80, .6); }
.k-konu-bolum p, .k-konu-bolum li { color: var(--k-krem-2); }
.k-konu-bolum ul { margin: 0 0 12px; padding-left: 1.2em; }
.k-konu-bolum li { margin: 6px 0; }
.k-konu-bolum li::marker { color: var(--k-altin-3); }
.k-konu-bolum ol.k-adim-liste { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 10px; counter-reset: ra; }
.k-adim-liste li { counter-increment: ra; display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; margin: 0; }
.k-adim-liste li::before { content: counter(ra); width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; font: 900 14px var(--k-baslik); color: var(--k-kahve-yazi); background: linear-gradient(180deg, #ffe48a, #c8901f); }
.k-adim-liste b { display: block; }
.k-not { display: flex; gap: 10px; align-items: flex-start; margin-top: 12px; padding: 12px 14px; border-radius: 12px; font-size: 15.5px; color: #ffe7a8; background: rgba(110, 78, 20, .35); border: 1px solid rgba(247, 201, 75, .3); }
.k-not .ik { width: 20px; height: 20px; color: var(--k-altin-2); margin-top: 2px; }
.k-galeri { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 12px; }
.k-galeri figure { margin: 0; display: grid; justify-items: center; gap: 6px; padding: 12px; border-radius: 14px; background: rgba(0, 0, 0, .3); border: 1px solid var(--k-kil-silik); font: 700 13px var(--k-govde); color: var(--k-krem-3); }
.k-galeri img { height: 90px; width: auto; }

.k-ikon-dizi { position: relative; z-index: 1; display: flex; gap: 10px; align-items: center; justify-content: center; }
.k-ikon-dizi img { width: 78px; height: 78px; border-radius: 14px; box-shadow: 0 0 0 1px rgba(247, 201, 75, .45), 0 10px 20px rgba(0, 0, 0, .55), 0 0 26px -8px rgba(255, 180, 70, .7); }
.k-ikon-dizi img:nth-child(2) { transform: translateY(-10px) scale(1.08); }
.k-galeri figcaption { text-align: center; }
.k-kapi .gk-alan .gk-ok { margin-left: 6px; color: #f7c94b; font-size: 12px; pointer-events: none; }

/* ---------------------------------------------------------------- 13. yasal / hakkimizda */
.k-yasal { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; counter-reset: none; }
.k-yasal li { position: relative; padding: 20px 22px 20px 74px; color: var(--k-krem-2); }
.k-yasal li .no { position: absolute; left: 20px; top: 20px; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px;
  font: 900 16px var(--k-baslik); color: var(--k-kahve-yazi); background: linear-gradient(180deg, #ffe48a, #c8901f); }
.k-yasal li h3 { font-size: 18px; margin: 0 0 6px; }
.k-yasal li.kabul { border-color: var(--k-kil); }
.k-icindekiler { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.k-kvkk h2 { font-size: 22px; margin: 28px 0 10px; }
.k-kvkk p, .k-kvkk li { color: var(--k-krem-2); }
.k-hakkimizda { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 52px); align-items: start; }
.k-deger-liste { display: grid; gap: 14px; margin-top: 26px; }
.k-deger-liste .k-kart { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 16px; align-items: center; padding: 18px; }
.k-ozet-liste { margin: 0; display: grid; gap: 2px; }
.k-ozet-liste > div { display: flex; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--k-kil-silik); }
.k-ozet-liste > div:last-child { border-bottom: 0; }
.k-ozet-liste dt { color: var(--k-krem-3); }
.k-ozet-liste dd { margin: 0; font: 900 20px var(--k-baslik); color: var(--k-krem-1); font-variant-numeric: tabular-nums; }

/* ---------------------------------------------------------------- 14. hesap paneli */
.k-hesap { display: grid; grid-template-columns: 290px minmax(0, 1fr); gap: 28px; align-items: start; padding: 34px 0 80px; }
.k-hesap-yan { position: sticky; top: calc(var(--k-ust-h) + 16px); padding: 18px; }
.k-hesap-kimlik { display: flex; align-items: center; gap: 12px; margin: 2px 4px 16px; }
.k-hesap-avatar { width: 54px; height: 54px; flex: none; border-radius: 50%; display: grid; place-items: center; font: 900 22px var(--k-baslik); color: var(--k-kahve-yazi);
  background: linear-gradient(180deg, #fff1a0, #c8901f); box-shadow: 0 0 0 3px rgba(0, 0, 0, .5), 0 0 0 4px var(--k-kil); }
.k-hesap-kimlik strong { display: block; font: 900 18px/1.2 var(--k-baslik); color: var(--k-krem-1); overflow-wrap: anywhere; }
.k-hesap-kimlik small { display: block; color: var(--k-krem-4); font-size: 14px; overflow-wrap: anywhere; }
.k-hesap-menu { display: flex; flex-direction: column; gap: 2px; margin-top: 14px; }
.k-hesap-menu a { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 12px; color: var(--k-krem-2); font-weight: 600; font-size: 15.5px; }
.k-hesap-menu a .ik { width: 19px; height: 19px; color: var(--k-krem-4); }
.k-hesap-menu a:hover { background: rgba(247, 201, 75, .06); color: var(--k-krem-1); }
.k-hesap-menu a.aktif { background: linear-gradient(90deg, rgba(247, 201, 75, .18), transparent); color: var(--k-altin-2); box-shadow: inset 2px 0 0 var(--k-altin-3); }
.k-hesap-menu a.aktif .ik { color: var(--k-altin-3); }
.k-hesap-alt { display: flex; flex-direction: column; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--k-kil-silik); }
.k-hesap-alt a { display: flex; align-items: center; min-height: 40px; padding: 0 12px; color: var(--k-krem-4); font-size: 15px; border-radius: 10px; }
.k-hesap-alt a:hover { color: var(--k-altin-2); background: rgba(247, 201, 75, .05); }
.k-hesap-govde { min-width: 0; }
.k-afis.kisa { min-height: clamp(220px, 22vw, 290px); }

/* bilgilerim.php icerigi (eski Bootstrap siniflari) - "uyum" katmani, Kabile renkleriyle */
.uyum { --u-bosluk: 16px; color: var(--k-krem-2); }
.uyum > h1, .uyum h3 { margin-top: 0; }
.uyum a { color: var(--k-altin-2); }
.uyum .row { display: flex; flex-wrap: wrap; gap: var(--u-bosluk); margin: 0 0 var(--u-bosluk); }
.uyum .row.no-gutters { gap: 0; }
.uyum [class*="col-"] { flex: 1 1 100%; min-width: 0; }
@media (min-width: 760px) {
  .uyum .col-md-2 { flex: 0 0 calc(16.66% - var(--u-bosluk)); } .uyum .col-md-4 { flex: 0 0 calc(33.33% - var(--u-bosluk)); }
  .uyum .col-md-6 { flex: 0 0 calc(50% - var(--u-bosluk)); } .uyum .col-md-8 { flex: 0 0 calc(66.66% - var(--u-bosluk)); }
  .uyum .col-md-10 { flex: 0 0 calc(83.33% - var(--u-bosluk)); } .uyum .col-3 { flex: 0 0 calc(25% - var(--u-bosluk)); }
  .uyum .col-9 { flex: 0 0 calc(75% - var(--u-bosluk)); } .uyum .offset-md-2 { margin-left: 16.66%; }
}
@media (min-width: 1100px) { .uyum .col-lg-4 { flex: 0 0 calc(33.33% - var(--u-bosluk)); } .uyum .col-lg-2 { flex: 0 0 calc(16.66% - var(--u-bosluk)); } .uyum .col-lg-3 { flex: 0 0 calc(25% - var(--u-bosluk)); } .uyum .col-xl-4 { flex: 0 0 calc(33.33% - var(--u-bosluk)); } }
.uyum .box { position: relative; background: var(--k-kadife); border: 1px solid var(--k-kil-orta); border-radius: 18px; box-shadow: inset 0 1px 0 rgba(255, 230, 160, .14), 0 10px 26px rgba(0, 0, 0, .45); margin-bottom: var(--u-bosluk); overflow: hidden; }
.uyum .box.pull-up { transition: transform .25s var(--k-egri); }
.uyum .box.pull-up:hover { transform: translateY(-3px); }
.uyum .box-header { padding: 16px 20px; }
.uyum .box-header.with-border { border-bottom: 1px solid var(--k-kil-silik); background: linear-gradient(180deg, rgba(247, 201, 75, .07), transparent); }
.uyum .box-title { margin: 0; font: 900 20px var(--k-baslik); color: var(--k-krem-1); }
.uyum .box-body { padding: 20px; }
.uyum .p-25 { padding: 22px; }
.uyum .form-group { margin-bottom: 16px; }
.uyum .form-group.row { flex-direction: column; gap: 0; max-width: 560px; }
.uyum .form-group.row > [class*="col-"] { flex: 1 1 auto; width: 100%; margin-left: 0; }
.uyum .form-group.row > .offset-md-2 { margin-left: 0; }
.uyum .col-form-label { display: block; margin: 0 0 7px 2px; font: 700 11.5px/1 var(--k-govde); letter-spacing: 1.4px; text-transform: uppercase; color: var(--k-etiket); }
.uyum .form-control { width: 100%; min-height: 46px; padding: 10px 14px; border-radius: 10px; font: 600 16px var(--k-govde); color: #fff3d8;
  background: rgba(0, 0, 0, .42); border: 1px solid rgba(205, 157, 90, .45); box-shadow: inset 0 2px 4px rgba(0, 0, 0, .6); }
.uyum .form-control:focus { outline: 0; border-color: var(--k-altin-3); box-shadow: 0 0 0 3px rgba(247, 201, 75, .18), inset 0 2px 4px rgba(0, 0, 0, .6); }
.uyum .form-control:disabled { opacity: .7; }
.uyum input[type=submit].form-control, .uyum .btn, .uyum button[type=submit] { min-height: 48px; font: 900 16px var(--k-baslik); letter-spacing: .6px; cursor: pointer; color: var(--k-kahve-yazi);
  border: 1px solid #8a6413; border-radius: 12px; background: linear-gradient(180deg, #fff1a0 0%, #ffd964 18%, #f7c94b 52%, #c8901f 100%);
  box-shadow: 0 3px 0 #7a5510, 0 8px 18px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .7); }
.uyum input[type=submit].bg-danger, .uyum .bg-danger { background: linear-gradient(180deg, #f0604a, #c4222c 60%, #8e1a12) !important; color: #fff !important; border-color: #6e170c !important; }
.uyum input[type=submit].bg-warning, .uyum .bg-warning { background: linear-gradient(180deg, #f0bd5c, #a4701d) !important; color: #1a1108 !important; }
.uyum input[type=submit].bg-info, .uyum .bg-info { background: linear-gradient(180deg, #fff1a0, #f7c94b 52%, #c8901f) !important; color: var(--k-kahve-yazi) !important; }
.uyum .table-responsive { overflow-x: auto; border-radius: 16px; border: 1px solid var(--k-kil-orta); }
.uyum table { width: 100%; border-collapse: collapse; font-size: 15.5px; }
.uyum table th, .uyum table td { padding: 12px 16px; text-align: left; border-bottom: 1px solid rgba(247, 201, 75, .1); }
.uyum table th { font: 800 12px var(--k-govde); letter-spacing: .12em; text-transform: uppercase; color: var(--k-etiket); background: rgba(0, 0, 0, .3); }
.uyum table tbody tr:hover { background: rgba(247, 201, 75, .05); }
.uyum .table-striped tbody tr:nth-child(odd) { background: rgba(255, 240, 220, .02); }
.uyum .table-bordered { border: 0; }
.uyum .countnm, .uyum .font-size-50, .uyum .font-size-40 { font: 900 38px/1.1 var(--k-baslik); font-variant-numeric: tabular-nums;
  background: linear-gradient(180deg, #fff6c8, #ffd964 45%, #e9a92a); -webkit-background-clip: text; background-clip: text; color: transparent; }
.uyum .text-center { text-align: center; } .uyum .text-right { text-align: right; }
.uyum .text-uppercase { text-transform: uppercase; letter-spacing: .12em; font-size: 12.5px; font-weight: 800; color: var(--k-etiket); }
.uyum .text-white { color: var(--k-krem-1); } .uyum .text-warning { color: var(--k-turuncu); } .uyum .text-info { color: #8fc7f0; } .uyum .text-green { color: var(--k-yesil); } .uyum .text-danger { color: var(--k-hata-yazi); }
.uyum .m-0, .uyum .mb-0 { margin: 0; } .uyum .mb-1 { margin-bottom: 4px; } .uyum .mb-4 { margin-bottom: 16px; } .uyum .mt-10 { margin-top: 10px; } .uyum .mt-30 { margin-top: 30px; } .uyum .py-2 { padding-block: 8px; } .uyum .ml-15 { margin-left: 15px; }
.uyum .d-flex, .uyum .flexbox { display: flex; } .uyum .flexbox { justify-content: space-between; gap: 10px; } .uyum .align-items-center { align-items: center; }
.uyum .font-weight-300 { font-weight: 400; }
.uyum .progress { height: 8px; border-radius: 99px; background: rgba(255, 240, 220, .08); overflow: hidden; }
.uyum .progress-bar { height: 100%; border-radius: inherit; background: linear-gradient(90deg, #c8901f, #ffd964); }
.uyum .progress-bar.bg-danger, .uyum .progress-bar-danger { background: linear-gradient(90deg, #8e1a12, #f0604a) !important; }
.uyum .progress-bar.bg-green, .uyum .progress-bar-success { background: linear-gradient(90deg, #2f6d42, #5ee36a) !important; }
.uyum .progress-bar.bg-info, .uyum .progress-bar-primary { background: linear-gradient(90deg, #2d5f8f, #74b3ea) !important; }
.uyum .nav-tabs { display: flex; gap: 6px; flex-wrap: wrap; list-style: none; margin: 0 0 18px; padding: 0; border-bottom: 1px solid var(--k-kil-silik); }
.uyum .nav-link { display: inline-flex; align-items: center; gap: 8px; padding: 12px 16px; color: var(--k-krem-3); font-weight: 700; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.uyum .nav-link.active { color: var(--k-altin-2); border-bottom-color: var(--k-altin-3); }
.uyum .tab-pane { display: none; } .uyum .tab-pane.active { display: block; }
.uyum .radio { display: inline-flex; align-items: center; gap: 8px; margin-right: 16px; }
.uyum .hidden-xs-down { display: inline; }
.uyum img { display: inline-block; }
.uyum [class^="ion-"], .uyum [class^="ti-"] { display: none; }

/* ---------------------------------------------------------------- 15. magaza + onay penceresi */
.k-paketler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.k-paket { position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 32px 18px 20px; text-align: center; overflow: visible; }
.k-paket.oneri { border-color: var(--k-altin-3); box-shadow: var(--k-golge), 0 0 60px -22px rgba(255, 200, 80, .8); }
.k-paket .k-rozet { position: absolute; top: -12px; left: 50%; translate: -50% 0; white-space: nowrap; }
.k-paket .k-madalyon { border-radius: 50%; margin-bottom: 8px; }
.k-paket-kupon { font: 900 34px/1.05 var(--k-baslik); color: var(--k-krem-1); font-variant-numeric: tabular-nums; }
.k-paket-birim { font: 800 12px var(--k-govde); letter-spacing: .18em; text-transform: uppercase; color: var(--k-etiket); }
.k-paket-fiyat { margin: 12px 0 16px; font: 900 22px var(--k-baslik); color: var(--k-altin-2); }
.k-magaza-not { display: flex; gap: 10px; align-items: center; justify-content: center; margin-top: 30px; color: var(--k-krem-4); font-size: 15px; text-align: center; }
.ortu { position: fixed; inset: 0; z-index: 90; display: grid; place-items: center; padding: 20px; background: rgba(5, 3, 2, .72); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.ortu-kutu { position: relative; width: min(460px, 100%); }
.ortu-kutu h2 { font-size: 26px; margin: 0 0 14px; }
.ortu-kapat { position: absolute; right: 14px; top: 12px; width: 34px; height: 34px; border-radius: 50%; border: 1px solid #6e170c; cursor: pointer; color: #fff; font: 700 20px/1 var(--k-govde);
  background: radial-gradient(circle at 50% 35%, #ff9a7a 0%, #e0482d 55%, #9c2414 100%); }
.k-onay { display: flex; gap: 10px; align-items: flex-start; margin: 16px 0; font-size: 15px; color: var(--k-krem-2); cursor: pointer; }
.k-onay input { width: 18px; height: 18px; margin-top: 3px; accent-color: #f7c94b; }

/* ---------------------------------------------------------------- 16. alt bilgi */
.k-alt { position: relative; margin-top: 40px; padding: 64px 0 0; overflow: hidden; isolation: isolate;
  background: radial-gradient(800px 300px at 20% 100%, rgba(255, 140, 60, .12), transparent 70%), linear-gradient(180deg, rgba(14, 10, 8, 0) 0%, rgba(14, 10, 8, .9) 22%, #0d0906 100%); }
.k-alt > .k-desen { position: absolute; left: 0; right: 0; top: 0; }
.k-alt-ic { display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(4, minmax(0, 1fr)); gap: 30px; }
.k-alt-marka img { width: 170px; height: auto; margin: -6px 0 10px -6px; }
.k-alt-marka p { color: var(--k-krem-3); font-size: 15.5px; max-width: 340px; }
.k-alt-sutun h4 { margin: 4px 0 14px; font: 800 13px var(--k-govde); letter-spacing: .2em; text-transform: uppercase; color: var(--k-etiket); }
.k-alt-sutun a { display: block; padding: 5px 0; color: var(--k-krem-2); font-size: 15.5px; }
.k-alt-sutun a:hover { color: var(--k-altin-2); }
.k-alt-son { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin-top: 44px; padding: 20px 24px 26px; border-top: 1px solid var(--k-kil-silik); font-size: 14px; color: var(--k-krem-4); }
.k-alt .k-toni-alt { position: absolute; right: 4%; bottom: 52px; width: 80px; height: auto; opacity: .9; filter: drop-shadow(0 6px 12px rgba(0, 0, 0, .6)); z-index: -1; }
.onizleme-serit { position: fixed; left: 50%; bottom: 14px; z-index: 95; translate: -50% 0; display: flex; align-items: center; gap: 8px; max-width: calc(100% - 24px); padding: 10px 16px; border-radius: 12px;
  font: 700 13.5px/1.35 var(--k-govde); color: #ffe7a8; background: rgba(40, 26, 10, .95); border: 1px solid var(--k-kil); box-shadow: 0 10px 26px rgba(0, 0, 0, .6); }
.onizleme-serit .ik { width: 18px; height: 18px; color: var(--k-altin-2); }

/* ---------------------------------------------------------------- 17. uyari kutulari (sitede ortak) */
.k-uyari { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; margin-bottom: 14px; border-radius: 12px; font: 600 14.5px/1.45 var(--k-govde);
  color: var(--k-hata-yazi); background: rgba(120, 28, 18, .55); border: 1px solid rgba(255, 140, 120, .4); }
.k-uyari.bilgi { color: #ffe7a8; background: rgba(110, 78, 20, .55); border-color: rgba(247, 201, 75, .45); }
.k-uyari .ik { width: 20px; height: 20px; flex: none; margin-top: 1px; }
.k-bos { text-align: center; padding: 40px 24px; }
.k-bos .k-madalyon { margin: 0 auto 14px; }

/* ---------------------------------------------------------------- 18. 404 */
.k-yok { position: relative; min-height: 100svh; display: grid; place-items: center; padding: calc(var(--k-ust-h) + 30px) 20px 60px; overflow: hidden; isolation: isolate; text-align: center; }
.k-yok-sanat { position: absolute; inset: 0; z-index: -2; }
.k-yok-sanat img { width: 100%; height: 100%; object-fit: cover; filter: brightness(.55) saturate(.9); }
.k-yok::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(9, 6, 10, .75), rgba(9, 6, 10, .2)); }
.k-yok-kod { font: 900 clamp(90px, 16vw, 180px)/.9 var(--k-baslik); letter-spacing: -2px; margin: 0;
  background: linear-gradient(180deg, #fff6c8 0%, #ffd964 40%, #c8901f 100%); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 8px 24px rgba(0, 0, 0, .7)); }
.k-yok h1 { font-size: clamp(26px, 3vw, 36px); margin: 8px 0 10px; }
.k-yok p { color: var(--k-krem-2); max-width: 520px; margin: 0 auto 24px; }
.k-yok .k-dugmeler { justify-content: center; }

/* ---------------------------------------------------------------- 21. onizleme taslak secici + duraklatma */
.k-taslak-sec { position: fixed; right: 16px; top: calc(var(--k-ust-h) + 12px); z-index: 70; display: flex; gap: 4px; padding: 4px; border-radius: 12px; background: rgba(20, 12, 6, .92); border: 1px solid var(--k-kil); box-shadow: 0 8px 20px rgba(0, 0, 0, .5); }
.k-taslak-sec a { padding: 7px 12px; border-radius: 9px; font: 800 13px var(--k-baslik); color: var(--k-krem-2); }
.k-taslak-sec a[aria-current] { color: var(--k-kahve-yazi); background: linear-gradient(180deg, #ffe48a, #c8901f); }
.k-ates.k-durgun i { animation-play-state: paused; }
.k-kapi .gk-alan:focus-within { border-color: #f7c94b; box-shadow: 0 0 0 3px rgba(247, 201, 75, .18), inset 0 2px 4px rgba(0, 0, 0, .6); }

/* ---------------------------------------------------------------- 19. duyarli */
@media (max-width: 1180px) {
  .k-gez a { padding: 10px 9px; font-size: 14.5px; }
  .k-durum .k-durum-yazi { display: none; }
  .k-alt-ic { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .k-alt-marka { grid-column: 1 / -1; }
  .k-rehber-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1060px) {
  .k-gez { display: none; }
  .gez-ac { display: inline-flex; }
  .k-ust-eylem .k-ust-gizle { display: none; }
  .k-izgara-4, .k-paketler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .k-izgara-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .k-vitrin, .k-bant-ic, .k-indir, .k-b-izgara, .k-hakkimizda, .k-iki-sutun { grid-template-columns: minmax(0, 1fr); }
  .k-b-pano { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .k-b-pano > :first-child { grid-column: 1 / -1; }
  .k-makale, .k-rehber-duzen, .k-hesap { grid-template-columns: minmax(0, 1fr); }
  .k-yan, .k-rehber-yan, .k-hesap-yan { position: static; }
  .k-rehber-yan { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 4px; padding: 8px; }
  .k-rehber-yan a { flex: none; }
  .k-hesap-menu { flex-direction: row; flex-wrap: wrap; }
  .k-sahne .k-balon { display: none; }
  .k-kapi .k-balon { display: none; }
  .k-karakterler { min-height: 320px; }
}
@media (max-width: 760px) {
  body.k { font-size: 16.5px; }
  :root { --k-ust-h: 66px; }
  .k-kap { padding: 0 16px; }
  .k-ust-ic { padding: 0 14px; gap: 10px; }
  .k-marka img { height: 46px; }
  .k-ust-eylem .k-durum { display: none; }
  .k-ust-eylem .k-dugme { min-height: 38px; padding: 0 12px; font-size: 13.5px; }
  .k-izgara-2, .k-izgara-3, .k-paketler, .k-rehber-izgara, .k-adimlar, .k-ozellik-liste, .k-b-pano { grid-template-columns: minmax(0, 1fr); }
  .k-serit dl > div { padding: 16px 8px; }
  .k-serit dt { font-size: 10.5px; letter-spacing: .12em; }
  .k-etaplar { gap: 8px; }
  .k-etap:nth-child(2) { transform: none; }
  .k-haber-uzun { grid-template-columns: minmax(0, 1fr); }
  .k-haber-kart.k-haber-yatay { flex-direction: column; }
  .k-haber-kart.k-haber-yatay .k-haber-gorsel { flex: none; aspect-ratio: 16 / 7; min-height: 0; }
  .k-karakterler { min-height: 250px; }
  .k-karakterler img { width: 32%; }
  .k-karakterler img:nth-child(2) { width: 38%; }
  .k-karakterler .k-kupa { width: 60px; }
  .k-haber-uzun .k-haber-gorsel { min-height: 0; aspect-ratio: 16 / 7; }
  .k-discord-bant, .k-cagri { grid-template-columns: minmax(0, 1fr); text-align: left; }
  .k-discord-bant .k-toni { display: none; }
  .k-kursu { grid-template-columns: 1fr 1fr 1fr; gap: 8px; }
  .k-kursu-kisi { padding: 0 6px 14px; }
  .k-kursu-figur { height: 120px; margin-top: -26px; }
  .k-kursu-kisi.bir .k-kursu-figur { height: 150px; margin-top: -36px; }
  .k-kursu-kisi strong { font-size: 15px; }
  .k-kursu-kisi small { font-size: 11.5px; }
  .k-kursu-kisi .deger { font-size: 17px; }
  .k-tablo .gizle-mobil { display: none; }
  .k-tablo th, .k-tablo td { padding: 10px 10px; }
  .k-konu-bas { grid-template-columns: minmax(0, 1fr); }
  .k-konu-bas .k-kart-govde { padding: 22px; }
  .k-konu-bas .k-oyun-sanat { min-height: 200px; order: -1; }
  .k-onceki-sonraki { grid-template-columns: minmax(0, 1fr); }
  .k-alt-ic { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .k-alt .k-toni-alt { display: none; }
  .k-kapi { flex-direction: column; align-items: center; justify-content: flex-start; padding-left: 12px; padding-right: 12px; }
  .k-kapi-sanat img { object-position: 72% 50%; }
  .k-kapi .gk-sosyal { position: static; justify-content: center; margin: 0 0 12px; order: -1; }
  .k-kapi-ic { width: 100%; max-width: 420px; }
  .k-kapi-ic.genis { max-width: 520px; }
  .k-kapi .gk-panel .k-ikili { grid-template-columns: minmax(0, 1fr); }
  .k-kapi-logo { width: 190px; }
  .k-sahne { min-height: max(600px, 100svh); padding-bottom: 110px; }
  .k-sahne-sanat img { object-position: 50% 30%; }
  .k-sahne::before { background: linear-gradient(180deg, rgba(9, 6, 10, .55) 0%, rgba(9, 6, 10, .15) 30%, rgba(9, 6, 10, .55) 58%, var(--k-gece-0) 100%); }
  .k-sahne-ic { align-self: flex-end; }
  .k-afis { min-height: 270px; }
  .k-afis::after { background: linear-gradient(0deg, var(--k-gece-0) 0%, rgba(9, 6, 10, .55) 50%, rgba(9, 6, 10, .3) 100%); }
  .k-afis.sag .k-afis-metin { text-align: left; margin-left: 0; }
  .k-afis.sag .k-kirinti { justify-content: flex-start; }
  .k-b-yol { grid-auto-columns: minmax(240px, 82%); }
  .k-yasal li { padding: 18px 16px 18px 64px; }
  .k-yasal li .no { left: 14px; }
}
@media (max-width: 420px) {
  .k-ust-eylem .k-dugme.k-ikincil-dugme { display: none; }
  .k-alt-ic { grid-template-columns: minmax(0, 1fr); }
  .k-sunucular { flex-direction: column; align-items: stretch; }
}

/* ---------------------------------------------------------------- 20. hareket azaltma */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
  .k-ates { display: none; }
  .gorun { opacity: 1; transform: none; }
}