body {
            font-family: 'Vazirmatn', sans-serif;
        }
        
        .animate-fade-in {
            animation: fadeIn 0.6s ease-in;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .animate-slide-up {
            animation: slideUp 0.8s ease-out;
        }
        
        @keyframes slideUp {
            from { opacity: 0; transform: translateY(40px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .product-card {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        
        .product-card:hover {
            transform: translateY(-8px);
        }
        
        /* Changed cart sidebar to slide from right */
        .cart-sidebar {
            transform: translateX(100%);
            transition: transform 0.3s ease-in-out;
        }
        
        .cart-sidebar.open {
            transform: translateX(0);
        }

        /* Added mobile menu sidebar that slides from right */
        .menu-sidebar {
            transform: translateX(100%);
            transition: transform 0.3s ease-in-out;
        }
        
        .menu-sidebar.open {
            transform: translateX(0);
        }

        .backdrop {
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s ease-in-out;
        }
        
        .backdrop.open {
            opacity: 1;
            pointer-events: all;
        }

        /* Added app-like fixed bottom nav bar for mobile */
        @media (max-width: 768px) {
            body {
                padding-bottom: 80px;
            }
        }