.search-bar-wrapper{width:100%}.search-bar-enhanced{opacity:1;max-height:none;overflow:visible;padding:1rem 0}.search-bar-enhanced.is-visible{opacity:1;max-height:none}.search-bar-enhanced.is-collection-context{opacity:1;max-height:none;overflow:visible;padding:2rem 0}.search-bar-enhanced__form{display:flex;align-items:center;justify-content:center;gap:.5rem;max-width:700px;margin:0 auto;padding:0 1rem}.search-bar-enhanced__input-wrapper{position:relative;flex:1;max-width:600px}.search-bar-enhanced__input{width:100%;height:45px;padding:0 3rem 0 1.5rem;border:1px solid #ddd;border-radius:50px;font-size:1rem;outline:none;transition:border-color .2s ease;background:#fff}.search-bar-enhanced__input:focus{border-color:#000}.search-bar-enhanced__input::placeholder{color:#999}.search-bar-enhanced__close{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:color .2s ease}.search-bar-enhanced__close:hover{color:#000}.search-bar-enhanced__close svg{width:16px;height:16px}.search-bar-enhanced__button{background:none;border:none;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#000;transition:opacity .2s ease;flex-shrink:0}.search-bar-enhanced__button:hover{opacity:.7}.search-bar-enhanced__button svg{width:24px;height:24px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width: 749px){.header-mobile .header__item--mobile--menu-bottom,.header-mobile .header__search,.header-mobile .search[data-slide-down-current=search-button],.header-mobile .search-bar-wrapper{margin:0;padding:0}.header-mobile .search-bar-enhanced{padding:0;margin:0}.search-bar-enhanced__form{padding:.5rem 1rem}.search-bar-enhanced__input{height:40px;font-size:.9rem}.search-bar-enhanced__button svg{width:20px;height:20px}}@media (min-width: 750px){.search-bar-enhanced__form{max-width:800px}}@media (min-width: 990px){.search-bar-enhanced__form{max-width:900px}}@media (prefers-reduced-motion: reduce){.search-bar-enhanced{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/195/assets/gulp-search.css.map */