@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

.menu-hidden { display: none; }
.menu-visible { display: block; }

.category-card:hover {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}

.product-card:hover {
    transform: translateY(-5px);
    transition: transform 0.3s ease;
}