.brands-page-custom{padding:0 20px}h1{text-align:center}#sbp{display:flex;flex-direction:column;max-width:1384px;margin:0 auto}#sbp .search-wrapper{order:1;max-width:626px!important;width:100%!important;padding:0!important;margin:1.3rem auto 7.4rem!important}#sbp .search-wrapper input{color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:1.6rem!important;height:60px;padding:1.5rem 5.8rem 1.5rem 2rem!important;border-radius:40px;border-color:#000;border-width:var(--inputs-border-width);transition:box-shadow var(--duration-short) ease;position:relative}#sbp .search-wrapper input::placeholder{color:var(--color-black)}#sbp .search-wrapper input:hover,#sbp .search-wrapper input:active,#sbp .search-wrapper input:focus{box-shadow:0 0 20px #00000040}#sbp .search-wrapper:after{content:"";background-image:url(icon-search.svg);background-size:contain;width:30px;height:30px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}#sbp .search-wrapper svg{display:none}#sbp .shortcuts-container{order:2}#sbp .shortcuts-container .shortcuts .shortcut-letter{background-color:var(--color-white);display:flex;justify-content:center;align-items:center;margin:0;width:30px;height:30px;border-radius:40px}#sbp .shortcuts-container .shortcuts .shortcut-letter:hover{background-color:var(--color-black);color:var(--color-white)}#sbp .brands-wrapper{order:3;display:flex;flex-direction:column;margin-top:7.1rem;width:100%!important}#sbp .brand-section{display:flex;margin-bottom:25px!important}#sbp .brand-section[term=A]{margin-top:0}#sbp .brand-section .brands{padding:0;width:100%;column-count:4;column-gap:31px}#sbp .brand-section .brands a{line-height:2.2}#sbp .brand-section .brands a .brand{width:100%;padding:0}#sbp .brand-section .letter{position:relative;font-size:3rem;padding:0 4.7rem 0 0;margin-right:5rem;border-color:#dfdfdf}#sbp #no-results{order:-1;padding:4rem 4rem 12rem}#sbp #search-wrapper #cancel-button{display:none!important}@media screen and (max-width:768px){#sbp .search-wrapper{margin:1.3rem auto 5rem!important}#sbp .search-wrapper input{height:52px}#sbp .search-wrapper:after{height:24px;width:24px}#sbp .shortcuts-container .shortcuts{display:flex;flex-direction:row;flex-wrap:wrap;min-width:auto;gap:22px 31px;justify-content:flex-start}#sbp .shortcuts-container .shortcuts .shortcut-letter{flex:0 0 calc((100% - (31px * 5)) / 6);box-sizing:border-box;height:auto}#sbp .brands-wrapper{margin-top:5.1rem}#sbp .brand-section{flex-direction:column}#sbp .brand-section .letter{border:none}#sbp .brand-section .brands{column-count:2;column-gap:31px}#sbp .brand-section .brands a{font-size:1.2rem}}.brands-page-custom .brandPage_Root{max-width:1384px;margin:0 auto;padding:0!important}.brands-page-custom .brandPage_Root .brand-page-grid{display:flex!important;flex-direction:column;gap:0!important}.brands-page-custom .brandPage_Root #searchForm{max-width:626px!important;width:100%!important;margin:1.3rem auto 7.4rem!important;position:relative}.brands-page-custom .brandPage_Root #searchForm input{color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:1.6rem!important;height:60px;padding:1.5rem 5.8rem 2rem 2rem!important;border-radius:40px;border-color:#000;border-width:var(--inputs-border-width);transition:box-shadow var(--duration-short) ease;position:relative;margin:0!important}.brands-page-custom .brandPage_Root #searchForm input::placeholder{color:var(--color-black)}.brands-page-custom .brandPage_Root #searchForm input:hover,.brands-page-custom .brandPage_Root #searchForm input:active,.brands-page-custom .brandPage_Root #searchForm input:focus{box-shadow:0 0 20px #00000040}.brands-page-custom .brandPage_Root #searchForm:after{content:"";background-image:url(icon-search.svg);background-size:contain;width:30px;height:30px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.brands-page-custom .brandPage_Root .brand-page-block .viewing-cont a{display:flex!important;justify-content:center;align-items:center;margin:0}.brands-page-custom .brandPage_Root .brand-page-block .viewing-cont a>div{display:flex!important;justify-content:center;align-items:center;font-size:16px!important;width:30px!important;height:30px!important;background-color:var(--color-white);padding:0!important;border-radius:40px;font-weight:400!important}.brands-page-custom .brandPage_Root .brand-page-block .viewing-cont a:hover>div{background-color:var(--color-black);color:var(--color-white)}.brands-page-custom hr{display:none}.shortcut-letter#shortcut-\#,.brand-section[term="#"]{order:90}.brands-page-custom #data_container{display:flex;flex-direction:column;margin-top:7.1rem!important;width:100%!important}.brands-page-custom #data_container .brand-section .brand-page-grid{display:flex!important;flex-direction:row;gap:50px!important;margin-bottom:50px!important}.brands-page-custom #data_container .brand-section .brand-page-grid>div:first-child{font-size:3.8rem;border-right:1px solid #dfdfdf;padding-right:47px}.brands-page-custom #data_container .brand-section .brand-page-grid>div:first-child div{padding:0!important;line-height:1!important}.brands-page-custom #data_container .brand-section .brand-page-grid>div:last-child{padding:0;width:100%!important;column-count:4;column-gap:31px;display:block!important}.brands-page-custom #data_container .brand-section .brand-page-grid>div:last-child div{width:100%!important;margin:0!important;padding:0 0 11px!important;font-size:16px!important}.brands-page-custom #data_container .brand-section .brand-page-grid>div:last-child div p{font-size:16px!important;line-height:1.7;margin:0!important}@media screen and (max-width:768px){.brands-page-custom #data_container .brand-section .brand-page-grid{flex-direction:column;gap:17px!important}.brands-page-custom #data_container .brand-section .brand-page-grid>div:first-child{border:none;padding:0}.brands-page-custom #data_container .brand-section .brand-page-grid>div:first-child div{font-size:30px!important}.brands-page-custom #data_container .brand-section .brand-page-grid>div:last-child{column-count:2}.brands-page-custom .brandPage_Root .brand-page-block .viewing-cont a{flex:0 0 calc((100% - (31px * 5)) / 6)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/brands-custom.css.map */