/**
 * Section lazy reveal + content visibility
 */

.lazy-section {
  content-visibility: auto;
  contain-intrinsic-size: auto 480px;
}

.lazy-section:not(.is-lazy-visible):not(.slider-section):not(.header-contact-bar):not(.header-box-upper) {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.65s ease, transform 0.65s ease;
}

.lazy-section.is-lazy-visible {
  opacity: 1;
  transform: translateY(0);
}

.lazy-iframe-wrap {
  position: relative;
  background: #f0f2f5;
  min-height: 200px;
}

.lazy-iframe-wrap iframe {
  width: 100%;
  border: 0;
}

img.lazy-loading {
  background: linear-gradient(90deg, #f0f2f5 25%, #e8ebef 50%, #f0f2f5 75%);
  background-size: 200% 100%;
}

@media (prefers-reduced-motion: reduce) {
  .lazy-section:not(.is-lazy-visible) {
    opacity: 1;
    transform: none;
    transition: none;
  }
}