.template-search__search{margin-bottom:35px}.search-container{position:relative;width:50%;display:flex;flex-direction:column;gap:0;color:#4a5568}#search-form-div{display:flex;align-items:center;background:#fff;border-radius:9999px;box-shadow:0 4px 20px #00000014;overflow:hidden}.search_destination{flex:1;border:none;background:transparent;padding:16px 20px;font-size:16px;outline:none;text-transform:capitalize}button.search-button{width:44px;height:44px;background:#6c43ff;border:none;border-radius:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:9px}@media screen and (max-width:576px){button.search-button{margin-right:7px}}button.search-button svg{width:20px;height:20px;fill:#fff}.search__suggestions{background:#fff;border-radius:16px;max-height:40vh;overflow-y:auto;z-index:1000}.search__suggestions.loading{overflow-y:hidden}.search__suggestions{padding:5px 16px}.dropdown-menu{padding:10px 40px!important;text-transform:capitalize;margin-bottom:2px;border-radius:8px;text-decoration:none;display:block;border-bottom:1px solid #0000004d;min-height:80px}.dropdown-menu div{display:flex;align-items:center;gap:10px}.dropdown-menu div img{width:50px;height:50px;border-radius:50%}.dropdown-menu div .content-div{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.dropdown-menu div .content-div p{margin:0}.dropdown-menu div .content-div small{font-size:11px}.dropdown-menu:hover{background:#ccc;cursor:pointer}.recommend-text-div{padding:10px 40px;font-size:12px}@media screen and (max-width:576px){.search-container{width:100%}}[data-scheme=dark] #search-form-div{background:#000}[data-scheme=dark] #search-form-div input{color:#fff}[data-scheme=dark] .search__suggestions{background:inherit;color:#fff}[data-scheme=dark] .search__suggestions .dropdown-menu{color:#fff}[data-scheme=dark] .search__suggestions .dropdown-menu:hover{background:inherit;color:#1a1a1a}.search__suggestions_container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:#fff;padding:2rem;border-radius:1.25rem;max-height:85vh;min-height:70vh;z-index:1000;max-width:90%;width:min(90vw,600px);box-shadow:0 .5rem 2rem #0003;font-family:DM Sans,sans-serif;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s}.search__suggestions_container.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);transition:opacity .3s ease,transform .3s ease,visibility 0s}#modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;opacity:0;transition:opacity .3s ease}#modal-overlay.active{display:block;opacity:1}.search-modal-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:1rem}.search-modal-header h2{margin:0;font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.2}.close-modal{cursor:pointer;font-size:clamp(2rem,3vw,2.6rem);font-weight:500;background:transparent;border:none;color:#555;transition:color .3s ease}.close-modal:hover{color:#000}.spin-loader{margin-top:10%;display:none;width:3rem;height:3rem;border:.3rem solid #FFF;border-bottom-color:orange;border-radius:50%;box-sizing:border-box;animation:rotation 1s linear infinite}.spin-loader.active{display:block;margin-left:auto;margin-right:auto}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 567px){.search__suggestions_container{top:35vh;padding:1.5rem;max-height:80vh;min-height:60vh}.search-modal-header h2{font-size:clamp(1.6rem,5vw,2rem)}.close-modal{font-size:clamp(2rem,6vw,2.4rem)}}[data-scheme=dark] .search__suggestions_container{background:#1f1f1f;box-shadow:0 .5rem 2rem #ffffff14}[data-scheme=dark] .search-modal-header h2{color:#f5f5f5}[data-scheme=dark] .close-modal{color:#ccc}[data-scheme=dark] .close-modal:hover{color:#fff}.search__suggestions .no-result{padding:10px;font-family:inter;font-size:1.8rem;display:flex;flex-direction:column;gap:10px}.search__suggestions .no-result a{text-decoration:none}.search__suggestions .no-result a button{padding:10px 15px;margin-top:5px;background:#7f5eed;color:#fff;border-radius:4px;font-family:DM SANS;cursor:pointer;font-size:16px;border:1px solid #7F5EED}.most-popular-products{margin-bottom:10px;font-family:DM SANS}
/*# sourceMappingURL=/cdn/shop/t/39/assets/template-search.css.map */
