/* ============================================================
   SKBM Global Trade — RESPONSIVE
   Consolidated media queries for the whole site.
   ============================================================ */

/* ── HEADER ── */
@media (max-width: 991px) {
    #sc-navbar .sc-nav,
    #sc-navbar .sc-right {
        display: none !important;
    }

    #sc-ham {
        display: flex !important;
    }
}

@media (max-width: 575px) {
    #sc-navbar .sc-logo-ring {
        height: 44px;
    }

    #sc-navbar .sc-brand-text small {
        display: none;
    }
}

/* ── FOOTER ── */
@media (max-width: 767px) {
    .footer-body {
        padding: 40px 0 28px;
    }
}

/* ── HOME: hero slider, review cards ── */
@media (max-width: 991px) {
    .slide-content {
        padding: 60px 0;
    }

    .hero-stats {
        gap: 24px;
    }
}

@media (max-width: 767px) {
    .slide-item {
        min-height: 70vh;
    }

    .hero-carousel .carousel-control-prev,
    .hero-carousel .carousel-control-next {
        display: none;
    }

    footer .col-lg-2,
    footer .col-lg-4 {
        margin-bottom: 30px;
    }

    .hero-stats {
        gap: 16px;
    }

    .stat-num {
        font-size: 22px;
    }
}

/* ── ABOUT ── */
@media (max-width: 767px) {
    .story-img-main img {
        height: 300px;
    }

    .story-img-badge {
        right: 0;
    }

    .check-list {
        grid-template-columns: 1fr;
    }
}

/* ── TESTIMONIALS (featured quote) ── */
@media (max-width: 767px) {
    .feature-quote {
        padding: 44px 24px 36px;
    }

    .feature-wrap .carousel-control-prev,
    .feature-wrap .carousel-control-next {
        display: none;
    }
}

/* ── PRODUCT DETAILS ── (handled in product-detail.css) ── */

/* ── CONTACT ── */
@media (max-width: 767px) {
    .contact-form-wrap {
        padding: 28px 20px;
    }

    .contact-side {
        padding: 28px 22px;
    }
}

/* ── HOME CONTACT: form + map layout ── */
@media (max-width: 991px) {
    .home-contact-info-row {
        grid-template-columns: 1fr 1fr;
    }

    .home-map-wrap iframe {
        min-height: 240px;
    }
}

@media (max-width: 575px) {
    .home-contact-info-row {
        grid-template-columns: 1fr;
    }

    .home-map-wrap iframe {
        min-height: 220px;
    }
}