/* 1.5.71: keep the JS target and CSS target aligned for both the current and legacy Elementor Slides widget IDs. */
body.single-product .elementor-element-f086e98:not(.niloo-product-stories-ready),
body.single-product .elementor-widget-slides[data-id="f086e98"]:not(.niloo-product-stories-ready),
body.single-product .elementor-element-576ef128:not(.niloo-product-stories-ready),
body.single-product .elementor-widget-slides[data-id="576ef128"]:not(.niloo-product-stories-ready){visibility:hidden!important;opacity:0!important;}
body.single-product .elementor-element-f086e98.niloo-product-stories-ready,
body.single-product .elementor-widget-slides[data-id="f086e98"].niloo-product-stories-ready,
body.single-product .elementor-element-576ef128.niloo-product-stories-ready,
body.single-product .elementor-widget-slides[data-id="576ef128"].niloo-product-stories-ready{visibility:visible!important;opacity:1!important;}

body.single-product .elementor-element-f086e98:not(.niloo-product-stories-ready) .elementor-swiper,
body.single-product .elementor-widget-slides[data-id="f086e98"]:not(.niloo-product-stories-ready) .elementor-swiper,
body.single-product .elementor-element-576ef128:not(.niloo-product-stories-ready) .elementor-swiper,
body.single-product .elementor-widget-slides[data-id="576ef128"]:not(.niloo-product-stories-ready) .elementor-swiper{display:none!important}
body.single-product .elementor-element-f086e98:not(.niloo-product-stories-ready) .elementor-slides-wrapper,
body.single-product .elementor-widget-slides[data-id="f086e98"]:not(.niloo-product-stories-ready) .elementor-slides-wrapper,
body.single-product .elementor-element-576ef128:not(.niloo-product-stories-ready) .elementor-slides-wrapper,
body.single-product .elementor-widget-slides[data-id="576ef128"]:not(.niloo-product-stories-ready) .elementor-slides-wrapper{display:none!important}

/* Hide Elementor's original rectangular Swiper after the custom story rail is ready. */
body.single-product .elementor-element-f086e98.niloo-product-stories-ready .elementor-swiper,
body.single-product .elementor-element-f086e98.niloo-product-stories-ready .elementor-slides-wrapper,
body.single-product .elementor-element-f086e98.niloo-product-stories-ready .swiper-pagination,
body.single-product .elementor-widget-slides[data-id="f086e98"].niloo-product-stories-ready .elementor-swiper,
body.single-product .elementor-widget-slides[data-id="f086e98"].niloo-product-stories-ready .elementor-slides-wrapper,
body.single-product .elementor-widget-slides[data-id="f086e98"].niloo-product-stories-ready .swiper-pagination,
body.single-product .elementor-element-576ef128.niloo-product-stories-ready .elementor-swiper,
body.single-product .elementor-element-576ef128.niloo-product-stories-ready .elementor-slides-wrapper,
body.single-product .elementor-element-576ef128.niloo-product-stories-ready .swiper-pagination,
body.single-product .elementor-widget-slides[data-id="576ef128"].niloo-product-stories-ready .elementor-swiper,
body.single-product .elementor-widget-slides[data-id="576ef128"].niloo-product-stories-ready .elementor-slides-wrapper,
body.single-product .elementor-widget-slides[data-id="576ef128"].niloo-product-stories-ready .swiper-pagination{display:none!important}
body.single-product .elementor-element-f086e98.niloo-product-stories-ready,
body.single-product .elementor-element-576ef128.niloo-product-stories-ready{display:block!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important}
body.single-product .niloo-product-stories{position:relative!important;z-index:4!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-start!important;gap:10px!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:7px 4px 10px!important;overflow-x:auto!important;overflow-y:hidden!important;direction:rtl!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;scroll-snap-type:x mandatory!important}
body.single-product .niloo-product-stories::-webkit-scrollbar{display:none!important}
body.single-product .niloo-product-story{position:relative!important;box-sizing:border-box!important;display:flex!important;flex:0 0 calc((100% - 50px)/5.5)!important;width:calc((100% - 50px)/5.5)!important;height:auto!important;aspect-ratio:1/1!important;min-width:0!important;min-height:0!important;align-items:center!important;justify-content:center!important;padding:3px!important;border:3px solid #19b47e!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 9px rgba(25,180,126,.18)!important;cursor:pointer!important;overflow:hidden!important;scroll-snap-align:start!important}
body.single-product .niloo-product-story:before{content:""!important;position:absolute!important;inset:3px!important;border-radius:50%!important;background-image:var(--niloo-product-story-image)!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
body.single-product .niloo-product-story-caption{position:absolute!important;inset:auto 3px 3px!important;z-index:1!important;display:block!important;max-height:28px!important;padding:3px 2px!important;overflow:hidden!important;border-radius:0 0 50px 50px!important;background:linear-gradient(transparent,rgba(0,0,0,.68))!important;color:#fff!important;font-size:9px!important;font-weight:800!important;line-height:1.35!important;text-align:center!important;white-space:normal!important}
.niloo-product-story-lightbox{position:fixed!important;inset:0!important;z-index:999999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;background:rgba(8,20,16,.92)!important;backdrop-filter:blur(5px)!important}
.niloo-product-story-lightbox img{display:block!important;max-width:min(92vw,520px)!important;max-height:88vh!important;width:auto!important;height:auto!important;object-fit:contain!important;border:2px solid #19b47e!important;border-radius:18px!important;box-shadow:0 12px 45px rgba(0,0,0,.4)!important}
.niloo-product-story-close{position:absolute!important;top:calc(12px + env(safe-area-inset-top))!important;right:14px!important;z-index:2!important;width:44px!important;height:44px!important;padding:0!important;border:2px solid #19b47e!important;border-radius:50%!important;background:#fff!important;color:#087b54!important;font-size:32px!important;font-weight:500!important;line-height:1!important;cursor:pointer!important}
html.niloo-product-story-open{overflow:hidden!important}
@media(max-width:767px){
/* Mobile has its own predictable LTR scroll axis. DOM order is oldest-to-newest,
   the rail starts at scrollWidth-clientWidth, so newest is at the right edge. */
body.single-product .niloo-product-stories{direction:ltr!important;flex-direction:row!important;gap:7px!important;padding:5px 3px 8px!important;scroll-snap-type:x mandatory!important;}
body.single-product .niloo-product-story{flex-basis:calc((100% - 35px)/5.5)!important;width:calc((100% - 35px)/5.5)!important;scroll-snap-align:start!important;}
body.single-product .niloo-product-story-caption{font-size:8px!important;max-height:24px!important}
}