/* Performance Tuning CSS for Core Web Vitals */

/* 1. CLS Fix - Dynamic City Text */
#dynamicCityText {
    min-height: 60px;
    display: block;
}

/* 2. CLS Fix - Hero Section */
.tp-hero-2-area {
    min-height: 800px;
    /* Estimated height to prevent layout shift */
}

@media (max-width: 768px) {
    .tp-hero-2-area {
        min-height: 500px;
    }
}

/* 3. CLS Fix - Services Grid */
.services-grid {
    min-height: 600px;
}

/* 4. CLS Fix - Partner Logos */
.crp-process-area {
    min-height: 200px;
}

/* 5. Font Optimization */
* {
    font-display: swap !important;
}

/* 6. Video Lazy Loading Placeholder */
.reels-track {
    min-height: 400px;
    background: #0a0a0a;
}