/* =========================================================
   VARIABLES DU THÈME (style Palmetto)
========================================================= */

:root{
  --pal-bg:#fbfbf7;
  --pal-bg2:#fbfbf7;
  --pal-dark:#1c2623;
  --pal-bleu:#2120bc;
  --pal-bleu-d:#17169a;
  --pal-orange:#2120bc;
  --pal-orange-d:#d9411f;
  --pal-orange-l:#ffffff;
  --pal-sand:#f1f0e8;
  --pal-sand2:#dff4ae;
  --pal-line:#e6e5db;
  --pal-text:#1c2623;
  --pal-muted:#4d5a55;

  /* Variables qui manquaient dans l'original */
  --sage:#dff4ae;
  --lime:#04894b;
  --pal-ease:cubic-bezier(.22,1,.36,1);
}

.ed-hero,.ed-why,.ed-steps,.ed-banner-wrap,.ed-faq,.ed-breadcrumb-wrap{
  color:var(--pal-text);
  -webkit-font-smoothing:antialiased;
}
.ed-hero *,.ed-why *,.ed-steps *,.ed-banner-wrap *,.ed-faq *,.ed-breadcrumb-wrap *{box-sizing:border-box;}


.ed-hero .container_nav,
.ed-breadcrumb-wrap.container_nav{
  width:100%;max-width:1240px;margin-left:auto;margin-right:auto;
  padding-left:20px;padding-right:20px;
}

/* =========================================================
   BOUTONS
========================================================= */

.ed-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 26px;border-radius:16px;
  font-size:1rem;
  line-height:1.1;
  text-decoration:none;border:none;cursor:pointer;
  transition:transform .35s var(--pal-ease), background .25s, color .25s;
}
.ed-btn i{font-size:.85em;transition:transform .35s var(--pal-ease);}
.ed-btn:hover i{transform:translateX(4px);}
.ed-btn:focus-visible,
.ed-faq-q:focus-visible{outline:3px solid var(--pal-dark);outline-offset:3px;}

