.search-widget-container{display:flex;gap:12px;align-items:flex-start;width:100%;max-width:100%}.search-widget{position:relative;flex:1;max-width:600px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:14px;color:#9ca3af;pointer-events:none;z-index:1}.search-input{width:100%;padding:12px 80px 12px 44px;font-size:15px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;transition:all .2s;outline:none}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.loading-spinner{position:absolute;right:48px;display:flex;align-items:center;justify-content:center}.spinner{width:20px;height:20px;animation:spin 1s linear infinite;color:#3b82f6}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.clear-btn{position:absolute;right:12px;padding:6px;background:transparent;border:none;color:#9ca3af;cursor:pointer;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center;z-index:2}.clear-btn:hover{background:#f3f4f6;color:#374151}.advanced-search-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#374151;text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap;transition:all .2s;height:48px}.advanced-search-btn:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.advanced-search-btn svg{flex-shrink:0}.suggestions-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-height:500px;overflow-y:auto;z-index:1000}.history-dropdown{max-height:300px}.history-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:12px 12px 0 0}.history-title{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.clear-history-btn{font-size:13px;color:#3b82f6;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.clear-history-btn:hover{background:#e5e7eb}.history-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;text-align:left;background:none;border:none;border-bottom:1px solid #f3f4f6;color:#374151;cursor:pointer;transition:background .15s;font-size:14px}.history-item:last-child{border-bottom:none}.history-item:hover{background:#f9fafb}.history-item svg{color:#9ca3af;flex-shrink:0}.suggestion-item{display:flex;gap:12px;padding:12px 16px;text-decoration:none;color:inherit;border-bottom:1px solid #f3f4f6;transition:background .15s;cursor:pointer}.suggestion-item:last-of-type{border-bottom:none}.suggestion-item:hover,.suggestion-item.active{background:#f9fafb}.suggestion-image{width:56px;height:56px;-o-object-fit:cover;object-fit:cover;border-radius:8px;flex-shrink:0;background:#f3f4f6}.suggestion-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}.suggestion-name{font-size:14px;font-weight:500;color:#111827;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.suggestion-category{font-size:12px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-meta{display:flex;gap:12px;font-size:13px;color:#6b7280;margin-top:2px}.suggestion-sku{color:#9ca3af}.suggestion-price{color:#059669;font-weight:600}.suggestions-footer{padding:12px 16px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.view-all-btn{width:100%;padding:10px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.view-all-btn:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.no-results{padding:32px 16px}.no-results-message{text-align:center;color:#6b7280}.no-results-message svg{margin:0 auto 16px;color:#d1d5db}.no-results-message p{font-size:16px;font-weight:600;color:#374151;margin:0 0 4px}.no-results-message span{font-size:14px}@media (max-width: 768px){.search-widget-container{flex-direction:column;gap:8px}.search-widget{max-width:100%}.advanced-search-btn{width:100%;justify-content:center}.advanced-search-text{display:inline}}@media (max-width: 640px){.search-input{font-size:16px;padding-right:70px}.suggestions-dropdown{max-height:400px}.advanced-search-btn{padding:12px 16px;font-size:13px}}@media (max-width: 480px){.advanced-search-text{display:none}.advanced-search-btn{padding:12px;width:auto}}