/* ============================================================
   PATRIOTS ÇEVİRİ — v5 tasarım sistemi
   Minimal iskelet + persona buton kimliği.
   Koyu (varsayılan) / açık (krem) tema: html.theme-light
   ============================================================ */

:root {
  --bg: #101014;
  --panel: #17171d;
  --panel-2: #1e1e25;
  --ink: #0a0a0e;
  --text: #f1efe8;
  --muted: #9d9aa4;
  --crimson: #c81733;
  --crimson-bright: #e61438;
  --gold: #d4a034;
  --discord: #5865f2;
  --youtube: #ff0033;
  --line: rgba(241, 239, 232, .12);
  --sert: rgba(0, 0, 0, .85);
  --egik: -4deg;
  --govde: 'Space Grotesk', system-ui, sans-serif;
  --serif: 'Fraunces', Georgia, serif;
  --plaka: 'Bebas Neue', sans-serif;
  --mono: 'Manrope', var(--govde);
  --cubuk: rgba(16, 16, 20, .88);
}
html.theme-light {
  --bg: #f5f1e7;
  --panel: #fffdf6;
  --panel-2: #ece7d8;
  --ink: #16131a;
  --text: #16131a;
  --muted: #6e6878;
  --crimson: #d61a38;
  --crimson-bright: #e61438;
  --gold: #b8860f;
  --discord: #5865f2;
  --youtube: #ff0033;
  --line: rgba(22, 19, 26, .15);
  --sert: #16131a;
  --cubuk: rgba(245, 241, 231, .9);
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body { font-family: var(--govde); background: var(--bg); color: var(--text); line-height: 1.65; min-width: 320px; overflow-x: hidden; transition: background .3s ease, color .3s ease; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { font: inherit; cursor: pointer; }
::selection { background: var(--crimson); color: #fff; }
:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
.serit { max-width: 1400px; margin: 0 auto; padding-inline: clamp(16px, 3.2vw, 48px); }

/* ---------- Üst çubuk: marka solda, menü ortada, tema sağda ---------- */
.ust-alan { position: sticky; top: 14px; z-index: 60; padding: 0 clamp(12px, 3vw, 26px); }
.ust-cubugu {
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 14px;
  max-width: 1160px; margin: 0 auto; padding: 9px 12px 9px 16px;
  background: var(--cubuk); border: 1px solid var(--line); border-radius: 16px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, .25);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
}
.marka { display: inline-flex; align-items: center; gap: 11px; justify-self: start; }
.marka img { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--line); }
.marka strong { font-family: var(--govde); font-weight: 800; font-size: 16.5px; letter-spacing: .03em; line-height: 1; display: block; }
.marka small { font-family: var(--mono); font-size: 11px; font-weight: 800; letter-spacing: .25em; color: var(--crimson-bright); display: block; margin-top: 3px; }
.ana-menu { display: flex; align-items: center; gap: 2px; justify-self: center; }
.ana-menu a { font-family: var(--govde); font-size: 14.5px; font-weight: 500; color: var(--muted); padding: 9px 14px; border-radius: 10px; transition: color .15s, background .15s; }
.ana-menu a:hover { color: var(--text); background: var(--panel-2); }
.ana-menu a.simdiki { color: var(--text); box-shadow: inset 0 -3px 0 var(--crimson); }
.sag-toplam { display: flex; align-items: center; gap: 8px; justify-self: end; }
.tema-dugmesi {
  display: inline-flex; align-items: center; gap: 8px; padding: 9px 13px;
  background: transparent; border: 1px solid var(--line); border-radius: 11px;
  color: var(--text); font-family: var(--mono); font-size: 11px; font-weight: 700; letter-spacing: .08em;
  transition: border-color .15s;
}
.tema-dugmesi:hover { border-color: var(--gold); }
.tema-dugmesi i { color: var(--gold); }
.discord-kucuk {
  display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px;
  background: var(--discord); color: #fff; border-radius: 10px;
  font-family: var(--govde); font-size: 14px; font-weight: 600; transition: filter .15s, transform .15s;
}
.discord-kucuk:hover { filter: brightness(1.12); transform: translateY(-1px); }
.menu-acma { display: none; width: 42px; height: 42px; place-items: center; background: transparent; border: 1px solid var(--line); border-radius: 11px; color: var(--text); }

.mobil-menu { position: fixed; inset: 0; z-index: 59; display: none; align-items: center; justify-content: center; background: var(--bg); padding: 90px 22px 22px; }
.mobil-menu.acik { display: flex; }
.mobil-menu ul { list-style: none; width: min(100%, 360px); }
.mobil-menu a { display: flex; justify-content: space-between; align-items: center; padding: 15px 18px; border: 1px solid var(--line); border-radius: 12px; margin-bottom: 9px; font-family: var(--serif); font-weight: 700; font-size: 20px; }
.mobil-menu a i { color: var(--crimson-bright); }
body.mobil-acik { overflow: hidden; }

/* ---------- Buton kimliği ---------- */
/* Persona: yalnızca birincil eylemler */
.buton {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--plaka); font-size: 18px; letter-spacing: .1em;
  padding: 12px 24px 10px;
  background: var(--crimson); color: #fff;
  border: 2px solid var(--ink); border-radius: 4px;
  box-shadow: 4px 4px 0 var(--ink), 8px 8px 0 var(--gold);
  transform: skew(var(--egik)) rotate(-1deg);
  transition: transform .16s cubic-bezier(.175, .885, .32, 1.275), box-shadow .16s, background .16s, filter .16s;
}
.buton > * { transform: skew(calc(var(--egik) * -1)); }
.buton:hover { background: var(--crimson-bright); transform: skew(var(--egik)) translate(-2px, -2px); box-shadow: 6px 6px 0 var(--ink), 11px 11px 0 var(--gold); }
.buton.mavi { background: var(--discord); }
.buton.kirmizi { background: var(--youtube); }
.buton.sari { background: var(--gold); color: var(--ink); }

