.search-autocomplete{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:1050;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);overflow:hidden;max-height:420px;overflow-y:auto}.search-autocomplete[hidden]{display:none}.search-container{position:relative}.autocomplete-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .12s;text-decoration:none;color:inherit;border-bottom:1px solid #f3f4f6}.autocomplete-item:last-child{border-bottom:0}.autocomplete-item:hover,.autocomplete-item.focused{background:#f9fafb}.autocomplete-item:focus-visible{outline:2px solid #fbbf24;outline-offset:-2px}.autocomplete-img{width:40px;height:40px;object-fit:cover;border-radius:6px;flex-shrink:0;border:1px solid #f3f4f6}.autocomplete-img--placeholder{display:flex;align-items:center;justify-content:center;background:#f9fafb;font-size:18px}.autocomplete-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.autocomplete-title{font-size:13px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35}.autocomplete-title mark{background:#fef08a;color:inherit;border-radius:2px;padding:0 1px}.autocomplete-brand{font-size:11px;color:#6b7280}.autocomplete-price{font-size:13px;font-weight:700;color:#111827;white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.autocomplete-discount{font-size:11px;font-weight:600;color:#dc2626;background:#fee2e2;border-radius:4px;padding:1px 4px}@media(max-width:767px){.search-autocomplete{border-radius:0 0 10px 10px;left:-16px;right:-16px}}