:root { --ease: cubic-bezier(0.16, 1, 0.3, 1); }
        body { background-color: #FFFFFF; color: #0B0F14; -webkit-font-smoothing: antialiased; scroll-behavior: smooth; }
        
        .fade-in { animation: fadeIn 0.8s var(--ease) forwards; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

        .glass-nav { background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(24px); border-bottom: 1px solid rgba(11, 15, 20, 0.05); }
        
        .product-card { transition: all 0.6s var(--ease); }
        .product-card:hover { transform: translateY(-8px); }
        .product-card:hover .product-img { transform: scale(1.05); }

        .btn-premium { position: relative; overflow: hidden; transition: all 0.4s var(--ease); }
        .btn-premium:hover { box-shadow: 0 10px 40px -10px rgba(37, 99, 235, 0.3); }

        .filter-chip { transition: all 0.3s var(--ease); border: 1px solid #E5E7EB; cursor: pointer; }
        .filter-chip.active { background: #0B0F14; color: white; border-color: #0B0F14; }

        .no-scrollbar::-webkit-scrollbar { display: none; }
        
        .loader-bar { height: 2px; width: 0%; background: #2563EB; position: fixed; top: 0; left: 0; z-index: 1000; transition: width 0.4s ease; }
        
        .cart-panel { transform: translateX(100%); transition: transform 0.6s var(--ease); }
        .cart-panel.open { transform: translateX(0); }

        .pulse-electric { animation: pulse 2s infinite; }
        @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.4); } 70% { box-shadow: 0 0 0 20px rgba(37, 99, 235, 0); } 100% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0); } }
    
        @keyframes modalIn {
            from { opacity: 0; transform: translateY(20px) scale(0.97); }
            to { opacity: 1; transform: translateY(0) scale(1); }
        }
        .animate-modal {
            animation: modalIn 0.35s cubic-bezier(.22,.61,.36,1);
        }