/* HML Results Highlights — featured recoveries, distinct from homepage stats. */

.hml-rhl {
	--hml-rhl-bg: #ffffff;
	--hml-rhl-ink: #0b0b0b;
	--hml-rhl-lipstick: #c60651;
	--hml-rhl-wine: #4f0220;
	--hml-rhl-white: #ffffff;
	--hml-rhl-pad-x: calc(80 * var(--hml-u));
	--hml-rhl-pad-y: calc(96 * var(--hml-u));
	--hml-rhl-inner: calc(1280 * var(--hml-u));
	--hml-rhl-h: calc(60 * var(--hml-u));
	--hml-rhl-tag: calc(16 * var(--hml-u));
	--hml-rhl-amount: calc(48 * var(--hml-u));
	--hml-rhl-body: calc(20 * var(--hml-u));
	--hml-rhl-note: calc(16 * var(--hml-u));
	--hml-rhl-bar: calc(4 * var(--hml-u));
	--hml-rhl-btn-h: calc(48 * var(--hml-u));
	--hml-rhl-btn-r: calc(6 * var(--hml-u));
	--hml-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--hml-ease-out: cubic-bezier(0.16, 1, 0.3, 1);

	position: relative;
	isolation: isolate;
	overflow-x: clip;
	overflow-y: visible;
	width: 100%;
	max-width: 100%;
	background: var(--hml-rhl-bg);
	color: var(--hml-rhl-ink);
	padding-top: var(--hml-rhl-pad-y);
	padding-bottom: var(--hml-rhl-pad-y);
	padding-left: max(var(--hml-rhl-pad-x), env(safe-area-inset-left, 0px));
	padding-right: max(var(--hml-rhl-pad-x), env(safe-area-inset-right, 0px));
	font-family: Inter, "Inter", system-ui, sans-serif;
	-webkit-font-smoothing: antialiased;
}

.hml-rhl,
.hml-rhl *,
.hml-rhl *::before,
.hml-rhl *::after {
	box-sizing: border-box;
}

.elementor-widget-hml-results-highlights,
.elementor-widget-hml-results-highlights > .elementor-widget-container {
	padding: 0;
	overflow: visible;
	max-width: 100%;
}

.hml-rhl--fullbleed {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

.hml-rhl__inner {
	display: flex;
	flex-direction: column;
	gap: calc(56 * var(--hml-u));
	width: 100%;
	max-width: min(100%, var(--hml-rhl-inner));
	margin: 0 auto;
	min-width: 0;
}

.hml-rhl__intro {
	display: flex;
	flex-direction: column;
	gap: calc(16 * var(--hml-u));
	max-width: min(100%, calc(906 * var(--hml-u)));
}

.hml-rhl__tag {
	--hml-d: 0s;
	margin: 0;
	font-weight: 600;
	font-size: var(--hml-rhl-tag);
	line-height: 1.5;
	color: var(--hml-rhl-lipstick);
}

.hml-rhl__heading {
	--hml-d: 0.06s;
	margin: 0;
	font-family: Manrope, Inter, sans-serif;
	font-weight: 700;
	font-size: var(--hml-rhl-h);
	line-height: 1.2;
	letter-spacing: 0.01em;
	color: var(--hml-rhl-ink);
	overflow-wrap: break-word;
}

.hml-rhl__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: calc(32 * var(--hml-u)) calc(40 * var(--hml-u));
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

.hml-rhl__block {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: calc(12 * var(--hml-u));
	min-width: 0;
	padding: calc(28 * var(--hml-u)) calc(8 * var(--hml-u)) calc(28 * var(--hml-u)) calc(36 * var(--hml-u));
	box-shadow: inset var(--hml-rhl-bar) 0 0 var(--hml-rhl-lipstick);
	transition: transform 0.45s var(--hml-ease);
}

.hml-rhl__amount {
	margin: 0;
	width: 100%;
	font-family: Manrope, Inter, sans-serif;
	font-weight: 700;
	font-size: var(--hml-rhl-amount);
	line-height: 1.15;
	letter-spacing: 0.01em;
	color: var(--hml-rhl-lipstick);
	overflow-wrap: break-word;
}

.hml-rhl__text {
	margin: 0;
	width: 100%;
	font-weight: 500;
	font-size: var(--hml-rhl-body);
	line-height: 1.6;
	color: var(--hml-rhl-ink);
	overflow-wrap: break-word;
}

.hml-rhl__footer {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: calc(28 * var(--hml-u));
	width: 100%;
	max-width: min(100%, calc(906 * var(--hml-u)));
}

.hml-rhl__note,
.hml-rhl__bridge {
	margin: 0;
	width: 100%;
	font-weight: 400;
	font-size: var(--hml-rhl-note);
	line-height: 1.6;
	color: var(--hml-rhl-ink);
	overflow-wrap: break-word;
}

.hml-rhl__bridge {
	font-size: var(--hml-rhl-body);
	font-weight: 500;
}

.hml-rhl__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: calc(16 * var(--hml-u));
	width: 100%;
}

