#machine-plp-filter-quiz,
	#machine-plp-filter-quiz * {
		font-family: 'NespressoLucas', 'Nespresso Lucas', 'Lucas', Arial, Helvetica, sans-serif;
		text-align: center;
	}

	#machine-plp-filter-quiz {
		--bg-question: #F3F0EB;
		--bg-answer: #fff;
		--border-answer: #876C43;
		--color-answer: #000;
		display: none;
		margin: 1em auto
	}

	#machine-plp-filter-quiz.active {
		display: block;
	}

	#machine-plp-filter-quiz .inner {
		max-width: 1170px;
		margin: 0 auto;
		position: relative;
	}

	.mpf--question .mpf--question-answer,
	.mpf--question .mpf--question-answer-textwrap,
	.mpf--question .mpf--question-answer-smalltext {
		display: block;
		background-color: var(--bg-answer, #fff);
		color: var(--color-answer, #000);
	}

	.mpf--question {
		position: relative;
		z-index: 1;
		border-radius: 24px;
		background: var(--bg-question);
		padding: 2em 1em;
	}

	.mpf--question.mpf--animating {
		position: absolute;
		width: 100%;
		left: 0;
		top: 0;
		/* z-index: 2; */
	}

	.mpf--question>h2 {
		font-size: 1.25rem;
		font-weight: bold;
		margin-bottom: 0.5em;
	}

	.mpf--question>p {
		font-size: 1rem;
		margin-bottom: 1em;
		color: #454547;
	}

	.mpf--question .mpf--question-answer {
		border-radius: 24px;
		border: 1px solid var(--color-answer);
		background-color: var(--bg-answer);
		overflow: hidden;
	}

	.mpf--question .mpf--question-answer:has(input:checked) {
		--bg-answer: #876c43;
		--color-answer: #fff;
	}

	.mpf--question .mpf--question-answer:has(input:checked) .mpf--question-icon {
		filter: invert(100%);
	}

	.mpf--question .mpf--question-answer .mpf--question-answer-textwrap {
		padding-top: .75em;
		padding-bottom: .75em;
		display: inline-block;
	}

	.mpf--question .mpf--question-answer:has(.mpf--question-img) {
		border-radius: 1rem;
		padding: 0;
		flex: 25% 0 1;
		border: none;
	}

	.mpf--question .mpf--question-img {
		width: 100%;
		aspect-ratio: 415/165;
		object-fit: cover;
	}

	.mpf--question-answer-text {
		font-size: 1rem;
		padding-left: 5em;
		padding-right: 5em;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: .25em;
		font-weight: 500;
	}

	@media screen and (max-width:1100px) {
		.mpf--question-answer-text {
			padding-left: 3em;
			padding-right: 3em;
		}
	}

	.mpf--question-answer-smalltext {
		font-size: 0.75rem;
		font-weight: 300;
	}

	.mpf--question-answers {
		display: flex;
		justify-content: center;
		gap: 1.5em;
	}

	@media screen and (max-width:767px) {
		.mpf--question-answers {
			flex-direction: column;
		}

		.mpf--question {
			padding-top: 4em;
		}

		.mpf--question .mpf--question-answer:has(.mpf--question-img) {
			flex-direction: row;
			display: flex;
		}

		.mpf--question-answers .mpf--question-img {
			width: auto;

			max-width: 50%
		}

		.mpf--question-answer:has(.mpf--question-img) .mpf--question-answer-textwrap {
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.mpf--question-answer-text {
			padding-left: 1em;
			padding-right: 1em;
			text-align: center;
		}

		.mpf--question-answer-textwrap {
			flex: auto 1 1;
		}
	}

	.mpf--question-answers input {
		display: none;
	}

	.mpf--quiz-complete-icon {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 0.5em;
	}

	.mpf--quiz-complete-thankyou {
		color: #454547;
		font-size: 1rem;
		margin-bottom: 0.5em;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.25em;
	}

	.mpf--quiz-complete-thankyou svg {
		width: 25px;
		height: 25px;
	}

	.mpf--quiz-complete-results {
		font-size: 1.15rem;
		margin-bottom: 1em;
		color: #222;
	}

	.mpf--quiz-complete-machines {
		font-weight: bold;
	}

	.mpf--quiz-complete-retake-wrap {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 0.5em;
	}

	.mpf--retake-quiz {
		display: inline-flex;
		align-items: center;
		gap: 0.5em;
		font-weight: bold;
		color: #876C43;
		text-decoration: underline;
		background: none;
		border: none;
		cursor: pointer;
		font-size: 1rem;
		transition: color 0.2s;
		margin-top: 1em;
	}

	.mpf--retake-quiz:hover {
		color: #a88a5c;
	}

	.mpf--retake-quiz:hover .mpf--retake-arrow path {
		fill: #a88a5c;
	}

	.mpf--retake-arrow {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 1.5em;
		height: 1.5em;
	}

	.mpf--retake-text {
		font-size: 1rem;
	}

	.mpf--back-btn {
		position: absolute;
		top: 0.75em;
		left: 1em;
		background: none;
		border: none;
		color: #876C43;
		font-weight: bold;
		font-size: 1rem;
		display: flex;
		align-items: center;
		gap: 0.5em;
		cursor: pointer;
		padding: 0;
		transition: color 0.2s;
	}

	.mpf--back-btn:hover {
		color: #a88a5c;
	}

	.mpf--back-btn .mpf--back-arrow {
		display: inline-block;
		width: 1.25em;
		height: 1.25em;
		vertical-align: middle;
	}

	.mpf--skip-btn {
		position: absolute;
		top: 0.75em;
		right: 1em;
		background: none;
		border: none;
		color: #876C43;
		font-weight: bold;
		font-size: 1rem;
		display: flex;
		align-items: center;
		gap: 0.5em;
		cursor: pointer;
		padding: 0;
		transition: color 0.2s;
	}

	.mpf--skip-btn:hover {
		color: #a88a5c;
	}

	.mpf--skip-btn .mpf--skip-arrow {
		display: inline-block;
		width: 1.25em;
		height: 1.25em;
		vertical-align: middle;
	}

	.mpf--quiz-complete-block h2 {
		font-size: 1.25rem;
		font-weight: bold;
		margin-bottom: 0.5em;
	}

	.mpf--quiz-complete-block p {
		font-size: 1rem;
		margin-bottom: 1em;
		color: #454547;
	}

	#find-machine-banner {
		border-radius: 16px;
		background: #F3EEE6;
		box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.25);
		/* display: flex; */
		font-size: 1rem;
		padding: 1.25em 4.5em;
		align-items: center;
		text-align: center;
		/* gap: 3em; */
		max-width: 1160px;
		margin: 1em auto
	}

	#find-machine-banner:has(+ #machine-plp-filter-quiz.active) {
		display: none !important;
	}

	#find-machine-banner,
	#find-machine-banner * {
		font-family: "NespressoLucas", "Nespresso Lucas", "Lucas", "Trebuchet", "Arial", sans-serif;
	}

	#find-machine-banner h3 {
		color: #000;
		font-size: 1.5em;
		font-style: normal;
		font-weight: 700;
		line-height: 120%;
		letter-spacing: 1px;
		margin-bottom: .5em;
	}

	#find-machine-banner p {
		font-size: 1em;
		font-weight: 500;
		line-height: 120%;
		letter-spacing: 0.015625em;
		font-size: 1em;
	}

	#find-machine-banner a {
		background: transparent;
		color: #000;
		align-items: center;
		display: inline-flex;
		padding: 0.5em 1.5em;
		text-decoration: none;
		border-radius: 30px;
		margin-top: 1em;
		font-weight: 300;
		justify-content: center;
		font-size: 1em;
		border: 1px solid #000;
	}

	@media screen and (max-width:767px) {
		#find-machine-banner {
			gap: 1em;
			padding: 1.25em .5em;
			margin: .5em 1em 1em;
		}

		#find-machine-banner h3 {
			font-size: 1.5em;
		}

		#find-machine-banner p {
			font-size: .925em;
		}

		#find-machine-banner img {
			max-width: 175px;
		}

		.machine-banner-content {
			text-align: center;
		}
	}

	@media screen and (max-width: 500px) {
		#find-machine-banner {
			flex-direction: column;
		}

		#find-machine-banner img {
			max-width: 300px;
		}

	}

	#productsListPLP.filter-active .plp-category:not(:has(.nb-sku__machine.filtered)) .plp-category--header .cb-inner,
	#productsListPLP.filter-active .plp-lifestyle-card:not(.nb-sku__machine.filtered + .plp-lifestyle-card),
	#productsListPLP.filter-active .nb-sku__machine:not(.filtered),
	#productsListPLP.filter-active .plp-grid:not(:has(.nb-sku__machine.filtered)) {
		display: none;
	}

	.mpf--quiz-complete-debug-results {
		display: none;
	}