<style>
  .puan-durumu-konteyner {
    width: 100%;
    overflow-x: auto; /* Mobil için kaydırma */
    padding: 5px;
  }

  .puan-tablosu {
    width: 100%;
    border-collapse: separate; 
    border-spacing: 0; /* Hücreler arası boşluğu sıfırlayıp bütünlüğü koruyalım */
    font-family: 'Segoe UI', Arial, sans-serif;
    background-color: #ffffff; /* Tablo içi beyaz */
    /* Neon Çerçeve Ayarları */
    border: 3px solid #99f50e !important; 
    border-radius: 15px; 
    overflow: hidden; /* Köşelerin yuvarlak kalması için */
    min-width: 800px;
  }

  .puan-tablosu td {
    padding: 10px 8px;
    font-size: 13px;
    border-bottom: 1px solid #eeeeee; /* Satır araları ince çizgi */
    color: #333333;
  }

  /* En Üst Başlık Satırı */
  .puan-tablosu tr:first-child td {
    background-color: #1a1a1a !important; /* Başlık arka planı koyu */
    color: #99f50e !important;           /* Yazılar neon yeşil */
    font-weight: bold;
    border-bottom: 2px solid #99f50e;
  }

  /* Son satırdaki alt çizgiyi kaldıralım ki yuvarlak köşeyi bozmasın */
  .puan-tablosu tr:last-child td {
    border-bottom: none;
  }

  /* Satır üzerine gelince grileşme efekti */
  .puan-tablosu tr:not(:first-child):hover td {
    background-color: #ececec !important; /* Net bir gri tonu */
    transition: background-color 0.2s ease; /* Yumuşak geçiş sağlar */
  }

  /* Eğer satırın kendi bgcolor rengi varsa, griyle karışması için */
  .puan-tablosu tr:not(:first-child):hover {
    filter: brightness(0.90); /* Renkli satırları da hafifçe koyulaştırır */
  }

  /* Takım isimlerini kalın yapalım */
  .puan-tablosu tr td:nth-child(2) {
    font-weight: bold;
  }
  .sezon-link-alani {
    display: flex;
    justify-content: center;
    padding: 30px 10px;
    font-family: 'Segoe UI', sans-serif;
  }

  .modern-nav-tablo {
    width: 100%;
    max-width: 900px;
    border-collapse: separate; 
    border-spacing: 15px 0; /* Butonlar arası boşluk */
    border: none !important;
  }

  .modern-nav-tablo td {
    /* İç kısım koyu, çerçeve logonun rengi */
    background-color: #1a1a1a; 
    border: 2px solid #99f50e !important; 
    border-radius: 15px; /* Yumuşatılmış köşeler */
    transition: all 0.3s ease;
    box-shadow: 0 0 10px rgba(153, 245, 14, 0.2); /* Hafif yeşil parıltı */
  }

  .modern-nav-tablo td:hover {
    /* Üzerine gelince içi neon renk oluyor, yazılar siyahlaşıyor */
    background-color: #99f50e;
    box-shadow: 0 0 20px rgba(153, 245, 14, 0.5);
    transform: scale(1.03); /* Hafif büyüme efekti */
  }

  .modern-nav-tablo a {
    display: block;
    padding: 18px 10px;
    color: #99f50e !important; /* Yazı rengi başta logonun rengi */
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    transition: color 0.3s;
  }

  .modern-nav-tablo td:hover a {
    color: #000000 !important; /* Üzerine gelince yazı siyah olur ki okunsun */
  }

  /* Mobil Uyumluluk */
  @media (max-width: 768px) {
    .modern-nav-tablo, .modern-nav-tablo tr, .modern-nav-tablo td {
      display: block;
      width: 100%;
      margin-bottom: 15px;
    }
    .modern-nav-tablo { border-spacing: 0; }
  }
  /* Tüm haftaları kapsayan ana kutu (Masaüstü 2'li, Mobil 1'li) */
  .fikstur-kapsayici {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    padding: 10px;
  }

  

</style>