/* Mode « Recherche d'1 inconnue » : conteneur en pleine largeur et cadres élargis intégrant tous les 6 blocs */

/* 1. Déploiement en pleine largeur du conteneur pour maximiser l'espace des 4 scénarios */
#simulateurEmprunt .simulateur-container {
	max-width: 98vw !important;
	width: 98vw !important;
	margin: 0 auto !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

/* Positionnement figé du header et du guide déroulant sans décalage du titre ni des scénarios */
.inconnue-header-wrapper {
	position: relative !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	min-height: 52px !important;
	margin: 8px auto 10px auto !important;
	padding: 0 15px !important;
	box-sizing: border-box !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

.inconnue-title-col {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: auto !important;
	margin: 0 auto !important;
}

.inconnue-spacer-col {
	display: none !important;
}

/* Titre central calqué sur MA CAPACITÉ D'EMPRUNT */
.inconnue-header-wrapper .express-page-main-title {
	background-color: #2b7a89 !important;
	border-radius: 8px !important;
	padding: 10px 28px !important;
	font-family: 'Albert Sans', 'Inter', sans-serif !important;
	font-size: 24px !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	text-align: center !important;
	margin: 0 auto !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 14px !important;
	text-transform: uppercase !important;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
	letter-spacing: -0.5px !important;
	white-space: nowrap !important;
}

.inconnue-header-wrapper .express-page-main-title .inconnue-title-icon {
	font-size: 26px !important;
	line-height: 1 !important;
	color: #ffffff !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* Bloc INFOS SUR LA PAGE : positionné en overlay absolu à gauche pour ne JAMAIS décaler le titre ni les cartes */
.inconnue-guide-col {
	position: absolute !important;
	left: 15px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 320px !important;
	height: 38px !important; /* Hauteur fixe d'ancrage égale au bouton replié */
	z-index: 99999 !important;
	display: block !important;
}

.inconnue-guide-box {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	background: #f2fbf4 !important;
	border: 1.5px solid #7bb388 !important;
	border-radius: 8px !important;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;
	padding: 6px 12px !important;
	box-sizing: border-box !important;
	transition: box-shadow 0.2s ease !important;
}

.inconnue-guide-box:has(#inconnueGuideCollapse.show),
.inconnue-guide-box:has(#inconnueGuideCollapse.collapsing) {
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25) !important;
}

.inconnue-fullwidth-container {
	width: 100% !important;
	padding: 8px 12px !important;
	box-sizing: border-box !important;
	background-color: #e0edee !important;
	border-radius: 16px !important;
}

.inconnue-fullwidth-container .row {
	--bs-gutter-x: 14px !important;
	--bs-gutter-y: 10px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.inconnue-fullwidth-container .row > * {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

/* 2. Cadres des scénarios (rectangles à bords arrondis) élargis et intégrant les 6 blocs */
.scenario-card-redesign {
	background: #ffffff !important;
	border-radius: 14px !important;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07) !important;
	padding: 8px 16px 10px 16px !important;
	width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	overflow: visible !important;
}

.scenario-card-s1 { border: 3px solid #d39b27 !important; }
.scenario-card-s2 { border: 3px solid #6178ac !important; }
.scenario-card-s3 { border: 3px solid #d4795b !important; }
.scenario-card-s4 { border: 3px solid #66a582 !important; }

.scenario-header {
	margin-bottom: 4px !important;
}

.scenario-header h4 {
	font-size: 0.95rem !important;
	margin-bottom: 2px !important;
	line-height: 1.2 !important;
}

.scenario-header .text-muted {
	font-size: 0.72rem !important;
	line-height: 1.2 !important;
}

/* 3. Ligne de flux interne : intègre les 4 blocs du diagramme ET les 2 blocs Apport + Prix */
.scenario-flow-row {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-evenly !important;
	width: 100% !important;
	gap: 10px !important;
	flex-wrap: nowrap !important;
	box-sizing: border-box !important;
}

/* 4. Diagramme de boucle (les 4 premiers blocs) */
.loop-diagram-container {
	position: relative !important;
	width: 370px !important;
	max-width: 55% !important;
	height: 148px !important;
	flex-shrink: 1 !important;
	box-sizing: border-box !important;
}

.loop-svg {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	pointer-events: none !important;
	z-index: 1 !important;
}

/* Rétablissement absolu strict pour empêcher tout chevauchement des blocs (notamment le bloc rouge Mensualité) */
.loop-diagram-container .simu-box,
.loop-diagram-container .simu-box:has(.prix-achat-slider-popup),
.loop-diagram-container .simu-box:has(.apport-slider-popup),
.loop-diagram-container .simu-box:has(.loyer-slider-popup),
.loop-diagram-container .simu-box:has(.cap-slider-popup),
.loop-diagram-container .simu-box:has(.mensualite-slider-popup),
.loop-diagram-container .simu-box:has(.taux-slider-popup) {
	position: absolute !important;
	overflow: visible !important;
}

/* Positionnement précis des 4 blocs du diagramme sur l'ellipse */
.loop-diagram-container .box-pos-left {
	position: absolute !important;
	left: 0 !important;
	right: auto !important;
	top: 50% !important;
	bottom: auto !important;
	transform: translateY(-50%) !important;
	width: 130px !important;
	min-width: 125px !important;
	max-width: 135px !important;
	min-height: 54px !important;
	padding: 3px 5px !important;
	margin-bottom: 0 !important;
	z-index: 10000 !important;
}

.loop-diagram-container .box-pos-right {
	position: absolute !important;
	right: 0 !important;
	left: auto !important;
	top: 50% !important;
	bottom: auto !important;
	transform: translateY(-50%) !important;
	width: 130px !important;
	min-width: 125px !important;
	max-width: 135px !important;
	min-height: 54px !important;
	padding: 3px 5px !important;
	margin-bottom: 0 !important;
	z-index: 10000 !important;
}

.loop-diagram-container .box-pos-top {
	position: absolute !important;
	left: 50% !important;
	right: auto !important;
	top: 0 !important;
	bottom: auto !important;
	transform: translateX(-50%) !important;
	width: 114px !important;
	min-width: 105px !important;
	max-width: 125px !important;
	min-height: 50px !important;
	padding: 3px 5px !important;
	margin-bottom: 0 !important;
	z-index: 50000 !important;
}

.loop-diagram-container .box-pos-bottom {
	position: absolute !important;
	left: 50% !important;
	right: auto !important;
	bottom: 0 !important;
	top: auto !important;
	transform: translateX(-50%) !important;
	width: 102px !important;
	min-width: 95px !important;
	max-width: 110px !important;
	min-height: 50px !important;
	padding: 3px 5px !important;
	margin-bottom: 0 !important;
	z-index: 1000 !important;
}

/* 5. Groupe des 2 blocs additionnels (Apport envisagé et Prix d'Acquisition) */
.scenario-flow-row > .d-flex {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	flex-shrink: 0 !important;
}

.box-standalone-apport {
	width: 120px !important;
	min-width: 115px !important;
	max-width: 128px !important;
	min-height: 54px !important;
	padding: 3px 5px !important;
}

.box-standalone-prix {
	width: 128px !important;
	min-width: 120px !important;
	max-width: 135px !important;
	min-height: 54px !important;
	padding: 3px 5px !important;
}

.scenario-flow-row .fs-4 {
	font-size: 15px !important;
	padding: 0 2px !important;
}

.scenario-flow-row .fs-5 {
	font-size: 12px !important;
	padding: 0 2px !important;
}

/* 6. Typographie et champs des 6 blocs : même police Albert Sans, même taille 12px et mode NON GRAS (400) que Simulateur de Rentabilité */
.simu-box label {
	font-family: 'Albert Sans', 'Inter', sans-serif !important;
	font-size: 10.5px !important;
	line-height: 1.15 !important;
	margin-bottom: 2px !important;
	white-space: nowrap !important;
}

.simu-box label small {
	font-size: 8.5px !important;
}

.simu-box .input-wrapper {
	height: 22px !important;
	position: relative !important;
	box-sizing: border-box !important;
	background: #ffffff !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 5px !important;
}

:is(#simulateurEmprunt, #_#_#_) .simu-box input,
:is(#simulateurEmprunt, #_#_#_) .simu-box select,
:is(#simulateurEmprunt, #_#_#_) .simu-box .form-control,
:is(#simulateurEmprunt, #_#_#_) .simu-box .fakeInput,
:is(#simulateurEmprunt, #_#_#_) .scenario-card-redesign input,
:is(#simulateurEmprunt, #_#_#_) .scenario-card-redesign select,
:is(#simulateurEmprunt, #_#_#_) .scenario-card-redesign .fakeInput,
:is(#simulateurEmprunt, #_#_#_) .scenario-card-redesign .form-control,
:is(#simulateurEmprunt, #_#_#_) .duree-dropdown,
:is(#simulateurEmprunt, #_#_#_) .duree-dropdown-item,
:is(#simulateurEmprunt, #_#_#_) .duree-dropdown-item-2,
:is(#simulateurEmprunt, #_#_#_) .duree-dropdown-item-3,
:is(.simulateur-emprunt__div-13, #_#_#_) {
	height: 22px !important;
	font-family: 'Albert Sans', 'Inter', sans-serif !important;
	font-size: 12px !important;
	font-weight: 400 !important; /* Non gras comme sur le simulateur de rentabilité */
	line-height: 20px !important;
	box-sizing: border-box !important;
}

#simulateurEmprunt .simu-box input,
#simulateurEmprunt .simu-box .fakeInput,
#simulateurEmprunt .simu-box-standalone .form-control,
#simulateurEmprunt .simu-box-standalone .fakeInput {
	height: 22px !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	font-family: 'Albert Sans', 'Inter', sans-serif !important;
	line-height: 20px !important;
	box-sizing: border-box !important;
}

/* Unités et icônes d'information */
.simu-box .devise,
.scenario-card-redesign .devise,
#simulateurEmprunt .scenario-card-redesign .devise {
	font-family: 'Albert Sans', 'Inter', sans-serif !important;
	font-size: 11px !important;
	font-weight: 400 !important;
	position: absolute !important;
	right: 22px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	pointer-events: none !important;
	z-index: 5 !important;
	line-height: 1 !important;
}

.scenario-card-redesign .tooltipss,
#simulateurEmprunt .scenario-card-redesign .tooltipss {
	position: absolute !important;
	right: 0 !important;
	left: auto !important;
	top: 0 !important;
	bottom: 0 !important;
	width: 20px !important;
	height: 100% !important;
	transform: none !important;
	z-index: 10 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* Base uniforme absolue pour TOUS les inputs et fakeInputs dans les cadres de scénarios */
:is(#simulateurEmprunt, #_#_#_) .scenario-card-redesign .simu-box input,
:is(#simulateurEmprunt, #_#_#_) .scenario-card-redesign .simu-box .form-control {
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	height: 100% !important;
	line-height: 20px !important;
	font-family: 'Albert Sans', 'Inter', sans-serif !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	border: none !important;
	background: transparent !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	margin-left: 0 !important;
	min-width: 0 !important;
	max-width: 100% !important;
	white-space: nowrap !important;
	z-index: 2 !important;
}

:is(#simulateurEmprunt, #_#_#_) .scenario-card-redesign .simu-box .fakeInput,
#simulateurEmprunt .scenario-card-redesign .fakeInput {
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	height: 100% !important;
	line-height: 20px !important;
	font-family: 'Albert Sans', 'Inter', sans-serif !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	border: none !important;
	background: transparent !important;
	box-sizing: border-box !important;
	display: flex !important;
	align-items: center !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	margin: 0 !important;
	margin-left: 0 !important;
	min-width: 0 !important;
	max-width: 100% !important;
	z-index: 2 !important;
}

/* ============================================================================
   DÉCALAGE PRÉCIS DES VALEURS VERS LA GAUCHE (ÉVITE TOUT CHEVAUCHEMENT D'UNITÉS)
   ============================================================================ */

/* 1. Ma Mensualité bancaire (unité €/mois à right: 22px, largeur ~38px -> bord gauche à 60px => padding-right: 64px) */
:is(#simulateurEmprunt, #_#_#_) .scenario-card-redesign .box-pos-left input,
:is(#simulateurEmprunt, #_#_#_) .scenario-card-redesign .box-pos-left .form-control,
:is(#simulateurEmprunt, #_#_#_) .scenario-card-redesign .box-pos-left .fakeInput,
#s1_mensualite, #s2_mensualite, #s3_mensualite, #s4_mensualite {
	text-align: right !important;
	justify-content: flex-end !important;
	padding-right: 64px !important;
	padding-left: 6px !important;
}

/* 2. Durée de Prêt (unité an(s) à right: 22px, largeur ~28px -> bord gauche à 50px => padding-right: 54px) */
:is(#simulateurEmprunt, #_#_#_) .scenario-card-redesign .box-pos-top input,
:is(#simulateurEmprunt, #_#_#_) .scenario-card-redesign .box-pos-top .form-control,
:is(#simulateurEmprunt, #_#_#_) .scenario-card-redesign .box-pos-top .fakeInput,
#s1_duree, #s2_duree, #s3_duree, #s4_duree {
	text-align: right !important;
	justify-content: flex-end !important;
	padding-right: 54px !important;
	padding-left: 6px !important;
}

/* 3. Taux (unité % à right: 22px, largeur ~10px -> bord gauche à 32px => padding-right: 36px) */
:is(#simulateurEmprunt, #_#_#_) .scenario-card-redesign .box-pos-bottom input,
:is(#simulateurEmprunt, #_#_#_) .scenario-card-redesign .box-pos-bottom .form-control,
:is(#simulateurEmprunt, #_#_#_) .scenario-card-redesign .box-pos-bottom .fakeInput,
#s1_taux, #s2_taux, #s3_taux, #s4_taux {
	text-align: right !important;
	justify-content: flex-end !important;
	padding-right: 36px !important;
	padding-left: 6px !important;
}

/* 4. Ma Capacité d'Emprunt (unité € à right: 22px, largeur ~10px -> bord gauche à 32px => padding-right: 36px) */
:is(#simulateurEmprunt, #_#_#_) .scenario-card-redesign .box-pos-right input,
:is(#simulateurEmprunt, #_#_#_) .scenario-card-redesign .box-pos-right .form-control,
:is(#simulateurEmprunt, #_#_#_) .scenario-card-redesign .box-pos-right .fakeInput,
#s1_cap_emprunt, #s2_cap_emprunt, #s3_cap_emprunt, #s4_cap_emprunt {
	text-align: right !important;
	justify-content: flex-end !important;
	padding-right: 36px !important;
	padding-left: 6px !important;
}

/* 5. Apport envisagé (unité € à right: 22px, largeur ~10px -> bord gauche à 32px => padding-right: 36px) */
:is(#simulateurEmprunt, #_#_#_) .scenario-card-redesign .box-standalone-apport input,
:is(#simulateurEmprunt, #_#_#_) .scenario-card-redesign .box-standalone-apport .form-control,
:is(#simulateurEmprunt, #_#_#_) .scenario-card-redesign .box-standalone-apport .fakeInput,
#s1_apport, #s2_apport, #s3_apport, #s4_apport {
	text-align: right !important;
	justify-content: flex-end !important;
	padding-right: 36px !important;
	padding-left: 6px !important;
}

/* 6. Prix d'Acquisition (unité € à right: 22px, largeur ~10px -> bord gauche à 32px => padding-right: 36px) */
:is(#simulateurEmprunt, #_#_#_) .scenario-card-redesign .box-standalone-prix input,
:is(#simulateurEmprunt, #_#_#_) .scenario-card-redesign .box-standalone-prix .form-control,
:is(#simulateurEmprunt, #_#_#_) .scenario-card-redesign .box-standalone-prix .fakeInput,
#s1_prix_acq, #s2_prix_acq, #s3_prix_acq, #s4_prix_acq {
	text-align: right !important;
	justify-content: flex-end !important;
	padding-right: 36px !important;
	padding-left: 6px !important;
}

/* Résultats cibles en gras */
.scenario-card-redesign .is-target-result .fakeInput {
	font-weight: 800 !important;
}

/* Sélecteurs horizontaux (popups) : les règles génériques "input" des blocs (position absolue, hauteur 100 %)
   écrasaient le curseur sur la ligne des valeurs. On le remet en flux normal, sous les chiffres,
   comme sur le SIMULATEUR DE RENTABILITE (.ar-range-slider). Les bordures colorées des popups sont conservées. */
:is(#simulateurEmprunt, #_#_#_) .simu-box [class*="-slider-popup"] input[type="range"] {
	position: static !important;
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	height: 6px !important;
	margin: 4px 0 0 0 !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	line-height: normal !important;
	z-index: auto !important;
}

:is(#simulateurEmprunt, #_#_#_) .simu-box [class*="-slider-popup"] > div {
	line-height: 1.3 !important;
	height: auto !important;
}

/* Valeurs sliders popup */
.mensualite-slider-popup span,
.taux-slider-popup span,
.apport-slider-popup span,
.cap-slider-popup span {
	font-family: 'Albert Sans', 'Inter', sans-serif !important;
	font-weight: 400 !important;
	font-size: 11px !important;
}

.mensualite-slider-current-val,
.taux-slider-current-val,
.apport-slider-current-val,
.cap-slider-current-val {
	font-family: 'Albert Sans', 'Inter', sans-serif !important;
	font-weight: 600 !important;
	font-size: 12px !important;
}

/* Écrans compacts (laptop 1440x800, max-height 850px) */
@media (min-width: 1025px) and (max-height: 850px) {
	.inconnue-header-wrapper {
		margin: 5px auto 8px auto !important;
		min-height: 44px !important;
	}
	.inconnue-header-wrapper .express-page-main-title {
		padding: 6px 22px !important;
		font-size: 19px !important;
	}
	.inconnue-header-wrapper .express-page-main-title .inconnue-title-icon {
		font-size: 20px !important;
	}
	.inconnue-guide-col {
		height: 34px !important;
	}
}

@media (max-width: 1200px) {
	.inconnue-fullwidth-container .row > .col-lg-6 {
		width: 100% !important;
	}
	.scenario-card-redesign {
		margin-bottom: 8px !important;
	}
}

@media (max-width: 991px) {
	/* Même rythme vertical que MA CAPACITÉ D'EMPRUNT : 15px au-dessus, 25px titre → guide, 15px sous le guide.
	   Sélecteur #simulateurEmprunt : nécessaire pour l'emporter sur "#simulateurEmprunt .header-bandeau" d'express.css */
	#simulateurEmprunt .inconnue-header-wrapper {
		flex-direction: column !important;
		gap: 25px !important;
		min-height: 0 !important;
		margin: 15px auto 15px auto !important;
		padding: 0 2px !important;
	}
	.inconnue-guide-col {
		position: static !important;
		transform: none !important;
		width: 100% !important;
		height: auto !important;
	}
	/* Guide : mêmes dimensions que .ce-guide-box (Capacité d'Emprunt) */
	.inconnue-guide-box {
		position: static !important;
		max-width: 100% !important;
		padding: 12px 14px !important;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
	}
	.inconnue-guide-header {
		margin-bottom: 8px !important;
		padding-bottom: 6px !important;
	}
	.inconnue-guide-header.collapsed {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
	.inconnue-guide-title {
		font-size: 12px !important;
		line-height: 1.2 !important;
	}
	.inconnue-guide-box .guide-toggle-icon {
		width: 22px !important;
		height: 22px !important;
		font-size: 14px !important;
	}
	.inconnue-guide-list {
		gap: 7px !important;
	}
	.inconnue-guide-item {
		gap: 8px !important;
		line-height: 1.45 !important;
	}
}

/* ============================================================================
   1 - TELEPHONE : Disposition spécifique mobile pour RECHERCHE D'1 INCONNUE
   - Les blocs ne sont pas étirés et gardent leur taille et forme originelle PC
   - Les 4 premiers blocs forment le diagramme en partie haute du scénario
   - Suivi verticalement par le bloc Apport envisagé, puis le bloc Prix d'Acquisition
   ============================================================================ */
@media (max-width: 767.98px) {
	/* Titre : mêmes dimensions que MA CAPACITÉ D'EMPRUNT (24px, padding 10px 28px, icône 28px).
	   La taille se réduit seulement si l'écran est trop étroit pour tenir sur une ligne.
	   #id triplé : pour l'emporter sur :is(.simulateur-emprunt__h1, #_#_#_) de simulateurEmprunt.classes.css */
	#simulateurEmprunt#simulateurEmprunt#simulateurEmprunt .inconnue-header-wrapper .express-page-main-title {
		font-size: min(24px, calc((100vw - 76px) / 14.7)) !important;
		padding: 10px 28px !important;
		gap: 14px !important;
		line-height: 1.2 !important;
		white-space: nowrap !important;
	}
	#simulateurEmprunt .inconnue-header-wrapper .express-page-main-title .inconnue-title-icon {
		font-size: 1.1667em !important;
	}

	/* Conteneur plein écran mobile : marges latérales réduites au minimum (≈ 6px du bord de l'appareil) */
	#simulateurEmprunt .simulateur-container {
		width: 100% !important;
		max-width: 100% !important;
		padding-left: 4px !important;
		padding-right: 4px !important;
	}

	#simulateurEmprunt #collapseThree .accordion-body {
		padding: 0 !important;
	}

	.inconnue-fullwidth-container {
		padding: 6px 0 !important;
		border-radius: 12px !important;
	}

	.inconnue-fullwidth-container .row > * {
		padding-left: 2px !important;
		padding-right: 2px !important;
	}

	/* Cadre du scénario : centré, aéré verticalement */
	#simulateurEmprunt .scenario-card-redesign {
		padding: 10px 6px 16px 6px !important;
		margin-bottom: 12px !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		overflow: visible !important;
	}

	#simulateurEmprunt .scenario-header {
		text-align: center !important;
		margin-bottom: 8px !important;
		width: 100% !important;
	}

	#simulateurEmprunt .scenario-header h4 {
		font-size: 0.92rem !important;
		text-align: center !important;
		line-height: 1.25 !important;
	}

	#simulateurEmprunt .scenario-header .text-muted {
		font-size: 0.72rem !important;
		text-align: center !important;
	}

	/* Disposition en colonne :
	   1. Partie haute : les 4 premiers blocs (diagramme de boucle)
	   2. Ensuite verticalement : '+' puis bloc 'Apport envisagé'
	   3. Enfin verticalement : '▶' (flèche orientée bas) puis bloc 'Prix d'Acquisition' */
	#simulateurEmprunt .scenario-flow-row {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 10px !important;
		width: 100% !important;
	}

	/* 1. Les 4 premiers blocs ensemble dans la partie haute (gardent taille et forme originelle PC) */
	#simulateurEmprunt .scenario-flow-row .loop-diagram-container {
		position: relative !important;
		width: 100% !important;
		max-width: 440px !important;
		height: 204px !important; /* Étagé : haut (0-58px) / gauche+droite (centrés) / bas (146-204px) */
		margin: 0 auto !important;
		flex-shrink: 0 !important;
		overflow: visible !important;
	}

	#simulateurEmprunt .scenario-card-redesign .loop-svg {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100% !important;
		pointer-events: none !important;
		z-index: 1 !important;
		display: block !important;
	}

	/* Réinitialisation et protection stricte contre l'écrasement des largeurs par les règles mobiles globales */
	#simulateurEmprunt .scenario-card-redesign .loop-diagram-container .simu-box,
	#simulateurEmprunt .scenario-card-redesign .loop-diagram-container div[class*="simu-box"] {
		position: absolute !important;
		overflow: visible !important;
		margin: 0 !important;
		height: auto !important;
		flex: none !important;
	}

	#simulateurEmprunt .scenario-card-redesign .loop-diagram-container .box-pos-left,
	#simulateurEmprunt .scenario-card-redesign .box-pos-left {
		width: 130px !important;
		min-width: 130px !important;
		max-width: 130px !important;
		min-height: 54px !important;
		left: 0 !important;
		right: auto !important;
		top: 50% !important;
		bottom: auto !important;
		transform: translateY(-50%) !important;
		margin: 0 !important;
		padding: 3px 5px !important;
		z-index: 10000 !important;
	}

	#simulateurEmprunt .scenario-card-redesign .loop-diagram-container .box-pos-right,
	#simulateurEmprunt .scenario-card-redesign .box-pos-right {
		width: 130px !important;
		min-width: 130px !important;
		max-width: 130px !important;
		min-height: 54px !important;
		right: 0 !important;
		left: auto !important;
		top: 50% !important;
		bottom: auto !important;
		transform: translateY(-50%) !important;
		margin: 0 !important;
		padding: 3px 5px !important;
		z-index: 10000 !important;
	}

	#simulateurEmprunt .scenario-card-redesign .loop-diagram-container .box-pos-top,
	#simulateurEmprunt .scenario-card-redesign .box-pos-top {
		width: 114px !important;
		min-width: 114px !important;
		max-width: 114px !important;
		min-height: 50px !important;
		left: 50% !important;
		right: auto !important;
		top: 0 !important;
		bottom: auto !important;
		transform: translateX(-50%) !important;
		margin: 0 !important;
		padding: 3px 5px !important;
		z-index: 50000 !important;
	}

	#simulateurEmprunt .scenario-card-redesign .loop-diagram-container .box-pos-bottom,
	#simulateurEmprunt .scenario-card-redesign .box-pos-bottom {
		width: 102px !important;
		min-width: 102px !important;
		max-width: 102px !important;
		min-height: 50px !important;
		left: 50% !important;
		right: auto !important;
		bottom: 0 !important;
		top: auto !important;
		transform: translateX(-50%) !important;
		margin: 0 !important;
		padding: 3px 5px !important;
		z-index: 1000 !important;
	}

	/* 2. Suite verticale : bloc Apport puis bloc Prix d'Acquisition (taille et forme originelle PC) */
	#simulateurEmprunt .scenario-flow-row > .d-flex {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 6px !important;
		width: 100% !important;
		margin-top: 4px !important;
	}

	/* Symbole '+' centré */
	#simulateurEmprunt .scenario-flow-row > .d-flex > .fs-4 {
		font-size: 22px !important;
		line-height: 1 !important;
		padding: 0 !important;
		margin: 2px 0 !important;
		display: block !important;
		text-align: center !important;
	}

	/* Bloc Apport envisagé (gardant sa taille et forme originelle PC : 120px) */
	#simulateurEmprunt .scenario-card-redesign .box-standalone-apport {
		width: 120px !important;
		min-width: 120px !important;
		max-width: 120px !important;
		min-height: 54px !important;
		height: auto !important;
		margin: 0 auto !important;
		padding: 3px 5px !important;
		box-sizing: border-box !important;
		display: block !important;
	}

	/* Flèche intermédiaire tournée vers le bas */
	#simulateurEmprunt .scenario-flow-row > .d-flex > .fs-5 {
		font-size: 14px !important;
		line-height: 1 !important;
		padding: 0 !important;
		margin: 2px 0 !important;
		display: block !important;
		text-align: center !important;
		transform: rotate(90deg) !important;
	}

	/* Bloc Prix d'Acquisition (gardant sa taille et forme originelle PC : 128px) */
	#simulateurEmprunt .scenario-card-redesign .box-standalone-prix {
		width: 128px !important;
		min-width: 128px !important;
		max-width: 128px !important;
		min-height: 54px !important;
		height: auto !important;
		margin: 0 auto !important;
		padding: 3px 5px !important;
		box-sizing: border-box !important;
		display: block !important;
	}

	/* Intérieur des champs (labels et input-wrapper) */
	#simulateurEmprunt .scenario-card-redesign .simu-box label {
		font-size: 10.5px !important;
		line-height: 1.15 !important;
		margin-bottom: 2px !important;
		white-space: nowrap !important;
	}

	#simulateurEmprunt .scenario-card-redesign .simu-box .input-wrapper {
		height: 22px !important;
		width: 100% !important;
	}
}