.ed-btn-primary,
.ed-btn-amber,
.ed-btn-dark{background:var(--pal-orange);color:#fff;}
.ed-btn-primary:hover,
.ed-btn-amber:hover,
.ed-btn-dark:hover{background:var(--pal-orange);color:#fff;transform:translateY(-3px);}

.ed-btn-ghost{background:var(--pal-sand);color:var(--pal-dark);}
.ed-btn-ghost:hover{background:var(--pal-dark);color:#fff;transform:translateY(-3px);}

.ed-btn-sm{padding:13px 22px;font-size:.92rem;}

/* =========================================================
   BREADCRUMB
========================================================= */

.ed-breadcrumb-wrap{margin-top:20px;padding-bottom:4px;background:var(--pal-bg);}
.ed-breadcrumb{
  display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;
  background:var(--pal-sand);
  padding:9px 18px;border-radius:999px;
  font-size:.85rem;color:var(--pal-muted);
}
.ed-breadcrumb a{color:var(--pal-muted);text-decoration:none;font-weight:500;transition:color .2s;}
.ed-breadcrumb a:hover{color:var(--pal-orange);}
.ed-breadcrumb i{font-size:.6rem;color:#9aa5a0;}
.ed-breadcrumb strong{color:var(--pal-dark);font-weight:700;}

/* =========================================================
   TITRES COMMUNS
========================================================= */

.ed-title{
  font-size:clamp(2.2rem,5vw,4.2rem);font-weight:800;font-stretch:88%;
  color:var(--pal-dark);
  line-height:.98;margin:0 0 20px;
}
.ed-title em{font-style:normal;color:inherit;}
.ed-title-light{color:var(--pal-dark);}
.ed-lead{font-size:1.1rem;color:var(--pal-muted);line-height:1.65;max-width:640px;margin:0;}
.ed-lead-light{color:var(--pal-muted);}
.ed-section-head{margin-bottom:64px;text-align:center;}
.ed-section-head .ed-title{max-width:14em;margin-left:auto;margin-right:auto;}
.ed-section-head .ed-lead{margin-left:auto;margin-right:auto;}

/* =========================================================
   HERO — titre centré, grande image arrondie, bouton chevauchant
========================================================= */

.ed-hero{
  position:relative;
  padding:30px 0 80px;
  background:var(--pal-bg);
  overflow:hidden;
}
.ed-hero::before,
.ed-blob,
.ed-blob-1,
.ed-blob-2,
.ed-hero-ring,
.ed-hero-visual::before{display:none;}

.ed-hero-grid{
  display:grid;grid-template-columns:1fr;gap:0;
  position:relative;z-index:2;
}
.ed-hero-content{text-align:center;padding-top:36px;}

.ed-hero h1{
  font-size:clamp(2.8rem,7.6vw,6.4rem);font-weight:800;font-stretch:86%;
  line-height:.94
  color:var(--pal-dark);
  max-width:11em;margin:0 auto 34px;
}
.ed-hl{color:inherit;position:relative;}
.ed-hl::after{display:none;}

.ed-hero-text{
  font-size:1.02rem;color:var(--pal-text);line-height:1.65;
  max-width:540px;margin:0 auto 14px;
}
.ed-hero-text strong{font-weight:700;color:var(--pal-dark);}

.ed-hero-actions{
  display:flex;gap:12px;flex-wrap:wrap;justify-content:center;
  margin:30px 0 -27px;position:relative;z-index:6;
}

.ed-hero-visual{display:block;position:relative;}
.ed-hero-img{
  display:block;width:100%;max-width:none;
  height:clamp(320px,50vw,640px);object-fit:cover;
  border-radius:clamp(28px,4vw,52px);
  border:0;box-shadow:none;
  position:relative;z-index:2;
}

/* =========================================================
   SECTION AVANTAGES
========================================================= */

.ed-why{padding:70px 0 110px;background:var(--pal-bg);overflow:hidden;}
.ed-why .container{position:relative;}

.ed-why-row{
  display:grid;grid-template-columns:1fr 1fr;gap:80px;
  align-items:center;margin-bottom:110px;
}
.ed-why-row:last-child{margin-bottom:0;}
.ed-reverse .ed-why-media{order:2;}
.ed-reverse .ed-why-body{order:1;}

.ed-why-media{position:relative;}
.ed-frame{display:none;}
.ed-why-media img{
  display:block;width:100%;height:480px;object-fit:cover;
  border-radius:44px;box-shadow:none;
}

.ed-why-body h3{
  font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;font-stretch:88%;
  color:var(--pal-dark);
  margin:0 0 28px;line-height:1;
}
.ed-why-body > p{color:var(--pal-muted);line-height:1.7;font-size:1.02rem;margin:0 0 18px;}
.ed-why-body > p strong{color:var(--pal-dark);font-weight:700;}

/* Avantages */
.ed-features{display:flex;flex-direction:column;gap:9px;}
.ed-feature{display:flex;gap:16px;align-items:flex-start;}
.ed-feature-icon{
  width:44px;height:44px;flex-shrink:0;border-radius:50%;
  background:rgba(4,137,75,.1);color:var(--pal-orange);
  align-items:center;justify-content:center;font-size:1rem;
  transition:background .3s, color .3s, transform .4s var(--pal-ease);display:none;
} 
.ed-feature:hover .ed-feature-icon{background:var(--pal-orange);color:#fff;transform:rotate(-8deg);}
.ed-feature p{margin:0;color:var(--pal-text);line-height:1.6;font-size:1rem;padding-top:2px;}
.ed-feature strong{
  font-size:1.05rem;
  color:var(--pal-dark);
}

/* Liste à coches */
.ed-checklist{
  list-style:none;margin:0 0 24px;padding:0;
  display:grid;grid-template-columns:repeat(2,1fr);gap:12px;
}
.ed-checklist li{
  position:relative;
  background:var(--pal-sand);border-radius:20px;
  padding:16px 16px 16px 54px;
  font-size:.95rem;font-weight:500;color:var(--pal-dark);line-height:1.45;
}
.ed-checklist li::before{
  content:'\f00c';
  font-family:'Font Awesome 6 Free';font-weight:900;
  position:absolute;left:16px;top:50%;transform:translateY(-50%);
  width:26px;height:26px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--pal-orange);color:#fff;font-size:.68rem;
}

/* Encadré conseil */
.ed-note{
  display:flex;align-items:flex-start;gap:14px;
  background:var(--pal-dark);
  border-radius:24px;padding:20px 22px;
  color:#e9efec;font-size:.98rem;font-weight:500;line-height:1.6;margin-top:10px;
}
.ed-note i{
  flex-shrink:0;width:38px;height:38px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--pal-orange);color:#fff;font-size:.9rem;
}

/* =========================================================
   SECTION ÉTAPES — panneau sable arrondi, cartes blanches
========================================================= */

.ed-steps{
  position:relative;
  margin:0 clamp(8px,1.6vw,24px);
  border-radius:clamp(28px,4vw,56px);
  background:var(--sage);
  padding:100px 0;overflow:hidden;
}
.ed-steps::before{display:none;}
.ed-steps-glow{display:none;}
.ed-steps .container{position:relative;z-index:2;}
.ed-steps-head{text-align:center;margin-bottom:60px;}
.ed-steps-head .ed-title{max-width:12em;margin-left:auto;margin-right:auto;}
.ed-steps-head .ed-lead{margin:0 auto;}

.ed-steps-grid{
  display:flex;flex-wrap:wrap;justify-content:center;
  gap:16px;margin-bottom:52px;
}

.ed-step{
  flex:0 1 calc((100% - 48px) / 4);   /* 4 cartes par ligne */
  position:relative;
  text-align:center;
  padding:28px 22px 30px;
  border-radius:32px;
  background:var(--pal-bg);
  transition:transform .45s var(--pal-ease);
}
.ed-step:hover{transform:translateY(-6px);}

.ed-step-num{
  width:46px;height:46px;border-radius:50%;
  background:var(--pal-orange);color:#fff;
  font-weight:800;font-size:1.2rem;
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 56px;                 /* auto = numéro centré */
}
.ed-step h3{
  color:var(--pal-dark);font-size:1.3rem;font-weight:800;font-stretch:90%;
  margin:0 0 10px;
}
.ed-step p{color:var(--pal-muted);font-size:.95rem;line-height:1.6;margin:0;}
.ed-steps-cta{text-align:center;}

/* =========================================================
   BANNIÈRE CTA — cadre sombre + carte claire
========================================================= */

.ed-banner-wrap{
  margin:100px clamp(8px,1.6vw,24px) 0;
  padding:clamp(18px,3vw,40px) 0;
  background:var(--pal-dark);
  border-radius:clamp(28px,4vw,56px);
}
.ed-banner{
  position:relative;overflow:hidden;
  background:var(--pal-bg);
  border-radius:clamp(24px,3vw,40px);padding:clamp(32px,5vw,64px);
  display:flex;align-items:center;justify-content:space-between;gap:40px;
}
.ed-banner-circle{position:absolute;border-radius:50%;pointer-events:none;}
.ed-banner-circle.c1{width:280px;height:280px;top:-150px;right:-60px;background:var(--pal-orange-l);}
.ed-banner-circle.c2{width:140px;height:140px;bottom:-70px;right:28%;background:var(--pal-sand);}
.ed-banner-content{position:relative;z-index:2;max-width:640px;}
.ed-banner h2{
  font-size:clamp(2rem,4vw,3.2rem);font-weight:800;font-stretch:88%;color:var(--pal-dark);
  margin:0 0 16px;line-height:.98;
}
.ed-banner p{color:var(--pal-text);font-size:1.08rem;line-height:1.65;margin:0;}
.ed-banner .ed-btn{position:relative;z-index:2;flex-shrink:0;}

/* =========================================================
   FAQ
========================================================= */

.ed-faq{padding:110px 0 120px;background:var(--pal-bg);}
.ed-faq-grid{
  display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:start;
}
.ed-faq-head{position:sticky;top:100px;}

.ed-faq-item{
  background:var(--pal-sand);border-radius:28px;
  margin-bottom:12px;overflow:hidden;
  transition:background .3s;
}
.ed-faq-item.active{background:#fff;box-shadow:inset 0 0 0 2px var(--pal-dark);}

.ed-faq-q{
  width:100%;display:flex;justify-content:space-between;align-items:center;gap:18px;
  background:none;border:none;cursor:pointer;text-align:left;
  padding:24px 26px;font-family:'Bricolage Grotesque',sans-serif;
  font-size:1.15rem;font-weight:700;color:var(--pal-dark);line-height:1.3;
}
.ed-faq-icon{
  width:38px;height:38px;flex-shrink:0;border-radius:50%;
  background:var(--pal-bg);color:var(--pal-dark);
  display:flex;align-items:center;justify-content:center;font-size:.8rem;
  transition:transform .45s var(--pal-ease), background .3s, color .3s;
}
.ed-faq-item.active .ed-faq-icon{background:var(--pal-orange);color:#fff;transform:rotate(180deg);}

.ed-faq-a{max-height:0;overflow:hidden;transition:max-height .5s var(--pal-ease);}
.ed-faq-a p{margin:0;padding:0 26px 26px;font-size:1rem;color:var(--pal-muted);line-height:1.7;}
.ed-faq-item.active .ed-faq-a{max-height:400px;}

/* =========================================================
   ANIMATION AU SCROLL
========================================================= */

.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--pal-ease), transform .8s var(--pal-ease);}
.reveal.visible{opacity:1;transform:none;}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  .reveal{opacity:1;transform:none;transition:none;}
}






.ed-advice{
  padding:100px 0 110px;
  background:var(--pal-bg);
  color:var(--pal-text);
}
.ed-advice *{box-sizing:border-box;}

.ed-advice-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:40px;
}

.ed-advice-card{
  display:flex;flex-direction:column;
}

/* Image */
.ed-advice-thumb{
  position:relative;overflow:hidden;
  aspect-ratio:4 / 3.4;
  border-radius:36px;
  background:var(--pal-sand);
  margin-bottom:22px;
}
.ed-advice-thumb img{
  display:block;width:100%;height:100%;object-fit:cover;
  transition:transform .9s var(--pal-ease);
}
.ed-advice-card:hover .ed-advice-thumb img{transform:scale(1.06);}

/* Étiquette */
.ed-advice-tag{
  position:absolute;top:16px;left:16px;z-index:2;
  background:var(--pal-orange);color:#fff;
  padding:7px 14px;border-radius:999px;
  font-size:.78rem;font-weight:700;line-height:1;
}

/* Texte */
.ed-advice-body{display:flex;flex-direction:column;flex:1;padding:0 6px;}
.ed-advice-body h3{
  font-size:1.35rem;font-weight:800;line-height:1.15;
  color:var(--pal-dark);margin:0 0 10px;
  transition:color .3s;
}
.ed-advice-card:hover .ed-advice-body h3{color:var(--pal-orange);}
.ed-advice-body p{
  font-size:1rem;line-height:1.6;color:var(--pal-muted);
  margin:0 0 18px;
}

/* Auteur */
.ed-advice-author{
  margin-top:auto;
  display:inline-flex;align-items:center;gap:8px;
  font-size:.86rem;font-weight:600;color:var(--pal-muted);
}
.ed-advice-author i{color:var(--pal-orange);font-size:1rem;}


.ed-why-body h4{
  font-size:1.15rem !important;
  font-weight:800 !important;
  line-height:1.2;
  letter-spacing:-.02em;
  color:var(--pal-dark) !important;
  margin:0 0 6px !important;
}

/* Paragraphes qui suivent un h4 */
.ed-why-body h4 + p{
  font-size:.97rem !important;
  line-height:1.65;
  color:var(--pal-muted) !important;
}

/* ---------------------------------------------------------
   Pastilles : Garage / Sous-sol / Vide sanitaire / Local technique
--------------------------------------------------------- */
.ed-subspace-list{
  display:flex;flex-wrap:wrap;gap:10px;
  margin:4px 0 0;
}
.ed-subspace-item{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--pal-sand);
  color:var(--pal-dark);
  padding:11px 18px 11px 12px;
  border-radius:999px;
  font-size:.92rem;font-weight:600;line-height:1;
  transition:background .3s, color .3s, transform .4s var(--pal-ease);
}
.ed-subspace-item i{
  width:30px;height:30px;flex-shrink:0;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--pal-orange-l);color:var(--pal-orange);
  font-size:.8rem;
  transition:background .3s, color .3s;
}
.ed-subspace-item:hover{
  background:var(--pal-dark);color:#fff;transform:translateY(-3px);
}
.ed-subspace-item:hover i{background:var(--pal-orange);color:#fff;}

/* ---------------------------------------------------------
   Grille des critères analysés
--------------------------------------------------------- */
.ed-criteria-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:10px;
  margin-top:10px;
}
.ed-criteria-item{
  display:flex;align-items:center;gap:12px;
  background:var(--pal-sand);
  border-radius:18px;
  padding:14px 16px;
  font-size:.92rem;font-weight:500;line-height:1.35;
  color:var(--pal-dark);
  transition:transform .4s var(--pal-ease), background .3s, box-shadow .3s;
}
.ed-criteria-item i{
  width:24px;height:24px;flex-shrink:0;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--pal-orange);color:#fff;
  font-size:.62rem;
}
.ed-criteria-item:hover{
  background:#fff;
  box-shadow:inset 0 0 0 2px var(--pal-dark);
  transform:translateY(-3px);
}
.ed-solutions-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:16px;
  margin:20px 0;
}

