/* option soldaout */
.swatch-element.soldout input[type="radio"],
.swatch-element.soldout label {
    pointer-events: none !important;
    cursor: not-allowed !important;
}

/* Effet visuel quand on essaie de cliquer sur un élément soldout */
@keyframes soldout-shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-2px); }
    75% { transform: translateX(2px); }
}

/* Classe shake pour effet de secousse */
.shake {
    animation: shake-animation 0.5s ease-in-out;
}

@keyframes shake-animation {
    0%, 100% { 
        transform: translateX(0); 
    }
    10%, 30%, 50%, 70%, 90% { 
        transform: translateX(-3px); 
    }
    20%, 40%, 60%, 80% { 
        transform: translateX(3px); 
    }
}