/* ==========================================================================
   PengusCraft — ana stil dosyası
   Açık tema: beyaz zemin, açık mavi-turkuaz vurgular.
   Bütün sayfalar bu dosyayı kullanır.
   ========================================================================== */

:root{
  /* Renkler */
  --zemin:       #e3f4f6;
  --zemin-2:     #d2edf1;
  --kart:        #ffffff;
  --kart-acik:   #e9f7f9;
  --cizgi:       #c3e4ea;
  --cizgi-acik:  #a6d7df;

  --vurgu:       #16b8c6;
  --vurgu-acik:  #0a8f9c;
  --vurgu-koyu:  #0c7f8c;

  --yazi:        #10303d;
  --yazi-orta:   #3f6672;
  --yazi-soluk:  #6f97a1;

  /* Ölçüler */
  --en:          1080px;
  --yuvarlak:    12px;
  --yuvarlak-sm: 8px;
  --golge:       0 12px 32px rgba(16,58,74,.10);
  --gecis:       .2s ease;
}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
  margin:0;
  background:var(--zemin);
  color:var(--yazi);
  font:15px/1.65 "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

h1,h2,h3{line-height:1.25;margin:0 0 .6em;font-weight:700;letter-spacing:-.01em}
h1{font-size:clamp(1.7rem,3.2vw,2.35rem)}
h2{font-size:clamp(1.3rem,2.1vw,1.65rem)}
h3{font-size:1rem}
p{margin:0 0 1em}

.wrap{width:100%;max-width:var(--en);margin-inline:auto;padding-inline:24px}

/* ---------- Ortak parçalar --------------------------------------------- */

.bolum{padding-block:60px;position:relative}
.bolum.solgun{background:var(--zemin-2)}
.bolum + .bolum.solgun,
.bolum.solgun + .bolum{border-top:1px solid var(--cizgi)}

.bolum-bas{max-width:620px;margin:0 auto 38px;text-align:center}
.bolum-bas p{color:var(--yazi-orta);margin:0}

.etiket{
  display:inline-block;margin-bottom:14px;
  color:var(--vurgu);font-size:.76rem;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;
}

