body.dp-app--dentalplans .savings-calculator {
	color: #080709;
}

.savings-calculator--box {
	align-items: start;
	display: grid;
	max-width: calc(794px + (2 * var(--wp--custom--gap--horizontal)));
	gap: 40px;
	margin: 0 auto;
	position: relative;
	width: 100%;
	z-index: 2;
	padding: 0 var(--wp--custom--gap--horizontal);
}

.wp-block-group.has-background .savings-calculator--box {
	padding: 0;
}

.savings-calculator--intro {
	display: grid;
	gap: 16px;
	text-align: center;
}

body .savings-calculator--heading {
	font-size: 2rem !important;
	line-height: 1.3 !important;
	margin: 0;
	text-align: center;
}

body .savings-calculator--subheading {
	font-size: 20px !important;
	line-height: 1.6 !important;
	margin: 0;
	text-align: center;
}

body.dp-app--dentalplans .savings-calculator--content {
	color: #4b5260;
}

.savings-calculator--content {
	font-weight: var(--wp--custom--body--typography--font-weight);
	font-size: 19px;
	line-height: 1.6;
}

.savings-calculator--grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas:
		"question-1 question-2"
		"list-1 list-1"
		"list-2 list-2";
	row-gap: 32px;
	margin-bottom: 40px;
}

.savings-calculator--action {
	display: flex;
	justify-content: center;
	margin-bottom: 32px;
}

.savings-calculator--question {
	display: grid;
	gap: 16px;
}

.savings-calculator--question.»one {
	grid-area: question-1;
	border-right: 1px solid rgba(8, 7, 9, 0.15);
	padding-right: 48px;
}

.savings-calculator--question.»two {
	border-left: 1px solid rgba(8, 7, 9, 0.15);
	box-shadow: none;
	grid-area: question-2;
	padding-left: 48px;
	padding-top: 0;
}

.savings-calculator--list {
	background: var(--wp--preset--color--secondary-pearl);
	border-radius: 16px;
	display: grid;
	gap: 32px;
	padding: 24px 32px;
}

.has-secondary-pearl-background-color.has-background .savings-calculator--original .savings-calculator--list {
	background: #fff;
}

.savings-calculator--actions {
	display: flex;
	gap: 16px;
}

.savings-calculator--actions > label {
	flex: 1;
}

.savings-calculator--list.»one {
	grid-area: list-1;
}

.savings-calculator--list.»two {
	grid-area: list-2;
}

.»list-one--hidden.»list-two--hidden .savings-calculator--grid {
	row-gap: 0;
}

.»list-one--hidden .savings-calculator--list.»one {
	display: none;
}

.»list-two--hidden .savings-calculator--list.»two {
	display: none;
}

.savings-calculator-members.savings-calculator--list.»one {
	container: savings-calculator-members / inline-size;
}

