/*
  IPHONE STORE SOPPENG
  MOBILE SCROLL PERFORMANCE FIX

  Tujuan:
  - card jangan di-unpaint
  - kurangi GPU compositing berat
  - foto tetap responsif ketika scroll kembali
*/

@media (max-width: 768px) {

  .storefront .product-card {
    content-visibility: visible !important;
    contain: none !important;
    contain-intrinsic-size: none !important;

    transform: none !important;
    will-change: auto !important;
  }


  .storefront .product-card:hover,
  .storefront .product-card:active {
    transform: none !important;
  }


  .storefront .product-card img {
    content-visibility: visible !important;

    transform: none !important;
    will-change: auto !important;

    transition: none !important;

    backface-visibility: visible !important;
    -webkit-backface-visibility: visible !important;

    opacity: 1 !important;
  }


  /*
    Blur/backdrop-filter pada banyak elemen card
    mahal untuk GPU Android.

    Background/border tetap ada,
    yang dimatikan hanya blur real-time.
  */

  .storefront .product-card *,
  .storefront .product-card *::before,
  .storefront .product-card *::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

}