/* GOLDMARKET — page ecom-v2. Jetons du BRANDBOOK-WEB-GOLDMARKET.md v1.1.
   Aucune police ajoutee : les familles ci-dessous sont deja chargees par le site,
   DM Mono retombe sur la mono systeme si elle ne l'est pas. */

.gm-ecv2 .gm-ecv2-page{
  --e-white:#FAFAF8; --e-cream:#F5F0E8; --e-ink:#1A1814; --e-ink-80:#4A4640;
  --e-txt:#2A2620; --e-mut:#6E695F; --e-mut-ink:#A8A29A;
  --e-gold:#C4913A; --e-gold-txt:#7A5A22; --e-gold-hover:#A97B2E; --e-gold-soft:#E4C48A;
  --e-line:#E7E1D6;
  --e-disp:"Playfair Display",Georgia,serif;
  --e-sans:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --e-mono:"DM Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --e-shadow:0 1px 2px rgba(26,24,20,.06);
  --e-wrap:1240px;
  --e-sect:clamp(3rem,2rem + 4vw,3.5rem);
  font-family:var(--e-sans);font-size:17px;line-height:1.65;color:var(--e-txt);
}
.gm-ecv2 .gm-ecv2-page *,.gm-ecv2 .gm-ecv2-page *::before,.gm-ecv2 .gm-ecv2-page *::after{box-sizing:border-box}
.gm-ecv2 .gm-ecv2-page p{margin:0 0 12px}
.gm-ecv2 .gm-ecv2-page section{padding:var(--e-sect) 0}
.ecv2-wrap{max-width:var(--e-wrap);margin:0 auto;padding:0 24px}

/* --- typographie --- */
.ecv2-h1{font-family:var(--e-disp);font-weight:400;font-size:clamp(1.875rem,1.3rem + 2.2vw,2.75rem);line-height:1.15;color:var(--e-ink);margin:0 0 16px}
.ecv2-h2{font-family:var(--e-disp);font-weight:400;font-size:clamp(1.625rem,1.25rem + 1.4vw,2.125rem);line-height:1.3;color:var(--e-ink);margin:0 0 20px}
.ecv2-h2--clair{color:var(--e-white)}
.ecv2-h3{font-family:var(--e-disp);font-weight:400;font-size:clamp(1.3125rem,1.15rem + .6vw,1.625rem);line-height:1.3;color:var(--e-ink);margin:0 0 12px}
.ecv2-h4{font:500 1.0625rem/1.35 var(--e-sans);color:var(--e-ink);margin:0 0 8px}
.ecv2-h4--clair{color:var(--e-white)}
.ecv2-surtitre{font:500 .8125rem/1.4 var(--e-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--e-gold-txt);margin:0 0 10px}
.ecv2-soustitre{color:var(--e-mut);max-width:68ch;margin:0 0 28px}
.ecv2-lead{font-size:1.3125rem;line-height:1.55;color:var(--e-txt);max-width:52ch;margin:0 0 24px}
.ecv2-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* --- actions : bouton dore = texte encre, jamais blanc --- */
.ecv2-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 28px}
.ecv2-actions--centre{justify-content:center}
.ecv2-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:2px;
  font:500 1.0625rem/1 var(--e-sans);text-decoration:none;transition:background 200ms cubic-bezier(.4,0,.2,1),border-color 200ms}
.ecv2-btn--or{background:var(--e-gold);border:1px solid var(--e-gold-hover);color:var(--e-ink)}
.ecv2-btn--or:hover{background:var(--e-gold-hover);border-color:var(--e-gold-txt);color:var(--e-ink)}
.ecv2-btn--second{background:transparent;border:1px solid var(--e-line);color:var(--e-txt)}
.ecv2-btn--second:hover{border-color:var(--e-gold);color:var(--e-gold-txt)}
.ecv2-btn--fantome{background:transparent;border:1px solid var(--e-ink-80);color:var(--e-white);font-family:var(--e-mono)}
.ecv2-btn--fantome:hover{border-color:var(--e-gold-soft);color:var(--e-gold-soft)}
.ecv2-btn:focus-visible{outline:2px solid var(--e-ink);outline-offset:2px}
.ecv2-final .ecv2-btn:focus-visible{outline-color:var(--e-gold-soft)}
.ecv2-lien-or{color:var(--e-gold-txt);font-weight:500;text-decoration:none;border-bottom:1px solid var(--e-line);padding-bottom:2px}
.ecv2-lien-or:hover{color:var(--e-gold-hover);border-bottom-color:var(--e-gold)}
.ecv2-lien-or--clair{color:var(--e-gold-soft);border-bottom-color:var(--e-ink-80)}
.ecv2-lien-or--clair:hover{color:var(--e-gold-soft);border-bottom-color:var(--e-gold-soft)}

