/* Reserve the existing square thumbnail slots before FlexSlider images decode. */
body.rgb-theme-product #main-content .rgb-product-gallery .flex-control-thumbs img {
    aspect-ratio: 1;
}

/* Divi's current four-column gallery uses 20%-wide tiles, 6.6667% gutters,
   5px tile padding and a 105px image cap. Match that existing geometry before
   FlexSlider inserts its controls, so the product summary does not move down.
   Other column counts and older browsers retain the native gallery layout. */
@supports (width: 1cqw) {
    body.rgb-theme-product #main-content .rgb-product-gallery .et_pb_wc_images {
        container-type: inline-size;
    }
    body.rgb-theme-product #main-content .rgb-product-gallery .woocommerce-product-gallery--columns-4 {
        min-height: calc(min(530px, 100cqw * var(--rgb-gallery-ratio)) + var(--rgb-gallery-gap) + var(--rgb-gallery-rows) * (min(20cqw, 115px) + 6.66666667cqw));
    }
}