.grid-cats {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    width: 100%;
    justify-content: space-between;
    row-gap: 7px;    
}
.grid-cats img{
    width: 94px;
}
.grid-cats ul, .grid-cats li{
    width: 100%;
}
.grid-cats span{
    font-size: 14px;
    color: var(--text-color);
}
.modal-search .cats.grid-cats li a:hover{
    border-bottom: 1px solid #ff9901;
}
.cats-carousel {
    display: block;
}
.main-grid-cats ul{
    margin: 0;
}
.main-grid-cats {
    display: none;
}
@media screen and (max-width:1200px) {
    .cats-carousel {
        display: none;
    }
    .main-grid-cats {
        display: grid;
    }
}