/**
 * UPFIT INDUSTRIES — Responsive
 * Desktop first → Tablet → Mobile
 */

@media (max-width: 1199.98px) {
    .category-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .process-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .product-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .gallery-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 991.98px) {
    .nav-toggle {
        display: flex;
        color: var(--uf-navy);
    }

    .main-nav {
        display: none !important;
    }

    .header-cta-desktop {
        display: none !important;
    }

    .hero-slider,
    .hero-slide {
        min-height: 580px;
        height: 85vh;
    }

    .hero-nav {
        display: none;
    }

    .about-grid,
    .faq-grid,
    .contact-grid,
    .product-detail-grid {
        grid-template-columns: 1fr;
    }

    .about-visual .side-img {
        margin-top: 0;
    }

    .about-visual {
        grid-template-columns: 1fr 1fr;
    }

    .feature-grid,
    .collections-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767.98px) {
    :root {
        --header-h: 72px;
        --section-pad: 3.5rem;
    }

    .container {
        width: min(100% - 1.5rem, var(--container-max));
    }

    .announce-bar {
        font-size: 0.68rem;
        letter-spacing: 0.03em;
    }

    .hero-slider,
    .hero-slide {
        min-height: 560px;
        height: 78vh;
    }

    .hero-brand {
        letter-spacing: 0.18em;
        font-size: 1rem;
    }

    .hero-title {
        font-size: clamp(2.1rem, 9vw, 2.8rem);
    }

    .hero-ctas {
        flex-direction: column;
        align-items: flex-start;
    }

    .hero-scroll {
        display: none;
    }

    .category-grid,
    .process-grid,
    .feature-grid,
    .collections-grid,
    .product-grid,
    .gallery-grid {
        grid-template-columns: 1fr 1fr;
    }

    .category-grid .category-card:nth-child(n + 5),
    .process-grid .process-card:nth-child(n + 5) {
        /* keep all visible */
    }

    .about-visual {
        grid-template-columns: 1fr;
    }

    .about-visual .main-img {
        min-height: 320px;
    }

    .about-stats {
        grid-template-columns: 1fr;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .footer-bottom {
        flex-direction: column;
        text-align: center;
    }

    .form-row {
        grid-template-columns: 1fr;
    }

    .cta-inner {
        padding: 2.5rem 1.5rem;
    }

    .shop-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .product-actions {
        opacity: 1;
        transform: none;
    }
}

@media (max-width: 479.98px) {
    .category-grid,
    .process-grid,
    .collections-grid,
    .gallery-grid,
    .feature-grid {
        grid-template-columns: 1fr;
    }

    .product-grid {
        grid-template-columns: 1fr;
    }

    .btn-premium,
    .btn-outline {
        width: 100%;
    }
}