/* =========================================================
   ZYNN V39 — ULTRA LIGHT MOBILE FIX
   Fokus:
   - HP tidak patah-patah lagi.
   - Tampilan tetap sama.
   - Partikel tetap terlihat, tapi di HP dibuat static starfield ringan.
   - Semua tombol tetap punya animasi tap ringan.
   - Produk tetap muncul dengan animasi ringan.
   ========================================================= */

/* Safety desktop tetap smooth ringan */
.zv39-press{
  transform:scale(.975)!important;
  filter:brightness(.96)!important;
}

/* MOBILE PERFORMANCE MODE */
@media(max-width:720px){
  /* 1) Matikan partikel bergerak berat, tapi partikel visual tetap ada dari background starfield */
  #zv36-particles .zv36-particle,
  #zv35-particles .zv35-particle,
  #zv34-particles .zv34-particle{
    display:none!important;
    animation:none!important;
  }

  #zv36-particles,
  #zv35-particles,
  #zv34-particles{
    pointer-events:none!important;
    contain:paint!important;
    z-index:0!important;
  }

  /* Partikel tetap terlihat, tapi statis dan ringan */
  #zv36-particles::before{
    display:block!important;
    opacity:.72!important;
    animation:none!important;
    background-image:
      radial-gradient(circle, rgba(93,242,255,.58) 0 1.2px, transparent 1.9px),
      radial-gradient(circle, rgba(165,109,255,.46) 0 1.1px, transparent 1.8px),
      radial-gradient(circle, rgba(255,99,215,.36) 0 1px, transparent 1.7px),
      radial-gradient(circle, rgba(25,242,172,.34) 0 1px, transparent 1.7px)!important;
    background-size:110px 110px, 160px 160px, 220px 220px, 280px 280px!important;
    background-position:0 0, 50px 90px, 120px 35px, 190px 150px!important;
  }

  #zv36-particles::after{
    display:block!important;
    opacity:.32!important;
    animation:none!important;
    background-image:
      radial-gradient(circle, rgba(93,242,255,.38) 0 1px, transparent 1.8px),
      radial-gradient(circle, rgba(165,109,255,.32) 0 1px, transparent 1.8px)!important;
    background-size:190px 190px, 260px 260px!important;
    background-position:60px 40px, 140px 120px!important;
  }

  /* 2) Stop animasi berulang yang berat di HP */
  .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;
  }

  /* 3) Animasi tombol tetap ada, tapi super 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 .11s cubic-bezier(.2,.8,.2,1),
      opacity .11s cubic-bezier(.2,.8,.2,1),
      filter .11s cubic-bezier(.2,.8,.2,1)!important;
    will-change:auto!important;
  }

  .zv38-press,
  .zv37-press,
  .zv36-pressing,
  .zv39-press{
    transform:scale(.985)!important;
    filter:brightness(.97)!important;
  }

  /* 4) Produk tetap animasi saat scroll, tapi tanpa blur, tanpa rotate, tanpa animasi berat */
  .zv37-product-in,
  .zv38-product-in,
  .zv36-card-in{
    animation:none!important;
  }

  .zv39-product-in{
    animation:zv39MobileProductIn .26s cubic-bezier(.2,.8,.2,1) both!important;
  }

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

  /* 5) Banner tetap stabil, tidak ada zoom/transform tambahan */
  .banner-item img{
    transform:none!important;
    transition:none!important;
    filter:none!important;
  }

  .banner-track{
    transition:transform .32s cubic-bezier(.22,.8,.18,1)!important;
    will-change:auto!important;
  }

  /* 6) Popup animasi ringan */
  .deposit-overlay.is-open .deposit-modal,
  .deposit-overlay[style*="flex"] .deposit-modal{
    animation:zv39ModalLight .18s cubic-bezier(.2,.8,.2,1) both!important;
  }

  @keyframes zv39ModalLight{
    from{opacity:0; transform:translateY(8px);}
    to{opacity:1; transform:translateY(0);}
  }

  /* 7) Hilangkan ripple apapun di HP */
  .zv37-ripple,
  .zv38-ripple,
  .zv32-ripple{
    display:none!important;
    animation:none!important;
  }
}