/* Keep the floating statistics card attached to the hero without covering
   the slider pagination.  This file follows the older hero variants. */
body.public-home-layout .home-ref-statistics .counter,
body.design-site-runtime .home-ref-statistics .counter {
    color: #111111 !important;
}

/* Establish one visible stacking context around both the image and the
   statistics card.  Dynamic section wrappers otherwise paint the next media
   section above this absolute card. */
body.public-home-layout .home-ref-hero-stack,
body.design-site-runtime .home-ref-hero-stack {
    position: relative !important;
    z-index: 20 !important;
    overflow: visible !important;
    isolation: isolate !important;
}

body.public-home-layout .home-ref-hero,
body.design-site-runtime .home-ref-hero {
    position: relative !important;
    z-index: 1 !important;
    overflow: hidden !important;
}

body.public-home-layout .home-ref-hero .enterprise-hero__pagination,
body.public-home-layout .home-ref-hero [data-hero-pagination],
body.public-home-layout .home-ref-hero .swiper-pagination,
body.public-home-layout .home-ref-hero .enterpriseHeroSwiper > .swiper-pagination,
body.design-site-runtime .home-ref-hero .enterprise-hero__pagination,
body.design-site-runtime .home-ref-hero [data-hero-pagination],
body.design-site-runtime .home-ref-hero .swiper-pagination,
body.design-site-runtime .home-ref-hero .enterpriseHeroSwiper > .swiper-pagination {
    bottom: 132px !important;
}

/* The card remains an overlay on the bottom edge of the hero. */
body.public-home-layout .home-ref-statistics,
body.design-site-runtime .home-ref-statistics {
    position: absolute !important;
    z-index: 30 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -55px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
}

@media (max-width: 991.98px) {
    body.public-home-layout .home-ref-hero .enterprise-hero__pagination,
    body.public-home-layout .home-ref-hero [data-hero-pagination],
    body.public-home-layout .home-ref-hero .swiper-pagination,
    body.public-home-layout .home-ref-hero .enterpriseHeroSwiper > .swiper-pagination,
    body.design-site-runtime .home-ref-hero .enterprise-hero__pagination,
    body.design-site-runtime .home-ref-hero [data-hero-pagination],
    body.design-site-runtime .home-ref-hero .swiper-pagination,
    body.design-site-runtime .home-ref-hero .enterpriseHeroSwiper > .swiper-pagination {
        bottom: 142px !important;
    }
}

@media (max-width: 767.98px) {
    body.public-home-layout .home-ref-hero .enterprise-hero__pagination,
    body.public-home-layout .home-ref-hero [data-hero-pagination],
    body.public-home-layout .home-ref-hero .swiper-pagination,
    body.public-home-layout .home-ref-hero .enterpriseHeroSwiper > .swiper-pagination,
    body.design-site-runtime .home-ref-hero .enterprise-hero__pagination,
    body.design-site-runtime .home-ref-hero [data-hero-pagination],
    body.design-site-runtime .home-ref-hero .swiper-pagination,
    body.design-site-runtime .home-ref-hero .enterpriseHeroSwiper > .swiper-pagination {
        bottom: 150px !important;
    }

    body.public-home-layout .home-ref-statistics,
    body.design-site-runtime .home-ref-statistics {
        bottom: -84px !important;
    }
}
