.c-cat__title{margin:24px 0 12px}.c-cat__list{position:relative}.c-cat__list .swiper-button{--swiper-navigation-size:10px;width:48px;height:48px;border-radius:43px;background-color:#3c3d3a;position:absolute;top:50%;transform:translate3d(0,-50%,0);border:none;outline:none;cursor:pointer;color:#fff}@media screen and (max-width:1024px){.c-cat__list .swiper-button{border:1px solid #fefad9;width:38px;height:38px}}@media screen and (min-width:1024px){.c-cat__list .swiper-button-next{left:calc(100% + 17px);right:auto}.c-cat__list .swiper-button-prev{right:calc(100% + 17px);left:auto}}.c-cat__menu{max-height:403px;overflow:auto;border-radius:6px;background:#fff;padding:21px 16px 15px 15px;box-shadow:0 0 20px 0 rgba(0,0,0,.15);z-index:100;position:fixed;will-change:transform;top:0;left:0}.c-cat__menu:not(.active){opacity:0;visibility:hidden}.c-cat__menu-item{display:block;white-space:nowrap;font-size:15px;font-weight:400;line-height:13px;color:#3c3d3a;text-decoration:none;margin-left:7px}.c-cat__menu-item:not(:last-child){margin-bottom:10px}.c-cat__menu-block{min-width:213px;padding-bottom:10px}.c-cat__menu-block:not(:last-child){margin-bottom:10px;border-bottom:1px solid #d8d8d8}.c-cat__menu-title{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:700;line-height:20px;color:#b1b1b0;margin-top:0;margin-bottom:6px;text-decoration:none}.c-cat__item{position:relative;width:205px;height:126px;z-index:1;text-decoration:none}.c-cat__item-link{position:absolute;top:0;left:0;right:0;bottom:0;color:transparent;font-size:0}.c-cat__item-img{display:block;border-radius:7.2px;width:100%;height:100%;overflow:hidden}.c-cat__item-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.c-cat__item-bottom{display:flex;align-items:center;justify-content:space-between;padding:4px 9px 5px 13px;gap:10px;overflow:hidden;min-height:27px;position:absolute;bottom:0;left:0;right:0;width:100%;border-bottom-left-radius:7.2px;border-bottom-right-radius:7.2px;background:linear-gradient(0,#3c3d3a,transparent);color:#fff}.c-cat__item-bottom:before{content:"";width:200%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(90deg,#ffdf36,#ffdf36 50%,transparent);transform:translateX(-100%);transition:transform .75s ease;z-index:1}.c-cat__item-bottom .icon{--size:18px;border-radius:50%;color:#3c3d3a;background-color:#d8d8d8;transition:background-color .75s ease,color .75s ease;z-index:2}.c-cat__item-name{font-weight:700;font-size:12px;z-index:2;transition:color .4s ease;background:linear-gradient(90deg,#3c3d3a,#3c3d3a 50%,#fff 70%,#fff);background-size:400% 100%;background-position:100% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:background-position .75s ease}.c-cat__item.active,.c-cat__item:hover{z-index:2}.c-cat__item.active .c-cat__item-bottom,.c-cat__item:hover .c-cat__item-bottom{color:#3c3d3a}.c-cat__item.active .c-cat__item-bottom:before,.c-cat__item:hover .c-cat__item-bottom:before{transform:translateX(0)}.c-cat__item.active .c-cat__item-bottom .icon,.c-cat__item:hover .c-cat__item-bottom .icon{background-color:#3c3d3a;color:#fff}.c-cat__item.active .c-cat__item-name,.c-cat__item:hover .c-cat__item-name{background-position:0 50%}