/* Sonkale2 — "Taş, demir ve meşale" teması
   Palet: gece taşı zemin, sur taşı paneller, dövme demir çizgiler,
   meşale kehribarı vurgu, sancak kırmızısı ikincil vurgu. */

:root {
  --zemin: #0f1114;
  --zemin-2: #14171b;
  --tas: #1b1f24;
  --tas-2: #222830;
  --tas-3: #2a313a;
  --harc: #313943;
  --demir: #48515c;
  --demir-acik: #6f7a87;
  --metin: #e8e3d8;
  --metin-2: #c4bfb4;
  --soluk: #8f98a3;
  --mesale: #d99a3d;
  --mesale-acik: #f2bd66;
  --mesale-koyu: #a8701f;
  --sancak: #9e2b25;
  --sancak-acik: #c9433b;
  --iyi: #6dbb78;
  --dikkat: #e0a845;
  --kotu: #e0675d;
  --shinsoo: #d0443a;
  --chunjo: #d9ad2b;
  --jinno: #3d86d6;
  --yaricap: 4px;
  --golge: 0 10px 30px rgba(0, 0, 0, .45);
  --baslik-font: "Palatino Linotype", Palatino, "Book Antiqua", "URW Palladio L", Georgia, serif;
  --govde-font: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: var(--zemin);
  background-image:
    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(217, 154, 61, .10), transparent 70%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .035 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  color: var(--metin);
  font: 15px/1.6 var(--govde-font);
}
a { color: var(--mesale-acik); text-decoration: none; }
a:hover { color: #ffd896; text-decoration: underline; text-underline-offset: 3px; }
:focus-visible { outline: 2px solid var(--mesale-acik); outline-offset: 2px; }
h1, h2, h3 { font-family: var(--baslik-font); font-weight: 700; line-height: 1.25; letter-spacing: .02em; }
img, svg { max-width: 100%; }
code, .kod { font-family: ui-monospace, Consolas, "Cascadia Mono", monospace; font-size: .88em; }
code { background: var(--zemin-2); border: 1px solid var(--harc); border-radius: 3px; padding: 0 .3em; }
hr { border: 0; border-top: 1px solid var(--harc); margin: 1.2rem 0; }
.soluk { color: var(--soluk); }
.nowrap { white-space: nowrap; }
.gizli-etiket { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.atla { position: absolute; left: -999px; top: 8px; background: var(--mesale); color: #1a1205; padding: 8px 12px; z-index: 100; }
.atla:focus { left: 8px; }

.kap { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 16px; }

/* ---------- Üst çubuk ---------- */
.ust {
  position: sticky; top: 0; z-index: 50;
  background: linear-gradient(180deg, #171a1f, #121418);
  border-bottom: 1px solid #000;
  box-shadow: 0 1px 0 var(--harc), 0 6px 20px rgba(0, 0, 0, .5);
}
.ust-ic { display: flex; align-items: center; gap: 24px; min-height: 64px; }
.logo { display: inline-flex; align-items: center; gap: 10px; color: var(--metin); }
.logo:hover { text-decoration: none; color: #fff; }
.logo-kale { width: 34px; height: 34px; fill: var(--demir-acik); filter: drop-shadow(0 2px 0 #000); }
.logo-kale .sancak { fill: var(--sancak-acik); }
.logo-yazi {
  font-family: var(--baslik-font); font-weight: 700; font-size: 1.45rem; letter-spacing: .2em;
  background: linear-gradient(180deg, #f4efe4 0%, #c9c2b3 55%, #8e8778 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  text-shadow: 0 2px 0 rgba(0, 0, 0, .35);
}
.logo-yazi b {
  background: linear-gradient(180deg, var(--mesale-acik), var(--mesale-koyu));
  -webkit-background-clip: text; background-clip: text; color: transparent; margin-left: .08em;
}
.logo-kucuk { font-size: 1.1rem; }
.logo-ek { font-size: .75rem; text-transform: uppercase; letter-spacing: .2em; color: var(--sancak-acik); border: 1px solid var(--sancak); padding: 1px 6px; border-radius: 2px; }

.menu { display: flex; align-items: center; gap: 4px; margin-left: auto; flex-wrap: wrap; }
.menu > a, .menu .bag {
  color: var(--metin-2); padding: 8px 12px; border-radius: var(--yaricap);
  font-family: var(--baslik-font); font-size: .98rem; letter-spacing: .04em;
}
.menu > a:hover, .menu .bag:hover { color: #fff; background: var(--tas-2); text-decoration: none; }
.menu > a.aktif { color: var(--mesale-acik); box-shadow: inset 0 -2px 0 var(--mesale); border-radius: var(--yaricap) var(--yaricap) 0 0; }
.menu > a.btn { color: #1c1306; padding: 7px 14px; }
.menu-ayrac { width: 1px; height: 24px; background: var(--harc); margin: 0 8px; }
.menu-hesap::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--iyi); margin-right: 7px; vertical-align: middle; }
.menu-form { display: inline; margin: 0; }
.bag { background: none; border: 0; cursor: pointer; font: inherit; }
.menu-ac { position: absolute; opacity: 0; pointer-events: none; }
.menu-dugme { display: none; margin-left: auto; width: 44px; height: 44px; padding: 12px 10px; cursor: pointer; border: 1px solid var(--harc); border-radius: var(--yaricap); }
.menu-dugme span { display: block; height: 2px; background: var(--metin-2); margin-bottom: 6px; }
.menu-dugme span:last-child { margin-bottom: 0; }

/* ---------- Sur (mazgallı duvar) ---------- */
.sur {
  position: relative; height: 70px;
  background-color: var(--tas);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='48'%3E%3Cg fill='none' stroke='%23101317' stroke-width='2'%3E%3Cpath d='M0 1h96M0 25h96M1 1v24M49 1v24M25 25v24M73 25v24'/%3E%3C/g%3E%3Cg fill='%23ffffff' fill-opacity='.025'%3E%3Crect x='3' y='3' width='44' height='20'/%3E%3Crect x='27' y='27' width='44' height='20'/%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(180deg, #262c34, #1a1e23);
  border-bottom: 1px solid #000;
}
.sur::before {
  content: ""; position: absolute; left: 0; right: 0; top: -22px; height: 22px;
  background: repeating-linear-gradient(90deg, #262c34 0 46px, transparent 46px 72px);
  filter: drop-shadow(0 -1px 0 #0a0c0e);
}
.sur-ince { height: 14px; }
.sur-ince::before { top: -12px; height: 12px; background: repeating-linear-gradient(90deg, #262c34 0 30px, transparent 30px 48px); }
.sur-ters { height: 14px; border-bottom: 0; border-top: 1px solid #000; }
.sur-ters::before { top: auto; bottom: -12px; height: 12px; background: repeating-linear-gradient(90deg, #1a1e23 0 30px, transparent 30px 48px); }

/* ---------- Hero ---------- */
.hero {
  position: relative; overflow: hidden;
  background:
    radial-gradient(ellipse 45% 70% at 15% 105%, rgba(217, 120, 40, .28), transparent 70%),
    radial-gradient(ellipse 45% 70% at 85% 105%, rgba(217, 120, 40, .22), transparent 70%),
    radial-gradient(ellipse 70% 60% at 50% 0%, rgba(158, 43, 37, .18), transparent 70%),
    linear-gradient(180deg, #121418 0%, #0d0f12 100%);
}
.hero-ic { padding: 72px 16px 64px; text-align: center; position: relative; }
.hero-ust { text-transform: uppercase; letter-spacing: .32em; font-size: .78rem; color: var(--mesale); margin: 0 0 12px; }
.hero-baslik { font-size: clamp(2.3rem, 6vw, 4.2rem); margin: 0; letter-spacing: .04em; text-shadow: 0 4px 24px rgba(0, 0, 0, .6); }
.hero-baslik em { font-style: normal; color: var(--mesale-acik); }
.hero-alt { max-width: 560px; margin: 16px auto 28px; color: var(--metin-2); font-size: 1.05rem; }
.hero-butonlar { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.hero .sur { margin-top: 26px; }

.sayfa-bas { background: linear-gradient(180deg, #14171b, #101215); padding-top: 34px; }
.sayfa-bas h1 { margin: 0 0 28px; font-size: clamp(1.6rem, 4vw, 2.2rem); }

/* ---------- Düzen ---------- */
.duzen { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 24px; padding-top: 28px; padding-bottom: 48px; flex: 1; }
.ana { min-width: 0; }
.yan { display: flex; flex-direction: column; gap: 20px; }
.iki-sutun { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }

/* ---------- Panel (sur taşı + demir perçin) ---------- */
.panel {
  background: linear-gradient(180deg, var(--tas-2), var(--tas));
  border: 1px solid #0b0d10;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), inset 0 0 0 1px var(--harc), var(--golge);
  border-radius: var(--yaricap);
  margin-bottom: 20px;
}
.yan .panel, .iki-sutun .panel { margin-bottom: 0; }
.iki-sutun { margin-bottom: 20px; }
.panel-b {
  position: relative; margin: 0; padding: 12px 28px;
  font-size: 1.02rem; letter-spacing: .08em; text-transform: uppercase; color: var(--metin);
  background:
    radial-gradient(circle at 12px 50%, var(--demir-acik) 0 2.5px, #000 3px, transparent 3.6px),
    radial-gradient(circle at calc(100% - 12px) 50%, var(--demir-acik) 0 2.5px, #000 3px, transparent 3.6px),
    linear-gradient(180deg, #303843, #232930);
  border-bottom: 1px solid #0b0d10;
  box-shadow: inset 0 -1px 0 rgba(217, 154, 61, .25);
  border-radius: var(--yaricap) var(--yaricap) 0 0;
  display: flex; align-items: center; gap: 12px;
}
.panel-link { margin-left: auto; font-family: var(--govde-font); font-size: .8rem; text-transform: none; letter-spacing: 0; }
.panel-i { padding: 18px 20px; }
.panel-i > :first-child { margin-top: 0; }
.panel-i > :last-child { margin-bottom: 0; }
.panel-tablo { padding: 6px 8px 10px; }
.panel-tablo > .soluk { padding: 10px 12px; }

/* ---------- Butonlar ---------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 10px 18px; border-radius: var(--yaricap);
  font: 700 .95rem/1.2 var(--baslik-font); letter-spacing: .06em;
  color: #1c1306; cursor: pointer; text-decoration: none;
  background: linear-gradient(180deg, var(--mesale-acik), var(--mesale) 55%, var(--mesale-koyu));
  border: 1px solid #5c3c0e;
  box-shadow: inset 0 1px 0 rgba(255, 240, 200, .5), 0 2px 0 #000, 0 6px 16px rgba(217, 154, 61, .15);
  text-shadow: 0 1px 0 rgba(255, 230, 180, .4);
}
.btn:hover { filter: brightness(1.08); color: #1c1306; text-decoration: none; }
.btn:active { transform: translateY(1px); box-shadow: inset 0 1px 0 rgba(255, 240, 200, .3), 0 1px 0 #000; }
.btn-demir {
  color: var(--metin); text-shadow: 0 1px 0 #000;
  background: linear-gradient(180deg, #4b5560, #353d46 55%, #2a3038);
  border-color: #111418; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 2px 0 #000;
}
.btn-demir:hover { color: #fff; }
.btn-tehlike {
  color: #fff3f2; text-shadow: 0 1px 0 #000;
  background: linear-gradient(180deg, var(--sancak-acik), var(--sancak) 60%, #6e1c18);
  border-color: #3d0d0b; box-shadow: inset 0 1px 0 rgba(255, 200, 190, .25), 0 2px 0 #000;
}
.btn-tehlike:hover { color: #fff; }
.btn-buyuk { padding: 14px 26px; font-size: 1.05rem; }
.btn-kucuk { padding: 6px 12px; font-size: .88rem; }
.btn-tam { width: 100%; }
.yan .btn-tam + .btn-tam { margin-top: 10px; }
.butonlar { display: flex; gap: 10px; flex-wrap: wrap; }

/* ---------- Uyarılar ---------- */
.uyari { padding: 12px 16px; border-radius: var(--yaricap); margin: 0 0 16px; border: 1px solid; border-left-width: 4px; background: var(--zemin-2); }
.uyari ul { margin: 0; padding-left: 18px; }
.uyari-basari { border-color: #2f5a35; border-left-color: var(--iyi); color: #d4f0d8; }
.uyari-hata { border-color: #5a2a26; border-left-color: var(--kotu); color: #f6d6d2; }
.uyari-uyari { border-color: #5a4720; border-left-color: var(--dikkat); color: #f5e6c5; }
.uyari-bilgi { border-color: var(--harc); border-left-color: var(--demir-acik); color: var(--metin-2); }

/* ---------- Tablolar ---------- */
.tablo-kap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.tablo { width: 100%; border-collapse: collapse; font-size: .93rem; }
.tablo th, .tablo td { padding: 10px 12px; text-align: left; border-bottom: 1px solid #262c33; vertical-align: middle; }
.tablo thead th { font-family: var(--baslik-font); font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; color: var(--soluk); border-bottom: 1px solid var(--demir); white-space: nowrap; }
.tablo tbody tr:hover { background: rgba(255, 255, 255, .025); }
.tablo tbody tr:last-child td, .tablo tbody tr:last-child th { border-bottom: 0; }
.tablo tbody th { color: var(--metin-2); font-weight: 600; }
.tablo-sik th, .tablo-sik td { padding: 7px 10px; }
.sag { text-align: right !important; }
.orta { text-align: center !important; }
.sira {
  display: inline-grid; place-items: center; min-width: 26px; height: 26px; padding: 0 4px;
  font: 700 .82rem/1 var(--baslik-font); color: var(--soluk);
  border: 1px solid var(--harc); border-radius: 3px; background: var(--zemin-2);
}
.sira-1 { color: #2a1b03; background: linear-gradient(180deg, #ffd77a, #c8921f); border-color: #7a5410; }
.sira-2 { color: #1b1e22; background: linear-gradient(180deg, #e9edf1, #9aa4ae); border-color: #5f6870; }
.sira-3 { color: #24140a; background: linear-gradient(180deg, #e7a874, #a5632f); border-color: #6c3d18; }

.sinif { display: inline-flex; align-items: center; gap: 6px; }
.sinif::before { content: ""; width: 8px; height: 8px; transform: rotate(45deg); background: var(--demir-acik); }
.sinif-savasci::before { background: #d2694c; }
.sinif-ninja::before { background: #79b86a; }
.sinif-sura::before { background: #a06ad6; }
.sinif-saman::before { background: #5fa8d8; }

.krallik { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.krallik i { width: 10px; height: 14px; clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%); background: var(--demir-acik); }
.krallik-kirmizi i { background: var(--shinsoo); }
.krallik-sari i { background: var(--chunjo); }
.krallik-mavi i { background: var(--jinno); }
.krallik-yok { color: var(--soluk); }

.nokta { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: #3a4149; box-shadow: inset 0 0 0 1px #000; }
.nokta-acik { background: var(--iyi); box-shadow: 0 0 8px rgba(109, 187, 120, .7); }

.etiket { display: inline-block; padding: 1px 7px; font-size: .74rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; border-radius: 3px; border: 1px solid var(--demir); color: var(--metin-2); background: var(--zemin-2); vertical-align: 1px; }
.etiket-ok { border-color: #2f5a35; color: var(--iyi); }
.etiket-uyari { border-color: #6b5320; color: var(--dikkat); }
.etiket-kotu { border-color: #6b2a24; color: var(--kotu); }
.etiket-gm { border-color: var(--mesale-koyu); color: var(--mesale-acik); }

.sayfalama { display: flex; gap: 6px; flex-wrap: wrap; justify-content: center; margin-top: 16px; }
.sayfalama a, .sayfalama span { padding: 6px 11px; border: 1px solid var(--harc); border-radius: 3px; background: var(--zemin-2); color: var(--metin-2); }
.sayfalama a:hover { border-color: var(--mesale-koyu); color: var(--mesale-acik); text-decoration: none; }
.sayfalama .aktif { background: var(--mesale); color: #1c1306; border-color: var(--mesale-koyu); font-weight: 700; }
.not { font-size: .84rem; color: var(--soluk); margin-top: 14px; }

.sekmeler { display: flex; gap: 4px; flex-wrap: wrap; margin-bottom: 14px; border-bottom: 1px solid var(--harc); }
.sekmeler a { padding: 9px 14px; color: var(--metin-2); font-family: var(--baslik-font); border: 1px solid transparent; border-bottom: 0; border-radius: var(--yaricap) var(--yaricap) 0 0; margin-bottom: -1px; }
.sekmeler a:hover { color: #fff; text-decoration: none; background: var(--tas); }
.sekmeler a.aktif { color: var(--mesale-acik); background: var(--tas-2); border-color: var(--harc); }

/* ---------- Formlar ---------- */
.form { display: flex; flex-direction: column; gap: 14px; }
.form-panel .panel-i { padding: 22px 24px; }
.form-dar { max-width: 460px; }
.alan { display: flex; flex-direction: column; gap: 6px; }
.alan-kisa { max-width: 140px; }
.alan-cift { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.alan label { font-weight: 600; font-size: .9rem; color: var(--metin-2); }
.alan small, .alan-not { color: var(--soluk); font-size: .82rem; }
.alan-not { margin-top: -6px; }
input:not([type=checkbox]):not([type=radio]), select, textarea {
  width: 100%; padding: 10px 12px; font: inherit; color: var(--metin);
  background: #0e1013; border: 1px solid var(--demir); border-radius: var(--yaricap);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .5);
}
textarea { resize: vertical; min-height: 120px; }
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--mesale); box-shadow: inset 0 2px 4px rgba(0, 0, 0, .5), 0 0 0 3px rgba(217, 154, 61, .2); }
input::placeholder { color: #626b75; }
.onay { display: flex; gap: 10px; align-items: flex-start; font-size: .92rem; color: var(--metin-2); cursor: pointer; }
.onay input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--mesale); flex: none; }
.form-alt { text-align: center; color: var(--soluk); font-size: .9rem; margin: 16px 0 0; }
.satir-form { display: flex; gap: 10px; margin-bottom: 16px; }
.satir-form input { flex: 1; }
.filtre { display: flex; gap: 12px; align-items: flex-end; flex-wrap: wrap; margin-bottom: 16px; }
.filtre label { display: flex; flex-direction: column; gap: 4px; font-size: .82rem; color: var(--soluk); min-width: 160px; }
.cf-turnstile { min-height: 65px; }
.sil-form { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--harc); }

/* ---------- Yan sütun ---------- */
.yan-hos { margin: 0 0 12px; }
.yan-link { font-size: .84rem; text-align: center; margin: 12px 0 0; color: var(--soluk); }
.durum, .ist { list-style: none; margin: 0; padding: 0; }
.durum li, .ist div { display: flex; justify-content: space-between; padding: 7px 0; border-bottom: 1px dashed #2c333b; }
.durum li:last-child, .ist div:last-child { border-bottom: 0; }
.durum span, .ist dt { color: var(--metin-2); }
.ist dd { margin: 0; font-weight: 700; font-family: var(--baslik-font); color: var(--mesale-acik); }
.acik { color: var(--iyi); }
.kapali { color: var(--kotu); }

/* ---------- İçerik ---------- */
.duyuru-liste { list-style: none; margin: 0; padding: 0; }
.duyuru-liste li { padding: 12px 0; border-bottom: 1px solid #262c33; display: grid; grid-template-columns: 1fr auto; gap: 2px 16px; }
.duyuru-liste li:first-child { padding-top: 0; }
.duyuru-liste li:last-child { border-bottom: 0; padding-bottom: 0; }
.duyuru-liste a { color: var(--metin); font-family: var(--baslik-font); font-size: 1.05rem; }
.duyuru-liste a:hover { color: var(--mesale-acik); }
.duyuru-liste time { color: var(--soluk); font-size: .82rem; white-space: nowrap; }
.duyuru-liste p { grid-column: 1 / -1; margin: 2px 0 0; color: var(--metin-2); font-size: .92rem; }
.duyuru-liste .etiket { margin-right: 6px; }
.yazi { font-size: 1rem; line-height: 1.75; }
.yazi h3 { margin: 1.6em 0 .5em; color: var(--mesale-acik); font-size: 1.1rem; }
.yazi ul { padding-left: 20px; }
.yazi li { margin-bottom: 4px; }
.yazi-ust { color: var(--soluk); font-size: .86rem; }
.yazi-ozet { font-size: 1.08rem; color: var(--metin-2); border-left: 3px solid var(--mesale); padding-left: 14px; }

.ozellikler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.ozellik { padding: 20px; border: 1px solid var(--harc); border-radius: var(--yaricap); background: linear-gradient(180deg, rgba(217, 154, 61, .06), transparent 60%), var(--zemin-2); }
.ozellik h3 { margin: 0 0 6px; color: var(--mesale-acik); font-size: 1.05rem; }
.ozellik p { margin: 0; color: var(--metin-2); font-size: .92rem; }

.indirme-liste { display: flex; flex-direction: column; gap: 12px; margin-top: 16px; }
.indirme { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 16px; border: 1px solid var(--harc); border-radius: var(--yaricap); background: var(--zemin-2); }
.indirme h3 { margin: 0; font-size: 1.05rem; }
.indirme p { margin: 4px 0 0; font-size: .9rem; }
.indirme-sag { display: flex; align-items: center; gap: 14px; flex: none; }

.bilgi { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; }
.bilgi div { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px dashed #2c333b; }
.bilgi dt { color: var(--soluk); }
.bilgi dd { margin: 0; text-align: right; overflow-wrap: anywhere; }
.coin { color: var(--mesale-acik); font-weight: 700; }

.profil-bas { display: flex; align-items: center; gap: 18px; margin-bottom: 18px; }
.profil-bas h2 { margin: 0; font-size: 1.7rem; display: flex; align-items: center; gap: 10px; }
.profil-bas p { margin: 4px 0 0; }
.profil-arma {
  width: 64px; height: 72px; flex: none; display: grid; place-items: center;
  font: 700 1.8rem var(--baslik-font); color: #fff; text-shadow: 0 2px 0 #000;
  clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0 70%);
  background: linear-gradient(180deg, #59636f, #2b3138);
}
.profil-arma.sinif-savasci { background: linear-gradient(180deg, #c45a3f, #6a2516); }
.profil-arma.sinif-ninja { background: linear-gradient(180deg, #6aa65c, #2a5122); }
.profil-arma.sinif-sura { background: linear-gradient(180deg, #8f5bc4, #3f1f63); }
.profil-arma.sinif-saman { background: linear-gradient(180deg, #4f97c8, #1d4666); }
.profil-arma::before { display: none; }

.hata-sayfa { text-align: center; }
.hata-sayfa .panel-i { padding: 40px 20px; }
.hata-kod { font: 700 4rem/1 var(--baslik-font); color: var(--mesale); margin: 0; text-shadow: 0 4px 0 #000; }
.hata-sayfa h2 { margin: 8px 0; }

/* ---------- Alt bilgi ---------- */
.alt { background: #0b0d10; border-top: 1px solid #000; margin-top: auto; }
.alt-ic { display: flex; justify-content: space-between; gap: 24px; flex-wrap: wrap; padding-top: 34px; padding-bottom: 20px; }
.alt-ic p { margin: 6px 0 0; font-size: .88rem; }
.alt-menu { display: flex; gap: 6px 18px; flex-wrap: wrap; align-items: center; }
.alt-menu a { color: var(--metin-2); font-size: .9rem; }
.telif { padding-bottom: 28px; font-size: .78rem; color: #6b737c; }

/* ---------- Yönetim ---------- */
.yonetim .ust { background: linear-gradient(180deg, #1d1416, #141012); }
.yonetim-ana { padding-top: 24px; padding-bottom: 48px; flex: 1; }
.yonetim-baslik { margin: 0 0 18px; font-size: 1.6rem; }
.yonetim-giris { margin: 40px auto; }
.kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 14px; margin-bottom: 20px; }
.kart { padding: 14px 16px; border: 1px solid var(--harc); border-radius: var(--yaricap); background: linear-gradient(180deg, var(--tas-2), var(--tas)); }
.kart span { display: block; font-size: .8rem; color: var(--soluk); text-transform: uppercase; letter-spacing: .06em; }
.kart b { font: 700 1.5rem/1.3 var(--baslik-font); }
.yonetim .tablo td.kod { color: var(--metin-2); max-width: 360px; overflow-wrap: anywhere; }
.yonetim h3 { font-size: 1rem; margin: 22px 0 8px; }

/* ---------- Duyarlı ---------- */
@media (max-width: 980px) {
  .duzen { grid-template-columns: 1fr; }
  .yan { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
}
@media (max-width: 860px) {
  .menu-dugme { display: block; }
  .menu {
    display: none; position: absolute; top: 100%; left: 0; right: 0;
    flex-direction: column; align-items: stretch; gap: 0; padding: 8px 16px 16px;
    background: #121418; border-bottom: 1px solid var(--harc); box-shadow: var(--golge);
  }
  .menu > a, .menu .bag { padding: 12px 8px; border-bottom: 1px solid #1f242a; text-align: left; width: 100%; }
  .menu > a.aktif { box-shadow: inset 3px 0 0 var(--mesale); border-radius: 0; }
  .menu > a.btn { margin-top: 10px; border-bottom: 1px solid #5c3c0e; justify-content: center; }
  .menu-ayrac { display: none; }
  .menu-form { display: block; }
  .menu-ac:checked ~ .menu { display: flex; }
  .ust-ic { position: relative; }
}
@media (max-width: 700px) {
  body { font-size: 14.5px; }
  .iki-sutun, .ozellikler, .bilgi, .alan-cift { grid-template-columns: 1fr; }
  .hero-ic { padding: 48px 16px 44px; }
  .sur { height: 46px; }
  .panel-i { padding: 16px; }
  .form-panel .panel-i { padding: 18px 16px; }
  .panel-b { padding: 11px 26px; }
  .indirme { flex-direction: column; align-items: stretch; }
  .indirme-sag { justify-content: space-between; }
  .satir-form { flex-direction: column; }
  .tablo th, .tablo td { padding: 8px; }
  .duyuru-liste li { grid-template-columns: 1fr; }
  .alt-ic { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; transition: none !important; } }