/* ==========================================================================
   Tablets (Max-width: 991px)
   ========================================================================== */

@media (max-width: 991px) {

    /* 1. Global & Base */
    :root {
        --section-pad: 4rem 0;
    }
    .btn-pill-white {
        padding: 0.8rem 1.8rem;
        font-size: 0.85rem;
    }

    /* 2. Header & Navigation */
    .site-header {
        height: 80px;
    }
    .site-header.scrolled {
        height: 68px;
    }
    .brand-logo img.site-logo {
        height: 64px;
    }
    .mobile-drawer-backdrop,
    .mobile-drawer {
        top: 80px;
        height: calc(100vh - 80px);
    }

    /* 3. Hero Section */
    .hero {
        min-height: 100svh;
    }
    .hero-title-clean {
        font-size: clamp(2rem, 6vw, 3.5rem);
    }
    .hero-desc-clean {
        font-size: 1rem;
    }

    /* 4. Legacy / Pioneering */
    .legacy-title {
        font-size: clamp(2rem, 6vw, 4rem);
    }

    /* 5. Equipment */
    .equipment-grid .col-md-4 {
        margin-bottom: 1.5rem;
    }
    /* Disable hover scaling on tablet */
    .equip-card:hover .equip-bg-img {
        transform: none;
    }

    /* 6. Services & Directory */
    .service-card {
        min-width: 280px;
    }
    .svc-card-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
    
    /* Redesign .svc-card for Touch (No Hover) */
    .svc-card {
        height: auto !important; /* Allow height to grow */
        min-height: 280px;
        padding-bottom: 1.5rem;
    }
    /* Remove "VIEW SERVICES" cue */
    .svc-hover-cue {
        display: none !important;
    }
    /* Permanently show the dropdown list */
    .svc-dropdown {
        max-height: none !important;
        opacity: 1 !important;
        padding-bottom: 0 !important;
        padding-top: 0.5rem;
    }
    .svc-dropdown ul li:hover {
        padding-left: 0;
        color: #fff;
    }

    /* 7. Impact / Works */
    .impact-grid {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .impact-tile {
        min-height: 250px;
    }
    /* Permanently show overlay on touch devices */
    .impact-overlay {
        opacity: 1 !important;
        transform: none !important;
        background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 50%, transparent 100%);
    }
    /* Disable image scaling on tap/hover */
    .impact-tile:hover .impact-img {
        transform: none;
    }

    /* 8. Clients */
    .clients-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
    .client-card {
        padding: 2rem 1.5rem;
    }
    .client-logo {
        max-height: 80px;
    }
    /* Disable gold background on touch/hover */
    .client-card:hover {
        background: rgba(255, 255, 255, 0.02);
    }
    .client-card:hover .client-logo {
        transform: none;
        filter: grayscale(100%) opacity(0.7);
    }

    /* 9. Who We Are (Values, Mission) */
    .who-we-are .row {
        flex-direction: column;
    }
    .who-we-are .col-lg-5,
    .who-we-are .col-lg-7 {
        width: 100%;
    }
    .spec-list {
        margin-top: 2rem;
    }
    .value-grid .col-lg-4,
    .value-grid .col-lg-8 {
        width: 100%;
    }

    /* 10. Sustainability */
    .sustainability .col-lg-6 {
        width: 100%;
    }
    .sustainability .col-lg-6:first-child {
        margin-bottom: 2rem;
    }
    .spec-overlay {
        display: none !important;
    }

    /* 11. Contact & Drawer */
    .contact .col-lg-6 {
        width: 100%;
    }
    .contact .col-lg-6:first-child {
        margin-bottom: 3rem;
    }

    /* 12. Footer */
    .footer-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5rem;
    }
    .footer-nav {
        flex-wrap: wrap;
        gap: 0.75rem 1.5rem;
    }
}