/* Vault product center: search and category navigation above the full-width grid. */
main > div > div.grid:has(> div > aside):has(> section) {
  grid-template-columns:minmax(0,1fr);
  gap:22px;
}
main > div > div.grid:has(> div > aside):has(> section) > div {
  position:static;
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
}
main > div > div.grid:has(> div > aside):has(> section) > div > .relative {
  width:100%;
  max-width:400px;
}
main > div > div.grid:has(> div > aside):has(> section) > section { min-width:0; }
main > div > div.grid:has(> div > aside):has(> section) aside { position:static; min-width:0; }
main > div > div.grid:has(> div > aside):has(> section) aside > div { padding:12px; }
main > div > div.grid:has(> div > aside):has(> section) aside > div > div:first-child { display:none; }
main > div > div.grid:has(> div > aside):has(> section) aside > div > div:last-child {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  overflow:visible;
  padding:0;
}
main > div > div.grid:has(> div > aside):has(> section) aside > div > div:last-child > div {
  width:auto;
  flex:0 0 auto;
}
main > div > div.grid:has(> div > aside):has(> section) aside button {
  width:auto;
  min-height:44px;
  border-radius:999px;
  padding:10px 16px;
  flex:0 0 auto;
}
@media (max-width:767px) {
  main > div > div.grid:has(> div > aside):has(> section) > div > .relative { max-width:none; }
  main > div > div.grid:has(> div > aside):has(> section) aside > div > div:last-child {
    flex-wrap:nowrap;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    padding-bottom:4px;
  }
}