.wrapper__cats{}
.wrapper__cats .widget__title{text-align:center; max-width:950px; margin:0 auto}
.cat-flex__link{display:block; border-radius:20px; overflow:hidden; position:relative; font-size: 16px; line-height: 21px; color: #FFFFFF}
.cat-flex__link::after{content:"";top:0;left:0;right:0;bottom:0;position: absolute;background: linear-gradient(180deg, rgba(64, 39, 20, 0.4) 40.18%, #402714 89.46%);transition: opacity 0.3s ease-in-out}
.cat-flex__link::before{opacity:0; content:"";top:0;left:0;right:0;bottom:0;position: absolute;background:linear-gradient(180deg, rgba(166, 101, 52, 0.9) 0%, rgba(64, 39, 20, 0.9) 90.86%);transition: opacity 0.1s ease-in-out}
.cat-flex__info{position:absolute; bottom:40px; left:40px; right:40px; z-index:2; display:flex; flex-direction:column; gap:15px;transition: bottom 0.1s ease-in-out}
.cat-flex__link:hover .cat-flex__info{bottom: unset;top: 40px}
.cat-flex__title{font:700 26px/29px 'Philosopher'; color: #FFFFFF; display:block; padding-right: 25px;}
.cat-flex__small-title{}
.cat-flex__icon{position:relative}
.cat-flex__icon svg{animation: icon-rotate 8s linear infinite;}
.cat-flex__description{display:flex;flex-direction:column;gap:20px;position: absolute;left: 40px;bottom: 40px;right: 40px;z-index: 2;align-items: self-start;opacity:0; visibility:hidden}
.cat-flex__link:hover .cat-flex__description{opacity:1; visibility:visible}
.cat-flex__link:hover::after{opacity:0}
.cat-flex__link:hover::before{opacity:1}
.cat-flex-wrap{position:relative}

.cat-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.cat-flex__item {
    flex: 0 0 calc(100% - 7.5px);
}

/* 576px и выше - 2 колонки */
@media (min-width: 476px) {
    .cat-flex {
        gap: 15px;
    }
    .cat-flex__item {
        flex: 0 0 calc(50% - 7.5px);
    }
}

/* 992px и выше - 3 колонки */
@media (min-width: 992px) {
    .cat-flex {
        gap: 20px;
    }
    .cat-flex__item {
        flex: 0 0 calc(33.333% - 13.33px);
    }
}

/* 1360px и выше - 4 колонки */
@media (min-width: 1360px) {
    .cat-flex {
        gap: 20px;
    }
    .cat-flex__item {
        flex: 0 0 calc(25% - 15px);
    }
}

@media(max-width: 1499px) {
	.wrapper__cats .widget__title{max-width:850px}
	.cat-flex__icon svg{width:30px; height:auto}
	.cat-flex__link{font-size: 15px; line-height: 20px}
	.cat-flex__info{bottom:30px; left:30px; right:30px; gap:10px}
	.cat-flex__link:hover .cat-flex__info{bottom: unset;top: 30px}
	.cat-flex__title{font:700 24px/27px 'Philosopher'; padding-right: 0;}
	.cat-flex__description{gap:15px; left: 30px; bottom: 30px; right: 30px}
}

@media(max-width: 1199px) {
	.wrapper__cats .widget__title{max-width:730px}
}

@media(max-width: 991px) {
	.wrapper__cats .widget__title{max-width:650px}
}

@media(max-width: 767px) {
	.wrapper__cats .widget__title{max-width:100%}
	.cat-flex__icon svg{width:25px; height:auto}
	.cat-flex__link{font-size: 14px; line-height: 18px}
	.cat-flex__info{bottom:20px; left:20px; right:20px; gap:10px}
	.cat-flex__link:hover .cat-flex__info{bottom: unset;top: 20px}
	.cat-flex__title{font:700 22px/24px 'Philosopher'; padding-right: 0;}
	.cat-flex__description{gap:15px; left: 20px; bottom: 20px; right: 20px}
}

@media(max-width: 475px) {
    .cat-flex {
        gap: 15px;
    }
	.cat-flex__title{padding-right: 15px;}
}