/* Product Quiz (template-product-quiz.php) */

@media only screen and (max-width: 481px) {
    .page-template-template-product-quiz header.site-header {
        padding-bottom: 0 !important; /* overriding some important in pands.css */
    }
    .page-template-template-product-quiz .mobile-cart-elements {
        display: none;
    }
}

.vme-product-quiz {
	max-width: 980px;
	margin: 0 auto;
	padding: 0 20px;
}

.vme-product-quiz .vme-quiz-step__title {
	font-family: 'Bricolage Grotesque', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size: 86px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	letter-spacing: -1px;
	text-transform: capitalize;
	color: #0F1F27;
	font-variation-settings: 'opsz' 96;
	margin: 28px 0 22px;
}

@media (max-width: 780px) {
	.vme-product-quiz .vme-quiz-step__title {
		font-family: 'Bricolage Grotesque', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
		font-weight: 800;
		font-style: normal;
		font-size: 36px;
		line-height: 1; /* 100% */
		letter-spacing: -1px;
		text-align: center;
		text-transform: capitalize;
	}
}

.vme-product-quiz .vme-quiz-step__help {
	font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	font-size: 28px;
	line-height: 1.2;
	color: #0F1F27;
	margin: 0 0 18px;
}

/* When help text is placed under the big title (outside the card), center it */
.vme-product-quiz .vme-quiz-step > .vme-quiz-step__help {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/* Loading step: no card, center title */
.vme-quiz-step--loading {
	min-height: 60vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.vme-quiz-step--loading .vme-quiz-step__title {
	margin: 0;
}

.vme-quiz-step__card {
	background: rgba(255, 255, 255, 1);
	border: 1px solid #f0f0f0;
	box-shadow: 0px 8px 24px rgba(15, 31, 39, 0.08);
	border-radius: 24px;
	padding: 28px;
	margin-bottom: 28px;
	max-width: 820px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.vme-product-quiz .vme-quiz-step__field {
	margin-bottom: 16px;
}

/* Visible field label (placed above inputs) */
.vme-quiz-field__label {
	display: block;
	font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #0F1F27;
	margin: 0 0 10px;
}

@media (max-width: 780px) {
	.vme-quiz-field__label {
		font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 14px;
		line-height: 1;
		letter-spacing: -0.2px;
		vertical-align: middle;
	}
}

.vme-quiz-step__field input,
.vme-quiz-step__field textarea,
.vme-quiz-step__field select {
	/* ensure inputs keep previous sizing */
	width: 100%;
	box-sizing: border-box;
}

.vme-quiz-step__card-title {
	font-size: 22px;
	font-weight: 600;
	color: #0F1F27;
	margin: 0 0 18px;
}

.vme-quiz-step__card-image {
	display: block;
	width: 100%;
	height: auto;
	max-height: 320px;
	object-fit: cover;
	border-radius: 12px;
	margin: 12px 0 18px;
}

/* Default body copy typography (results/info screens etc.) */
.vme-product-quiz .vme-quiz-step__body {
	font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 24px;
	line-height: 1.4; /* 140% */
	letter-spacing: 0;
	color: #0F1F27;
}

/* Info block body typography / layout */
.vme-quiz-step--info .vme-quiz-step__body {
	/* Fixed ideal size, but responsive-friendly */
	width: 756px;
	max-width: 100%;
	height: 102px;

	display: flex;
	align-items: center;

	margin: 0 auto 0;
	box-sizing: border-box;
}

@media (max-width: 820px) {
	.vme-quiz-step--info .vme-quiz-step__body {
		height: auto;
		font-size: 20px;
		line-height: 1.45;
		padding: 8px 12px;
	}
}

/* Slider styles */
.vme-quiz-step--slider .vme-quiz-step__field {
	position: relative;
	padding: 18px 0 8px;
}

.vme-quiz-step--slider .vme-quiz-slider-row {
	display: flex;
	align-items: center;
	gap: 18px;
	margin: 0 5px; /* 5px margin inside card padding */
}
.vme-quiz-step--slider .vme-quiz-slider-min,
.vme-quiz-step--slider .vme-quiz-slider-max {
	font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	font-weight: 800;
	font-size: 32px;
	line-height: 39px;
	letter-spacing: -0.2px;
	color: #000000;
	white-space: nowrap;
	flex: none;
}
.vme-quiz-step--slider .vme-quiz-slider-range-wrap {
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
}

.vme-quiz-step--slider input[type="range"] {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 12px;
	border-radius: 999px;
	background: #EEEEEE;
	outline: none;
	margin: 12px 0;
	padding: 0; /* prevent internal padding affecting thumb at edges */
}
.vme-quiz-step--slider input[type="range"]::-webkit-slider-runnable-track {
	height: 12px;
	border-radius: 999px;
	background: transparent;
}
.vme-quiz-step--slider input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #6300FF;
	box-shadow: 0 4px 12px rgba(99,0,255,0.18);
	margin-top: -8px; /* center thumb over track */
	cursor: pointer;
	border: none;
}
.vme-quiz-step--slider input[type="range"]::-moz-range-track {
	height: 12px;
	border-radius: 999px;
	background: transparent;
}
.vme-quiz-step--slider input[type="range"]::-moz-range-thumb {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #6300FF;
	box-shadow: 0 4px 12px rgba(99,0,255,0.18);
	border: none;
	cursor: pointer;
}

.vme-quiz-step__value {
	position: absolute;
	top: -28px;
	left: 0;
	transform: translateX(-50%);
	background: #ffffff;
	padding: 6px 8px;
	border-radius: 8px;
	border: 1px solid #eee;
	font-weight: 700;
	box-shadow: 0 6px 18px rgba(15,31,39,0.06);
	white-space: nowrap;
	pointer-events: none;
}

/* min/max labels */
.vme-quiz-step--slider .vme-quiz-step__card {
	position: relative;
}
.vme-quiz-step--slider .vme-quiz-step__card:before,
.vme-quiz-step--slider .vme-quiz-step__card:after {
	content: none;
}

/* Not sure checkbox style */
.vme-quiz-step__option--not-sure {
	display: flex;
	justify-content: center;
	margin: 18px 0;
}
.vme-quiz-step__option--not-sure input {
	position: absolute;
	opacity: 0;
}
.vme-quiz-step__option--not-sure span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 700;
	font-size: 18px;
}
.vme-quiz-step__option--not-sure span::before {
	content: '';
	width: 22px;
	height: 22px;
	border-radius: 6px;
	border: 2px solid #6300FF;
	background: #fff;
	display: inline-block;
	box-sizing: border-box;
}
.vme-quiz-step__option--not-sure input:checked + span::before {
	background: #6300FF;
	box-shadow: 0 2px 8px rgba(99,0,255,0.18);
}

.vme-product-quiz .vme-quiz-step__field input[type="text"],
.vme-product-quiz .vme-quiz-step__field input[type="email"],
.vme-product-quiz .vme-quiz-step__field input[type="tel"],
.vme-product-quiz .vme-quiz-step__field input[type="number"],
.vme-product-quiz .vme-quiz-step__field input[type="date"] {
	width: 100%;
	height: 72px;
	padding: 0 22px;
	border-radius: 14px;
	border: 1px solid #eeeeee;
	background: #f4f4f4;
	font-size: 28px;
	color: #0F1F27;
}

.vme-product-quiz .vme-quiz-step__field input::placeholder {
	color: rgba(15, 31, 39, 0.45);
}

@media (max-width: 780px) {
	.vme-product-quiz .vme-quiz-step__help {
		font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 20px;
		line-height: 1.2;
		letter-spacing: 0;
		vertical-align: middle;
	}

	.vme-product-quiz .vme-quiz-step__field input[type="text"],
	.vme-product-quiz .vme-quiz-step__field input[type="email"],
	.vme-product-quiz .vme-quiz-step__field input[type="tel"],
	.vme-product-quiz .vme-quiz-step__field input[type="number"],
	.vme-product-quiz .vme-quiz-step__field input[type="date"],
	.vme-product-quiz .vme-quiz-step__field textarea,
	.vme-product-quiz .vme-quiz-step__field select {
		box-sizing: border-box;
		display: flex;
		flex-direction: row;
		align-items: center;
		padding: 16px 12px;
		gap: 10px;
		height: 56px;
		background: #F5F5F5;
		border: 1px solid #EEEEEE;
		border-radius: 8px;
		flex: none;
		order: 1;
		align-self: stretch;
		flex-grow: 0;
		font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 20px;
		line-height: 1;
		letter-spacing: -0.2px;
		vertical-align: middle;
	}

	.vme-product-quiz .vme-quiz-step__body {
		font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 20px;
		line-height: 1.2;
		letter-spacing: 0;
		vertical-align: middle;
	}
}

.vme-product-quiz.is-js .vme-quiz-step {
	display: none;
}

.vme-product-quiz.is-js .vme-quiz-step.is-active {
	display: block;
}

/* Progress pill (matches provided spec) */
.vme-quiz-progress {
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 8px 12px;
	gap: 24px;

	width: 280px;
	height: 36px;

	background: #ffffff;
	opacity: 0.8;
	border: 1px solid #eeeeee;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
	border-radius: 32px;
	margin: auto ;
}

.vme-quiz-progress__count {
	font-weight: 700;
	font-size: 18px;
	line-height: 1;
	color: #111111;
	white-space: nowrap;
}

.vme-quiz-progress__track {
	flex: 1 1 auto;
	height: 8px;
	background: rgba(0, 0, 0, 0.1);
	border-radius: 999px;
	overflow: hidden;
}

.vme-quiz-progress__bar {
	height: 8px;
	background: #6b4eff;
	width: 0%;
	transition: width 200ms ease;
	border-radius: 999px;
}

.vme-quiz-nav {
	display: flex;
	gap: 12px;
	margin-top: 22px;
	justify-content: space-between;
}

/* Center nav on restart-only screens */
.vme-quiz-nav:has(.vme-quiz-restart) {
	justify-content: center;
}

/* Start date picker */
.vme-quiz-start-date__value {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	opacity: 0;
}
.vme-quiz-start-date__select {
	width: 100%;
	height: 56px;
	border-radius: 8px;
	border: 1px solid #EEEEEE;
	background: #F5F5F5;
	padding: 12px 40px 12px 12px;
	font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #0F1F27;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%230F1F27' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 14px 8px;
}

/* Hard override any global button hover styles (prevents white text) */
.vme-quiz-step--start-date .vme-quiz-start-date__option,
.vme-quiz-step--start-date .vme-quiz-start-date__option * {
	color: #0F1F27;
}
.vme-quiz-step--start-date .vme-quiz-start-date__option:hover,
.vme-quiz-step--start-date .vme-quiz-start-date__option:hover * {
	color: #0F1F27 !important;
}
.vme-quiz-step--start-date .vme-quiz-start-date__option.is-selected:hover,
.vme-quiz-step--start-date .vme-quiz-start-date__option.is-selected:hover * {
	color: #0F1F27 !important;
	background: rgba(99, 0, 255, 0.06) !important;
}
.vme-quiz-step--start-date .vme-quiz-start-date__option:focus,
.vme-quiz-step--start-date .vme-quiz-start-date__option:active,
.vme-quiz-step--start-date .vme-quiz-start-date__option:focus *,
.vme-quiz-step--start-date .vme-quiz-start-date__option:active * {
	color: #0F1F27 !important;
}

/* Your details: marketing consent checkbox */
.vme-quiz-step--your-details .vme-quiz-consent {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
	margin-top: 6px;
}
.vme-quiz-step--your-details .vme-quiz-consent__input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.vme-quiz-step--your-details .vme-quiz-consent__box {
	box-sizing: border-box;
	width: 22px;
	height: 22px;
	background: #F9F5FF;
	border: 1px solid #6300FF;
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
}
.vme-quiz-step--your-details .vme-quiz-consent__input:checked + .vme-quiz-consent__box::after {
	content: "";
	width: 12px;
	height: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 12px 10px;
	/* inline SVG tick */
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2210%22%20viewBox%3D%220%200%2012%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.647%200.307876C11.8643%200.513277%2011.9911%200.796554%2011.9995%201.09542C12.008%201.39429%2011.8974%201.68429%2011.6921%201.90165L5.30199%208.66767C5.19843%208.77713%205.07397%208.86473%204.93598%208.92528C4.79799%208.98583%204.64927%209.01811%204.49859%209.02021C4.34791%209.02231%204.19835%208.9942%204.05872%208.93752C3.91909%208.88084%203.79224%208.79675%203.68566%208.69023L0.302654%205.30722C0.103463%205.09345%20-0.00497884%204.81071%200.000175687%204.51856C0.00533022%204.22642%200.123678%203.94768%200.330287%203.74107C0.536896%203.53446%200.815634%203.41612%201.10778%203.41096C1.39992%203.40581%201.68266%203.51425%201.89643%203.71344L4.46%206.27551L10.0532%200.352983C10.2586%200.135714%2010.5419%200.00891048%2010.8408%200.000451885C11.1397%20-0.00800671%2011.4297%200.102572%2011.647%200.307876Z%22%20fill%3D%22%236300FF%22%2F%3E%3C%2Fsvg%3E");
}
.vme-quiz-step--your-details .vme-quiz-consent__label {
	font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	font-weight: 600;
	font-size: 22px;
	line-height: 27px;
	color: #0F1F27;
}

/* Summary step */
.vme-quiz-summary__product-card {
	display: flex;
	gap: 16px;
	align-items: center;
	margin: 8px 0 18px;
}
.vme-quiz-summary__image-wrap {
	width: 84px;
	height: 84px;
	border-radius: 12px;
	overflow: hidden;
	flex: none;
	background: #F4F4F4;
	display: flex;
	align-items: center;
	justify-content: center;
}
.vme-quiz-summary__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.vme-quiz-summary__title {
	font-weight: 800;
	font-size: 22px;
	line-height: 1.15;
	color: #0F1F27;
	margin: 0 0 6px;
}
.vme-quiz-summary__price {
	font-weight: 700;
	font-size: 18px;
	color: #0F1F27;
}
.vme-quiz-summary__total {
	margin-top: 10px;
	font-weight: 800;
	font-size: 18px;
	color: #0F1F27;
}
.vme-quiz-summary__recap {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 8px;
}
.vme-quiz-summary__recap-item strong {
	font-weight: 800;
}
.vme-quiz-summary__recap-item {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.vme-quiz-summary__recap-item strong {
	display: block;
}
.vme-quiz-summary__recap-item span {
	display: block;
}

.vme-quiz-step__error {
	margin-top: 14px;
	padding: 10px 12px;
	border-radius: 10px;
	background: rgba(176, 35, 24, 0.06);
	border: 1px solid rgba(176, 35, 24, 0.25);
	color: #b02318;
	font-weight: 600;
}
.vme-quiz-summary__empty,
.vme-quiz-summary__loading {
	font-weight: 600;
	color: rgba(15, 31, 39, 0.7);
	margin: 8px 0 14px;
}
.vme-quiz-start-date__daynum {
	font-weight: 800;
	font-size: 28px;
	line-height: 1;
}
.vme-quiz-start-date__dow {
	font-weight: 600;
	font-size: 14px;
	opacity: 0.75;
	text-transform: capitalize;
}

.vme-quiz-nav__prev,
.vme-quiz-nav__next {
	height: 54px;
	padding: 0 22px;
	border-radius: 999px;
	font-weight: 700;
	font-size: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center; /* center label + arrow */
	gap: 10px; /* 10px between arrow and word */
}

.vme-quiz-nav__prev {
	/* arrow-prev style */
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 16px 25px;
	gap: 10px;

	width: 122px;
	height: 52px;

	background: transparent;
	border: 1px solid #084B6D;
	border-radius: 32px;
	color: #084B6D;
	font-weight: 700;
	font-size: 18px;
}

.vme-quiz-nav__next {
	/* arrow-next style */
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 16px 50px;
	gap: 10px;

	width: 209px;
	height: 52px;

	background: #084B6D;
	border-radius: 32px;
	border: none;
	color: #ffffff;
	font-weight: 700;
	font-size: 18px;
}
@media screen and (max-width: 780px) {
	.vme-quiz-nav__prev,
	.vme-quiz-nav__next {
		padding: 10px;
	}

	.vme-quiz-step--summary .vme-quiz-nav {
		flex-direction: column-reverse;
	}
	.vme-quiz-step--summary .vme-quiz-nav__prev,
	.vme-quiz-step--summary .vme-quiz-nav__next {
		width: 100%;
	}
}
.vme-quiz-step--summary .vme-quiz-nav__next {
	width: auto;
}
/* Icon sizing and label alignment */
.vme-quiz-nav__icon {
	width: 18px;
	height: 15px;
	flex: none;
	vertical-align: middle;
	display: inline-block;
}
.vme-quiz-nav__label {
	display: inline-block;
	text-align: center;
	white-space: normal;
}

/* Replace textual arrows with inline SVG icons via pseudo-elements.
   Hide existing aria-hidden arrow spans to avoid duplicate icons. */
/* icons are provided inline as SVG elements in the HTML; no CSS pseudo-icons required */

.vme-quiz-nav__prev[disabled] {
	opacity: 0.5;
	cursor: not-allowed;
}

/* Options: pills for radio / checkboxes */
.vme-quiz-step__options {
	/* Use flex so we can control exact option sizing similar to design */
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 18px 0;
	align-items: flex-start;
	justify-content: flex-start;
}

.vme-quiz-step__option {
	display: block;
	position: relative;
	cursor: pointer;
}

@media screen and (max-width: 780px) {
	.vme-quiz-step__option {
		width: 100%;
	}
}

.vme-quiz-step__option input {
	position: absolute;
	opacity: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
	pointer-events: none;
}

.vme-quiz-step__option-inner {
	/* Frame 1000002424 - default (not selected) card */
	box-sizing: border-box;
	/* Auto layout */
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 24px 32px 24px 16px;
	gap: 12px;

	width: 370px;
	height: 90px;

	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	border-radius: 8px;

	/* Text styling (Boy) */
	font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 32px;
	line-height: 39px;
	display: flex;
	align-items: center;
	letter-spacing: -0.2px;
	color: #000000;

	min-width: 220px;
	box-shadow: 0 4px 12px rgba(15, 31, 39, 0.04);
	transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background 160ms ease;
	text-align: center;
	white-space: normal;
	overflow-wrap: anywhere;
}

.vme-quiz-step__option input:focus + .vme-quiz-step__option-inner {
	outline: none;
	box-shadow: 0 0 0 6px rgba(99, 0, 255, 0.12);
	border-color: #6300FF;
}

.vme-quiz-step__option input:checked + .vme-quiz-step__option-inner {
	/* keep border width the same to avoid layout shift */
	border: 1px solid #6300FF;
	box-shadow: 0 8px 28px rgba(99, 0, 255, 0.12);
	background: rgba(99, 0, 255, 0.04);
	/* no transform: keep on the same line and avoid shifts */
	transform: none;
}

.vme-quiz-step__option-inner:hover {
	/* no lift on hover to avoid layout changes */
	transform: none;
	box-shadow: 0 6px 18px rgba(15, 31, 39, 0.04);
}

/* Responsive: stack and reduce size on small screens */
@media (max-width: 780px) {
	.vme-quiz-step__option-inner {
		width: 100%;
		height: auto;
		padding: 18px;
		font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
		font-style: normal;
		font-weight: 500;
		font-size: 18px;
		line-height: 22px;
		letter-spacing: -0.2px;
		color: #000000;
		min-width: auto;
		display: flex;
		align-items: center;
	}
	.vme-quiz-step__options {
		justify-content: center;
	}
}

/* Checkbox-specific styling (different size / accent) */
.vme-quiz-step--checkboxes .vme-quiz-step__options {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 12px;
}

.vme-quiz-step--checkboxes .vme-quiz-step__help {
	text-align: center;
}

/* Optional toggle above checkbox options (e.g. “Single week only +£2/day”) */
.vme-quiz-toggle {
	margin: 0 0 18px;
}
.vme-quiz-toggle--below {
	margin: 16px 0 0;
	width: 100%;
	display: flex;
	justify-content: flex-start;
}
.vme-quiz-toggle__wrap {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	cursor: pointer;
	user-select: none;
}
.vme-quiz-toggle__input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.vme-quiz-toggle__track {
	width: 44px;
	height: 24px;
	border-radius: 999px;
	border: 1.5px solid gray;
	background: #FFFFFF;
	position: relative;
	flex: none;
}
.vme-quiz-toggle__thumb {
	width: 18px;
	height: 18px;
	border-radius: 999px;
	background: gray;
	position: absolute;
	top: 50%;
	left: 4px;
	transform: translateY(-50%);
	transition: left 180ms ease;
}
.vme-quiz-toggle__input:checked + .vme-quiz-toggle__track .vme-quiz-toggle__thumb {
	left: calc(100% - 22px);
	background: #6300FF;
	border: 1.5px solid #6300FF;
}
.vme-quiz-toggle__label {
	font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	color: #0F1F27;
}

.vme-quiz-step--checkboxes .vme-quiz-step__option-inner {
	/* Frame 1000002426 (default/unselected) */
	box-sizing: border-box;
	/* Auto layout */
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	padding: 16px 24px;
	gap: 12px;

	width: auto;
	min-width: 0;
	height: 59px;

	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	border-radius: 8px;

	/* Text styling */
	font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	line-height: 27px;
	display: flex;
	align-items: center;
	letter-spacing: -0.2px;
	color: #000000;

	/* Inside auto layout */
	flex: none;
	order: 1;
	flex-grow: 0;
	box-shadow: none;
}

/* Frame 1000002424 (selected) */
.vme-quiz-step--checkboxes .vme-quiz-step__option input:checked + .vme-quiz-step__option-inner {
	width: auto;
	background: rgba(99, 0, 255, 0.04);
	border: 1px solid #6300FF;
	box-shadow: none;
}

/* Radio: match checkbox pill sizing */
.vme-quiz-step--radio .vme-quiz-step__option-inner {
	display: inline-flex;
	width: auto;
	min-width: 0;
	height: 59px;
	padding: 16px 24px;
	font-weight: 600;
	font-size: 22px;
	line-height: 27px;
	box-shadow: none;
}
.vme-quiz-step--radio .vme-quiz-step__option input:checked + .vme-quiz-step__option-inner {
	box-shadow: none;
}

/* Special case: 2-option radios (e.g. Boy/Girl) should fill the row */
.vme-quiz-step--radio[data-option-count="2"] .vme-quiz-step__options {
	width: 100%;
}
.vme-quiz-step--radio[data-radio-variant="boy-girl"] .vme-quiz-step__option {
	flex: 1 1 calc(50% - 6px);
}
.vme-quiz-step--radio[data-option-count="2"] .vme-quiz-step__option-inner {
	display: flex;
	width: 100%;
	justify-content: center;
}

/* Icons for Boy/Girl radios */
.vme-quiz-step--radio[data-radio-variant="boy-girl"] .vme-quiz-step__option-inner {
	gap: 4px; /* 4px gap between icon and word */
	align-items: center;
}
.vme-quiz-step--radio[data-radio-variant="boy-girl"] .vme-quiz-step__option-icon {
	display: inline-flex;
	align-items: center;
	flex: none;
}
.vme-quiz-step--radio[data-radio-variant="boy-girl"] .vme-quiz-step__option-icon svg {
	display: block;
}
.vme-quiz-step--radio[data-radio-variant="boy-girl"] .vme-quiz-step__option-icon path {
	fill: #000000;
}
.vme-quiz-step--radio[data-radio-variant="boy-girl"] .vme-quiz-step__option input:checked + .vme-quiz-step__option-inner .vme-quiz-step__option-icon path {
	fill: #6300FF;
}

@media (max-width: 780px) {
	.vme-quiz-step--checkboxes .vme-quiz-step__option-inner {
		width: auto;
		max-width: 100%;
		height: auto;
		padding: 12px 16px;
		font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
		font-style: normal;
		font-weight: 500;
		font-size: 18px;
		line-height: 22px;
		letter-spacing: -0.2px;
		color: #000000;
		display: flex;
		align-items: center;
	}
	.vme-quiz-step--checkboxes .vme-quiz-step__options {
		align-items: center;
	}
}

@media (max-width: 780px) {
	.vme-quiz-step--checkboxes .vme-quiz-step__option-inner,
	.vme-quiz-step--radio .vme-quiz-step__option-inner {
		font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
		font-style: normal;
		font-weight: 500;
		font-size: 18px;
		line-height: 22px;
		display: flex;
		align-items: center;
		letter-spacing: -0.2px;
		color: #000000;
	}
}

/* Age-restricted radio options */
.vme-quiz-step__option.vme-quiz-option--age-restricted {
	opacity: 0.5;
	pointer-events: none;
}

.vme-quiz-step__option.vme-quiz-option--hidden {
	display: none;
}

.vme-quiz-step__option.vme-quiz-option--age-restricted input[type="radio"]:disabled {
	cursor: not-allowed;
}

/* Optional: Add visual indicator for age-restricted items when not completely hidden */
.vme-quiz-step__option.vme-quiz-option--age-restricted:not(.vme-quiz-option--hidden)::after {
	content: " (Age restricted)";
	font-size: 14px;
	color: #666;
	font-style: italic;
}