:root { --transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1); }
        body { background-color: #FDF8F5; color: #1A1A1A; overflow-x: hidden; scroll-behavior: smooth; }
        .glass-nav { background: rgba(253, 248, 245, 0.9); backdrop-filter: blur(15px); }
        .reveal { opacity: 0; transform: translateY(40px); transition: var(--transition); }
        .reveal.active { opacity: 1; transform: translateY(0); }
        .btn-premium { background: #1A1A1A; color: white; transition: all 0.5s; position: relative; overflow: hidden; }
        .btn-premium:hover { background: #D4A373; letter-spacing: 2px; transform: scale(1.02); }
        .custom-scroll::-webkit-scrollbar { width: 3px; }
        .custom-scroll::-webkit-scrollbar-thumb { background: #D4A373; }
        .img-zoom { overflow: hidden; border-radius: 2rem; }
        .img-zoom img { transition: transform 2s ease; }
        .img-zoom:hover img { transform: scale(1.08); }
        .cart-item { transition: all 0.3s; }
        .cart-item:hover { background: #FDF8F5; }
        #view-container { min-height: 100vh; }
        
@keyframes marquee {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}
.animate-marquee {
    display: inline-block;
    white-space: nowrap;
    animation: marquee 15s linear infinite;
}
                @keyframes marquee {
                    0% { transform: translateX(0%); }
                    100% { transform: translateX(-50%); }
                }
                .animate-marquee {
                    display: flex;
                    gap: 2.5rem;
                    animation: marquee 25s linear infinite;
                }