.search-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease}.search-popup.active{visibility:visible;opacity:1}.search-popup__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3}.search-popup__container{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.search-popup__close{position:absolute;top:2rem;right:2rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:#00000080;color:#fff;z-index:10}.search-popup__close:hover{background-color:#000000b3}.search-popup__content{position:relative;background-color:#fff;width:100%;padding-top:2.5rem;max-height:100vh;display:flex;flex-direction:column;overflow:hidden}.search-popup__form{padding:0 2rem;margin-bottom:2rem}.search-popup__input-wrapper{position:relative;display:flex;align-items:center;gap:1rem;max-width:1200px;margin:0 auto}.search-popup__input{flex:1;padding:1.25rem 1.5rem}.search-popup__input:focus{outline:none;border-color:#000}.search-popup__input::placeholder{color:#999}.search-popup__submit{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background-color:#000;color:#fff;flex-shrink:0}.search-popup__submit:hover{background-color:#333}.search-popup__submit svg{width:24px;height:24px}.search-popup__results{flex:1;overflow-y:auto;padding:0 2rem 2rem}.search-popup__results::-webkit-scrollbar{width:8px}.search-popup__results::-webkit-scrollbar-track{background:#f5f5f5}.search-popup__results::-webkit-scrollbar-thumb{background:#ccc}.search-popup__results::-webkit-scrollbar-thumb:hover{background:#999}.search-popup__loading{display:flex;align-items:center;justify-content:center;padding:3rem 0}.search-popup__results-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto;width:100%}.search-popup__product{text-decoration:none;color:inherit;display:flex;flex-direction:column}.search-popup__product-image-wrapper{position:relative;width:100%;overflow:hidden}.search-popup__product-image{width:100%;height:auto;display:block}.search-popup__product-info{margin-top:1rem}.search-popup__product-title{font-weight:600;font-size:1rem;line-height:1.3;color:#000;margin-bottom:.75rem}.search-popup__product-price{font-size:1rem;color:#000}.search-popup__product-price--compare{font-size:.875rem;color:#999;text-decoration:line-through;margin-right:.5rem}.search-popup__no-results{text-align:center;padding:3rem 0;color:#666}.search-popup__no-results p{font-size:1.125rem;margin:0}.search-popup__suggestions{margin-top:1.5rem}.search-popup__suggestions-title{font-size:.875rem;font-weight:500;color:#666;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.search-popup__suggestions-list{display:flex;flex-wrap:wrap;gap:.75rem}.search-popup__suggestion{padding:.5rem 1rem;background-color:#f5f5f5;font-size:.875rem;color:#666;text-decoration:none}.search-popup__suggestion:hover{background-color:#000;color:#fff}@media screen and (max-width:768px){.search-popup__container{padding:0}.search-popup__close{top:1rem;right:1rem;width:40px;height:40px}.search-popup__content{padding-top:1.5rem}.search-popup__form{padding:0 1rem;margin-bottom:1.5rem}.search-popup__input{font-size:1rem;padding:1rem 1.25rem}.search-popup__submit{width:48px;height:48px}.search-popup__results{padding:0 1rem 1rem}.search-popup__results-content{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem}.search-popup__product-info{margin-top:.75rem;font-size:1rem}.search-popup__product-title{font-size:.875rem;margin-bottom:.5rem}.search-popup__product-price{font-size:.875rem}}@media screen and (max-width:480px){.search-popup__container{padding:0}.search-popup__content{padding-top:1rem}.search-popup__form{padding:0 .75rem;margin-bottom:1rem}.search-popup__input{font-size:.9375rem;padding:.875rem 1rem}.search-popup__submit{width:44px;height:44px}.search-popup__results{padding:0 .75rem .75rem}.search-popup__results-content{grid-template-columns:repeat(2,1fr);gap:1rem}.search-popup__product-info{margin-top:.5rem}.search-popup__product-title{font-size:.8125rem;margin-bottom:.375rem}.search-popup__product-price{font-size:.8125rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-search-popup.css.map */