html,
body {
  min-height: 100%;
}

body {
  background-color: #070e18 !important;
  background-image:
    linear-gradient(rgba(7, 14, 24, 0.84), rgba(7, 14, 24, 0.84)),
    url("../images/ftv_beach.JPG") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

/* Páginas internas com hero opaco: preserva contraste sem esconder o fundo. */
.hero.bg-overlay:has(.cart-page-background),
.hero.bg-overlay:has(.purchases-page-background),
.hero.bg-overlay:has(.account-page-background) {
  background: rgba(7, 14, 24, .28) !important;
  background-image: none !important;
}