:root{--bg:#0b0907;--panel:#1a1410;--kutu:#1f1812;--line:rgba(232,185,79,.28);--line2:rgba(232,185,79,.10);
      --gold:#e8b94f;--gold2:#f3d27a;--text:#e6e3dc;--muted:#b3a58f;--vurgu:#e8b94f}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--text);font:15px/1.6 Inter,"Segoe UI",Arial,sans-serif;
     background:#0b0907 url("arkaplan.jpg?v=2") center top / 100% auto no-repeat;min-height:100vh}
a{color:var(--gold2);text-decoration:none}
a:hover{text-decoration:underline}

/* ust menu cubugu */
.tepe{max-width:1180px;margin:18px auto 0;padding:10px 18px;display:flex;align-items:center;gap:18px;
      border:1px solid var(--line);border-radius:14px;background:rgba(18,13,9,.9)}
.marka{font:800 1.25rem Cinzel,serif;color:var(--gold);letter-spacing:2px;white-space:nowrap}
.marka:hover{text-decoration:none;color:var(--gold2)}
.marka small{font:800 .6rem Cinzel,serif;color:var(--muted);letter-spacing:3px;margin-left:6px;vertical-align:middle}
.menu{display:flex;flex-wrap:wrap;gap:4px;flex:1}
.menu a{padding:7px 11px;border-radius:8px;color:var(--text);font-size:.82rem;font-weight:600;letter-spacing:.3px}
.menu a:hover{background:rgba(232,185,79,.12);color:var(--gold2);text-decoration:none}
.dis{padding:7px 12px;border:1px solid var(--line);border-radius:8px;font-size:.78rem;font-weight:700;color:var(--gold);white-space:nowrap}
.dis:hover{background:rgba(232,185,79,.12);text-decoration:none}

/* sayfa govdesi */
.sayfa{max-width:1180px;margin:14px auto 30px;background:linear-gradient(180deg,rgba(28,21,15,.96),rgba(16,12,9,.98));
       border:1px solid var(--line);border-radius:16px;padding:28px 32px 24px;box-shadow:0 24px 60px rgba(0,0,0,.55)}
.ust{display:flex;align-items:center;gap:18px;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.ikon{width:72px;height:72px;padding:10px;border-radius:14px;border:1px solid var(--line);flex:none;object-fit:contain;
      background:radial-gradient(circle at 50% 40%,#2a2117,#0d0b09);image-rendering:pixelated;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}
h1{margin:0;font:800 clamp(1.5rem,2.6vw,2.1rem) Cinzel,serif;color:#fff;letter-spacing:1px}
.alt{color:var(--muted);font-size:.8rem;margin-top:4px;letter-spacing:.3px}
h2{margin:26px 0 10px;font:800 .82rem Cinzel,serif;color:var(--gold);letter-spacing:3px;text-transform:uppercase;
   border-bottom:1px solid var(--line);padding-bottom:8px}

/* tablolar */
table{width:100%;border-collapse:separate;border-spacing:0;background:var(--kutu);border:1px solid var(--line2);
      border-radius:10px;overflow:hidden;margin-bottom:6px}
th,td{padding:9px 12px;text-align:left;font-size:.86rem;border-bottom:1px solid var(--line2);vertical-align:middle}
th{background:rgba(232,185,79,.08);color:var(--gold);font-size:.68rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;white-space:nowrap}
tr:last-child td{border-bottom:0}
tr:nth-child(even) td{background:rgba(232,185,79,.03)}
table tr:hover td{background:rgba(232,185,79,.07)}
td.n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
td a{color:var(--text);font-weight:600}
td a:hover{color:var(--gold2)}
img.mi{width:22px;height:22px;vertical-align:-6px;margin-right:7px;image-rendering:pixelated;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.not{font-size:.76rem;color:var(--muted);margin:2px 0 10px;font-style:italic}
.footer{margin-top:28px;padding-top:12px;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted);text-align:center;letter-spacing:.5px}
.tablo-kaydir{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:6px}
table.kv th{width:220px}

/* acilir-kapanir bolum */
.bol{margin:22px 0 6px}
.bol>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:10px;
  border:1px solid var(--line);border-radius:10px;background:rgba(232,185,79,.05);
  font:800 .8rem Cinzel,serif;color:var(--gold);letter-spacing:2.5px;text-transform:uppercase;user-select:none}
.bol>summary::-webkit-details-marker{display:none}
.bol>summary::before{content:"\25B8";font-size:.9rem;transition:transform .15s;flex:none;color:var(--gold2)}
.bol[open]>summary::before{transform:rotate(90deg)}
.bol>summary:hover{background:rgba(232,185,79,.11)}
.bol .say{margin-left:auto;font:700 .72rem Inter,sans-serif;letter-spacing:0;text-transform:none;color:#1a1410;background:var(--gold);border-radius:999px;padding:2px 10px}

/* ana sayfa */
.hero-w{text-align:center;padding:22px 10px 8px}
.hero-w small{display:block;color:var(--gold);font:800 .7rem Cinzel,serif;letter-spacing:5px;margin-bottom:8px}
.hero-w h1{font-size:clamp(2rem,4vw,3rem)}
.hero-w .alt{font-size:.9rem;margin:8px 0 18px}
.kart{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 4px}
.kart a{display:block;padding:16px 16px 14px;background:var(--kutu);border:1px solid var(--line2);border-radius:12px;color:var(--text);transition:.18s}
.kart a:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.45);text-decoration:none}
.kart b{display:block;color:var(--gold2);font:800 .95rem Cinzel,serif;letter-spacing:.5px;margin-bottom:4px}
.kart span{font-size:.76rem;color:var(--muted)}
.ara,.suz{width:100%;padding:13px 16px;font-size:1rem;border:1px solid var(--line);border-radius:12px;background:var(--kutu);color:var(--text);font-family:inherit}
.ara:focus,.suz:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(232,185,79,.15)}
.suz{padding:9px 14px;font-size:.9rem;margin:4px 0 12px}
.sekme{display:flex;gap:8px;margin:14px 0 10px;flex-wrap:wrap}
.sekme button{padding:7px 16px;font:700 .8rem Inter,"Segoe UI",sans-serif;cursor:pointer;background:var(--kutu);color:var(--text);
     border:1px solid var(--line2);border-radius:999px;letter-spacing:.3px}
.sekme button.aktif{background:var(--gold);color:#1a1410;border-color:var(--gold)}
#sonuc{margin-top:8px;border:1px solid var(--line2);border-radius:12px;overflow:hidden}
#sonuc:empty{border:0}
#sonuc a{display:flex;align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid var(--line2);background:var(--kutu);color:var(--text)}
#sonuc a:last-child{border-bottom:0}
#sonuc a:hover{background:rgba(232,185,79,.08);text-decoration:none}
#sonuc img{width:30px;height:30px;image-rendering:pixelated;flex:none}
#sonuc .ad{flex:1;font-size:.9rem;font-weight:600}
#sonuc .et{font-size:.74rem;color:var(--muted);white-space:nowrap}
#durum{font-size:.8rem;color:var(--muted);margin:10px 0}

@media(max-width:900px){.kart{grid-template-columns:repeat(2,minmax(0,1fr))}.tepe{flex-wrap:wrap}.menu{order:3;width:100%}}
@media(max-width:600px){
  .sayfa{margin:10px;border-radius:12px;padding:18px 14px}
  .tepe{margin:10px 10px 0;padding:10px 12px}
  h1{font-size:1.4rem}
  .kart{grid-template-columns:1fr}
  th,td{padding:7px 8px;font-size:.8rem}
  .ust{gap:12px}.ikon{width:56px;height:56px;padding:7px}
}