/* Performance Optimizations CSS
============================================= */

/* Optimize images for lazy loading */
img {
    height: auto;
    max-width: 100%;
}

/* Improve scrolling performance */
html {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

/* Optimize font rendering */
body {
    text-rendering: optimizeSpeed;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Reduce layout shifts */
#slider {
    min-height: 300px;
}

/* Improve loading states */
.loading {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.loaded {
    opacity: 1;
}

/* Optimize animations for 60fps */
@keyframes slideUpFadeIn {
    from {
        opacity: 0;
        transform: translate3d(0, 30px, 0) scale3d(0.95, 0.95, 1);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    }
}

/* Memory optimization */
.lsw-content-panel:not(.active) {
    contain: strict;
}

/* Optimize for fast 3G */
@media (max-width: 768px) {
    /* Reduce complex animations on mobile */
    .lsw-content-panel {
        animation-duration: 0.3s !important;
    }
    
    /* Simplify shadows on mobile for performance */
    .lsw-content-panel {
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
    }
}

/* Progressive enhancement for modern browsers */
@supports (backdrop-filter: blur(10px)) {
    .modern-blur {
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }
}

/* Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}