/* ==========================================================================
   MOBILE PERFORMANCE OPTIMIZATIONS
   ========================================================================== */

/* Disable GPU-heavy operations on mobile devices */
@media (max-width: 768px) {
  /* Disable backdrop-filter (blur) as it consumes a lot of GPU */
  * {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  
  /* Remove will-change as it can cause memory issues on mobile if overused */
  * {
    will-change: auto !important;
  }
  
  /* For elements that relied on backdrop-filter for readability, 
     add a solid fallback background color instead */
  .navbar-scrolled,
  .btn-pill-translucent,
  .feature-card,
  .detail-main,
  .sidebar-widget {
    background-color: rgba(3, 4, 12, 0.95) !important;
  }
}