/**
 * Horizon Parapente — styles responsive mobile pour index.php
 * Toutes les règles sont confinées à une media query : la version bureau reste inchangée.
 */

@font-face {
	font-family: "Satoshi Variable";
	src: url("../fonts/Satoshi-Variable.ttf") format("truetype");
	font-weight: 300 900;
	font-style: normal;
	font-display: swap;
}

@media screen and (max-width: 1024px) {

	/* Onglets 1 et 2 : tout le texte en Satoshi Variable */
	#contenu_onglet_1,
	#contenu_onglet_2 {
		font-family: "Satoshi Variable", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	}

	#contenu_onglet_1 input,
	#contenu_onglet_1 select,
	#contenu_onglet_1 label,
	#contenu_onglet_1 legend,
	#contenu_onglet_2 input,
	#contenu_onglet_2 label,
	#contenu_onglet_2 legend,
	#contenu_onglet_2 .index-materiel-oblig-note {
		font-family: "Satoshi Variable", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	}

	html {
		-webkit-text-size-adjust: 100%;
		text-size-adjust: 100%;
		height: 100%;
		overflow-x: clip;
		max-width: 100%;
	}

	body {
		background-color: #eeeeee !important;
		background-image: none !important;
		background-attachment: scroll !important;
		margin: 0;
		padding: 0;
		padding-left: env(safe-area-inset-left, 0);
		padding-right: env(safe-area-inset-right, 0);
		padding-bottom: env(safe-area-inset-bottom, 0);
		box-sizing: border-box;
		min-height: 100%;
		min-height: 100dvh;
		min-height: 100svh;
		display: flex;
		flex-direction: column;
		overflow-x: clip;
		max-width: 100%;
	}

	form[name="ajout_client"],
	.contenu_onglets {
		max-width: 100%;
		overflow-x: clip;
		box-sizing: border-box;
	}

	.corps_pag {
		width: 100% !important;
		max-width: 100%;
		box-sizing: border-box;
		margin: 0 auto;
		background-color: #eeeeee !important;
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
		min-height: 100%;
		min-height: 100dvh;
		min-height: 100svh;
	}

	.table_structure {
		width: 100% !important;
		max-width: 100%;
		table-layout: fixed;
		margin-top: auto;
		margin-bottom: auto;
		flex: 0 0 auto;
	}

	.table_structure > tbody > tr > td {
		vertical-align: top;
	}

	.index-header-deco {
		display: none !important;
		width: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		overflow: hidden;
	}

	.index-header-logo-cell {
		width: 100% !important;
		text-align: center;
		background-color: #eeeeee !important;
	}

	tr.font_entete,
	tr.font_entete > td {
		background-color: #eeeeee !important;
	}

	/* Même fond que le body (#eeeeee), remplace le #F7F7F7 inline de la ligne principale */
	.table_structure > tbody > tr:nth-child(2),
	.table_structure > tbody > tr:nth-child(2) > td {
		background-color: #eeeeee !important;
	}

	.font_entete {
		background-image: none !important;
	}

	.font_entete td.index-header-logo-cell {
		padding: 10px 16px 8px;
	}

	/* Lien limité au logo : pas de zone cliquable sur toute la largeur de la cellule */
	.index-header-logo-link {
		display: inline-block;
		width: -moz-fit-content;
		width: fit-content;
		max-width: min(94vw, 400px);
		margin: 0;
		padding: 0;
		line-height: 0;
		font-size: 0;
		vertical-align: top;
		text-align: center;
		text-decoration: none;
		border: none;
		border-radius: 0;
		box-sizing: border-box;
		-webkit-tap-highlight-color: transparent;
	}

	.index-header-logo-link picture {
		display: block;
		width: -moz-fit-content;
		width: fit-content;
		max-width: 100%;
		margin: 0;
		line-height: 0;
	}

	.index-header-logo-link img {
		display: block;
		margin: 0 !important;
		max-width: min(94vw, 400px);
		max-height: 150px;
		width: auto;
		height: auto;
		object-fit: contain;
		vertical-align: top;
	}

	.repeat_td_l,
	.repeat_td_r {
		display: none !important;
		width: 0 !important;
	}

	.font_pied {
		display: none !important;
	}

	.font_pied td {
		display: none !important;
	}

	.gestpage {
		width: 100% !important;
		max-width: 100%;
		box-sizing: border-box;
		padding: 0 16px 24px;
		margin: 0 auto;
	}

	.gestpage h1 {
		margin: 8px 0 16px;
		padding: 0 4px;
		font-size: clamp(1.1rem, 5.2vw, 1.45rem);
		line-height: 1.3;
		font-weight: 800;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 0.02em;
		color: #a87cc5 !important;
	}

	/* Message obligatoires : en mobile il est sous l’e-mail (.index-rech-oblig-mobile), pas en tête de page */
	.index-rech-oblig-top,
	.gestpage > br:nth-child(3),
	.gestpage > br:nth-child(4),
	.gestpage > br:nth-child(5) {
		display: none !important;
	}

	.index-rech-oblig-mobile-row td {
		text-align: left !important;
		padding-top: 12px !important;
	}

	.index-rech-oblig-mobile,
	.index-rech-oblig-mobile font {
		font-size: 0.7rem !important;
	}

	.index-rech-oblig-mobile {
		display: block;
		margin: 0;
		padding: 0 0 4px;
		line-height: 1.3;
		color: #111 !important;
		text-align: left;
		font-weight: 600;
	}

	.index-rech-oblig-mobile font[color="red"] {
		color: #c00 !important;
	}

	/* Même écart qu’après le h1 (16px) : marge sous le stepper, sans les <br /> du HTML qui doublent l’espace */
	form > .onglets + br,
	form > .onglets + br + br {
		display: none !important;
	}

	.onglets {
		margin: 0 0 16px;
		padding: 0;
	}

	.onglets center {
		--onglet-rond: 2.5rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
		width: 100%;
		max-width: 440px;
		margin: 0 auto;
		padding: 16px 12px;
		box-sizing: border-box;
	}

	/* Trait continu : milieu vertical = centre des ronds, extrémités au centre du 1er et du 5e rond */
	.onglets center::before {
		content: "";
		position: absolute;
		z-index: 0;
		left: calc(12px + var(--onglet-rond) / 2);
		right: calc(12px + var(--onglet-rond) / 2);
		top: 50%;
		transform: translateY(-50%);
		height: 4px;
		background: #c4c4c4;
		border-radius: 999px;
	}

	.onglets center::after {
		content: "";
		position: absolute;
		z-index: 1;
		left: calc(12px + var(--onglet-rond) / 2);
		top: 50%;
		transform: translateY(-50%);
		height: 4px;
		width: 0;
		background: #f8b230;
		border-radius: 999px;
		transition: width 180ms ease;
	}

	.onglets center.index-step-progress-1::after { width: 0; }
	.onglets center.index-step-progress-2::after { width: calc((100% - 24px - var(--onglet-rond)) * 0.25); }
	.onglets center.index-step-progress-3::after { width: calc((100% - 24px - var(--onglet-rond)) * 0.50); }
	.onglets center.index-step-progress-4::after { width: calc((100% - 24px - var(--onglet-rond)) * 0.75); }
	.onglets center.index-step-progress-5::after { width: calc(100% - 24px - var(--onglet-rond)); }

	.onglets .onglet {
		position: relative;
		z-index: 2;
		box-sizing: border-box;
		width: var(--onglet-rond);
		height: var(--onglet-rond);
		min-width: var(--onglet-rond);
		min-height: var(--onglet-rond);
		margin: 0 !important;
		padding: 0 !important;
		border-radius: 50% !important;
		-moz-border-radius: 50% !important;
		-webkit-border-radius: 50% !important;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		font-size: 0 !important;
		line-height: 0 !important;
		color: transparent !important;
		overflow: hidden;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}

	.onglets .onglet_0.onglet {
		background: #c9c9c9 !important;
		border: 2px solid #bdbdbd !important;
	}

	.onglets .onglet_0.onglet.index-onglet-done {
		background: #f8b230 !important;
		border: 2px solid #f8b230 !important;
	}

	.onglets .onglet_0.onglet:hover {
		border-color: #bdbdbd !important;
	}

	.onglets .onglet_1.onglet {
		background: #f8b230 !important;
		border: 2px solid #f8b230 !important;
	}

	#onglet_1::after,
	#onglet_2::after,
	#onglet_3::after,
	#onglet_4::after,
	#onglet_5::after {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		font-size: 0.9rem;
		font-weight: 800;
		line-height: 1;
		color: #fff;
		pointer-events: none;
	}

	#onglet_1::after { content: "1"; }
	#onglet_2::after { content: "2"; }
	#onglet_3::after { content: "3"; }
	#onglet_4::after { content: "4"; }
	#onglet_5::after { content: "5"; }

	.contenu_onglets {
		padding-top: 0;
	}

	#contenu_onglet_1 fieldset:first-of-type {
		border: none;
		margin: 0;
		padding: 0 0 8px;
		background: transparent;
	}

	#contenu_onglet_1 fieldset:first-of-type legend .index-legend-colon {
		display: none !important;
	}

	#contenu_onglet_1 fieldset:first-of-type legend {
		float: none;
		width: 100%;
		margin: 0 0 14px;
		padding: 0 4px;
		font-size: clamp(0.92rem, 4.2vw, 1.1rem) !important;
		font-weight: 800;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 0.04em;
		color: #a87cc5 !important;
	}

	#contenu_onglet_1 fieldset:first-of-type table {
		width: 100%;
		border-collapse: separate;
		border-spacing: 0 20px;
	}

	#contenu_onglet_1 fieldset:first-of-type tr {
		display: block;
		width: 100%;
	}

	#contenu_onglet_1 fieldset:first-of-type td {
		display: block;
		width: 100% !important;
		box-sizing: border-box;
		padding: 0 !important;
		text-align: left !important;
	}

	#contenu_onglet_1 fieldset:first-of-type td label,
	#contenu_onglet_1 fieldset:first-of-type td font.rech:not(.index-rech-oblig-mobile) {
		display: block;
		margin-bottom: 10px;
		font-weight: 700;
		font-size: 0.9rem !important;
		color: #111 !important;
	}

	#contenu_onglet_1 fieldset:first-of-type input[type="text"],
	#contenu_onglet_1 fieldset:first-of-type select {
		width: 100% !important;
		max-width: 100%;
		box-sizing: border-box;
		min-height: 46px;
		padding: 10px 12px;
		font-size: 16px;
		line-height: 1.3;
		border: 1px solid #a87cc5;
		border-radius: 10px;
		background: #fff;
		-webkit-appearance: none;
		appearance: none;
		margin-bottom: 14px;
	}

	#contenu_onglet_1 fieldset:first-of-type input[type="text"]:focus,
	#contenu_onglet_1 fieldset:first-of-type select:focus {
		outline: none;
		border-color: #a87cc5;
		box-shadow: 0 0 0 3px rgba(168, 124, 197, 0.3);
	}

	/* Champ mail + message obligatoires : juste en dessous (léger compensation du border-spacing du tableau) */
	#contenu_onglet_1 fieldset:first-of-type input#mail {
		margin-bottom: 12px !important;
	}

	#contenu_onglet_1 fieldset:first-of-type tr.index-rech-oblig-mobile-row {
		margin-top: -4px;
	}

	#contenu_onglet_1 fieldset:first-of-type select {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23a87cc5' d='M1 1.5L6 6l5-4.5'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: right 12px center;
		padding-right: 36px;
	}

	.index-cell-fax {
		display: none !important;
	}

	.index-label-mobile {
		display: inline !important;
	}

	.index-label-desktop {
		display: none !important;
	}

	.index-total-label-desktop {
		display: none !important;
	}

	.index-total-label-mobile {
		display: inline !important;
	}

	#choisir_club {
		margin-top: 0;
		padding: 0 4px 8px;
	}

	#choisir_club center {
		display: block;
		text-align: center;
		padding: 0 4px;
	}

	.index-planning-desktop {
		display: none !important;
	}

	.index-planning-callout {
		margin: 4px 0 0;
		font-size: clamp(0.9rem, 3.9vw, 1.02rem);
		line-height: 1.45;
		color: #111;
	}

	.index-planning-callout .index-planning-mobile {
		font-weight: 700;
	}

	.index-phone-link {
		color: #1a5fbd;
		text-decoration: underline;
		font-weight: 800;
		white-space: nowrap;
		font-size: 1.02em;
	}

	/* Moins d’espace au-dessus des boutons (sauts de ligne du formulaire) */
	form > .contenu_onglets + br,
	form > .contenu_onglets + br + br,
	#total + br,
	#total + br + br {
		display: none !important;
	}

	/* Écart au-dessus des boutons ≈ une ligne comme .index-rech-oblig-mobile (0.7rem × 1.3) */
	.index-form-actions {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: stretch;
		justify-content: space-between;
		gap: 12px;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		margin: calc(0.7rem * 1.3 + 6px) 0 8px;
		padding: 0 2px;
		clear: both;
	}

	.index-form-actions input,
	.index-form-actions button {
		float: none !important;
		flex: 1 1 calc(50% - 8px);
		min-width: 0;
		margin: 0 !important;
		box-sizing: border-box;
		touch-action: manipulation;
	}

	/* À partir de l’onglet 2 (mobile) : pas de « Quitter », Précédent + Suivant gardent la même grille que page 1 */
	.index-form-actions.index-form-actions--mobile-etape-2-plus .index-btn-quitter {
		display: none !important;
	}

	/* Étapes 2+ (mobile) : Précédent à gauche, Suivant à droite (inverse l’ordre du HTML) */
	.index-form-actions.index-form-actions--mobile-etape-2-plus #button_prev.index-btn-prec {
		order: 1;
	}

	.index-form-actions.index-form-actions--mobile-etape-2-plus #button_next.index-btn-suivant,
	.index-form-actions.index-form-actions--mobile-etape-2-plus #button_submit.styled-button-submit {
		order: 2;
	}

	/* Même gabarit que la paire Quitter + Suivant de la page 1 */
	.index-form-actions > .index-btn-quitter,
	.index-form-actions > #button_next.index-btn-suivant,
	.index-form-actions > #button_prev.index-btn-prec,
	.index-form-actions > #button_submit.styled-button-submit {
		min-height: 46px;
	}

	.index-btn-label-mobile {
		display: inline !important;
	}

	.index-btn-label-desktop {
		display: none !important;
	}

	.index-btn-quitter.styled-button-cancel {
		background: #fff !important;
		color: #f8b230 !important;
		border: 2px solid #f8b230 !important;
		border-radius: 11px !important;
		-webkit-border-radius: 11px !important;
		-moz-border-radius: 11px !important;
		font-size: 15px !important;
		font-weight: 800 !important;
		padding: 12px 12px !important;
		font-family: inherit;
	}

	.index-btn-suivant.styled-button-submit {
		background: #f8b230 !important;
		color: #fff !important;
		border: 2px solid #f8b230 !important;
		border-radius: 11px !important;
		-webkit-border-radius: 11px !important;
		-moz-border-radius: 11px !important;
		font-size: 15px !important;
		font-weight: 800 !important;
		padding: 12px 12px !important;
	}

	#button_prev.index-btn-prec.styled-button-cancel {
		background: #fff !important;
		color: #f8b230 !important;
		border: 2px solid #f8b230 !important;
		border-radius: 11px !important;
		-webkit-border-radius: 11px !important;
		-moz-border-radius: 11px !important;
		font-size: 15px !important;
		font-weight: 800 !important;
		padding: 12px 12px !important;
		font-family: inherit;
	}

	#button_submit.styled-button-submit {
		float: none !important;
		flex: 1 1 calc(50% - 8px);
		background: #f8b230 !important;
		color: #fff !important;
		border: 2px solid #f8b230 !important;
		border-radius: 11px !important;
		font-size: 15px !important;
		font-weight: 800 !important;
		padding: 12px 12px !important;
		margin: 0 !important;
	}

	#acces_admin {
		display: none !important;
	}

	/* Onglet 2 — Matériel (maquette mobile) */
	#contenu_onglet_2 .index-materiel-fieldset {
		border: none;
		margin: 0;
		padding: 0 0 12px;
		background: transparent;
	}

	#contenu_onglet_2 .index-materiel-fieldset legend .index-legend-colon {
		display: none !important;
	}

	#contenu_onglet_2 .index-materiel-fieldset legend {
		float: none;
		width: 100%;
		margin: 0 0 18px;
		padding: 0 4px;
		font-size: clamp(0.92rem, 4.2vw, 1.1rem) !important;
		font-weight: 800;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 0.04em;
		color: #a87cc5 !important;
	}

	#contenu_onglet_2 .index-materiel-fields-table {
		width: 100%;
		border-collapse: separate;
		border-spacing: 0;
	}

	#contenu_onglet_2 .index-materiel-fields-row {
		display: block;
		width: 100%;
	}

	#contenu_onglet_2 .index-materiel-fields-row td {
		display: block;
		width: 100% !important;
		box-sizing: border-box;
		padding: 0 !important;
		text-align: left !important;
	}

	#contenu_onglet_2 .index-materiel-fields-row td label,
	#contenu_onglet_2 .index-materiel-fields-row td font.rech {
		display: block;
		margin-bottom: 10px;
		font-weight: 700;
		font-size: 0.9rem !important;
		color: #111 !important;
		text-align: left;
	}

	#contenu_onglet_2 .index-materiel-fields-row input[type="text"] {
		width: 100% !important;
		max-width: 100%;
		box-sizing: border-box;
		min-height: 46px;
		padding: 10px 12px;
		font-size: 16px;
		line-height: 1.3;
		border: 1px solid #a87cc5;
		border-radius: 10px;
		background: #fff;
		-webkit-appearance: none;
		appearance: none;
		margin-bottom: 18px;
	}

	#contenu_onglet_2 .index-materiel-fields-row input[type="text"]:focus {
		outline: none;
		border-color: #a87cc5;
		box-shadow: 0 0 0 3px rgba(168, 124, 197, 0.3);
	}

	/* Dernier champ avant la note : même marge bas que l’e-mail de l’onglet 1 (12px) */
	#contenu_onglet_2 .index-materiel-fields-row input#marque {
		margin-bottom: 12px !important;
	}

	/* Même libellé / taille / couleurs / resserrement que la note obligatoires de l’onglet 1 */
	#contenu_onglet_2 .index-materiel-oblig-note {
		display: block;
		margin: -4px 0 16px;
		padding: 0;
		text-align: left;
	}

	/* Solo / Biplace : input + label adjacent (input:checked + label) — sans :has() ni JS */
	#contenu_onglet_2 table.index-materiel-type-table {
		display: block;
		width: 60%;
		max-width: 60%;
		box-sizing: border-box;
		margin: 0 0 8px;
		border-collapse: separate;
		border-spacing: 0;
		border: 2px solid #f8b230;
		border-radius: 10px;
		overflow: hidden;
	}

	#contenu_onglet_2 table.index-materiel-type-table tbody {
		display: block;
		width: 100%;
		background: #f8b230;
		border-radius: 8px;
	}

	#contenu_onglet_2 table.index-materiel-type-table tr.index-materiel-type-row {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: stretch;
		width: 100%;
		margin: 0;
		padding: 0;
		background: #f8b230;
		border-radius: 8px;
	}

	#contenu_onglet_2 table.index-materiel-type-table tr.index-materiel-type-row td.index-materiel-seg {
		flex: 1 1 0;
		min-width: 0;
		margin: 0;
		padding: 0;
		border: none;
		box-sizing: border-box;
		vertical-align: middle;
		background: #f8b230;
	}

	#contenu_onglet_2 table.index-materiel-type-table .index-materiel-seg-inner {
		position: relative;
		display: flex;
		flex-direction: row;
		align-items: stretch;
		justify-content: center;
		min-height: 46px;
		overflow: hidden;
		transform: translateZ(0);
	}

	#contenu_onglet_2 table.index-materiel-type-table td.index-materiel-seg:first-child .index-materiel-seg-inner {
		border-right: 2px solid #f8b230;
		border-top-left-radius: 8px;
		border-bottom-left-radius: 8px;
	}

	#contenu_onglet_2 table.index-materiel-type-table td.index-materiel-seg:last-child .index-materiel-seg-inner {
		border-top-right-radius: 8px;
		border-bottom-right-radius: 8px;
	}

	#contenu_onglet_2 table.index-materiel-type-table .index-materiel-seg-inner input[type="radio"] {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		opacity: 0;
		cursor: pointer;
		z-index: 2;
		-webkit-appearance: none;
		appearance: none;
	}

	#contenu_onglet_2 table.index-materiel-type-table .index-materiel-seg-label {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0;
		padding: 12px 16px;
		box-sizing: border-box;
		font-size: 0.95rem !important;
		font-weight: 800 !important;
		text-align: center;
		pointer-events: none;
		-webkit-user-select: none;
		user-select: none;
		overflow: hidden;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
	}

	#contenu_onglet_2 table.index-materiel-type-table td.index-materiel-seg:first-child .index-materiel-seg-label {
		border-top-left-radius: 8px;
		border-bottom-left-radius: 8px;
	}

	#contenu_onglet_2 table.index-materiel-type-table td.index-materiel-seg:last-child .index-materiel-seg-label {
		border-top-right-radius: 8px;
		border-bottom-right-radius: 8px;
	}

	/* Inactif : fond blanc, texte orange (bat la couleur noire de .rech / <font> sur WebKit) */
	#contenu_onglet_2 table.index-materiel-type-table .index-materiel-seg-inner input[type="radio"]:not(:checked) + .index-materiel-seg-label {
		background: #fff !important;
		color: #f8b230 !important;
		-webkit-text-fill-color: #f8b230;
	}

	#contenu_onglet_2 table.index-materiel-type-table .index-materiel-seg-inner input[type="radio"]:not(:checked) + .index-materiel-seg-label font.rech,
	#contenu_onglet_2 table.index-materiel-type-table .index-materiel-seg-inner input[type="radio"]:not(:checked) + .index-materiel-seg-label * {
		color: #f8b230 !important;
		-webkit-text-fill-color: #f8b230;
		font-weight: 800 !important;
	}

	/* Actif : fond orange, texte blanc */
	#contenu_onglet_2 table.index-materiel-type-table .index-materiel-seg-inner input[type="radio"]:checked + .index-materiel-seg-label {
		background: #f8b230 !important;
		color: #fff !important;
		-webkit-text-fill-color: #fff;
	}

	#contenu_onglet_2 table.index-materiel-type-table .index-materiel-seg-inner input[type="radio"]:checked + .index-materiel-seg-label font.rech,
	#contenu_onglet_2 table.index-materiel-type-table .index-materiel-seg-inner input[type="radio"]:checked + .index-materiel-seg-label * {
		color: #fff !important;
		-webkit-text-fill-color: #fff;
		font-weight: 800 !important;
	}

	#contenu_onglet_2 table.index-materiel-type-table .index-materiel-seg-inner input[type="radio"]:focus-visible {
		outline: 3px solid rgba(248, 178, 48, 0.55);
		outline-offset: 2px;
	}

	/* Onglet 3 — maquette mobile */
	#contenu_onglet_3 fieldset,
	#contenu_onglet_3 #controle fieldset,
	#contenu_onglet_3 #reparation fieldset {
		border: none;
		margin: 0;
		padding: 0;
		background: transparent;
	}

	#contenu_onglet_3 legend {
		float: none;
		width: 100%;
		margin: 0 0 14px;
		padding: 0 4px;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 0.03em;
		font-size: clamp(0.95rem, 4.1vw, 1.12rem) !important;
		font-weight: 800 !important;
		color: #a87cc5 !important;
	}

	#contenu_onglet_3 legend .index-legend-colon {
		display: none !important;
	}

	#contenu_onglet_3 legend .index-legend-required {
		display: none !important;
	}

	#contenu_onglet_3 [align="right"],
	#contenu_onglet_3 .description {
		display: none !important;
	}

	#contenu_onglet_3 table {
		width: 100%;
		max-width: 100%;
		border-collapse: separate;
		border-spacing: 0;
	}

	#contenu_onglet_3 > fieldset > table td {
		display: block;
		width: 100% !important;
		padding: 0 !important;
		box-sizing: border-box;
		text-align: left !important;
	}

	#contenu_onglet_3 > fieldset > table td > font.rech {
		display: block;
		margin-bottom: 10px;
		font-size: 0.92rem !important;
		font-weight: 700;
		color: #a87cc5 !important;
	}

	/* Onglet 3 mobile : masque "Type de Prestation : *" */
	#contenu_onglet_3 > fieldset > table tr:first-child td:first-child > font.rech {
		display: none !important;
	}

	/* Onglet 3 mobile : masque "Type de Controle : *" */
	#contenu_onglet_3 #controle > fieldset > table tr:first-child td:first-child > font.rech {
		display: none !important;
	}

	/* Onglet 3 mobile : switch Contrôle / Réparation au style Solo / Biplace */
	#contenu_onglet_3 table.index-prestation-type-table {
		display: block !important;
		width: min(76%, 340px);
		max-width: min(76%, 340px);
		box-sizing: border-box;
		margin: 0 auto 14px;
		border-collapse: separate;
		border-spacing: 0;
		border: 2px solid #f8b230;
		border-radius: 10px;
		overflow: hidden;
	}

	#contenu_onglet_3 table.index-prestation-type-table tbody {
		display: block;
		width: 100%;
		background: #f8b230;
	}

	#contenu_onglet_3 table.index-prestation-type-table tr.index-prestation-type-row {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: stretch;
		width: 100%;
		background: #f8b230;
		margin: 0;
		padding: 0;
	}

	#contenu_onglet_3 table.index-prestation-type-table tr.index-prestation-type-row td.index-prestation-seg {
		flex: 1 1 0;
		min-width: 0;
		margin: 0;
		padding: 0;
		border: none;
		box-sizing: border-box;
		vertical-align: middle;
		background: #f8b230;
	}

	#contenu_onglet_3 table.index-prestation-type-table .index-prestation-seg-inner {
		position: relative;
		display: flex;
		align-items: stretch;
		justify-content: center;
		min-height: 44px;
		overflow: hidden;
	}

	#contenu_onglet_3 table.index-prestation-type-table td.index-prestation-seg:first-child .index-prestation-seg-inner {
		border-right: 2px solid #f8b230;
	}

	#contenu_onglet_3 table.index-prestation-type-table .index-prestation-seg-inner input[type="radio"] {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		opacity: 0;
		cursor: pointer;
		z-index: 2;
		-webkit-appearance: none;
		appearance: none;
	}

	#contenu_onglet_3 table.index-prestation-type-table .index-prestation-seg-label {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0;
		padding: 10px 10px;
		box-sizing: border-box;
		font-size: 0.95rem !important;
		font-weight: 800 !important;
		line-height: 1.1;
		text-align: center;
		pointer-events: none;
		-webkit-user-select: none;
		user-select: none;
	}

	#contenu_onglet_3 table.index-prestation-type-table .index-prestation-seg-label font.rech {
		display: inline !important;
		margin: 0 !important;
		line-height: inherit;
	}

	#contenu_onglet_3 table.index-prestation-type-table .index-prestation-seg-inner input[type="radio"]:not(:checked) + .index-prestation-seg-label {
		background: #fff !important;
		color: #f8b230 !important;
		-webkit-text-fill-color: #f8b230;
	}

	#contenu_onglet_3 table.index-prestation-type-table .index-prestation-seg-inner input[type="radio"]:not(:checked) + .index-prestation-seg-label font.rech,
	#contenu_onglet_3 table.index-prestation-type-table .index-prestation-seg-inner input[type="radio"]:not(:checked) + .index-prestation-seg-label * {
		color: #f8b230 !important;
		-webkit-text-fill-color: #f8b230;
		font-weight: 800 !important;
	}

	#contenu_onglet_3 table.index-prestation-type-table .index-prestation-seg-inner input[type="radio"]:checked + .index-prestation-seg-label {
		background: #f8b230 !important;
		color: #fff !important;
		-webkit-text-fill-color: #fff;
	}

	#contenu_onglet_3 table.index-prestation-type-table .index-prestation-seg-inner input[type="radio"]:checked + .index-prestation-seg-label font.rech,
	#contenu_onglet_3 table.index-prestation-type-table .index-prestation-seg-inner input[type="radio"]:checked + .index-prestation-seg-label * {
		color: #fff !important;
		-webkit-text-fill-color: #fff;
		font-weight: 800 !important;
	}

	#contenu_onglet_3 select.index-o3-native-select {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}

	#contenu_onglet_3 .index-o3-seg-wrap {
		display: flex;
		width: min(76%, 340px);
		max-width: min(76%, 340px);
		margin: 0 auto 16px;
		border: 2px solid #f8b230;
		border-radius: 10px;
		overflow: hidden;
	}

	#contenu_onglet_3 .index-o3-seg-btn {
		flex: 1 1 0;
		min-height: 42px;
		border: 0;
		background: #fff;
		color: #f8b230;
		font-size: 0.95rem;
		font-weight: 800;
		padding: 9px 8px;
	}

	#contenu_onglet_3 .index-o3-seg-btn + .index-o3-seg-btn {
		border-left: 2px solid #f8b230;
	}

	#contenu_onglet_3 .index-o3-seg-btn.is-active {
		background: #f8b230;
		color: #fff;
	}

	#contenu_onglet_3 #controle_forfait > br,
	#contenu_onglet_3 #controle_carte > br {
		display: none !important;
	}

	/* Supprime les <br> de fin du fieldset Type de contrôle en mobile */
	#contenu_onglet_3 #controle > fieldset > br {
		display: none !important;
	}

	#contenu_onglet_3 #controle_forfait table[align="center"],
	#contenu_onglet_3 #reparation table {
		width: 100%;
		max-width: 100%;
		margin-top: 4px;
	}

	#contenu_onglet_3 #controle_forfait table[align="center"] tr,
	#contenu_onglet_3 #reparation table tr {
		display: block;
		margin: 0 0 14px;
	}

	#contenu_onglet_3 #controle_carte table[align="center"] tr {
		display: block;
		margin: 0 0 14px;
	}

	#contenu_onglet_3 td.index-o3-radio-input-cell {
		display: block;
		position: absolute;
		width: 1px !important;
		height: 1px !important;
		overflow: hidden;
		opacity: 0;
		pointer-events: none;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
	}

	#contenu_onglet_3 td.index-o3-checkbox-input-cell {
		display: block;
		position: absolute;
		width: 1px !important;
		height: 1px !important;
		overflow: hidden;
		opacity: 0;
		pointer-events: none;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
	}

	#contenu_onglet_3 td.index-o3-radio-card {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box;
		margin: 0 0 10px !important;
		padding: 9px 14px !important;
		border: 2px solid #a87cc5;
		border-radius: 999px;
		background: transparent;
		text-align: center !important;
		cursor: pointer;
	}

	#contenu_onglet_3 td.index-o3-radio-card > font.rech,
	#contenu_onglet_3 td.index-o3-radio-card > font.rech * {
		display: inline !important;
		margin: 0 !important;
		font-size: 0.8rem !important;
		font-weight: 800 !important;
		line-height: 1.18;
		color: #a87cc5 !important;
	}

	#contenu_onglet_3 td.index-o3-radio-card.is-selected {
		background: #a87cc5 !important;
	}

	#contenu_onglet_3 td.index-o3-radio-card.is-selected > font.rech,
	#contenu_onglet_3 td.index-o3-radio-card.is-selected > font.rech * {
		color: #fff !important;
	}

	#contenu_onglet_3 td.index-o3-checkbox-card {
		display: block !important;
		position: relative;
		width: 100% !important;
		box-sizing: border-box;
		margin: 0 0 12px !important;
		padding: 9px 14px 9px 38px !important;
		border: 2px solid #a87cc5;
		border-radius: 999px;
		background: transparent;
		text-align: center !important;
		cursor: pointer;
	}

	#contenu_onglet_3 td.index-o3-checkbox-card::before {
		content: "";
		position: absolute;
		left: 12px;
		top: 50%;
		width: 14px;
		height: 14px;
		margin-top: -7px;
		border: 2px solid #a87cc5;
		border-radius: 3px;
		background: transparent;
		box-sizing: border-box;
	}

	#contenu_onglet_3 td.index-o3-checkbox-card > font.rech,
	#contenu_onglet_3 td.index-o3-checkbox-card > font.rech * {
		display: inline !important;
		margin: 0 !important;
		font-size: 0.8rem !important;
		font-weight: 800 !important;
		line-height: 1.18;
		color: #a87cc5 !important;
	}

	#contenu_onglet_3 td.index-o3-checkbox-card.is-selected {
		background: #a87cc5 !important;
	}

	#contenu_onglet_3 td.index-o3-checkbox-card.is-selected::before {
		content: "✓";
		display: flex;
		align-items: center;
		justify-content: center;
		color: #a87cc5;
		font-size: 11px;
		font-weight: 900;
		background: #fff;
		border-color: #fff;
	}

	#contenu_onglet_3 td.index-o3-checkbox-card.is-selected > font.rech,
	#contenu_onglet_3 td.index-o3-checkbox-card.is-selected > font.rech * {
		color: #fff !important;
	}

	#contenu_onglet_3 .index-o3-radio-desc {
		display: none;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-top: 0;
		text-align: left;
	}

	#contenu_onglet_3 .index-o3-radio-desc-title {
		margin: 0 0 6px;
		font-size: 0.91rem;
		font-weight: 800;
		color: #a87cc5;
		line-height: 1.25;
		display: none !important;
	}

	#contenu_onglet_3 .index-o3-radio-desc-line {
		position: relative;
		margin: 0 0 5px;
		padding-left: 16px;
		font-size: 0.9rem;
		font-weight: 700;
		line-height: 1.32;
		color: #1f1f1f;
		text-align: left;
		display: block;
		max-width: 100%;
	}

	#contenu_onglet_3 .index-o3-radio-desc-line::before {
		content: "✓";
		position: absolute;
		left: 0;
		top: 0;
		color: #28a745;
		font-weight: 900;
	}

	/* iPhone SE / petits écrans */
	@media screen and (max-width: 375px) {
		#contenu_onglet_3 td.index-o3-radio-card > font.rech,
		#contenu_onglet_3 td.index-o3-radio-card > font.rech * {
			font-size: 0.75rem !important;
		}
	}

	#contenu_onglet_3 .index-o3-options {
		display: flex;
		flex-direction: column;
		gap: 10px;
		margin: 4px 0 12px;
	}

	#contenu_onglet_3 .index-o3-option-chip {
		display: flex;
		align-items: center;
		gap: 10px;
		border: 2px solid #a87cc5;
		border-radius: 999px;
		padding: 8px 12px;
		background: transparent;
		cursor: pointer;
	}

	#contenu_onglet_3 .index-o3-option.is-selected .index-o3-option-chip {
		background: #a87cc5;
	}

	#contenu_onglet_3 .index-o3-option-input {
		flex: 0 0 18px;
		width: 18px;
		height: 18px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	#contenu_onglet_3 .index-o3-option-input input {
		margin: 0;
		accent-color: #a87cc5;
	}

	#contenu_onglet_3 .index-o3-option-text {
		flex: 1 1 auto;
		text-align: center;
		font-size: 1.03rem;
		font-weight: 800;
		color: #a87cc5 !important;
		line-height: 1.18;
	}

	#contenu_onglet_3 .index-o3-option-text * {
		color: inherit !important;
		font-weight: inherit !important;
	}

	#contenu_onglet_3 .index-o3-option.is-selected .index-o3-option-text {
		color: #fff !important;
	}

	/* En mobile, quand #controle_carte est affiché par JS (display:block inline),
	   forcer un flux colonne et placer le texte "Prise en charge..." sous la table d'options. */
	#contenu_onglet_3 #controle_carte[style*="display:block"],
	#contenu_onglet_3 #controle_carte[style*="display: block"] {
		display: flex !important;
		flex-direction: column;
	}

	#contenu_onglet_3 #controle_carte > table[align="center"] {
		order: 1;
	}

	#contenu_onglet_3 #controle_carte > center {
		display: block;
		order: 2;
		margin: 6px 0 10px;
	}

	#contenu_onglet_3 #controle_carte > center > font.rech {
		display: block;
		margin: 0;
		padding: 8px 10px;
		border: 0;
		text-align: center;
		font-size: 1.02rem !important;
		font-weight: 800;
		color: #111 !important;
	}

	#contenu_onglet_3 .index-o3-inline-desc {
		display: none;
		padding: 6px 2px 2px 2px;
	}

	#contenu_onglet_3 .index-o3-desc-list {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#contenu_onglet_3 .index-o3-desc-list li {
		position: relative;
		margin: 0 0 6px;
		padding-left: 18px;
		font-size: 0.92rem;
		line-height: 1.35;
		font-weight: 700;
		color: #111;
	}

	#contenu_onglet_3 .index-o3-desc-list li::before {
		content: "✓";
		position: absolute;
		left: 0;
		top: 0;
		color: #2aa640;
		font-weight: 900;
	}

	#contenu_onglet_3 #reparation textarea[name="remarque_rep"] {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		min-height: 64px;
		box-sizing: border-box;
		border: 2px solid #a87cc5;
		border-radius: 10px;
		background: transparent;
		margin-top: 10px;
		padding: 12px;
		font-size: 0.85rem;
		line-height: 1.35;
		color: #a87cc5;
		resize: vertical;
		overflow-x: hidden;
	}

	#contenu_onglet_3 #reparation textarea[name="remarque_rep"]:focus {
		font-size: 16px !important;
		outline: none;
	}

	/* Onglet 4 mobile : maquette Accessoires/Vols */
	#contenu_onglet_4 {
		max-width: 420px;
		margin: 0 auto;
	}

	/* Même design que #contenu_onglet_3 legend (ex. Prestation) */
	#contenu_onglet_4::before {
		content: "Accessoires";
		float: none;
		display: block;
		width: 100%;
		box-sizing: border-box;
		margin: 0 0 28px;
		padding: 0 4px;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 0.03em;
		font-size: clamp(0.95rem, 4.1vw, 1.12rem) !important;
		font-weight: 800 !important;
		color: #a87cc5 !important;
	}

	#contenu_onglet_4 > fieldset {
		border: 0;
		border-radius: 18px;
		box-shadow: inset 0 0 0 2px #a87cc5;
		background: transparent;
		padding: 14px 14px 12px;
		margin: 0 0 18px;
	}

	#contenu_onglet_4 > fieldset > legend,
	#contenu_onglet_4 > fieldset > .index-o4-legend {
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 0;
		margin: 0 0 10px;
		text-transform: uppercase;
		text-align: center;
		color: #a87cc5;
		font-size: 1.02rem;
		font-weight: 500;
		letter-spacing: 0.02em;
	}

	#contenu_onglet_4 > .index-o4-legend.index-o4-legend-outside {
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 0;
		margin: 0 0 10px !important;
		text-transform: uppercase;
		text-align: center;
		color: #a87cc5;
		font-size: 1.02rem;
		font-weight: 800;
		letter-spacing: 0.02em;
	}

	#contenu_onglet_4 .index-o4-legend-secours-row td {
		display: block !important;
		width: 100% !important;
		padding: 0 !important;
		margin: 0 0 20px !important;
	}

	#contenu_onglet_4 .index-o4-legend.index-o4-legend-secours {
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 0;
		margin: 0 !important;
		text-transform: uppercase;
		text-align: center;
		color: #a87cc5;
		font-size: 1.02rem;
		font-weight: 500;
		letter-spacing: 0.02em;
	}

	#contenu_onglet_4 table[cellspacing="15"] {
		width: 100%;
		border-collapse: separate;
		border-spacing: 0 12px !important;
	}

	#contenu_onglet_4 table[cellspacing="15"] tr {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	#contenu_onglet_4 > fieldset:first-of-type table[cellspacing="15"] tr:nth-child(2) {
		gap: 0;
		margin-bottom: 20px;
	}

	#contenu_onglet_4 > fieldset:nth-of-type(2) table[cellspacing="15"] tr:first-child {
		gap: 0;
	}

	#contenu_onglet_4 > fieldset:first-of-type table[cellspacing="15"] tr:nth-child(2) td:nth-child(2) > font.rech,
	#contenu_onglet_4 > fieldset:first-of-type table[cellspacing="15"] tr:nth-child(2) td:nth-child(4) > font.rech,
	#contenu_onglet_4 > fieldset:nth-of-type(2) table[cellspacing="15"] tr:first-child td:nth-child(2) > font.rech,
	#contenu_onglet_4 > fieldset:nth-of-type(2) table[cellspacing="15"] tr:first-child td:nth-child(4) > font.rech {
		margin-bottom: 12px !important;
	}

	#contenu_onglet_4 table[cellspacing="15"] td {
		padding: 0 !important;
		margin: 0 !important;
	}

	#contenu_onglet_4 table[cellspacing="15"] td:has(> input[type="checkbox"]),
	#contenu_onglet_4 table[cellspacing="15"] td:has(> input[type="radio"]) {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		clip-path: inset(50%);
		white-space: nowrap;
	}

	#contenu_onglet_4 table[cellspacing="15"] td > font.rech {
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 9px 14px !important;
		border: 2px solid #a87cc5;
		border-radius: 999px;
		background: transparent;
		text-align: center !important;
		cursor: pointer;
		font-size: 0.8rem !important;
		font-weight: 800 !important;
		line-height: 1.18;
		color: #a87cc5 !important;
	}

	#contenu_onglet_4 table[cellspacing="15"] td > font.rech * {
		box-sizing: border-box;
		color: #a87cc5 !important;
		font-size: 0.8rem !important;
		font-weight: 800 !important;
		line-height: 1.18;
	}

	#contenu_onglet_4 table[cellspacing="15"] td:has(> input[type="checkbox"]:checked) + td > font.rech,
	#contenu_onglet_4 table[cellspacing="15"] td:has(> input[type="radio"]:checked) + td > font.rech,
	#contenu_onglet_4 table[cellspacing="15"] td > font.rech.index-o4-option-active {
		background: #a87cc5 !important;
		color: #fff !important;
	}

	#contenu_onglet_4 table[cellspacing="15"] td:has(> input[type="checkbox"]:checked) + td > font.rech *,
	#contenu_onglet_4 table[cellspacing="15"] td:has(> input[type="radio"]:checked) + td > font.rech *,
	#contenu_onglet_4 table[cellspacing="15"] td > font.rech.index-o4-option-active * {
		color: #fff !important;
	}

	#contenu_onglet_4 table[cellspacing="15"] td > font.rech.index-o4-option-check {
		position: relative;
		padding: 9px 14px 9px 38px !important;
		margin-bottom: 20px !important;
	}

	#contenu_onglet_4 fieldset:first-of-type table[cellspacing="15"] tr:nth-child(2) td:nth-child(2) > font.rech {
		margin-top: 20px !important;
	}

	#contenu_onglet_4 table[cellspacing="15"] td > font.rech.index-o4-option-check::before {
		content: "";
		position: absolute;
		left: 12px;
		top: 50%;
		width: 14px;
		height: 14px;
		margin-top: -7px;
		border: 2px solid #a87cc5;
		border-radius: 3px;
		background: transparent;
		box-sizing: border-box;
	}

	#contenu_onglet_4 table[cellspacing="15"] td:has(> input[type="checkbox"]:checked) + td > font.rech.index-o4-option-check::before,
	#contenu_onglet_4 table[cellspacing="15"] td > font.rech.index-o4-option-check.index-o4-option-check-active::before {
		content: "✓";
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 11px;
		font-weight: 900;
		line-height: 1;
		color: #a87cc5;
		border-color: #fff;
		background: #fff;
	}

	#contenu_onglet_4 > br {
		display: none;
	}

	/* Onglet 5 mobile : maquette Transport */
	#contenu_onglet_5 {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		overflow-x: clip;
		box-sizing: border-box;
	}

	#contenu_onglet_5 > fieldset {
		border: 0;
		margin: 0;
		padding: 0;
		background: transparent;
	}

	#contenu_onglet_5 > fieldset > legend,
	#contenu_onglet_5 #form_port_retour > fieldset > legend {
		float: none;
		width: 100%;
		margin: 0 0 14px;
		padding: 0 4px;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 0.03em;
		font-size: clamp(0.95rem, 4.1vw, 1.12rem) !important;
		font-weight: 800 !important;
		color: #a87cc5 !important;
	}

	/* Mobile : libellés sans « : » (le HTML garde les deux-points pour le bureau) */
	#contenu_onglet_5 > fieldset > legend {
		font-size: 0 !important;
		line-height: 0 !important;
		color: transparent !important;
	}

	#contenu_onglet_5 > fieldset > legend::before {
		content: "Mode de livraison";
		display: inline-block;
		font-size: clamp(0.95rem, 4.1vw, 1.12rem) !important;
		font-weight: 800 !important;
		line-height: 1.25;
		color: #a87cc5 !important;
		text-transform: uppercase;
		letter-spacing: 0.03em;
	}

	#contenu_onglet_5 #form_port_retour > fieldset > legend {
		font-size: 0 !important;
		line-height: 0 !important;
		color: transparent !important;
	}

	#contenu_onglet_5 #form_port_retour > fieldset > legend::before {
		content: "Frais de ports";
		display: inline-block;
		font-size: clamp(0.95rem, 4.1vw, 1.12rem) !important;
		font-weight: 800 !important;
		line-height: 1.25;
		color: #a87cc5 !important;
		text-transform: uppercase;
		letter-spacing: 0.03em;
	}

	#contenu_onglet_5 > fieldset > table[cellspacing="15"] {
		width: 100%;
		border-collapse: separate;
		border-spacing: 0 12px !important;
		margin: 0 0 12px;
	}

	#contenu_onglet_5 > fieldset > table[cellspacing="15"] tr {
		display: block;
		margin: 0;
	}

	#contenu_onglet_5 > fieldset > table[cellspacing="15"] td {
		padding: 0 !important;
		margin: 0 !important;
	}

	#contenu_onglet_5 > fieldset > table[cellspacing="15"] tr > td:nth-child(2) {
		display: flex;
		justify-content: center;
	}

	#contenu_onglet_5 > fieldset > table[cellspacing="15"] td:has(> input[type="radio"]) {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		clip-path: inset(50%);
		white-space: nowrap;
	}

	#contenu_onglet_5 > fieldset > table[cellspacing="15"] td > font.rech {
		display: block;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		box-sizing: border-box;
		margin: 0 auto 12px;
		padding: 9px 14px !important;
		border: 2px solid #a87cc5;
		border-radius: 999px;
		background: transparent;
		text-align: center !important;
		cursor: pointer;
		font-size: 0.8rem !important;
		font-weight: 800 !important;
		line-height: 1.18;
		color: #a87cc5 !important;
	}

	#contenu_onglet_5 > fieldset > table[cellspacing="15"] td > font.rech *,
	#contenu_onglet_5 #form_port_retour table[cellspacing="15"] td > font.rech * {
		color: inherit !important;
		font-size: inherit !important;
		font-weight: inherit !important;
		line-height: inherit;
	}

	#contenu_onglet_5 > fieldset > table[cellspacing="15"] td:has(> input[type="radio"]:checked) + td > font.rech,
	#contenu_onglet_5 > fieldset > table[cellspacing="15"] td > font.rech.index-o5-option-active,
	#contenu_onglet_5 #form_port_retour table[cellspacing="15"] td:has(> input[type="radio"]:checked) + td > font.rech,
	#contenu_onglet_5 #form_port_retour table[cellspacing="15"] td > font.rech.index-o5-option-active {
		background: #a87cc5 !important;
		color: #fff !important;
	}

	#contenu_onglet_5 #form_port_retour table[cellspacing="15"] td:has(> input[type="radio"]:checked) + td > font.rech *,
	#contenu_onglet_5 #form_port_retour table[cellspacing="15"] td > font.rech.index-o5-option-active * {
		color: #fff !important;
	}

	#contenu_onglet_5 > fieldset > table[cellspacing="15"] tr:nth-child(3) td > font.rech {
		border-radius: 24px;
		line-height: 1.22;
	}

	#contenu_onglet_5 #contenu_relais_colis {
		margin: 6px 0 14px;
	}

	/* <br/><br/> du HTML entre #contenu_relais_colis et #form_port_retour : hors flux en mobile */
	#contenu_onglet_5 #contenu_relais_colis + br,
	#contenu_onglet_5 #contenu_relais_colis + br + br {
		display: none !important;
	}

	#contenu_onglet_5 #list_relais_colis {
		font-size: 0.86rem;
		line-height: 1.35;
		color: #111;
	}

	#contenu_onglet_5 #list_relais_colis > center > table {
		width: 100% !important;
	}

	#contenu_onglet_5 #list_relais_colis > center > table tr {
		display: block;
	}

	#contenu_onglet_5 #list_relais_colis td.cellule_table_list_relais {
		display: block;
		width: 100% !important;
		box-sizing: border-box;
		margin: 0 0 18px;
		padding: 16px 10px;
		border: 2px solid #a87cc5;
		border-radius: 20px;
		background: #eeeeee;
		text-align: left;
	}

	#contenu_onglet_5 #list_relais_colis td.cellule_table_list_relais > table {
		width: 100% !important;
		padding: 0 !important;
	}

	#contenu_onglet_5 #list_relais_colis td.cellule_table_list_relais > table td {
		text-align: center !important;
	}

	#contenu_onglet_5 #list_relais_colis td.cellule_table_list_relais > table tr > td {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		line-height: 1.22;
	}

	#contenu_onglet_5 #list_relais_colis td.cellule_table_list_relais b {
		display: inline-block;
		margin-bottom: 1px;
		font-size: 0.92rem;
		font-weight: 800;
		color: #a87cc5;
	}

	#contenu_onglet_5 #list_relais_colis td.cellule_table_list_relais div {
		display: block !important;
		margin-top: 6px;
		padding-top: 6px;
		border-top: 1px solid #ddd;
		font-size: 0.82rem;
		line-height: 1.35;
		color: #333;
	}

	#contenu_onglet_5 #list_relais_colis td.cellule_table_list_relais .index-o5-relais-toggle {
		display: inline-block;
		margin: 8px auto 14px;
		padding: 0;
		border: 0;
		background: transparent;
		color: #a87cc5;
		font-size: 0.82rem;
		font-weight: 800;
		text-decoration: underline;
		text-underline-offset: 2px;
		cursor: pointer;
	}

	#contenu_onglet_5 #list_relais_colis td.cellule_table_list_relais .index-o5-relais-toggle::after {
		content: " \25BE";
		font-size: 0.82em;
	}

	#contenu_onglet_5 #list_relais_colis td.cellule_table_list_relais .index-o5-relais-toggle.is-expanded::after {
		content: " \25B4";
	}

	#contenu_onglet_5 #list_relais_colis td.cellule_table_list_relais .index-o5-relais-hours.is-collapsed {
		display: none !important;
	}

	#contenu_onglet_5 #list_relais_colis td.cellule_table_list_relais .index-o5-relais-hours {
		text-align: center;
		width: 100%;
		border-top: 0 !important;
		padding-top: 0 !important;
		margin-bottom: 12px;
	}

	#contenu_onglet_5 #list_relais_colis td.cellule_table_list_relais .index-o5-hours-row {
		display: grid;
		grid-template-columns: 82px 1fr;
		align-items: start;
		column-gap: 12px;
		text-align: center;
		justify-content: center;
	}

	#contenu_onglet_5 #list_relais_colis td.cellule_table_list_relais .index-o5-hours-day {
		font-weight: 800;
	}

	#contenu_onglet_5 #list_relais_colis td.cellule_table_list_relais .index-o5-hours-time {
		font-weight: 400;
	}

	#contenu_onglet_5 #list_relais_colis td.cellule_table_list_relais input.styled-button-submit-little {
		display: block !important;
		float: none !important;
		width: 100%;
		max-width: 280px;
		box-sizing: border-box;
		margin: 16px auto 0;
		padding: 10px 14px;
		border: 2px solid #a87cc5;
		border-radius: 999px;
		font-size: 0.84rem;
		font-weight: 800;
		color: #fff;
		background: #a87cc5;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
		transition: filter 0.15s ease, transform 0.15s ease;
	}

	#contenu_onglet_5 #list_relais_colis td.cellule_table_list_relais input.styled-button-submit-little:active {
		transform: translateY(1px);
		filter: brightness(0.95);
	}

	#contenu_onglet_5 #list_relais_colis td.cellule_table_list_relais.index-o5-relais-hidden-extra {
		display: none !important;
	}

	/* Dernière rangée de cartes : moins d’air avant « Autres Points Relais » */
	#contenu_onglet_5 #list_relais_colis:has(.index-o5-relais-more-btn) > center > table tr:last-child td.cellule_table_list_relais {
		margin-bottom: 8px;
	}

	/* Même style que « Afficher les horaires » (.index-o5-relais-toggle) */
	#contenu_onglet_5 #list_relais_colis .index-o5-relais-more-btn {
		display: block;
		width: 100%;
		box-sizing: border-box;
		margin: 0 auto 2.25rem;
		padding: 10px 8px;
		border: 0;
		background: transparent;
		color: #000;
		text-decoration-color: currentColor;
		font-size: 0.95rem;
		font-weight: 800;
		line-height: 1.35;
		text-align: center;
		text-decoration: underline;
		text-underline-offset: 2px;
		cursor: pointer;
		font-family: inherit;
	}

	#contenu_onglet_5 #list_relais_colis .index-o5-relais-more-btn::after {
		content: " \25BE";
		font-size: 0.88em;
	}

	#contenu_onglet_5 #list_relais_colis .index-o5-relais-more-btn.is-expanded::after {
		content: " \25B4";
	}

	#contenu_onglet_5 #contenu_relais_colis center:has(#relais_colis_checked) {
		display: block;
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 0 2px;
		box-sizing: border-box;
	}

	#contenu_onglet_5 #relais_colis_checked {
		width: 100% !important;
		max-width: 100%;
		box-sizing: border-box;
		margin: 10px 0 18px;
		border: 2px solid #a87cc5;
		border-radius: 18px;
		background: transparent;
		box-shadow: 0 2px 10px rgba(168, 124, 197, 0.12);
		overflow: hidden;
		border-collapse: separate;
		border-spacing: 0;
	}

	#contenu_onglet_5 #relais_colis_checked tbody,
	#contenu_onglet_5 #relais_colis_checked tr {
		display: block;
		width: 100%;
	}

	#contenu_onglet_5 #relais_colis_checked td {
		display: block !important;
		width: 100% !important;
		max-width: 100%;
		box-sizing: border-box;
		padding: 0;
		margin: 0;
		vertical-align: top;
	}

	#contenu_onglet_5 #relais_colis_checked td:first-child {
		padding: 14px 14px 12px;
		text-align: center;
	}

	#contenu_onglet_5 #relais_colis_checked td:last-child {
		padding: 10px 12px 14px;
		text-align: center;
		border-top: 1px solid rgba(155, 78, 148, 0.22);
		background: transparent;
	}

	#contenu_onglet_5 #afficher_relais_colis {
		font-size: 0.88rem;
		line-height: 1.45;
		color: #333;
		text-align: center;
	}

	#contenu_onglet_5 #afficher_relais_colis .index-o5-relais-checked-recap {
		text-align: center;
	}

	#contenu_onglet_5 #afficher_relais_colis .index-o5-relais-checked-schedule {
		margin-top: 12px;
		padding-top: 12px;
		border-top: 1px solid rgba(155, 78, 148, 0.2);
		font-size: 0.78rem;
		line-height: 1.55;
		color: #444;
		text-align: center;
	}

	#contenu_onglet_5 #afficher_relais_colis b {
		display: block;
		margin: 0 auto 8px;
		font-size: 1rem;
		font-weight: 800;
		color: #a87cc5 !important;
		letter-spacing: 0.02em;
		line-height: 1.25;
		text-align: center;
	}

	#contenu_onglet_5 #relais_colis_checked input.styled-button-cancel-little {
		float: none !important;
		display: block;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		margin: 0 auto;
		padding: 11px 16px;
		border: 2px solid #a87cc5 !important;
		border-radius: 999px;
		background: transparent !important;
		background-color: transparent !important;
		color: #a87cc5 !important;
		font-size: 0.82rem !important;
		font-weight: 800 !important;
		line-height: 1.2;
		cursor: pointer;
		-webkit-appearance: none;
		appearance: none;
		box-shadow: none;
		transition: filter 0.15s ease, transform 0.12s ease, background 0.15s ease;
	}

	#contenu_onglet_5 #relais_colis_checked input.styled-button-cancel-little:active {
		transform: translateY(1px);
		filter: brightness(0.96);
	}

	#contenu_onglet_5 #form_port_retour {
		margin-top: 6px;
	}

	/* Point relais + pagination : air entre « Autres Points Relais » et « Frais de ports » */
	#contenu_onglet_5 #contenu_relais_colis:has(.index-o5-relais-more-btn) ~ #form_port_retour {
		margin-top: 2rem;
	}

	#contenu_onglet_5 #form_port_retour > fieldset {
		border: 0;
		margin: 0;
		padding: 0;
	}

	#contenu_onglet_5 #form_port_retour > fieldset > table[cellspacing="15"] {
		width: 100%;
		border-collapse: separate;
		border-spacing: 0 10px !important;
	}

	/* Frais de ports : mêmes blocs que « Vols » (onglet 4) — pills + fieldset visuel */
	#contenu_onglet_5 #form_port_retour > fieldset > table[cellspacing="15"] tr:nth-child(1),
	#contenu_onglet_5 #form_port_retour > fieldset > table[cellspacing="15"] tr:nth-child(4) {
		display: flex;
		flex-direction: column;
		gap: 0;
		box-sizing: border-box;
		width: 100%;
		margin: 0 0 18px;
		padding: 14px 14px 12px;
		border: 0;
		border-radius: 18px;
		box-shadow: inset 0 0 0 2px #a87cc5;
		background: transparent;
		position: relative;
	}

	#contenu_onglet_5 #form_port_retour > fieldset > table[cellspacing="15"] tr:nth-child(1)::before,
	#contenu_onglet_5 #form_port_retour > fieldset > table[cellspacing="15"] tr:nth-child(4)::before {
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 0;
		margin: 0 0 20px;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 0.02em;
		font-size: 3.7vw;
		font-weight: 800;
		color: #a87cc5;
	}

	#contenu_onglet_5 #form_port_retour > fieldset > table[cellspacing="15"] tr:nth-child(1)::before {
		content: "Retour Simple";
	}

	#contenu_onglet_5 #form_port_retour > fieldset > table[cellspacing="15"] tr:nth-child(4)::before {
		content: "Aller / Retour";
	}

	#contenu_onglet_5 #form_port_retour > fieldset > table[cellspacing="15"] tr:nth-child(1) td,
	#contenu_onglet_5 #form_port_retour > fieldset > table[cellspacing="15"] tr:nth-child(4) td {
		padding: 0 !important;
		margin: 0 !important;
	}

	#contenu_onglet_5 #form_port_retour > fieldset > table[cellspacing="15"] tr:nth-child(1) td:has(> input[type="radio"]),
	#contenu_onglet_5 #form_port_retour > fieldset > table[cellspacing="15"] tr:nth-child(4) td:has(> input[type="radio"]) {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		clip-path: inset(50%);
		white-space: nowrap;
	}

	#contenu_onglet_5 #form_port_retour > fieldset > table[cellspacing="15"] tr:nth-child(1) td > font.rech,
	#contenu_onglet_5 #form_port_retour > fieldset > table[cellspacing="15"] tr:nth-child(4) td > font.rech {
		display: block;
		width: 100%;
		box-sizing: border-box;
		margin: 0 !important;
		padding: 9px 14px !important;
		border: 2px solid #a87cc5;
		border-radius: 999px;
		background: transparent;
		text-align: center !important;
		cursor: pointer;
		font-size: 0.8rem !important;
		font-weight: 800 !important;
		line-height: 1.18;
		color: #a87cc5 !important;
	}

	#contenu_onglet_5 #form_port_retour > fieldset > table[cellspacing="15"] tr:nth-child(1) td > font.rech *,
	#contenu_onglet_5 #form_port_retour > fieldset > table[cellspacing="15"] tr:nth-child(4) td > font.rech * {
		box-sizing: border-box;
		color: #a87cc5 !important;
		font-size: 0.8rem !important;
		font-weight: 800 !important;
		line-height: 1.18;
	}

	#contenu_onglet_5 #form_port_retour > fieldset > table[cellspacing="15"] tr:nth-child(1) td:nth-child(2) > font.rech,
	#contenu_onglet_5 #form_port_retour > fieldset > table[cellspacing="15"] tr:nth-child(1) td:nth-child(4) > font.rech,
	#contenu_onglet_5 #form_port_retour > fieldset > table[cellspacing="15"] tr:nth-child(4) td:nth-child(2) > font.rech,
	#contenu_onglet_5 #form_port_retour > fieldset > table[cellspacing="15"] tr:nth-child(4) td:nth-child(4) > font.rech {
		margin-bottom: 12px !important;
	}

	#contenu_onglet_5 #form_port_retour > fieldset > table[cellspacing="15"] tr:nth-child(2) td,
	#contenu_onglet_5 #form_port_retour > fieldset > table[cellspacing="15"] tr:nth-child(3) td {
		display: none !important;
	}

	#contenu_onglet_5 #form_port_retour > fieldset > table[cellspacing="15"] tr:nth-child(2) td::before,
	#contenu_onglet_5 #form_port_retour > fieldset > table[cellspacing="15"] tr:nth-child(3) td::before {
		display: none !important;
	}

	#contenu_onglet_5 .index-o5-shipping-note {
		margin: 10px 0 14px;
		padding: 10px 12px 8px;
		border: 2px solid #3f3f3f;
		border-radius: 12px;
		background: #eeeeee;
		color: #222;
		font-size: 0.84rem;
		line-height: 1.34;
	}

	#contenu_onglet_5.index-o5-livraison-aucun .index-o5-shipping-note {
		display: none !important;
	}

	#contenu_onglet_5.index-o5-livraison-aucun #contenu_relais_colis,
	#contenu_onglet_5.index-o5-livraison-aucun #form_port_retour {
		display: none !important;
	}

	#contenu_onglet_5.index-o5-livraison-aucun > fieldset > table[cellspacing="15"] {
		margin: 0 0 6px;
	}

	#contenu_onglet_5.index-o5-livraison-aucun > .index-o5-remarque-block {
		margin-top: 14px;
	}

	#contenu_onglet_5 .index-o5-shipping-note-title {
		display: flex;
		align-items: center;
		gap: 8px;
		margin: 0 0 15px;
		font-size: 1.02rem;
		font-weight: 800;
		color: #222;
	}

	#contenu_onglet_5 .index-o5-shipping-note-icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 18px;
		height: 18px;
		border-radius: 50%;
		background: #222;
		color: #fff;
		font-size: 13px;
		font-weight: 800;
		line-height: 1;
	}

	#contenu_onglet_5 .index-o5-shipping-note-list {
		margin: 0;
		padding: 0 0 0 20px;
	}

	#contenu_onglet_5 .index-o5-shipping-note-list li {
		margin: 0;
		color: #222;
		font-size: 0.9rem;
		font-weight: 700;
		line-height: 1.33;
	}

	#contenu_onglet_5 .index-o5-shipping-note-list li + li {
		margin-top: 10px;
	}

	#contenu_onglet_5 .index-o5-shipping-note-list a {
		color: #2d58d6;
		font-weight: 800;
		text-decoration: underline;
	}

	#contenu_onglet_5 .index-o5-shipping-note p {
		margin: 0;
	}

	#contenu_onglet_5 .index-o5-shipping-note p + p {
		margin-top: 8px;
	}

	#contenu_onglet_5 #dimensions_colis_rev {
		display: block;
		margin: 10px 0 0;
		text-align: left;
	}

	#contenu_onglet_5 #dimensions_colis_rev p {
		margin: 0 0 20px;
		text-transform: uppercase;
		text-align: center;
		font-size: 0.85rem;
		font-weight: 800;
		letter-spacing: 0.02em;
		color: #a87cc5 !important;
	}

	#contenu_onglet_5 #dimensions_colis_rev table {
		width: 100%;
	}

	#contenu_onglet_5 #dimensions_colis_rev table tr {
		display: grid;
		grid-template-columns: auto 1fr auto;
		column-gap: 8px;
		row-gap: 10px;
		align-items: center;
	}

	#contenu_onglet_5 #dimensions_colis_rev td[style*="width"] {
		display: none;
	}

	#contenu_onglet_5 #dimensions_colis_rev label {
		display: inline-block;
		font-size: 0.86rem;
		font-weight: 700;
		color: #a87cc5 !important;
	}

	#contenu_onglet_5 #dimensions_colis_rev label font.rech,
	#contenu_onglet_5 #dimensions_colis_rev label font.rech * {
		color: inherit !important;
		font-size: inherit !important;
		font-weight: inherit !important;
	}

	#contenu_onglet_5 #dimensions_colis_rev label font[color="red"] {
		display: none !important;
	}

	#contenu_onglet_5 #dimensions_colis_rev table tr td:nth-child(3) label font.rech::after,
	#contenu_onglet_5 #dimensions_colis_rev table tr td:nth-child(7) label font.rech::after,
	#contenu_onglet_5 #dimensions_colis_rev table tr td:nth-child(11) label font.rech::after,
	#contenu_onglet_5 #dimensions_colis_rev table tr td:nth-child(15) label font.rech::after {
		content: "*";
		color: #c00;
		font-weight: 800;
	}

	#contenu_onglet_5 #dimensions_colis_rev input[type="text"] {
		width: 100% !important;
		height: 22px;
		box-sizing: border-box;
		border: 1px solid #b867b1;
		border-radius: 4px;
		background: #f6f6f6;
		color: #444;
		font-size: 0.82rem;
		padding: 2px 6px;
	}

	/* Informations complémentaires : même logique que #reparation (onglet 3) */
	#contenu_onglet_5 .index-o5-remarque-block {
		display: block;
		width: 100%;
		max-width: 100%;
		margin-top: -10px;
		overflow-x: clip;
		box-sizing: border-box;
	}

	/* A domicile / Point relais : plus d’air au-dessus du bloc « Informations complémentaires » */
	#contenu_onglet_5:has(input[name="livraison"][value="maison"]:checked) > .index-o5-remarque-block,
	#contenu_onglet_5:has(input[name="livraison"][value="relais_colis"]:checked) > .index-o5-remarque-block {
		margin-top: 1.35rem;
	}

	#contenu_onglet_5 .index-o5-remarque-table {
		width: 100% !important;
		max-width: 100% !important;
		table-layout: fixed;
		border-collapse: separate;
		border-spacing: 0 !important;
		margin: 0;
	}

	#contenu_onglet_5 .index-o5-remarque-table tr {
		display: block;
		width: 100%;
		max-width: 100%;
		margin: 0;
	}

	#contenu_onglet_5 .index-o5-remarque-table td {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		padding: 0;
		box-sizing: border-box;
	}

	#contenu_onglet_5 td.index-o5-remarque-cell {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box;
	}

	#contenu_onglet_5 .index-o5-remarque-table .titre {
		display: block;
		margin: 0 0 6px;
		text-align: left;
		font-size: 0.95rem !important;
		font-weight: 800;
		color: #a87cc5 !important;
	}

	#contenu_onglet_5 textarea[name="remarque"] {
		display: block;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		min-height: 66px;
		box-sizing: border-box;
		border: 2px solid #a87cc5;
		border-radius: 8px;
		background: transparent;
		padding: 10px 10px;
		font-size: 0.82rem;
		line-height: 1.35;
		color: #a87cc5;
		resize: vertical;
		overflow-x: hidden;
		word-wrap: break-word;
	}

	/* iOS : police < 16px au focus = zoom + débordement horizontal de toute la page */
	#contenu_onglet_5 textarea[name="remarque"]:focus {
		font-size: 16px !important;
		outline: none;
	}

	#contenu_onglet_5 > br {
		display: none !important;
	}

	/* Étapes 4-5 : garde-fou mobile */
	#contenu_onglet_4 fieldset,
	#contenu_onglet_5 fieldset {
		box-sizing: border-box;
		max-width: 100%;
	}

	#contenu_onglet_4 table,
	#contenu_onglet_5 table {
		max-width: 100%;
	}

	/* sauve_client.php : copie stricte de la maquette mobile utilisateur */
	body.save-client-page {
		background-color: #eeeeee !important;
	}

	body.save-client-page .corps_pag,
	body.save-client-page .table_structure {
		background: transparent !important;
	}

	body.save-client-page .table_structure {
		width: 100% !important;
		max-width: 100% !important;
		table-layout: auto !important;
		margin: 0 !important;
	}

	body.save-client-page tr.font_entete > td:first-child,
	body.save-client-page tr.font_entete > td:last-child,
	body.save-client-page .repeat_td_l,
	body.save-client-page .repeat_td_r,
	body.save-client-page tr.font_pied {
		display: none !important;
	}

	body.save-client-page tr.font_entete > td:nth-child(2) {
		width: 100% !important;
		text-align: center !important;
	}

	body.save-client-page tr.font_entete > td:nth-child(2) img {
		display: block;
		max-width: min(94vw, 400px);
		max-height: 150px;
		width: auto;
		height: auto;
		object-fit: contain;
		vertical-align: top;
		margin: 15px auto 8px !important;
	}

	body.save-client-page .gestpage {
		padding: 0 10px 12px !important;
	}

	form[name="sauve_client"] {
		display: block;
		width: 100%;
		max-width: 332px;
		margin: 0 auto;
		padding: 0;
		font-family: "Satoshi Variable", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	}

	body.save-client-page form[name="sauve_client"] input[type="text"] {
		border: 1px solid #a87cc5 !important;
	}

	body.save-client-page form[name="sauve_client"] input[type="text"]:focus,
	body.save-client-page form[name="sauve_client"] input[type="text"]:focus-visible {
		border-color: #a87cc5 !important;
		box-shadow: 0 0 0 3px rgba(168, 124, 197, 0.3);
	}

	form[name="sauve_client"] h1 {
		margin: 8px 0 16px;
		padding: 0 4px;
		font-size: clamp(1.1rem, 5.2vw, 1.45rem) !important;
		line-height: 1.3;
		font-weight: 800;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 0.02em;
		color: #a87cc5 !important;
	}

	form[name="sauve_client"] h4 {
		margin: 30px 0 30px;
		padding: 0 10px;
		text-align: center;
		font-size: 15px !important;
		line-height: 1.35;
		font-weight: 800;
		color: #1e1e1e !important;
	}

	form[name="sauve_client"] fieldset {
		margin: 0 0 18px !important;
		padding: 10px 12px !important;
		border: 2px solid #a87cc5 !important;
		border-radius: 18px !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	form[name="sauve_client"] fieldset legend {
		float: none;
		display: block;
		width: 100%;
		margin: 0 0 8px !important;
		padding: 0 !important;
		text-align: center;
		color: #a87cc5 !important;
		font-size: 20px !important;
		line-height: 1.1;
		font-weight: 900 !important;
		text-transform: uppercase;
	}

	form[name="sauve_client"] fieldset legend b {
		color: inherit !important;
		font-weight: inherit;
	}

	form[name="sauve_client"] .champ {
		color: #a87cc5 !important;
		font-weight: 800;
	}

form[name="sauve_client"] .save-client-hide-mobile {
	display: none;
}

form[name="sauve_client"] .save-client-modele-label {
	font-size: 15px !important;
	font-weight: 500 !important;
}

form[name="sauve_client"] .save-client-marque-label {
	font-size: 15px !important;
	font-weight: 500 !important;
}

form[name="sauve_client"] .save-client-material-desktop {
	display: none;
}

form[name="sauve_client"] .save-client-material-mobile {
	display: block;
}

form[name="sauve_client"] .save-client-material-row {
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: 18px;
	padding-left: 0;
	margin: 0 0 8px;
}

form[name="sauve_client"] .save-client-material-row:last-child {
	margin-bottom: 0;
}

form[name="sauve_client"] .save-client-material-row .champ {
	display: inline-block !important;
	min-width: 76px !important;
	margin-right: 0 !important;
	color: #a87cc5 !important;
	font-size: 15px !important;
	font-weight: 600 !important;
}

form[name="sauve_client"] .save-client-material-value {
	color: #1f1f1f;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
}

.save-client-section-title {
	margin: 0 0 15px;
	text-align: center;
	font-size: clamp(0.92rem, 4.2vw, 1.1rem) !important;
	line-height: 1.2;
	font-weight: 800;
	color: #a87cc5 !important;
	text-transform: uppercase;
}

	form[name="sauve_client"] fieldset:nth-of-type(3) .save-client-section-title {
		margin: 5px 0 15px;
	}

	form[name="sauve_client"] fieldset:first-of-type .save-client-section-title {
		margin: 5px 0 15px;
	}

	form[name="sauve_client"] fieldset:first-of-type,
	form[name="sauve_client"] fieldset:nth-of-type(2) {
		font-size: 21px;
		line-height: 1.45;
	}

	form[name="sauve_client"] fieldset:first-of-type {
		font-size: 14px !important;
		font-weight: 700;
	}

	form[name="sauve_client"] fieldset:first-of-type .champ,
	form[name="sauve_client"] fieldset:nth-of-type(2) .champ {
		display: inline-block;
		min-width: 34%;
		margin-right: 10px;
	}

	form[name="sauve_client"] fieldset:first-of-type .champ {
		font-size: 15px !important;
		font-weight: 500 !important;
	}

	form[name="sauve_client"] fieldset:first-of-type > br,
	form[name="sauve_client"] fieldset:nth-of-type(2) > br {
		display: block;
		margin: 4px 0;
	}

	form[name="sauve_client"] fieldset:nth-of-type(3) {
		font-size: 16px !important;
		line-height: 1.42;
		text-align: center;
		padding-top: 8px !important;
		padding-bottom: 8px !important;
	}

	form[name="sauve_client"] fieldset:nth-of-type(3) .champ {
		display: inline;
		color: #222 !important;
		font-weight: 700;
	}

	form[name="sauve_client"] fieldset:nth-of-type(3) > .champ,
	form[name="sauve_client"] fieldset:nth-of-type(3) > b > .champ {
		display: inline-block;
		margin: 8px auto !important;
		padding: 8px 18px;
		border-radius: 10px;
		background: #a87cc5;
		color: #fff !important;
		font-size: 15px !important;
		font-weight: 800;
		text-align: center;
	}

	form[name="sauve_client"] fieldset:nth-of-type(3) .save-client-prestation-bullet {
		display: block !important;
		margin: 4px 0 !important;
		text-align: center;
		font-size: 15px !important;
		font-weight: 700 !important;
		color: #1f1f1f !important;
		background: transparent !important;
		padding: 0 !important;
		border-radius: 0 !important;
	}

	form[name="sauve_client"] fieldset:nth-of-type(3) .save-client-prestation-bullet::before {
		content: "\2022\00a0\00a0";
		color: #1f1f1f;
		font-weight: 700;
	}

	form[name="sauve_client"] fieldset:nth-of-type(3) .save-client-prestation-bullet + br {
		display: none !important;
	}

	form[name="sauve_client"] fieldset:nth-of-type(3) .save-client-prestation-bullet + br + br {
		display: none !important;
	}

	form[name="sauve_client"] fieldset:nth-of-type(3) .save-client-prestation-bullet + input[type="hidden"] + br,
	form[name="sauve_client"] fieldset:nth-of-type(3) .save-client-prestation-bullet + input[type="hidden"] + input[type="hidden"] + br {
		display: none !important;
	}

	form[name="sauve_client"] fieldset:nth-of-type(3) br {
		display: block;
		margin: 5px 0;
	}

	/* Évite le grand vide en fin de bloc sans casser les retours utiles */
	form[name="sauve_client"] fieldset:nth-of-type(3) > input[name="code_relais_colis"] {
		display: none !important;
	}

	form[name="sauve_client"] fieldset:nth-of-type(3) > input[name="code_relais_colis"] + br,
	form[name="sauve_client"] fieldset:nth-of-type(3) > input[name="code_relais_colis"] + br + br,
	form[name="sauve_client"] fieldset:nth-of-type(3) > input[name="code_relais_colis"] + br + br + br {
		display: none !important;
		margin: 0 !important;
	}

	form[name="sauve_client"] fieldset:nth-of-type(3) > b[style*="display: none"],
	form[name="sauve_client"] fieldset:nth-of-type(3) > .save-client-total-inline,
	form[name="sauve_client"] fieldset:nth-of-type(3) > .save-client-total-inline + br {
		display: none !important;
		margin: 0 !important;
	}

	form[name="sauve_client"] #afficher_relais_colis {
		margin: 14px 0 2px;
		padding: 14px 12px 14px;
		border: 2px solid #a87cc5;
		border-radius: 22px;
		background: transparent;
		text-align: center;
	}

	form[name="sauve_client"] #afficher_relais_colis b {
		display: block;
		margin-bottom: 5px;
		color: #1f1f1f !important;
		font-size: 15px !important;
		font-weight: 900 !important;
		line-height: 1.2;
		text-transform: uppercase;
	}

	form[name="sauve_client"] #afficher_relais_colis td {
		font-size: 15px;
		line-height: 1.36;
		text-align: center;
		color: #1f1f1f;
	}

	form[name="sauve_client"] #afficher_relais_colis .index-o5-relais-checked-recap {
		font-size: 15px !important;
		line-height: 1.26;
		font-weight: 800;
		color: #1f1f1f;
		text-transform: uppercase;
	}

	form[name="sauve_client"] #afficher_relais_colis .index-o5-relais-checked-recap b {
		font-size: 15px !important;
		font-weight: 900 !important;
		margin-bottom: 14px;
	}

	form[name="sauve_client"] #afficher_relais_colis .index-o5-relais-checked-recap b + br {
		display: none !important;
	}

	form[name="sauve_client"] #afficher_relais_colis .index-o5-relais-checked-schedule {
		margin-top: 18px;
		font-size: 15px;
		line-height: 1.33;
		font-weight: 700;
		color: #1f1f1f;
	}

	form[name="sauve_client"] #afficher_relais_colis .index-o5-relais-checked-schedule strong,
	form[name="sauve_client"] #afficher_relais_colis .index-o5-relais-checked-schedule b {
		font-weight: 900 !important;
	}

	form[name="sauve_client"] .save-client-confirm-wrap {
		margin: 10px 0 0;
		padding: 8px 10px;
		border-radius: 10px;
		background: rgba(168, 124, 197, 0.08);
	}

	form[name="sauve_client"] .save-client-confirm-label {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		cursor: pointer;
	}

	form[name="sauve_client"] .save-client-confirm-checkbox {
		width: 17px;
		height: 17px;
		accent-color: #a87cc5;
		flex: 0 0 auto;
	}

	form[name="sauve_client"] .save-client-confirm-text {
		font-size: 14px;
		font-weight: 700;
		color: #2a2a2a;
		line-height: 1.3;
	}

	@media screen and (max-width: 400px) {
		form[name="sauve_client"] #afficher_relais_colis .index-o5-relais-checked-recap {
			font-size: 15px !important;
		}

		form[name="sauve_client"] #afficher_relais_colis .index-o5-relais-checked-recap b {
			font-size: 15px !important;
		}

		form[name="sauve_client"] #afficher_relais_colis .index-o5-relais-checked-schedule {
			font-size: 14px;
		}

		form[name="sauve_client"] .save-client-confirm-text {
			font-size: 13px;
		}
	}

	form[name="sauve_client"] .save-client-mobile-outside {
		margin: 10px 0 6px;
	}

	form[name="sauve_client"] .save-client-total-outside {
		margin: 28px 0 24px;
		text-align: center;
		color: #1f1f1f;
		font-weight: 900;
	}

	form[name="sauve_client"] .save-client-total-outside-label {
		display: inline-block;
		margin-right: 6px;
		font-size: 21px;
	}

	form[name="sauve_client"] .save-client-total-outside-value {
		display: inline-block;
		font-size: 21px;
	}

	form[name="sauve_client"] .save-client-total-outside-ttc {
		display: inline-block;
		margin-left: 4px;
		font-size: 12px;
		font-weight: 800;
		vertical-align: super;
	}

	form[name="sauve_client"] .save-client-total-note-mobile {
		margin: -10px auto 22px;
		text-align: center;
		font-size: 13px;
		line-height: 1.28;
		font-weight: 700;
		color: #1f1f1f;
	}

	form[name="sauve_client"] .save-client-total-note-desktop {
		display: none !important;
	}

	form[name="sauve_client"] .save-client-dimension-list-mobile {
		display: block;
		width: 100%;
		max-width: 265px;
		margin: 6px auto 2px;
	}

	form[name="sauve_client"] .save-client-dimension-row-mobile {
		display: grid;
		grid-template-columns: auto auto auto;
		justify-content: center;
		column-gap: 8px;
		align-items: baseline;
		margin: 0 0 4px;
	}

	form[name="sauve_client"] .save-client-dimension-row-mobile:last-child {
		margin-bottom: 0;
	}

	form[name="sauve_client"] .save-client-dimension-label-mobile {
		text-align: left;
		font-size: 15px;
		font-weight: 700;
		color: #1f1f1f;
	}

	form[name="sauve_client"] .save-client-dimension-value-mobile {
		text-align: right;
		min-width: 0;
		font-size: 15px;
		font-weight: 900;
		color: #1f1f1f;
	}

	form[name="sauve_client"] .save-client-dimension-unit-mobile {
		text-align: left;
		min-width: 24px;
		font-size: 15px;
		font-weight: 700;
		color: #1f1f1f;
	}

	form[name="sauve_client"] > b {
		display: block;
		margin: 10px 0 7px;
		text-align: center;
		font-size: 21px;
		font-weight: 900;
		color: #1f1f1f;
	}

	form[name="sauve_client"] > b .champ {
		color: #1f1f1f !important;
	}

	form[name="sauve_client"] .save-client-total-inline {
		display: none !important;
	}

	form[name="sauve_client"] .g-recaptcha {
		display: block;
		width: 304px;
		max-width: 100%;
		margin: 20px auto 20px;
	}

	@media screen and (max-width: 360px) {
		form[name="sauve_client"] .g-recaptcha {
			transform: scale(0.9);
			transform-origin: top center;
		}
	}

	form[name="sauve_client"] > a {
		display: block;
		text-decoration: none;
	}

	form[name="sauve_client"] input.styled-button-cancel[type="button"],
	form[name="sauve_client"] input.styled-button-submit[type="submit"] {
		float: none !important;
		display: block;
		width: 100%;
		box-sizing: border-box;
		margin: 0 0 8px !important;
		padding: 9px 10px !important;
		border-radius: 9px !important;
		font-size: 15px !important;
		font-weight: 800 !important;
		line-height: 1.2;
	}

	form[name="sauve_client"] input.styled-button-cancel[type="button"] {
		border: 2px solid #f0ad31 !important;
		color: #f0ad31 !important;
		background: #ececec !important;
	}

	form[name="sauve_client"] input.styled-button-submit[type="submit"] {
		border: 2px solid #f0ad31 !important;
		color: #fff !important;
		background: #f0ad31 !important;
	}

	form[name="sauve_client"] > br {
		display: none !important;
	}

	#prix_total_aff {
		display: block;
		width: 100%;
		box-sizing: border-box;
		margin: 20px 0 0;
		padding: 10px 8px 14px;
		text-align: center;
		font-size: clamp(1.14rem, 4.4vw, 1.42rem) !important;
		line-height: 1.35;
		font-weight: 800 !important;
		color: #111 !important;
	}

	#prix_total_aff center,
	#prix_total_aff b {
		font-size: inherit !important;
		font-weight: inherit !important;
	}

	#prix_total_aff #prix_total {
		font-weight: 800 !important;
	}

	/* redirect.php : maquette mobile confirmation commande */
	html,
	body.redirect-page {
		min-height: 100%;
		min-height: 100dvh;
	}

	body.redirect-page {
		background-color: #eeeeee !important;
	}

	body.redirect-page .corps_pag,
	body.redirect-page .table_structure {
		background: transparent !important;
		min-height: 100dvh;
	}

	body.redirect-page .table_structure {
		width: 100% !important;
		max-width: 100% !important;
		table-layout: auto !important;
		margin: 0 !important;
	}

	body.redirect-page .table_structure > tbody > tr:nth-child(2) > td:nth-child(2) {
		height: 100%;
	}

	body.redirect-page tr.font_entete > td:first-child,
	body.redirect-page tr.font_entete > td:last-child,
	body.redirect-page .repeat_td_l,
	body.redirect-page .repeat_td_r,
	body.redirect-page tr.font_pied {
		display: none !important;
	}

	body.redirect-page tr.font_entete > td:nth-child(2) {
		width: 100% !important;
		text-align: center !important;
	}

	body.redirect-page tr.font_entete > td:nth-child(2) img {
		display: block;
		width: min(74vw, 286px);
		max-width: min(74vw, 286px);
		height: auto;
		margin: 14px auto 8px !important;
	}

	body.redirect-page .gestpage {
		max-width: 392px;
		margin: 0 auto;
		padding: 0 18px 16px !important;
	}

	body.redirect-page .redirect-confirmation {
		display: block;
		margin: 0;
		color: #1f1f1f;
	}

	body.redirect-page .redirect-title {
		margin: 8px 0 18px;
		padding: 0;
		font-size: 25px !important;
		line-height: 1.14;
		font-weight: 900;
		letter-spacing: 0;
		text-transform: uppercase;
		color: #a6529f !important;
		text-align: center;
	}

	body.redirect-page .redirect-main-line {
		display: block;
		margin: 0;
		font-size: 20px !important;
		line-height: 1.33;
		font-weight: 800;
		color: #1f1f1f;
		text-align: center;
	}

	body.redirect-page .redirect-sub-line {
		display: inline;
		margin: 0;
		font-size: 19px !important;
		line-height: 1.34;
		font-weight: 500;
		color: #1f1f1f;
		text-align: center;
	}

	body.redirect-page .redirect-hide-mobile-break {
		display: none;
	}

	body.redirect-page .redirect-actions {
		margin-top: 24px;
	}

	body.redirect-page .redirect-action-link {
		display: block;
		text-decoration: none;
	}

	body.redirect-page .redirect-action-link + .redirect-action-link {
		margin-top: 22px;
	}

	body.redirect-page .redirect-action-link input.styled-button-cancel,
	body.redirect-page .redirect-action-link input.styled-button-submit {
		float: none !important;
		display: block;
		width: 100%;
		box-sizing: border-box;
		margin: 0 0 8px !important;
		padding: 12px 12px !important;
		border-radius: 10px !important;
		font-size: 17px !important;
		font-weight: 800 !important;
		line-height: 1.2;
		font-family: "Satoshi Variable", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	}

	body.redirect-page .redirect-action-link input.styled-button-cancel {
		border: 2px solid #f0ad31 !important;
		color: #f0ad31 !important;
		background: #ececec !important;
	}

	body.redirect-page .redirect-action-link input.styled-button-submit {
		border: 2px solid #f0ad31 !important;
		color: #fff !important;
		background: #f0ad31 !important;
	}

	/* iPhone SE / petits écrans */
	@media screen and (max-width: 375px) {
		body.redirect-page .redirect-main-line {
			font-size: 19px !important;
		}
	}
}