.ed-solution-card{
  position:relative;
  background:var(--pal-sand);
  border-radius:28px;
  padding:26px 24px 28px;
  transition:transform .45s var(--pal-ease), background .3s, box-shadow .3s;
}
.ed-solution-card:hover{
  background:#fff;
  box-shadow:inset 0 0 0 2px var(--pal-dark);
  transform:translateY(-6px);
}

/* Titre + icône (les !important passent devant la règle .ed-why-body h4 si le bloc y est imbriqué) */
.ed-solution-card h4{
  display:flex;align-items:center;gap:14px;
  font-size:1.15rem !important;
  font-weight:800 !important;
  line-height:1.2;
  letter-spacing:-.02em;
  color:var(--pal-dark) !important;
  margin:0 0 14px !important;
}
.ed-solution-card h4 i{
  width:46px;height:46px;flex-shrink:0;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--pal-orange);color:#fff;
  font-size:1.05rem;
  transition:transform .45s var(--pal-ease);
}
.ed-solution-card:hover h4 i{transform:rotate(-10deg) scale(1.08);}

.ed-solution-card p{
  margin:0 !important;
  font-size:.97rem !important;
  line-height:1.65;
  color:var(--pal-muted) !important;
}


.ed-check-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:10px;
  margin:20px 0;
}