/* --- 4. hero --- */
.ecv2-hero{background:var(--e-white);border-bottom:1px solid var(--e-line)}
.ecv2-hero__grille{display:grid;grid-template-columns:1fr;gap:32px;align-items:center}
.ecv2-preuves{list-style:none;margin:0;padding:0;max-width:52ch}
.ecv2-preuves li{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-top:1px solid var(--e-line);font-size:.9375rem;color:var(--e-txt)}
.ecv2-preuves svg{width:18px;height:18px;flex:0 0 auto;margin-top:3px;fill:none;stroke:var(--e-gold-txt);stroke-width:1.5;stroke-linejoin:round}
.ecv2-hero__img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:7px;border:1px solid var(--e-gold-soft);display:block}
.ecv2-hero__placeholder{display:grid;place-items:center;aspect-ratio:4/3;background:var(--e-cream);border:1px solid var(--e-line);border-radius:7px;color:var(--e-mut);font-size:.875rem;text-align:center;padding:24px}

/* --- 5. bande de confiance --- */
.ecv2-trust{background:var(--e-cream);border-bottom:1px solid var(--e-line);padding:0}
.ecv2-trust__liste{list-style:none;display:grid;grid-template-columns:1fr;margin:0;padding:0}
.ecv2-trust__liste li{display:flex;flex-direction:column;gap:2px;padding:16px 20px;border-bottom:1px solid var(--e-line)}
.ecv2-trust__liste strong{font:500 .9375rem/1.3 var(--e-sans);color:var(--e-ink)}
.ecv2-trust__liste span{font-size:.8125rem;color:var(--e-mut)}

/* --- 6. market data, fond encre --- */
.ecv2-md{background:var(--e-ink);color:var(--e-white)}
.ecv2-md__tete{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:flex-end;padding-bottom:20px;border-bottom:1px solid var(--e-ink-80)}
.ecv2-md__marque{font:500 .75rem/1.4 var(--e-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--e-gold-soft);margin:0 0 6px}
.ecv2-md__meta{font:400 .8125rem/1.5 var(--e-mono);color:var(--e-mut-ink);text-align:right;margin:0}
.ecv2-md__grille{display:grid;grid-template-columns:1fr 1fr;margin:0 0 20px}
.ecv2-md__cell{display:flex;flex-direction:column;gap:5px;padding:18px 16px;border-bottom:1px solid var(--e-ink-80)}
.ecv2-md__cell:nth-child(2n){border-left:1px solid var(--e-ink-80)}
.ecv2-md__lib{font:500 .75rem/1.3 var(--e-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--e-mut-ink);margin:0}
.ecv2-md__val{font:500 clamp(20px,2.2vw,32px)/1.1 var(--e-mono);font-variant-numeric:tabular-nums;color:var(--e-white);margin:0}
.ecv2-md__cell.is-accent .ecv2-md__val{color:var(--e-gold-soft)}
.ecv2-md__var{font:500 .8125rem/1.4 var(--e-mono);font-variant-numeric:tabular-nums;color:var(--e-gold-soft);margin:0}
.ecv2-md__note{font:400 .75rem/1.4 var(--e-sans);color:var(--e-mut-ink);margin:0}
.ecv2-md__avert{font-size:.8125rem;line-height:1.6;color:var(--e-mut-ink);max-width:76ch;margin:0}

/* --- 7. familles --- */
.ecv2-familles{background:var(--e-white)}
.ecv2-familles__grille{display:grid;grid-template-columns:1fr;gap:24px}
.ecv2-fam{background:var(--e-white);border:1px solid var(--e-line);border-radius:4px;overflow:hidden;transition:box-shadow 200ms}
.ecv2-fam:hover{box-shadow:var(--e-shadow)}
.ecv2-fam__media{height:160px;background:var(--e-cream);border-bottom:1px solid var(--e-line)}
.ecv2-fam__corps{padding:24px}
.ecv2-fam__compte{font:400 .8125rem/1.4 var(--e-mono);font-variant-numeric:tabular-nums;color:var(--e-mut);margin:0 0 16px}

