.wl-offer .wl-offer-bundle-card {
	text-align: center !important;
}

.wl-offer .wl-offer-bundle-spotlight {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 18px auto 6px !important;
	padding: 34px 28px 36px !important;
	border-radius: 28px !important;
	overflow: hidden !important;
	text-align: center !important;
	max-width: 980px !important;
	background:
		radial-gradient(circle at 50% 0%, rgba(255, 232, 124, 0.34), rgba(255, 232, 124, 0) 34%),
		radial-gradient(circle at 10% 12%, rgba(88, 208, 205, 0.3), rgba(88, 208, 205, 0) 28%),
		radial-gradient(circle at 90% 14%, rgba(255, 92, 168, 0.3), rgba(255, 92, 168, 0) 28%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.07)) !important;
	border: 1px solid rgba(255, 255, 255, 0.26) !important;
	box-shadow:
		0 24px 50px rgba(0, 0, 0, 0.28),
		inset 0 1px 0 rgba(255, 255, 255, 0.2),
		0 0 40px rgba(255, 92, 168, 0.08),
		0 0 0 1px rgba(255, 255, 255, 0.05) !important;
	isolation: isolate !important;
	animation: wl-offer-spotlight-pop-hotfix 650ms cubic-bezier(.18,.82,.24,1) both !important;
}

.wl-offer .wl-offer-bundle-spotlight::before {
	content: "" !important;
	position: absolute !important;
	inset: -36% 8% !important;
	border-radius: 50% !important;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.12) 22%, rgba(255, 255, 255, 0) 66%) !important;
	filter: blur(16px) !important;
	opacity: 0.98 !important;
	pointer-events: none !important;
	z-index: 0 !important;
}

.wl-offer .wl-offer-bundle-spotlight::after {
	content: "" !important;
	position: absolute !important;
	inset: 8px !important;
	border-radius: 22px !important;
	border: 1px solid rgba(255, 255, 255, 0.16) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04) !important;
	pointer-events: none !important;
	z-index: 0 !important;
}

.wl-offer .wl-offer-bundle-spotlight__eyebrow {
	position: relative !important;
	z-index: 2 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 8px 14px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	border-radius: 999px !important;
	font-size: 0.86rem !important;
	font-weight: 900 !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase !important;
	color: rgba(255, 255, 255, 0.88) !important;
	background: rgba(10, 16, 36, 0.34) !important;
	border: 1px solid rgba(255, 255, 255, 0.16) !important;
	box-shadow: 0 10px 18px rgba(0, 0, 0, 0.14) !important;
}

.wl-offer .wl-offer-bundle-desc {
	position: relative !important;
	z-index: 2 !important;
	display: block !important;
	width: 100% !important;
	max-width: 16ch !important;
	margin: 16px auto 2px !important;
	font-size: clamp(2.8rem, 6.8vw, 5.6rem) !important;
	line-height: 0.92 !important;
	font-weight: 950 !important;
	letter-spacing: -0.055em !important;
	color: #ffffff !important;
	text-align: center !important;
	text-wrap: balance !important;
	text-shadow:
		0 0 36px rgba(255, 92, 168, 0.24),
		0 10px 34px rgba(0, 0, 0, 0.34) !important;
	animation: wl-offer-headline-pulse-hotfix 1800ms ease-out 1 !important;
}

.wl-offer .wl-offer-bundle-spotlight__confetti {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	width: 10px !important;
	height: 18px !important;
	border-radius: 999px !important;
	opacity: 0 !important;
	pointer-events: none !important;
	transform-origin: center !important;
	animation: wl-offer-confetti-burst-hotfix 1300ms cubic-bezier(.18,.82,.24,1) 140ms forwards !important;
	z-index: 1 !important;
}

.wl-offer .wl-offer-bundle-spotlight__confetti--1 { --tx: -148px; --ty: -88px; --rot: -28deg; background: linear-gradient(180deg, #ffdf6b, #ff8fb5) !important; animation-delay: 80ms !important; }
.wl-offer .wl-offer-bundle-spotlight__confetti--2 { --tx: -110px; --ty: -126px; --rot: 18deg; background: linear-gradient(180deg, #7cf2ee, #6bb8ff) !important; animation-delay: 150ms !important; }
.wl-offer .wl-offer-bundle-spotlight__confetti--3 { --tx: -34px; --ty: -150px; --rot: -14deg; background: linear-gradient(180deg, #ffe38a, #ffffff) !important; animation-delay: 210ms !important; }
.wl-offer .wl-offer-bundle-spotlight__confetti--4 { --tx: 118px; --ty: -118px; --rot: 26deg; background: linear-gradient(180deg, #ff8fd1, #b58dff) !important; animation-delay: 120ms !important; }
.wl-offer .wl-offer-bundle-spotlight__confetti--5 { --tx: 152px; --ty: -72px; --rot: -22deg; background: linear-gradient(180deg, #7cf2ee, #ffe38a) !important; animation-delay: 260ms !important; }
.wl-offer .wl-offer-bundle-spotlight__confetti--6 { --tx: 42px; --ty: -148px; --rot: 12deg; background: linear-gradient(180deg, #ffffff, #7cf2ee) !important; animation-delay: 180ms !important; }

.wl-offer .wl-offer-bundle-item {
	text-align: left !important;
}

.wl-offer .wl-offer-bundle-hint {
	text-align: center !important;
}

@keyframes wl-offer-spotlight-pop-hotfix {
	0% { opacity: 0; transform: translateY(12px) scale(0.97); }
	100% { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes wl-offer-headline-pulse-hotfix {
	0% { transform: scale(0.94); filter: brightness(1.08); }
	45% { transform: scale(1.04); filter: brightness(1.18); }
	100% { transform: scale(1); filter: brightness(1); }
}

@keyframes wl-offer-confetti-burst-hotfix {
	0% { opacity: 0; transform: translate(-50%, -50%) rotate(0deg) scale(0.45); }
	12% { opacity: 1; }
	100% { opacity: 0; transform: translate(calc(-50% + var(--tx, 0px)), calc(-50% + var(--ty, 0px))) rotate(var(--rot, 0deg)) scale(1); }
}

@media (max-width: 767.98px) {
	.wl-offer .wl-offer-bundle-spotlight {
		padding: 20px 14px 22px !important;
		border-radius: 22px !important;
	}

	.wl-offer .wl-offer-bundle-spotlight__eyebrow {
		font-size: 0.74rem !important;
		letter-spacing: 0.13em !important;
	}

	.wl-offer .wl-offer-bundle-desc {
		max-width: 12ch !important;
		font-size: clamp(2.2rem, 10vw, 3.4rem) !important;
	}

	.wl-offer .wl-offer-bundle-spotlight__confetti--1 { --tx: -88px; --ty: -60px; }
	.wl-offer .wl-offer-bundle-spotlight__confetti--2 { --tx: -64px; --ty: -88px; }
	.wl-offer .wl-offer-bundle-spotlight__confetti--3 { --tx: -20px; --ty: -104px; }
	.wl-offer .wl-offer-bundle-spotlight__confetti--4 { --tx: 70px; --ty: -82px; }
	.wl-offer .wl-offer-bundle-spotlight__confetti--5 { --tx: 94px; --ty: -54px; }
	.wl-offer .wl-offer-bundle-spotlight__confetti--6 { --tx: 28px; --ty: -102px; }
}

@media (prefers-reduced-motion: reduce) {
	.wl-offer .wl-offer-bundle-spotlight,
	.wl-offer .wl-offer-bundle-desc,
	.wl-offer .wl-offer-bundle-spotlight__confetti {
		animation: none !important;
	}
}