.ed-check-item{
  display:flex;align-items:center;gap:12px;
  background:var(--pal-sand);
  border-radius:18px;
  padding:14px 16px;
  font-size:.93rem;font-weight:500;line-height:1.35;
  color:var(--pal-dark);
  transition:transform .4s var(--pal-ease), background .3s, box-shadow .3s;
}
.ed-check-item i{
  width:24px;height:24px;flex-shrink:0;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--pal-orange);color:#fff;
  font-size:.62rem;
  transition:transform .4s var(--pal-ease);
}
.ed-check-item:hover{
  background:#fff;
  box-shadow:inset 0 0 0 2px var(--pal-dark);
  transform:translateY(-3px);
}
.ed-check-item:hover i{transform:scale(1.15) rotate(-8deg);}


.ed-tips{
  padding:100px 0 110px;
  background:var(--pal-bg);
  color:var(--pal-text);
}
.ed-tips *{box-sizing:border-box;}

.ed-usage-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:20px;
  max-width:980px;margin:0 auto;
}

.ed-usage-card{
  position:relative;
  background:var(--pal-sand);
  border-radius:36px;
  padding:44px 36px 40px;
  transition:transform .45s var(--pal-ease), background .3s, box-shadow .3s;
}
.ed-usage-card:hover{
  background:#fff;
  box-shadow:inset 0 0 0 2px var(--pal-dark);
  transform:translateY(-6px);
}

