.logo-filter {
    cursor: pointer;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    opacity: .5;
    transition: 0.4s;
}

.logo-filter:hover {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    opacity: 1;
}

.active {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    opacity: 1;
}

.categories-filter ul li {
    color: var(--main-color);
    cursor: pointer;
}

.categories-filter ul li:hover {
    color: var(--main-color-active);
}