.reveal {
    opacity: 0;
    transform: translateY(30px) scale(0.98);
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.reveal.active {
    opacity: 1;
    transform: translateY(0) scale(1);
}
.hover-scale {
    transition: transform 0.4s ease;
}
.hover-scale:hover {
    transform: scale(1.02);
}
/* Enhanced ring highlight for active multi-select color shades */
.color-swatch {
    transition: 0.2s all;
}
.color-swatch:hover {
    transform: scale(1.1);
}
.color-swatch.active {
    border-color: #fff !important;
    box-shadow: 0 0 0 2px #C5A880;
    transform: scale(1.1);
}