.ed-usage-icon{
  width:64px;height:64px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--pal-orange);color:#fff;
  font-size:1.5rem;
  margin-bottom:56px;
  transition:transform .5s var(--pal-ease);
}
.ed-usage-card:hover .ed-usage-icon{transform:rotate(-10deg) scale(1.08);}

.ed-usage-card h3{
  font-size:clamp(1.5rem,2.4vw,1.9rem);font-weight:800;
  line-height:1.05;
  color:var(--pal-dark);
  margin:0 0 14px;
}
.ed-usage-card p{
  margin:0;
  font-size:1rem;line-height:1.7;
  color:var(--pal-muted);
}




/* =========================================================
   SECTION TOITURE & BARDAGE
========================================================= */
.ed-postes{
  background:#cbd5d0;
  padding:96px 0;
}

/* en-tête centré (surcharge la grille 2 colonnes) */
.ed-postes .ed-section-head{
  display:block;
  text-align:center;
  max-width:720px;
  margin:0 auto 56px;
}
.ed-postes .ed-lead{
  margin:18px auto 0;
}

/* grille à filets : les cartes sont jointes, sans espace */
.ed-postes-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
}

.ed-poste-card{
  position:relative;
  background:#fff;
  padding:36px 28px 40px;
  transition:background .25s;
    border:4px solid #cbd5d0;

}
/* trait orange qui apparaît au survol */
.ed-poste-card::before{
  content:'';
  position:absolute;top:0;left:0;
  width:100%;height:3px;
  background:var(--sun);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .3s ease;
}
.ed-poste-card:hover{background:var(--paper);}
.ed-poste-card:hover::before{transform:scaleX(1);}

