/* =====================================================
   HEADER — TABLET
   Viewport: up to 991.98px
   ===================================================== */

@media (max-width: 991.98px) {

    .site-header .navbar {
        min-height: 72px;
    }

    .site-logo {
        height: 50px;
        max-width: 190px;
    }

    .site-header .navbar-nav {
        padding: 1rem 0;
    }

    .site-header .nav-link {
        padding: 0.7rem 0;
    }

    .site-header .nav-link::after {
        display: none;
    }
}

/* =====================================================
   HERO VALUE STRIP — TABLET
   ===================================================== */

@media (max-width: 991.98px) {

    .hero-value-item {
        min-height: 115px;
    }

    .hero-value-item:nth-child(2) {
        border-right: 0;
    }

    .hero-value-item h3 {
        font-size: 1.75rem;
    }
}

/* =====================================================
   HOMEPAGE ABOUT — TABLET
   ===================================================== */

@media (max-width: 991.98px) {

    .about-home-section {
        padding: 5.5rem 0;
    }

    .about-content {
        padding-left: 0;
    }

    .about-visual {
        margin-bottom: 2rem;
    }

    .about-title {
        font-size: var(--nc-h2-size);
    }
}

/* =====================================================
   HOMEPAGE SERVICES — TABLET
   ===================================================== */

@media (max-width: 991.98px) {

    .services-home-section {
        padding: 5.5rem 0;
    }

    .services-intro {
        margin: 1.5rem 0 0;
    }

    .service-card {
        min-height: 360px;
    }

    .services-bottom {
        align-items: flex-start;
        flex-direction: column;
    }
}


/* =====================================================
   HOMEPAGE FEATURED PRODUCTS — TABLET
   ===================================================== */

@media (max-width: 991.98px) {

    .featured-products-section {
        padding: 5.5rem 0;
    }

    .featured-products-intro {
        margin: 1.5rem 0 0;
    }

    .product-feature-image {
        height: 320px;
    }
}


/* =====================================================
   HOMEPAGE TRUSTED BY FARMERS — TABLET
   ===================================================== */

@media (max-width: 991.98px) {

    .farmer-trust-section {
        padding: 5.5rem 0;
    }

    .farmer-trust-intro {
        margin: 1.5rem 0 0;
    }
}


/* =========================================================
   HOMEPAGE — WHY NUTRICORP — TABLET
   ========================================================= */

@media (max-width: 991.98px) {
    .why-nutricorp-section {
        padding: 5.5rem 0;
    }

    .why-title {
        margin-bottom: 1.5rem;
    }

    .why-intro {
        margin-bottom: 1.75rem;
    }

    .why-grid {
        margin-top: 4rem;
    }
}


/* =========================================================
   HOMEPAGE — OUR PEOPLE — TABLET
   ========================================================= */

@media (max-width: 991.98px) {
    .team-home-section {
        padding: 5.5rem 0;
    }

    .team-intro {
        margin-top: 1.5rem;
    }

    .team-image-wrap {
        height: 500px;
    }
}


/* =========================================================
   HOMEPAGE — MEDIA & INSIGHTS — TABLET
   ========================================================= */

@media (max-width: 991.98px) {
    .media-insights-section {
        padding: 5.5rem 0;
    }

    .media-view-all {
        margin-top: 1.5rem;
    }
}


/* =========================================================
   HOMEPAGE — FINAL CTA — TABLET
   ========================================================= */

@media (max-width: 991.98px) {
    .final-cta-section {
        padding: 5rem 0;
    }

    .final-cta-action {
        justify-content: flex-start;
        margin-top: 2rem;
    }
}

/* =========================================================
   FOOTER NAVIGATION — TABLET
   ========================================================= */

@media (max-width: 1199.98px) {
    .footer-main {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 28px 22px;
    }

    .footer-brand {
        grid-column: 1 / -1;
    }
}