/* Медиа-оптимизация — без изменения мобильного UX (видео и искры остаются) */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  overflow-x: clip;
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}

img,
video {
  height: auto;
}

html.img-loading img[data-lazy] {
  background: linear-gradient(110deg, #e2e8f0 8%, #f8fafc 18%, #e2e8f0 33%);
  background-size: 200% 100%;
  animation: izhmzShimmer 1.2s linear infinite;
}

@keyframes izhmzShimmer {
  to {
    background-position: -200% 0;
  }
}

html.img-ready img[data-lazy] {
  animation: none;
  background: none;
}

@media (prefers-reduced-motion: reduce) {
  .hero-video {
    display: none;
  }

  #sparksCanvas {
    display: none;
  }
}