/* ==========================================================================
   Responsive — Mobile First Breakpoints
   Tablet:  >= 48rem (768px)
   Laptop:  >= 64rem (1024px)
   Desktop: >= 80rem (1280px)
   ========================================================================== */

/* Tablet */
@media (min-width: 48rem) {
    .announcement-bar__center {
        display: block;
    }

    .hero__inner {
        gap: var(--space-lg);
        padding-block: var(--space-xl);
    }

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

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

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

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

    .footer-bottom {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

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

/* Laptop — full navigation replaces mobile menu */
@media (min-width: 64rem) {
    .main-nav {
        display: block;
    }

    .mobile-nav-toggle {
        display: none;
    }

    .mobile-nav {
        display: none;
    }

    .mobile-nav-overlay {
        display: none;
    }

    .hero__inner {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-2xl);
    }

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

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

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

    .footer-grid {
        grid-template-columns: repeat(4, 1fr);
    }

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

    .cart-layout {
        grid-template-columns: 2fr 1fr;
    }
}

/* Desktop */
@media (min-width: 80rem) {
    .main-header__inner {
        gap: var(--space-2xl);
    }
}