/* Lavvolna Premium Waves: persistent filenames, no header version changes */
.lav-hero {
  position: relative;
  overflow: hidden;
}

/* Keep the SVG's dimensions for alignment, but let canvas render the animated version. */
.lav-hero .lav-hero-waves {
  visibility: hidden !important;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  z-index: 2;
  pointer-events: none;
}

.lav-hero .lav-hero-waves-canvas {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  z-index: 3;
  opacity: 1;
  pointer-events: none;
}

.lav-hero .lav-hero-girl {
  z-index: 4;
}

.lav-hero .lav-hero-content {
  position: relative;
  z-index: 5;
}

@media (prefers-reduced-motion: reduce) {
  .lav-hero .lav-hero-waves-canvas {
    opacity: .7;
  }
}