/* Global layout — prevent horizontal page scroll */

html {
  overflow-x: clip;
  max-width: 100%;
}

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

/* Bootstrap / legacy containers */
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
  max-width: 100%;
}

.container-fluid {
  padding-left: clamp(1rem, 4vw, 50px) !important;
  padding-right: clamp(1rem, 4vw, 50px) !important;
}

/* Media defaults — avoid accidental overflow from large assets */
img,
video,
iframe,
canvas {
  max-width: 100%;
}