/* Responsive refinements isolated from the cached Lot 11 base stylesheet. */
.hnf-personalized__privacy-card {
	top: 50%;
	right: 34px;
	bottom: auto;
	left: 34px;
	transform: translateY(-50%);
}

.hnf-personalized__steps-mobile {
	display: none;
}

@media (max-width: 900px) {
	.hnf-personalized__privacy-card {
		top: auto;
		right: 36px;
		bottom: 22px;
		left: 36px;
		transform: none;
	}
}

@media (max-width: 767px) {
	.hnf-personalized__cards article {
		display: grid;
		min-height: 0;
		grid-template-columns: 42px minmax(0, 1fr);
		grid-template-rows: auto auto;
		align-items: start;
		gap: 4px 12px;
		padding: 16px 15px;
		border-radius: 9px;
		text-align: left;
	}

	.hnf-personalized__cards article::after {
		display: none;
		content: none;
	}

	.hnf-personalized__cards article > svg {
		width: 32px;
		height: 32px;
		grid-column: 1;
		grid-row: 1 / span 2;
		margin: 0;
	}

	.hnf-personalized__cards h3 {
		grid-column: 2;
		grid-row: 1;
		margin: 0;
		padding: 0;
		font-size: 0.82rem;
	}

	.hnf-personalized__cards p {
		display: block;
		grid-column: 2;
		grid-row: 2;
		font-size: 0.72rem;
		line-height: 1.45;
	}

	.hnf-personalized__step-track,
	.hnf-personalized__steps {
		display: none;
	}

	.hnf-personalized__steps-mobile {
		display: grid;
		gap: 8px;
		margin-top: 22px;
		text-align: left;
	}

	.hnf-personalized__step-mobile {
		overflow: hidden;
		border: 1px solid #eee9fb;
		border-radius: 9px;
		background: linear-gradient(145deg, #faf8ff, #f3f0fd);
	}

	.hnf-personalized__step-mobile h3 {
		margin: 0;
	}

	.hnf-personalized__step-mobile button {
		display: grid;
		width: 100%;
		min-height: 58px;
		grid-template-columns: 34px 22px minmax(0, 1fr) 28px;
		align-items: center;
		gap: 8px;
		padding: 8px 10px;
		border: 0;
		background: transparent;
		color: var(--hnf-pa-navy);
		font: inherit;
		font-size: 0.78rem;
		font-weight: 700;
		text-align: left;
		cursor: pointer;
	}

	.hnf-personalized__step-mobile button:focus-visible {
		outline: 3px solid rgba(117, 88, 230, 0.45);
		outline-offset: -3px;
	}

	.hnf-personalized__step-mobile-icon {
		display: grid;
		width: 34px;
		height: 34px;
		place-items: center;
		border-radius: 50%;
		background: #f0ecff;
		color: var(--hnf-pa-purple);
	}

	.hnf-personalized__step-mobile-icon svg {
		width: 22px;
		height: 22px;
		stroke-width: 1.5;
	}

	.hnf-personalized__step-mobile button b {
		display: grid;
		width: 20px;
		height: 20px;
		place-items: center;
		border: 1px solid #8d72f0;
		border-radius: 50%;
		color: #6e56d8;
		font-size: 0.66rem;
	}

	.hnf-personalized__step-mobile button i {
		display: grid;
		width: 26px;
		height: 26px;
		place-items: center;
		border-radius: 50%;
		background: #8d72f0;
		color: #fff;
		font-size: 1.15rem;
		font-style: normal;
		font-weight: 500;
		line-height: 1;
	}

	.hnf-personalized__step-mobile-panel {
		padding: 0 46px 14px 82px;
	}

	.hnf-personalized__step-mobile-panel[hidden] {
		display: none;
	}

	.hnf-personalized__step-mobile-panel p {
		margin: 0;
		color: #3d4559;
		font-size: 0.72rem;
		line-height: 1.45;
	}

	.hnf-personalized__testimonial {
		min-height: 260px;
		padding: 24px 142px 24px 18px;
	}

	.hnf-personalized__testimonial img {
		right: 2px;
		bottom: 0;
		width: 185px;
		max-height: 100%;
		opacity: 1;
		object-fit: contain;
		object-position: right bottom;
	}
}

@media (max-width: 420px) {
	.hnf-personalized__testimonial {
		padding-right: 136px;
	}

	.hnf-personalized__testimonial img {
		right: 0;
		width: 178px;
	}
}
