/* ============================================
   PRODUCTS PAGE SPECIFIC STYLES
   ============================================ */

/* Filter Sidebar Responsive */
@media (max-width: 1023px) {
    /* Tablet and Mobile: Filter Sidebar */
    #filter-sidebar {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        max-width: 400px;
        height: 100vh;
        overflow-y: auto;
        z-index: 50;
        background-color: #ffffff;
        box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);
        transform: translateX(100%);
        transition: transform 0.3s ease-in-out;
    }

    #filter-sidebar:not(.hidden) {
        transform: translateX(0);
    }
}

@media (max-width: 767px) {
    /* Mobile: Product Grid */
    #products-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    /* Mobile: Search and Sort */
    .select-luxury {
        width: 100%;
        min-width: auto;
    }

    /* Mobile: Filter Sidebar Full Width */
    #filter-sidebar {
        max-width: 100%;
    }
}