.category-page{background-color:#f4f4f4}.category{width:100%;display:flex;gap:20px;align-items:flex-start;position:relative}.filter{width:300px;padding:22px 0;border-radius:10px;box-shadow:0 0 2px #7272729a;background-color:var(--white);flex:none;display:block}.filter__title{padding:0 22px;font-size:18px}.filter__list{display:flex;flex-direction:column}.filter__list-link{display:block;font-size:16px;padding:10px 22px}.filter__list-link:hover{background-color:#4386d39d;color:var(--white)}.filter__list-link.active{background-color:#cd1c13db;color:var(--white)}.filter__close{display:none}.catalog{width:100%}.catalog__grid{--catalog-gap: 20px;--catalog-elements: 4;width:100%;display:flex;flex-wrap:wrap;gap:var(--catalog-gap)}.catalog__product{max-width:460px;width:calc((100% - (var(--catalog-elements) - 1) * var(--catalog-gap)) / (var(--catalog-elements)))}.swiperProduct{width:100%;height:100%}.btn-filter{display:none}@media (max-width: 1460px){.catalog__grid{--catalog-elements: 3}}@media (max-width: 1200px){.catalog__grid{--catalog-elements: 2}}@media (max-width: 900px){.filter{position:absolute;z-index:12;background-color:var(--white);left:0;border-radius:0 10px 10px 0;border-left:0;top:0;transform:translate(-100%);transition:all .4s}.filter.active{transform:translate(0)}.filter__close{display:block;width:30px;height:30px;margin:0 10px 20px auto}.btn-filter{display:block;margin-bottom:20px}}@media (max-width: 600px){.catalog__product{max-width:100%;width:100%}}