/* Blocca rubber-band iOS sul documento: cielo/stelle restano fermi.
   L'elasticità dopo l'esplosione è solo sul canvas particelle (JS). */
html.animated-page {
  height: 100%;
  overflow: hidden;
  overscroll-behavior: none;
}

body.animated-version {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  overscroll-behavior: none;
  touch-action: none;
  -webkit-overflow-scrolling: auto;
}

.animated-version .page-inner {
  min-height: 100%;
  min-height: 100dvh;
}

.animated-version .header-media {
  position: fixed;
  inset: 0;
}

.animated-version .header-canvas,
.animated-version .fx-canvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 2;
  pointer-events: none;
  will-change: transform;
}

.animated-version .header-overlay {
  position: fixed;
  inset: 0;
  z-index: 2;
}

.animated-version .falling-star {
  z-index: 3;
}

.animated-version .header-nav,
.animated-version .hero-content {
  z-index: 4;
}

/* Logo sempre fisso in centro viewport */
.animated-version .hero-content {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.animated-version .hero-logo {
  pointer-events: auto;
}

/* Link e nav restano tappabili con comportamento touch normale */
.animated-version .header-nav,
.animated-version .footer,
.animated-version .nav-link,
.animated-version .hero-logo {
  touch-action: manipulation;
}