body.trmdvsr-spp-structure {
    display:                        flex;
    justify-content:                flex-start;                                                 /* ↕ */
    flex-direction:                 column;
    align-items:                    center;
    width:                          100%;
    min-height:                     100%;
    margin:                         0px;
    padding:                        0px;
    font-family:                    'Inter', sans-serif;
    line-height:                    1.6;
    color:                          var(--gris-trmdvsr-fonce);
    box-sizing:                     border-box;
    background-color:               var(--bleu-trmdvsr-pur);
    cursor:                         auto;
}
.conteneur-spp-global {																			/* div globale S. P. A. : 1 occ. (mention x2 ../trmdvsr-js) */	
	width:							100%;
	max-width:						var(--largeur-conteneur-max);								/* clamp => fluide */
	min-height:						auto;
	margin:							0;
	padding:						0;
	background-color:				var(--blanc-pur);
	overflow:						hidden;														/* ‼️POUR DEBUG => A REACTIVER‼ */
	box-shadow:						0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	transition:						height 1s ease-in-out, width 1s ease-out;
}
/* Menu Classique & Burger                                   (GLOBAL) */

.page {
	display:						flex;
	flex-direction: 				column;
	justify-content: 				flex-start;
	z-index:						100;
	width:							var(--largeur-conteneur-max);
	height:							auto%;
	margin:							0;
	padding:						0;
	background-color:				var(--blanc-pur);
	box-shadow:						-10px 0px 20px -5px rgba(var(--gris-trmdvsr-fonce-RGB), 0.4);											/* positionne la page à droite */
	opacity:						1;
	transition:						opacity 0.5s ease-in-out;
	will-change:					opacity;											/* Optimise la perf */
	overflow-wrap: 					break-word;
	/*hyphens: 						auto;*/
}
.hero-section .trmdvsr-texte-h1 { padding-bottom: calc( 1.5 * var(--taille-texte)); }
.hero-section {                                                       		/* Conteneur fonctionnel le plus neutre possible */
	position:                 		relative;                               /* Référence pour l'élément absolute (la barre de recherche) */
	width:                    		100%; 									/*height: min(55vw, 40rem); */
	margin:                   		0;
	padding:                  		0 0 5rem;
	/*background-color: 				var(--beige-trmdvsr);*/
}
img.hero-image-container {
	display:                  		flex;
	z-index:                  		1;
	width:							100%;
	aspect-ratio: 					1600 / 552;
	margin:                   		0;
	padding:                  		0;
}
.conteneur-lame.trmdvsr-texte-chapo {                                             /* Pseudo-élément => effet lumière/texture */

	background:               linear-gradient(var(--beige-trmdvsr), var(--blanc-pur));
}
.trmdvsr-suprfld .trmdvsr-input.sprcmprtmnt {
	display: 						flex;
	flex-direction: 				column;
}
.trmdvsr-suprfld .form-input { 
	width: 							100%;
	height: 						var(--largeur-logo-bouton);
	box-shadow:               		none;
	transition:               		none;
	padding:						0 var(--espacement-court) 0 ;
	text-align: 					center;
}
.trmdvsr-suprfld .form-input:focus {
	outline:                  		none;
	border-color:             		none;                                   /* var(--bleu-trmdvsr-clair); */
	box-shadow:               		none;                                   /* 0 0 4px 2px rgba(var(--bleu-trmdvsr-clair-RGB), 0.4); */
}
.trmdvsr-suprfld .trmdvsr-button { box-shadow: none; }
.trmdvsr-suprfld .trmdvsr-button:hover { box-shadow: none; }
.trmdvsr-suprfld .trmdvsr-button:active { box-shadow: none; }
.trmdvsr-suprfld.trmdvsr-label.legende {
	position:						absolute;
	left: 							50%;
	bottom: 						-1.75rem;
	width:							100%;
	z-index: 						4;
	color:							var(--gris-trmdvsr-clair);
	transform:						translateX(-50%);
	text-align: 					center;
}

.conteneur-spp-global .module-tuiles { /* Lame Tuiles -------------------------------------------------- (MODULE) */
	margin:                     	0;
	padding:                    	7rem 0 0; 																			/* var(--espacement-sprfld-accueil-bttm) */
	text-align:                 	center;
	background-color:           	var(--gris-trmdvsr-fonce);
}
.conteneur-spp-global .module-tuiles .conteneur-lame.flex-into-row.carousel-tuiles {                                 /* Conteneur pour le défilement horizontal */
	display: 					flex;
	justify-content:			flex-start;
	align-items: 				center;
	width:                    	100%;
	overflow: 					hidden;
	padding:                  	var(--espacement-court) var(--espacement-large) var(--espacement-large);/* Espace vertical et padding latéral */
	gap:                      	var(--espacement-moyen);                /* Espacement entre les cartes */
	scrollbar-color:          	var(--bleu-trmdvsr-clair) var(--bleu-trmdvsr-moyen);/* Stylisation de la scrollbar (pour les navigateurs qui le supportent) */
	scrollbar-width:         	thin;
}
.carousel-tuiles .item-tuile {
	width:						min(80%, 30rem);
	height: 					min(30%, 15rem);
	color:						var(--blanc-trmdvsr);
	padding:                  	var(--espacement-large);
	text-align:               	left;
	background-color:         	var(--couleur-fond-carte);
	border-radius:            	var(--bordure-radius);
	box-shadow:               	0 10px 30px rgba(0, 0, 0, 0.2);
}

