.elementor-797 .elementor-element.elementor-element-29b506e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-797 .elementor-element.elementor-element-31ae3e5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-797 .elementor-element.elementor-element-01059cb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-797 .elementor-element.elementor-element-35fdd8a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-797 .elementor-element.elementor-element-55ce97b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-797 .elementor-element.elementor-element-c7f69e9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-797 .elementor-element.elementor-element-23eb6b1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS *//* ══════════════════════════════════════════════════════════
   CoEssence — CSS Accompagnements (page single)
   Ne redéfinit PAS : couleurs (--dark,--accent,--gold2,--green,--ecru,--blanc),
   typographies, ni .btn-or/.btn-contour/.btn-marron
   → tout ça vient de ce_couleur_css.php / ce_typo_css.php déjà en place.
   Chaque section porte data-palette="xxx" : --bg/--text sont donc déjà
   résolus par le système central, on les consomme simplement ici.
══════════════════════════════════════════════════════════ */

.eyebrow{
  font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);
  font-weight:600;margin-bottom:14px;display:block;
}

/* ===== HERO ===== */
.acc-hero{background:var(--bg);color:var(--text);padding:60px 40px 90px;}
.acc-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;max-width:1180px;margin:0 auto;}
.acc-badge-cat{display:inline-block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--dark);background:var(--gold2);padding:5px 14px;border-radius:20px;margin-bottom:18px;}
.acc-hero-titre{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;
  font-size:clamp(38px,4.4vw,58px);line-height:1.12;margin-bottom:22px;}
.acc-hero-titre em{font-style:italic;color:var(--accent);}
.acc-hero-intro{font-size:17px;opacity:.78;max-width:46ch;margin-bottom:32px;}
.acc-hero-meta{display:flex;flex-wrap:wrap;gap:26px;margin-bottom:34px;font-size:13px;}
.acc-hero-meta-item{display:flex;flex-direction:column;gap:3px;}
.acc-hero-meta-item .lbl{text-transform:uppercase;letter-spacing:.08em;font-size:10.5px;color:var(--accent);font-weight:600;}
.acc-hero-meta-item .val{font-weight:500;}
.acc-hero-cta-group{display:flex;gap:14px;flex-wrap:wrap;}
.acc-hero-right{border-radius:4px;overflow:hidden;height:460px;background:var(--gold2);}
.acc-hero-right img{width:100%;height:100%;object-fit:cover;display:block;}

/* ===== ESSENCE ===== */
.acc-sec-white{background:var(--bg);color:var(--text);padding:100px 40px;}
.acc-sec-white-inner{max-width:900px;margin:0 auto;text-align:center;}
.acc-sec-white-inner h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;
  font-size:clamp(28px,3vw,38px);margin-bottom:24px;}
.acc-sec-white-inner h2 em{font-style:italic;color:var(--accent);}
.acc-sec-white-inner p{font-size:16px;opacity:.78;max-width:64ch;margin:0 auto;}

.acc-piliers{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;max-width:1080px;margin:60px auto 0;}
.acc-pilier{padding:34px 28px;background:var(--ecru);border-radius:4px;text-align:left;}
.acc-pilier .num{font-family:'Cormorant Garamond',Georgia,serif;font-size:34px;color:var(--accent);margin-bottom:14px;display:block;}
.acc-pilier h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:20px;margin-bottom:10px;color:var(--dark);}
.acc-pilier p{font-size:14.5px;color:rgba(26,20,8,.7);}

/* ===== DEROULE ===== */
.acc-sec-dark{background:var(--bg);color:var(--text);padding:100px 40px;}
.acc-sec-dark-inner{max-width:1180px;margin:0 auto;}
.acc-sec-dark-inner .eyebrow{color:var(--gold2);}
.acc-sec-dark-inner h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;
  font-size:clamp(28px,3vw,38px);margin-bottom:50px;max-width:20ch;}
.acc-etapes{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
.acc-etape{border-left:1px solid rgba(240,235,226,.25);padding-left:22px;}
.acc-etape .num{font-family:'Cormorant Garamond',Georgia,serif;font-size:40px;color:var(--gold2);display:block;margin-bottom:12px;}
.acc-etape h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:18px;margin-bottom:10px;}
.acc-etape p{font-size:14px;opacity:.68;}

/* ===== POUR QUI + CITATION ===== */
.acc-sec-cream{background:var(--bg);color:var(--text);padding:100px 40px;}
.acc-sec-cream-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;}
.acc-sec-cream-inner h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;
  font-size:clamp(26px,2.8vw,34px);margin-bottom:24px;}
