.brands-page__header{margin-bottom:var(--global-spacing-4)}.brands-page .sticky-top{margin-bottom:var(--global-spacing-6);position:sticky;top:-.1rem;padding-top:var(--global-spacing-3);padding-bottom:var(--global-spacing-3);transition:all .15s ease-in-out;justify-content:space-between}@media screen and (max-width: 749px){.brands-page .sticky-top{padding-top:var(--global-spacing-1);padding-bottom:var(--global-spacing-1);margin-bottom:var(--global-spacing-4)}.sticky-top--active{display:flex;align-items:center;column-gap:var(--global-spacing-2)}.sticky-top--active .field__label{margin-bottom:0}}.brands-page .sticky-top:after{content:"";background-color:rgb(var(--color-background));position:absolute;top:0;height:100%;z-index:-1;box-shadow:0 0 32px #00000029;opacity:0;visibility:hidden;transition:all var(--duration-default) ease-in-out}.brands-page .sticky-top--active:after{opacity:1;visibility:visible;left:-100%;right:-100%}.sticky-active{overflow-x:hidden}.brands__category{margin-bottom:var(--global-spacing-4)}.brands-page .tab__menu{min-width:2rem;justify-content:center;margin-left:0;margin-right:0}.brands__list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);row-gap:var(--global-spacing-4);column-gap:var(--global-spacing-2);text-align:center;font-size:1.4rem}.brands__list-image-wrapper{height:10rem;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--global-spacing-1)}.brands__list-image{display:block;max-height:10rem;max-width:15.4rem;margin-left:auto;margin-right:auto;width:auto;height:auto}@media screen and (max-width: 749px){.brands-block{text-align:center;margin-bottom:var(--global-spacing-5)}.brands-block.brands-block--hidden{display:none}.brands-block:not(.brands-block--hidden){display:block;opacity:1}}@media screen and (min-width: 750px){.brands__list{grid-template-columns:repeat(4,1fr);row-gap:var(--global-spacing-4);column-gap:var(--global-spacing-3)}.brands-block--hidden.is-visible{display:block}}@media screen and (min-width: 990px){.brands-page .tab__menu{min-width:3rem}.brands__list{grid-template-columns:repeat(6,1fr)}}@media screen and (min-width: 1200px){.brands__list{grid-template-columns:repeat(8,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-page-brands.css.map */