.hsp-search-wrapper { position: relative; display: inline-block; }
.hsp-search-icon { cursor: pointer; display: inline-flex; align-items: center; justify-content: center; width:36px; height:36px; border-radius:50%; background:#f5f5f5; color:#333; }
.hsp-popup { display: none; position: absolute; top: calc(100% + 10px); left: 0; width: 360px; max-width: calc(100vw - 40px); background:#fff; box-shadow: 0 8px 24px rgba(0,0,0,0.12); padding:12px; border-radius:8px; z-index:99999; }
.hsp-popup-inner { width:100%; }
#hsp-search { width:100%; padding:10px 12px; border:1px solid #e6e6e6; border-radius:6px; font-size:14px; box-sizing:border-box; }
.hsp-result-list { list-style:none; margin:8px 0 0; padding:0; max-height:260px; overflow:auto; }
.hsp-item { border-bottom:1px solid #f0f0f0; padding:8px 6px; display:flex; align-items:center; gap:8px; }
.hsp-item img { width:44px; height:44px; object-fit:cover; border-radius:4px; }
.hsp-item .hsp-title { flex:1; font-size:14px; color:#222; display:block; }
.hsp-price { margin-left:8px; white-space:nowrap; font-weight:600; color:#111; }
.hsp-no-results { margin:8px 0 0; color:#777; font-size:13px; }