*{box-sizing:border-box;margin:0;padding:0}

    /* ARKA PLAN: TÜM SAYFA */
    body{
      font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      background:url("https://www.sporcafe-375520b994.xyz/assets/uploads/mLs1a0pe.jpg")
                 center top/cover fixed no-repeat;
      color:#fff;
    }

    .top-bar{
      width:100%;
      background:#e11d21;
      color:#fff;
      text-align:center;
      padding:6px 10px;
      font-size:13px;
      position:sticky;
      top:0;
      z-index:20;
    }
    .top-bar span{font-weight:600}

    /* ORTA ALANI DAR TUT – SAĞ SOLDA ARKAPLAN GÖRÜNÜR */
    .page-wrapper{
      min-height:100vh;
      display:flex;
      justify-content:center;
      padding:18px;
    }

    .layout{
      width:100%;
      max-width:1600px;
      display:grid;
      grid-template-columns:260px minmax(0,1.1fr)260px;
      gap:18px;
      align-items:flex-start;
    }

    /* ORTA BLOK */
    .center-wrap{
      border-radius:6px;
      overflow:hidden;
      background:rgba(0,0,0,.86);       /* ortayı karart – arkaplan yine hafif görünür */
      box-shadow:0 20px 45px rgba(0,0,0,.9);
    }

    .site-header{
      background:#111111;
      padding:10px 16px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      border-bottom:1px solid #222;
    }
    .logo-wrap{display:flex;align-items:center;gap:8px}
    .logo-img{
      width:34px;height:34px;border-radius:50%;
      background:#16a34a;display:flex;align-items:center;justify-content:center;
      font-weight:800;font-size:18px;
    }
    .logo-text-main{font-weight:700;font-size:19px}
    .header-right{display:flex;align-items:center;gap:10px}
    .header-tag{
      font-size:12px;
      background:#1f2937;
      border-radius:999px;
      padding:5px 12px;
      border:1px solid #4b5563;
    }
    .btn{
      border:none;border-radius:999px;
      padding:6px 13px;font-size:13px;font-weight:600;
      cursor:pointer;white-space:nowrap;
    }
    .btn-outline{background:transparent;color:#e5e7eb;border:1px solid #4b5563}
    .btn-primary{background:#e11d21;color:#fff}

    .main-panel{
      padding:14px;
      display:flex;
      flex-direction:column;
      gap:14px;
    }

    /* ÜST HERO SATIRI */
    .hero-row{
      display:grid;
      grid-template-columns:220px minmax(0,1.6fr)220px;
      gap:10px;
    }
    .hero-card{
      background:#191919;border-radius:6px;overflow:hidden;
    }
    .hero-card img{width:100%;display:block}

    .hero-video{
      background:#000;border-radius:6px;overflow:hidden;
      position:relative;min-height:180px;
    }
    .hero-video img{
      width:100%;height:100%;object-fit:cover;display:block;
    }
    .play-btn{
      position:absolute;inset:0;
      display:flex;align-items:center;justify-content:center;
    }
    .play-btn span{
      width:70px;height:70px;border-radius:999px;
      background:rgba(0,0,0,.6);
      border:2px solid #fff;
      display:flex;align-items:center;justify-content:center;
    }
    .play-btn span:before{
      content:"";border-style:solid;
      border-width:10px 0 10px 18px;
      border-color:transparent transparent transparent #fff;
      margin-left:3px;
    }

    /* ALT BANNERLAR */
    .mid-banners{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:10px;
    }
    .mid-banner{background:#1a1a1a;border-radius:6px;overflow:hidden}
    .mid-banner img{width:100%;display:block}

    /* KATEGORİ NAV + KANAL */
    .cat-nav{
      display:flex;
      align-items:center;
      gap:8px;
      overflow-x:auto;
      padding:10px 0;
      scrollbar-width:none;          /* Firefox scrollbarı gizle */
    }
    .cat-nav::-webkit-scrollbar{display:none;} /* Chrome scrollbar gizleme */

    /* KATEGORİ BUTONLARI */
    .cat-pill{
      padding:7px 18px;
      border-radius:22px;
      background:#1c1c1c;
      font-size:14px;
      color:#d1d5db;
      cursor:pointer;
      border:1px solid #333;
      transition:0.25s ease;
      white-space:nowrap;
      font-weight:500;
      box-shadow:0 0 0 rgba(0,0,0,0);
    }

    /* HOVER */
    .cat-pill:hover{
      background:#2a2a2a;
      color:#fff;
      border-color:#444;
      box-shadow:0 0 6px rgba(255,255,255,0.2);
    }

    /* AKTİF */
    .cat-pill.active{
      background:#d81717;
      color:#fff;
      border-color:#d81717;
      font-weight:600;
      box-shadow:0 0 12px rgba(255,0,0,0.6);
    }
    .cat-pill{
      padding:6px 14px;border-radius:999px;
      background:#222;font-size:13px;cursor:pointer;
      border:1px solid #333;
    }
    .cat-pill.active{background:#e11d21;border-color:#e11d21}

    .channel-grid{
      display:grid;
      grid-template-columns:repeat(5,minmax(0,1fr));
      gap:10px;margin-top:8px;
    }
    /* KANAL KARTLARI – HOVER EFEKTİ */
    .channel-card{
      background:#151515;
      border-radius:6px;
      overflow:hidden;
      display:flex;
      flex-direction:column;
      border:1px solid #232323;
      transition:
        transform .15s ease,
        box-shadow .15s ease,
        border-color .15s ease;
    }

    /* hover efekti */
    .channel-card:hover{
      transform: translateY(-3px);
      border-color:#ff1e1e;                      /* kırmızı çerçeve */
      box-shadow:0 0 12px rgba(255,30,30,0.7);   /* dışa kırmızı glow */
    }
    .channel-logo{
      background:#000;
      min-height:100px;
      display:flex;
      align-items:center;
      justify-content:center;
    }
    .channel-logo img{
      max-width: 80%;
      max-height: 60px;
      object-fit: contain;

    }
    .channel-name{
      padding:15px 8px;
      font-size:13px;
      text-align:center;
      background:#202020;
    }

    /* TABLO */
    /* GÜVENİLİR BAHİS SİTELERİ BÖLÜMÜ */
    .trusted-section{
      margin-top:24px;
      background:#111111;
      border-radius:10px;
      padding:18px 20px 20px;
      border:1px solid #222;
      box-shadow:0 18px 35px rgba(0,0,0,0.75);
    }

    .trusted-title{
      text-align:center;
      font-size:26px;
      font-weight:700;
      margin-bottom:14px;
    }

    /* TABLO GENEL */
    .trusted-table{
      width:100%;
      border-collapse:collapse;
      font-size:14px;
    }

    .trusted-table thead{
      background:#181818;
    }

    .trusted-table th,
    .trusted-table td{
      padding:12px 10px;
      text-align:left;
      border-bottom:1px solid #262626;
    }

    .trusted-table th{
      font-weight:600;
      color:#e5e7eb;
    }

    .trusted-table tbody tr:nth-child(odd){
      background:#141414;
    }
    .trusted-table tbody tr:nth-child(even){
      background:#101010;
    }

    /* LOGO HÜCRESİ */
    .trusted-logo{
      max-width: 100px;
      padding: 5px;
      display:flex;
      align-items:center;
      gap:10px;
    }
    .trusted-logo img{
      height:28px;
      display:block;
    }

    /* BONUS LINKİ */
    .trusted-bonus{
      color:#22c55e;
      font-weight:600;
    }

    /* PUAN YILDIZLARI */
    .trusted-rating{
      color:#facc15;
      font-size:16px;
      white-space:nowrap;
    }
    .trusted-rating span{
      color:#9ca3af;
      font-size:13px;
    }

    /* BUTON */
    .trusted-btn{
      background:#e11d21;
      color:#fff;
      border:none;
      border-radius:6px;
      padding:7px 18px;
      font-size:13px;
      font-weight:600;
      cursor:pointer;
      white-space:nowrap;
      transition:.18s ease;
    }
    .trusted-btn:hover{
      background:#f02026;
      box-shadow:0 0 10px rgba(255,0,0,.6);
    }


    .page-footer{
      margin-top:16px;font-size:12px;color:#9ca3af;
      text-align:center;padding-top:10px;border-top:1px solid #151515;
    }

    /* RESPONSIVE */
    @media (max-width:1200px){
      .layout{grid-template-columns:minmax(0,1fr)}
      .side-banner{display:none}
    }
    @media (max-width:900px){
      .hero-row{grid-template-columns:1fr}
      .mid-banners{grid-template-columns:1fr}
      .channel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    }
    @media (max-width:600px){
      .site-header{flex-direction:column;align-items:flex-start;gap:8px}
      .channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .site-table{font-size:12px}
    }

    /* NETBAHİS ÜST BANNERLERİ */
.netbahis-banners{
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;                 /* iki banner arası boşluk */
}

.net-banner{
  background: #111111;       /* dış koyu çerçeve */
  border-radius: 6px;
  padding: 6px;              /* içten hafif boşluk */
  box-shadow: 0 8px 18px rgba(0,0,0,0.6);
}

.net-banner img{
  display: block;
  width: 100%;
  border-radius: 4px;        /* görselin köşeleri hafif yuvarlak */
}

/* ÜÇLÜ ÜST BANNER GRUBU */
.top-3-banners{
  margin-top:15px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}

.top-banner{
  background:#111;
  padding:6px;
  border-radius:6px;
  overflow:hidden;
  box-shadow:0 10px 25px rgba(0,0,0,.55);
}

.top-banner img{
  width:100%;
  height:60px;              /* orijinal sitedeki yüksekliğe yakın */
  object-fit:cover;         /* görsel taşarsa kırpar boyut bozulmaz */
  display:block;
  border-radius:4px;
}

/* Daha küçük cihazda alta düşsün */
@media(max-width:900px){
  .top-3-banners{
    grid-template-columns:1fr;
  }
  .top-banner img{
    height:auto;
  }

/* KATEGORİ NAV DIŞ SARMAL */
.cat-scroll-wrap{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:8px;
}