.ed-poste-icon{
  width:52px;height:52px;
  display:flex;align-items:center;justify-content:center;
  background:var(--accent-soft);
  color:var(--accent);
  border-radius:var(--radius-sm);
  font-size:1.15rem;
  margin-bottom:28px;
  transition:background .25s,color .25s;
}
.ed-poste-card:hover{
border:4px solid #ffffff;
}
.ed-poste-card:hover .ed-poste-icon{
  background:var(--accent);
  color:#fff;

}

.ed-poste-card h3{
  font-size:1.12rem;
  font-weight:700;
  line-height:1.3;
  color:var(--ink);
  margin:0 0 12px;
}
.ed-poste-card p{
  font-size:.94rem;
  line-height:1.65;
  color:var(--ink-2);
  margin:0;
}




/* =========================================================
   SECTION RÉNOVATION GLOBALE (tags)
========================================================= */
.ed-solutions{
  background:var(--paper);
  padding:96px 0;
}
.ed-solutions .ed-section-head{
  margin-bottom:48px;
}

.ed-solutions-tags{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  padding-top:40px;
  border-top:1px solid #d3dbd7;
}

.ed-tag{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:0 20px 0 16px;
  background:#fff;
  border:1px solid #d3dbd7;
  border-radius:var(--radius-sm);
  font-size:.95rem;
  font-weight:500;
  color:var(--ink);
  line-height:1.3;
  transition:background .2s,border-color .2s,color .2s;
}
.ed-tag i{
  width:20px;height:20px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:var(--accent-soft);
  color:var(--accent);
  border-radius:50%;
  font-size:.62rem;
  transition:background .2s,color .2s;
}
.ed-tag:hover{
  background:var(--ink);
  border-color:var(--ink);
  color:#fff;
}
.ed-tag:hover i{
  background:var(--sun);
  color:#fff;
}

