@tailwind base;
@tailwind components;
@tailwind utilities;

@keyframes flyToCart {
    0% { transform: scale(1); }
    50% { transform: scale(1.4) translateY(-30px); }
    100% { transform: scale(0.6) translateY(60px) translateX(120px); }
}

.product-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.product-card:hover {
    transform: translateY(-8px) scale(1.05);
    box-shadow: 0 25px 50px -12px rgb(249 115 22);
}

.cart-item {
    animation: slideIn 0.3s ease forwards;
}

@keyframes slideIn {
    from { opacity: 0; transform: translateX(30px); }
    to { opacity: 1; transform: translateX(0); }
}