.search-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;box-shadow:0 4px 12px rgba(0,0,0,.15);max-height:400px;overflow-y:auto;z-index:1000;display:none}.search-suggestions.show{display:block;animation:.2s slideDown}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.suggestion-item{display:flex;align-items:center;padding:10px 15px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f5f5f5}.search-results-count{padding:12px 15px;background-color:#fff8f8;border-bottom:2px solid #ffebee;font-size:13px;color:#c62828;font-weight:500}.search-results-count strong{color:#b71c1c;font-size:15px}.suggestion-item:last-child{border-bottom:none}.suggestion-item.active,.suggestion-item:hover{background-color:#f8f9fa}.suggestion-item .icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin-right:12px;border-radius:50%;background-color:#f5f5f5;flex-shrink:0}.suggestion-item .icon.product{background-color:#fff3e0;color:#e65100}.suggestion-item .icon.keyword{background-color:#e3f2fd;color:#1565c0}.suggestion-item .icon.history{background-color:#f3e5f5;color:#7b1fa2}.suggestion-item .icon i{font-size:14px}.suggestion-item .content{flex:1;min-width:0}.suggestion-item .title{font-size:14px;color:#333;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-item .subtitle{font-size:12px;color:#999;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-history{padding:10px 0;border-bottom:1px solid #eee}.search-history-header{display:flex;align-items:center;justify-content:space-between;padding:8px 15px;font-size:13px;color:#666}.search-history-header .title{font-weight:600;color:#333}.search-history-header .clear-btn{background:0 0;border:none;color:#999;cursor:pointer;font-size:12px;padding:4px 8px;border-radius:3px;transition:.2s}.search-history-header .clear-btn:hover{background-color:#f5f5f5;color:#c62828}.popular-tags{padding:15px}.popular-tags-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:13px}.popular-tags-header .title{font-weight:600;color:#333}.popular-tags-header .refresh-btn{background:0 0;border:none;color:#999;cursor:pointer;font-size:12px;padding:4px;border-radius:3px;transition:.2s}.popular-tags-header .refresh-btn:hover{color:#c62828}.popular-tags-list{display:flex;flex-wrap:wrap;gap:8px}.popular-tag{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#f5f5f5 0,#e8e8e8 100%);border:1px solid #ddd;border-radius:20px;font-size:13px;color:#333;text-decoration:none;transition:.2s;cursor:pointer}.popular-tag:hover{background:linear-gradient(135deg,#fff3e0 0,#ffe0b2 100%);border-color:#ffb74d;color:#e65100;transform:translateY(-2px);box-shadow:0 2px 8px rgba(230,81,0,.15)}.popular-tag .fire{font-size:12px}.search-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:9999;display:none}.search-modal.show{display:flex;align-items:flex-start;justify-content:center;animation:.2s fadeIn}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.search-modal-content{background:#fff;width:100%;max-width:600px;max-height:80vh;overflow:hidden;border-radius:0 0 12px 12px;box-shadow:0 4px 20px rgba(0,0,0,.3);animation:.3s slideDownModal}@keyframes slideDownModal{from{transform:translateY(-100%)}to{transform:translateY(0)}}.search-modal-header{display:flex;align-items:center;padding:15px;border-bottom:1px solid #eee;background:#fafafa}.search-modal-input{flex:1;padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:16px;outline:0;transition:.3s}.search-modal-input:focus{border-color:#c62828;box-shadow:0 0 0 2px rgba(198,40,40,.1)}.search-modal-close{margin-left:10px;background:#c62828;border:none;color:#fff;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:.2s}.search-modal-close:hover{background:#b71c1c;transform:scale(1.05)}.search-modal-body{max-height:calc(80vh - 70px);overflow-y:auto;padding:15px}.search-modal-body .suggestion-header{font-size:13px;font-weight:600;color:#666;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #eee}.search-modal-body .search-history{margin-bottom:15px}.search-modal-body .popular-tags{padding:0}@media (max-width:767.98px){.search-modal-content{max-height:90vh;border-radius:0 0 8px 8px}.search-modal-body{max-height:calc(90vh - 70px)}.popular-tags-list{gap:6px}.popular-tag{padding:5px 10px;font-size:12px}}.search-modal-body::-webkit-scrollbar,.search-suggestions::-webkit-scrollbar{width:6px}.search-modal-body::-webkit-scrollbar-track,.search-suggestions::-webkit-scrollbar-track{background:#f5f5f5}.search-modal-body::-webkit-scrollbar-thumb,.search-suggestions::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.search-modal-body::-webkit-scrollbar-thumb:hover,.search-suggestions::-webkit-scrollbar-thumb:hover{background:#999}