/* Animation Classes */
.animate-cart-bounce {
    animation: cartBounce 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.animate-float-up {
    animation: floatUp 1s ease-out forwards;
}


@keyframes cartBounce {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(1.2) rotate(-15deg);
    }

    50% {
        transform: scale(1.3) rotate(15deg);
    }

    75% {
        transform: scale(1.2) rotate(-10deg);
    }

    100% {
        transform: scale(1) rotate(0);
    }
}

@keyframes floatUp {
    0% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    100% {
        opacity: 0;
        transform: translateY(-30px) scale(1.5);
    }
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.3);
    }
}