/* Custom Utilities for Miele Ticinese */
@layer utilities {
    .glass {
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.2);
    }
    .glass-dark {
        background: rgba(28, 25, 23, 0.9);
        backdrop-filter: blur(12px);
    }
    .no-scrollbar::-webkit-scrollbar {
        display: none;
    }
    .no-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
}

/* Animations that are simpler in pure CSS */
.fade-in-up {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}
.fade-in-up.appear {
    opacity: 1;
    transform: translateY(0);
}