/* Articles du Magazine (.com) : styles communs du gabarit Custom TPL.
   Chargé par chaque article, pas par le reste du site. Pas de police ici : le thème la donne.
   Titres h2 et h3 : police, graisse 500, taille et encre de la charte (mcdcharte, POLICES 10/11/2026) ;
   boutons et titres de carte, d'appel et de FAQ en 500 à l'encre. */
.mcd-article { max-width: 860px; margin: 0 auto; padding: 0 16px 48px; color: #2c2c2c; font-size: 16px; line-height: 1.75; }
.mcd-article h2 { margin: 2.4rem 0 .8rem; line-height: 1.25; }
.mcd-article h3 { margin: 1.8rem 0 .5rem; line-height: 1.3; }
.mcd-article p { margin: 0 0 1.1rem; }
.mcd-article ul, .mcd-article ol { margin: 0 0 1.1rem; padding-left: 1.4rem; }
.mcd-article li { margin-bottom: .4rem; }
.mcd-article a { color: #7d5f35; text-decoration: underline; text-underline-offset: 2px; }
.mcd-article strong { color: #1a1a1a; font-weight: 700; }

.mcd-intro { font-size: 1.08rem; color: #444; }
.mcd-resume { margin-bottom: 1.8rem; font-weight: 500; }

.mcd-img { display: block; width: 100%; height: auto; margin: 1.4rem 0 .4rem; border-radius: 6px; }
.mcd-legende { margin: 0 0 1.4rem; color: #666; font-size: .85rem; font-style: italic; text-align: center; }

.mcd-encadre { margin: 1.6rem 0; padding: 1rem 1.2rem; border-left: 4px solid #c9a96e; background: #fdf8f2; border-radius: 0 6px 6px 0; }
.mcd-encadre p:last-child { margin-bottom: 0; }

.mcd-video { position: relative; margin: 1.4rem 0; padding-top: 56.25%; background: #000; }
.mcd-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

.mcd-tableau { overflow-x: auto; margin: 1.4rem 0; }
.mcd-tableau table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.mcd-tableau th, .mcd-tableau td { padding: .6rem .8rem; border: 1px solid #e8e0d5; text-align: left; }
.mcd-tableau th { background: #fdf8f2; font-weight: 500; }

.mcd-produits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 1.4rem 0; }
.mcd-produit { display: block; border: 1px solid #e8e0d5; border-radius: 6px; overflow: hidden; background: #fff; text-decoration: none !important; }
.mcd-produit img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; }
.mcd-produit strong, .mcd-produit span { display: block; padding: 0 .8rem; }
.mcd-produit strong { padding-top: .7rem; font-size: .95rem; line-height: 1.35; }
.mcd-produit span { padding-bottom: .8rem; color: #555; font-size: .85rem; line-height: 1.4; }
.mcd-produit .mcd-produit-prix { padding-top: .3rem; padding-bottom: .5rem; color: #1a1a1a; font-size: .95rem; font-weight: 500; }
.mcd-produit-prix del { margin-left: .4rem; color: #777; font-weight: 400; }
.mcd-produit .mcd-produit-btn { margin: 0 .8rem .8rem; padding: 7px 0; border: 1px solid #7d5f35; border-radius: 4px; color: #7d5f35; font-size: .85rem; font-weight: 500; text-align: center; }
.mcd-produits--seul { grid-template-columns: minmax(0, 280px); }

.mcd-figure { margin: 1.8rem 0 1.4rem; text-align: center; }
.mcd-figure .mcd-img { margin: 0 auto .4rem; }
.mcd-figure .mcd-img--etroit { max-width: 480px; }
.mcd-figure .mcd-legende { margin: 0; }
.mcd-sep { margin: 2.4rem 0; border: 0; border-top: 1px solid #e8e0d5; }

.mcd-cartes { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 18px; margin: 1.6rem 0; }
.mcd-cartes--deux { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mcd-carte { padding: 1.1rem; border: 1px solid #e8e0d5; border-radius: 6px; background: #fff; }
.mcd-carte p { margin: 0; color: #555; }
.mcd-carte .mcd-carte-titre { margin-bottom: .4rem; color: #1a1410; font-weight: 500; }

.mcd-boutons { display: flex; flex-wrap: wrap; gap: 12px; margin: 1.4rem 0; }
.mcd-article a.mcd-btn { display: inline-block; padding: 10px 18px; border: 1px solid #7d5f35; border-radius: 4px; color: #7d5f35; font-size: 14px; font-weight: 500; text-decoration: none; }
.mcd-article a.mcd-btn--plein { background: #7d5f35; color: #fff; }

.mcd-cta { margin: 2.6rem 0 1rem; padding: 1.6rem 1.4rem; border: 1px solid #eadfce; border-radius: 8px; background: #f7f2ea; text-align: center; }
.mcd-cta .mcd-boutons { justify-content: center; margin-bottom: 0; }
.mcd-cta .mcd-cta-titre { color: #1a1410; font-size: 1.4rem; font-weight: 500; line-height: 1.4; }

.mcd-faq details { padding: .9rem 0; border-top: 1px solid #e8e0d5; }
.mcd-faq details:last-child { border-bottom: 1px solid #e8e0d5; }
.mcd-faq summary { cursor: pointer; color: #1a1410; font-weight: 500; }
.mcd-faq details p { margin: .7rem 0 0; }

.mcd-retour { margin-top: 2.4rem; padding-top: 1.2rem; border-top: 1px solid #e8e0d5; }

@media (max-width: 767px) {
  .mcd-produits { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .mcd-produits--seul { grid-template-columns: minmax(0, 1fr); }
  .mcd-cartes--deux { grid-template-columns: minmax(0, 1fr); }
}