/* ===============================
   BONISA MAIN CSS — Modül 441
================================ */
*{ box-sizing:border-box; }
.jackpot{ display:none !important; }
.dmca-badge{ display:none !important; }

@media (min-width:769px){
  #banners-wrapper{ display:none !important; height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important; }
  #main-slider{ display:none !important; height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important; }
  #bonisa-carousel{ display:none !important; }
}

@media (max-width:768px){
  #bonisa-desktop-banner,#bonisa-banner-outer,#bonisa-bento-desktop,#bonisa-crypto-strip{ display:none !important; }
  #main__content.main__content{ gap:10px !important; }
  .section{ padding:8px 0 !important; }

  /* ── MOBİL BANNER ORTALAMA FIX ── */
  #banners-wrapper,
  #main-slider{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    margin:0 auto !important;
    padding:0 !important;
    overflow:hidden !important;
  }
  #banners-wrapper .swiper,
  #main-slider .swiper{
    width:100% !important;
    margin:0 auto !important;
  }
  #banners-wrapper .swiper-wrapper,
  #main-slider .swiper-wrapper{
    align-items:center !important;
  }
  #banners-wrapper .swiper-slide,
  #main-slider .swiper-slide{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    margin:0 auto !important;
  }
  #banners-wrapper .swiper-slide img,
  #main-slider .swiper-slide img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    object-fit:cover !important;
    object-position:center center !important;
    margin:0 auto !important;
  }
  #banners-wrapper .swiper-pagination,
  #main-slider .swiper-pagination{
    left:50% !important;
    transform:translateX(-50%) !important;
    width:auto !important;
  }

  #mini-slider-wrapper .swiper-wrapper{
    transform:none !important;transition:none !important;will-change:auto !important;position:static !important;
    height:auto !important;min-height:0 !important;display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;gap:8px !important;padding:0 !important;margin:0 !important;
  }
  #mini-slider-wrapper{ padding:0 12px !important;margin:0 !important;overflow:hidden !important; }
  #mini-slider-wrapper .swiper{ height:auto !important;min-height:0 !important; }
  #mini-slider-wrapper .swiper-slide{
    width:auto !important;max-width:none !important;height:80px !important;
    margin:0 !important;padding:0 !important;overflow:hidden !important;
    border-radius:12px !important;background:#000 !important;
  }
  #mini-slider-wrapper .swiper-slide img{ width:100% !important;height:100% !important;object-fit:cover !important;display:block !important; }
  #mini-slider-wrapper .swiper-button-prev,#mini-slider-wrapper .swiper-button-next{ display:none !important; }
}

@media (min-width:769px){

  #main__content.main__content{
    gap:0 !important;padding:8px 16px 16px !important;
    width:100% !important;max-width:100% !important;margin:0 !important;
    align-items:stretch !important;flex-direction:column !important;box-sizing:border-box !important;
  }
  #main__content.main__content > *{ margin-bottom:7px !important;box-sizing:border-box !important; }
  #main__content.main__content > *:last-child{ margin-bottom:0 !important; }

  #bonisa-banner-outer{ width:100% !important;margin:0 !important;padding:0 !important; }
  #bonisa-desktop-banner{ width:100% !important;border-radius:12px !important;overflow:hidden !important; }
  #bonisa-desktop-banner .bonisa-slide img{ object-fit:cover !important;object-position:center center !important;width:100% !important;height:auto !important; }

  .section{ padding:0 !important; }

  /* ── 3'LÜ KART ── */
  #mini-slider-wrapper{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    height:220px !important;
    min-height:220px !important;
    overflow:hidden !important;
    padding:0 !important;
  }

  #mini-slider-wrapper .swiper{
    width:100% !important;
    overflow:hidden !important;
    height:220px !important;
    min-height:220px !important;
  }

  #mini-slider-wrapper .swiper-wrapper{
    display:flex !important;
    align-items:stretch !important;
    height:220px !important;
    min-height:220px !important;
    gap:12px !important;
    padding:0 !important;
    margin:0 !important;
  }

  #mini-slider-wrapper .swiper-button-prev,
  #mini-slider-wrapper .swiper-button-next{
    display:none !important;
  }

  #mini-slider-wrapper .swiper-slide{
    flex:1 1 0 !important;
    width:0 !important;
    min-width:0 !important;
    max-width:none !important;
    height:220px !important;
    min-height:220px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    border-radius:16px !important;
    flex-shrink:1 !important;
    display:block !important;
    position:relative !important;
    cursor:pointer !important;
    background:#0a0806 !important;
    border:none !important;
    box-shadow:none !important;
    transition:transform 0.3s ease !important;
  }

  #mini-slider-wrapper .swiper-slide:hover{
    transform:translateY(-5px) scale(1.02) !important;
    box-shadow:0 16px 40px rgba(0,0,0,0.4) !important;
  }

  #mini-slider-wrapper .swiper-slide img,
  #mini-slider-wrapper .swiper-slide > *,
  #mini-slider-wrapper .swiper-slide a,
  #mini-slider-wrapper .swiper-slide > div{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
    display:block !important;
  }

  .bonisa-hero-card{
    position:relative !important;
    overflow:hidden !important;
    border-radius:8px !important;
  }
  .bonisa-hero-card img{
    position:absolute !important;
    top:0 !important;left:0 !important;
    width:100% !important;height:100% !important;
    object-fit:cover !important;object-position:center top !important;
    display:block !important;
  }
}