/* Uses existing typography, colors and input styles; scopes additions to product search. */
.buyer-search-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.buyer-search-help { margin-top: .75rem; font-size: .875rem; color: var(--muted-foreground); }
.buyer-search-list { list-style: none; padding: 0; margin: 0; display: grid; gap: .5rem; }
.buyer-search-kind { display: inline-block; margin-bottom: .25rem; font-size: .75rem; font-weight: 600; color: var(--sps-primary); }
.buyer-search-result { display: block; overflow-wrap: anywhere; background: var(--sps-neutral-50); }
.buyer-search-result:hover { background: var(--sps-neutral-100); }
.buyer-search-result:focus-visible, .buyer-search-fallback a:focus-visible { outline: 2px solid var(--sps-primary); outline-offset: 3px; }
.buyer-search-fallback { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; margin-top: .75rem; }
.buyer-search-fallback a, .buyer-search-help a { text-decoration: underline; text-underline-offset: .2em; }