/* Phase 2: progressive rendering and layout stability. */

@supports (content-visibility: auto) {
    main > section:not(:first-child),
    .main-content > section:not(:first-child),
    .site-content > section:not(:first-child),
    footer {
        content-visibility: auto;
        contain-intrinsic-size: auto 700px;
    }
}

img[width][height],
video[width][height] {
    height: auto;
}

img[loading="lazy"] {
    content-visibility: auto;
}

.p1-media-pending {
    background-color: rgba(127, 127, 127, .06);
}

.p1-media-loaded {
    background-color: transparent;
}

/* Keep compositor work local to animated/interactive regions. */
.swiper,
.slick-slider,
.owl-carousel,
.modal,
.offcanvas,
.cart-drawer,
.side-cart {
    contain: layout style;
}

@media (prefers-reduced-data: reduce) {
    video[autoplay],
    .decorative-animation,
    [data-decorative-animation] {
        display: none !important;
    }
}