/* Düz ama dolgun buton */
.buton.duz {
  background: var(--panel-2); color: var(--text);
  border: 1.5px solid var(--line); border-radius: 10px;
  font-family: var(--govde); font-size: 14.5px; font-weight: 600; letter-spacing: 0;
  padding: 13px 22px;
  box-shadow: 0 12px 26px rgba(0, 0, 0, .2);
  transform: none;
}
.buton.duz > * { transform: none; }
.buton.duz:hover { border-color: var(--gold); transform: translateY(-2px); box-shadow: 0 16px 30px rgba(0, 0, 0, .25); background: var(--panel-2); }
/* Marka renkli düz butonlar: Discord mavisi, YouTube kırmızısı */
.buton.mavi.duz { background: var(--discord); color: #fff; border-color: transparent; }
.buton.mavi.duz:hover { background: #4752c4; border-color: transparent; }
.buton.kirmizi.duz { background: var(--youtube); color: #fff; border-color: transparent; }
.buton.kirmizi.duz:hover { background: #d9002b; border-color: transparent; }

/* Kenar panelinde üst üste gelen butonlar arasına nefes payı */
.kenar .buton + .buton { margin-top: 12px; }
body[data-page="about"] .atolye-baglanti { justify-content: flex-start; }

/* ---------- Kart: kapak + altında isim ---------- */
.kartlar {
  display: grid;
  gap: 14px;
}
.kart {
  display: flex; flex-direction: column;
  border-radius: 12px; overflow: hidden;
  border: 1px solid var(--line);
  background: var(--panel);
  transition: transform .2s, box-shadow .2s, border-color .2s;
}
.kart:hover { transform: translateY(-4px); border-color: var(--gold); box-shadow: 0 20px 44px rgba(0, 0, 0, .3); }
.kart-resim { position: relative; }
.kart-resim img { width: 100%; aspect-ratio: 2/3; object-fit: cover; }
body[data-page="patches"] .kartlar {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
@media (max-width: 1399px) {
  body[data-page="patches"] .kartlar { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 1060px) {
  body[data-page="patches"] .kartlar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  body[data-page="patches"] .kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 360px) {
  body[data-page="patches"] .kartlar { grid-template-columns: 1fr; }
}
.kart-bilgi { padding: 11px 13px 13px; display: flex; flex-direction: column; gap: 5px; }
.kart-bilgi h3 {
  font-family: 'Manrope', var(--govde); font-weight: 700; font-size: 15px; line-height: 1.35;
  color: var(--text); letter-spacing: 0;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  min-height: 2.7em;
}
.kart-bilgi p { font-family: 'Manrope', var(--govde); font-size: 12px; font-weight: 500; color: var(--muted); line-height: 1.4; }
.kart-bilgi p.kart-istatistik { font-weight: 600; }
.kart-bilgi p.kart-istatistik .kart-yildiz { color: var(--gold); letter-spacing: 1px; font-size: 10px; }
.kart-bilgi p.kart-meta { opacity: .8; }
.kart .kart-premium {
  position: absolute; z-index: 3; top: 10px; left: 10px;
  display: inline-flex; align-items: center; gap: 5px;
  padding: 3px 10px;
  background: var(--crimson); color: #fff;
  border: 1px solid var(--ink); border-radius: 6px;
  font-family: var(--mono); font-size: 10px; font-weight: 700; letter-spacing: .06em;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .4);
}
.kart .kart-surum {
  position: absolute; z-index: 3; top: 10px; right: 10px;
  display: inline-flex; align-items: center;
  padding: 4px 11px;
  background: rgba(8, 8, 12, .9);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .28); border-radius: 7px;
  font-family: var(--govde); font-size: 11.5px; font-weight: 700; letter-spacing: .02em;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .45);
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}
html.theme-light .kart .kart-surum { background: rgba(255, 255, 255, .94); color: #16131a; border-color: rgba(22, 19, 26, .22); }
html.theme-light .kart .kart-premium { border-color: #16131a; }

/* ---------- Detaylı filtreleme paneli ---------- */
.arama-kutu { margin-bottom: 16px; }
.detay-panel {
  display: flex; flex-direction: column; gap: 18px;
  margin-top: 16px; padding: 18px 20px;
  border: 1px solid var(--line); border-radius: 14px; background: var(--panel);
}
.detay-panel[hidden] { display: none; }
.dp-grup { display: flex; flex-direction: column; gap: 9px; }
.dp-baslik { font-family: var(--mono); font-size: .68rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--gold); }
.dp-cipler { display: flex; flex-wrap: wrap; gap: 8px; }
.dp-cipler button {
  padding: 7px 15px;
  border: 1px solid var(--line); border-radius: 999px; background: transparent;
  color: var(--muted); font-family: var(--govde); font-size: .82rem; font-weight: 500;
  transition: color .15s, border-color .15s, background .15s;
}
.dp-cipler button:hover { color: var(--text); border-color: var(--text); }
.dp-cipler button.aktif { color: #fff; border-color: var(--crimson); background: var(--crimson); }
.suzgec button.detay-toggle[aria-expanded='true'] { color: var(--text); border-color: var(--gold); }

/* ---------- Hero (GIF perdesi) ---------- */
.hero { position: relative; min-height: clamp(380px, 68vh, 660px); display: flex; align-items: center; overflow: hidden; }
.hero-perde { position: absolute; inset: 0; }
.hero-perde .katman { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transition: opacity .9s ease; }
.hero-perde .katman.acik { opacity: 1; }
.hero-perde .karart {
  position: absolute; inset: 0;
  background:
    linear-gradient(180deg, rgba(10, 10, 16, .55) 0%, rgba(10, 10, 16, .32) 45%, var(--bg) 96%),
    radial-gradient(120% 90% at 18% 40%, rgba(10, 10, 16, .55) 0%, rgba(10, 10, 16, .12) 60%);
}
.hero-izgara {
  position: relative; z-index: 2;
  display: grid; grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(20px, 3.5vw, 50px); align-items: center; width: 100%;
  padding-top: clamp(32px, 6vh, 76px);
  padding-bottom: clamp(36px, 7vh, 84px);
}
.slogan .goz { font-family: var(--mono); font-size: 11px; font-weight: 700; letter-spacing: .24em; color: rgba(241, 239, 232, .85); margin-bottom: 12px; text-shadow: 0 2px 14px rgba(0, 0, 0, .5); }
.slogan .goz i { color: var(--gold); margin-right: 9px; }
.slogan h1 { font-family: var(--serif); font-weight: 900; font-size: clamp(30px, 4.4vw, 70px); line-height: 1.05; letter-spacing: -.02em; color: #f6f3ea; text-shadow: 0 4px 30px rgba(0, 0, 0, .55); margin-bottom: 14px; }
.slogan h1 em { font-style: italic; font-weight: 700; color: var(--crimson-bright); }
.slogan .on-yazi { max-width: 31em; color: rgba(241, 239, 232, .88); font-size: clamp(13.5px, 1.1vw, 16px); line-height: 1.6; text-shadow: 0 2px 14px rgba(0, 0, 0, .5); }
.yan-ray { display: flex; flex-direction: column; gap: 18px; align-items: stretch; }
.yan-ray .buton { justify-content: center; min-width: 230px; }
.yan-ray .ray-etiket { font-family: var(--mono); font-size: 10px; font-weight: 700; letter-spacing: .3em; color: rgba(241, 239, 232, .75); text-align: center; margin-bottom: 2px; text-shadow: 0 2px 10px rgba(0, 0, 0, .5); }
.gif-kunyesi {
  position: absolute; right: clamp(16px, 4vw, 40px); bottom: 22px; z-index: 3;
  display: inline-flex; align-items: center; gap: 10px; padding: 9px 15px;
  background: rgba(10, 10, 16, .72);
  border: 1px solid rgba(241, 239, 232, .25); border-radius: 10px;
  color: #f1efe8; font-family: var(--mono); font-size: 11px; letter-spacing: .04em;
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  transition: border-color .15s, transform .15s;
}
.gif-kunyesi:hover { border-color: var(--gold); transform: translateY(-2px); }
.gif-kunyesi b { font-weight: 700; }
.gif-kunyesi i.ok { color: var(--gold); transition: transform .15s; }
.gif-kunyesi:hover i.ok { transform: translateX(3px); }

/* ---------- Bölüm başlıkları ---------- */
.bolum { padding: clamp(52px, 7vh, 76px) 0 0; }
.bolum-basi { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 26px; }
.bolum h2 { font-family: var(--serif); font-weight: 700; font-style: italic; font-size: clamp(28px, 3.6vw, 44px); letter-spacing: -.01em; }
.bolum .goz { font-family: var(--mono); font-size: 11px; font-weight: 700; letter-spacing: .22em; color: var(--muted); margin-bottom: 12px; }
.bolum .goz i { color: var(--gold); margin-right: 8px; }
.bolum .sayir { font-family: var(--mono); font-size: 12px; color: var(--muted); white-space: nowrap; }
.bolum .sayir b { color: var(--crimson-bright); }

/* Soluklaşan kuyruk */
.seci-sarmal { position: relative; margin-bottom: 104px; }
.seci-sarmal .kart { z-index: 1; }
.seci-sarmal .seci-kuyrugu { z-index: 4; }
.seci-sarmal .kartlar { position: relative; }
.seci-sarmal .kartlar::after {
  content: '';
  position: absolute; left: 0; right: 0; bottom: 0;
  height: 200px;
  z-index: 3;
  background: linear-gradient(180deg, transparent 0%, var(--bg) 60%, var(--bg) 100%);
  pointer-events: auto;
  cursor: default;
}
.seci-kuyrugu { position: relative; z-index: 4; display: flex; justify-content: center; margin-top: -158px; padding-bottom: 36px; pointer-events: none; }
.seci-kuyrugu .liste-btn { pointer-events: auto; }

/* ---------- Liste butonu ---------- */
.liste-btn {
  display: inline-flex; align-items: center; gap: 12px;
  padding: 15px 27px;
  background: var(--text); color: var(--bg);
  border: 0; border-radius: 12px;
  font-family: var(--govde); font-weight: 700; font-size: 15px;
  box-shadow: 0 20px 44px rgba(0, 0, 0, .38);
  transition: background .16s, color .16s, transform .16s;
}
.liste-btn i { transition: transform .16s; }
.liste-btn:hover { background: var(--crimson); color: #fff; transform: translateY(-2px); }
.liste-btn:hover i { transform: translateX(4px); }

/* ---------- Atölye adımları ---------- */
.atolye { padding: 10px 0 84px; }
.adimlar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 44px; }
.adim {
  position: relative;
  padding: 26px 2px 24px;
  border-top: 1px solid var(--line);
  transition: border-color .2s ease, transform .25s ease;
}
.adim:hover { border-top-color: var(--crimson); }

.adim .no::after { content: ''; position: absolute; inset: 4px; border-radius: 999px; border: 1px solid rgba(212, 160, 52, .3); }
.adim h3 { font-family: var(--serif); font-style: italic; font-weight: 700; font-size: 22px; margin-bottom: 8px; }
.adim p { color: var(--muted); font-size: 14px; }

/* ---------- Alt sayfa başlığı ---------- */
.sayfa-basi { padding: clamp(56px, 9vh, 96px) 0 clamp(36px, 5vh, 56px); }
.sayfa-basi h1 { font-family: var(--serif); font-weight: 900; font-size: clamp(36px, 5.4vw, 68px); line-height: 1.08; letter-spacing: -.02em; margin-bottom: 22px; }
.sayfa-basi h1 em { font-style: italic; font-weight: 700; color: var(--crimson-bright); }
.sayfa-basi .goz { font-family: var(--mono); font-size: 11px; font-weight: 700; letter-spacing: .24em; color: var(--muted); margin-bottom: 18px; }
.sayfa-basi .goz i { color: var(--gold); margin-right: 9px; }
.sayfa-basi .lead { max-width: 36em; color: var(--muted); font-size: 16.5px; margin-top: 0; }

/* Hakkımızda: sayılarla şerit + kapanış */
.hakkimizda-sayilar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 26px; }
.hakkimizda-sayilar .sayi-kutu { padding: 18px 10px; text-align: center; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); }
.hakkimizda-sayilar b { display: block; font-family: var(--serif); font-size: 30px; font-weight: 900; color: var(--gold); line-height: 1.1; }
.hakkimizda-sayilar span { font-family: var(--mono); font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.hakkimizda-kapanis { margin-top: 30px; padding-top: 24px; border-top: 1px dashed var(--line); }
.hakkimizda-kapanis h2 { margin-bottom: 10px; }
.hakkimizda-kapanis p { margin-bottom: 22px; }
.hakkimizda-kapanis .atolye-baglanti,
.hakkimizda-kapanis .baglanti-cifti { display: flex; gap: 14px; margin-top: 24px; flex-wrap: wrap; }

/* Hakkımızda: yan panel yok, içerik tam genişlik */
body[data-page="about"] .icerik-izgara { grid-template-columns: minmax(0, 1fr); }

/* ---------- İçerik sayfaları ---------- */
.icerik { padding: 0 0 clamp(56px, 8vh, 88px); }
.icerik-izgara { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 18px; align-items: start; }
.kapsam {
  padding: clamp(24px, 3.4vw, 40px);
  border: 1px solid var(--line); border-radius: 16px;
  background: var(--panel);
}
.kapsam h2 { font-family: var(--serif); font-weight: 700; font-style: italic; font-size: 1.45rem; margin: 1.4em 0 .55em; }
.kapsam > h2:first-child, .kapsam .hak-giris h2 { margin-top: 0; }
.kapsam p { color: var(--muted); font-size: .97rem; }
.kapsam p strong, .kapsam li strong { color: var(--text); }
.kapsam a:not(.buton) { color: var(--text); text-decoration-color: var(--crimson); text-underline-offset: 3px; }
.kapsam .tarih { display: inline-block; margin-bottom: 18px; color: var(--muted); font-family: var(--mono); font-size: .72rem; letter-spacing: .1em; }

.hak-giris { display: flex; gap: 18px; align-items: center; margin-bottom: 18px; }
.hak-giris img { width: 76px; height: 76px; flex: none; object-fit: cover; border: 1px solid var(--line); border-radius: 50%; }
.hak-giris h2 { margin: 0 0 4px; }
.hak-giris p { margin: 0; }

.ilkeler { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 26px; }
.ilkeler > div { padding: 16px; border: 1px dashed var(--line); border-radius: 12px; }
.ilkeler i { color: var(--gold); font-size: 1rem; }
.ilkeler h3 { font-family: var(--serif); font-style: italic; font-weight: 700; font-size: 1.02rem; margin: 10px 0 5px; }
.ilkeler p { margin: 0; color: var(--muted); font-size: .84rem; line-height: 1.55; }

.kenar { position: sticky; top: 96px; padding: 24px; border: 1px solid var(--line); border-radius: 16px; background: var(--panel); }
.kenar h2 { font-family: var(--serif); font-weight: 700; font-style: italic; font-size: 1.15rem; margin: 0 0 8px; }
.kenar p { color: var(--muted); font-size: .88rem; }
.kenar ul { list-style: none; margin: 16px 0 18px; }
.kenar li { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px dashed var(--line); color: var(--muted); font-size: .87rem; }
.kenar li:last-child { border-bottom: 0; }
.kenar li i { color: var(--gold); font-size: .8em; }
.kenar .buton { width: 100%; justify-content: center; }

/* S.S.S. */
.sss-liste { display: flex; flex-direction: column; }
.sss-oge { border-bottom: 1px dashed var(--line); }
.sss-oge:last-child { border-bottom: 0; }
.sss-oge summary {
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  padding: 17px 4px; cursor: pointer; list-style: none;
  color: var(--text); font-family: var(--serif); font-weight: 700; font-size: 1.05rem;
  transition: color .15s;
}
.sss-oge summary::-webkit-details-marker { display: none; }
.sss-oge summary::after { content: '+'; flex: none; color: var(--crimson-bright); font-family: var(--mono); font-size: 1.2rem; transition: transform .2s; }
.sss-oge[open] summary::after { transform: rotate(45deg); }
.sss-oge summary:hover { color: #fff; }
html.theme-light .sss-oge summary:hover { color: var(--crimson); }
.sss-cevap { padding: 0 4px 18px; max-width: 62em; }
.sss-cevap p { color: var(--muted); font-size: .92rem; }

/* Destek — bağış */
.destek-saral { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: start; }
.bagis { padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel-2); }
html.theme-light .bagis { background: var(--panel); box-shadow: 0 4px 14px rgba(22, 19, 26, .05); }
html.theme-light .bagis .bank-satiri { border-color: rgba(22, 19, 26, .22); }
.bagis h2 { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; font-size: 1.12rem; font-family: var(--serif); font-style: italic; }
.bagis h2 i { color: var(--crimson-bright); font-size: .95em; }
.bank-satiri { display: flex; align-items: center; gap: 13px; padding: 13px 14px; margin-bottom: 10px; border: 1px dashed var(--line); border-radius: 10px; min-width: 0; }
.bank-satiri > i { color: var(--muted); }
.bank-satiri small { display: block; color: var(--muted); font-family: var(--mono); font-size: .66rem; letter-spacing: .14em; text-transform: uppercase; }
.bank-satiri b { font-family: var(--mono); font-size: .82rem; font-weight: 500; word-break: keep-all; white-space: nowrap; color: var(--text); }
@media (max-width: 620px) {
  .bank-satiri { flex-wrap: wrap; }
  .bank-satiri b { white-space: normal; word-break: break-all; line-height: 1.4; }
}
.kopya-btn {
  flex: none; width: 38px; height: 38px; display: grid; place-items: center; margin-left: auto;
  border: 1px solid var(--line); border-radius: 10px; background: transparent; color: var(--muted);
  transition: color .15s, border-color .15s;
}
.kopya-btn:hover { color: var(--text); border-color: var(--gold); }
.not { display: flex; gap: 10px; margin: 16px 0 0; color: var(--muted); font-size: .85rem; }
.not i { color: var(--crimson-bright); margin-top: 4px; }

/* ---------- Arşiv denetimleri ---------- */
.arac { padding: 26px 0 36px; }
.arama-kutu {
  display: flex; align-items: center; gap: 12px; max-width: 560px;
  padding: 13px 16px;
  border: 1px solid var(--line); border-radius: 12px; background: var(--panel);
  transition: border-color .15s;
}
.arama-kutu:focus-within { border-color: var(--gold); }
.arama-kutu i { color: var(--muted); font-size: .85rem; }
.arama-kutu input { width: 100%; border: 0; background: transparent; color: var(--text); font-family: var(--mono); font-size: .88rem; outline: none; }
.arama-kutu input::placeholder { color: var(--muted); }
.arama-kutu input::-webkit-search-cancel-button { -webkit-appearance: none; }
.suzgec { display: flex; flex-wrap: wrap; gap: 8px; }
.suzgec button {
  display: inline-flex; align-items: center; gap: 7px; padding: 8px 15px;
  border: 1px solid var(--line); border-radius: 999px; background: transparent;
  color: var(--muted); font-family: var(--mono); font-size: .74rem; font-weight: 500; letter-spacing: .06em;
  transition: color .15s, border-color .15s, background .15s;
}
.suzgec button i { font-size: .85em; }
.icon-epic, .icon-gog, .icon-ea, .icon-ubisoft, .icon-gamepass, .icon-nintendo, .icon-crack {
  display: inline-block; width: 1.15em; height: 1.15em;
  background-color: currentColor;
  -webkit-mask-size: contain; mask-size: contain;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  vertical-align: -0.18em;
}
.icon-nintendo { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22m4.447%2012.546-1.202-1.942h-.864v2.793h.864v-1.942l1.202%201.942h.856v-2.793H4.44l.007%201.942Zm6.828-1.001v-.279h-.451v-.376h-.841v.376h-.458v.279h.458v1.852h.841v-1.852h.451Zm-5.491%201.844h.834v-1.852h-.834v1.852Zm0-2.213h.841v-.572h-.841v.572Zm14.663.233c-.676%200-1.224.467-1.224%201.039%200%20.572.548%201.039%201.224%201.039.676%200%201.225-.467%201.225-1.039%200-.572-.549-1.039-1.225-1.039Zm.338%201.431c0%20.293-.173.414-.338.414-.165%200-.346-.121-.346-.414v-.783c0-.294.173-.414.346-.414.165%200%20.338.12.338.414v.783Zm-2.659-1.212a1.093%201.093%200%200%200-.473-.166c-.601-.053-1.067.482-1.067.971%200%20.648.496.881.571.919.285.128.646.135.961-.068v.105h.827v-2.785h-.827c.008%200%20.008.595.008%201.024Zm.008.828v.331c0%20.286-.196.361-.331.361s-.331-.075-.331-.361v-.662c0-.287.196-.362.331-.362.128%200%20.33.075.33.362v.331h.001Zm-9.556-1.001a1.02%201.02%200%200%200-.668.278v-.196h-.834v1.852h.834V12.17c0-.158.172-.339.398-.339.225%200%20.383.181.383.339v1.219h.834v-1.008c0-.731-.631-.942-.947-.926Zm6.798%200a1.01%201.01%200%200%200-.668.278v-.196h-.834v1.852h.834V12.17c0-.158.173-.339.398-.339.225%200%20.383.181.383.339v1.219h.834v-1.008c0-.731-.631-.942-.947-.926Zm-1.75%201.016c0-.572-.556-1.054-1.232-1.054-.683%200-1.232.467-1.232%201.039%200%20.572.549%201.039%201.232%201.039.564%200%201.044-.324%201.187-.76h-.834v.112c0%20.339-.225.414-.345.414-.128%200-.353-.075-.353-.413v-.385l1.577.008Zm-1.517-.655a.346.346%200%200%201%20.293-.166c.112%200%20.225.053.293.166.052.09.052.203.052.361h-.698c0-.158.007-.263.06-.361Zm9.893-.866c0-.09-.068-.135-.203-.135h-.188v.474h.113v-.196h.06l.09.196h.128l-.105-.211c.067-.022.105-.068.105-.128Zm-.218.068h-.06v-.136h.052c.068%200%20.105.023.105.068%200%20.053-.029.068-.097.068Zm.007-.392a.433.433%200%200%200-.428.43c0%20.233.196.429.429.429a.429.429%200%200%200%200-.859h-.001Zm0%20.776a.35.35%200%200%201-.345-.346.35.35%200%200%201%20.346-.347.35.35%200%200%201%20.345.347.35.35%200%200%201-.345.346h-.001Zm-.938-2.364H3.132C1.254%209.03%200%2010.386%200%2012.004s1.254%202.959%203.14%202.959h17.72c1.886%200%203.14-1.34%203.14-2.959-.007-1.618-1.269-2.966-3.147-2.966Zm-.008%205.202H3.14c-1.495.008-2.404-1.001-2.404-2.236%200-1.235.917-2.228%202.404-2.236h17.705c1.487%200%202.404%201.001%202.404%202.236%200%201.235-.909%202.236-2.404%202.236Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22m4.447%2012.546-1.202-1.942h-.864v2.793h.864v-1.942l1.202%201.942h.856v-2.793H4.44l.007%201.942Zm6.828-1.001v-.279h-.451v-.376h-.841v.376h-.458v.279h.458v1.852h.841v-1.852h.451Zm-5.491%201.844h.834v-1.852h-.834v1.852Zm0-2.213h.841v-.572h-.841v.572Zm14.663.233c-.676%200-1.224.467-1.224%201.039%200%20.572.548%201.039%201.224%201.039.676%200%201.225-.467%201.225-1.039%200-.572-.549-1.039-1.225-1.039Zm.338%201.431c0%20.293-.173.414-.338.414-.165%200-.346-.121-.346-.414v-.783c0-.294.173-.414.346-.414.165%200%20.338.12.338.414v.783Zm-2.659-1.212a1.093%201.093%200%200%200-.473-.166c-.601-.053-1.067.482-1.067.971%200%20.648.496.881.571.919.285.128.646.135.961-.068v.105h.827v-2.785h-.827c.008%200%20.008.595.008%201.024Zm.008.828v.331c0%20.286-.196.361-.331.361s-.331-.075-.331-.361v-.662c0-.287.196-.362.331-.362.128%200%20.33.075.33.362v.331h.001Zm-9.556-1.001a1.02%201.02%200%200%200-.668.278v-.196h-.834v1.852h.834V12.17c0-.158.172-.339.398-.339.225%200%20.383.181.383.339v1.219h.834v-1.008c0-.731-.631-.942-.947-.926Zm6.798%200a1.01%201.01%200%200%200-.668.278v-.196h-.834v1.852h.834V12.17c0-.158.173-.339.398-.339.225%200%20.383.181.383.339v1.219h.834v-1.008c0-.731-.631-.942-.947-.926Zm-1.75%201.016c0-.572-.556-1.054-1.232-1.054-.683%200-1.232.467-1.232%201.039%200%20.572.549%201.039%201.232%201.039.564%200%201.044-.324%201.187-.76h-.834v.112c0%20.339-.225.414-.345.414-.128%200-.353-.075-.353-.413v-.385l1.577.008Zm-1.517-.655a.346.346%200%200%201%20.293-.166c.112%200%20.225.053.293.166.052.09.052.203.052.361h-.698c0-.158.007-.263.06-.361Zm9.893-.866c0-.09-.068-.135-.203-.135h-.188v.474h.113v-.196h.06l.09.196h.128l-.105-.211c.067-.022.105-.068.105-.128Zm-.218.068h-.06v-.136h.052c.068%200%20.105.023.105.068%200%20.053-.029.068-.097.068Zm.007-.392a.433.433%200%200%200-.428.43c0%20.233.196.429.429.429a.429.429%200%200%200%200-.859h-.001Zm0%20.776a.35.35%200%200%201-.345-.346.35.35%200%200%201%20.346-.347.35.35%200%200%201%20.345.347.35.35%200%200%201-.345.346h-.001Zm-.938-2.364H3.132C1.254%209.03%200%2010.386%200%2012.004s1.254%202.959%203.14%202.959h17.72c1.886%200%203.14-1.34%203.14-2.959-.007-1.618-1.269-2.966-3.147-2.966Zm-.008%205.202H3.14c-1.495.008-2.404-1.001-2.404-2.236%200-1.235.917-2.228%202.404-2.236h17.705c1.487%200%202.404%201.001%202.404%202.236%200%201.235-.909%202.236-2.404%202.236Z%22/%3E%3C/svg%3E"); }
.icon-epic { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M3.537%200C2.165%200%201.66.506%201.66%201.879V18.44a4.262%204.262%200%2000.02.433c.031.3.037.59.316.92.027.033.311.245.311.245.153.075.258.13.43.2l8.335%203.491c.433.199.614.276.928.27h.002c.314.006.495-.071.928-.27l8.335-3.492c.172-.07.277-.124.43-.2%200%200%20.284-.211.311-.243.28-.33.285-.621.316-.92a4.261%204.261%200%2000.02-.434V1.879c0-1.373-.506-1.88-1.878-1.88zm13.366%203.11h.68c1.138%200%201.688.553%201.688%201.696v1.88h-1.374v-1.8c0-.369-.17-.54-.523-.54h-.235c-.367%200-.537.17-.537.539v5.81c0%20.369.17.54.537.54h.262c.353%200%20.523-.171.523-.54V8.619h1.373v2.143c0%201.144-.562%201.71-1.7%201.71h-.694c-1.138%200-1.7-.566-1.7-1.71V4.82c0-1.144.562-1.709%201.7-1.709zm-12.186.08h3.114v1.274H6.117v2.603h1.648v1.275H6.117v2.774h1.74v1.275h-3.14zm3.816%200h2.198c1.138%200%201.7.564%201.7%201.708v2.445c0%201.144-.562%201.71-1.7%201.71h-.799v3.338h-1.4zm4.53%200h1.4v9.201h-1.4zm-3.13%201.235v3.392h.575c.354%200%20.523-.171.523-.54V4.965c0-.368-.17-.54-.523-.54zm-3.74%2010.147a1.708%201.708%200%2001.591.108%201.745%201.745%200%2001.49.299l-.452.546a1.247%201.247%200%2000-.308-.195.91.91%200%2000-.363-.068.658.658%200%2000-.28.06.703.703%200%2000-.224.163.783.783%200%2000-.151.243.799.799%200%2000-.056.299v.008a.852.852%200%2000.056.31.7.7%200%2000.157.245.736.736%200%2000.238.16.774.774%200%2000.303.058.79.79%200%2000.445-.116v-.339h-.548v-.565H7.37v1.255a2.019%202.019%200%2001-.524.307%201.789%201.789%200%2001-.683.123%201.642%201.642%200%2001-.602-.107%201.46%201.46%200%2001-.478-.3%201.371%201.371%200%2001-.318-.455%201.438%201.438%200%2001-.115-.58v-.008a1.426%201.426%200%2001.113-.57%201.449%201.449%200%2001.312-.46%201.418%201.418%200%2001.474-.309%201.58%201.58%200%2001.598-.111%201.708%201.708%200%2001.045%200zm11.963.008a2.006%202.006%200%2001.612.094%201.61%201.61%200%2001.507.277l-.386.546a1.562%201.562%200%2000-.39-.205%201.178%201.178%200%2000-.388-.07.347.347%200%2000-.208.052.154.154%200%2000-.07.127v.008a.158.158%200%2000.022.084.198.198%200%2000.076.066.831.831%200%2000.147.06c.062.02.14.04.236.061a3.389%203.389%200%2001.43.122%201.292%201.292%200%2001.328.17.678.678%200%2001.207.24.739.739%200%2001.071.337v.008a.865.865%200%2001-.081.382.82.82%200%2001-.229.285%201.032%201.032%200%2001-.353.18%201.606%201.606%200%2001-.46.061%202.16%202.16%200%2001-.71-.116%201.718%201.718%200%2001-.593-.346l.43-.514c.277.223.578.335.9.335a.457.457%200%2000.236-.05.157.157%200%2000.082-.142v-.008a.15.15%200%2000-.02-.077.204.204%200%2000-.073-.066.753.753%200%2000-.143-.062%202.45%202.45%200%2000-.233-.062%205.036%205.036%200%2001-.413-.113%201.26%201.26%200%2001-.331-.16.72.72%200%2001-.222-.243.73.73%200%2001-.082-.36v-.008a.863.863%200%2001.074-.359.794.794%200%2001.214-.283%201.007%201.007%200%2001.34-.185%201.423%201.423%200%2001.448-.066%202.006%202.006%200%2001.025%200zm-9.358.025h.742l1.183%202.81h-.825l-.203-.499H8.623l-.198.498h-.81zm2.197.02h.814l.663%201.08.663-1.08h.814v2.79h-.766v-1.602l-.711%201.091h-.016l-.707-1.083v1.593h-.754zm3.469%200h2.235v.658h-1.473v.422h1.334v.61h-1.334v.442h1.493v.658h-2.255zm-5.3.897l-.315.793h.624zm-1.145%205.19h8.014l-4.09%201.348z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M3.537%200C2.165%200%201.66.506%201.66%201.879V18.44a4.262%204.262%200%2000.02.433c.031.3.037.59.316.92.027.033.311.245.311.245.153.075.258.13.43.2l8.335%203.491c.433.199.614.276.928.27h.002c.314.006.495-.071.928-.27l8.335-3.492c.172-.07.277-.124.43-.2%200%200%20.284-.211.311-.243.28-.33.285-.621.316-.92a4.261%204.261%200%2000.02-.434V1.879c0-1.373-.506-1.88-1.878-1.88zm13.366%203.11h.68c1.138%200%201.688.553%201.688%201.696v1.88h-1.374v-1.8c0-.369-.17-.54-.523-.54h-.235c-.367%200-.537.17-.537.539v5.81c0%20.369.17.54.537.54h.262c.353%200%20.523-.171.523-.54V8.619h1.373v2.143c0%201.144-.562%201.71-1.7%201.71h-.694c-1.138%200-1.7-.566-1.7-1.71V4.82c0-1.144.562-1.709%201.7-1.709zm-12.186.08h3.114v1.274H6.117v2.603h1.648v1.275H6.117v2.774h1.74v1.275h-3.14zm3.816%200h2.198c1.138%200%201.7.564%201.7%201.708v2.445c0%201.144-.562%201.71-1.7%201.71h-.799v3.338h-1.4zm4.53%200h1.4v9.201h-1.4zm-3.13%201.235v3.392h.575c.354%200%20.523-.171.523-.54V4.965c0-.368-.17-.54-.523-.54zm-3.74%2010.147a1.708%201.708%200%2001.591.108%201.745%201.745%200%2001.49.299l-.452.546a1.247%201.247%200%2000-.308-.195.91.91%200%2000-.363-.068.658.658%200%2000-.28.06.703.703%200%2000-.224.163.783.783%200%2000-.151.243.799.799%200%2000-.056.299v.008a.852.852%200%2000.056.31.7.7%200%2000.157.245.736.736%200%2000.238.16.774.774%200%2000.303.058.79.79%200%2000.445-.116v-.339h-.548v-.565H7.37v1.255a2.019%202.019%200%2001-.524.307%201.789%201.789%200%2001-.683.123%201.642%201.642%200%2001-.602-.107%201.46%201.46%200%2001-.478-.3%201.371%201.371%200%2001-.318-.455%201.438%201.438%200%2001-.115-.58v-.008a1.426%201.426%200%2001.113-.57%201.449%201.449%200%2001.312-.46%201.418%201.418%200%2001.474-.309%201.58%201.58%200%2001.598-.111%201.708%201.708%200%2001.045%200zm11.963.008a2.006%202.006%200%2001.612.094%201.61%201.61%200%2001.507.277l-.386.546a1.562%201.562%200%2000-.39-.205%201.178%201.178%200%2000-.388-.07.347.347%200%2000-.208.052.154.154%200%2000-.07.127v.008a.158.158%200%2000.022.084.198.198%200%2000.076.066.831.831%200%2000.147.06c.062.02.14.04.236.061a3.389%203.389%200%2001.43.122%201.292%201.292%200%2001.328.17.678.678%200%2001.207.24.739.739%200%2001.071.337v.008a.865.865%200%2001-.081.382.82.82%200%2001-.229.285%201.032%201.032%200%2001-.353.18%201.606%201.606%200%2001-.46.061%202.16%202.16%200%2001-.71-.116%201.718%201.718%200%2001-.593-.346l.43-.514c.277.223.578.335.9.335a.457.457%200%2000.236-.05.157.157%200%2000.082-.142v-.008a.15.15%200%2000-.02-.077.204.204%200%2000-.073-.066.753.753%200%2000-.143-.062%202.45%202.45%200%2000-.233-.062%205.036%205.036%200%2001-.413-.113%201.26%201.26%200%2001-.331-.16.72.72%200%2001-.222-.243.73.73%200%2001-.082-.36v-.008a.863.863%200%2001.074-.359.794.794%200%2001.214-.283%201.007%201.007%200%2001.34-.185%201.423%201.423%200%2001.448-.066%202.006%202.006%200%2001.025%200zm-9.358.025h.742l1.183%202.81h-.825l-.203-.499H8.623l-.198.498h-.81zm2.197.02h.814l.663%201.08.663-1.08h.814v2.79h-.766v-1.602l-.711%201.091h-.016l-.707-1.083v1.593h-.754zm3.469%200h2.235v.658h-1.473v.422h1.334v.61h-1.334v.442h1.493v.658h-2.255zm-5.3.897l-.315.793h.624zm-1.145%205.19h8.014l-4.09%201.348z%22/%3E%3C/svg%3E"); }
.icon-gog { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M7.15%2015.24H4.36a.4.4%200%200%200-.4.4v2c0%20.21.18.4.4.4h2.8v1.32h-3.5c-.56%200-1.02-.46-1.02-1.03v-3.39c0-.56.46-1.02%201.03-1.02h3.48v1.32zM8.16%2011.54c0%20.58-.47%201.05-1.05%201.05H2.63v-1.35h3.78a.4.4%200%200%200%20.4-.4V6.39a.4.4%200%200%200-.4-.4H4.39a.4.4%200%200%200-.41.4v2.02c0%20.23.18.4.4.4H6v1.35H3.68c-.58%200-1.05-.46-1.05-1.04V5.68c0-.57.47-1.04%201.05-1.04H7.1c.58%200%201.05.47%201.05%201.04v5.86zM21.36%2019.36h-1.32v-4.12h-.93a.4.4%200%200%200-.4.4v3.72h-1.33v-4.12h-.93a.4.4%200%200%200-.4.4v3.72h-1.33v-4.42c0-.56.46-1.02%201.03-1.02h5.61v5.44zM21.37%2011.54c0%20.58-.47%201.05-1.05%201.05h-4.48v-1.35h3.78a.4.4%200%200%200%20.4-.4V6.39a.4.4%200%200%200-.4-.4h-2.03a.4.4%200%200%200-.4.4v2.02c0%20.23.18.4.4.4h1.62v1.35H16.9c-.58%200-1.05-.46-1.05-1.04V5.68c0-.57.47-1.04%201.05-1.04h3.43c.58%200%201.05.47%201.05%201.04v5.86zM13.72%204.64h-3.44c-.58%200-1.04.47-1.04%201.04v3.44c0%20.58.46%201.04%201.04%201.04h3.44c.57%200%201.04-.46%201.04-1.04V5.68c0-.57-.47-1.04-1.04-1.04m-.3%201.75v2.02a.4.4%200%200%201-.4.4h-2.03a.4.4%200%200%201-.4-.4V6.4c0-.22.17-.4.4-.4H13c.23%200%20.4.18.4.4zM12.63%2013.92H9.24c-.57%200-1.03.46-1.03%201.02v3.39c0%20.57.46%201.03%201.03%201.03h3.39c.57%200%201.03-.46%201.03-1.03v-3.39c0-.56-.46-1.02-1.03-1.02m-.3%201.72v2a.4.4%200%200%201-.4.4v-.01H9.94a.4.4%200%200%201-.4-.4v-1.99c0-.22.18-.4.4-.4h2c.22%200%20.4.18.4.4zM23.49%201.1a1.74%201.74%200%200%200-1.24-.52H1.75A1.74%201.74%200%200%200%200%202.33v19.34a1.74%201.74%200%200%200%201.75%201.75h20.5A1.74%201.74%200%200%200%2024%2021.67V2.33c0-.48-.2-.92-.51-1.24m0%2020.58a1.23%201.23%200%200%201-1.24%201.24H1.75A1.23%201.23%200%200%201%20.5%2021.67V2.33a1.23%201.23%200%200%201%201.24-1.24h20.5a1.24%201.24%200%200%201%201.24%201.24v19.34z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M7.15%2015.24H4.36a.4.4%200%200%200-.4.4v2c0%20.21.18.4.4.4h2.8v1.32h-3.5c-.56%200-1.02-.46-1.02-1.03v-3.39c0-.56.46-1.02%201.03-1.02h3.48v1.32zM8.16%2011.54c0%20.58-.47%201.05-1.05%201.05H2.63v-1.35h3.78a.4.4%200%200%200%20.4-.4V6.39a.4.4%200%200%200-.4-.4H4.39a.4.4%200%200%200-.41.4v2.02c0%20.23.18.4.4.4H6v1.35H3.68c-.58%200-1.05-.46-1.05-1.04V5.68c0-.57.47-1.04%201.05-1.04H7.1c.58%200%201.05.47%201.05%201.04v5.86zM21.36%2019.36h-1.32v-4.12h-.93a.4.4%200%200%200-.4.4v3.72h-1.33v-4.12h-.93a.4.4%200%200%200-.4.4v3.72h-1.33v-4.42c0-.56.46-1.02%201.03-1.02h5.61v5.44zM21.37%2011.54c0%20.58-.47%201.05-1.05%201.05h-4.48v-1.35h3.78a.4.4%200%200%200%20.4-.4V6.39a.4.4%200%200%200-.4-.4h-2.03a.4.4%200%200%200-.4.4v2.02c0%20.23.18.4.4.4h1.62v1.35H16.9c-.58%200-1.05-.46-1.05-1.04V5.68c0-.57.47-1.04%201.05-1.04h3.43c.58%200%201.05.47%201.05%201.04v5.86zM13.72%204.64h-3.44c-.58%200-1.04.47-1.04%201.04v3.44c0%20.58.46%201.04%201.04%201.04h3.44c.57%200%201.04-.46%201.04-1.04V5.68c0-.57-.47-1.04-1.04-1.04m-.3%201.75v2.02a.4.4%200%200%201-.4.4h-2.03a.4.4%200%200%201-.4-.4V6.4c0-.22.17-.4.4-.4H13c.23%200%20.4.18.4.4zM12.63%2013.92H9.24c-.57%200-1.03.46-1.03%201.02v3.39c0%20.57.46%201.03%201.03%201.03h3.39c.57%200%201.03-.46%201.03-1.03v-3.39c0-.56-.46-1.02-1.03-1.02m-.3%201.72v2a.4.4%200%200%201-.4.4v-.01H9.94a.4.4%200%200%201-.4-.4v-1.99c0-.22.18-.4.4-.4h2c.22%200%20.4.18.4.4zM23.49%201.1a1.74%201.74%200%200%200-1.24-.52H1.75A1.74%201.74%200%200%200%200%202.33v19.34a1.74%201.74%200%200%200%201.75%201.75h20.5A1.74%201.74%200%200%200%2024%2021.67V2.33c0-.48-.2-.92-.51-1.24m0%2020.58a1.23%201.23%200%200%201-1.24%201.24H1.75A1.23%201.23%200%200%201%20.5%2021.67V2.33a1.23%201.23%200%200%201%201.24-1.24h20.5a1.24%201.24%200%200%201%201.24%201.24v19.34z%22/%3E%3C/svg%3E"); }
.icon-ea { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M16.635%206.162l-5.928%209.377H4.24l1.508-2.3h4.024l1.474-2.335H2.264L.79%2013.239h2.156L0%2017.84h12.072l4.563-7.259%201.652%202.66h-1.401l-1.473%202.299h4.347l1.473%202.3H24zm-11.461.107L3.7%208.604l9.52-.035%201.474-2.3z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M16.635%206.162l-5.928%209.377H4.24l1.508-2.3h4.024l1.474-2.335H2.264L.79%2013.239h2.156L0%2017.84h12.072l4.563-7.259%201.652%202.66h-1.401l-1.473%202.299h4.347l1.473%202.3H24zm-11.461.107L3.7%208.604l9.52-.035%201.474-2.3z%22/%3E%3C/svg%3E"); }
.icon-ubisoft { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M23.561%2011.988C23.301-.304%206.954-4.89.656%206.634c.282.206.661.477.943.672a11.747%2011.747%200%2000-.976%203.067%2011.885%2011.885%200%2000-.184%202.071C.439%2018.818%205.621%2024%2012.005%2024c6.385%200%2011.556-5.17%2011.556-11.556v-.455zm-20.27%202.06c-.152%201.246-.054%201.636-.054%201.788l-.282.098c-.108-.206-.37-.932-.488-1.908C2.163%2010.308%204.7%206.96%208.57%206.33c3.544-.52%206.937%201.68%207.728%204.758l-.282.098c-.087-.087-.228-.336-.77-.878-4.281-4.281-11.002-2.32-11.956%203.74zm11.002%202.081a3.145%203.145%200%2001-2.59%201.355%203.15%203.15%200%2001-3.155-3.155%203.159%203.159%200%20012.927-3.144c1.018-.043%201.972.51%202.416%201.398a2.58%202.58%200%2001-.455%202.95c.293.205.575.4.856.595zm6.58.12c-1.669%203.782-5.106%205.766-8.77%205.712-7.034-.347-9.083-8.466-4.38-11.393l.207.206c-.076.108-.358.325-.791%201.182-.51%201.041-.672%202.081-.607%202.732.369%205.67%208.314%206.83%2011.045%201.214C21.057%208.217%2011.822.401%203.626%206.374l-.184-.184C5.599%202.808%209.816%201.3%2013.837%202.309c6.147%201.55%209.453%207.956%207.035%2013.94z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M23.561%2011.988C23.301-.304%206.954-4.89.656%206.634c.282.206.661.477.943.672a11.747%2011.747%200%2000-.976%203.067%2011.885%2011.885%200%2000-.184%202.071C.439%2018.818%205.621%2024%2012.005%2024c6.385%200%2011.556-5.17%2011.556-11.556v-.455zm-20.27%202.06c-.152%201.246-.054%201.636-.054%201.788l-.282.098c-.108-.206-.37-.932-.488-1.908C2.163%2010.308%204.7%206.96%208.57%206.33c3.544-.52%206.937%201.68%207.728%204.758l-.282.098c-.087-.087-.228-.336-.77-.878-4.281-4.281-11.002-2.32-11.956%203.74zm11.002%202.081a3.145%203.145%200%2001-2.59%201.355%203.15%203.15%200%2001-3.155-3.155%203.159%203.159%200%20012.927-3.144c1.018-.043%201.972.51%202.416%201.398a2.58%202.58%200%2001-.455%202.95c.293.205.575.4.856.595zm6.58.12c-1.669%203.782-5.106%205.766-8.77%205.712-7.034-.347-9.083-8.466-4.38-11.393l.207.206c-.076.108-.358.325-.791%201.182-.51%201.041-.672%202.081-.607%202.732.369%205.67%208.314%206.83%2011.045%201.214C21.057%208.217%2011.822.401%203.626%206.374l-.184-.184C5.599%202.808%209.816%201.3%2013.837%202.309c6.147%201.55%209.453%207.956%207.035%2013.94z%22/%3E%3C/svg%3E"); }
.icon-gamepass { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M4.102%2021.033C6.211%2022.881%208.977%2024%2012%2024c3.026%200%205.789-1.119%207.902-2.967%201.877-1.912-4.316-8.709-7.902-11.417-3.582%202.708-9.779%209.505-7.898%2011.417zm11.16-14.406c2.5%202.961%207.484%2010.313%206.076%2012.912C23.002%2017.48%2024%2014.861%2024%2012.004c0-3.34-1.365-6.362-3.57-8.536%200%200-.027-.022-.082-.042-.063-.022-.152-.045-.281-.045-.592%200-1.985.434-4.805%203.246zM3.654%203.426c-.057.02-.082.041-.086.042C1.365%205.642%200%208.664%200%2012.004c0%202.854.998%205.473%202.661%207.533-1.401-2.605%203.579-9.951%206.08-12.91-2.82-2.813-4.216-3.245-4.806-3.245-.131%200-.223.021-.281.046v-.002zM12%203.551S9.055%201.828%206.755%201.746c-.903-.033-1.454.295-1.521.339C7.379.646%209.659%200%2011.984%200H12c2.334%200%204.605.646%206.766%202.085-.068-.046-.615-.372-1.52-.339C14.946%201.828%2012%203.545%2012%203.545v.006z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M4.102%2021.033C6.211%2022.881%208.977%2024%2012%2024c3.026%200%205.789-1.119%207.902-2.967%201.877-1.912-4.316-8.709-7.902-11.417-3.582%202.708-9.779%209.505-7.898%2011.417zm11.16-14.406c2.5%202.961%207.484%2010.313%206.076%2012.912C23.002%2017.48%2024%2014.861%2024%2012.004c0-3.34-1.365-6.362-3.57-8.536%200%200-.027-.022-.082-.042-.063-.022-.152-.045-.281-.045-.592%200-1.985.434-4.805%203.246zM3.654%203.426c-.057.02-.082.041-.086.042C1.365%205.642%200%208.664%200%2012.004c0%202.854.998%205.473%202.661%207.533-1.401-2.605%203.579-9.951%206.08-12.91-2.82-2.813-4.216-3.245-4.806-3.245-.131%200-.223.021-.281.046v-.002zM12%203.551S9.055%201.828%206.755%201.746c-.903-.033-1.454.295-1.521.339C7.379.646%209.659%200%2011.984%200H12c2.334%200%204.605.646%206.766%202.085-.068-.046-.615-.372-1.52-.339C14.946%201.828%2012%203.545%2012%203.545v.006z%22/%3E%3C/svg%3E"); }
.icon-crack { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20448%20512%22%3E%3C%21--%21%20Font%20Awesome%20Free%206.5.1%20by%20%40fontawesome%20-%20https%3A//fontawesome.com%20License%20-%20https%3A//fontawesome.com/license/free%20%28Icons%3A%20CC%20BY%204.0%2C%20Fonts%3A%20SIL%20OFL%201.1%2C%20Code%3A%20MIT%20License%29%20Copyright%202023%20Fonticons%2C%20Inc.%20--%3E%3Cpath%20d%3D%22M368%20128c0%2044.4-25.4%2083.5-64%20106.4V256c0%2017.7-14.3%2032-32%2032H176c-17.7%200-32-14.3-32-32V234.4c-38.6-23-64-62.1-64-106.4C80%2057.3%20144.5%200%20224%200s144%2057.3%20144%20128zM168%20176a32%2032%200%201%200%200-64%2032%2032%200%201%200%200%2064zm144-32a32%2032%200%201%200%20-64%200%2032%2032%200%201%200%2064%200zM3.4%20273.7c7.9-15.8%2027.1-22.2%2042.9-14.3L224%20348.2l177.7-88.8c15.8-7.9%2035-1.5%2042.9%2014.3s1.5%2035-14.3%2042.9L295.6%20384l134.8%2067.4c15.8%207.9%2022.2%2027.1%2014.3%2042.9s-27.1%2022.2-42.9%2014.3L224%20419.8%2046.3%20508.6c-15.8%207.9-35%201.5-42.9-14.3s-1.5-35%2014.3-42.9L152.4%20384%2017.7%20316.6C1.9%20308.7-4.5%20289.5%203.4%20273.7z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20448%20512%22%3E%3C%21--%21%20Font%20Awesome%20Free%206.5.1%20by%20%40fontawesome%20-%20https%3A//fontawesome.com%20License%20-%20https%3A//fontawesome.com/license/free%20%28Icons%3A%20CC%20BY%204.0%2C%20Fonts%3A%20SIL%20OFL%201.1%2C%20Code%3A%20MIT%20License%29%20Copyright%202023%20Fonticons%2C%20Inc.%20--%3E%3Cpath%20d%3D%22M368%20128c0%2044.4-25.4%2083.5-64%20106.4V256c0%2017.7-14.3%2032-32%2032H176c-17.7%200-32-14.3-32-32V234.4c-38.6-23-64-62.1-64-106.4C80%2057.3%20144.5%200%20224%200s144%2057.3%20144%20128zM168%20176a32%2032%200%201%200%200-64%2032%2032%200%201%200%200%2064zm144-32a32%2032%200%201%200%20-64%200%2032%2032%200%201%200%2064%200zM3.4%20273.7c7.9-15.8%2027.1-22.2%2042.9-14.3L224%20348.2l177.7-88.8c15.8-7.9%2035-1.5%2042.9%2014.3s1.5%2035-14.3%2042.9L295.6%20384l134.8%2067.4c15.8%207.9%2022.2%2027.1%2014.3%2042.9s-27.1%2022.2-42.9%2014.3L224%20419.8%2046.3%20508.6c-15.8%207.9-35%201.5-42.9-14.3s-1.5-35%2014.3-42.9L152.4%20384%2017.7%20316.6C1.9%20308.7-4.5%20289.5%203.4%20273.7z%22/%3E%3C/svg%3E"); }
.suzgec button:hover { color: var(--text); border-color: var(--text); }
.suzgec button.aktif { color: #fff; border-color: var(--crimson); background: rgba(230, 20, 56, .14); }
html.theme-light .suzgec button.aktif { color: var(--crimson); border-color: var(--crimson); }
.sayim { display: flex; align-items: baseline; gap: 10px; margin: 22px 0 14px; padding-top: 18px; border-top: 1px dashed var(--line); color: var(--muted); font-family: var(--mono); font-size: .76rem; }
.sayim strong { color: var(--crimson-bright); font-size: 1rem; }

.arşiv-son, .bos-kutu {
  grid-column: 1 / -1;
  padding: 56px 20px;
  border: 1px dashed var(--line);
  border-radius: 14px;
  color: var(--muted);
  font-size: .95rem;
  text-align: center;
}
.bos-kutu i { display: block; margin: 0 auto 10px; font-size: 1.3rem; color: var(--muted); }

/* ---------- Bildirim + reklam ---------- */
.toast {
  position: fixed; left: 50%; bottom: 26px; z-index: 3000;
  transform: translateX(-50%) translateY(12px);
  max-width: min(92vw, 480px);
  padding: 11px 18px;
  border: 1px solid var(--line); border-radius: 12px;
  background: var(--panel-2); color: var(--text);
  font-size: .88rem;
  opacity: 0; pointer-events: none;
  transition: opacity .22s ease, transform .22s ease;
}
.toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
.reklam { margin: 10px auto 34px; min-height: 0; }

/* ---------- Alt bilgi ---------- */
.site-footer { border-top: 1px solid var(--line); }
.alt-izgara { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 26px; padding: 44px 0 32px; }
.alt-izgara h3 { font-family: var(--mono); font-size: 11px; font-weight: 700; letter-spacing: .18em; color: var(--gold); margin-bottom: 13px; }
.alt-izgara p { color: var(--muted); font-size: 13.5px; max-width: 26em; }
.alt-izgara ul { list-style: none; }
.alt-izgara li { margin-bottom: 8px; }
.alt-izgara li a { color: var(--muted); font-size: 13.5px; }
.alt-izgara li a:hover { color: var(--text); }
.alt-cizgi { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; padding: 16px 0 24px; border-top: 1px solid var(--line); font-family: var(--mono); font-size: 11px; color: var(--muted); }

/* ---------- Duyarlılık ---------- */
@media (max-width: 1020px) {
  .ana-menu { display: none; }
  .ust-cubugu { grid-template-columns: 1fr auto; }
  .menu-acma { display: grid; }
  .hero-izgara { grid-template-columns: 1fr; }
  .yan-ray { flex-direction: row; flex-wrap: wrap; }
  .yan-ray .buton { min-width: 0; }
  .yan-ray .ray-etiket { width: 100%; }
  .adimlar { grid-template-columns: 1fr; }
  .icerik-izgara { grid-template-columns: 1fr; }
  .kenar { position: static; }
  .destek-saral { grid-template-columns: 1fr; }
  .ilkeler { grid-template-columns: 1fr; }
  .alt-izgara { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 680px) {
  .yan-ray { flex-direction: column; }
  .yan-ray .buton { width: 100%; }
  .gif-kunyesi { left: 16px; right: auto; }
  .sayilar > div { padding-right: 18px; margin-right: 18px; }
  .discord-kucuk span { display: none; }
  .alt-izgara { grid-template-columns: 1fr; }
  .kart-bilgi { padding: 9px 10px 11px; gap: 4px; }
  .kart-bilgi h3 { font-size: 13.5px; line-height: 1.3; min-height: 2.6em; }
  .kart-bilgi p { font-size: 11px; }
  .kart .kart-premium { top: 7px; left: 7px; font-size: 9px; padding: 2px 7px; }
  .kart .kart-surum { top: 7px; right: 7px; font-size: 10.5px; padding: 3px 8px; }
}
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; } }

/* ---------- Merdiven: Seçiyoruz / Çeviriyoruz / Yayınlıyoruz ---------- */
.adimlar { position: relative; }
.adim:nth-child(1) { transition-delay: 0s; }
.adim:nth-child(2) { transition-delay: .1s; }
.adim:nth-child(3) { transition-delay: .2s; }
.adim:hover { border-top-color: var(--crimson); }

.adim:nth-child(3)::after { content: none; }
.anim-hazir .adim { opacity: 0; transform: translateY(22px); }
.adim {
  transition: border-color .2s ease, transform .65s cubic-bezier(.2, .7, .2, 1), opacity .65s ease;
}
.anim-hazir .adim.gorunur { opacity: 1; transform: translateY(0); }
.adim:hover.gorunur { transform: translateY(-3px); }
@media (prefers-reduced-motion: reduce) {
  .anim-hazir .adim { opacity: 1; transform: none; transition: none; }
}
@media (max-width: 1020px) {
  .adim:nth-child(2), .adim:nth-child(3) { margin-top: 0; }
}

/* ---------- Kart altı platform satırı ---------- */
.kart-bilgi p.kart-platform { margin-top: 2px; font-size: 12px; font-weight: 500; color: var(--muted); }

/* ---------- Etiketlerde rahat okunur punto ---------- */
.dp-baslik, .uyumlu-baslik { letter-spacing: .1em; }
.dl-count-box { font-size: .8rem; }
.kart-surum { font-size: 11px; }
.btn-meta, .btn-action { letter-spacing: .1em; }

/* ---------- Ana sayfa seçki: soluk alanda kenar vurgusu (yükselme yok) ---------- */
/* Ana sayfa: ikinci satır (silik) kartlar eğilmez; bulanık bölge tıklamaları yutar */

/* ---------- Atölye sonrası sayfa bağlantıları ---------- */
.atolye-baglanti { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 24px; }
.atolye-baglanti a {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 13px 24px;
  border: 1px solid rgba(255, 255, 255, .12); border-radius: 12px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .05) 0%, rgba(20, 24, 32, .85) 100%);
  color: var(--text);
  font-weight: 600; font-size: 14.5px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .2);
  transition: border-color .18s ease, transform .18s ease, background .18s ease, box-shadow .18s ease;
}
.atolye-baglanti a:nth-child(1) {
  border-color: rgba(229, 49, 64, .38);
  background: linear-gradient(135deg, rgba(229, 49, 64, .12) 0%, rgba(18, 20, 26, .9) 100%);
}
.atolye-baglanti a:nth-child(1) i {
  color: var(--crimson-bright);
  transition: transform .16s ease;
}
.atolye-baglanti a:nth-child(1):hover {
  border-color: var(--crimson-bright);
  background: linear-gradient(135deg, rgba(229, 49, 64, .22) 0%, rgba(24, 26, 34, .95) 100%);
  box-shadow: 0 12px 28px rgba(229, 49, 64, .25);
  transform: translateY(-2px);
}
.atolye-baglanti a:nth-child(2) {
  border-color: rgba(212, 160, 52, .4);
  background: linear-gradient(135deg, rgba(212, 160, 52, .12) 0%, rgba(18, 20, 26, .9) 100%);
}
.atolye-baglanti a:nth-child(2) i {
  color: var(--gold);
  transition: transform .16s ease;
}
.atolye-baglanti a:nth-child(2):hover {
  border-color: var(--gold);
  background: linear-gradient(135deg, rgba(212, 160, 52, .22) 0%, rgba(24, 26, 34, .95) 100%);
  box-shadow: 0 12px 28px rgba(212, 160, 52, .25);
  transform: translateY(-2px);
}
.atolye-baglanti a:hover i { transform: translateX(3px); }
html.theme-light .atolye-baglanti a:nth-child(1) {
  background: linear-gradient(135deg, rgba(183, 28, 28, .16) 0%, rgba(183, 28, 28, .06) 55%, #fffdf6 100%);
  border: 1.5px solid rgba(183, 28, 28, .42);
  color: #8f1d1d;
  box-shadow: 0 8px 22px rgba(183, 28, 28, .12);
}
html.theme-light .atolye-baglanti a:nth-child(1) i {
  color: #b71c1c;
}
html.theme-light .atolye-baglanti a:nth-child(1):hover {
  background: linear-gradient(135deg, rgba(183, 28, 28, .26) 0%, rgba(183, 28, 28, .12) 60%, #fffdf6 100%);
  border-color: #8f1d1d;
  color: #6d1010;
  box-shadow: 0 12px 28px rgba(183, 28, 28, .2);
  transform: translateY(-2px);
}
html.theme-light .atolye-baglanti a:nth-child(2) {
  background: linear-gradient(135deg, rgba(184, 134, 15, .20) 0%, rgba(184, 134, 15, .08) 55%, #fffdf6 100%);
  border: 1.5px solid rgba(184, 134, 15, .48);
  color: #7a5405;
  box-shadow: 0 8px 22px rgba(184, 134, 15, .12);
}
html.theme-light .atolye-baglanti a:nth-child(2) i {
  color: #a8791c;
}
html.theme-light .atolye-baglanti a:nth-child(2):hover {
  background: linear-gradient(135deg, rgba(184, 134, 15, .32) 0%, rgba(184, 134, 15, .16) 60%, #fffdf6 100%);
  border-color: #a8791c;
  color: #5c3e02;
  box-shadow: 0 12px 28px rgba(184, 134, 15, .22);
  transform: translateY(-2px);
}

/* ============================================================
   KART VE IZGARA DÜZENİ (Masaüstü, Tablet, Mobil)
   - Ana Sayfa masaüstü: her satırda 6 kart (toplam 2 dolu satır = 12 kart)
   - Çeviriler masaüstü: her satırda 5 kart
   - İkinci satır kartları: sarı belirteç sadece görünen üst kısımda
     çıkar, alt kısımda maskelenir ve tıklanamaz
   - Tablet ve mobil: 4 ve 2 kolonlu kusursuz uyum
   ============================================================ */

/* ============================================================
   KART VE IZGARA DÜZENİ (Masaüstü, Laptop, Tablet, Mobil)
   - Ana Sayfa: Her ekranda TAM 2 SATIR (boşluksuz, orantılı)
     * >= 1200px (1080p, 2K, 4K, 1600x900, 1366x768 @100%): 6 kolon x 2 = 12 kart (kart 7-12 maskeli)
     * 901px - 1199px (1366x768 @125%, küçük laptop): 4 kolon x 2 = 8 kart (kart 5-8 maskeli, 9-12 gizli)
     * 601px - 900px (Tabletler): 3 kolon x 2 = 6 kart (kart 4-6 maskeli, 7-12 gizli)
     * <= 600px (Mobil): 2 kolon x 2 = 4 kapak (kart 3-4 maskeli, 5-12 gizli)
   - Çeviriler Sayfası: 6/5/4/3/2 kolon akıcı ölçekleme
   ============================================================ */

/* Ana sayfa masaüstü varsayılan */
body[data-page="home"] .kartlar {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
}

/* Geniş Masaüstü (>= 1200px) */
@media (min-width: 1200px) {
  body[data-page="home"] .kartlar {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
  }
  body[data-page="home"] .seci-sarmal .kart:nth-child(n+7) {
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 36%, rgba(0, 0, 0, 0.45) 48%, transparent 58%);
    mask-image: linear-gradient(180deg, #000 0%, #000 36%, rgba(0, 0, 0, 0.45) 48%, transparent 58%);
    border-bottom: none !important;
  }
  body[data-page="home"] .seci-sarmal .kart:nth-child(n+7):hover {
    transform: translateY(-2px);
  }
}

/* Laptop & Orta Ekranlar (901px - 1199px, özellikle 1366x768 %125 ölçekli ekranlar) */
@media (min-width: 901px) and (max-width: 1199px) {
  body[data-page="home"] .kartlar {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
  }
  body[data-page="home"] .seci-sarmal .kart:nth-child(n+9) {
    display: none;
  }
  body[data-page="home"] .seci-sarmal .kart:nth-child(n+5) {
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 36%, rgba(0, 0, 0, 0.45) 48%, transparent 58%);
    mask-image: linear-gradient(180deg, #000 0%, #000 36%, rgba(0, 0, 0, 0.45) 48%, transparent 58%);
    border-bottom: none !important;
  }
  body[data-page="home"] .seci-sarmal .kart:nth-child(n+5):hover {
    transform: translateY(-2px);
  }
}

/* Tablet (601px - 900px) */
@media (min-width: 601px) and (max-width: 900px) {
  body[data-page="home"] .kartlar {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }
  body[data-page="home"] .seci-sarmal .kart:nth-child(n+7) {
    display: none;
  }
  body[data-page="home"] .seci-sarmal .kart:nth-child(n+4) {
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 36%, rgba(0, 0, 0, 0.45) 48%, transparent 58%);
    mask-image: linear-gradient(180deg, #000 0%, #000 36%, rgba(0, 0, 0, 0.45) 48%, transparent 58%);
    border-bottom: none !important;
  }
  body[data-page="home"] .seci-sarmal .kart:nth-child(n+4):hover {
    transform: translateY(-2px);
  }
}

/* Mobil (<= 600px): 2 kapak / 2 sütun */
@media (max-width: 600px) {
  body[data-page="home"] .kartlar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  body[data-page="home"] .seci-sarmal .kart:nth-child(n+5) {
    display: none;
  }
  body[data-page="home"] .seci-sarmal .kart:nth-child(n+3) {
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 36%, rgba(0, 0, 0, 0.45) 48%, transparent 58%);
    mask-image: linear-gradient(180deg, #000 0%, #000 36%, rgba(0, 0, 0, 0.45) 48%, transparent 58%);
    border-bottom: none !important;
  }
  body[data-page="home"] .seci-sarmal .kart:nth-child(n+3):hover {
    transform: translateY(-2px);
  }
  .seci-sarmal {
    margin-bottom: 64px;
  }
  .seci-sarmal .kartlar::after {
    height: 180px;
  }
  .seci-kuyrugu {
    margin-top: -110px;
    padding-bottom: 20px;
  }
}

/* Çeviriler Sayfası (Katalog) Dinamik Kolon Dağılımı */
body[data-page="patches"] .kartlar {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}
@media (min-width: 1600px) {
  body[data-page="patches"] .kartlar {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  body[data-page="patches"] .kartlar {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
  }
}
@media (min-width: 901px) and (max-width: 1199px) {
  body[data-page="patches"] .kartlar {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 13px;
  }
}
@media (min-width: 601px) and (max-width: 900px) {
  body[data-page="patches"] .kartlar {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }
}
@media (max-width: 600px) {
  body[data-page="patches"] .kartlar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .kart-bilgi {
    padding: 8px 10px 10px;
  }
  .kart-bilgi h3 {
    font-size: 13px;
    min-height: 2.7em;
    -webkit-line-clamp: 2;
  }
  .kart-bilgi .kart-platform {
    font-size: 11px;
  }
}
@media (max-width: 340px) {
  body[data-page="patches"] .kartlar {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

/* Çeviriler sayfasının en altı sayfa bitimi mesafesi */
.serit-ceviriler-alt {
  padding-bottom: 80px;
}
@media (max-width: 680px) {
  .serit-ceviriler-alt {
    padding-bottom: 48px;
  }
}