.savings-calculator-items {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.savings-calculator-item {
	align-items: center;
	display: flex;
	justify-content: space-between;
	gap: 24px;
}

.savings-calculator-item--label {
	color: #4b5260;
	flex: 1;
	font-size: 16px;
	font-weight: var(--wp--custom--body--typography--font-weight);
}

.savings-calculator-item--input {
	appearance: none;
	background: none;
	color: #080709;
	border: none;
	font-family: var(--wp--custom--body--typography--font-family);
	font-size: 20px;
	font-weight: var(--wp--custom--heading--typography--font-weight);
	line-height: 40px;
	padding: 0;
	position: relative;
	top: 3px;
	text-align: center;
	width: 32px;
}

.savings-calculator-item:nth-child(odd) {
	padding-right: 16px;
	border-right: 1px solid rgba(8, 7, 9, 0.15);
}

.savings-calculator-item:nth-child(even) {
	padding-left: 16px;
	border-left: 1px solid rgba(8, 7, 9, 0.15);
}

.savings-calculator-item--minus,
.savings-calculator-item--plus {
	appearance: none;
	background: none;
	border: none;
	line-height: 0;
	padding: 0;
}

.savings-calculator-item--minus svg,
.savings-calculator-item--plus svg {
	fill: var( --wp--preset--color--primary, #2445EA );
	height: 25px;
	width: 25px;
}

.savings-calculator--inputs {
	align-items: start;
	display: grid;
	gap: 24px;
	grid-template-columns: 1fr 1fr;
	margin-bottom: 24px;
}

.savings-calculator--inputs:has( > :only-child ) {
	grid-template-columns: 1fr;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 385px;
}

.savings-calculator--inputs .radar-input-box,
.savings-calculator--inputs .input-text {
	margin-bottom: 0 !important;
}

@media screen and (max-width: 768px) {
	.savings-calculator--grid {
		grid-template-columns: 1fr;
		grid-template-areas:
			"question-1"
			"list-1"
			"question-2"
			"list-2";
		margin-bottom: 24px;
		row-gap: 8px;
	}

	.»list-one--hidden.»list-two--hidden .savings-calculator--grid {
		row-gap: 8px;
	}

	.savings-calculator--inputs {
		gap: 16px;
		grid-template-columns: 1fr;
	}

	.savings-calculator--question {
		padding-bottom: 16px;
	}

	.savings-calculator--question.»one {
		border-right: none;
		padding-right: 0;
	}

	.savings-calculator--question.»two {
		border-left: none;
		border-top: 1px solid rgba(8, 7, 9, 0.15);
		padding-left: 0;
		padding-top: 25px;
	}

	.savings-calculator--list {
		margin-bottom: 16px;
	}

	.savings-calculator:not(.savings-calculator--experience-redesign) .savings-calculator-items {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.savings-calculator:not(.savings-calculator--experience-redesign) .savings-calculator-item:nth-child(odd) {
		padding-right: 0;
		border: none;
	}

	.savings-calculator:not(.savings-calculator--experience-redesign) .savings-calculator-item:nth-child(even) {
		padding-left: 0;
		border: none;
	}
}

/***********************************************************/
/* Multistep form variant (.savings-calculator--multistep-form) */

.savings-calculator--multistep-form .savings-calculator--grid {
	display: block;
}

.savings-calculator--multistep-form .savings-calculator--action {
	justify-content: flex-end;
}

.savings-calculator--multistep-form .savings-calculator--question.»one {
	border-right: none;
	padding-right: 0;
}

.savings-calculator--multistep-form .savings-calculator--question.»two {
	box-shadow: none;
	border-left: none;
	padding-left: 0;
}

.savings-calculator--multistep-form #sc-question2,
.savings-calculator--multistep-form #sc-question3,
.savings-calculator--multistep-form .step2,
.savings-calculator--multistep-form .step3 {
	display: none;
}

.savings-calculator--multistep-form .dp-accept.»center {
	justify-content: flex-end !important;
}

.savings-calculator--multistep-form .dp-button.btn-grey {
	background: #D7D7D7 !important;
}

.savings-calculator--multistep-form .dp-button.remove-shadow {
	box-shadow: none !important;
}

.savings-calculator--multistep-form .savings-calculator--two-cta {
	display: grid;
	grid-gap: 5px;
	grid-auto-flow: column;
	justify-content: end;
}

.savings-calculator--multistep-form .step-bar {
	padding-top: 20px;
	padding-bottom: 20px;
}

@media screen and (max-width: 768px) {
	.savings-calculator--multistep-form .savings-calculator--question.»one {
		border-right: none;
		padding-right: 0;
	}

	.savings-calculator--multistep-form .savings-calculator--question.»two {
		border-left: none;
		border-top: 1px solid rgba(8, 7, 9, 0.15);
		padding-left: 0;
		padding-top: 25px;
	}
}

/***************************************************************************/
/* Experience redesign variant (.savings-calculator--experience-redesign) */

.savings-calculator--experience-redesign .savings-calculator--box {
	display: flex;
	width: 100%;
	max-width: none;
	position: relative;
	padding: 0 1rem;
}

.savings-calculator--experience-redesign .savings-calculator--background-image {
	pointer-events: none;
	user-select: none;
	position: absolute;
	z-index: 0;
	top: 5rem;
	width: 100%;
	height: auto;
	margin: 0 -1rem;
	border-radius: 3.5rem;
}

.savings-calculator--experience-redesign .savings-calculator--form {
	position: relative;
	z-index: 1;
	background: var(--wp--preset--color--background);
	border-radius: 1.5rem;
	padding: 2rem clamp(1rem, 3vw, 2rem);
	box-shadow: 0 4px 25px 0 rgba(21, 21, 21, 0.10);
	width: clamp(435px, 50%, 600px);
	margin-left: auto;
	margin-right: clamp(0px, 3vw, 3rem);
}

.savings-calculator--experience-redesign .savings-calculator-form--header {
	text-align: center;
}

.savings-calculator--experience-redesign .savings-calculator-form--header .dp-edit-location-trigger {
	color: var(--wp--preset--color--primary) !important;
}

.savings-calculator--experience-redesign .savings-calculator-form--header .dp-location-zip-line .dp-edit-location-zip-wrap {
	border-bottom-width: 2px;
}

.savings-calculator--experience-redesign .savings-calculator--form .location {
	display: none;
	visibility: hidden;
}

.savings-calculator--experience-redesign .savings-calculator--grid {
	display: flex;
	flex-direction: column;
	gap: 1.5rem !important;
	padding: 1.5rem clamp(1rem, 3vw, 1.5rem);
	margin-bottom: 1.5rem;
	background: var(--wp--preset--color--secondary-pearl);
	border-radius: 1rem;
}

.savings-calculator--experience-redesign .savings-calculator-form--title {
	color: var(--wp--preset--color--utility-body) !important;
	font-size: 16px !important;
	font-weight: var(--wp--custom--body--typography--font-weight) !important;
	line-height: 1.3 !important;
	margin: 0 0 1em !important;
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;
}

.savings-calculator--experience-redesign .savings-calculator--question {
	padding: 0;
	margin: 0;
	border: none;
	text-align: left;
}

.savings-calculator--experience-redesign .savings-calculator--subheading {
	text-align: left;
	font-size: 16px !important;
	font-weight: var(--wp--custom--body--typography--font-weight) !important;
	line-height: 1.5 !important;
	padding: 0 !important;
}

/* Toggle buttons */
.savings-calculator--experience-redesign .savings-calculator--actions {
	display: flex;
	gap: 0;
	border: 2px solid var(--wp--preset--color--primary, #2445EA);
	border-radius: 8px;
	overflow: hidden;
}

.savings-calculator--experience-redesign .savings-calculator--actions > .dp-option-button {
	flex: 1;
}

.savings-calculator--experience-redesign .savings-calculator--actions .dp-option-button--button.»full,
.savings-calculator--experience-redesign .savings-calculator--actions .dp-option-button--button {
	background: var(--wp--preset--color--background, #fff) !important;
	border: none !important;
	color: var(--wp--custom--color--foreground) !important;
	font-size: 16px !important;
	font-weight: var(--wp--custom--body--typography--font-weight) !important;
	min-width: 0 !important;
	height: 100% !important;
	padding: 12px !important;
	border-radius: 0 !important;
}

.savings-calculator--experience-redesign .savings-calculator--actions .dp-option-button:not(:last-child) .dp-option-button--button {
	border-right: 2px solid var(--wp--preset--color--primary, #2445EA) !important;
}

.savings-calculator--experience-redesign .savings-calculator--actions .dp-option-button--input:checked + .dp-option-button--button {
	background: var(--wp--preset--color--primary, #2445EA) !important;
	color: var(--wp--preset--color--background, #fff) !important;
	border-color: var(--wp--preset--color--primary, #2445EA) !important;
}

.savings-calculator--experience-redesign .savings-calculator--actions .dp-option-button--button:hover {
	background: var(--wp--preset--color--primary, #2445EA) !important;
	color: var(--wp--preset--color--background, #fff) !important;
}

.savings-calculator--experience-redesign .savings-calculator--list {
	gap: 1rem !important;
	padding: 0;
	margin: 0;
	box-shadow: none;
}

/* Family members input */
.savings-calculator--experience-redesign .savings-calculator-members.savings-calculator--list.»one .savings-calculator-item:nth-child(odd) {
	padding-right: 2rem;
}
.savings-calculator--experience-redesign .savings-calculator-members.savings-calculator--list.»one .savings-calculator-item:nth-child(even) {
	padding-left: 2rem;
}

/* Procedure option buttons */
.savings-calculator--experience-redesign .savings-calculator--list.»two .savings-calculator-items {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}

.savings-calculator--experience-redesign .savings-calculator--list.»two .savings-calculator-items .dp-option-button {
	display: flex;
	align-items: center;
	gap: 12px;
	height: 64px;
	padding: 16px;
	background: var(--wp--preset--color--background, #fff);
	border: 2px solid var(--wp--preset--color--primary, #2445EA);
	border-radius: 8px;
	color: var(--wp--custom--color--foreground);
	font-size: 16px;
	font-weight: var(--wp--custom--body--typography--font-weight);
	cursor: pointer;
}

.savings-calculator--experience-redesign .savings-calculator--list.»two .savings-calculator-items .dp-option-button--icon {
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	object-fit: contain;
}

.savings-calculator--experience-redesign .savings-calculator--list.»two .savings-calculator-items .dp-option-button--label {
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
}

/* Checked state: always visible so mobile can distinguish selected vs unselected */
.savings-calculator--experience-redesign .savings-calculator--list.»two .savings-calculator-items .dp-option-button:has(.dp-option-button--input:checked) {
	background: var(--wp--preset--color--primary, #2445EA);
	color: var(--wp--preset--color--background, #fff);
}

.savings-calculator--experience-redesign .savings-calculator--list.»two .savings-calculator-items .dp-option-button:has(.dp-option-button--input:checked) .dp-option-button--icon {
	filter: brightness(0) invert(1);
}

/* Hover only on devices that support hover (avoids sticky hover/focus on mobile after tap) */
@media (hover: hover) {
	.savings-calculator--experience-redesign .savings-calculator--list.»two .savings-calculator-items .dp-option-button:hover {
		background: var(--wp--preset--color--primary, #2445EA);
		color: var(--wp--preset--color--background, #fff);
	}
	.savings-calculator--experience-redesign .savings-calculator--list.»two .savings-calculator-items .dp-option-button:hover .dp-option-button--icon {
		filter: brightness(0) invert(1);
	}
}

.savings-calculator--experience-redesign .savings-calculator--inputs {
	display: flex;
	flex-direction: column;
	gap: 1rem !important;
	margin: 0 !important;
}

.savings-calculator--experience-redesign .savings-calculator--inputs .dp-input.email {
	width: 100%;
}

.savings-calculator--experience-redesign .dp-accept {
	align-items: flex-start !important;
	gap: 0.5rem !important;
}

.savings-calculator--experience-redesign .dp-accept input[type="checkbox"] {
	font-size: 18px !important;
	width: 18px !important;
	height: 18px !important;
}

.savings-calculator--experience-redesign .dp-accept .dp-accept--label {
	top: 0 !important;
	color: var(--wp--preset--color--utility-body) !important;
	font-size: 14px !important;
	font-weight: var(--wp--custom--body--typography--font-weight) !important;
	line-height: 1.5 !important;
	margin: 0 !important;
}

.savings-calculator--experience-redesign .dp-accept .dp-accept--label a {
	color: inherit !important;
}

.savings-calculator--experience-redesign .savings-calculator--action {
	max-width: 312px;
	margin: 0 auto;
}

@container savings-calculator-members (width < 435px) {

	.savings-calculator--experience-redesign .savings-calculator-members.savings-calculator--list.»one .savings-calculator-items {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.savings-calculator--experience-redesign .savings-calculator-members.savings-calculator--list.»one .savings-calculator-item:nth-child(odd) {
		padding-right: 0;
		border: none;
	}

	.savings-calculator--experience-redesign .savings-calculator-members.savings-calculator--list.»one .savings-calculator-item:nth-child(even) {
		padding-left: 0;
		border: none;
	}
}

@media screen and (max-width: 768px) {
	.savings-calculator--experience-redesign .savings-calculator--background-image {
		top: 0;
		border-radius: 0;
		min-height: 280px;
		object-fit: cover;
		object-position: left;
	}
	.savings-calculator--experience-redesign .savings-calculator-form--search-location-text {
		display: none;
	}
	.savings-calculator--experience-redesign .savings-calculator--form {
		margin-right: 0;
		margin-top: 230px;
		width: 100%;
	}
	.savings-calculator--experience-redesign .savings-calculator--actions .dp-option-button--button.»full,
	.savings-calculator--experience-redesign .savings-calculator--actions .dp-option-button--button,
	.savings-calculator--experience-redesign .savings-calculator--list.»two .savings-calculator-items .dp-option-button {
		font-size: 14px !important;
	}
	.savings-calculator--experience-redesign .savings-calculator--list.»two .savings-calculator-items .dp-option-button {
		justify-content: center;
		text-align: center;
		height: 72px;
	}
	.savings-calculator--experience-redesign .savings-calculator--list.»two .savings-calculator-items .dp-option-button--icon {
		display: none;
	}
}