/* Scroll reveal — محتوا در HTML برای SEO/crawler؛ فقط با کلاس js انیمیشن فعال می‌شود */

@media (prefers-reduced-motion: no-preference) {
  /* بالای fold خانه — همیشه دیده شود (استوری / هیرو / ویژگی‌ها) */
  html.js.ms-motion .ms-page-home #ms-hero,
  html.js.ms-motion .ms-page-home .ms-stories,
  html.js.ms-motion .ms-page-home #ms-features,
  html.js.ms-motion .ms-page-home .ms-stories .ms-story {
    opacity: 1;
    transform: none;
  }

  html.js.ms-motion .ms-reveal:not(.is-visible),
  html.js .ms-page-home .ms-home-reveal:not(.is-visible) {
    opacity: 0;
    transform: translate3d(0, 0.75rem, 0);
  }

  html.js.ms-motion .ms-reveal.is-visible,
  html.js .ms-page-home .ms-home-reveal.is-visible {
    opacity: 1;
    transform: none;
    transition:
      opacity 0.35s ease-out,
      transform 0.35s ease-out;
  }

  html.js.ms-motion [data-reveal-stagger] > *:not(.is-visible),
  html.js .ms-page-home .ms-home-reveal [data-reveal-stagger] > *:not(.is-visible) {
    opacity: 0;
    transform: translate3d(0, 0.5rem, 0);
  }

  html.js.ms-motion [data-reveal-stagger] > *.is-visible,
  html.js .ms-page-home .ms-home-reveal [data-reveal-stagger] > *.is-visible {
    opacity: 1;
    transform: none;
    transition:
      opacity 0.3s ease-out,
      transform 0.3s ease-out;
    transition-delay: var(--ms-reveal-delay, 0s);
  }
}

/* تصاویر lazy — بدون shimmer چشم‌زن؛ فقط fade کوتاه بعد از load */
img[data-ms-lazy] {
  background: #eef2ef;
}

html.js.ms-motion img[data-ms-lazy]:not(.is-loaded):not(.is-error),
html.js .ms-page-home img.ms-home-lazy-ready:not(.is-loaded):not(.is-error) {
  opacity: 0.92;
}

html.js.ms-motion img[data-ms-lazy].is-loaded,
html.js .ms-page-home img.ms-home-lazy-ready.is-loaded {
  opacity: 1;
  background: none;
  transition: opacity 0.25s ease-out;
}

/* Skip below-fold Style/Layout before first paint.
   Intrinsic sizes are measured from live mobile/desktop so scroll/CLS stay stable
   (previous bare `auto` without size caused pop-in). */
/* Features sits under stories+hero on desktop/mobile first paint. */
.ms-page-home #ms-features {
  content-visibility: auto;
  contain-intrinsic-size: auto 220px;
}
.ms-page-home .ms-offers {
  content-visibility: auto;
  contain-intrinsic-size: auto 560px;
}
.ms-page-home .ms-cat-section {
  content-visibility: auto;
  contain-intrinsic-size: auto 280px;
}
.ms-page-home .ms-featured-section {
  content-visibility: auto;
  contain-intrinsic-size: auto 1300px;
}
.ms-page-home .ms-segments {
  content-visibility: auto;
  contain-intrinsic-size: auto 480px;
}
.ms-page-home .ms-news {
  content-visibility: auto;
  contain-intrinsic-size: auto 580px;
}
.ms-page-home .ms-closing {
  content-visibility: auto;
  contain-intrinsic-size: auto 560px;
}
.ms-page-home .ms-home-faq {
  content-visibility: auto;
  contain-intrinsic-size: auto 360px;
}

.ms-footer {
  content-visibility: auto;
  contain-intrinsic-size: auto 400px;
}