/* Mobile Layout Fixes - Force 2 Column Layouts */

@media (max-width: 768px) {

    /* Hero Impact Metrics - 2 cards per row */
    .hero-impact-metrics {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
        max-width: 100% !important;
    }

    .hero-impact-metrics .impact-item {
        width: 100% !important;
        min-width: auto !important;
        margin: 0 !important;
    }

    /* Metrics Grid - 2 cards per row */
    .metrics-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
    }

    .metric-card {
        width: 100% !important;
        min-width: auto !important;
    }

    /* Partners - 2 cards per row */
    .partners-track {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }

    /* Services - 2 cards per row */
    .services-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
    }

    .service-card p {
        display: none !important;
    }

    .service-card {
        padding: 20px 15px !important;
    }

    /* Certifications - 2 cards per row */
    .certs-showcase {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
    }
}