/* Subtle idle drift on hero person cutout */

@keyframes mon-soft-drift {
	0%,
	100% {
		transform: translate3d(0, 0, 0) rotate(-0.35deg);
	}
	25% {
		transform: translate3d(5px, -7px, 0) rotate(0.45deg);
	}
	50% {
		transform: translate3d(2px, -3px, 0) rotate(0.15deg);
	}
	75% {
		transform: translate3d(-4px, 4px, 0) rotate(-0.4deg);
	}
}

.wp-block-kadence-image.kb-image10_3db9ca-ab {
	animation: mon-soft-drift 16s ease-in-out infinite;
	transform-origin: 55% 80%;
	will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
	.wp-block-kadence-image.kb-image10_3db9ca-ab {
		animation: none;
	}
}

/* "พรีเมียม" — gold base; only "เมียม" gets the L→R flash */
@keyframes mon-premium-run {
	0% {
		background-position: 200% 50%, 0 0;
	}
	45% {
		background-position: -100% 50%, 0 0;
	}
	45.01%,
	100% {
		background-position: -100% 50%, 0 0;
	}
}

.mon-premium-gold {
	font-weight: inherit;
	letter-spacing: 0.015em;
}

.mon-premium-pre,
.mon-premium-shine {
	display: inline;
	font-weight: inherit;
	background-image: linear-gradient(
		165deg,
		#fff9e8 0%,
		#f8e7b0 14%,
		#f0d78c 28%,
		#e8c547 44%,
		#f5e6b3 58%,
		#ffe9a8 74%,
		#fff6d6 100%
	);
	background-size: 100% 100%;
	background-position: 0 0;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent !important;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(0 0 6px rgba(255, 230, 150, 0.35))
		drop-shadow(0 1px 1px rgba(212, 175, 55, 0.15));
}

.mon-premium-shine {
	background-image:
		linear-gradient(
			90deg,
			transparent 0%,
			transparent 38%,
			rgba(255, 255, 255, 0.35) 46%,
			rgba(255, 255, 255, 1) 50%,
			rgba(255, 250, 230, 0.45) 54%,
			transparent 62%,
			transparent 100%
		),
		linear-gradient(
			165deg,
			#fff9e8 0%,
			#f8e7b0 14%,
			#f0d78c 28%,
			#e8c547 44%,
			#f5e6b3 58%,
			#ffe9a8 74%,
			#fff6d6 100%
		);
	background-size: 280% 100%, 100% 100%;
	background-position: 200% 50%, 0 0;
	background-repeat: no-repeat;
	filter: drop-shadow(0 0 8px rgba(255, 230, 150, 0.45))
		drop-shadow(0 1px 1px rgba(212, 175, 55, 0.2));
	animation: mon-premium-run 3s cubic-bezier(0.45, 0.05, 0.25, 1) infinite;
	will-change: background-position;
}

@media (prefers-reduced-motion: reduce) {
	.mon-premium-shine {
		animation: none;
		background-image: linear-gradient(
			165deg,
			#fff9e8 0%,
			#f0d78c 40%,
			#e8c547 100%
		);
		background-size: 100% 100%;
		background-position: 0 0;
		filter: drop-shadow(0 0 6px rgba(255, 230, 150, 0.35));
	}
}

/* TikTok review slider: only shrink slide frame to match existing 400px videos */
.kb-advanced-slider-10_0bbd16-fa .kb-advanced-slide-inner-wrap {
	min-height: 400px !important;
	height: 400px !important;
}