.cart-added-animation {
    position: relative;
    animation: shake 0.5s ease forwards;
}

@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    50% { transform: translateX(5px); }
    75% { transform: translateX(-5px); }
    100% { transform: translateX(0); }
}

.cart-added-animation::after {
    content: '✓'; 
    position: absolute;
    left: 50%; 
    transform: translateX(-50%);
    color: green;
    font-size: 1.2em; 
    animation: fadeIn 0.5s forwards;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}