.searchbar{display:flex;align-items:center;position:relative}.searchbar__form{position:relative;width:100%}.searchbar__input-wrapper{position:relative;display:flex;align-items:center}.searchbar__input{width:360px;padding:.9rem 3.6rem .9rem 1.2rem;border:1px solid #e9ecef;border-radius:30px;font-size:1.05rem;background-color:#f8f9fa;transition:all .2s ease}.searchbar__input:focus{outline:none;border-color:#007bff;background-color:var(--color-background);box-shadow:0 0 0 3px #007bff1a}.searchbar__button{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.6rem;color:#6c757d;transition:color .2s ease}.searchbar__button:hover{color:#007bff}.searchbar__button svg{width:24px;height:24px}.searchbar__suggestions{position:absolute;top:100%;left:0;right:0;background:var(--color-background);border:1px solid var(--color-border, #e5e5e5);border-top:none;border-radius:20px 20px 8px 8px;box-shadow:0 4px 12px #0000001a;z-index:1000;max-height:400px;overflow-y:auto;display:none}.searchbar__suggestions.active{display:block}.search-suggestions__loading{display:flex;align-items:center;gap:.75rem;padding:1rem;color:var(--color-foreground, #666);font-size:.9rem}.search-suggestions__spinner{width:16px;height:16px;border:2px solid var(--color-border, #e5e5e5);border-top:2px solid var(--color-primary, #007bff);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-suggestions__results{max-height:300px;overflow-y:auto}.search-suggestion{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--color-border, #f0f0f0);text-decoration:none;color:var(--color-foreground);transition:background-color .2s ease;justify-content:space-between}.search-suggestion:hover{background-color:var(--color-background-hover, #f8f9fa)}.search-suggestion:last-child{border-bottom:none}.search-suggestion__image{width:60px;height:60px;object-fit:cover;border-radius:6px;background-color:var(--color-background-hover, #f8f9fa)}.search-suggestion__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.search-suggestion__title{font-size:.9rem;font-weight:500;margin:0;color:var(--color-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-suggestion__price{font-size:.8rem;color:#000;font-weight:600;margin-left:auto;flex-shrink:0}.search-suggestion__vendor{font-size:.75rem;color:var(--color-foreground, #666);margin-top:.125rem}.search-suggestion__availability{font-size:.7rem;color:var(--color-error, #ff4444);font-weight:500;margin-top:.125rem}.search-suggestions__footer{padding:.75rem 1rem;border-top:1px solid var(--color-border, #f0f0f0);background-color:var(--color-background-hover, #f8f9fa)}.search-suggestions__view-all{width:100%;padding:.5rem;background:#000;color:#fff;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.search-suggestions__view-all:hover{background:#333}.search-suggestions__no-results{padding:1rem;text-align:center;color:var(--color-foreground, #666);font-size:.9rem}.searchbar__predictive-search{position:absolute;top:100%;left:0;right:0;background:var(--color-background);border:1px solid var(--color-border, #e5e5e5);border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #0000001a;z-index:1000;max-height:500px;overflow-y:auto}@media(max-width:1024px){.searchbar__input{width:300px}}@media(max-width:768px){.searchbar{display:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/searchbar.css.map */