/* Sfondo condiviso: attivo esclusivamente con la classe aggiunta alle pagine top-level. */
html.estia-standalone,
html.estia-standalone body {
  min-height: 100%;
}

html:not(.estia-standalone),
html:not(.estia-standalone) body {
  background: transparent !important;
}

html:not(.estia-standalone) body::before {
  background: transparent !important;
  background-image: none !important;
}

html.estia-standalone body {
  background-color: #050914 !important;
  background-image:
    linear-gradient(rgba(2, 14, 28, 0.32), rgba(2, 14, 28, 0.62)),
    url("/backgrounds/estiastri-cosmic-desktop.webp") !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

@media (max-width: 768px), (pointer: coarse), (hover: none) {
  html.estia-standalone body {
    background-image:
      linear-gradient(rgba(2, 14, 28, 0.32), rgba(2, 14, 28, 0.62)),
      url("/backgrounds/estiastri-cosmic-mobile.webp") !important;
    background-attachment: scroll !important;
  }
}