.mh-alv-host {
	position: relative;
	overflow: hidden;
}

.mh-alv-layer {
	position: absolute;
	inset: 0;
	z-index: 1;
	overflow: hidden;
	pointer-events: none;
}

.mh-alv-host > .e-con-inner,
.mh-alv-host > .elementor-container,
.mh-alv-host > .elementor-element {
	position: relative;
	z-index: 2;
}

.mh-alv {
	position: absolute;
	display: block;
	width: var(--s);
	height: var(--s);
	clip-path: polygon(25% 3%, 75% 3%, 100% 50%, 75% 97%, 25% 97%, 0% 50%);
	background: rgba(255, 255, 255, 0.15);
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	animation: mhAlvFloat 8s ease-in-out infinite;
}

.mh-alv--soft {
	background: rgba(255, 255, 255, 0.2);
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

.mh-alv--drift {
	background: rgba(255, 255, 255, var(--o, 0.2));
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	animation: mhAlvDrift 14s ease-in-out infinite;
}

@keyframes mhAlvDrift {
	0%,
	100% {
		transform: translate(0, 0) rotate(0deg);
		opacity: 0.7;
	}
	33% {
		transform: translate(var(--dx, 12px), var(--dy, -10px)) rotate(var(--rot, 4deg));
		opacity: 1;
	}
	66% {
		transform: translate(calc(var(--dx, 12px) * -0.6), calc(var(--dy, -10px) * 0.5)) rotate(calc(var(--rot, 4deg) * -0.5));
		opacity: 0.85;
	}
}

@keyframes mhAlvFloat {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-12px);
	}
}

@media (max-width: 767px) {
	.mh-alv {
		width: var(--sm);
		height: var(--sm);
	}
}

@media (prefers-reduced-motion: reduce) {
	.mh-alv {
		animation: none;
	}
}