.glass-effect {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.product-card {
    transition: opacity 300ms ease, transform 300ms ease, filter 300ms ease;
}

.product-card:hover .product-image {
    transform: scale(1.05);
}

.product-card.card-hidden {
    opacity: 0;
    transform: translateY(12px) scale(0.98);
    filter: blur(1px);
    pointer-events: none;
}

.product-card.hidden {
    display: none !important;
}

#filter-panel {
    display: block;
}

@media (min-width: 768px) {
    #filter-panel {
        display: none;
    }
    #filter-panel.open {
        display: block;
    }
}