/* ============================
   TABLET (768px - 1024px)
   ============================ */
@media (max-width: 1024px) {
    .nf-product-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .nf-collections {
        grid-template-columns: repeat(2, 1fr);
        padding: var(--space-sm);
    }

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

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

    .nf-footer__nav a,
    .nf-footer__nav-list a {
        font-size: 24px;
        letter-spacing: -1px;
    }

    .nf-footer__gallery img {
        height: 200px;
    }

    .nf-hero__carousel img {
        height: 320px;
    }

    .nf-menu-overlay__list a {
        font-size: 40px;
    }
}

/* ============================
   MOBILE (< 768px)
   ============================ */
@media (max-width: 768px) {
    .nf-nav {
        height: 72px;
        padding: 0 16px;
    }

    .nf-nav__brand-text,
    .nf-nav__search {
        display: none;
    }

    .nf-hero {
        margin-top: 72px;
    }

    .nf-hero__carousel img {
        height: 250px;
    }

    .nf-hero__tagline strong {
        font-size: 22px;
    }

    .nf-section {
        padding: 16px;
    }

    .nf-product-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .nf-collections {
        grid-template-columns: 1fr;
        padding: 16px;
        gap: 16px;
    }

    .nf-features {
        grid-template-columns: 1fr;
    }

    .nf-blog-grid {
        grid-template-columns: 1fr;
    }

    .nf-marquee__item {
        font-size: 24px;
        letter-spacing: -1px;
    }

    .nf-marquee__separator svg {
        width: 18px;
        height: 18px;
    }

    .nf-footer {
        padding-top: var(--space-xl);
    }

    .nf-footer__nav {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
    }

    .nf-footer__nav-list {
        flex-direction: column;
        gap: 16px;
    }

    .nf-footer__nav a,
    .nf-footer__nav-list a {
        font-size: 26px;
        letter-spacing: -1.3px;
    }

    .nf-footer__gallery {
        flex-wrap: wrap;
        gap: 16px;
        justify-content: center;
    }

    .nf-footer__gallery img {
        height: 150px;
        width: calc(50% - 8px);
        object-fit: contain;
    }

    .nf-footer__wordmark-text {
        font-size: 60px;
        letter-spacing: -2px;
    }

    h2 { font-size: 28px; letter-spacing: -1.2px; }
    h3 { font-size: 22px; letter-spacing: -0.8px; }
    h4 { font-size: 18px; letter-spacing: -0.4px; }

    .nf-menu-overlay__list a {
        font-size: 36px;
        letter-spacing: -1.5px;
    }

    .nf-menu-overlay__close {
        top: 20px;
        right: 16px;
    }

    .nf-search-overlay .search-field {
        font-size: 24px;
    }

    .nf-feature-image img {
        max-width: 100%;
    }

    .nf-blog-card__title {
        font-size: 18px;
        letter-spacing: -0.5px;
    }
}

/* ============================
   SMALL MOBILE (< 480px)
   ============================ */
@media (max-width: 480px) {
    .nf-hero__carousel img {
        height: 180px;
    }

    .nf-hero__tagline strong {
        font-size: 18px;
    }

    .nf-footer__gallery img {
        height: 120px;
    }

    .nf-marquee__item {
        font-size: 20px;
    }

    .nf-footer__nav a,
    .nf-footer__nav-list a {
        font-size: 22px;
    }
}