.acc-pourqui-liste{list-style:none;display:flex;flex-direction:column;gap:16px;margin-top:10px;}
.acc-pourqui-liste li{display:flex;gap:14px;font-size:15px;opacity:.85;}
.acc-pourqui-liste li::before{content:"—";color:var(--accent);font-weight:600;flex-shrink:0;}
.acc-citation-block{background:var(--blanc);border-radius:4px;padding:40px 36px;position:relative;color:var(--dark);}
.acc-citation-block::before{content:"\201C";font-family:'Cormorant Garamond',Georgia,serif;font-size:70px;color:var(--gold2);
  position:absolute;top:6px;left:24px;line-height:1;}
.acc-citation-block blockquote{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:21px;
  line-height:1.5;margin:24px 0 20px;position:relative;z-index:1;}
.acc-citation-auteur{font-size:13px;color:rgba(26,20,8,.6);}
.acc-citation-auteur strong{color:var(--dark);font-weight:600;}

/* ===== BLOC SEO ===== */
.acc-sec-seo{background:var(--bg);color:var(--text);padding:90px 40px;}
.acc-sec-seo-inner{max-width:820px;margin:0 auto;}
.acc-sec-seo-inner h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;
  font-size:clamp(24px,2.6vw,30px);margin-bottom:20px;}
.acc-seo-texte p{font-size:15px;opacity:.75;margin-bottom:16px;}
.acc-seo-texte p:last-child{margin-bottom:0;}

/* ===== AUTRES ACCOMPAGNEMENTS ===== */
.acc-sec-autres{background:var(--bg);color:var(--text);padding:100px 40px;}
.acc-sec-autres-inner{max-width:1180px;margin:0 auto;}
.acc-sec-autres-inner .head-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px;flex-wrap:wrap;gap:20px;}
.acc-sec-autres-inner h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(26px,2.8vw,32px);}
.lien-voir-tout{font-size:13px;text-decoration:none;color:var(--text);border-bottom:1px solid var(--accent);padding-bottom:2px;}
.acc-autres-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.acc-autre-card{background:var(--blanc);border-radius:4px;overflow:hidden;text-decoration:none;color:var(--dark);
  display:block;transition:transform .25s ease;}
.acc-autre-card:hover{transform:translateY(-4px);}
.acc-autre-card .thumb{height:170px;background:var(--gold2);}
.acc-autre-card .body{padding:22px 22px 26px;}
.acc-autre-card .etiquette{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);
  font-weight:600;margin-bottom:8px;display:block;}
.acc-autre-card .lien-titre{font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;margin-bottom:8px;}
.acc-autre-card p{font-size:13.5px;color:rgba(26,20,8,.65);}

/* ===== CTA ===== */
.acc-sec-cta{background:var(--bg);color:var(--text);padding:110px 40px;text-align:center;}
.acc-sec-cta-inner{max-width:640px;margin:0 auto;}
.acc-sec-cta-inner .eyebrow{color:var(--gold2);}
.acc-sec-cta-inner h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(30px,3.4vw,42px);margin-bottom:20px;}
.acc-sec-cta-inner p{opacity:.75;font-size:15.5px;margin-bottom:36px;}
.acc-sec-cta-inner .btn-group{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* ══════════════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════════════ */
@media (min-width:769px) and (max-width:1024px){
  .acc-hero,.acc-sec-white,.acc-sec-dark,.acc-sec-cream,.acc-sec-seo,.acc-sec-autres,.acc-sec-cta{padding-left:36px;padding-right:36px;}

  .acc-hero-inner{gap:40px;}
  .acc-hero-right{height:360px;}

  .acc-piliers{grid-template-columns:repeat(2,1fr);gap:24px;}

  .acc-etapes{grid-template-columns:repeat(2,1fr);}

  .acc-sec-cream-inner{gap:40px;}

  .acc-autres-grid{grid-template-columns:repeat(2,1fr);}
}

@media (max-width:768px){
  .acc-hero-inner,.acc-sec-cream-inner{grid-template-columns:1fr;}
  .acc-hero-right{height:320px;order:-1;}
  .acc-piliers,.acc-etapes,.acc-autres-grid{grid-template-columns:1fr;}
  .acc-hero,.acc-sec-white,.acc-sec-dark,.acc-sec-cream,.acc-sec-seo,.acc-sec-autres,.acc-sec-cta{padding:70px 22px;}
}/* End custom CSS */