/* Bureau : libellés et texte de bouton « desktop » uniquement (évite d’écraser les règles mobile ci-dessus). */
@media screen and (min-width: 1025px) {
	.index-label-mobile,
	.index-btn-label-mobile,
	.index-total-label-mobile {
		display: none !important;
	}

	.index-label-desktop {
		display: inline !important;
	}

	.index-total-label-desktop {
		display: inline !important;
	}

	.index-btn-label-desktop {
		display: inline !important;
	}

	.index-rech-oblig-mobile-row {
		display: none !important;
	}

	.index-planning-mobile {
		display: none !important;
	}

	/* Récap relais choisi : horaires masqués (réservés au mobile) */
	#afficher_relais_colis .index-o5-relais-checked-schedule {
		display: none !important;
	}

	/* Onglet 3 : cache les descriptions mobiles en desktop */
	#contenu_onglet_3 .index-o3-radio-desc {
		display: none !important;
	}

	/* Onglet 2 : note obligatoires — réservée au mobile */
	.index-materiel-oblig-note {
		display: none !important;
	}

	/* Onglet 2 Solo/Biplace : affichage bureau classique (2 cellules = radio + libellé) */
	#contenu_onglet_2 table.index-materiel-type-table {
		display: table;
		width: auto;
	}

	#contenu_onglet_2 table.index-materiel-type-table tbody {
		display: table-row-group;
	}

	#contenu_onglet_2 table.index-materiel-type-table tr.index-materiel-type-row {
		display: table-row;
	}

	#contenu_onglet_2 table.index-materiel-type-table tr.index-materiel-type-row td.index-materiel-seg {
		display: table-cell;
		vertical-align: middle;
	}

	#contenu_onglet_2 table.index-materiel-type-table .index-materiel-seg-inner {
		position: static;
		display: inline-flex;
		flex-direction: row;
		align-items: center;
		min-height: 0;
		overflow: visible;
		border: none !important;
		border-radius: 0 !important;
	}

	#contenu_onglet_2 table.index-materiel-type-table td.index-materiel-seg:first-child .index-materiel-seg-inner {
		border-right: none !important;
	}

	#contenu_onglet_2 table.index-materiel-type-table .index-materiel-seg-inner input[type="radio"] {
		position: static;
		inset: auto;
		width: auto;
		height: auto;
		opacity: 1;
		-webkit-appearance: radio;
		appearance: auto;
	}

	#contenu_onglet_2 table.index-materiel-type-table .index-materiel-seg-label {
		display: inline;
		padding: 0;
		margin: 0 0 0 6px;
		background: transparent !important;
		color: inherit !important;
		font-size: inherit !important;
		font-weight: inherit !important;
		pointer-events: auto;
	}

	#contenu_onglet_2 table.index-materiel-type-table .index-materiel-seg-label font.rech {
		color: inherit !important;
		font-weight: inherit !important;
	}

	#contenu_onglet_2 table.index-materiel-type-table .index-materiel-seg-inner input[type="radio"]:checked + .index-materiel-seg-label,
	#contenu_onglet_2 table.index-materiel-type-table .index-materiel-seg-inner input[type="radio"]:checked + .index-materiel-seg-label font.rech {
		background: transparent !important;
		color: inherit !important;
	}

	form[name="sauve_client"] .save-client-confirm-wrap {
		margin: 8px 0 4px;
		text-align: left;
	}

	form[name="sauve_client"] .save-client-confirm-label {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		cursor: pointer;
	}

	form[name="sauve_client"] .save-client-confirm-checkbox {
		width: 14px;
		height: 14px;
		accent-color: #9b4e94;
	}

	form[name="sauve_client"] .save-client-confirm-text {
		font-size: 14px;
		font-weight: 700;
		color: #333;
	}

	/* sauve_client.php : bloc Matériel desktop inchangé */
	form[name="sauve_client"] .save-client-material-desktop {
		display: inline !important;
	}

	form[name="sauve_client"] .save-client-material-mobile {
		display: none !important;
	}

	form[name="sauve_client"] .save-client-total-note-desktop {
		margin: 4px 0 8px;
		font-size: 13px;
		font-weight: 700;
		line-height: 1.25;
		color: #333;
	}

	/* Onglet 5 : bloc remarque centré comme l’ancien <center> */
	.index-o5-remarque-block {
		text-align: center;
	}
}