.brand-search.fixed{top:calc(var(--header-height-top) - 2px);background:#fff;width:100%;z-index:11;position:fixed;border-bottom:1px solid #E3E3E3}body:has(.shopify-section-header-hidden) .brand-search.fixed{top:0}.brand-search.fixed .brand-search__content{border:none}.brand-search__content{padding:16px 0;border-top:1px solid #E3E3E3;border-bottom:1px solid #E3E3E3;display:flex;gap:40px}.brand-search__content .brand-search__search{position:relative;display:flex;height:45px;min-width:300px;padding:10px 16px;justify-content:space-between;align-items:center;border-radius:4px;border:1px solid #E3E3E3}.brand-search__content .brand-search__results{position:absolute;left:-1px;right:-1px;top:43px;background:#fff;z-index:12;margin:0;padding:10px 20px;border:1px solid #E3E3E3;border-radius:0 0 4px 4px;gap:10px;flex-direction:column;display:none;max-height:300px;overflow-y:scroll}.brand-search__content .brand-search__results.show{display:flex}.brand-search__content .brand-search__results li{list-style:none}.brand-search__content .brand-search__results li a{display:flex;width:100%;text-decoration:none}.brand-search__content .brand-search__chars{display:flex;flex:1;align-items:center;overflow:hidden;padding:0 56px}.brand-search__content .brand-search__chars .char-item{width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500}.brand-search__content .brand-search__search input{height:100%;width:100%;border:none;margin-right:20px;outline:none;color:#8a8887}.brand-search__content .brand-search__search input:focus{outline:none}.brand-search__content .brand-search__search svg{cursor:pointer}.brand-search.carousel .owl-prev{left:12px}.brand-search.carousel .owl-next{right:12px}.brand-search .char-item.active{border-radius:2px;background:#ef6f2b;color:#fff}@media (min-width: 768px){.brand-search .char-item:hover{border-radius:2px;background:#ef6f2b;color:#fff}}@media (max-width: 768px){body:has(.shopify-section-header-hidden) .brand-search.fixed{top:0}.brand-search__content{flex-direction:column;gap:16px}.brand-search__content .brand-search__chars{padding:0 50px}.brand-search.carousel .owl-nav{display:block}.brand-search__content .brand-search__search input{font-size:11px}}.brand-search__content .brand-search__search{display:none}
/*# sourceMappingURL=/cdn/shop/t/700/assets/component-brand-search.css.map */