.footer {
  margin-right: calc(-50vw + 50%);
  /* Allow the wave to render above the footer edge */
  overflow: visible;
  max-width: 100vw;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

html, body {
  overflow-x: hidden;
}

/* Remove any extra padding/margin after footer */
body > footer:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

/* Ensure no extra spacing after main content */
main {
  margin-bottom: 0;
  padding-bottom: 0;
}

/* Remove any extra white space after footer */
body::after,
html::after {
  content: none;
}

/* Force-remove the footer wave and its reflection on all breakpoints */
.footer-wave,
.footer-wave-svg,
.wave-reflection {
  display: none !important;
}