/* HEI: external gallery slides normalised to the Houzez gallery ratio (Refs #107)
 *
 * Marker class and CSS variables live on .top-gallery-section (set by the
 * HEI gallery v2 widget). lightSlider builds:
 *   .top-gallery-section > .lSSlideOuter > .lSSlideWrapper > #property-gallery-js > div.lslide
 *   .top-gallery-section > .lSSlideOuter > ul.lSPager.lSGallery
 * so the pager is not reachable from the slider element itself.
 */
.hei-external-gallery .listing-slider > div[data-thumb],
.hei-external-gallery .listing-slider > .lslide {
    aspect-ratio: var(--hei-gallery-ratio, 4 / 3);
    overflow: hidden;
}
.hei-external-gallery .listing-slider > div[data-thumb] img.houzez-gallery-img,
.hei-external-gallery .listing-slider > .lslide img.houzez-gallery-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.hei-external-gallery .lSSlideOuter .lSPager.lSGallery img {
    aspect-ratio: var(--hei-thumb-ratio, 4 / 3);
    object-fit: cover;
    width: 100%;
    height: auto;
}
.hei-external-gallery .gallery-featured-placeholder {
    aspect-ratio: var(--hei-gallery-ratio, 4 / 3);
}