#brands{overflow:visible}#brands .top-container{background-color:#f2f7fa;position:sticky;top:60px;z-index:1}#brands .top-container .container{padding-top:34px;padding-bottom:30px}@media(max-width:768px){#brands .top-container .container{padding-top:20px;padding-bottom:24px}}#brands .top-container .container .input-container{position:relative;max-width:660px;margin:auto}#brands .top-container .container .input-container input{font-size:14px;border-radius:100px;padding:0 0 0 30px;height:40px;border:1px solid #000;background-color:#fff}#brands .top-container .container .input-container input::placeholder{color:#1a3029;font-size:14px}#brands .top-container .container .input-container svg{position:absolute;top:9px;right:15px}#brands .top-container .container .letters-container{margin-top:26px;display:flex;flex-direction:column;align-items:center;gap:15px}@media(max-width:1024px){#brands .top-container .container .letters-container{overflow:auto}}#brands .top-container .container .letters-container .letters{width:100%;display:flex;justify-content:space-around;gap:12px}@media(max-width:1024px){#brands .top-container .container .letters-container .letters{justify-content:start;white-space:nowrap;flex-wrap:nowrap;gap:24px}}#brands .top-container .container .letters-container .letters a{font-size:20px;font-family:Roboto Condensed,Roboto Condensed Fallback,sans-serif;font-weight:700;text-decoration:none;color:#1a3029;cursor:pointer}#brands .top-container .container .letters-container .letters a:hover{color:#12bf70}#brands .top-container .container .letters-container .letters a.disabled{color:#757b80;pointer-events:none}#brands .bottom-container{padding-top:40px;padding-bottom:100px}#brands .bottom-container h1{font-size:34px;font-family:Roboto Condensed,Roboto Condensed Fallback,sans-serif;line-height:24px}@media(max-width:768px){#brands .bottom-container h1{font-size:24px}}#brands .bottom-container .loading{margin-top:25px;font-size:16px}#brands .bottom-container .recommended{margin:52px auto;display:flex;justify-content:start;flex-wrap:wrap;gap:40px}@media(max-width:768px){#brands .bottom-container .recommended{margin:30px auto;justify-content:space-between}}#brands .bottom-container .recommended .image{max-width:140px;width:100%}@media(max-width:768px){#brands .bottom-container .recommended .image{max-width:75px;width:100%}}#brands .bottom-container .recommended .image img{display:block;width:100%}#brands .bottom-container .brand-letters{display:grid;grid-template-columns:1fr;gap:20px}#brands .bottom-container .brand-letters .letter{padding:35px 0 50px;border-top:1px solid #d0d5d9;display:flex;gap:80px}@media(max-width:768px){#brands .bottom-container .brand-letters .letter{gap:30px}}#brands .bottom-container .brand-letters .letter b{display:block;font-size:34px;font-family:Roboto Condensed,Roboto Condensed Fallback,sans-serif;line-height:24px}#brands .bottom-container .brand-letters .letter .names-container{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:50px}@media(max-width:768px){#brands .bottom-container .brand-letters .letter .names-container{row-gap:30px;column-gap:40px}}@media(max-width:575px){#brands .bottom-container .brand-letters .letter .names-container{row-gap:20px;column-gap:12px}}#brands .bottom-container .brand-letters .letter .names-container .column{max-width:550px;width:100%;flex:1;display:flex;flex-direction:column;gap:12px}#brands .bottom-container .brand-letters .letter .names-container .column a{color:#1a3029;text-decoration:none;transition:.2s}#brands .bottom-container .brand-letters .letter .names-container .column a:hover{transform:scale(1.05)}