/* Shake animation */
@keyframes shake {
0% { transform: translateX(0); }
20% { transform: translateX(-3px); }
40% { transform: translateX(3px); }
60% { transform: translateX(-3px); }
80% { transform: translateX(3px); }
100% { transform: translateX(0); }
}
/* Apply to Add to Cart button (Dawn theme) */
button[name="add"],
.product-form__submit {
animation: shake 1.5s infinite;
animation-delay: 2s; /* small pause before repeating */
}
/* Optional: only shake on hover (cleaner UX) */
/*
.product-form__submit:hover {
animation: shake 0.5s;
}
*/
