/* Fix horizontal scrollbar - More aggressive approach */
html {
  overflow-x: hidden !important;
  width: 100%;
}

body {
  overflow-x: hidden !important;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}

#root {
  overflow-x: hidden !important;
  width: 100%;
  max-width: 100vw;
}

/* Prevent all elements from causing horizontal overflow */
* {
  box-sizing: border-box;
}

/* Target common overflow culprits */
img, video, canvas, svg {
  max-width: 100%;
  height: auto;
}

/* Fix for absolute/fixed positioned elements */
.fixed, .absolute, [style*="position: fixed"], [style*="position: absolute"] {
  max-width: 100vw;
}

/* Ensure containers respect viewport width */
.container, section, div, main, article, aside, header, footer, nav {
  max-width: 100%;
}

/* Fix for elements with transforms that might extend beyond viewport */
[style*="transform"], [class*="translate"] {
  max-width: 100vw;
}