/* --- 8. references --- */
.ecv2-refs{background:var(--e-cream)}
.ecv2-refs__tete{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:baseline}
.ecv2-refs__horo{font:400 .8125rem/1.5 var(--e-mono);color:var(--e-mut);margin:0 0 20px}
.ecv2-onglets{display:inline-flex;border:1px solid var(--e-line);border-radius:2px;overflow:hidden;margin:0 0 24px;background:var(--e-white);max-width:100%;flex-wrap:wrap}
.ecv2-onglet{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;text-decoration:none;
  font:500 .9375rem/1 var(--e-sans);color:var(--e-txt);background:var(--e-white);border-right:1px solid var(--e-line)}
.ecv2-onglet:last-child{border-right:0}
.ecv2-onglet.is-actif{background:var(--e-ink);color:var(--e-white)}
.ecv2-onglet__n{font:400 .75rem/1 var(--e-mono);font-variant-numeric:tabular-nums;color:var(--e-mut)}
.ecv2-onglet.is-actif .ecv2-onglet__n{color:var(--e-gold-soft)}
.ecv2-onglet:focus-visible{outline:2px solid var(--e-ink);outline-offset:-2px}
.ecv2-cartes{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.ecv2-carte{background:var(--e-white);border:1px solid var(--e-line);border-radius:4px;transition:box-shadow 200ms}
.ecv2-carte:hover{box-shadow:var(--e-shadow)}
.ecv2-carte__lien{display:block;padding:14px;text-decoration:none;color:inherit;height:100%}
.ecv2-carte__img{aspect-ratio:1/1;background:var(--e-cream);border-radius:2px;overflow:hidden;margin:0 0 12px;display:grid;place-items:center}
.ecv2-carte__img img{width:100%;height:100%;object-fit:contain;display:block}
.ecv2-carte__type{font:500 .6875rem/1.3 var(--e-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--e-gold-txt);margin:0 0 6px}
.ecv2-carte__nom{font:400 .9375rem/1.4 var(--e-sans);color:var(--e-ink);margin:0 0 10px}
.ecv2-carte__prix{font:500 1.125rem/1.2 var(--e-mono);font-variant-numeric:tabular-nums;color:var(--e-ink);margin:0 0 4px}
.ecv2-carte__dispo{font:400 .75rem/1.3 var(--e-sans);color:var(--e-mut);margin:0}
.ecv2-vide{color:var(--e-mut)}
.ecv2-refs__pied{margin:24px 0 0}

/* --- 9. garanties --- */
.ecv2-gar{background:var(--e-white)}
.ecv2-gar__grille{display:grid;grid-template-columns:1fr;gap:28px}
.ecv2-gar__num{font:500 .8125rem/1 var(--e-mono);color:var(--e-gold-txt);margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid var(--e-line)}
.ecv2-gar__item p:last-child{font-size:.9375rem;color:var(--e-mut);margin:0}

/* --- 10. guide --- */
.ecv2-guide{background:var(--e-cream)}
.ecv2-guide__grille{display:grid;grid-template-columns:1fr;gap:32px;align-items:start}
.ecv2-guide__texte p{max-width:52ch;color:var(--e-mut)}
.ecv2-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--e-line);border-radius:4px;background:var(--e-white)}
.ecv2-table{width:100%;border-collapse:collapse;font-size:.9375rem;min-width:520px}
.ecv2-table th,.ecv2-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--e-line)}
.ecv2-table thead th{font:500 .6875rem/1.3 var(--e-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--e-gold-txt);white-space:nowrap}
.ecv2-table tbody th{font:400 .9375rem/1.4 var(--e-sans);color:var(--e-ink)}
.ecv2-table tbody tr:nth-child(2n){background:var(--e-cream)}
.ecv2-table tbody tr:last-child th,.ecv2-table tbody tr:last-child td{border-bottom:0}
.ecv2-num{text-align:right !important;font-family:var(--e-mono);font-variant-numeric:tabular-nums}
.ecv2-table thead .ecv2-num{justify-content:flex-end}
.ecv2-aide{position:relative;display:inline-block;vertical-align:middle;margin-left:6px}
.ecv2-aide summary{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border:1px solid var(--e-gold);
  border-radius:50%;font:500 10px/1 var(--e-sans);letter-spacing:0;text-transform:none;color:var(--e-gold-txt);cursor:pointer;list-style:none}
