/* Shared mobile viewport safety net: content must stay within the device width. */
html {
  max-width: 100%;
  overflow-x: clip;
}

body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

img,
svg,
video,
canvas {
  max-width: 100%;
}

@media (max-width: 700px) {
  .brand-grid,
  .category-grid,
  .range-grid,
  .catalogue-grid,
  .site-footer,
  .brand-actions,
  .catalogue-actions {
    min-width: 0;
  }

  .brand-actions,
  .catalogue-actions {
    flex-wrap: wrap;
  }
}