/* Extrait du rendu de [plz_ecoconception] (bloc <style> embarqué dans inc/ecoconception.php).
 * Copie conforme, aucune règle modifiée. Chargée pour la page de test Bricks de « ecoconception ».
 * Le renderer d'origine reste intact : ce fichier ne le remplace pas.
 */
.plz-eco{max-width:1180px;margin:0 auto;padding:70px 24px 90px;color:#101820}
.plz-eco *{box-sizing:border-box}
.plz-eco-kicker{color:#b6312b;text-transform:uppercase;letter-spacing:.25em;font-size:11px;font-weight:800;margin:0 0 18px}
.plz-eco h1{font-size:clamp(42px,6vw,74px);line-height:1;letter-spacing:-.04em;margin:0 0 24px;font-weight:800}
.plz-eco h1 em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#b6312b}
.plz-eco h2{font-size:clamp(30px,4vw,46px);line-height:1.1;margin:0 0 18px;font-weight:800}
.plz-eco h3{font-size:22px;margin:0 0 10px;font-weight:800}
.plz-eco p,.plz-eco li{font-size:16px;line-height:1.75;color:rgba(16,24,32,.68)}
.plz-eco-lead{font-size:20px;line-height:1.7;max-width:930px}
.plz-eco-hero{padding:70px 50px;background:#f7f5f1;border:1px solid rgba(16,24,32,.12);border-radius:28px;margin-bottom:70px;position:relative;overflow:hidden}
.plz-eco-hero:after{content:"";position:absolute;right:-130px;top:-130px;width:300px;height:300px;border-radius:50%;background:#b6312b;opacity:.08}
.plz-eco-section{margin-bottom:76px}
.plz-eco-section--cream{background:#f7f5f1;border:1px solid rgba(16,24,32,.12);border-radius:24px;padding:45px}
.plz-eco-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:30px}
.plz-eco-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.plz-eco-card{background:#fff;border:1px solid rgba(16,24,32,.12);border-radius:20px;padding:28px;box-shadow:0 18px 45px rgba(16,24,32,.06)}
.plz-eco-icon{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#b6312b,#f05d3f);display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:0 14px 30px rgba(182,49,43,.22)}
.plz-eco-icon svg{width:30px;height:30px}
.plz-eco-btn{display:inline-flex;padding:15px 22px;border-radius:10px;font-weight:800;text-decoration:none;margin:14px 10px 0 0}
.plz-eco-btn--solid{background:#b6312b;color:#fff}
.plz-eco-btn--ghost{border:1px solid rgba(16,24,32,.12);color:#101820;background:#fff}
.plz-eco-feature{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:70px}
.plz-eco-visual{min-height:330px;background:#f7f5f1;border:1px solid rgba(16,24,32,.12);border-radius:26px;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 55px rgba(16,24,32,.08);overflow:hidden}
.plz-eco-cycle{width:230px;height:230px;border-radius:50%;border:22px solid rgba(182,49,43,.18);position:relative}
.plz-eco-cycle:before{content:"";position:absolute;inset:20px;border-radius:50%;border:18px solid #b6312b;border-right-color:transparent;transform:rotate(-35deg)}
.plz-eco-cycle:after{content:"";position:absolute;right:5px;top:36px;width:0;height:0;border-left:28px solid #b6312b;border-top:18px solid transparent;border-bottom:18px solid transparent;transform:rotate(18deg)}
.plz-eco-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}
.plz-eco-metric{background:#101820;color:#fff;border-radius:20px;padding:28px}
.plz-eco-metric strong{display:block;color:#fff;font-size:28px;line-height:1.1;margin-bottom:8px}
.plz-eco-metric span{color:rgba(255,255,255,.72);font-size:15px;line-height:1.6}
.plz-eco-cta{background:#101820;border-radius:28px;padding:55px;color:#fff}
.plz-eco-cta h2,.plz-eco-cta p{color:#fff}
.plz-eco-cta p{color:rgba(255,255,255,.74)}
@media(max-width:1000px){.plz-eco-grid,.plz-eco-grid--4,.plz-eco-feature,.plz-eco-metrics{grid-template-columns:1fr}.plz-eco-hero,.plz-eco-section--cream,.plz-eco-cta{padding:30px}.plz-eco{padding-top:38px}}

/* FAQ — reprise stricte du motif maison .plz-exp__faq (conception.css,
 * logistique-industrielle.css, etc.). Seul le préfixe de classe change ;
 * les jetons --ln / --nv / --rd sont remplacés par les littéraux déjà
 * employés dans cette feuille. Aucune valeur nouvelle. */
.plz-eco-faq{margin-top:26px;border-top:1px solid rgba(16,24,32,.12)}
.plz-eco-faq details{border-bottom:1px solid rgba(16,24,32,.12)}
.plz-eco-faq summary{cursor:pointer;list-style:none;padding:20px 34px 20px 4px;font-size:17px;
	font-weight:700;color:#101820;position:relative}
.plz-eco-faq summary::-webkit-details-marker{display:none}
.plz-eco-faq summary::after{content:"+";position:absolute;right:6px;top:16px;color:#b6312b;
	font-size:24px;font-weight:400;line-height:1}
.plz-eco-faq details[open] summary::after{content:"\2013"}
.plz-eco-faq .plz-eco-ans{padding:0 4px 22px;max-width:80ch}

/* Survol des cartes — reprise stricte de .plz-card / .plz-card:hover
 * (plz-foundations.css, section 5.6). Mêmes jetons, mêmes durées,
 * mêmes valeurs. Aucun effet nouveau, aucune animation d'entrée. */
.plz-eco-card{transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease,background .25s ease}
.plz-eco-card:hover{border-color:var(--plz-navy);transform:translateY(-3px);box-shadow:var(--plz-shadow-2)}
@media(prefers-reduced-motion:reduce){
	.plz-eco-card{transition:none}
	.plz-eco-card:hover{transform:none}
}