/* Additional SEO and Performance Optimizations */

/* Preload critical resources */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');

/* Critical CSS for above-the-fold content */
.hero-section {
    background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);
    border-radius: 1.5rem;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.03);
    position: relative;
    overflow: hidden;
}

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

/* Reduce layout shift */
.property-image {
    aspect-ratio: 16/9;
    object-fit: cover;
}

/* Improve Core Web Vitals */
.card {
    contain: layout style paint;
}

/* Optimize animations */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Print styles */
@media print {
    .navbar, footer, .btn, .bottom-nav {
        display: none !important;
    }
    
    .main-content {
        margin-top: 0;
    }

    .card {
        box-shadow: none;
        border: 1px solid #e9ecef;
    }
    
    a[href]:after {
        content: " (" attr(href) ")";
    }
}