/* NAYORA hero turn – the bottle lifts a little and turns 90° on scroll (progress --nht-p 0…1 set by turn.js) */
.nayora-hero-bottle.nht-on { position: relative; overflow: visible !important; }
.nayora-hero-bottle.nht-on .elementor-widget-container { overflow: visible !important; }

/* the stage carries lift + turn; pivot (the bottle's belly) is set by the script */
.nht-stage {
	position: relative;
	display: block;
	transform: translate3d(0, calc(var(--nht-p, 0) * var(--nht-lift, -6%)), 0)
	           rotate(calc(var(--nht-p, 0) * var(--nht-angle, -90deg)))
	           scale(calc(1 - var(--nht-p, 0) * var(--nht-shrink, 0.14)));
	will-change: transform;
	/* the "dissolved bottom" fade stays fixed to the page while the bottle turns inside it */
	-webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 62%, rgba(0,0,0,.6) 82%, rgba(0,0,0,0) 98%);
	        mask-image: linear-gradient(to bottom, #000 0%, #000 62%, rgba(0,0,0,.6) 82%, rgba(0,0,0,0) 98%);
}
/* the older per-image effects (pseudo-3D turn, image mask) must not fight the stage */
.nayora-hero-bottle.nht-on img.nht-bottle {
	transform: none !important;
	-webkit-mask-image: none !important;
	        mask-image: none !important;
}
@media (max-width: 767px) {
	.nayora-hero-bottle.nht-on { --nht-shrink: 0.22; --nht-lift: -3%; }
}
@media (prefers-reduced-motion: reduce) {
	.nht-stage { transform: none !important; }
}