.page-operation .banner__content {
 	gap: 3rem;
 }
 
.page-operation main {
 	background: url(../images/operation-assiette2024/operation-asssiette2024-assiette-kiwi-vibes-only-b.webp) no-repeat left max(-4vw, -80px) top max(-4vw, -80px)/min(20vw, 288px) auto;
 }
 
.page-operation .layout-content {
	padding-top: 1.5em;
 }

 .page-operation .box {
 	align-self: center;
 }

 .page-operation .form-submit {
 	align-self: center;
 }

 .page-operation--assiette2024 #edit-reward {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
 	grid-gap: 2em 1em;
 	max-width: 430px;
 	margin-left: auto;
 	margin-right: auto;
 	margin: 1rem auto 0;
 }

.page-operation--assiette2024 #edit-reward .form-type-radio {
	position: relative;
}

 .page-operation--assiette2024 #edit-reward .form-type-radio .form-radio {
 	display: none;
 }

 .page-operation--assiette2024 #edit-reward .form-type-radio .option {
 	aspect-ratio: 1;
 	width: 100%;
 	display: flex;
 	flex-direction: column;
 	justify-content: flex-end;
 	align-items: center;
 	text-align: center;
 	padding: 1.5em 0.5em;
 	font: 400 0.8em Sequel-Neue, sans-serif;
 	text-transform: uppercase;
 	color: var(--color-yellow);
 	background-color: white;
 	border-radius: 8px;
 	transition:
 		background-color 300ms ease-in-out,
 		color 300ms ease-in-out,
 		transform 300ms ease-in-out;
 	position: relative;
 	margin-top: 33.33%;
 	cursor: pointer;
 }

 .page-operation--assiette2024 #edit-reward .form-type-radio .option::after {
 	content: "";
 	aspect-ratio: 1;
 	width: calc(100% - 16px);
 	position: absolute;
 	top: 0;
 	left: 50%;
 	transform: translate(-50%, -33.33%) rotate(0);
 	transition: transform 300ms ease-in-out;
 	background-repeat: no-repeat;
 	background-position: center;
 	background-size: cover;
 }

 .page-operation--assiette2024 #edit-reward .form-type-radio .option[for=edit-reward-bonjour]::after {
 	background-image: url(../images/operation-assiette2024/operation-assiette2024-reward-bonjour.webp);
 }

 .page-operation--assiette2024 #edit-reward .form-type-radio .option[for=edit-reward-kiwi-vibes-only]::after {
 	background-image: url(../images/operation-assiette2024/operation-assiette2024-reward-kiwi-vibes-only.webp);
 }

 .page-operation--assiette2024 #edit-reward .form-type-radio .option[for=edit-reward-good-morning]::after {
 	background-image: url(../images/operation-assiette2024/operation-assiette2024-reward-good-morning.webp);
 }

 .page-operation--assiette2024 #edit-reward .form-type-radio .option[for=edit-reward-good-vibes-only]::after {
 	background-image: url(../images/operation-assiette2024/operation-assiette2024-reward-kiwi-vibes-only-b.webp);
 }

 .page-operation--assiette2024 #edit-reward .form-type-radio input:checked+.option {
 	color: var(--color-mid-green);
 	background-color: var(--color-yellow);
 	transform: scale(102%);
 }

 .page-operation--assiette2024 #edit-reward .form-type-radio input:checked+.option::after {
 	transform: translate(-50%, -33.33%) rotate(45deg);
 }
 
 .page-operation--assiette2024 #edit-reward .form-type-radio .form-radio:disabled + .option {
 	filter: grayscale(100%);
	position: relative;
	cursor: default;
 }

