/* Uses the same light and dark palette as the catalogue. */
#products .sv-empty-listing {
  box-sizing: border-box;
  max-width: 44rem;
  margin: 1rem auto;
  padding: clamp(1.25rem, 4vw, 2.5rem);
  border: 1px solid var(--sv-line);
  border-radius: 1.25rem;
  background: var(--sv-surface);
  color: var(--sv-ink);
  box-shadow: var(--sv-shadow);
}
.sv-empty-listing > svg { display: block; color: var(--sv-accent); }
#products .sv-empty-listing h2 { margin: .8rem 0 .5rem; color: var(--sv-ink); font-size: 1.5rem; }
#products .sv-empty-listing p { margin: 0 0 1.25rem; color: var(--sv-muted); }
.sv-empty-listing label { display: block; margin-bottom: .4rem; color: var(--sv-ink); }
.sv-empty-controls { display: flex; flex-wrap: wrap; gap: .5rem; }
.sv-empty-controls input, .sv-empty-controls button { min-height: 44px; border-radius: .65rem; }
.sv-empty-controls input { flex: 1 1 12rem; min-width: 0; padding-inline: .75rem; border: 1px solid var(--sv-line); background: var(--sv-bg); color: var(--sv-ink); }
.sv-empty-controls button { padding: .6rem 1rem; border: 0; background: var(--sv-blue); color: white; font-weight: 600; cursor: pointer; }
.sv-empty-controls :focus-visible { outline: 2px solid var(--sv-accent); outline-offset: 2px; }