@keyframes listcat{0%{max-height:0;opacity:0}to{max-height:400px;opacity:1}}@keyframes filter{0%{opacity:0;transform:translateY(200%);-webkit-transform:translateY(200%);-moz-transform:translateY(200%);-ms-transform:translateY(200%);-o-transform:translateY(200%)}to{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}.catalog{padding:125px 40px 80px;display:flex;gap:40px;color:#000;min-height:100vh}.catalog__filter,.catalog__sort{width:180px}.catalog__filter__mob,.catalog__sort__mob{display:none}.catalog__filter ul,.catalog__sort ul{list-style:none;padding:0}.catalog__filter ul li,.catalog__sort ul li{position:relative;margin-bottom:8px;cursor:pointer;transition:.2s;width:-moz-fit-content;width:fit-content;font-weight:400}.catalog__filter ul li:after,.catalog__sort ul li:after{content:"";position:absolute;background-color:#000;bottom:0;left:0;height:1px;width:0;transition:.4s ease;-webkit-transition:.4s ease;-moz-transition:.4s ease;-ms-transition:.4s ease;-o-transition:.4s ease}.catalog__filter ul li:hover:after,.catalog__sort ul li:hover:after{width:100%}.catalog__filter ul li.active,.catalog__sort ul li.active{font-weight:550}.catalog__filter ul li.active:after,.catalog__sort ul li.active:after{width:100%}.catalog__content{flex:1 1}.catalog__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.product-card{display:flex;flex-direction:column;gap:10px;min-width:0}.product-card__img{position:relative;overflow:hidden}.product-card__img img{width:100%;height:60vh;object-fit:cover;display:block;transition:.4s ease;-webkit-transition:.4s ease;-moz-transition:.4s ease;-ms-transition:.4s ease;-o-transition:.4s ease}.product-card__img .fav{position:absolute;top:10px;right:10px;background:none;cursor:pointer;padding:0;border:none;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content}.product-card__img .fav svg path{transition:.4s ease;-webkit-transition:.4s ease;-moz-transition:.4s ease;-ms-transition:.4s ease;-o-transition:.4s ease}.product-card__img .fav.active svg path{fill:#c42b1c}.product-card__price,.product-card__title{font-size:16px;line-height:1}.product-card__title{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card__price{font-weight:500;color:#331419}.product-card:hover img{scale:1.05}.catalog__sort{width:180px}.catalog__sort select{width:100%;padding:6px 8px;background:#fff;color:#000;border:none;outline:none;cursor:pointer;font-size:14px}@media(max-width:700px){.product-card{gap:1vw}.product-card__img img{height:35vh}.product-card__price,.product-card__title{font-size:13px;line-height:1}.catalog{padding:80px 3vw;display:flex;flex-direction:column;gap:20px;color:#000}.catalog__content{position:relative;z-index:1}.catalog__grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:3vw;gap:3vw}.catalog__filter,.catalog__sort{width:180px;display:none}.catalog__filter__mob,.catalog__sort__mob{position:fixed;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:row;justify-content:space-between;align-items:flex-end;padding:5px;z-index:10;bottom:5vh;width:92vw;left:4vw;right:4vw;animation:filter .4s ease;-webkit-animation:filter .4s ease}.catalog__filter__mob ul,.catalog__sort__mob ul{padding:7px!important;animation:listcat .3s ease;transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease;-webkit-animation:listcat .3s ease}.catalog__filter__mob .filter-toggle,.catalog__sort__mob .filter-toggle{position:relative;display:flex;flex-direction:row;align-items:center;gap:5px;background-color:rgba(0,0,0,0);border:none;padding:5px;color:#000;font-size:14px;font-weight:500}.catalog__filter__mob .filter-toggle .selected-dot,.catalog__sort__mob .filter-toggle .selected-dot{position:absolute;right:-5px;top:5px;width:10px;height:10px;background-color:#c42b1c;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.catalog__filter__mob .filter-toggle svg,.catalog__sort__mob .filter-toggle svg{height:18px;width:auto}.catalog__filter__mob select,.catalog__sort__mob select{width:-moz-fit-content;width:fit-content;height:100%!important;padding:5px 0;background:rgba(0,0,0,0);color:#000;border:none;outline:none;cursor:pointer;font-size:14px;font-weight:500}.catalog__filter__mob ul,.catalog__sort__mob ul{list-style:none;padding:0;margin-bottom:0}.catalog__filter__mob ul li,.catalog__sort__mob ul li{position:relative;margin-bottom:8px;cursor:pointer;transition:.2s;width:-moz-fit-content;width:fit-content;font-weight:400;font-size:14px}.catalog__filter__mob ul li:after,.catalog__sort__mob ul li:after{content:"";position:absolute;background-color:#000;bottom:0;left:0;height:1px;width:0;transition:.4s ease;-webkit-transition:.4s ease;-moz-transition:.4s ease;-ms-transition:.4s ease;-o-transition:.4s ease}.catalog__filter__mob ul li:hover:after,.catalog__sort__mob ul li:hover:after{width:100%}.catalog__filter__mob ul li.active,.catalog__sort__mob ul li.active{font-weight:550}.catalog__filter__mob ul li.active:after,.catalog__sort__mob ul li.active:after{width:100%}}