/**
 * BrainSync — grayscale subcategory images, color on hover.
 */

#subcategories .subcategory-image img {
    filter: grayscale(100%);
    transition: filter 0.4s;
}

#subcategories li:hover .subcategory-image img {
    filter: grayscale(0%);
}

/* Mobile: color on scroll-to-center */
@media (max-width: 991px) {
    #subcategories li.brainsync-in-view .subcategory-image img {
        filter: grayscale(0%);
    }
}