.carousel-tuiles .item-tuile .avatar-wrapper { margin-right: 20px; }
.carousel-tuiles .item-tuile .trmdvsr-texte-chapo,
.carousel-tuiles .item-tuile .trmdvsr-sstexte {                                    /* Corps du témoignage */
	text-align:               	left;
	color:						var(--blanc-trmdvsr);
	padding-bottom:           	var(--espacement-moyen);
}
.carousel-tuiles .item-tuile .trmdvsr-button-picto {
	width:						2rem;
	aspect-ratio: 				1 / 1;
	stroke-width: 				0;
	fill: 						currentColor;
}

.module-signup { text-align: center; position: relative}
.module-signup .normalfield {
	padding: 						var(--espacement-court) var(--espacement-large) var(--espacement-tres-large);
}
.module-signup .normalfield .form-input.trmdvsr-sstexte {
	width: 							100%;
	height: 						var(--largeur-logo-bouton);
	padding:						0 var(--espacement-court) 0 ;
	border-radius:            		0.5rem 0.5rem 0.75rem; ;
	border: 						2px solid var(--gris-trmdvsr-clair); 
}

/* Message de succès */
.success-message {
    margin-top: 					var(--espacement-moyen) var(--espacement-large) var(--espacement-tres-large);
    padding: 						0.75rem;
    background-color: 				var(--vert-trmdvsr-moyen);
    color: 							var(--blanc-pur);
    border-radius: 					var(--bordure-radius);
    max-width: 						80%;
    display: 						none; /* Caché par défaut */
}
.success-message.visible {
    display: 						block;
    position:						absolute;
    top:							50%;
    left:							50%;
    transform: 						translateX(-50%) translateY(-50%);
}

/* ---------------------------------- */
/* Responsive Design (Écrans plus grands) */
/* ---------------------------------- */
@media (min-width: 60rem) {
	.menu-toggle              { display: none;        }											/* Menu BURGER Masqué sur desktop */
	.nav-globale {
		position: 					absolute;
		right:						clamp(180px, 100px + 20vw, 240px);         					/* Logo + 20px */
		bottom: 					0.5rem;
		flex-direction:				row;
		align-items: 				flex-end;
		gap:						1.5rem;
		width:						auto;
		max-width: 					unset;
		height:						auto;
		padding:					0;
		margin:						0;
		opacity:					1;
		overflow:					visible;
		border: 					unset;
		background-color:			unset;
		box-shadow:					none;
	}
	.nav-globale li {
		width: 						auto;
		padding:					0;
		background-color:			unset;
		border:						none;
	}
	.nav-globale a {
		flex-direction: 			column;
		gap:						0;
		text-decoration:          	none; 
		color:                    	var(--bleu-trmdvsr-clair);
		transition:               	color 0.2s;
	}
	.nav-globale .active a {
		color:						var(--blanc-trmdvsr);
	}
	.nav-globale .active a::after {																/* Bande sous l'item menu actif */
		bottom:						-5px;
		width:						100%;
		height:						2px;
		background-color:			var(--blanc-trmdvsr);
		
	}
	.nav-globale li.active {
	    background-color: 			unset;
	    color: 						var(--blanc-trmdvsr);
	}
	.hero-section {
		padding:                  		0 0 2em;
	}
	.trmdvsr-suprfld .trmdvsr-input.sprcmprtmnt {
		flex-direction: row;
	}
	.trmdvsr-suprfld .form-input { 
		text-align: 					initial;
	}
	.trmdvsr-suprfld .trmdvsr-button { flex: 1 1 300px; }
	.module-signup .normalfield .form-input.trmdvsr-sstexte {
	width: 							auto;
}
	.conteneur-spp-global .module-tuiles .conteneur-lame.flex-into-row.carousel-tuiles { /* -------------------------------------- Testimonial */
		justify-content:			center;
		--largeur-temp:				min( 100%, var(--largeur-conteneur-max) );
		flex:						0 0 var(--largeur-temp);
	}
	.carousel-tuiles .item-tuile {
		width:						25rem;
		height: 					25rem;
	}
}
/** ******************************************************************************************* //
 * @document 'Fin du fichier. with care.'
 * @author 'trmdvsr'
 * @version 25.10.09 (23:16)
// ******************************************************************************************** */