.search-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(6px);z-index:40}.search-popup-wrapper{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:700px;z-index:50;padding:2rem 2rem 1.5rem}.search-popup{width:100%;background:#fff;color:#222;border-radius:0 0 1rem 1rem;box-shadow:0 8px 30px rgba(0,0,0,.15)}.search-close{position:absolute;top:1rem;right:1.25rem;font-size:1.4rem;color:#888;border:none;background:transparent;cursor:pointer;transition:color .3s ease}.search-close:hover{color:#111}.search-title{text-align:center;font-size:1.5rem;font-weight:600;margin-bottom:1.2rem}.search-input-container{position:relative}.search-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #ddd;border-radius:.6rem;font-size:1rem;color:#333;outline:none;transition:border-color .3s ease}.search-input:focus{border-color:#ff5e9c;box-shadow:0 0 0 3px rgba(255,94,156,.2)}.search-icon{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:#999;font-size:1.1rem}.search-results{margin-top:1.25rem;max-height:18rem;overflow-y:auto;border-top:1px solid #f0f0f0;scrollbar-width:thin;scrollbar-color:#ccc transparent;padding-top:12px}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:10px}.search-result-item{display:flex;align-items:center;gap:.75rem;padding:.75rem .5rem;border-radius:.5rem;text-decoration:none;transition:background-color .2s ease}.search-result-item:hover{background-color:#f8f8f8}.search-result-img{border-radius:.5rem;object-fit:cover}.search-result-info{display:flex;flex-direction:column}.search-result-name{font-size:.95rem;font-weight:500;color:#222}.search-result-price{font-size:.8rem;color:#777}.search-empty,.search-no-result{list-style:none;text-align:center;padding:1rem;color:#888;font-size:.9rem}li{list-style:none}@media (max-width:640px){.search-popup-wrapper{max-width:90%;padding:1.5rem}.search-title{font-size:1.25rem}.search-input{font-size:.9rem}}.loader-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;background:white;display:flex;align-items:center;justify-content:center;z-index:9999}.loader{width:60px;height:60px;border:6px solid rgba(0,0,0,.2);border-top-color:black;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}