.ecv2-aide summary::-webkit-details-marker{display:none}
.ecv2-aide summary:focus-visible{outline:2px solid var(--e-ink);outline-offset:2px}
.ecv2-aide>span{position:absolute;top:25px;right:0;z-index:60;display:block;width:min(280px,70vw);padding:12px 14px;
  background:var(--e-white);border:1px solid var(--e-line);border-left:3px solid var(--e-gold);border-radius:4px;box-shadow:var(--e-shadow);
  font:400 14px/1.5 var(--e-sans);letter-spacing:0;text-transform:none;color:var(--e-txt);text-align:left;white-space:normal}

/* --- 11. avis --- */
.ecv2-avis{background:var(--e-white)}
.ecv2-avis__synthese{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;padding:0 0 24px;border-bottom:1px solid var(--e-line);margin:0 0 24px}
.ecv2-avis__note{font:500 2rem/1 var(--e-mono);font-variant-numeric:tabular-nums;color:var(--e-ink);margin:0}
.ecv2-avis__etoiles{color:var(--e-gold);letter-spacing:.1em;margin:0}
.ecv2-avis__nb{font-size:.9375rem;color:var(--e-mut);margin:0}
.ecv2-avis__grille{display:grid;grid-template-columns:1fr;gap:20px}
.ecv2-temoin{margin:0;padding:20px;background:var(--e-cream);border:1px solid var(--e-line);border-radius:4px}
.ecv2-temoin__etoiles{color:var(--e-gold);letter-spacing:.1em;margin:0 0 10px}
.ecv2-temoin__cit{font-size:.9375rem;color:var(--e-txt);margin:0 0 12px}
.ecv2-temoin footer{font:400 .8125rem/1.4 var(--e-sans);color:var(--e-mut)}

/* --- 12. etapes, fond encre --- */
.ecv2-etapes{background:var(--e-ink);color:var(--e-white)}
.ecv2-etapes__grille{list-style:none;display:grid;grid-template-columns:1fr;gap:24px;margin:0;padding:0}
.ecv2-etape__num{font:500 .8125rem/1 var(--e-mono);color:var(--e-gold-soft);margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid var(--e-ink-80)}
.ecv2-etape p:last-child{font-size:.9375rem;color:var(--e-mut-ink);margin:0}

/* --- 13. remise --- */
.ecv2-remise{background:var(--e-white)}
.ecv2-remise__grille{display:grid;grid-template-columns:1fr;gap:20px}
.ecv2-remise__carte{padding:24px;border-radius:4px;background:var(--e-white);border:1px solid var(--e-line);border-top:2px solid var(--e-gold)}
.ecv2-remise__carte.is-sombre{background:var(--e-ink);border:1px solid var(--e-ink);color:var(--e-white)}
.ecv2-remise__val{font:500 .75rem/1.3 var(--e-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--e-mut);margin:0 0 12px}
.ecv2-remise__carte.is-sombre .ecv2-remise__val{color:var(--e-gold-soft)}
.ecv2-remise__carte p:not(.ecv2-remise__val){font-size:.9375rem;color:var(--e-mut)}
.ecv2-remise__carte.is-sombre p:not(.ecv2-remise__val){color:var(--e-mut-ink)}

/* --- 14. reseau --- */
.ecv2-reseau{background:var(--e-cream)}
.ecv2-reseau__grille{display:grid;grid-template-columns:1fr;gap:28px;align-items:center}
.ecv2-reseau__media{min-height:240px;background:var(--e-white);border:1px solid var(--e-line);border-radius:4px}
.ecv2-reseau__texte p{max-width:52ch;color:var(--e-mut)}

/* --- 15. prose --- */
.ecv2-prose{background:var(--e-white)}
.ecv2-prose__grille{display:grid;grid-template-columns:1fr;gap:32px}
.ecv2-prose p{max-width:68ch;color:var(--e-mut)}

