/* !NEDEN AVP GAMES SAYFASI
   Zemin, Hesabım sayfasındaki yarı saydam panelin aynısı: uzay
   görseli arkadan görünür ama yazı okunaklı kalır. */

.neden-kapsayici {
  padding: 32px 32px 60px;
  box-sizing: border-box;
}

.neden-panel {
  /* Ekranı kaplasın ama çok geniş ekranda satırlar okunmaz uzunlukta
     olmasın diye üst sınır var. */
  max-width: 1400px;
  margin: 0 auto;
  padding: 40px 48px 48px;
  box-sizing: border-box;
  background-color: rgba(6, 18, 31, 0.85);
  border: 1px solid rgba(0, 189, 255, 0.22);
  border-radius: 10px;
  text-align: left; /* body'deki ortalamayı ez */
}

.neden-baslik {
  margin: 0 0 10px;
  padding-bottom: 22px;
  border-bottom: 1px solid #223444;
  color: #eaf6ff;
  font-size: 34px;
  line-height: 1.3;
  letter-spacing: 1px;
}

.neden-bolum {
  margin-top: 38px;
}

.neden-alt-baslik {
  margin: 0 0 14px;
  color: #7fd8ff;
  font-size: 23px;
  letter-spacing: 0.5px;
}

.neden-metin {
  margin: 0 0 14px;
  color: #cfe2ef;
  font-size: 16.5px;
  line-height: 1.75;
}

/* Vurgulu ara cümleler: soldan mavi çizgili, italik */
.neden-vurgu {
  margin: 18px 0;
  padding: 12px 18px;
  border-left: 3px solid #00d1ff;
  background-color: rgba(0, 189, 255, 0.06);
  border-radius: 0 8px 8px 0;
  color: #dbeaf5;
  font-size: 16px;
  font-style: italic;
  line-height: 1.7;
}

/* ── KARŞILAŞTIRMA TABLOSU ── */

.neden-tablo-baslik {
  margin: 0 0 14px;
  color: #9fb6c6;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* Dar ekranda tablo sayfayı taşırmasın, kendi içinde kaysın */
.neden-tablo-kaydirici {
  overflow-x: auto;
}

.neden-tablo {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
  min-width: 620px; /* sütunlar sıkışıp okunmaz olmasın */
}

.neden-tablo th,
.neden-tablo td {
  padding: 13px 16px;
  border-bottom: 1px solid #223444;
  text-align: left;
  vertical-align: top;
}

.neden-tablo thead th {
  color: #eaf6ff;
  font-size: 14px;
  letter-spacing: 0.5px;
  border-bottom: 2px solid #2f4a5e;
}

/* Satır başlıkları (sol sütun) */
.neden-tablo tbody th {
  color: #a5c9dd;
  font-weight: bold;
}

.neden-tablo td {
  color: #cfe2ef;
}

/* Kendi sütunumuz öne çıksın */
.neden-tablo .neden-biz {
  background-color: rgba(0, 189, 255, 0.08);
  color: #eaf6ff;
  font-weight: bold;
}

.neden-tablo thead .neden-biz {
  color: #00d1ff;
}

.neden-tablo tbody tr:last-child th,
.neden-tablo tbody tr:last-child td {
  border-bottom: none;
}

/* ── KAPANIŞ ── */

.neden-kapanis {
  margin-top: 44px;
  padding-top: 30px;
  border-top: 1px solid #223444;
}

.neden-kapanis .hero-buton {
  display: inline-block;
  margin-top: 10px;
}

/* ── DAR EKRAN ── */
@media (max-width: 860px) {
  .neden-kapsayici {
    padding: 18px 14px 40px;
  }

  .neden-panel {
    padding: 24px 18px 30px;
  }

  .neden-baslik {
    font-size: 25px;
    letter-spacing: 0.5px;
  }

  .neden-alt-baslik {
    font-size: 19px;
  }

  .neden-metin {
    font-size: 15.5px;
  }
}