/* Briolight mobile LCP experiment: preserve the approved desktop hero. */
@media (min-width: 576px) {
  body.home .promo .hero-mobile-picture { display: none !important; }
}
@media (max-width: 575px) {
  /* Prevent the original large background from downloading on mobile. */
  body.home .promo,
  body.home .promo .swiper-full,
  body.home .promo .hero-slide {
    background-image: none !important;
  }
  body.home .promo .hero-slide {
    position: relative;
    isolation: isolate;
  }
  body.home .promo .hero-slide > .hero-mobile-picture {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
  }
  body.home .promo .hero-slide > .hero-mobile-picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }
  body.home .promo .hero-slide::before,
  body.home .promo .hero-slide::after { z-index: 1 !important; }
  body.home .promo .hero-content { z-index: 2 !important; }
  /* Keep the existing decorative mask with the same smaller source. */
  body.home .promo .hero-slide::after {
    background-image: url('/assets/briolight-children-hero-mobile-v1.webp') !important;
  }
}