.catalog-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(13rem, 20vw, 20rem);
  align-items: center;
  gap: 12px;
  padding: 6px var(--gutter) 9px;
  border-block: 1px solid var(--line);
}
.catalog-controls .filterbar {
  min-inline-size: 0;
  padding: 0;
  border: 0;
}
.catalog-controls .search {
  inline-size: 100%;
  max-inline-size: none;
  min-block-size: 40px;
  margin: 0;
}
.pointer-trail {
  position: fixed;
  inset: 0;
  z-index: 20;
  inline-size: 100%;
  block-size: 100%;
  pointer-events: none;
}
@media (max-width: 720px) {
  .catalog-controls {
    grid-template-columns: minmax(0, 1fr);
    gap: 5px;
  }
  .catalog-controls .filters { padding-block-end: 4px; }
}
@media (prefers-reduced-motion: reduce) {
  .pointer-trail { display: none; }
}