/* tablette */
@media (max-width:992px){
  .ed-solutions{padding:72px 0;}
  .ed-solutions .ed-section-head{margin-bottom:32px;}
  .ed-solutions-tags{padding-top:32px;}
}
/* mobile */
@media (max-width:576px){
  .ed-solutions-tags{gap:10px;}
  .ed-tag{
    width:100%;
    font-size:.92rem;
    padding:12px 16px;
  }
}




/* =========================================================
   SECTION POURQUOI UNE RÉNOVATION GLOBALE
========================================================= */
.ed-diag{
  background:#fff;
  padding:96px 0;
}

/* en-tête centré (surcharge la grille 2 colonnes) */
.ed-diag .ed-section-head{
  display:block;
  text-align:center;
  max-width:720px;
  margin:0 auto 56px;
}
.ed-diag .ed-lead{
  margin:18px auto 0;
}

.ed-diag-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}

.ed-diag-card{
  position:relative;
  background:var(--paper);
  border:1px solid transparent;
  border-radius:var(--radius);
  padding:32px 28px 34px;
  transition:background .25s,border-color .25s;
}
.ed-diag-card:hover{
  background:#fff;
  border-color:var(--accent);
}

/* titre : icône à gauche, texte à droite */
.ed-diag-card h3{
  display:flex;
  align-items:center;
  gap:14px;
  font-size:1.1rem;
  font-weight:700;
  line-height:1.3;
  color:var(--ink);
  margin:0 0 16px;
}
.ed-diag-card h3 i{
  width:44px;height:44px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:#fff;
  border:1px solid #d3dbd7;
  border-radius:var(--radius-sm);
  color:var(--accent);
  font-size:1rem;
  transition:background .25s,border-color .25s,color .25s;
}
.ed-diag-card:hover h3 i{
  background:var(--accent);
  border-color:var(--accent);
  color:#fff;
}

.ed-diag-card p{
  margin:0;
  font-size:.95rem;
  line-height:1.7;
  color:var(--ink-2);
}

/* tablette */
@media (max-width:992px){
  	.ed-title{font-size:23px;}

.ed-diag{padding:2px 0;}
  .ed-diag .ed-section-head{margin-bottom:40px;}
  .ed-diag-grid{grid-template-columns:repeat(2,1fr);gap:20px;}
}
/* mobile */
@media (max-width:576px){
  .ed-diag-grid{grid-template-columns:1fr;}
  .ed-diag-card{padding:26px 22px 28px;}
}





/* =========================================================
   SECTION ÉTUDE PRÉCISE DES BESOINS
========================================================= */
.ed-besoins{
  background:var(--paper);
  padding:96px 0;
}

/* en-tête centré (surcharge la grille 2 colonnes) */
.ed-besoins .ed-section-head{
  display:block;
  text-align:center;
  max-width:720px;
  margin:0 auto 56px;
}
.ed-besoins .ed-lead{
  margin:18px auto 0;
}

/* liste sur 2 colonnes, séparée par des filets */
.ed-checklist-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  column-gap:64px;
  max-width:1000px;
  margin:0 auto;
  border-top:1px solid #d3dbd7;
}

