.brands-wrapper{margin-bottom:60px;padding-top:150px}@media screen and (max-width:768px){.brands-wrapper{padding-top:0}}@media screen and (max-width:390px){.brands-wrapper{padding:0}}.brands-wrapper .back-button-clickable{top:-50px;position:absolute}.brands-wrapper .catalog-top__main{position:relative}.brands-wrapper .catalog-page-title{padding-top:14px;padding-bottom:0}.brandsandletters-wrapper{margin-top:50px;display:flex;flex-direction:column}@media screen and (max-width:768px){.brandsandletters-wrapper{margin-top:30px}}@media screen and (max-width:390px){.brandsandletters-wrapper{padding:0 8px}}.search-and-letters-bar{display:flex;align-items:center;gap:40px;width:100%}.search-input-wrapper{flex:1;min-width:0;display:flex;align-items:center;gap:10px}.search-popup-input__xmark{width:46px;font-size:20px;cursor:pointer;justify-content:center;flex-shrink:0}.search-input,.search-popup-input__xmark{height:46px;display:flex;border-radius:4px;background:hsla(0,0%,100%,.05);transition:transform .15s ease-in-out;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.18);-webkit-backdrop-filter:blur(10px);align-items:center}.search-input{padding:10px 12px;position:relative;font-size:16px;width:100%;justify-content:space-between}.search-input input{width:100%;outline:none;border:none;font-size:16px;background:rgba(0,0,0,0);color:#fff}.search-input input::placeholder{color:hsla(0,0%,100%,.5)}.search-input .search-popup-input__icon{background:unset;padding:unset;border:unset}.letters-wrapper{display:flex;align-items:center;gap:10px;justify-content:space-between}.letters-wrapper .active{color:#c3af80}.letters-wrapper .active .mustache{opacity:1;--mustache-color:#c3af80}.letters-wrapper button .mustache{top:8px;height:60%;opacity:0;--mustache-color:#c3af80}.letters-wrapper button .btn__inner{padding:12px}.letters-wrapper button .mustache-left{left:4px}.letters-wrapper button .mustache-right{right:4px}.letters-wrapper button:hover{color:#c3af80}.letters-wrapper button:hover .mustache{opacity:1}@media screen and (max-width:1580px){.letters-wrapper button .btn__outer span{padding:4px}}.letters-wrapper .btn__outer{padding:4px 0}.letters-wrapper .btn__outer .btn__text{font-size:14px}.brand-search-results-wrapper{width:100%;border-radius:4px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);will-change:height,opacity,margin-top}.brand-search-results-wrapper .no-results{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;grid-column:span 3;height:100px}.brand-search-results-wrapper .brand-search-popup-item{position:relative;display:flex;background-color:#1b1b1b;padding:14px;min-height:240px;align-items:center;justify-content:center;font-size:16px;text-transform:uppercase;font-weight:500;text-align:center;cursor:pointer}@media screen and (max-width:1028px){.brand-search-results-wrapper .brand-search-popup-item{min-height:140px}}.brand-search-results-wrapper .brand-search-popup-item img{width:70%}.brand-search-results-wrapper .brand-search-popup-item:hover{background-color:#151515}.brand-search-results-wrapper .brand-search-popup-item .favorite-button-default{top:4px;position:absolute;right:0}.brand-search-results-wrapper .brand-search-popup-item .favorite-button-default .btn__icon{--size:18px}.brand-search-results-wrapper .results-inner-scroll{max-height:60vh;overflow-y:auto;overflow-x:hidden;padding:10px 0;display:grid;grid-template-columns:repeat(6,1fr);gap:2px;width:100%}@media(max-width:1280px){.brand-search-results-wrapper .results-inner-scroll{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.brand-search-results-wrapper .results-inner-scroll{grid-template-columns:repeat(2,1fr)}}.brand-search-results-wrapper .no-results{color:#999;text-align:center;padding:20px}.brand-search-results-wrapper .scroll-sentinel{height:1px}