/* Alpha-Gal Living 0.10.4: contain horizontal category scrolling. */

html,
body,
#root,
.app-shell,
.main-content {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

.screen,
.page-title,
.search-wrap,
.recipe-grid {
  min-width: 0;
  max-width: 100%;
}

.screen {
  overflow-x: clip;
}

.filter-row {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  overscroll-behavior-inline: contain;
  touch-action: pan-x;
  contain: inline-size layout;
}

.filter-row button {
  flex: 0 0 auto;
  max-width: none;
  overflow: hidden;
}

.recipe-grid {
  width: 100%;
}