/* Hero flotante QUACK */
.quack-floating-hero{
	position:relative;
	width:100%;
	height:var(--quack-hero-height,560px);
	overflow:hidden;
	background-image:var(--quack-hero-background);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	isolation:isolate
}
.quack-floating-hero__inner{
	position:relative;
	width:100%;
	max-width:var(--quack-hero-max,1440px);
	height:100%;
	margin:0 auto
}
.quack-floating-item{
	position:absolute;
	left:var(--x);
	top:var(--y);
	width:var(--w);
	display:block;
	text-decoration:none;
	z-index:2;
	transition:filter .25s ease
}
.quack-floating-item__motion{
	position:relative;
	width:100%;
	animation:quackHeroFloat var(--duration,6s) ease-in-out infinite;
	animation-delay:var(--delay,0s);
	will-change:transform
}
.quack-floating-item__product{
	display:block;
	width:100%;
	height:auto;
	transform:translate3d(var(--parallax-x,0),var(--parallax-y,0),0);
	transition:transform .22s ease-out,filter .25s ease;
	filter:drop-shadow(0 14px 20px rgba(0,0,0,.13));
	user-select:none;
	-webkit-user-drag:none
}
.quack-floating-item__label{
	position:absolute;
	left:var(--label-x);
	top:var(--label-y);
	width:var(--label-w);
	height:auto;
	max-width:none;
	transform:translate3d(calc(var(--parallax-x,0) * .55),calc(var(--parallax-y,0) * .55),0);
	filter:drop-shadow(0 5px 10px rgba(0,0,0,.11));
	pointer-events:none;
	user-select:none;
	-webkit-user-drag:none;
	z-index:3
}
.quack-floating-item:hover .quack-floating-item__product{
	transform:translate3d(var(--parallax-x,0),var(--parallax-y,0),0) scale(1.035);
	filter:drop-shadow(0 18px 26px rgba(0,0,0,.18))
}
@keyframes quackHeroFloat{
	0%,100%{transform:translate3d(0,0,0) rotate(-.35deg)}
	50%{transform:translate3d(0,calc(var(--float,12px) * -1),0) rotate(.55deg)}
}
@media(prefers-reduced-motion:reduce){
	.quack-floating-item__motion{animation:none}
	.quack-floating-item__product,
	.quack-floating-item__label{transition:none}
}

@media(max-width:767px){
	.quack-floating-hero{
		height:clamp(300px,58vw,430px);
		background-position:center center
	}
	.quack-floating-item__motion{
		animation:none
	}
	.quack-floating-item__product,
	.quack-floating-item__label{
		transform:none;
		transition:none
	}
	.quack-floating-item:hover .quack-floating-item__product{
		transform:none
	}
}