.page-operation--assiette2024 #edit-reward .form-type-radio .description {
 	position: absolute;
	top: 10%;
	right: 50%;
	padding: 0.2em 0.4em;
	border-radius: 0.25em;
	filter: grayscale(0%);
	font: 400 2.5em/1.2 Sequel-Neue, sans-serif;
	background-color: var(--color-red);
	color: #fff;
	transform: rotate(-25deg);
	font-size: clamp(24px, 2vw, 40px);
}

 .page-operation--assiette2024 .form-section:first-of-type .heading {
 	position: relative;
 	width: fit-content;
 }

 .page-operation--assiette2024 .form-section:first-of-type .heading::before {
 	content: "";
 	display: block;
 	position: absolute;
 	width: min(30vw, 448px);
 	min-width: 192px;
 	aspect-ratio: 512/425;
 	top: 50%;
 	left: calc(100% + 3vw);
 	transform: translateY(-50%);
 	background: url(../images/operation-assiette2024/operation-asssiette2024-kb.webp) no-repeat left center/auto 80%;
 }

 .page-operation--assiette2024 .form-section:first-of-type {
 	background:
/* 		url(../images/operation-assiette2024/operation-asssiette2024-assiette-kiwi-vibes-only-b.webp) no-repeat left max(-7vw, -96px) top 0.5em/min(20vw, 288px) auto,*/
 		url(../images/operation-assiette2024/operation-asssiette2024-assiette-kiwi-vibes-only.webp) no-repeat right max(-13vw, -200px) bottom max(-13vw, -200px)/min(26vw, 400px) auto;
 }

 .page-operation--assiette2024 .form-section:nth-of-type(2) {
 	background:
 		url(../images/operation-assiette2024/operation-asssiette2024-assiette-good-morning.webp) no-repeat left max(-5vw, -72px) top max(-7.5vw, -108px)/min(20vw, 290px) auto,
 		url(../images/operation-assiette2024/operation-asssiette2024-assiette-bonjour.webp) no-repeat left max(-6vw, -85px) top 75%/min(12vw, 170px) auto,
 		var(--color-yellow);
 }

 .page-operation--assiette2024 .form-section:nth-of-type(3) {
 	background:
 		url(../images/operation-assiette2024/operation-asssiette2024-proof.webp) no-repeat right 33.33%/min(20vw, 300px) auto,
 		url(../images/operation-assiette2024/operation-asssiette2024-assiette-kiwi-vibes-only-b.webp) no-repeat left max(-15vw, -216px) top max(-15vw, -216px)/min(30vw, 432px) auto;
 }

 .page-operation--assiette2024 .form-section:nth-of-type(4) {
 	background:
 		url(../images/operation-assiette2024/operation-asssiette2024-assiette-kiwi-vibes-only.webp) no-repeat right max(-15vw, -250px) top/min(30vw, 500px) auto,
 		url(../images/operation-assiette2024/operation-asssiette2024-assiette-kiwi-vibes-only-b.webp) no-repeat left max(-15vw, -216px) bottom/min(30vw, 432px) auto;
 }

 #modal-operation-ended .modal__container {
 	background:
 		url(../images/operation-assiette2024/operation-assiette2024-modal-bg.webp) no-repeat center/cover,
 		var(--color-light-green);
 }

 #modal-operation-ended .modal__content {
 	padding-bottom: 0;
 	display: flex;
 	flex-direction: column;
 	gap: 2em;
 	align-items: center;
 }

 #modal-operation-ended .modal__content img {
 	width: 33.33%;
 }

 @media screen and (min-width: 768px) {
 
	.page-operation .layout-content {
		padding-top: 3em;
	 }

 	.page-operation--assiette2024 #edit-reward {
 		max-width: 100%;
 	}

 	.page-operation--assiette2024 #edit-reward {
 		grid-template-columns: repeat(4, 1fr);
 		grid-gap: 5%;
 	}

 	.page-operation--assiette2024 .form-section:first-of-type .heading {
 		margin: 1em 0 3em;
 	}

 	.page-operation--assiette2024 .form-section:nth-of-type(2) {
 		background:
 			url(../images/operation-assiette2024/operation-asssiette2024-assiette-good-morning.webp) no-repeat left max(-5vw, -72px) top max(-7.5vw, -108px)/min(20vw, 290px) auto,
 			url(../images/operation-assiette2024/operation-asssiette2024-assiette-bonjour.webp) no-repeat left max(-6vw, -85px) top 75%/min(12vw, 170px) auto,
 			url(../images/operation-assiette2024/operation-asssiette2024-assiette-bonjour.webp) no-repeat right max(-6.25vw, -90px) bottom max(-9.375vw, -135px)/min(25vw, 360px) auto,
 			var(--color-yellow);
 	}

	 .page-operation--assiette2024 .form-section:nth-of-type(3) {
	 	background:
	 		url(../images/operation-assiette2024/operation-asssiette2024-proof.webp) no-repeat right 33.33%/min(20vw, 300px) auto,
	 		url(../images/operation-assiette2024/operation-asssiette2024-assiette-kiwi-vibes-only-b.webp) no-repeat left max(-3.33vw, -48px) top max(-3.33vw, -48px)/min(12.5vw, 180px) auto;
	 }
	
	 .page-operation--assiette2024 .form-section:nth-of-type(4) {
	 	background:
	 		url(../images/operation-assiette2024/operation-asssiette2024-assiette-kiwi-vibes-only.webp) no-repeat right min(5.55vw, 80px) top min(10vw, 150px)/min(15vw, 212px) auto,
	 		url(../images/operation-assiette2024/operation-asssiette2024-assiette-kiwi-vibes-only-b.webp) no-repeat left min(5.55vw, 80px) top/min(20vw, 300px) auto;
	 }

 }