.search-popup{position:relative;background:var(--white);box-shadow:0 10px 20px rgba(0,0,0,0.1);padding:40px 0;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease}.search-popup:before{content:" ";position:absolute;top:100%;left:0;bottom:auto;right:0;height:100vh;background:rgba(0,0,0,0.2);z-index:-1}.search-popup .close{position:absolute;top:10px;left:auto;bottom:auto;right:10px;width:42px;height:42px;line-height:42px;text-align:center;cursor:pointer}.search-popup .close:after{content:"close";font-family:Material Icons Outlined;font-size:20px}.search-popup .field{position:relative;width:100%;max-width:768px;height:42px;margin:0 auto;background:var(--light)}.search-popup .field input{width:100%;line-height:42px;padding:0 10px 0 42px;border:0;background:transparent;box-sizing:border-box}.search-popup .field .go{position:absolute;top:0;left:0;bottom:0;right:auto;width:42px;height:42px;line-height:42px;text-align:center;font-size:20px;z-index:1}.search-popup .field .go:after{content:"search";font-family:Material Icons Outlined}.search-popup .categories{position:relative;margin:10px auto 0;width:100%;max-width:768px}.search-popup .categories .category{display:inline-block;line-height:24px;text-align:center;vertical-align:top;margin-left:5px;margin-top:5px;padding:0 10px;background:var(--primary);color:var(--white);box-sizing:border-box;cursor:pointer}.search-popup .results{position:relative;width:100%;max-width:768px;min-height:0;text-align:center;padding:20px 0 0;margin:0 auto;box-sizing:border-box;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease}.search-popup .results:empty{padding:0}.search-popup .results.loading{min-height:80px;padding:0}.search-popup .results.loading:after{opacity:1}.search-popup .results .products{font-size:16px}.search-popup .results .products .product{text-align:right}.search-popup .results .products .product .card .colors .color{font-size:0}.search-popup .results .products .product .quick{display:none !important}.search-popup .results .all{position:relative;display:block;width:140px;border:2px solid var(--white);background:var(--primary);margin:10px auto 0;cursor:pointer}.search-popup .results .all>span{position:relative;line-height:42px;font-weight:bold;color:var(--white);text-shadow:0px 0px 4px rgba(0,0,0,0.2);padding:0 20px;z-index:2}.search-popup .results .all:after{content:" ";position:absolute;top:-2px;left:-2px;bottom:-2px;right:-2px;background:var(--primary);opacity:0;backdrop-filter:blur(10px);-moz-transition:all .2s ease;-webkit-transition:all .2s ease;transition:all .2s ease}.search-popup .results .all:hover:after{opacity:0.5}.search-popup .not-found{position:relative;width:100%;max-width:768px;line-height:32px;text-align:center;color:var(--text-light)}@media (max-width: 768px){.search-popup{padding:10px 0}.search-popup .field{width:calc(100% - 100px);margin:0 60px 0 10px}.search-popup .categories{padding:10px}.search-popup .categories .category{font-size:14px}.search-popup .results{padding-top:10px}.search-popup .results .products{white-space:nowrap;overflow-x:auto;overflow-y:hidden}.search-popup .results .products .product{width:35%;padding-top:190px}.search-popup .results .products .product .card{display:grid;grid-template-areas:"title" "price";grid-gap:10px;padding:0;text-align:right}.search-popup .results .products .product .card .price{grid-area:price;float:none;text-align:center}.search-popup .results .products .product .card .title{grid-area:title;margin-top:0;font-size:14px;height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}