.ed-checklist-item{
  display:flex;
  align-items:center;
  gap:18px;
  padding:20px 0;
  border-bottom:1px solid #d3dbd7;
  font-size:1rem;
  font-weight:500;
  line-height:1.4;
  color:var(--ink);
}
/* le filet du haut de la 2e colonne */
.ed-checklist-item:nth-child(2){
  border-top:1px solid #d3dbd7;
  margin-top:-1px;
}

.ed-checklist-item i{
  width:44px;height:44px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:#fff;
  border:1px solid #d3dbd7;
  border-radius:var(--radius-sm);
  color:var(--accent);
  font-size:1rem;
  transition:background .2s,border-color .2s,color .2s;
}
.ed-checklist-item:hover i{
  background:var(--accent);
  border-color:var(--accent);
  color:#fff;
}

/* tablette */
@media (max-width:992px){
  .ed-besoins{padding:72px 0;}
  .ed-besoins .ed-section-head{margin-bottom:40px;}
  .ed-checklist-grid{column-gap:32px;}
}
/* mobile */
@media (max-width:640px){
  .ed-checklist-grid{grid-template-columns:1fr;}
  .ed-checklist-item:nth-child(2){border-top:none;margin-top:0;}
  .ed-checklist-item{padding:16px 0;font-size:.96rem;}
}
/* tablette */
@media (max-width:992px){
  .ed-postes{padding:72px 0;}
  .ed-postes .ed-section-head{margin-bottom:40px;}
  .ed-postes-grid{grid-template-columns:repeat(2,1fr);}
}
/* mobile */
@media (max-width:576px){
  .ed-postes-grid{grid-template-columns:1fr;}
  .ed-poste-card{padding:28px 22px 32px;}
}
/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1200px){
  .ed-steps-grid{grid-template-columns:repeat(3,1fr);}
  .ed-why-row{gap:56px;}
}

@media (max-width: 992px){

  .ed-why{padding:50px 0 80px;}
  .ed-why-row{grid-template-columns:1fr;gap:40px;margin-bottom:80px;}
  .ed-reverse .ed-why-media,
  .ed-reverse .ed-why-body{order:initial;}
  .ed-why-media img{height:400px;}

  .ed-faq-grid{grid-template-columns:1fr;gap:36px;}
  .ed-faq-head{position:static;}

  .ed-banner{flex-direction:column;align-items:flex-start;}
   .ed-advice{padding:80px 0;}
  .ed-advice-grid{grid-template-columns:repeat(2,1fr);gap:32px;}
    .ed-tips{padding:80px 0;}

}

@media (max-width: 768px){
  .ed-steps{padding:76px 0;}
  .ed-steps-grid{grid-template-columns:repeat(2,1fr);}
  .ed-step-num{margin-bottom:36px;}
    .ed-solutions-grid{grid-template-columns:1fr;}
  .ed-usage-grid{grid-template-columns:1fr;}
  .ed-usage-icon{margin-bottom:36px;}
}

@media (max-width: 576px){
 .ed-advice-grid{grid-template-columns:1fr;gap:36px;}
  .ed-advice-thumb{border-radius:28px;}
  .ed-hero{padding:16px 0 56px;}
  .ed-hero-content{padding-top:24px;}
  .ed-hero-actions{flex-direction:column;align-items:center;margin-bottom:-27px;}
  .ed-hero-actions .ed-btn{width:min(100%,320px);}
  .ed-hero-actions .ed-btn-ghost{display:none;}

  .ed-steps-grid{grid-template-columns:1fr;}
  .ed-checklist{grid-template-columns:1fr;}
  .ed-banner .ed-btn{width:100%;}
  .ed-banner-wrap{margin-top:70px;}
  .ed-faq{padding:20px;}

  .ed-why-media img{height:300px;border-radius:32px;}
  
    .ed-criteria-grid{grid-template-columns:1fr;}
  .ed-subspace-item{font-size:.88rem;}
    .ed-check-grid{grid-template-columns:1fr;}
	  .ed-usage-card{border-radius:28px;padding:32px 26px;}


}