/* --- 16. partenaires, fond BLANC CHAUD, cartes creme detachees --- */
.ecv2-partenaires{background:#FAFAF8}
.ecv2-partenaires .ecv2-h2{padding-bottom:14px;border-bottom:2px solid var(--e-gold);display:inline-block}
.ecv2-part__grille{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.ecv2-part{background:var(--e-cream);border:1px solid var(--e-line);border-radius:4px;padding:18px}
.ecv2-part__cat{font:500 .6875rem/1.3 var(--e-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--e-gold-txt);margin:0 0 8px}
.ecv2-part__nom{font:500 1rem/1.3 var(--e-sans);color:var(--e-ink);margin:0 0 4px}
.ecv2-part__role{font-size:.8125rem;color:var(--e-mut);margin:0}

/* --- 17. presse, fond CREME, grille JOINTIVE, cases blanches --- */
.ecv2-presse{background:#F5F0E8}
.ecv2-presse__grille{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--e-line);border-left:1px solid var(--e-line);background:var(--e-white)}
.ecv2-presse__case{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:104px;
  padding:18px 14px;text-align:center;text-decoration:none;color:inherit;background:var(--e-white);
  border-right:1px solid var(--e-line);border-bottom:1px solid var(--e-line)}
a.ecv2-presse__case:hover{background:var(--e-cream)}
.ecv2-presse__nom{font:500 1rem/1.2 var(--e-sans);color:var(--e-mut)}
.ecv2-presse__date{font:400 .75rem/1.3 var(--e-mono);color:var(--e-mut)}

/* --- 18. faq --- */
.ecv2-faq{background:var(--e-white)}
.ecv2-faq__liste{border-top:1px solid var(--e-line);max-width:76ch}
.ecv2-faq__item{border-bottom:1px solid var(--e-line)}
.ecv2-faq__item summary{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-height:56px;padding:16px 0;
  cursor:pointer;list-style:none;font:500 1.0625rem/1.4 var(--e-sans);color:var(--e-ink)}
.ecv2-faq__item summary::-webkit-details-marker{display:none}
.ecv2-faq__item summary:focus-visible{outline:2px solid var(--e-ink);outline-offset:2px}
.ecv2-faq__plus{flex:0 0 auto;font:400 1.375rem/1 var(--e-sans);color:var(--e-gold-txt);transition:transform 200ms}
.ecv2-faq__item[open] .ecv2-faq__plus{transform:rotate(45deg)}
.ecv2-faq__rep{padding:0 0 20px}
.ecv2-faq__rep p{font-size:.9375rem;color:var(--e-mut);max-width:68ch;margin:0}

/* --- 19. appel final, fond encre, filet or haut --- */
.ecv2-final{background:var(--e-ink);color:var(--e-white);border-top:2px solid var(--e-gold);text-align:center}
.ecv2-final p{color:var(--e-mut-ink);max-width:60ch;margin:0 auto 24px}

/* --- points d'arret : 480, 768, 1024, 1280 --- */
@media (min-width:600px){
  .ecv2-trust__liste{grid-template-columns:repeat(2,1fr)}
  .ecv2-trust__liste li{border-right:1px solid var(--e-line)}
  .ecv2-gar__grille,.ecv2-etapes__grille,.ecv2-prose__grille{grid-template-columns:repeat(2,1fr)}
  .ecv2-cartes{grid-template-columns:repeat(3,1fr)}
  .ecv2-presse__grille,.ecv2-part__grille{grid-template-columns:repeat(4,1fr)}
}
@media (min-width:900px){
  .gm-ecv2 .gm-ecv2-page{--e-sect:clamp(3.5rem,2rem + 4vw,4rem)}
  .ecv2-hero__grille,.ecv2-guide__grille,.ecv2-reseau__grille{grid-template-columns:1.05fr .95fr;gap:48px}
  .ecv2-familles__grille,.ecv2-remise__grille{grid-template-columns:repeat(3,1fr)}
  .ecv2-familles__grille{grid-template-columns:repeat(2,1fr)}
  .ecv2-md__grille{grid-template-columns:repeat(5,1fr)}
  .ecv2-md__cell{border-bottom:0;padding:22px 20px}
  .ecv2-md__cell:nth-child(2n){border-left:0}
  .ecv2-md__cell + .ecv2-md__cell{border-left:1px solid var(--e-ink-80)}
  .ecv2-trust__liste{grid-template-columns:repeat(5,1fr)}
  .ecv2-trust__liste li{border-bottom:0}
  .ecv2-trust__liste li:last-child{border-right:0}
  .ecv2-gar__grille,.ecv2-etapes__grille{grid-template-columns:repeat(4,1fr)}
  .ecv2-etape{padding-left:24px;border-left:1px solid var(--e-ink-80)}
  .ecv2-etape:first-child{padding-left:0;border-left:0}
  .ecv2-cartes{grid-template-columns:repeat(4,1fr)}
  .ecv2-avis__grille{grid-template-columns:repeat(3,1fr)}
}

/* --- mobile : bouton d'action grand et centre, regle client du 10 aout 2026 --- */
@media (max-width:599px){
  .ecv2-actions{flex-direction:column}
  .ecv2-actions .ecv2-btn{width:100%;min-height:56px;font-size:1.0625rem}
  .ecv2-onglets{display:flex;width:100%}
  .ecv2-onglet{flex:1 1 auto;justify-content:center;padding:0 10px}
}

/* --- mouvement reduit : l'appui devient un changement d'opacite --- */
@media (prefers-reduced-motion:reduce){
  .gm-ecv2 .gm-ecv2-page *,.gm-ecv2 .gm-ecv2-page *::before,.gm-ecv2 .gm-ecv2-page *::after{
    animation-duration:.01ms !important;transition-duration:.01ms !important}
  .ecv2-btn:active{transform:none;opacity:.85}
}
@media (prefers-reduced-motion:no-preference){
  .ecv2-btn:active{transform:scale(.97)}
}

/* --- Pleine largeur --- ajout du 21 aout 2026 ---------------------------
   Le rendu est injecte par the_content, donc a l'interieur du conteneur FSE
   "entry-content alignfull has-global-padding is-layout-constrained". Celui-ci
   impose une largeur maximale, des marges automatiques et la gouttiere globale
   du theme : les aplats creme et encre des sections s'arretaient avant le bord
   de l'ecran. On annule les trois par des marges negatives egales a la
   gouttiere, et on clippe le debordement horizontal qu'elles creent.
   Meme cause et meme remede que .gme sur /accueil-ecommerce/. */
.gm-ecv2 .gm-ecv2-page{
  max-width:none!important;
  margin-left:calc(var(--wp--style--root--padding-left,24px)*-1)!important;
  margin-right:calc(var(--wp--style--root--padding-right,24px)*-1)!important;
}
html{overflow-x:clip}

/* --- Ajout au panier depuis la carte -----------------------------------
   Le bouton vit hors du lien de carte : un bouton dans un lien n'est pas du
   HTML valide, et le clavier ne saurait plus lequel des deux il active. La
   carte devient donc une colonne, le lien prend la place disponible et le
   bouton reste aligne en bas quelle que soit la longueur du nom du produit.
   Style secondaire, pas dore : la grille en compte huit, et la charte
   n'admet qu'un bouton dore par ecran. */
.ecv2-carte{display:flex;flex-direction:column}
.ecv2-carte__lien{flex:1 1 auto;height:auto}
.ecv2-carte__panier{margin:0 14px 14px;min-height:48px;padding:0 16px;font-size:.9375rem;text-align:center}
@media (max-width:599px){
  /* Regle client du 10 aout 2026 : un bouton d'action pose sur mobile fait 56 a 60 px. */
  .ecv2-carte__panier{min-height:56px;font-size:1rem}
}

/* --- hero : carte media composee, ajout du 21 aout 2026 -----------------
   Cadre creme + filet or clair autour de la photographie, ratio 4:3.
   La pastille de cours porte sa geometrie en attribut style (rendu
   conditionnel) ; la carte, toujours presente dans le DOM, se style ici. */
.ecv2-hero__carte{position:relative;margin:0;padding:10px;background:var(--e-cream);border:1px solid var(--e-line);border-radius:11px}

/* Imagify enveloppe l'img du hero dans <picture class="ecv2-hero__img"> : la
   classe part sur l'enveloppe. Les regles doivent donc atteindre l'img
   interieure ; l'attribut style pose en amont reste la garantie RUCSS. */
.ecv2-hero__carte .ecv2-hero__img{display:block}
.ecv2-hero__carte img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:7px;border:1px solid var(--e-gold-soft);display:block}