/*
 * Magestio Slider CLS fix — minimal version.
 *
 * Without this, multi-banner sliders render every .banner-item as a vertical
 * stack before Owl Carousel JS initialises. Owl then wraps them in .owl-stage
 * with horizontal transforms, collapsing N stacked items into 1 — that shifts
 * the page below by hundreds of pixels (CLS 0.30+ observed on HB homepage).
 *
 * Fix: hide every .banner-item except the first one until Owl adds .owl-loaded
 * to the carousel container. The image's intrinsic width/height HTML attrs
 * (1914×848) already reserve the visible space — no extra sizing needed here.
 *
 * Single-banner sliders are unaffected (only first child exists).
 */

.custom-slider [class*="owl-carousel-custom-"]:not(.owl-loaded) > .banner-item:not(:first-child) {
    display: none !important;
}