.hml-rhl__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: calc(12 * var(--hml-u));
	min-height: var(--hml-rhl-btn-h);
	height: auto;
	padding: calc(8 * var(--hml-u)) calc(20 * var(--hml-u));
	border-radius: var(--hml-rhl-btn-r);
	border: calc(1 * var(--hml-u)) solid var(--hml-rhl-lipstick);
	font-family: Inter, sans-serif;
	font-weight: 500;
	font-size: calc(20 * var(--hml-u));
	line-height: 1.25;
	text-decoration: none;
	text-align: center;
	white-space: normal;
	cursor: pointer;
	transition: background-color 0.28s var(--hml-ease), color 0.28s ease;
}

.hml-rhl__btn--fill {
	background: var(--hml-rhl-lipstick);
	color: var(--hml-rhl-white);
}

.hml-rhl__btn--ghost {
	background: transparent;
	color: var(--hml-rhl-lipstick);
}

.hml-rhl__btn-icon {
	flex: 0 0 calc(24 * var(--hml-u));
	width: calc(24 * var(--hml-u));
	height: calc(24 * var(--hml-u));
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.hml-rhl__btn-icon svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: currentColor;
	color: inherit;
}

.hml-rhl__btn-icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.hml-rhl__btn--fill .hml-rhl__btn-icon {
	color: var(--hml-rhl-white);
}

.hml-rhl__btn--fill .hml-rhl__btn-icon img {
	filter: brightness(0) invert(1);
}

.hml-rhl__btn--ghost .hml-rhl__btn-icon {
	color: var(--hml-rhl-lipstick);
}

.hml-rhl__btn--ghost .hml-rhl__btn-icon img {
	filter: brightness(0) saturate(100%) invert(14%) sepia(96%) saturate(4644%) hue-rotate(331deg) brightness(85%) contrast(106%);
}

.hml-rhl:not(.hml-rhl--no-motion) .hml-rhl__block:hover {
	transform: translate3d(calc(4 * var(--hml-u)), 0, 0);
}

.hml-rhl:not(.hml-rhl--no-motion) .hml-rhl__btn--fill:hover {
	filter: brightness(1.06);
}

.hml-rhl:not(.hml-rhl--no-motion) .hml-rhl__btn--ghost:hover,
.hml-rhl__btn--ghost:hover {
	background: var(--hml-rhl-lipstick);
	color: var(--hml-rhl-white);
}

.hml-rhl:not(.hml-rhl--no-motion) .hml-rhl__btn--ghost:hover .hml-rhl__btn-icon,
.hml-rhl__btn--ghost:hover .hml-rhl__btn-icon {
	color: var(--hml-rhl-white);
}

.hml-rhl:not(.hml-rhl--no-motion) .hml-rhl__btn--ghost:hover .hml-rhl__btn-icon img,
.hml-rhl__btn--ghost:hover .hml-rhl__btn-icon img {
	filter: brightness(0) invert(1);
}

.hml-rhl [data-hml-enter] {
	opacity: 0;
	transform: translate3d(0, calc(18 * var(--hml-u)), 0);
}

.hml-rhl.is-inview [data-hml-enter] {
	animation: hml-rhl-enter 0.9s var(--hml-ease-out) forwards;
	animation-delay: var(--hml-d, 0s);
}

@keyframes hml-rhl-enter {
	from {
		opacity: 0;
		transform: translate3d(0, calc(18 * var(--hml-u)), 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.hml-rhl--no-motion [data-hml-enter] {
	opacity: 1 !important;
	transform: none !important;
	animation: none !important;
}

@media (max-width: 900px) {
	.hml-rhl {
		--hml-rhl-pad-x: calc(24 * var(--hml-u, 1px));
		--hml-rhl-pad-y: calc(64 * var(--hml-u, 1px));
		--hml-rhl-h: 40px;
		--hml-rhl-amount: 36px;
	}

	.hml-rhl__grid {
		grid-template-columns: 1fr;
		gap: 8px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.hml-rhl [data-hml-enter],
	.hml-rhl.is-inview [data-hml-enter] {
		opacity: 1 !important;
		transform: none !important;
		animation: none !important;
	}
}