/* Mobile-specific performance optimizations */

/* Use hardware acceleration for smoother scrolling */
body {
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
}

/* Reduce animation complexity on mobile */
@media (max-width: 768px) {
  /* Simplify animations */
  .slide-content {
    transform: translate3d(0, 0, 0); /* Force GPU acceleration */
    will-change: opacity; /* Hint to browser for optimization */
    transition: opacity 0.3s ease-out;
  }
  
  /* Reduce quality of background images and effects for better performance */
  .background-image-container img {
    transform: translate3d(0, 0, 0);
    filter: none; /* Remove any filters that might be applied */
  }
  
  /* Optimize feature section scrolling */
  .panel {
    height: auto;
    min-height: 100vh;
  }
  
  /* Fix the slideshow for better performance */
  .slide {
    backface-visibility: hidden;
    perspective: 1000px;
    transform-style: preserve-3d;
  }
  
  /* Simplify animations that cause jank */
  .slide-active .phone-container,
  .slide-active .slide-text {
    transform: none !important;
    transition: opacity 0.3s ease;
  }
  
  /* Reduce scroll jank by simplifying complex layouts */
  .extra-features-grid {
    will-change: transform;
    transform: translateZ(0);
  }
  
  /* Prevent text scaling that can cause layout shifts */
  .slide-title, .slide-tagline, h1, h2, h3, p {
    max-height: 999999px; /* Prevents font boosting on Android */
  }
}