.filter-group{background-color:#4f50520d;border-radius:6px;width:100%;max-width:340px;height:max-content;padding:32px 20px 32px 32px}.filter-top{border-bottom:1px solid #5a5a5a66;padding-bottom:15px}.filter-group-header{cursor:pointer;justify-content:space-between;align-items:center;padding-top:20px;display:flex}.filter-arrow{transition:all .2s}.filter-arrow.open{transform:rotate(180deg)}.filter-list{scrollbar-width:thin;scrollbar-color:#0339f4 transparent;max-height:440px;margin-top:10px;padding:0 10px 0 0;list-style:none;overflow-y:auto}.filter-item{justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.filter-label{align-items:center;gap:6px;display:flex}.filter-count{color:#888}.filter-label input{flex-shrink:0;width:16px;height:16px;display:flex}.SelectedFilters{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.SelectedFilters-card{color:#0d0e10;cursor:pointer;background:#0339f40d;border-radius:2px;align-items:center;gap:12px;padding:12px;display:flex}.SelectedFilters-card svg{color:#0339f4}.filter-top-mobile-close{display:none}.filter-button-search-mobile{text-transform:uppercase;text-align:center;color:#fff;background:#0339f1;border-radius:6px;width:100%;margin:20px 0 10px;padding:16px 0;font-size:16px;font-weight:700;display:none}@media only screen and (max-width:1100px){.filter-label>*{font-size:16px}.filter-count{font-size:15px}.filter-group{max-width:300px;padding:24px 14px 24px 24px}}@media only screen and (max-width:1000px){.filter-button-search-mobile{display:block}.filter-group{z-index:100;scrollbar-width:thin;scrollbar-color:#0339f4 transparent;background-color:#f8faf9;width:85%;max-width:340px;height:100vh;padding:20px 15px 20px 20px;transition:transform .35s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.filter-top-mobile-close{display:block}.filter-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90;background-color:#00000073;width:100%;height:100%;animation:.3s forwards backdropFade;position:fixed;top:0;left:0}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}.filter-group.active-mobile-filter{transform:translate(0)}.Filter-mobile-button{cursor:pointer;align-items:center;gap:5px;display:flex}.Catalog-top-right-wrap-container{flex-direction:row-reverse;width:100%}}@media only screen and (max-width:520px){.Catalog-top-right-wrap-sort-text p{display:none}.Catalog-top-right-wrap{gap:15px}}@media only screen and (max-width:420px){.filter-group{width:100%;max-width:100%;padding:15px 15px 80px;top:40px;transform:translateY(100%)}.filter-group.active-mobile-filter{transform:translateY(0)}.pagination-button p{display:none}.Catalog-top-right-wrap{gap:15px}}
.catalog-container{gap:15px;width:100%;max-width:1330px;margin:0 auto;padding:0 15px;display:flex}@media only screen and (max-width:1000px){.selected-filter-mobile{margin-bottom:10px;display:flex}.catalog-cards{grid-template-columns:repeat(3,1fr);gap:20px}.catalog-cards-container-top{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:0;margin-bottom:30px;display:flex}.selected-filter-mobile .SelectedFilters{margin-top:8px}}@media only screen and (max-width:725px){.SelectedFilters-card{padding:10px}.SelectedFilters-card p{font-size:14px}.catalog-cards{gap:10px}}@media only screen and (max-width:660px){.catalog-cards{grid-template-columns:repeat(2,1fr);gap:10px}}