#brands-filter .filter-section{display:flex;flex-wrap:nowrap;gap:1.5rem;align-items:center;border-bottom:1px solid #ccc;padding:0 .5rem}#brands-filter .filter-section .az-filter{display:flex;justify-content:space-between;gap:.5rem;width:100%}#brands-filter .filter-section .filter-button{transition:font-size .3s ease,color .3s ease}#brands-filter .filter-section .filter-button:disabled{opacity:.3;cursor:not-allowed}#brands-filter .filter-section .filter-button.active,#brands-filter .filter-section .filter-button:hover{color:#036;font-size:1.3rem}#brands-filter .brands-grid{width:100%;display:flex;flex-direction:column;gap:2.5rem}#brands-filter .brands-grid .brands-group{width:100%;display:flex;flex-direction:column;opacity:0}#brands-filter .brands-grid .brands-group .brand-letter{font-size:2rem;font-weight:bold}#brands-filter .brands-grid .brands-group .brands-container{display:flex;flex-direction:column;gap:.5rem;justify-content:flex-start;flex-wrap:wrap;margin:1rem 0}#brands-filter .brands-grid .brands-group .brands-container .brand-item{display:block;width:32%;max-width:980px}@media screen and (min-width: 1260px){#brands-filter .filter-section{gap:2rem}}@media screen and (max-width: 1150px){#brands-filter .brands-grid .brands-group .brands-container .brand-item{width:48%}}@media screen and (max-width: 680px){#brands-filter .filter-section{gap:1rem}#brands-filter .brands-grid .brands-group .brands-container .brand-item{width:100%}}@media screen and (max-width: 570px){#brands-filter .filter-section{align-items:flex-start;gap:0}#brands-filter .filter-section .az-filter{flex-wrap:wrap;justify-content:flex-start;gap:0}#brands-filter .filter-section .filter-button{margin:0 .5rem}#brands-filter .filter-section .filter-button.active,#brands-filter .filter-section .filter-button:hover{font-size:1rem}}button:active,button:focus{outline:none}.header__primary-nav-item [data-title]:before{background-color:#036}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.mega-menu__linklist .h5{font-weight:900}
