/*
 * Hero floating card controls.
 */

.hero-visual{
	position:relative;
	overflow:hidden;
}

.hero-card{
	width:var(--nsv-hero-card-width,280px);
	max-width:calc(100% - 40px);
	border-radius:var(--nsv-hero-card-radius,26px);
	background:rgba(255,255,255,var(--nsv-hero-card-opacity,.94));
	backdrop-filter:blur(var(--nsv-hero-card-blur,14px));
	-webkit-backdrop-filter:blur(var(--nsv-hero-card-blur,14px));
	bottom:var(--nsv-hero-card-offset-y,34px);
}

.hero-stat strong{
	color:var(--nsv-hero-card-number,#115e59);
}

.hero-visual.hero-card-left .hero-card{
	left:var(--nsv-hero-card-offset-x,34px);
	right:auto;
}

.hero-visual.hero-card-right .hero-card{
	right:var(--nsv-hero-card-offset-x,34px);
	left:auto;
}

.hero-visual.hero-card-center .hero-card{
	left:50%;
	right:auto;
	transform:translateX(-50%);
}

.hero-visual.hero-card-left .hero-badge{
	right:var(--nsv-hero-card-offset-x,34px);
	left:auto;
}

.hero-visual.hero-card-right .hero-badge{
	left:var(--nsv-hero-card-offset-x,34px);
	right:auto;
}

.hero-badge{
	top:var(--nsv-hero-card-offset-y,34px);
}

@media (max-width: 768px){
	.hero-visual{
		display:flex;
		flex-direction:column;
		justify-content:center;
		gap:14px;
		min-height:auto!important;
		overflow:hidden!important;
		padding:22px!important;
	}

	.hero-card{
		position:relative!important;
		inset:auto!important;
		right:auto!important;
		left:auto!important;
		bottom:auto!important;
		top:auto!important;
		transform:none!important;
		width:var(--nsv-hero-mobile-card-width,92%)!important;
		max-width:100%;
		margin:18px auto 0!important;
	}

	.hero-badge{
		position:relative!important;
		inset:auto!important;
		right:auto!important;
		left:auto!important;
		top:auto!important;
		width:min(160px,72%)!important;
		height:auto!important;
		min-height:96px!important;
		margin:0 auto!important;
		padding:18px!important;
	}

	.hero-stat{
		min-height:72px;
	}

	.hero-stat strong{
		font-size:clamp(1.55rem,7vw,2.4rem);
	}
}