.col2:hover > .zimh,
.col2:hover > .zimh_best,
.col2:focus > .zimh,
.col2:focus {
    transform: scale(0.98);
    transition-duration: 0.3s;
    transition-delay: 0s;
    cursor: pointer;
}

/* Versione ottimizzata - applica l'animazione direttamente al div con background */
.col2.recent-item-optimized:hover,
.col2.recent-item-optimized:focus {
    transform: scale(0.98);
    transition-duration: 0.3s;
    transition-delay: 0s;
    cursor: pointer;
}

.ohhv:hover,
.ohhv:focus {
    transform: scale(0.98);
    transition-duration: 0.3s;
    transition-delay: 0s;
    cursor: pointer;
}

/* #blueLight:hover > .zimh {
    background-color: color(display-p3 0.345 0.379 1 / 0.04);
}

#yellowLight:hover > .zimh {
    background-color: color(display-p3 1 0.91 0.44 / 0.06);
}

#brownLight:hover > .zimh {
    background-color: rgba(138, 122, 102, 0.08);
}

#brownDark:hover > .zimh {
    background-color: rgba(128, 102, 72, 0.079);
} */
#filterBadge:hover {
    background: #ff9999 !important;
    transform: scale(1.05);
    transition: all 0.2s ease;
    cursor: pointer;
}

.mac a {
    transition: color 0.3s ease;
}

.mac a:hover {
    color: var(--hover-color);
    cursor: pointer;
}