/* =========================================================
   ZYNN V26 — REFERENCE FINAL OVERRIDE
   - Banner tidak blank lagi.
   - Saldo home dibuat selaras dengan digital-store.
   - Tab & harga jadi outline neon: warna di pinggir + teks/icon.
   - Subtitle bawah APK Premium dihapus.
   ========================================================= */

/* ===== BANNER / HERO IMAGE FIX ===== */
body .cyber-home-hero,
body .banner-wrapper,
body .banner-slider{
  overflow:hidden!important;
}
body .banner-slider{
  position:relative!important;
  background:#050b1d!important;
  border:1px solid rgba(62,238,255,.22)!important;
}
body .banner-track{
  display:flex!important;
  height:100%!important;
  width:100%!important;
  opacity:1!important;
  visibility:visible!important;
  transform:translateX(0)!important;
}
body .banner-item{
  display:block!important;
  flex:0 0 100%!important;
  width:100%!important;
  height: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;
  transform:none!important;
}
body .banner-slider::before,
body .banner-slider::after{
  pointer-events:none!important;
}

/* ===== HOME SALDO CARD: SAMA RASA DENGAN DIGITAL STORE ===== */
body .cyber-balance-card{
  position:relative!important;
  overflow:hidden!important;
  background:#050b1d!important;
  border:1px solid rgba(62,238,255,.26)!important;
  box-shadow:
    0 0 0 1px rgba(62,238,255,.08) inset,
    0 0 18px rgba(62,238,255,.12),
    0 0 36px rgba(155,98,255,.11)!important;
}
body .cyber-balance-card::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  background:url('../cyber-v4/wallet-neon-wave-v14-sharp.png') center right / cover no-repeat!important;
  filter:saturate(1.25) contrast(1.08) brightness(1.04)!important;
  opacity:1!important;
  z-index:0!important;
}
body .cyber-balance-card::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,
    rgba(3,10,25,.94) 0%,
    rgba(4,13,31,.82) 36%,
    rgba(5,16,40,.38) 68%,
    rgba(5,18,46,.06) 100%)!important;
  z-index:1!important;
}
body .cyber-balance-card > *{
  position:relative!important;
  z-index:2!important;
}
body .cyber-balance-card strong{
  font-size:clamp(28px,2.8vw,42px)!important;
  line-height:1!important;
}
body .cyber-actions a,
body .wallet-btn{
  background:linear-gradient(180deg, rgba(8,18,40,.54), rgba(5,12,28,.84))!important;
  border:2px solid transparent!important;
  background-image:
    linear-gradient(180deg, rgba(8,18,40,.54), rgba(5,12,28,.84)),
    linear-gradient(90deg, #54efff 0%, #63c8ff 45%, #9b6fff 74%, #c35cff 100%)!important;
  background-origin:border-box!important;
  background-clip:padding-box, border-box!important;
  color:#dffbff!important;
  text-shadow:0 0 10px rgba(65,237,255,.18)!important;
  box-shadow:0 0 14px rgba(65,237,255,.11),0 0 24px rgba(164,99,255,.10)!important;
}

/* ===== HAPUS SUBTITLE DI BAWAH APK PREMIUM ===== */
body .section.category-section > h2::after,
body .ds-section-title::after{
  content:none!important;
  display:none!important;
}
body .section.category-section > h2,
body .ds-section-title{
  margin:10px 0 24px!important;
}

/* ===== TAB OUTLINE NEON — BUKAN FULL WARNA ===== */
body .tab-switch,
body .ds-tabs{
  width:min(100% - 28px,1120px)!important;
  margin:20px auto 26px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:16px!important;
  background:transparent!important;
  border:none!important;
  padding:0!important;
  box-shadow:none!important;
}
body .tab-switch .tab-btn,
body .ds-tabs .ds-tab{
  position:relative!important;
  height:62px!important;
  min-height:62px!important;
  border-radius:20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  padding:0 20px!important;
  font-size:17px!important;
  font-weight:850!important;
  letter-spacing:-.02em!important;
  color:rgba(228,236,248,.78)!important;
  background:linear-gradient(180deg, rgba(6,14,34,.64), rgba(4,10,24,.88))!important;
  border:1.5px solid rgba(99,119,164,.35)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.02) inset,0 10px 24px rgba(0,0,0,.20)!important;
  overflow:hidden!important;
}
body .tab-switch .tab-btn::before,
body .ds-tabs .ds-tab::before{
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  display:inline-grid!important;
  place-items:center!important;
  width:22px!important;
  min-width:22px!important;
  height:22px!important;
  font-size:17px!important;
  color:currentColor!important;
  text-shadow:0 0 12px rgba(62,238,255,.22)!important;
}
body .tab-switch .tab-btn:first-child::before,
body .ds-tabs .ds-tab:first-child::before{
  content:"\f1b2"!important; /* cube */
}
body .tab-switch .tab-btn:nth-child(2)::before,
body .ds-tabs .ds-tab:nth-child(2)::before{
  content:"\f290"!important; /* bag */
}
body .tab-switch .tab-btn.active,
body .ds-tabs .ds-tab.active,
body .tab-switch .tab-btn[aria-selected="true"],
body .ds-tabs .ds-tab[aria-selected="true"]{
  color:#dffcff!important;
  border:2px solid transparent!important;
  background-image:
    linear-gradient(180deg, rgba(6,14,34,.68), rgba(4,10,24,.90)),
    linear-gradient(90deg,#4deeff 0%,#63c8ff 45%,#9b6fff 74%,#c35cff 100%)!important;
  background-origin:border-box!important;
  background-clip:padding-box,border-box!important;
  box-shadow:
    0 0 14px rgba(62,238,255,.18),
    0 0 28px rgba(164,99,255,.15),
    inset 0 0 18px rgba(62,238,255,.035)!important;
}
body .tab-switch .tab-btn.active::before,
body .ds-tabs .ds-tab.active::before{
  color:#52edff!important;
  text-shadow:0 0 12px rgba(82,237,255,.55),0 0 22px rgba(172,103,255,.30)!important;
}

/* ===== HARGA CARD: OUTLINE NEON SAJA ===== */
body .section.category-section .grid .card[data-badge] span::before{
  content:none!important;
  display:none!important;
}
body .section.category-section .grid .card[data-price]::after{
  content:attr(data-price)!important;
  position:absolute!important;
  left:16px!important;
  right:16px!important;
  bottom:16px!important;
  height:44px!important;
  border-radius:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:-.015em!important;
  background:linear-gradient(180deg, rgba(8,18,40,.48), rgba(5,12,28,.82))!important;
  border:2px solid transparent!important;
  background-image:
    linear-gradient(180deg, rgba(8,18,40,.48), rgba(5,12,28,.82)),
    linear-gradient(90deg,#4deeff 0%,#63c8ff 45%,#9b6fff 74%,#c35cff 100%)!important;
  background-origin:border-box!important;
  background-clip:padding-box,border-box!important;
  color:#dffcff!important;
  text-shadow:0 0 10px rgba(62,238,255,.18)!important;
  box-shadow:0 0 14px rgba(62,238,255,.11),0 0 22px rgba(164,99,255,.10)!important;
}
body .section.category-section .grid .card[data-badge]:nth-child(4n+3)::after{
  background-image:
    linear-gradient(180deg, rgba(8,18,40,.48), rgba(5,12,28,.82)),
    linear-gradient(90deg,#1cf2aa 0%,#31d5ff 48%,#7c78ff 100%)!important;
  color:#b9fff0!important;
}
body .section.category-section .grid .card[data-badge]:nth-child(4n+4)::after{
  background-image:
    linear-gradient(180deg, rgba(8,18,40,.48), rgba(5,12,28,.82)),
    linear-gradient(90deg,#ff3c8d 0%,#ff5b78 40%,#ad69ff 100%)!important;
  color:#ffd7ea!important;
}

/* HP */
@media(max-width:720px){
  body .tab-switch,
  body .ds-tabs{
    width:calc(100% - 24px)!important;
    gap:12px!important;
    margin:18px auto 22px!important;
  }
  body .tab-switch .tab-btn,
  body .ds-tabs .ds-tab{
    height:56px!important;
    min-height:56px!important;
    border-radius:19px!important;
    font-size:14px!important;
    gap:8px!important;
    padding:0 10px!important;
  }
  body .tab-switch .tab-btn::before,
  body .ds-tabs .ds-tab::before{
    width:19px!important;
    min-width:19px!important;
    height:19px!important;
    font-size:15px!important;
  }
  body .section.category-section > h2,
  body .ds-section-title{
    margin:8px 0 18px!important;
  }
  body .section.category-section .grid .card[data-price]::after{
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    height:38px!important;
    border-radius:14px!important;
    font-size:11.5px!important;
  }
  body .cyber-balance-card strong{
    font-size:32px!important;
  }
}