/* =========================================================
   ZYNN V40 — BALANCED PC + MOBILE SMOOTH FIX
   Fokus:
   - PC tidak lag.
   - HP tetap ringan seperti V39.
   - Tampilan tetap sama.
   - Partikel tetap ada, tapi animasinya jauh lebih hemat.
   - Semua tombol tetap punya animasi interaksi ringan.
   ========================================================= */

/* DESKTOP PERFORMANCE FIX */
@media(min-width:721px){
  /* Kurangi beban partikel desktop tanpa menghilangkan tampilan */
  #zv36-particles{
    pointer-events:none!important;
    contain:paint!important;
    z-index:0!important;
  }

  #zv36-particles::before{
    opacity:.68!important;
    animation-duration:120s!important;
  }

  #zv36-particles::after{
    opacity:.36!important;
    animation-duration:180s!important;
  }

  #zv36-particles .zv36-particle{
    width:3px!important;
    height:3px!important;
    opacity:.58!important;
    animation-duration:26s!important;
    box-shadow:0 0 7px currentColor,0 0 14px currentColor!important;
    will-change:auto!important;
  }

  #zv36-particles .zv36-particle.big{
    width:4px!important;
    height:4px!important;
    box-shadow:0 0 9px currentColor,0 0 18px currentColor!important;
  }

  /* Matikan animasi breathing berulang yang bikin GPU kerja terus */
  .tab-btn.active,
  .ds-tab.active,
  .zynn-bottom-nav a.active,
  .zynn-bottom-nav a[aria-current="page"],
  #cs-bubble,
  .cs-avatar{
    animation:none!important;
  }

  /* Interaksi PC tetap ada tapi ringan */
  a, button,
  .tab-btn, .ds-tab,
  .wallet-btn, .wallet-btn-index,
  .cyber-actions a, .cyber-actions button,
  .banner-arrow,
  .navbar a,
  .nav-user-pill, .nav-login-btn,
  .zynn-bottom-nav a,
  .nominal-item,
  .deposit-close, .deposit-submit,
  .card, .ds-card, .ds-service-box{
    transition:
      transform .16s cubic-bezier(.2,.8,.2,1),
      filter .16s cubic-bezier(.2,.8,.2,1),
      opacity .16s cubic-bezier(.2,.8,.2,1),
      box-shadow .16s cubic-bezier(.2,.8,.2,1)!important;
    will-change:auto!important;
  }

  a:hover, button:hover,
  .tab-btn:hover, .ds-tab:hover,
  .wallet-btn:hover, .wallet-btn-index:hover,
  .cyber-actions a:hover, .cyber-actions button:hover,
  .banner-arrow:hover,
  .nav-user-pill:hover, .nav-login-btn:hover,
  .zynn-bottom-nav a:hover,
  .nominal-item:hover,
  .deposit-close:hover, .deposit-submit:hover{
    transform:translateY(-1px)!important;
    filter:brightness(1.035)!important;
  }

  .card:hover,
  .ds-card:hover,
  .ds-service-box:hover{
    transform:translateY(-3px) scale(1.004)!important;
    filter:brightness(1.025)!important;
  }

  /* Produk tetap animasi saat scroll, tapi lebih ringan dari V37/V38 */
  .zv37-product-in,
  .zv38-product-in,
  .zv36-card-in{
    animation:none!important;
  }

  .zv40-product-in{
    animation:zv40ProductIn .34s cubic-bezier(.2,.8,.2,1) both!important;
  }

  @keyframes zv40ProductIn{
    0%{opacity:0; transform:translateY(18px) scale(.98);}
    100%{opacity:1; transform:translateY(0) scale(1);}
  }

  /* Matikan ripple desktop juga supaya PC spek rendah aman */
  .zv37-ripple,
  .zv38-ripple,
  .zv32-ripple,
  .zv40-ripple{
    display:none!important;
    animation:none!important;
  }

  .zv40-press{
    transform:scale(.985)!important;
    filter:brightness(.97)!important;
  }
}

/* HP tetap pakai mode ultra light V39, cuma pastikan tidak bentrok */
@media(max-width:720px){
  .zv40-product-in{
    animation:zv40MobileProductIn .24s cubic-bezier(.2,.8,.2,1) both!important;
  }

  @keyframes zv40MobileProductIn{
    0%{opacity:0; transform:translateY(12px);}
    100%{opacity:1; transform:translateY(0);}
  }

  .zv40-press{
    transform:scale(.985)!important;
    filter:brightness(.97)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .zv40-product-in{
    animation:none!important;
  }
}