.mobile-search__trigger{display:none}.mobile-search__button{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.mobile-search__button:hover{opacity:.7;background-color:transparent!important}.mobile-search__icon{display:flex;align-items:center;justify-content:center}.mobile-search__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:20px;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-search__overlay.is-open{opacity:1;visibility:visible}.mobile-search__popup{background:var(--background, #ffffff);border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:0 10px 30px #0000004d;transform:translateY(-20px);transition:transform .3s ease}.mobile-search__overlay.is-open .mobile-search__popup{transform:translateY(0)}.mobile-search__header{display:flex;align-items:center;justify-content:end;padding:20px 20px 0}.mobile-search__title{margin:0;font-size:18px;font-weight:600;color:var(--text-color, #333333)}.mobile-search__close{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;margin:0;padding:5px;height:fit-content;max-width:25px}.mobile-search__close:hover{background-color:transparent}.mobile-search__close-icon{display:flex;align-items:center;justify-content:center}.mobile-search__content{padding:20px}.mobile-search__form{width:100%}.mobile-search__input-wrapper{position:relative;display:flex;align-items:center;overflow:hidden;transition:border-color .2s ease}.mobile-search__input{flex:1;padding:16px 20px;border:none;background:transparent;font-size:16px;color:var(--text-color, #333333);outline:none}.mobile-search__input::placeholder{color:var(--placeholder-color, #999999)}.mobile-search__submit-icon{display:flex;align-items:center;justify-content:center}.mobile-predictive-search{margin-top:20px;max-height:300px;overflow-y:auto}.mobile-predictive-search::-webkit-scrollbar{width:0px}.mobile-predictive-search::-webkit-scrollbar-track{background:#fff}.mobile-predictive-search::-webkit-scrollbar-thumb{background:#fff}.mobile-predictive-search ul{list-style:none;margin:0;padding:0}.mobile-predictive-search li{border-bottom:1px solid var(--border-color, #e0e0e0)}.mobile-predictive-search li:last-child{border-bottom:none}.mobile-predictive-search a{display:block;padding:12px 20px;color:var(--text-color, #333333);text-decoration:none;transition:background-color .2s ease}.mobile-predictive-search a:hover{background-color:var(--hover-background, #f5f5f5)}@media screen and (max-width: 980px){.mobile-search__trigger{display:block}}@media screen and (min-width: 981px){.mobile-search__trigger{display:none}}@keyframes mobileSearchSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobile-search__overlay.is-open .mobile-search__popup{animation:mobileSearchSlideIn .3s ease}.mobile-search__button{outline:none;margin-bottom:0}.mobile-search__button:focus{outline:none}.mobile-search__button:focus-visible{outline:none}.mobile-search__input-wrapper.loading{position:relative}.mobile-search__input-wrapper.loading:after{content:"";position:absolute;right:60px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid var(--border-color, #e0e0e0);border-top:2px solid var(--accent-color, #007bff);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/87/assets/mobile-search.css.map */