/* Prevent global overflow and enforce proper scaling */
html, body {
  max-width: 100%;
  overflow-x: hidden; /* hides tiny 1-2px overflow from banners */
}

/* Ensure the main container never exceeds viewport width */
#container {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Optional — make sure children follow the same rules */
#container > * {
  max-width: 100%;
  box-sizing: border-box;
}

/* === Make banner modules go edge-to-edge === */

/*
.module-banner, 
[id^="carousel-banner-"] {
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;            
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden;
}

[id^="carousel-banner-"] img {
  width: 100%;
  height: auto;
  display: block;
}*/