/* ============================================
   MOBILE SCROLL OPTIMIZATION
   Critical fixes for 60fps scrolling on mobile
   ============================================ */

/* Force hardware acceleration on mobile */
@media (max-width: 1024px) {
  /* Main scroll container */
  html, body {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    will-change: scroll-position;
    overscroll-behavior: none;
  }
  
  /* All scrollable content */
  main, section, article, div {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
  
  /* Disable expensive CSS during scroll */
  * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  /* Optimize images for scroll */
  img {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    image-rendering: -webkit-optimize-contrast;
    will-change: auto;
  }
  
  /* Remove will-change from non-animating elements */
  *:not(.animating):not(.changing) {
    will-change: auto !important;
  }
  
  /* Optimize fixed elements */
  .premium-nav, .app-header, header {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    will-change: transform;
  }
  
  /* Disable transitions during scroll for better performance */
  body.scrolling * {
    transition: none !important;
    animation-play-state: paused !important;
  }
  
  /* Optimize product page specifically */
  .product-layout-wrapper {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    contain: layout style paint;
  }
  
  /* Optimize gallery */
  .product-gallery, .main-image-wrapper {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    will-change: auto;
  }
  
  /* Optimize form elements */
  .app-info-form, .quantity-wrapper, .qty-btn {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
  }
}

/* Note: Scroll detection is handled by JavaScript in unified-scroll-handler.js */