.cat-header-container{padding:50px 20px;color:var(--brand-color);background-size:cover;background-position:50%;justify-content:center;@media screen and (min-width:768px){padding-left:150px;padding-bottom:150px;padding-right:150px;padding-top:150px}}.cat-header{font-size:28px;font-weight:700;align-self:center;text-align:center;@media screen and (min-width:768px){font-size:42px}}.sort-container{&.active{transform:translateY(0);top:100px;height:100%;width:calc(100%);height:100vh;position:fixed;z-index:10;background:#fff;left:0;top:0;overflow:scroll;margin-top:0;transform:translateY(10%);transition:1.5s}@media screen and (min-width:1024px){transform:translateY(0);position:static;width:auto;height:-moz-fit-content;height:fit-content;overflow:auto}.apply-filter,.open-filter{@media screen and (min-width:1024px){display:none}}}