/* ==========================================================================
   Very Small Phones & Landscape
   ========================================================================== */

/* Very small phones (=390px) */
@media (max-width: 390px) {

    /* 1. Global & Base */
    .section-title {
        font-size: clamp(1.5rem, 10vw, 2.5rem);
    }

    /* 2. Header & Navigation */
    /* No specific changes at this breakpoint */

    /* 3. Hero Section */
    .hero-title-clean {
        font-size: 1.5rem;
    }

    /* 4. Legacy / Pioneering */
    /* No specific changes at this breakpoint */

    /* 5. Equipment */
    .equip-bg {
        font-size: 2.5rem;
    }

    /* 6. Services & Directory */
    .service-card {
        min-width: 200px;
    }

    /* 7. Impact / Works */
    /* No specific changes at this breakpoint */

    /* 8. Clients */
    .clients-grid {
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
    }
    .client-card {
        padding: 1rem 0.5rem;
    }
    .client-logo {
        max-height: 48px;
    }

    /* 9. Who We Are (Values, Mission) */
    /* No specific changes at this breakpoint */

    /* 10. Sustainability */
    /* No specific changes at this breakpoint */

    /* 11. Contact & Drawer */
    .contact-drawer-title {
        font-size: 1.4rem;
    }
    .contact-drawer-inner {
        padding: 1.5rem 1rem 2rem;
    }

    /* 12. Footer */
    /* No specific changes at this breakpoint */
}

/* Landscape phones fix */
@media (max-height: 500px) and (orientation: landscape) {
    /* 3. Hero Section */
    .hero {
        min-height: 100lvh;
    }
    .hero-title-clean {
        font-size: clamp(1.4rem, 5vw, 2rem);
    }

    /* Service Pages Responsiveness */
    .service-hero .container {
        padding-top: 80px !important;
        padding-bottom: 50px !important;
    }
    .hero-title-clean {
        font-size: 1.8rem !important;
    }
    .service-hero .lead {
        font-size: 0.95rem !important;
    }
    .service-intro h2 {
        font-size: 1.35rem !important;
    }
    .service-intro p {
        font-size: 1rem !important;
    }
    .service-feature h2, .service-subservices h2, .service-capabilities h2, .service-action h2 {
        font-size: 1.5rem !important;
    }
    .service-quote .quote-text {
        font-size: 1.1rem !important;
    }
    .sub-service-card img {
        height: 180px !important;
    }

}