:root { scroll-behavior: smooth; }
        body { background-color: #FFF9F2; color: #1A1A1A; overflow-x: hidden; }
        
        .sizzle-hover { transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
        .sizzle-hover:hover { transform: scale(1.05) rotate(1deg); filter: drop-shadow(0 20px 30px rgba(255, 77, 77, 0.3)); }

        .card-rounded { border-radius: 2.5rem; }
        .glass-nav { background: rgba(255, 249, 242, 0.8); backdrop-filter: blur(10px); }
        
        @keyframes float {
            0%, 100% { transform: translateY(0) rotate(0); }
            50% { transform: translateY(-15px) rotate(2deg); }
        }
        .animate-float { animation: float 5s ease-in-out infinite; }

        .btn-bold { @apply bg-streetRed text-white px-8 py-4 rounded-2xl font-black uppercase tracking-widest hover:bg-charcoal transition-all active:scale-95 shadow-lg; }
        .btn-turmeric { @apply bg-turmeric text-charcoal px-8 py-4 rounded-2xl font-black uppercase tracking-widest hover:bg-charcoal hover:text-white transition-all shadow-lg; }

        .section-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s ease-out; }
        .section-reveal.visible { opacity: 1; transform: translateY(0); }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 10px; }
        ::-webkit-scrollbar-track { background: #FFF9F2; }
        ::-webkit-scrollbar-thumb { background: #FF4D4D; border-radius: 5px; }

        .sparkle { position: absolute; pointer-events: none; animation: spark 0.6s linear forwards; }
        @keyframes spark {
            0% { transform: scale(0); opacity: 1; }
            100% { transform: scale(2); opacity: 0; }
        }
    #hero-slideshow img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1.2s ease-in-out;
}

#hero-slideshow img.active {
    opacity: 1;
}