/* AXE CASH - Consommer autrement. Production du 13 octobre 2026. */
#about.hero-section{z-index:2}
#engagement.eco-commitment{position:relative;z-index:1;margin-top:-62px;padding-top:90px!important;background:#fff;color:#343a40;border-bottom:1px solid #eff0f2}
#engagement > .container{margin-top:3.5rem!important;margin-bottom:3.5rem!important}
#engagement h3{font-weight:800}
#engagement .eco-title-accent{color:#29894c}
#engagement .eco-intro{max-width:780px;margin-left:auto;margin-right:auto;color:#6c757d;line-height:1.7}
#engagement .eco-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:clamp(20px,3vw,45px);margin:43px 0 0}
#engagement .eco-stage{text-align:center;position:relative;min-width:0}
#engagement .eco-stage-icon{display:flex;align-items:center;justify-content:center;width:105px;height:105px;margin:0 auto 17px;border-radius:50%;border:3px solid #e4e9e7;background:#fff;color:#278c51;box-shadow:0 5px 18px rgba(24,90,52,.07)}
#engagement .eco-stage-icon svg{width:68px;height:68px;fill:none;stroke:#278c51;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}
#engagement .eco-stage-icon .eco-icon-fill{fill:#e7f4ea;stroke:#278c51}
#engagement .eco-stage h4{font-size:.99rem;font-weight:800;line-height:1.4;color:#343a40;min-height:2.8em;max-width:260px;margin:0 auto 8px!important}
#engagement .eco-stage h4 sup{font-size:.7em;line-height:0}
#engagement .eco-stage p{color:#6c757d;font-size:.85rem;line-height:1.65;max-width:255px;margin:0 auto}
#engagement .eco-stage:not(:last-child)::after{content:"\2192";position:absolute;top:37px;right:calc(-1 * clamp(25px,2.5vw,41px));font-size:27px;font-weight:600;line-height:1;color:#44a36a}
#engagement .eco-payment-note{max-width:900px;margin:27px auto 0!important;text-align:center;color:#6c757d;font-size:.76rem;line-height:1.6}
#engagement .eco-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,46px);align-items:center;max-width:1020px;margin:42px auto 0}
#engagement .eco-benefit{display:flex;align-items:center;gap:16px;justify-content:center;padding:0;min-width:0;background:none;border:0;box-shadow:none}
#engagement .eco-value-icon{flex:0 0 56px;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#f4faf6;border:2px solid #dcece2;color:#269253}
#engagement .eco-value-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#engagement .eco-benefit strong{font-size:.96rem;font-weight:800;line-height:1.5;color:#343a40}
@media(max-width:991.98px){
  #engagement.eco-commitment{margin-top:-46px;padding-top:78px!important}
  #engagement .eco-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 25px}
  #engagement .eco-stage:nth-child(2)::after{display:none}
  #engagement .eco-stage:not(:last-child)::after{right:-24px}
  #engagement .eco-stage h4{min-height:0}
  #engagement .eco-benefits{gap:12px}
  #engagement .eco-benefit{gap:10px}
  #engagement .eco-benefit strong{font-size:.87rem}
  #engagement .eco-value-icon{width:48px;height:48px;flex-basis:48px}
}
@media(max-width:767.98px){
  #engagement.eco-commitment{margin-top:-35px;padding-top:73px!important}
  #engagement .eco-intro{font-size:.95rem}
  #engagement .eco-benefits{grid-template-columns:1fr;max-width:400px;gap:18px;margin-top:32px}
  #engagement .eco-benefit{justify-content:flex-start}
  #engagement .eco-benefit strong{font-size:.94rem}
}
@media(max-width:575.98px){
  #engagement .eco-stages{gap:25px 16px;margin-top:29px}
  #engagement .eco-stage-icon{width:84px;height:84px;border-width:2.5px;margin-bottom:13px}
  #engagement .eco-stage-icon svg{width:55px;height:55px;stroke-width:2.25}
  #engagement .eco-stage h4{font-size:.85rem;line-height:1.37;margin-bottom:5px!important}
  #engagement .eco-stage p{font-size:.76rem;line-height:1.55}
  #engagement .eco-stage:not(:last-child)::after{top:24px;right:-19px;font-size:21px}
  #engagement .eco-payment-note{font-size:.73rem;margin-top:22px!important}
}
@media(max-width:340px){
  #engagement .eco-stages{gap:23px 10px}
  #engagement .eco-stage h4{font-size:.79rem}
  #engagement .eco-stage p{font-size:.72rem}
}