/* Mobile styles ONLY - do not affect desktop */
@media (max-width: 768px) {

    /* Spacing for mobile navbar */
    .products {
        margin-top: 100px !important;
    }

    /* Ensure nav links are visible */
    .nav-links {
        display: flex !important;
        width: 100%;
        justify-content: center;
        gap: var(--spacing-lg);
    }

    /* Hide product filters on mobile */
    .product-filters {
        display: none !important;
    }

    /* Products grid - single column on mobile */
    .products-grid {
        grid-template-columns: 1fr !important;
        gap: var(--spacing-md);
    }
}