.dugme{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:13px 26px;border:1px solid transparent;border-radius:var(--yuvarlak-sm);
  font:inherit;font-size:.95rem;font-weight:600;cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
  white-space:nowrap;
}
.dugme.ana{background:var(--vurgu-koyu);color:#fff;border-color:var(--vurgu-koyu)}
.dugme.ana:hover{background:var(--vurgu);border-color:var(--vurgu);transform:translateY(-2px) scale(1.05);box-shadow:0 10px 22px rgba(20,184,196,.32)}
.dugme.ana:active{transform:translateY(0) scale(.98)}
.dugme.cam{background:transparent;color:var(--yazi);border-color:var(--cizgi-acik)}
.dugme.cam:hover{border-color:var(--vurgu);color:var(--vurgu-acik);background:var(--kart-acik);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 18px rgba(20,184,196,.18)}
.dugme.cam:active{transform:translateY(0) scale(.98)}
.dugme.buyuk{padding:16px 34px;font-size:1rem}
.dugme svg{width:18px;height:18px;flex:none}

/* ---------- Üst bar ----------------------------------------------------- */

.duyuru{
  background:var(--kart);
  border-bottom:1px solid var(--cizgi);
  color:var(--yazi-orta);text-align:center;
  padding:10px 16px;font-size:.86rem;
}
.duyuru b{color:var(--vurgu-acik);font-weight:600}

.ust{
  position:sticky;top:0;z-index:60;
  background:rgba(255,255,255,.85);
  border-bottom:1px solid var(--cizgi);
  backdrop-filter:blur(12px);
}

.menu{display:flex;align-items:center;gap:14px;height:62px}

.marka{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.08rem;white-space:nowrap}
.marka img{width:34px;height:34px;border-radius:7px}
.marka .ad span{color:var(--vurgu)}

.baglantilar{display:flex;align-items:center;gap:2px;margin-left:auto}
.baglantilar a{
  padding:9px 11px;border-radius:6px;font-size:.89rem;white-space:nowrap;
  color:var(--yazi-orta);transition:var(--gecis);
}
.baglantilar a:hover{color:var(--yazi)}
.baglantilar a.aktif{color:var(--vurgu-acik);font-weight:600}
.baglantilar a.cta{
  background:var(--vurgu-koyu);color:#fff;margin-left:10px;font-weight:600;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.baglantilar a.cta:hover{background:var(--vurgu);color:#fff;transform:translateY(-2px) scale(1.06);box-shadow:0 8px 18px rgba(20,184,196,.3)}

/* Giriş / hesap bağlantısı — menüden ayrılsın diye çerçeveli */
.baglantilar a.hesap{
  margin-left:10px;font-weight:600;color:var(--yazi);
  border:1px solid var(--cizgi-acik);
  transition:transform .18s ease, border-color .18s ease, color .18s ease;
}
.baglantilar a.hesap:hover{border-color:var(--vurgu);color:var(--vurgu-acik);transform:translateY(-2px)}

/* Oyuncu adinin yanindaki kucuk kafa */
.baglantilar a.hesap{display:inline-flex;align-items:center;gap:7px}
.kafa-ikon{
  width:20px;height:20px;flex:0 0 20px;border-radius:3px;
  background-repeat:no-repeat;background-size:cover;
  image-rendering:pixelated;
}
/* skin dosyasindan yalnizca yuz karesi (8,8 - 16x16 birim) */
.kafa-ikon.kirp{background-size:160px 160px;background-position:-20px -20px}

.menu-btn{
  display:none;margin-left:auto;
  background:none;border:1px solid var(--cizgi-acik);border-radius:6px;
  color:var(--yazi);font-size:1.2rem;padding:6px 12px;cursor:pointer;
}

/* ---------- Giriş bölümü ------------------------------------------------ */

.hero{
  position:relative;
  display:flex;align-items:center;
  min-height:480px;
  background-size:cover;background-position:center;
}
.hero::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(224,248,250,.5) 0%, rgba(235,251,252,.72) 55%, var(--zemin) 100%);
}
.hero-ic{
  position:relative;z-index:2;
  width:100%;max-width:720px;
  margin-inline:auto;padding:64px 24px;text-align:center;
}
.hero h1{margin-bottom:20px}
.hero h1 em{color:var(--vurgu-acik);font-style:normal}
.slogan{
  font-size:clamp(1rem,1.6vw,1.12rem);color:var(--yazi-orta);
  max-width:560px;margin:0 auto 32px;
}
.hero-butonlar{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* Sunucu durumu — sade satır */
.rozet-durum{
  display:inline-flex;align-items:center;gap:9px;
  padding:7px 16px;margin-bottom:24px;
  border:1px solid var(--cizgi-acik);border-radius:6px;
  background:rgba(255,255,255,.7);
  font-size:.85rem;color:var(--yazi-orta);
}
.nokta{width:8px;height:8px;border-radius:50%;background:var(--yazi-soluk);flex:none}
.rozet-durum.acik .nokta{background:#3fbf7f}
.rozet-durum.kapali .nokta{background:#d96b6b}

/* ---------- Kartlar ----------------------------------------------------- */

.izgara{display:grid;gap:16px}
.izgara.uc{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.izgara.iki{grid-template-columns:repeat(2,1fr)}
@media (max-width:720px){.izgara.iki{grid-template-columns:1fr}}

.kart{
  background:var(--kart);border:1px solid var(--cizgi);
  border-radius:var(--yuvarlak);padding:22px 22px;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
.kart:hover{border-color:var(--vurgu);background:var(--kart-acik);transform:translateY(-4px);box-shadow:0 14px 28px rgba(20,184,196,.14)}
.kart h3{margin:0 0 8px}
.kart p{color:var(--yazi-orta);margin:0;font-size:.94rem}

.oyuncu-kart{
  background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--yuvarlak-sm);
  padding:14px 8px;text-align:center;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.oyuncu-kart:hover{border-color:var(--vurgu);background:var(--kart-acik);transform:translateY(-3px);box-shadow:0 10px 20px rgba(20,184,196,.16)}

/* ---------- kayan oyuncu şeridi (son kayıt olanlar) ---------- */
.oyuncu-serit{
  height:380px;overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
  mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);
}
.oyuncu-serit-kol{display:flex;flex-direction:column;gap:14px;animation:oyuncuKayUp 12s linear infinite}
.oyuncu-serit-kol.asagi{animation-name:oyuncuKayAsagi}
.oyuncu-serit-kol.yavas{animation-duration:16s}
@keyframes oyuncuKayUp{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes oyuncuKayAsagi{from{transform:translateY(-50%)}to{transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){
  .oyuncu-serit-kol{animation:none}
}
.oyuncu-serit-bos{
  height:220px;display:flex;align-items:center;justify-content:center;text-align:center;
  background:var(--kart);border:2px dashed var(--cizgi);border-radius:var(--yuvarlak);padding:30px;
}
@media (max-width:880px){.oyuncu-serit{height:280px}}
.oyuncu-kafa{
  display:block;width:44px;height:44px;border-radius:9px;margin:0 auto 8px;
  background-color:var(--zemin-2);background-repeat:no-repeat;background-size:cover;background-position:center;
  image-rendering:pixelated;
}
/* yerel skin dosyasindan yalnizca on yuz karesi (skin(8,8) 8x8 birim);
   64px'lik skin dosyasi 44px kutuyu doldursun diye 5.5x buyutuluyor. */
.oyuncu-kafa.kirp{background-size:352px 352px;background-position:-44px -44px}
.oyuncu-kart b{font-size:.78rem;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Çizgi ikon */
.ikon{
  width:36px;height:36px;margin-bottom:14px;
  display:grid;place-items:center;
  border:1px solid var(--cizgi-acik);border-radius:var(--yuvarlak-sm);
  color:var(--vurgu);
}
.ikon svg{width:18px;height:18px}

/* ---------- İkili anlatım ----------------------------------------------- */

.ikili{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.ikili img{border-radius:var(--yuvarlak);border:1px solid var(--cizgi)}
.ikili p{color:var(--yazi-orta)}

/* ---------- Numaralı adımlar -------------------------------------------- */

.adimlar{counter-reset:adim;display:grid;gap:1px;max-width:740px;margin-inline:auto;
  background:var(--cizgi);border:1px solid var(--cizgi);border-radius:var(--yuvarlak);overflow:hidden}
.adim{
  display:flex;gap:18px;align-items:flex-start;
  background:var(--kart);padding:20px 22px;
}
.adim::before{
  counter-increment:adim;content:counter(adim);
  flex:none;width:30px;height:30px;border-radius:50%;
  display:grid;place-items:center;font-size:.9rem;font-weight:700;
  border:1px solid var(--vurgu-koyu);color:var(--vurgu-acik);
}
.adim h3{margin:0 0 5px;font-size:1.02rem}
.adim p{margin:0;color:var(--yazi-orta);font-size:.93rem}

/* ---------- Sunucu adresi kutusu ---------------------------------------- */

.ip-kutu{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center;
  max-width:540px;margin:0 auto;padding:18px 22px;
  background:var(--kart);border:1px solid var(--cizgi);
  border-radius:var(--yuvarlak);
}
.ip-kutu .etiket-kucuk{color:var(--yazi-soluk);font-size:.84rem}
.ip-kutu code{
  font-size:1.1rem;font-weight:600;color:var(--vurgu-acik);
  font-family:ui-monospace,Consolas,monospace;
}

/* ---------- Metin sayfaları --------------------------------------------- */

.sayfa-bas{
  padding:54px 0 42px;text-align:center;
  background:var(--zemin-2);border-bottom:1px solid var(--cizgi);
}
.sayfa-bas h1{margin-bottom:14px}
.sayfa-bas p{color:var(--yazi-orta);max-width:600px;margin:0 auto}

.metin{max-width:800px;margin-inline:auto}
.metin h2{
  margin-top:38px;padding-bottom:12px;
  border-bottom:1px solid var(--cizgi);font-size:1.35rem;
}
.metin h2:first-child{margin-top:0}
.metin ul,.metin ol{padding-left:20px;color:var(--yazi-orta)}
.metin li{margin-bottom:12px}
.metin li b{color:var(--yazi);font-weight:600}

.uyari{
  border:1px solid var(--cizgi-acik);border-left:3px solid var(--vurgu);
  background:var(--kart);
  padding:18px 22px;border-radius:var(--yuvarlak-sm);
  margin:26px 0;font-size:.94rem;color:var(--yazi-orta);
}
.uyari b{color:var(--yazi);font-weight:600}

/* Yardım konusu satırları (SSS yerine düz liste) */
.konular{display:grid;gap:1px;background:var(--cizgi);
  border:1px solid var(--cizgi);border-radius:var(--yuvarlak);overflow:hidden;
  max-width:820px;margin-inline:auto}
.konu{background:var(--kart);padding:22px 26px}
.konu h3{margin:0 0 6px;font-size:1rem;color:var(--yazi)}
.konu p{margin:0;color:var(--yazi-orta);font-size:.93rem}

/* ---------- Formlar ------------------------------------------------------ */

.form{
  max-width:600px;margin-inline:auto;
  background:var(--kart);border:1px solid var(--cizgi);
  border-radius:var(--yuvarlak);padding:28px;
}
.alan{margin-bottom:18px}
.alan label{display:block;margin-bottom:8px;font-weight:600;font-size:.9rem}
.alan .ipucu{display:block;font-weight:400;color:var(--yazi-soluk);font-size:.83rem;margin-top:4px;line-height:1.5}
.alan input,.alan select,.alan textarea{
  width:100%;padding:12px 14px;
  background:var(--zemin);color:var(--yazi);
  border:1px solid var(--cizgi-acik);border-radius:var(--yuvarlak-sm);
  font:inherit;font-size:.94rem;transition:var(--gecis);
}
.alan textarea{min-height:130px;resize:vertical}
.alan input::placeholder,.alan textarea::placeholder{color:var(--yazi-soluk)}
.alan input:focus,.alan select:focus,.alan textarea:focus{
  outline:none;border-color:var(--vurgu);
}
.form .dugme{width:100%}
.form-not{
  margin:18px 0 0;padding:14px 16px;border-radius:var(--yuvarlak-sm);
  font-size:.9rem;display:none;
}
.form-not.ok{display:block;background:rgba(63,191,127,.08);border:1px solid rgba(63,191,127,.3);color:#7fd8a8}
.form-not.hata{display:block;background:rgba(217,107,107,.08);border:1px solid rgba(217,107,107,.3);color:#e79a9a}

/* ---------- Mağaza ------------------------------------------------------- */

.paketler{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.paket{
  position:relative;display:flex;flex-direction:column;
  background:var(--kart);border:1px solid var(--cizgi);
  border-radius:var(--yuvarlak);padding:32px 28px;transition:var(--gecis);
}
.paket:hover{border-color:var(--cizgi-acik)}
.paket.one-cikan{border-color:var(--vurgu-koyu)}
.paket .rozet{
  position:absolute;top:-1px;right:-1px;
  padding:5px 12px;border-radius:0 var(--yuvarlak) 0 var(--yuvarlak-sm);
  font-size:.72rem;font-weight:600;letter-spacing:.04em;
  background:var(--vurgu-koyu);color:#fff;
}
.paket .ad-p{font-size:1.2rem;font-weight:700;margin-bottom:6px}
.paket .aciklama{color:var(--yazi-soluk);font-size:.88rem;margin:0}
.paket .fiyat{font-size:1.9rem;font-weight:700;color:var(--yazi);margin:18px 0 22px}
.paket .fiyat small{font-size:.8rem;font-weight:400;color:var(--yazi-soluk)}
.paket ul{list-style:none;padding:0;margin:0 0 26px;flex:1}
.paket li{
  padding:9px 0 9px 22px;position:relative;
  color:var(--yazi-orta);font-size:.92rem;border-top:1px solid var(--cizgi);
}
.paket li:first-child{border-top:0}
.paket li::before{
  content:"";position:absolute;left:0;top:17px;
  width:7px;height:7px;border-radius:50%;
  border:1.5px solid var(--vurgu);
}

/* ---------- Launcher indirme -------------------------------------------- */

.indir-kutu{
  max-width:600px;margin:0 auto;text-align:center;
  background:var(--kart);border:1px solid var(--cizgi);
  border-radius:var(--yuvarlak);padding:44px 34px;
}
.indir-kutu img{width:68px;height:68px;margin:0 auto 20px;border-radius:14px}
.indir-kutu h2{font-size:1.35rem;margin-bottom:8px}
.surum-bilgi{
  display:flex;gap:0;justify-content:center;flex-wrap:wrap;
  margin:24px auto 28px;max-width:440px;
  border:1px solid var(--cizgi);border-radius:var(--yuvarlak-sm);
  overflow:hidden;
}
.surum-bilgi span{
  flex:1 1 auto;padding:10px 14px;
  background:var(--zemin);border-right:1px solid var(--cizgi);
  color:var(--yazi-orta);font-size:.83rem;white-space:nowrap;
}
.surum-bilgi span:last-child{border-right:0}

/* ---------- Alt bilgi ---------------------------------------------------- */

.alt{background:var(--zemin-2);border-top:1px solid var(--cizgi);padding:46px 0 22px}
.alt-izgara{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:44px}
.alt-izgara h4{
  margin:0 0 16px;font-size:.76rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--yazi-soluk);font-weight:700;
}
.alt-izgara p{color:var(--yazi-orta);font-size:.9rem}
.alt-izgara ul{list-style:none;padding:0;margin:0}
.alt-izgara li{margin-bottom:10px}
.alt-izgara li a{color:var(--yazi-orta);font-size:.91rem;transition:var(--gecis)}
.alt-izgara li a:hover{color:var(--vurgu-acik)}
.adres{color:var(--vurgu-acik);font-family:ui-monospace,Consolas,monospace;font-size:.92rem}
.telif{
  margin-top:44px;padding-top:22px;border-top:1px solid var(--cizgi);
  text-align:center;color:var(--yazi-soluk);font-size:.83rem;
}

/* ---------- Yumuşak giriş ------------------------------------------------ */

.gir{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
.gir.gorundu{opacity:1;transform:none}

/* ---------- Mobil -------------------------------------------------------- */

@media (max-width:880px){
  .ikili{grid-template-columns:1fr;gap:34px}
  .alt-izgara{grid-template-columns:1fr;gap:34px}
}

@media (max-width:760px){
  .bolum{padding-block:46px}
  .menu-btn{display:block}
  .baglantilar{
    display:none;position:absolute;top:100%;left:0;right:0;
    flex-direction:column;align-items:stretch;gap:2px;
    padding:12px;margin:0;
    background:var(--zemin-2);border-bottom:1px solid var(--cizgi);
  }
  .baglantilar.acik{display:flex}
  .baglantilar a{padding:13px 14px}
  .baglantilar a.cta{margin:6px 0 0;text-align:center}
  .hero{min-height:440px}
  .form{padding:26px 22px}
  .surum-bilgi span{flex:1 1 50%;border-bottom:1px solid var(--cizgi)}
}

@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important}
  .gir{opacity:1;transform:none}
}

/* ==========================================================================
   Destek talepleri ve yazışma
   ========================================================================== */

/* Durum rozetleri */
.durum{
  flex:none;padding:5px 12px;border-radius:999px;
  font-size:.74rem;font-weight:700;letter-spacing:.03em;white-space:nowrap;
}
.durum.mavi {background:rgba(20,184,196,.14); color:var(--vurgu-acik)}
.durum.yesil{background:rgba(63,191,127,.14); color:#6fd3a0}
.durum.sari {background:rgba(224,180,74,.14); color:#e0b44a}
.durum.gri  {background:rgba(128,147,173,.14);color:var(--yazi-soluk)}

/* Talep listesi */
.talep-liste{
  display:grid;gap:1px;background:var(--cizgi);
  border:1px solid var(--cizgi);border-radius:var(--yuvarlak);overflow:hidden;
}
.talep-satir{
  display:flex;align-items:center;gap:16px;
  background:var(--kart);padding:16px 20px;transition:var(--gecis);
}
a.talep-satir:hover{background:var(--kart-acik)}
.talep-satir.okunmamis{border-left:3px solid var(--vurgu);padding-left:17px}
.talep-baslik{flex:1;min-width:0;font-weight:600;font-size:.95rem}
.talep-baslik small{
  display:block;margin-top:4px;font-weight:400;
  color:var(--yazi-soluk);font-size:.82rem;
}
.talep-zaman{flex:none;color:var(--yazi-soluk);font-size:.82rem;white-space:nowrap}

.yeni-nokta{
  display:inline-block;width:7px;height:7px;border-radius:50%;
  background:var(--vurgu);margin-left:7px;vertical-align:middle;
}

/* Talep başlığı kutusu */
.talep-ust{
  background:var(--kart);border:1px solid var(--cizgi);
  border-radius:var(--yuvarlak);padding:24px;margin:20px 0 24px;
}
.talep-ust-bas{display:flex;align-items:center;gap:12px}

/* Mesajlar */
.mesajlar{display:grid;gap:14px}
.mesaj{
  background:var(--kart);border:1px solid var(--cizgi);
  border-radius:var(--yuvarlak);padding:18px 20px;
}
.mesaj.yetkili{
  background:var(--kart-acik);
  border-color:var(--vurgu-koyu);
}
.mesaj-bas{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.mesaj-bas strong{font-size:.92rem}
.rozet-yetkili{
  padding:3px 9px;border-radius:999px;font-size:.68rem;font-weight:700;
  background:var(--vurgu-koyu);color:#fff;letter-spacing:.04em;
}
.mesaj-zaman{margin-left:auto;color:var(--yazi-soluk);font-size:.8rem}
.mesaj-govde{font-size:.94rem;line-height:1.65;word-break:break-word}
.mesaj-kanit{
  display:inline-block;margin-top:12px;font-size:.86rem;
  color:var(--vurgu-acik);text-decoration:underline;
}

.sistem-mesaj{
  text-align:center;color:var(--yazi-soluk);font-size:.83rem;
  padding:6px 0;
}

/* Filtre şeridi */
.suzgecler{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.suzgecler a{
  padding:8px 16px;border:1px solid var(--cizgi-acik);
  border-radius:var(--yuvarlak-sm);font-size:.88rem;color:var(--yazi-orta);
  transition:var(--gecis);
}
.suzgecler a:hover{border-color:var(--vurgu);color:var(--yazi)}
.suzgecler a.etkin{background:var(--vurgu-koyu);border-color:var(--vurgu-koyu);color:#fff}

@media (max-width:620px){
  .talep-satir{flex-wrap:wrap;gap:10px}
  .talep-zaman{width:100%}
}

/* Menüdeki okunmamış talep sayacı */
.baglantilar .sayac{
  display:inline-block;min-width:18px;padding:1px 6px;margin-left:5px;
  border-radius:999px;background:var(--vurgu-koyu);color:#fff;
  font-size:.72rem;font-weight:700;text-align:center;line-height:1.5;
}

/* ==========================================================================
   Görsel katmanlar ve dekoratif öğeler
   ========================================================================== */

.hero{overflow:hidden}
.hero::after{z-index:0}
.hero-ic{z-index:2}

/* Bölüm arası ince ayraç deseni */
.ayrac{
  height:2px;width:100%;
  background:linear-gradient(90deg,
    transparent, var(--cizgi-acik) 20%, var(--vurgu-koyu) 50%,
    var(--cizgi-acik) 80%, transparent);
  opacity:.5;
}

/* Blok dokusu — bölüm arka planlarına derinlik verir */
.desenli{position:relative}
.desenli::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(20,184,196,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20,184,196,.045) 1px, transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(ellipse at 50% 40%, #000 20%, transparent 75%);
  -webkit-mask-image:radial-gradient(ellipse at 50% 40%, #000 20%, transparent 75%);
}
.desenli > *{position:relative;z-index:1}

/* Görselli tanıtım bloğu */
.gorsel-cerceve{
  position:relative;border-radius:var(--yuvarlak);
  border:1px solid var(--cizgi);background:var(--kart);
  padding:18px;overflow:hidden;
}
.gorsel-cerceve::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse at 70% 0%, rgba(20,184,196,.12), transparent 60%);
}
.gorsel-cerceve img,
.gorsel-cerceve svg{width:100%;height:auto;display:block;border-radius:8px}

/* Maskot */
.maskot{
  width:120px;height:auto;margin:0 auto 22px;
  filter:drop-shadow(0 10px 24px rgba(16,58,74,.20));
}
.maskot.kucuk{width:76px;margin-bottom:16px}

/* Kartlara üst aksan çizgisi */
.kart.aksanli{position:relative;overflow:hidden}
.kart.aksanli::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg, var(--vurgu-koyu), var(--vurgu), transparent);
  opacity:.75;
}

/* Sayı vurgusu (istatistik şeridi) */
.serit{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:1px;background:var(--cizgi);
  border:1px solid var(--cizgi);border-radius:var(--yuvarlak);overflow:hidden;
}
.serit .kutu{background:var(--kart);padding:26px 20px;text-align:center}
.serit .buyuk{
  font-size:1.9rem;font-weight:700;color:var(--vurgu-acik);
  line-height:1;font-variant-numeric:tabular-nums;
}
.serit .alt{color:var(--yazi-soluk);font-size:.86rem;margin-top:8px}

@media (max-width:760px){
  .maskot{width:96px}
}

/* Launcher hediyesi kutusu */
.hediye{
  display:flex;gap:20px;align-items:flex-start;
  max-width:600px;margin:24px auto 0;padding:24px 26px;
  background:var(--kart-acik);
  border:1px solid var(--vurgu-koyu);border-radius:var(--yuvarlak);
}
.hediye-ikon{
  flex:none;width:44px;height:44px;border-radius:10px;
  display:grid;place-items:center;color:var(--vurgu-acik);
  background:rgba(20,184,196,.1);border:1px solid var(--vurgu-koyu);
}
.hediye-ikon svg{width:22px;height:22px}
.hediye h3{margin:0 0 6px;font-size:1.02rem}
.hediye p{margin:0;color:var(--yazi-orta);font-size:.93rem}
@media (max-width:560px){ .hediye{flex-direction:column;gap:14px} }

/* İndirme kutusundaki imzasız dosya (SmartScreen) uyarısı */
.uyari-indir{
  margin:22px 0 0;padding:16px 18px;text-align:left;
  background:var(--zemin);border-left-color:#e0a44a;
}
.uyari-indir h3{
  display:flex;align-items:center;gap:7px;
  margin:0 0 8px;font-size:.95rem;color:var(--yazi);
}
.uyari-indir h3 svg{flex:none;width:15px;height:15px;color:#e0a44a}
.uyari-indir p{margin:0 0 8px;font-size:.89rem;line-height:1.6}
.uyari-indir ol{margin:0;padding-left:18px}
.uyari-indir li{margin-bottom:4px;font-size:.89rem;line-height:1.55}
.uyari-indir .uyari-not{
  margin:12px 0 0;padding-top:10px;
  border-top:1px solid var(--cizgi);
  font-size:.83rem;color:var(--yazi-soluk);
}
.uyari-indir .uyari-not b{color:var(--yazi-orta)}

/* ==========================================================================
   Arka plan atmosferi — sayfanın boş durmasını engelleyen katmanlar
   ========================================================================== */

/* Sayfa geneline sabit, çok yavaş hareket eden ışık bulutları */
body::before{
  content:"";position:fixed;inset:-20% -10%;z-index:-2;pointer-events:none;
  background:
    radial-gradient(46% 38% at 14% 18%, rgba(20,184,196,.26), transparent 70%),
    radial-gradient(40% 34% at 86% 12%, rgba(255,196,120,.16), transparent 70%),
    radial-gradient(44% 36% at 84% 50%, rgba(20,184,196,.18), transparent 70%),
    radial-gradient(50% 40% at 20% 88%, rgba(120,205,255,.22), transparent 72%);
  animation:atmosfer 34s ease-in-out infinite alternate;
}

/* İnce blok dokusu — bütün sayfada, çok soluk */
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:
    linear-gradient(rgba(20,184,196,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20,184,196,.05) 1px, transparent 1px);
  background-size:64px 64px;
}

@keyframes atmosfer{
  0%   { transform:translate3d(0,0,0)      scale(1); }
  50%  { transform:translate3d(2%,-1.5%,0) scale(1.06); }
  100% { transform:translate3d(-1.5%,1%,0) scale(1.02); }
}

/* Bölümlerin zemini artık saydam: atmosfer katmanı görünsün */
.bolum.solgun{background:rgba(255,255,255,.55)}
.sayfa-bas{background:rgba(255,255,255,.55)}
.alt{background:rgba(255,255,255,.75)}

/* Kartlar hafif saydam cam etkisi */
.kart{background:rgba(255,255,255,.82);backdrop-filter:blur(2px)}
.kart:hover{background:rgba(240,250,251,.95)}
.adim{background:rgba(255,255,255,.82)}
.form{background:rgba(255,255,255,.85)}
.talep-satir{background:rgba(255,255,255,.85)}
.konu{background:rgba(255,255,255,.85)}

/* Bölüm başlıklarının arkasına yumuşak ışık */
.bolum-bas{position:relative}
.bolum-bas::before{
  content:"";position:absolute;left:50%;top:-40%;transform:translateX(-50%);
  width:420px;height:200px;pointer-events:none;z-index:-1;
  background:radial-gradient(ellipse, rgba(20,184,196,.10), transparent 70%);
}

@media (prefers-reduced-motion:reduce){
  body::before{animation:none}
}

/* ==========================================================================
   Hesap sayfası
   ========================================================================== */

.hesap-duzen{
  display:grid;grid-template-columns:290px 1fr;gap:20px;align-items:start;
}
.hesap-yan,.hesap-ana{display:grid;gap:20px}

.yan-kart{
  background:rgba(255,255,255,.85);
  border:1px solid var(--cizgi);border-radius:var(--yuvarlak);
  padding:20px 22px;
}
.yan-baslik{margin:0;font-size:.98rem;font-weight:700}

.kart-bas{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;margin-bottom:14px;
}
.kart-bas .bag{
  color:var(--vurgu-acik);font-size:.85rem;font-weight:600;white-space:nowrap;
}
.kart-bas .bag:hover{text-decoration:underline}

/* ---------- oyuncu kartı ---------- */
.oyuncu-kart{text-align:center;padding:26px 22px}

.avatar{
  width:130px;height:150px;margin:0 auto 16px;
  display:grid;place-items:center;
  background:
    radial-gradient(ellipse at 50% 78%, rgba(20,184,196,.14), transparent 62%),
    var(--zemin);
  border:1px solid var(--cizgi-acik);
  border-radius:var(--yuvarlak);overflow:hidden;
}
.avatar img[src$=".svg"]{width:84px;height:auto}
/* ---------- Minecraft skin görüntüsü ----------
   Skin dosyasındaki parçalar (kafa, gövde, kollar, bacaklar) tek tek
   kırpılıp üst üste dizilerek karakter oluşturulur.
   Ölçek: 1 skin pikseli = 4 ekran pikseli (64px skin -> 256px). */
.skin-govde{
  position:relative;width:64px;height:128px;
  image-rendering:pixelated;
}
.skin-govde .p{
  position:absolute;display:block;
  background-image:var(--skin);
  background-repeat:no-repeat;
  background-size:256px 256px;
  image-rendering:pixelated;
}
/* kafa: skin(8,8) 8x8 */
.skin-govde .kafa     { left:16px; top:0;    width:32px; height:32px; background-position:-32px -32px }
/* gövde: skin(20,20) 8x12 */
.skin-govde .bagir    { left:16px; top:32px; width:32px; height:48px; background-position:-80px -80px }
/* sağ kol: skin(44,20) 4x12 */
.skin-govde .kol-sag  { left:0;    top:32px; width:16px; height:48px; background-position:-176px -80px }
/* sol kol: skin(36,52) 4x12 */
.skin-govde .kol-sol  { left:48px; top:32px; width:16px; height:48px; background-position:-144px -208px }
/* sağ bacak: skin(4,20) 4x12 */
.skin-govde .bacak-sag{ left:16px; top:80px; width:16px; height:48px; background-position:-16px -80px }
/* sol bacak: skin(20,52) 4x12 */
.skin-govde .bacak-sol{ left:32px; top:80px; width:16px; height:48px; background-position:-80px -208px }

/* Eski 64x32 skinlerde sol uzuvlar yoktur: sağdakinin aynası kullanılır */
.skin-govde.eski .kol-sol  { background-position:-176px -80px; transform:scaleX(-1) }
.skin-govde.eski .bacak-sol{ background-position:-16px -80px;  transform:scaleX(-1) }

/* mc-heads üzerinden gelen hazır render */
.skin-uzak{
  width:auto;height:118px;image-rendering:pixelated;
  filter:drop-shadow(0 6px 12px rgba(16,58,74,.20));
}

.oyuncu-ad{font-size:1.15rem;margin:0 0 5px;word-break:break-word}
.uyelik{margin:0 0 14px;color:var(--yazi-soluk);font-size:.83rem}

.rol-rozet{
  display:inline-block;padding:5px 14px;border-radius:999px;
  font-size:.76rem;font-weight:700;letter-spacing:.03em;
  background:rgba(128,147,173,.14);color:var(--yazi-orta);
}
.rol-rozet.yetkili {background:rgba(20,184,196,.15); color:var(--vurgu-acik)}
.rol-rozet.yonetici{background:rgba(224,163,74,.15); color:#e0a34a}

/* ---------- hesap menüsü ---------- */
.yan-liste{list-style:none;padding:0;margin:14px 0 0}
.yan-liste li + li{border-top:1px solid var(--cizgi)}

.yan-satir{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:13px 2px;background:none;border:0;cursor:pointer;
  font:inherit;font-size:.9rem;color:var(--yazi);text-align:left;
  transition:var(--gecis);
}
.yan-satir:hover{color:var(--vurgu-acik)}
.yan-satir .deger{
  color:var(--yazi-soluk);font-size:.83rem;
  max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.yan-satir.acik{color:var(--vurgu-acik)}
.yan-satir.cikis{color:#d98080}
.yan-satir.cikis:hover{color:#e79a9a}
.yan-satir .ok{color:inherit;opacity:.7}

.yan-form{
  margin-top:14px;padding-top:16px;border-top:1px solid var(--cizgi);
}
.yan-form label{display:block;margin-bottom:7px;font-size:.85rem;font-weight:600}
.yan-form input{
  width:100%;padding:10px 12px;margin-bottom:12px;
  background:var(--zemin);color:var(--yazi);
  border:1px solid var(--cizgi-acik);border-radius:var(--yuvarlak-sm);
  font:inherit;font-size:.9rem;
}
.yan-form input:focus{outline:none;border-color:var(--vurgu)}
.yan-form .dugme{width:100%;padding:10px 18px;font-size:.88rem}

/* ---------- mini listeler ---------- */
.mini-liste{list-style:none;padding:0;margin:0}
.mini-liste li + li{border-top:1px solid var(--cizgi)}
.mini-liste a{
  display:flex;align-items:center;gap:12px;
  padding:13px 2px;font-size:.92rem;transition:var(--gecis);
}
.mini-liste a:hover{color:var(--vurgu-acik)}
.mini-baslik{
  flex:1;min-width:0;font-weight:600;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.mini-zaman{flex:none;color:var(--yazi-soluk);font-size:.81rem}

.isaret{
  flex:none;width:8px;height:8px;border-radius:50%;background:var(--yazi-soluk);
}
.isaret.mavi {background:var(--vurgu)}
.isaret.yesil{background:#3fbf7f}
.isaret.sari {background:#e0b44a}
.isaret.gri  {background:var(--yazi-soluk)}

.bos-not{margin:0;color:var(--yazi-soluk);font-size:.9rem}

/* ---------- sunucu adresi satırı ---------- */
.ip-satir{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding:12px 14px;background:var(--zemin);
  border:1px solid var(--cizgi);border-radius:var(--yuvarlak-sm);
}
.ip-satir code{
  font-family:ui-monospace,Consolas,monospace;
  font-size:.92rem;color:var(--vurgu-acik);font-weight:600;
}

@media (max-width:820px){
  .hesap-duzen{grid-template-columns:1fr}
}

/* ==========================================================================
   Cezalar ve sicil
   ========================================================================== */

.ceza-arac{
  display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:18px;
}
.ceza-ara{flex:1;min-width:220px;max-width:300px}
.ceza-ara input{
  width:100%;padding:10px 14px;
  background:var(--kart);color:var(--yazi);
  border:1px solid var(--cizgi-acik);border-radius:var(--yuvarlak-sm);
  font:inherit;font-size:.9rem;
}
.ceza-ara input:focus{outline:none;border-color:var(--vurgu)}

.yetkili-serit{
  display:flex;gap:10px;align-items:center;flex-wrap:wrap;
  margin-bottom:16px;font-size:.85rem;color:var(--yazi-soluk);
}
.yetkili-serit a{color:var(--vurgu-acik);font-weight:600}
.yetkili-serit a:hover{text-decoration:underline}

/* ---------- tablo ---------- */
.tablo-sar{
  overflow-x:auto;
  border:1px solid var(--cizgi);border-radius:var(--yuvarlak);
  background:rgba(255,255,255,.85);
}
.ceza-tablo{width:100%;border-collapse:collapse;font-size:.9rem;min-width:760px}
.ceza-tablo th{
  text-align:left;padding:13px 16px;
  font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--yazi-soluk);border-bottom:1px solid var(--cizgi);
}
.ceza-tablo td{padding:12px 16px;border-bottom:1px solid var(--cizgi)}
.ceza-tablo tr:last-child td{border-bottom:0}
.ceza-tablo tbody tr:hover{background:rgba(20,184,196,.04)}
.ceza-tablo tr.solmus td{opacity:.5}

.ceza-tablo .sebep{color:var(--yazi-orta)}
.ceza-tablo .uygulayan{color:var(--vurgu-acik);font-weight:600}
.ceza-tablo .tarih{color:var(--yazi-soluk);white-space:nowrap;font-size:.85rem}

/* ceza türü rozeti */
.ceza-tur{
  display:inline-block;padding:4px 11px;border-radius:6px;
  font-size:.75rem;font-weight:700;white-space:nowrap;
}
.ceza-tur.yasak   {background:rgba(217,107,107,.15); color:#e79a9a}
.ceza-tur.susturma{background:rgba(224,163,74,.15);  color:#e0a34a}
.ceza-tur.uyari   {background:rgba(224,196,74,.13);  color:#dcc45a}
.ceza-tur.atilma  {background:rgba(128,147,173,.15); color:var(--yazi-orta)}

.durum.kirmizi{background:rgba(217,107,107,.14);color:#e79a9a}

/* oyuncu hücresi */
.oyuncu-hucre{display:flex;align-items:center;gap:10px}
a.oyuncu-hucre:hover b{color:var(--vurgu-acik)}
.kafa{
  flex:none;width:24px;height:24px;border-radius:4px;
  image-rendering:pixelated;background:var(--zemin);
}
.kafa.buyuk{width:56px;height:56px;border-radius:8px}

/* ---------- sayfalama ---------- */
.sayfalama{
  display:flex;align-items:center;justify-content:center;gap:18px;
  margin-top:22px;font-size:.9rem;color:var(--yazi-soluk);
}
.sayfalama a{color:var(--vurgu-acik);font-weight:600}
.sayfalama a:hover{text-decoration:underline}

/* ---------- sicil ---------- */
.sicil-bas{
  display:flex;align-items:center;gap:16px;
  margin:20px 0 22px;padding:20px 22px;
  background:rgba(255,255,255,.85);
  border:1px solid var(--cizgi);border-radius:var(--yuvarlak);
}

.sicil-liste{display:grid;gap:12px}
.sicil-satir{
  background:rgba(255,255,255,.85);
  border:1px solid var(--cizgi);border-radius:var(--yuvarlak);
  padding:18px 20px;
}
.sicil-satir.solmus{opacity:.62}
.sicil-ust{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.sicil-tarih{margin-left:auto;color:var(--yazi-soluk);font-size:.83rem}
.sicil-sebep{margin:0 0 10px;font-size:.95rem}
.sicil-alt{
  display:flex;gap:18px;flex-wrap:wrap;
  color:var(--yazi-soluk);font-size:.84rem;
}
.sicil-alt b{color:var(--yazi-orta)}
.sicil-kaldirma{
  margin-top:12px;padding-top:12px;border-top:1px solid var(--cizgi);
  color:var(--yazi-soluk);font-size:.85rem;
}
.sicil-islem{
  display:flex;gap:10px;flex-wrap:wrap;
  margin-top:14px;padding-top:14px;border-top:1px solid var(--cizgi);
}
.sicil-islem input{
  flex:1;min-width:180px;padding:9px 12px;
  background:var(--zemin);color:var(--yazi);
  border:1px solid var(--cizgi-acik);border-radius:var(--yuvarlak-sm);
  font:inherit;font-size:.87rem;
}
.sicil-islem input:focus{outline:none;border-color:var(--vurgu)}
.sicil-islem .dugme{padding:9px 18px;font-size:.85rem}

@media (max-width:620px){
  .ceza-arac{flex-direction:column;align-items:stretch}
  .ceza-ara{max-width:none}
}

/* ==========================================================================
   Öneriler
   ========================================================================== */

/* ---------- öneri oluştur kutusu ---------- */
.oneri-ac{
  background:var(--kart);border:1px solid var(--cizgi);
  border-radius:var(--yuvarlak);padding:18px 20px;margin-bottom:22px;
}
.oneri-ac[open]{border-color:var(--cizgi-acik)}
.oneri-ac summary{
  display:flex;align-items:center;gap:11px;cursor:pointer;
  font-weight:600;font-size:.98rem;color:var(--yazi);
  list-style:none;
}
.oneri-ac summary::-webkit-details-marker{display:none}
.oneri-ac summary:hover{color:var(--vurgu-acik)}
.oneri-ac-ikon{
  display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;flex:none;border-radius:7px;
  background:var(--vurgu-koyu);color:#fff;font-size:1.1rem;line-height:1;
  transition:transform var(--gecis);
}
.oneri-ac[open] .oneri-ac-ikon{transform:rotate(45deg)}

/* ---------- süzgeçler ---------- */
.oneri-arac{display:grid;gap:10px;margin-bottom:20px}
.oneri-sekme{display:flex;gap:8px;flex-wrap:wrap}
.oneri-sekme a{
  padding:8px 15px;border-radius:99px;font-size:.87rem;font-weight:600;
  color:var(--yazi-orta);background:var(--kart);
  border:1px solid var(--cizgi);transition:var(--gecis);
}
.oneri-sekme a:hover{border-color:var(--cizgi-acik);color:var(--yazi)}
.oneri-sekme a.aktif{
  background:var(--vurgu-koyu);border-color:var(--vurgu-koyu);color:#fff;
}
.oneri-sekme.ikincil a{
  padding:6px 13px;font-size:.82rem;font-weight:500;background:transparent;
}
.oneri-sekme.ikincil a.aktif{
  background:transparent;border-color:var(--vurgu);color:var(--vurgu-acik);
}

/* ---------- liste ---------- */
.oneri-liste{display:grid;gap:12px}

.oneri-satir,
.oneri-detay{
  background:var(--kart);border:1px solid var(--cizgi);
  border-radius:var(--yuvarlak);padding:18px 20px;
  transition:var(--gecis);
}
.oneri-satir:hover{border-color:var(--cizgi-acik);background:var(--kart-acik)}
.oneri-detay{margin-top:20px}

/* ---------- beğen / beğenme ---------- */
.oy-kutu{display:flex;gap:8px;align-items:center}
.oy-kutu form{display:block;line-height:0}

.oy-dugme{
  display:inline-flex;align-items:center;gap:7px;
  padding:7px 13px;border-radius:99px;
  background:var(--zemin-2);border:1px solid var(--cizgi);
  color:var(--yazi-soluk);font:inherit;font-size:.84rem;font-weight:600;
  line-height:1;cursor:pointer;transition:var(--gecis);
}
.oy-dugme svg{width:16px;height:16px;flex:none}
.oy-dugme:hover{border-color:var(--cizgi-acik);color:var(--yazi)}

.oy-dugme.begen.secili{
  background:rgba(63,191,127,.14);border-color:rgba(63,191,127,.45);color:#6fd3a0;
}
.oy-dugme.begenme.secili{
  background:rgba(217,107,107,.14);border-color:rgba(217,107,107,.45);color:#e79a9a;
}
.oy-dugme.begen:hover{color:#6fd3a0}
.oy-dugme.begenme:hover{color:#e79a9a}

/* yorum sayısı rozeti */
.oneri-yorum-bag{
  display:inline-flex;align-items:center;gap:7px;
  color:var(--yazi-soluk);font-size:.84rem;font-weight:600;
}
.oneri-yorum-bag svg{width:16px;height:16px;flex:none}
a.oneri-yorum-bag:hover{color:var(--vurgu-acik)}

/* ---------- öneri gövdesi ---------- */
.oneri-govde{flex:1;min-width:0}
.oneri-ust{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.oneri-yazar{font-weight:600;font-size:.88rem;color:var(--yazi-orta)}
.oneri-zaman{color:var(--yazi-soluk);font-size:.83rem}
.oneri-ust::before{content:"";display:none}

.oneri-baslik{font-size:1.05rem;margin:9px 0 8px;line-height:1.4}
.oneri-baslik a{color:var(--yazi)}
.oneri-baslik a:hover{color:var(--vurgu-acik)}

.oneri-ozet{
  margin:0;color:var(--yazi-orta);font-size:.9rem;line-height:1.6;
}
.oneri-metin{color:var(--yazi-orta);font-size:.95rem;line-height:1.75}

.oneri-alt{
  display:flex;gap:16px;flex-wrap:wrap;align-items:center;
  margin-top:12px;color:var(--yazi-soluk);font-size:.84rem;
}
.oneri-alt b{color:var(--yazi-orta)}
.oneri-alt a{color:var(--vurgu-acik)}
.oneri-alt a:hover{text-decoration:underline}


/* ---------- yorumlar ---------- */
.yorum-form{margin-bottom:22px}
.yorum-form textarea{
  width:100%;min-height:92px;padding:13px 15px;margin-bottom:12px;
  background:var(--kart);color:var(--yazi);
  border:1px solid var(--cizgi-acik);border-radius:var(--yuvarlak-sm);
  font:inherit;font-size:.92rem;line-height:1.6;resize:vertical;
}
.yorum-form textarea:focus{outline:none;border-color:var(--vurgu)}

.yorum-liste{display:grid;gap:12px}
.yorum{
  background:var(--kart);border:1px solid var(--cizgi);
  border-radius:var(--yuvarlak);padding:16px 18px;
}
.yorum-bas{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:9px}
.yorum-bas strong{font-size:.92rem}
.yorum-zaman{margin-left:auto;color:var(--yazi-soluk);font-size:.82rem}
.yorum-govde{color:var(--yazi-orta);font-size:.92rem;line-height:1.7}

.yorum-islem{
  display:flex;gap:14px;align-items:center;margin-top:11px;
  font-size:.83rem;
}
.yorum-islem a{color:var(--yazi-soluk);font-weight:600}
.yorum-islem a:hover{color:var(--vurgu-acik)}

.metin-dugme{
  background:none;border:0;padding:0;cursor:pointer;
  font:inherit;font-size:.83rem;font-weight:600;color:var(--yazi-soluk);
  transition:var(--gecis);
}
.metin-dugme:hover{color:var(--vurgu-acik)}
.metin-dugme.sil:hover{color:#e79a9a}

/* yanıtlar: sola çizgi ile girintili */
.yanit-liste{
  display:grid;gap:10px;
  margin:14px 0 0 0;padding-left:16px;
  border-left:2px solid var(--cizgi);
}
.yorum.yanit{background:var(--zemin-2);padding:14px 16px}
.yanit-form{margin:14px 0 0}

@media (max-width:620px){
  .oneri-satir,.oneri-detay{padding:16px}
  .oneri-alt{gap:10px}
  .yanit-liste{padding-left:11px}
}