.search-autocomplete-wrapper{background:var(--bg-surface,#fff);border-radius:var(--hdr-radius,.5rem)0 0 var(--hdr-radius,.5rem);flex:1;align-items:center;min-width:0;display:flex;position:relative}.search-autocomplete-wrapper .header-wrapper__search-input{background:0 0;border-radius:0;outline:none;flex:1}.search-dropdown{background:var(--bg-white,#fff);border:1px solid var(--border-color,#e5e7eb);z-index:1000;opacity:0;pointer-events:none;border-radius:12px;max-height:480px;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;transform:translateY(-10px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d}.search-dropdown.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.search-dropdown.hidden{display:none}.suggest-group{border-bottom:1px solid var(--border-light,#f3f4f6)}.suggest-group:last-child{border-bottom:none}.suggest-group__header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary,#9ca3af);align-items:center;gap:6px;padding:8px 16px 4px;font-size:.6875rem;font-weight:600;display:flex}.suggest-group__header i{font-size:12px}.suggest-item{cursor:pointer;align-items:center;gap:10px;padding:6px 16px;transition:background-color .15s;display:flex}.suggest-item:hover,.suggest-item.selected{background:var(--primary-alpha-05,#2563eb0d)}.suggest-item__icon{color:var(--text-tertiary,#9ca3af);text-align:center;flex-shrink:0;width:20px;font-size:15px}.suggest-item__name{color:var(--text-primary,#1f2937);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.875rem;font-weight:400;overflow:hidden}.suggest-item__name mark{background:#ffffac;border-radius:3px;padding:0;font-weight:600}.suggest-item__arrow{color:var(--text-tertiary,#9ca3af);opacity:0;flex-shrink:0;font-size:13px;transition:opacity .15s}.suggest-item:hover .suggest-item__arrow,.suggest-item.selected .suggest-item__arrow{opacity:1}.suggest-item__meta{color:var(--text-tertiary,#9ca3af);font-size:.75rem}.suggest-item--product{gap:12px;padding:12px 16px}.suggest-item__photo{object-fit:contain;border:1px solid var(--border-light,#f3f4f6);border-radius:6px;flex-shrink:0;width:48px;height:48px}.suggest-item--product .suggest-item__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.suggest-item--product .suggest-item__name{font-size:.9375rem;font-weight:500;line-height:1.4}.suggest-item--brand .suggest-item__name{font-weight:500}.suggest-viewall{background:var(--bg-surface,#f9fafb);border-top:1px solid var(--border-light,#e5e7eb);color:var(--primary-color,#2563eb);cursor:pointer;border-radius:0 0 12px 12px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:.8125rem;font-weight:600;text-decoration:none;transition:background-color .15s;display:flex}.suggest-viewall:hover{background:var(--primary-alpha-05,#2563eb0d)}.suggest-viewall i{font-size:14px}.loading-state{color:var(--text-secondary,#6b7280);justify-content:center;align-items:center;gap:10px;padding:12px 16px;display:flex}.loading-spinner{border:2px solid var(--border-light,#f3f4f6);border-top-color:var(--primary-color,#2563eb);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-state span{font-size:.8125rem;font-weight:400}.search-dropdown::-webkit-scrollbar{width:8px}.search-dropdown::-webkit-scrollbar-track{background:var(--bg-surface,#f9fafb);border-radius:12px}.search-dropdown::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:12px}.search-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary,#9ca3af)}@media (max-width:768px){.search-dropdown{border-radius:8px;max-height:60vh}.suggest-item{padding:10px 12px}.suggest-item--product .suggest-item__photo{width:40px;height:40px}.suggest-group__header{padding:8px 12px 4px}.suggest-viewall{border-radius:0 0 8px 8px;padding:12px}.loading-state{padding:20px 12px}}.suggest-context{padding:4px 0}.suggest-context__item{cursor:pointer;align-items:center;gap:12px;padding:14px 16px;transition:background-color .15s;display:flex}.suggest-context__item:hover,.suggest-context__item.selected{background:var(--primary-alpha-05,#2563eb0d)}.suggest-context__icon{color:var(--primary-color,#2563eb);text-align:center;flex-shrink:0;width:24px;font-size:20px}.suggest-context__body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.suggest-context__label{color:var(--text-tertiary,#9ca3af);font-size:.6875rem;font-weight:500;line-height:1.2}.suggest-context__name{color:var(--text-primary,#1f2937);text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:600;overflow:hidden}.suggest-context__action{color:var(--primary-color,#2563eb);background:var(--primary-alpha-05,#2563eb14);border-radius:6px;flex-shrink:0;padding:5px 12px;font-size:.6875rem;font-weight:600;transition:background-color .15s}.suggest-context__item:hover .suggest-context__action{background:var(--primary-alpha-10,#2563eb24)}.search-scope-chip{background:var(--primary-color,#2563eb);color:#fff;white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;max-width:min(200px,40%);margin:5px 0 5px 6px;padding:4px 4px 4px 8px;font-size:.75rem;font-weight:500;animation:.15s chipIn;display:inline-flex}.search-scope-chip__name{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.search-scope-chip__remove{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:9px;line-height:1;transition:background-color .15s;display:inline-flex}.search-scope-chip__remove:hover{background:#ffffff59}@keyframes chipIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.suggest-context__item{padding:12px}.search-scope-chip{max-width:min(140px,35%);font-size:.6875rem}}@media (prefers-reduced-motion:reduce){.search-dropdown{transition:none}.search-scope-chip{animation:none}}.suggest-item:focus-visible{outline:2px solid var(--primary-color,#2563eb);outline-offset:-2px}.suggest-item--recent .suggest-item__icon{color:var(--text-tertiary,#9ca3af);font-size:14px}.suggest-item__remove{width:24px;height:24px;color:var(--text-tertiary,#9ca3af);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:10px;transition:opacity .15s,background-color .15s;display:inline-flex}.suggest-item--recent:hover .suggest-item__remove{opacity:1}.suggest-item__remove:hover{background:var(--bg-surface,#f3f4f6);color:var(--text-secondary,#6b7280)}.suggest-recent-clear{width:100%;color:var(--text-tertiary,#9ca3af);cursor:pointer;border:none;border-top:1px solid var(--border-light,#f3f4f6);background:0 0;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:.75rem;font-weight:500;transition:color .15s;display:flex}.suggest-recent-clear:hover{color:var(--text-secondary,#6b7280)}.suggest-recent-clear i{font-size:12px}