/* Reserve the existing 1600x500 / 1920x600 hero proportions before FlexSlider starts. */
body.home #metaslider_10728 {
    aspect-ratio: 16 / 5;
    margin-bottom: 40px;
}
body.home #metaslider_10728:not(.flexslider) > .slides {
    padding: 0;
    margin: 0;
    list-style: none;
}
@supports (height: 1cqw) {
    body.home #metaslider_container_10728 {
        container-type: inline-size;
    }
    body.home #metaslider_10728 {
        height: 31.25cqw;
    }
    body.home #metaslider_10728 > .flex-viewport {
        height: 100%;
    }
}
/* Keep the pending native carousel in one row, instead of a tall grid that collapses on initialization. */
body.home .ts-product-wrapper.ts-slider .products:not(.swiper) {
    flex-wrap: nowrap;
    overflow: hidden;
    margin-bottom: 0;
}
body.home .ts-product-wrapper.ts-slider .products:not(.swiper) > .product {
    flex-shrink: 0;
    margin-bottom: 0;
}

/* Reserve the native square product thumbnails while their lazy images load. */
body.home .ts-product-wrapper.ts-slider .thumbnail-wrapper {
    aspect-ratio: 1 / 1;
}
/* Match ThemeSky's container-based widths before its existing Swiper initializes. */
body.home .ts-product-wrapper.ts-slider .products:not(.swiper) {
    container-type: inline-size;
    container-name: ig-pending-products;
}
body.home .ts-product-wrapper.ts-slider .products:not(.swiper) > .product {
    width: 100%;
}
@container ig-pending-products (min-width: 305px) {
    body.home .ts-product-wrapper.ts-slider .products:not(.swiper) > .product { width: 50%; }
}
@container ig-pending-products (min-width: 615px) {
    body.home .ts-product-wrapper.ts-slider .products:not(.swiper) > .product { width: 33.333333%; }
}
@container ig-pending-products (min-width: 1000px) {
    body.home .ts-product-wrapper.ts-slider .products:not(.swiper) > .product { width: 25%; }
}
@container ig-pending-products (min-width: 1200px) {
    body.home .ts-product-wrapper.ts-slider.columns-6 .products:not(.swiper) > .product { width: 16.666667%; }
}