/* =========================================================
   ZYNN V29 — TOPUP POPUP + BANNER + DUPLICATE CUBE FIX
   ========================================================= */

/* 1) TOPUP INDEX HARUS MUNCUL POPUP DI TENGAH, BUKAN DI BAWAH */
#depositOverlayIndex.deposit-overlay,
body #depositOverlayIndex{
  display:none;
  position:fixed!important;
  inset:0!important;
  z-index:999999!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
  background:rgba(1,4,14,.76)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
#depositOverlayIndex .deposit-modal{
  position:relative!important;
  width:min(92vw,430px)!important;
  max-height:calc(100vh - 36px)!important;
  overflow:auto!important;
  margin:0!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,rgba(9,21,50,.98),rgba(3,8,21,.99))!important;
  border:1px solid rgba(83,237,255,.28)!important;
  box-shadow:0 32px 100px rgba(0,0,0,.68),0 0 60px rgba(83,237,255,.12)!important;
  color:#fff!important;
  padding:22px!important;
}
#depositOverlayIndex .deposit-header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:16px!important;
}
#depositOverlayIndex .deposit-title{
  font-size:22px!important;
  font-weight:950!important;
  letter-spacing:-.04em!important;
}
#depositOverlayIndex .deposit-close{
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-size:24px!important;
  cursor:pointer!important;
}
#depositOverlayIndex .deposit-label{
  font-weight:850!important;
  margin:8px 0 6px!important;
}
#depositOverlayIndex .deposit-error{
  margin:0 0 12px!important;
  color:rgba(231,241,255,.72)!important;
  font-size:13px!important;
  line-height:1.35!important;
}
#depositOverlayIndex .deposit-error.error{color:#ffb4c7!important;}
#depositOverlayIndex .deposit-input{
  width:100%!important;
  height:50px!important;
  border-radius:16px!important;
  border:1px solid rgba(83,237,255,.22)!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  padding:0 14px!important;
  font-weight:850!important;
  outline:0!important;
}
#depositOverlayIndex .nominal-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:14px 0!important;
}
#depositOverlayIndex .nominal-item{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  border-radius:14px!important;
  border:1px solid rgba(83,237,255,.18)!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  font-weight:850!important;
  cursor:pointer!important;
}
#depositOverlayIndex .nominal-item.active{
  border-color:rgba(83,237,255,.70)!important;
  box-shadow:0 0 18px rgba(83,237,255,.14)!important;
}
#depositOverlayIndex .deposit-submit{
  width:100%!important;
  height:50px!important;
  border-radius:16px!important;
  border:2px solid transparent!important;
  background:linear-gradient(180deg,rgba(8,18,34,.98),rgba(5,11,24,.96)) padding-box,
             linear-gradient(90deg,rgba(91,237,255,.92),rgba(164,118,255,.92)) border-box!important;
  color:#eaffff!important;
  font-weight:950!important;
  cursor:pointer!important;
  opacity:.55!important;
}
#depositOverlayIndex .deposit-submit.enabled{
  opacity:1!important;
}

/* 2) BANNER JANGAN HILANG: MATIKAN content:url LAMA DAN PAKSA BANNER1-4 */
body .banner-track{
  display:flex!important;
  width:100%!important;
  height:100%!important;
  opacity:1!important;
  visibility:visible!important;
  transition:transform .45s ease!important;
}
body .banner-item{
  display:block!important;
  flex:0 0 100%!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  opacity:1!important;
  visibility:visible!important;
}
body .banner-item img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}
body .banner-item:nth-child(1) img{content:url('../cyber-v4/banner1.png')!important;}
body .banner-item:nth-child(2) img{content:url('../cyber-v4/banner2.png')!important;}
body .banner-item:nth-child(3) img{content:url('../cyber-v4/banner3.png')!important;}
body .banner-item:nth-child(4) img{content:url('../cyber-v4/banner4.png')!important;}

/* 3) HAPUS KUBUS DUPLIKAT DI UJUNG: pseudo lama dijadikan layer background saja */
body .tab-switch .tab-btn::before,
body .ds-tabs .ds-tab::before{
  content:""!important;
  font-family:initial!important;
  font-weight:normal!important;
  position:absolute!important;
  inset:2px!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  margin:0!important;
  display:block!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(7,17,32,.96),rgba(4,10,22,.96))!important;
  color:transparent!important;
  text-shadow:none!important;
  z-index:-1!important;
  pointer-events:none!important;
}

/* Pastikan icon asli di markup berada di samping tulisan */
body .tab-switch .tab-btn,
body .ds-tabs .ds-tab{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  overflow:visible!important;
}
body .tab-switch .tab-btn > i,
body .ds-tabs .ds-tab > i{
  position:static!important;
  display:inline-flex!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  margin:0!important;
  flex:0 0 auto!important;
  color:#59efff!important;
  font-size:16px!important;
  text-shadow:0 0 12px rgba(89,239,255,.48)!important;
  z-index:2!important;
}
body .tab-switch .tab-btn > span,
body .ds-tabs .ds-tab > span{
  position:static!important;
  display:inline-block!important;
  z-index:2!important;
  line-height:1!important;
}

/* outline tetap rapi, tidak kepotong */
body .tab-switch .tab-btn::after,
body .ds-tabs .ds-tab::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:22px!important;
  padding:2px!important;
  background:linear-gradient(90deg,rgba(91,237,255,.86),rgba(101,188,255,.80),rgba(164,118,255,.86),rgba(206,91,255,.80))!important;
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;
  -webkit-mask-composite:xor!important;
          mask-composite:exclude!important;
  opacity:.35!important;
  z-index:-1!important;
  pointer-events:none!important;
}
body .tab-switch .tab-btn.active::after,
body .ds-tabs .ds-tab.active::after{
  opacity:1!important;
}

/* 4) SEARCH tetap rounded di desktop */
body .search-wrapper,
body .ds-search-wrap{
  overflow:hidden!important;
  border-radius:28px!important;
}
body #searchInput,
body .ds-search{
  border-radius:28px!important;
}

/* mobile */
@media(max-width:720px){
  body .tab-switch .tab-btn::before,
  body .ds-tabs .ds-tab::before{border-radius:16px!important;}
  body .tab-switch .tab-btn::after,
  body .ds-tabs .ds-tab::after{border-radius:18px!important;}
  #depositOverlayIndex .nominal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}