/* ===========================================
   Dynamic Page-Specific Layout Styles
   Generated from Admin Layout Settings
   =========================================== */

/* ===== CONTACT PAGE ===== */
body.page-contact .page-header {
    padding: 140px 0 60px;
}

body.page-contact .contact-section {
    padding: 60px 0;
}

body.page-contact .contact-grid {
    grid-template-columns: 1fr 1fr;
}

body.page-contact .contact-info-grid {
    grid-template-columns: repeat(2, 1fr);
}

body.page-contact .contact-card {
    padding: 20px;
}

body.page-contact .contact-form-wrapper {
    padding: 40px;
}

body.page-contact .map-container {
    margin-top: 40px;
}

body.page-contact .map-container iframe {
    height: 400px;
}

body.page-contact .faq-grid {
    max-width: 900px;
}

body.page-contact .faq-section {
    padding: 60px 0;
}

/* ===== SERVICES PAGE ===== */
body.page-services .page-header {
    padding: 160px 0 60px;
}

body.page-services section {
    padding: 70px 0;
}

body.page-services .services-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

body.page-services .service-card {
    padding: 55px;
}

body.page-services .service-detail {
    padding: 90px 0;
}

body.page-services .service-visual {
    flex: 0 0 460px;
    max-width: 460px;
}

/* ===== ABOUT PAGE ===== */
body.page-about .page-header {
    padding: 140px 0 60px;
}

body.page-about section {
    padding: 100px 0;
}

body.page-about .team-grid {
    grid-template-columns: repeat(4, 1fr);
}

body.page-about .values-grid {
    grid-template-columns: repeat(3, 1fr);
}

body.page-about .timeline-container {
    max-width: 1000px;
}

/* ===== BLOG PAGE ===== */
body.page-blog .page-header {
    padding: 140px 0 60px;
}

body.page-blog section {
    padding: 60px 0;
}

body.page-blog .blog-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

body.page-blog .blog-image {
    height: 220px;
}

body.page-blog .blog-content {
    padding: 30px;
}

/* ===== CAREERS PAGE ===== */
body.page-careers .page-header {
    padding: 140px 0 60px;
}

body.page-careers section {
    padding: 60px 0;
}

body.page-careers .jobs-list {
    gap: 20px;
}

body.page-careers .job-card {
    padding: 30px;
}

/* ===== HOME PAGE ===== */
body.page-home .hero {
    min-height: 100vh;
    padding-top: 100px;
}

body.page-home section {
    padding: 60px 0;
}

body.page-home .stats {
    padding: 60px 0;
}

body.page-home .services-grid {
    grid-template-columns: repeat(3, 1fr);
}

body.page-home .clients-grid {
    grid-template-columns: repeat(6, 1fr);
}

/* ===== RESPONSIVE OVERRIDES ===== */
@media (max-width: 1024px) {
    body.page-contact .contact-grid {
        grid-template-columns: 1fr;
    }
    body.page-home .services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    body.page-blog .blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    body.page-contact .contact-info-grid,
    body.page-blog .blog-grid {
        grid-template-columns: 1fr;
    }
    body.page-home .services-grid {
        grid-template-columns: 1fr;
    }
    body.page-about .values-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    body.page-about .values-grid {
        grid-template-columns: 1fr;
    }
}