@keyframes sb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-box-wrapper{width:100%;position:relative}.search-box-wrapper .search-input-wrap{position:relative}.search-box-wrapper .search-input-wrap .search-input{width:100%;color:var(--text);background-color:#fff;border:1px solid #91949a;border-radius:8px;outline:none;padding:9px 40px 9px 15px;font-size:16px;font-weight:400;line-height:20px;transition:border-color .2s}.search-box-wrapper .search-input-wrap .search-input:focus{border-color:var(--primary)}.search-box-wrapper .search-input-wrap .search-input::placeholder{color:#91949a}.search-box-wrapper .search-input-wrap.has-value .search-input{padding-right:66px}.search-box-wrapper .search-input-wrap .search-clear-btn{cursor:pointer;color:#666;background:#e8e9ec;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:background .15s,color .15s;display:flex;position:absolute;top:50%;right:38px;transform:translateY(-50%)}.search-box-wrapper .search-input-wrap .search-clear-btn:hover{color:#333;background:#d1d2d6}.search-box-wrapper .search-input-wrap .search-icon-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.search-box-wrapper .search-dropdown{z-index:1200;background:#fff;border:1px solid #eee;border-radius:8px;width:100%;min-width:420px;max-height:520px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 8px 32px #00000026}@media (max-width:767px){.search-box-wrapper .search-dropdown{min-width:unset;width:100%}}.search-box-wrapper .search-dropdown::-webkit-scrollbar{width:4px}.search-box-wrapper .search-dropdown::-webkit-scrollbar-track{background:0 0}.search-box-wrapper .search-dropdown::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.search-box-wrapper .search-loading{color:#91949a;align-items:center;gap:10px;padding:16px 14px;font-size:14px;display:flex}.search-box-wrapper .search-loading .search-spinner{border:2px solid #e0e0e0;border-top-color:var(--primary);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.6s linear infinite sb-spin}.search-box-wrapper .search-empty{text-align:center;color:#91949a;padding:20px 14px;font-size:14px}.search-box-wrapper .search-section{padding:6px 0}.search-box-wrapper .search-section-title{text-transform:uppercase;letter-spacing:.6px;color:#91949a;margin:0;padding:4px 14px 6px;font-size:11px;font-weight:700}.search-box-wrapper .search-divider{background-color:#eee;height:1px;margin:4px 0}.search-box-wrapper .search-suggestion-item{cursor:pointer;align-items:center;gap:10px;padding:8px 14px;transition:background .12s;display:flex}.search-box-wrapper .search-suggestion-item:hover,.search-box-wrapper .search-suggestion-item.is-focused{background-color:#f7f7f7}.search-box-wrapper .search-suggestion-item .sug-icon{flex-shrink:0;display:flex}.search-box-wrapper .search-suggestion-item .sug-icon svg{width:14px;height:14px}.search-box-wrapper .search-suggestion-item .sug-icon svg path{fill:#91949a}.search-box-wrapper .search-suggestion-item .sug-label{color:var(--text);font-size:14px}.search-box-wrapper .search-suggestion-item .sug-label strong{color:var(--primary);font-weight:700}.search-box-wrapper .search-product-item{cursor:pointer;align-items:center;gap:10px;padding:8px 14px;transition:background .12s;display:flex}.search-box-wrapper .search-product-item:hover,.search-box-wrapper .search-product-item.is-focused{background-color:#f7f7f7}.search-box-wrapper .search-product-item .prod-thumb{background:#edeef2;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;padding:4px;display:flex;overflow:hidden}.search-box-wrapper .search-product-item .prod-thumb img{object-fit:contain;width:100%;height:100%}.search-box-wrapper .search-product-item .prod-info{flex:1;min-width:0}.search-box-wrapper .search-product-item .prod-info .prod-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:13px;font-weight:500;overflow:hidden}.search-box-wrapper .search-product-item .prod-info .prod-title strong{color:var(--primary);font-weight:700}.search-box-wrapper .search-product-item .prod-info .prod-price{color:var(--primary);font-size:13px;font-weight:700}.search-box-wrapper .search-product-item .in-stock-badge{color:#16a34a;white-space:nowrap;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:600}