/* Homepage categories stay in one horizontal row on every screen. */
.ba-home .bac-category-grid {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  scrollbar-color: #8e998e transparent;
  padding: .35rem 0 1.3rem;
  cursor: grab;
}
.ba-home .bac-category-grid > p:empty { display: none; }
.ba-home .bac-category-grid > .bac-category-card {
  flex: 0 0 calc((100% - 2rem) / 3);
  min-width: 0;
  box-sizing: border-box;
  scroll-snap-align: start;
}
.ba-home .bac-category-grid.is-dragging {
  cursor: grabbing;
  scroll-snap-type: none;
  user-select: none;
}
.ba-home .bac-category-grid:focus-visible { outline: 2px solid var(--ba-clay); outline-offset: 4px; }
@media (max-width: 900px) {
  .ba-home .bac-category-grid > .bac-category-card { flex-basis: calc((100% - 1rem) / 2); }
}
@media (max-width: 600px) {
  .ba-home .bac-category-grid { gap: .8rem; }
  .ba-home .bac-category-grid > .bac-category-card { flex-basis: 86%; }
  .ba-home .bac-category-grid .bac-category-copy { min-height: 7rem; padding: 1rem; }
  .ba-home .bac-category-grid .bac-category-copy strong { font-size: 1.6rem; }
}