/**
 * Page "La science derrière nos index" — template page-science-index.php
 * Charte AUG (verts naturels, sobre, rassurant). Mobile-first. Bloc BEM "sci".
 */

.sci {
	color: var(--fc-text);
	overflow: hidden;
}

.sci__container {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 var(--fc-space-lg);
}
.sci__container--narrow { max-width: 760px; }

/* ---------- HERO ---------- */
.sci__hero {
	text-align: center;
	padding: var(--fc-space-3xl) 0 var(--fc-space-2xl);
	background:
		radial-gradient(120% 120% at 50% 0%, var(--fc-green-50) 0%, #fff 70%);
	border-bottom: 1px solid var(--fc-green-100);
}
.sci__eyebrow {
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 0.8rem;
	font-weight: 700;
	color: var(--fc-primary);
	margin: 0 0 var(--fc-space-sm);
}
.sci__title {
	font-family: var(--fc-font-heading);
	font-size: clamp(1.9rem, 5vw, 3rem);
	line-height: 1.1;
	margin: 0 auto var(--fc-space-md);
	max-width: 16ch;
}
.sci__subtitle {
	font-size: clamp(1.05rem, 2.4vw, 1.25rem);
	color: var(--fc-gray-600, #4b5563);
	max-width: 56ch;
	margin: 0 auto var(--fc-space-lg);
	line-height: 1.6;
}
.sci__note {
	display: inline-flex;
	align-items: center;
	gap: var(--fc-space-sm);
	font-style: italic;
	color: var(--fc-primary);
	margin: 0 0 var(--fc-space-xl);
	font-size: 0.95rem;
}
.sci__note svg { flex: none; }
.sci__hero-cta { text-decoration: none; }

/* ---------- SECTIONS ---------- */
.sci__section { padding: var(--fc-space-3xl) 0; }
.sci__section--tint { background: var(--fc-green-50); }

.sci__h2 {
	font-family: var(--fc-font-heading);
	font-size: clamp(1.5rem, 3.5vw, 2.1rem);
	line-height: 1.15;
	margin: 0 0 var(--fc-space-md);
	text-align: center;
}
.sci__h3 {
	font-family: var(--fc-font-heading);
	font-size: 1.35rem;
	margin: 0 0 var(--fc-space-sm);
}
.sci__lead {
	font-size: 1.08rem;
	line-height: 1.7;
	color: var(--fc-gray-600, #4b5563);
	max-width: 64ch;
	margin: 0 auto var(--fc-space-2xl);
	text-align: center;
}
.sci__outro {
	font-size: 1.05rem;
	line-height: 1.7;
	max-width: 64ch;
	margin: var(--fc-space-2xl) auto 0;
	text-align: center;
	font-weight: 600;
	color: var(--fc-green-800);
}

/* ---------- CARTES (sources fiabilité) ---------- */
.sci__cards {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--fc-space-lg);
}
@media (min-width: 720px) {
	.sci__cards { grid-template-columns: repeat(3, 1fr); }
}
.sci__card {
	background: #fff;
	border: 1px solid var(--fc-green-100);
	border-radius: var(--fc-radius-xl);
	padding: var(--fc-space-xl);
	box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.sci__card-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px; height: 52px;
	border-radius: var(--fc-radius-lg);
	background: var(--fc-green-100);
	color: var(--fc-primary);
	margin-bottom: var(--fc-space-md);
}
.sci__card-title { font-size: 1.15rem; margin: 0 0 var(--fc-space-sm); }
.sci__card-text { color: var(--fc-gray-600, #4b5563); line-height: 1.6; margin: 0; font-size: 0.98rem; }

/* ---------- SOURCES (USDA / Ciqual) ---------- */
.sci__sources {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--fc-space-lg);
}
@media (min-width: 720px) {
	.sci__sources { grid-template-columns: repeat(2, 1fr); }
}
.sci__source {
	display: flex;
	gap: var(--fc-space-md);
	background: #fff;
	border: 1px solid var(--fc-green-100);
	border-radius: var(--fc-radius-xl);
	padding: var(--fc-space-xl);
}
.sci__source-flag { font-size: 2rem; line-height: 1; flex: none; }
.sci__source-name { font-size: 1.15rem; margin: 0 0 var(--fc-space-xs); }
.sci__source-desc { color: var(--fc-gray-600, #4b5563); line-height: 1.6; margin: 0 0 var(--fc-space-sm); font-size: 0.98rem; }
.sci__source-link {
	font-weight: 700;
	color: var(--fc-primary);
	text-decoration: none;
}
.sci__source-link:hover { text-decoration: underline; }

/* ---------- PARCOURS EN 4 ÉTAPES ---------- */
.sci__flow {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--fc-space-lg);
	counter-reset: none;
}
@media (min-width: 760px) {
	.sci__flow { grid-template-columns: repeat(4, 1fr); }
}
.sci__flow-step {
	position: relative;
	background: #fff;
	border: 1px solid var(--fc-green-100);
	border-radius: var(--fc-radius-xl);
	padding: var(--fc-space-xl) var(--fc-space-lg) var(--fc-space-lg);
	text-align: center;
}
/* Flèche de liaison entre étapes (desktop) */
@media (min-width: 760px) {
	.sci__flow-step:not(:last-child)::after {
		content: "→";
		position: absolute;
		right: calc(var(--fc-space-lg) * -0.78);
		top: 50%;
		transform: translateY(-50%);
		color: var(--fc-green-300);
		font-size: 1.4rem;
		font-weight: 700;
		z-index: 1;
	}
}
.sci__flow-num {
	position: absolute;
	top: -14px;
	left: 50%;
	transform: translateX(-50%);
	width: 28px; height: 28px;
	display: flex; align-items: center; justify-content: center;
	background: var(--fc-primary);
	color: #fff;
	font-weight: 700;
	font-size: 0.85rem;
	border-radius: 50%;
	box-shadow: 0 0 0 4px var(--fc-green-50);
}
.sci__flow-icon {
	display: inline-flex;
	align-items: center; justify-content: center;
	width: 56px; height: 56px;
	border-radius: var(--fc-radius-lg);
	background: var(--fc-green-100);
	color: var(--fc-primary);
	margin: var(--fc-space-xs) 0 var(--fc-space-md);
}
.sci__flow-title { font-size: 1.05rem; margin: 0 0 var(--fc-space-xs); }
.sci__flow-text { color: var(--fc-gray-600, #4b5563); line-height: 1.5; margin: 0; font-size: 0.92rem; }

/* ---------- LABELS auxiliaires ---------- */
.sci__examples-label {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 0.75rem;
	font-weight: 700;
	color: var(--fc-text-light);
	margin: 0 0 var(--fc-space-md);
}
.sci__more {
	text-align: center;
	font-size: 0.98rem;
	color: var(--fc-gray-600, #4b5563);
	max-width: 60ch;
	margin: var(--fc-space-lg) auto 0;
	font-style: italic;
}

/* ---------- ÉCHELLE DE COULEURS (5 NIVEAUX) ---------- */
.sci__scale {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 0;
	border-radius: var(--fc-radius-pill);
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0,0,0,0.08);
	margin-top: var(--fc-space-md);
}
.sci__scale-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.sci__scale-swatch {
	width: 100%;
	height: 18px;
}
.sci__scale-label {
	font-size: 0.72rem;
	font-weight: 600;
	color: var(--fc-text);
	padding: var(--fc-space-sm) 2px;
	line-height: 1.2;
}
@media (min-width: 600px) {
	.sci__scale-swatch { height: 22px; }
	.sci__scale-label { font-size: 0.85rem; }
}

/* ---------- EXEMPLE D'AFFICHAGE DES INDEX ---------- */
.sci__example {
	margin: var(--fc-space-md) auto 0;
	max-width: 560px;
	position: relative;
}
.sci__example-badge {
	display: inline-block;
	background: var(--fc-accent);
	color: #fff;
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	padding: 0.3em 0.7em;
	border-radius: var(--fc-radius-pill);
	margin-bottom: var(--fc-space-sm);
}
/* La carte exemple réutilise le composant .db-card (custom.css) ;
   on le centre simplement et on enlève d'éventuelles contraintes de grille. */
.sci__example .db-results {
	display: block;
	margin: 0;
}
.sci__example .db-card {
	margin: 0;
	box-shadow: 0 4px 16px rgba(0,0,0,0.07);
}

/* ---------- INDEX (3 formules) ---------- */
.sci__index-head {
	display: flex;
	align-items: center;
	gap: var(--fc-space-sm);
	margin-bottom: var(--fc-space-xs);
}
.sci__index-icon {
	display: inline-flex;
	align-items: center; justify-content: center;
	width: 38px; height: 38px;
	border-radius: var(--fc-radius-md);
	background: var(--fc-green-100);
	color: var(--fc-primary);
	flex: none;
}
.sci__cards--3 { grid-template-columns: 1fr; }
@media (min-width: 720px) {
	.sci__cards--3 { grid-template-columns: repeat(3, 1fr); }
}
.sci__index {
	background: #fff;
	border: 1px solid var(--fc-green-100);
	border-top: 4px solid var(--fc-primary);
	border-radius: var(--fc-radius-xl);
	padding: var(--fc-space-xl);
}
.sci__index-tag {
	display: inline-block;
	font-family: var(--fc-font-heading);
	font-size: 1.2rem;
	color: var(--fc-green-800);
	font-weight: 700;
}
.sci__index-basis {
	display: block;
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--fc-accent);
	margin: var(--fc-space-xs) 0 var(--fc-space-md);
	text-transform: lowercase;
}
.sci__index-text { color: var(--fc-gray-600, #4b5563); line-height: 1.6; margin: 0; font-size: 0.98rem; }

/* ---------- SPLIT (texte + schéma) ---------- */
.sci__split {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--fc-space-2xl);
	align-items: center;
}
@media (min-width: 860px) {
	.sci__split { grid-template-columns: 1.1fr 0.9fr; }
	.sci__split .sci__h2, .sci__split .sci__lead { text-align: left; margin-left: 0; }
	.sci__split--reverse .sci__split-text { order: 2; }
}
.sci__checklist { list-style: none; padding: 0; margin: var(--fc-space-lg) 0 0; }
.sci__checklist li {
	display: flex;
	align-items: flex-start;
	gap: var(--fc-space-sm);
	margin-bottom: var(--fc-space-sm);
	line-height: 1.5;
}
.sci__checklist svg { color: var(--fc-primary); flex: none; margin-top: 2px; }

/* Diagramme 22 paramètres */
.sci__diagram {
	margin: 0;
	text-align: center;
	background: #fff;
	border: 1px solid var(--fc-green-100);
	border-radius: var(--fc-radius-xl);
	padding: var(--fc-space-xl);
}
.sci__diagram-params {
	display: grid;
	grid-template-columns: repeat(11, 1fr);
	gap: 8px;
	max-width: 280px;
	margin: 0 auto var(--fc-space-md);
}
.sci__dot {
	width: 100%;
	aspect-ratio: 1;
	border-radius: 50%;
	background: var(--fc-green-300);
}
.sci__dot:nth-child(3n) { background: var(--fc-accent); }
.sci__dot:nth-child(4n) { background: var(--fc-green-600); }
.sci__diagram-arrow { font-size: 1.5rem; color: var(--fc-primary); line-height: 1; }
.sci__diagram-score {
	width: 64px; height: 64px;
	margin: var(--fc-space-sm) auto 0;
	display: flex; align-items: center; justify-content: center;
	font-family: var(--fc-font-heading);
	font-size: 2rem; font-weight: 700;
	color: #fff;
	background: var(--fc-green-600);
	border-radius: var(--fc-radius-lg);
}
.sci__diagram-caption {
	margin-top: var(--fc-space-md);
	font-size: 0.9rem;
	color: var(--fc-text-light);
	font-style: italic;
}

/* Portion */
.sci__portion {
	margin: 0;
	text-align: center;
	background: #fff;
	border: 1px solid var(--fc-green-100);
	border-radius: var(--fc-radius-xl);
	padding: var(--fc-space-2xl) var(--fc-space-xl);
}
.sci__portion-row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--fc-space-md);
	flex-wrap: wrap;
	font-family: var(--fc-font-heading);
	font-weight: 700;
	margin-bottom: var(--fc-space-md);
}
.sci__portion-100 { color: var(--fc-text-light); font-size: 1.4rem; }
.sci__portion-eq { color: var(--fc-primary); font-size: 1.6rem; }
.sci__portion-real {
	color: #fff; background: var(--fc-accent);
	padding: 0.4em 0.8em; border-radius: var(--fc-radius-pill);
	font-size: 1.2rem;
}

/* ---------- DISCLAIMER ---------- */
.sci__disclaimer {
	display: flex;
	gap: var(--fc-space-md);
	align-items: flex-start;
	background: var(--fc-green-50);
	border: 1px solid var(--fc-green-200);
	border-radius: var(--fc-radius-xl);
	padding: var(--fc-space-xl);
	max-width: 820px;
	margin: 0 auto;
}
.sci__disclaimer svg { color: var(--fc-primary); flex: none; margin-top: 2px; }
.sci__disclaimer p { margin: 0; line-height: 1.65; color: var(--fc-gray-600, #4b5563); }

/* ---------- CTA ---------- */
.sci__cta {
	background: linear-gradient(135deg, var(--fc-green-700), var(--fc-green-600));
	color: #fff;
	text-align: center;
	padding: var(--fc-space-3xl) 0;
}
.sci__cta-title {
	font-family: var(--fc-font-heading);
	font-size: clamp(1.6rem, 4vw, 2.2rem);
	margin: 0 0 var(--fc-space-md);
	color: #fff;
}
.sci__cta-text {
	max-width: 56ch;
	margin: 0 auto var(--fc-space-xl);
	line-height: 1.6;
	opacity: 0.95;
}
.sci__cta-actions {
	display: flex;
	gap: var(--fc-space-md);
	justify-content: center;
	flex-wrap: wrap;
}
.sci__cta .btn--outline {
	border-color: rgba(255,255,255,0.7);
	color: #fff;
}
.sci__cta .btn--outline:hover { background: rgba(255,255,255,0.12); }

/* ---------- FAQ ---------- */
.sci__faq { margin-top: var(--fc-space-md); }
.sci__faq-item {
	background: #fff;
	border: 1px solid var(--fc-green-100);
	border-radius: var(--fc-radius-lg);
	margin-bottom: var(--fc-space-sm);
	overflow: hidden;
}
.sci__faq-q {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--fc-space-md);
	padding: var(--fc-space-lg);
	cursor: pointer;
	font-weight: 600;
	list-style: none;
}
.sci__faq-q::-webkit-details-marker { display: none; }
.sci__faq-chev { transition: transform 0.2s ease; color: var(--fc-primary); flex: none; }
.sci__faq-item[open] .sci__faq-chev { transform: rotate(180deg); }
.sci__faq-a { padding: 0 var(--fc-space-lg) var(--fc-space-lg); }
.sci__faq-a p { margin: 0; line-height: 1.65; color: var(--fc-gray-600, #4b5563); }

/* ============ Pro — stack 3 zones « patients / accompagnement / aliments » (.aug-pro-stack) ============ */
.aug-pro-stack{
	--aug-green:var(--fc-primary,#079a43);
	--aug-red:#e91b1b;
	width:100%; padding:34px 32px 36px; background:#fbfbfb;
	container-type:inline-size; /* bascule selon la largeur du bloc */
}
/* box-sizing local : le thème n'applique pas border-box universel → sinon
   width:100% + padding débordent en mode bloc mobile. */
.aug-pro-stack, .aug-pro-stack *, .aug-pro-stack *::before, .aug-pro-stack *::after{ box-sizing:border-box; }
.aug-stage{ width:100%; max-width:1280px; margin:0 auto; }

.aug-zone{
	position:relative; overflow:hidden; width:100%;
	border-radius:18px; background:#fff;
	border:1px solid rgba(8,154,67,.11);
	box-shadow:0 12px 32px rgba(15,35,25,.055);
}
.aug-zone + .aug-zone{ margin-top:28px; }
.aug-zone-hero{ padding:54px 64px; display:grid; grid-template-columns:200px minmax(0,1fr); align-items:center; column-gap:56px; }
.aug-zone-support{ padding:42px 64px; display:grid; grid-template-columns:200px minmax(210px,400px) minmax(0,1fr); align-items:center; column-gap:54px; background:linear-gradient(90deg,#f5fbf7 0%,#eef8f2 42%,#f8fcfa 100%); }
.aug-zone-food{ padding:50px 60px; display:grid; grid-template-columns:92px minmax(260px,0.82fr) minmax(0,1.25fr); align-items:center; column-gap:48px; }

.aug-title{ margin:0; font-family:var(--fc-font-heading,Georgia,serif); font-size:clamp(1.85rem,2.5vw,2.75rem); line-height:1.06; letter-spacing:-1.3px; font-weight:800; color:#090d1c; }
.aug-title .green{ color:var(--aug-green); }
.aug-food-title{ font-size:clamp(1.7rem,2.1vw,2.3rem); letter-spacing:-1px; }
.aug-line{ width:58px; height:4px; border-radius:999px; margin:26px 0 22px; background:var(--aug-green); }
.aug-text{ margin:0; font-size:clamp(1.05rem,1.2vw,1.22rem); line-height:1.62; color:#111827; max-width:600px; }
.aug-text-small{ margin:0; font-size:1.0625rem; line-height:1.65; color:#071027; }
.aug-link{ display:inline-flex; gap:10px; align-items:center; margin-top:30px; color:var(--aug-green); font-size:1.1rem; font-weight:800; text-decoration:none; }
.aug-link span{ transition:transform .2s; }
.aug-link:hover span{ transform:translateX(4px); }

/* Orbite icône (zones 1 & 2) */
.aug-icon-orbit{ position:relative; width:200px; height:200px; display:grid; place-items:center; }
.aug-icon-orbit::before{ content:""; position:absolute; width:174px; height:174px; border-radius:50%; background:radial-gradient(circle,#e6f7ee 0,#e8f7ee 58%,rgba(232,247,238,.25) 100%); box-shadow:0 22px 38px rgba(4,110,47,.11); }
.aug-icon-orbit::after{ content:""; position:absolute; inset:0; border-radius:50%; border:2px dashed var(--aug-green); clip-path:polygon(0 0,74% 0,74% 58%,0 58%); opacity:.95; }
.aug-orbit-dot{ position:absolute; width:13px; height:13px; left:6px; bottom:27px; border-radius:50%; background:var(--aug-green); box-shadow:0 0 0 7px rgba(8,154,67,.08); }
.aug-icon-orbit svg{ position:relative; z-index:2; width:74px; height:74px; fill:none; stroke:var(--aug-green); stroke-width:2.9; stroke-linecap:round; stroke-linejoin:round; }

/* Décorations (vague + points) — en absolu pour ne pas occuper la grille */
.aug-wave{ position:absolute; right:-40px; top:30px; width:60%; max-width:760px; height:80%; opacity:.30; pointer-events:none; }
.aug-wave path{ fill:none; stroke:#19a45a; stroke-width:1; opacity:.42; }
.aug-wave-dot{ position:absolute; right:18%; top:46%; width:12px; height:12px; border-radius:50%; background:var(--aug-green); }
.aug-dots{ position:absolute; right:50px; top:40px; display:grid; grid-template-columns:repeat(5,7px); gap:20px; opacity:.28; }
.aug-dots span{ width:7px; height:7px; border-radius:50%; background:var(--aug-green); }

/* Timeline 3 étapes (zone food) */
.aug-steps-icons{ position:relative; width:80px; height:330px; display:flex; flex-direction:column; justify-content:space-between; align-items:center; }
.aug-steps-icons::before{ content:""; position:absolute; top:56px; bottom:56px; left:50%; width:2px; transform:translateX(-50%); background:repeating-linear-gradient(to bottom,var(--aug-green) 0 8px,transparent 8px 15px); opacity:.9; }
.aug-step-badge{ position:relative; z-index:2; width:68px; height:68px; border-radius:50%; background:#fff; display:grid; place-items:center; box-shadow:0 12px 24px rgba(0,0,0,.09); border:1px solid #d9eee2; }
.aug-step-badge svg{ width:33px; height:33px; fill:none; stroke:var(--aug-green); stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }

/* Carte visuelle des index */
.aug-food-card{ width:100%; padding:26px 30px 22px; border-radius:16px; border:1px solid #d9eee2; background:linear-gradient(180deg,#ffffff 0%,#fbfffd 100%); box-shadow:0 18px 35px rgba(7,52,25,.08); }
.aug-food-card h3{ margin:0 0 24px; color:var(--aug-green); font-size:1.2rem; line-height:1.25; font-weight:800; }
.aug-meter-row{ display:grid; grid-template-columns:58px 104px minmax(0,1fr); align-items:center; gap:18px; padding:16px 0; }
.aug-meter-row + .aug-meter-row{ border-top:1px solid rgba(15,55,30,.10); }
.aug-mini-icon{ width:56px; height:56px; border-radius:50%; display:grid; place-items:center; background:#edf9f1; box-shadow:0 10px 22px rgba(0,0,0,.08); }
.aug-mini-icon svg{ width:31px; height:31px; fill:none; stroke:var(--aug-green); stroke-width:2.35; stroke-linecap:round; stroke-linejoin:round; }
.aug-mini-orange{ background:#fff2e5; } .aug-mini-orange svg{ stroke:#ff7a00; }
.aug-mini-blue{ background:#edf3ff; } .aug-mini-blue svg{ stroke:#2466f2; }
.aug-meter-label{ font-size:1.0625rem; line-height:1.1; font-weight:800; color:#080b13; }
.aug-meter-wrap{ width:100%; }
.aug-meter{ position:relative; width:100%; height:13px; border-radius:999px; background:linear-gradient(90deg,#08a348 0%,#8bcf18 34%,#f6b000 56%,#ff7a00 76%,#e51919 100%); box-shadow:inset 0 1px 2px rgba(0,0,0,.12); }
.aug-marker{ position:absolute; top:50%; width:25px; height:25px; border-radius:50%; transform:translate(-50%,-50%); background:#fff; border:4px solid var(--aug-green); box-shadow:0 6px 12px rgba(0,0,0,.13); }
.aug-meter-captions{ display:flex; justify-content:space-between; margin-top:11px; font-size:.82rem; font-weight:800; text-transform:uppercase; }
.aug-good{ color:var(--aug-green); } .aug-bad{ color:var(--aug-red); }
.aug-legend{ margin-top:20px; border-radius:8px; background:#eef6f1; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; padding:14px 24px; color:#111827; font-size:.95rem; }
.aug-legend-item{ display:flex; align-items:center; justify-content:center; gap:10px; }
.aug-legend .aug-dot{ width:13px; height:13px; border-radius:50%; display:inline-block; }
.aug-dot.green{ background:#6fd24f; } .aug-dot.orange{ background:#f5a400; } .aug-dot.red{ background:#e31616; }

@container (max-width:1040px){
	.aug-pro-stack{ padding:20px 14px; }
	.aug-zone-hero,.aug-zone-support,.aug-zone-food{ display:block; padding:36px 26px; }
	.aug-icon-orbit{ margin:0 auto 26px; }
	.aug-zone-support .aug-line{ margin-bottom:8px; }
	.aug-zone-support .aug-text-small{ margin-top:20px; }
	.aug-wave,.aug-wave-dot,.aug-dots,.aug-steps-icons{ display:none; }
	.aug-food-card{ margin-top:28px; }
	.aug-text{ max-width:none; }
}
@container (max-width:560px){
	.aug-zone-hero,.aug-zone-support,.aug-zone-food{ padding:30px 18px; }
	.aug-icon-orbit{ width:150px; height:150px; }
	.aug-icon-orbit::before{ width:130px; height:130px; }
	.aug-icon-orbit svg{ width:58px; height:58px; }
	.aug-food-card{ padding:22px 16px; }
	.aug-meter-row{ grid-template-columns:46px 84px minmax(0,1fr); gap:12px; }
	.aug-mini-icon{ width:46px; height:46px; } .aug-mini-icon svg{ width:26px; height:26px; }
	.aug-meter-label{ font-size:.95rem; }
	.aug-legend{ grid-template-columns:1fr; gap:8px; padding:16px; justify-items:start; }
}
/* Repli sans @container (anciens navigateurs) */
@supports not (container-type:inline-size){
	@media(max-width:1040px){
		.aug-zone-hero,.aug-zone-support,.aug-zone-food{ display:block; padding:36px 26px; }
		.aug-icon-orbit{ margin:0 auto 26px; }
		.aug-wave,.aug-wave-dot,.aug-dots,.aug-steps-icons{ display:none; }
		.aug-food-card{ margin-top:28px; }
	}
}

/* ============ Pro — 3 engagements en panneau (.aug-pro3-wrap) ============ */
/* Tout est scopé sous .aug-pro3-wrap : .aug-title/.aug-line/.aug-text/.aug-dots
   existent déjà pour le stack au-dessus (même page) → on évite toute fuite. */
.aug-pro3-wrap{ width:100%; padding:36px 28px; background:#fff; container-type:inline-size; }
.aug-pro3-wrap, .aug-pro3-wrap *, .aug-pro3-wrap *::before, .aug-pro3-wrap *::after{ box-sizing:border-box; }
.aug-pro3-wrap .aug-pro3-panel{
	width:100%; max-width:1240px; margin:0 auto; padding:16px; border-radius:28px;
	background:linear-gradient(135deg,#f1fbf5 0%,#ffffff 42%,#eff9f3 100%);
	box-shadow:0 18px 50px rgba(20,60,35,.08);
	display:grid; grid-template-columns:repeat(3,1fr); gap:16px;
}
.aug-pro3-wrap .aug-card{
	position:relative; overflow:hidden; min-height:300px;
	border-radius:20px; background:rgba(255,255,255,.72);
	box-shadow:inset 0 0 0 1px rgba(14,130,62,.06);
	display:grid; grid-template-columns:124px 1fr; align-items:center; gap:8px;
	padding:32px 26px 32px 22px;
}
.aug-pro3-wrap .aug-card::before{
	content:""; position:absolute; left:32px; top:64px; width:96px; height:158px; border-radius:50%;
	background:linear-gradient(180deg,rgba(31,158,76,.15),rgba(31,158,76,.04)); transform:rotate(-10deg);
}
.aug-pro3-wrap .aug-card:nth-child(2)::before{ transform:rotate(-13deg); left:38px; top:66px; height:148px; }
.aug-pro3-wrap .aug-card:nth-child(3)::before{ transform:rotate(12deg); left:40px; top:68px; height:148px; }
.aug-pro3-wrap .aug-index{
	position:absolute; left:24px; top:24px; width:30px; height:30px; border-radius:50%;
	background:var(--fc-primary,#0b9943); color:#fff; display:flex; align-items:center; justify-content:center;
	font-weight:800; font-size:.9rem; box-shadow:0 10px 22px rgba(8,153,67,.22); z-index:4;
}
.aug-pro3-wrap .aug-visual{ position:relative; width:124px; height:124px; display:flex; align-items:center; justify-content:center; z-index:2; }
.aug-pro3-wrap .aug-visual::after{
	content:""; width:98px; height:98px; border-radius:50%; background:#fff; position:absolute; z-index:1;
	box-shadow:0 16px 30px rgba(20,60,35,.11), inset 0 0 0 1px rgba(14,130,62,.08);
}
.aug-pro3-wrap .aug-visual svg{ position:relative; z-index:2; width:48px; height:48px; fill:none; stroke:var(--fc-primary,#0b9943); stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; }
/* décorations */
.aug-pro3-wrap .aug-leaf{ position:absolute; left:-8px; bottom:12px; width:60px; height:70px; opacity:.5; }
.aug-pro3-wrap .aug-leaf span{ position:absolute; display:block; width:8px; height:30px; border-radius:20px 20px 20px 2px; background:rgba(11,153,67,.42); transform-origin:bottom center; }
.aug-pro3-wrap .aug-leaf .l1{ left:26px; bottom:8px; transform:rotate(42deg); }
.aug-pro3-wrap .aug-leaf .l2{ left:31px; bottom:24px; transform:rotate(65deg); }
.aug-pro3-wrap .aug-leaf .l3{ left:15px; bottom:20px; transform:rotate(-35deg); }
.aug-pro3-wrap .aug-leaf .stem{ left:28px; bottom:0; width:2px; height:60px; background:rgba(11,153,67,.45); transform:rotate(35deg); border-radius:4px; }
.aug-pro3-wrap .aug-card-dots{ position:absolute; left:22px; bottom:30px; width:90px; height:66px; opacity:.55; background-image:radial-gradient(rgba(11,153,67,.52) 1.7px, transparent 1.7px); background-size:12px 12px; }
.aug-pro3-wrap .aug-hatch{ position:absolute; left:30px; bottom:24px; width:108px; height:80px; opacity:.36; background:repeating-linear-gradient(135deg,rgba(11,153,67,.32) 0 1px,transparent 1px 8px); border-radius:50%; }
.aug-pro3-wrap .aug-copy{ position:relative; z-index:3; }
.aug-pro3-wrap .aug-title{ margin:0; font-family:var(--fc-font-heading,Georgia,serif); font-size:clamp(1.4rem,1.55vw,1.75rem); line-height:1.1; font-weight:800; color:#0b8f3f; letter-spacing:-.35px; }
.aug-pro3-wrap .aug-line{ width:38px; height:3px; border-radius:8px; background:var(--fc-primary,#0b9943); margin:18px 0; }
.aug-pro3-wrap .aug-text{ margin:0; max-width:none; color:#121826; font-size:1rem; line-height:1.62; font-weight:400; }

@container (max-width:1040px){
	.aug-pro3-wrap .aug-pro3-panel{ grid-template-columns:1fr; max-width:780px; }
	.aug-pro3-wrap .aug-card{ grid-template-columns:170px 1fr; min-height:auto; }
}
@container (max-width:560px){
	.aug-pro3-wrap{ padding:22px 12px; }
	.aug-pro3-wrap .aug-pro3-panel{ padding:12px; border-radius:22px; gap:12px; }
	.aug-pro3-wrap .aug-card{ grid-template-columns:1fr; padding:70px 22px 28px; }
	.aug-pro3-wrap .aug-visual{ margin:0 auto 16px; }
	.aug-pro3-wrap .aug-card::before,.aug-pro3-wrap .aug-leaf,.aug-pro3-wrap .aug-card-dots,.aug-pro3-wrap .aug-hatch{ display:none; }
}
/* Repli sans @container */
@supports not (container-type:inline-size){
	@media(max-width:1040px){
		.aug-pro3-wrap .aug-pro3-panel{ grid-template-columns:1fr; max-width:780px; }
		.aug-pro3-wrap .aug-card{ grid-template-columns:170px 1fr; min-height:auto; }
	}
	@media(max-width:560px){
		.aug-pro3-wrap .aug-card{ grid-template-columns:1fr; padding:70px 22px 28px; }
		.aug-pro3-wrap .aug-visual{ margin:0 auto 16px; }
	}
}