/* Performance Optimizations */

/* Critical CSS for faster rendering */
* {
    box-sizing: border-box;
}

body {
    font-display: swap;
}

/* Optimize font loading */
@font-face {
    font-family: 'Vazirmatn';
    font-display: swap;
    src: url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');
}

/* Reduce paint operations */
.card {
    will-change: transform;
    transform: translateZ(0);
}

/* Optimize animations */
@media (prefers-reduced-motion: no-preference) {
    .card:hover {
        transform: translateY(-8px) scale(1.02);
        transition: transform 0.3s ease;
    }
}

/* Improve scrolling performance */
.scroll-container {
    contain: layout style paint;
    overflow: auto;
}

/* Optimize images */
img {
    content-visibility: auto;
}

/* Critical above-the-fold styles */
.hero-section {
    contain: layout style paint;
}

/* Optimize form rendering */
.form-control, .form-select {
    contain: layout style;
}

/* Reduce layout thrashing */
.navbar {
    contain: layout style paint;
}

/* Optimize button rendering */
.btn {
    contain: layout style paint;
}