/* Custom styles for liquid glass effects and animations */
@layer utilities {
    .glass {
        backdrop-filter: blur(16px) saturate(180%);
        background-color: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.2);
    }
    
    .glass-strong {
        backdrop-filter: blur(20px) saturate(200%);
        background-color: rgba(255, 255, 255, 0.15);
        border: 1px solid rgba(255, 255, 255, 0.25);
    }
    
    .glass-card {
        backdrop-filter: blur(12px) saturate(150%);
        background-color: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.15);
    }
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Custom animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fadeInUp 0.6s ease-out;
}

/* Sticky category menu */
.sticky-category-menu {
    position: sticky;
    top: 4rem;
    z-index: 40;
}

/* Menu item hover effects */
.menu-item {
    transition: all 0.3s ease;
}

.menu-item:hover {
    transform: translateY(-2px);
}

/* Hide scrollbar for category menu */
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}