/* monchanvre — Classes de sections & utilitaires
   Remplace tous les styles inline des templates et patterns (HTML propre, SEO). */

/* — Utilitaires d'espacement de section — */
.section--pt-8{padding-top:8px}
.section--pt-24{padding-top:24px}

/* — Hero : blobs décoratifs — */
.hero .blob--1{width:360px;height:360px;background:var(--sun);top:-80px;right:-40px}
.hero .blob--2{width:300px;height:300px;background:var(--coral-soft);bottom:-120px;left:-60px}

/* — Bande méthode (3 étapes) — */
.method-band .method-flag{background:#fff;color:var(--coral)}
.method-band h2{font-size:var(--fs-2xl);margin:14px 0}
.method-band .method-lead{font-size:var(--fs-md);opacity:.95;font-weight:var(--fw-medium);margin-bottom:26px;max-width:420px}

/* — Titres de sous-section (alignés à gauche) — */
.head--left h2{font-size:var(--fs-xl)}

/* — Blog : carte « à la une » — */
.featured .pill{align-self:flex-start}
.featured .article-meta{justify-content:flex-start}
.featured .btn{align-self:flex-start;margin-top:20px}

/* — Article : corps de prose — */
.article-body{margin-top:48px}

/* — Fiche produit : drapeau buybox — */
.buybox-flag{margin-bottom:10px}

/* — Commentaires — */
.comments-title{font-family:var(--font-display);font-weight:var(--fw-black);letter-spacing:var(--ls-tight);font-size:var(--fs-xl);margin-bottom:24px}

/* — Recherche / 404 — */
.prose--center{text-align:center}
.search-inline{max-width:460px;margin-top:18px}
.search-block{max-width:460px;margin:34px auto 0}
.error-404{text-align:center}
.error-404 h1{font-size:var(--fs-3xl);margin:18px 0 12px}
.error-404 p{color:var(--muted);font-size:var(--fs-md);max-width:520px;margin:0 auto 28px;font-weight:var(--fw-medium)}
.error-404 .hero-cta{justify-content:center}

/* — Badges de carte produit (variantes de couleur) — */
.badge--coral{background:var(--coral-soft)}
.badge--berry{background:var(--berry-soft)}
.badge--green{background:var(--green-soft)}

/* — Page Contact — */
.contact-card{border:var(--border);border-radius:var(--r-xl);background:#fff;box-shadow:var(--shadow-md);padding:32px;overflow:hidden}
.contact-card .check{margin-bottom:18px}
.faq-card{border:var(--border);border-radius:var(--r-xl);background:var(--green-soft);box-shadow:var(--shadow-sm);padding:28px;margin-top:24px}
.faq-card h2{font-size:var(--fs-lg);margin-bottom:14px}
.faq-list{display:flex;flex-direction:column;gap:14px}
.faq-item b{font-family:var(--font-display)}
.faq-item p{font-size:var(--fs-sm);color:var(--muted);margin-top:3px}

/* — Page légale (sommaire + prose) — */
.legal-layout .prose{margin:0}
.legal-toc nav{display:flex;flex-direction:column;gap:4px;margin-top:10px}