/*
 * idealaurore-pages.css
 * CSS commun aux pages secondaires (Prestations, Coaching, À Propos).
 * Ce fichier contient : page-hero, breadcrumb, et styles spécifiques à chaque page.
 * À placer dans votre thème enfant WordPress.
 *
 * NOTE : chaque template charge son propre fichier CSS de page via :
 *   idealaurore-prestations.css → @import de ce fichier + styles Prestations
 *   idealaurore-coaching.css    → @import de ce fichier + styles Coaching
 *   idealaurore-apropos.css     → @import de ce fichier + styles À Propos
 */

/* ══ NAV FIXE (pages secondaires) ══ */
/* Sur les pages secondaires, la nav est toujours visible (pas de hero transparent) */
nav.nav-scrolled {
  background: rgba(250,245,239,0.97) !important;
  padding: 18px 60px !important;
  box-shadow: 0 1px 24px rgba(45,26,15,0.08);
  backdrop-filter: blur(12px);
}
nav.nav-scrolled .logo-name { color: var(--text); }
nav.nav-scrolled .logo-sub { color: var(--muted); }
nav.nav-scrolled .nav-links a { color: var(--text); }
nav.nav-scrolled .hamburger span { background: var(--text); }

/* ══ PAGE HERO ══ */
.page-hero {
  margin-top: 70px; position: relative;
  height: 420px; display: flex; align-items: center; justify-content: center;
  text-align: center; overflow: hidden;
}
.page-hero-bg { position: absolute; inset: 0; background-size: cover; background-position: center 55%; }
.page-hero-bg-prestations { background-image: url('https://images.unsplash.com/photo-1586023492125-27b2c045efd7?w=1800&q=80'); }
.page-hero-bg-coaching    { background-image: url('https://images.unsplash.com/photo-1600210492493-0946911123ea?w=1800&q=80'); background-position: center 40%; }
.page-hero-bg-apropos     { background-image: url('https://idealaurore.com/about-chambre.png'); background-position: center; }
.page-hero-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(45,26,15,0.55), rgba(45,26,15,0.4)); }
.page-hero-content { position: relative; z-index: 2; padding: 0 20px; max-width: 800px; }
.page-hero-eyebrow { font-size: 0.68rem; letter-spacing: 0.35em; text-transform: uppercase; color: rgba(255,255,255,0.75); margin-bottom: 16px; }
.page-hero-title { font-family: 'Playfair Display', serif; font-size: clamp(2.2rem, 4vw, 3.8rem); font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: 0.04em; line-height: 1.15; margin-bottom: 18px; }
.page-hero-sub { font-size: 0.9rem; color: rgba(255,255,255,0.78); max-width: 560px; margin: 0 auto; line-height: 1.7; }

/* ══ BREADCRUMB ══ */
.breadcrumb { background: var(--cream); padding: 14px 60px; display: flex; align-items: center; gap: 10px; }
.breadcrumb a { font-size: 0.74rem; color: var(--muted); text-decoration: none; transition: color 0.3s; }
.breadcrumb a:hover { color: var(--terra); }
.breadcrumb span { font-size: 0.74rem; color: var(--beige-dk); }
.breadcrumb .current { font-size: 0.74rem; color: var(--terra); font-weight: 500; }

/* ══ SHARED BUTTONS ══ */
.btn-outline { display: inline-block; border: 2px solid var(--terra); color: var(--terra); padding: 13px 36px; font-size: 0.74rem; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 600; text-decoration: none; transition: all 0.3s; }
.btn-outline:hover { background: var(--terra); color: #fff; }
.btn-white { display: inline-block; background: #fff; color: var(--terra-dk); padding: 14px 38px; font-size: 0.74rem; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 600; text-decoration: none; transition: background 0.3s; }
.btn-white:hover { background: var(--cream); }
.btn-outline-white { display: inline-block; border: 2px solid rgba(255,255,255,0.5); color: #fff; padding: 13px 36px; font-size: 0.74rem; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 600; text-decoration: none; transition: all 0.3s; }
.btn-outline-white:hover { background: rgba(255,255,255,0.1); border-color: #fff; }
.cta-btns { display: flex; align-items: center; justify-content: center; gap: 20px; flex-wrap: wrap; }

/* ══ FAQ (commun Prestations + Coaching) ══ */
#faq { padding: 90px 60px; background: var(--white); }
.faq-inner { max-width: 800px; margin: 0 auto; }
.faq-header { text-align: center; margin-bottom: 56px; }
.faq-item { border-bottom: 1px solid var(--beige); }
.faq-question { width: 100%; text-align: left; background: none; border: none; padding: 22px 0; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 20px; font-family: 'Playfair Display', serif; font-size: 1.05rem; font-weight: 400; color: var(--text); transition: color 0.3s; }
.faq-question:hover, .faq-question.open { color: var(--terra); }
.faq-icon { flex-shrink: 0; width: 28px; height: 28px; border: 1px solid var(--beige); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: background 0.3s, border-color 0.3s; }
.faq-question.open .faq-icon { background: var(--terra); border-color: var(--terra); }
.faq-icon svg { width: 12px; height: 12px; stroke: var(--terra); fill: none; stroke-width: 2; transition: stroke 0.3s, transform 0.3s; }
.faq-question.open .faq-icon svg { stroke: #fff; transform: rotate(45deg); }
.faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.3s; }
.faq-answer.open { max-height: 300px; padding-bottom: 22px; }
.faq-answer p { font-size: 0.88rem; color: var(--muted); line-height: 1.88; }

/* ══ CTA FINAL (commun) ══ */
#cta-final {
  padding: 100px 60px; text-align: center;
  background: linear-gradient(rgba(45,26,15,0.74), rgba(45,26,15,0.74)),
    url('https://images.unsplash.com/photo-1555041469-a586c61ea9bc?w=1800&q=80') center/cover no-repeat;
}
#cta-final .section-eyebrow { color: rgba(255,255,255,0.6); }
#cta-final .section-eyebrow::before, #cta-final .section-eyebrow::after { background: rgba(255,255,255,0.25); }
#cta-final .section-title { color: #fff; margin-bottom: 18px; }
#cta-final > p { font-size: 0.9rem; color: rgba(255,255,255,0.65); max-width: 520px; margin: 0 auto 48px; line-height: 1.85; }

/* ══ PRESTATIONS — styles spécifiques ══ */
#intro { padding: 90px 60px; text-align: center; background: var(--white); }
#inclus { background: var(--ivory); padding: 80px 60px; }
.inclus-inner { max-width: 1100px; margin: 0 auto; }
.inclus-header { text-align: center; margin-bottom: 60px; }
.inclus-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.inclus-item { background: var(--white); border: 1px solid var(--beige); padding: 40px 32px; text-align: center; border-top: 3px solid transparent; transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s; }
.inclus-item:hover { transform: translateY(-6px); box-shadow: 0 16px 48px rgba(192,99,58,0.1); border-top-color: var(--terra); }
.inclus-icon { width: 64px; height: 64px; border-radius: 50%; background: var(--cream); border: 1px solid var(--beige); display: flex; align-items: center; justify-content: center; margin: 0 auto 22px; }
.inclus-icon svg { width: 28px; height: 28px; stroke: var(--terra); fill: none; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.inclus-item h3 { font-family: 'Playfair Display', serif; font-size: 1.1rem; font-weight: 500; color: var(--text); margin-bottom: 12px; }
.inclus-item p { font-size: 0.84rem; color: var(--muted); line-height: 1.75; }

#formules { padding: 90px 60px; background: var(--white); }
.formules-header { text-align: center; margin-bottom: 70px; }
.formule-block { max-width: 1100px; margin: 0 auto 60px; display: grid; grid-template-columns: 1fr 1.6fr; gap: 0; border: 1px solid var(--beige); overflow: hidden; }
.formule-block:last-child { margin-bottom: 0; }
.formule-block.reverse { direction: rtl; }
.formule-block.reverse > * { direction: ltr; }
.formule-visual { position: relative; min-height: 420px; overflow: hidden; }
.formule-photo { position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform 0.6s ease; }
.formule-block:hover .formule-photo { transform: scale(1.04); }
.formule-photo-basique { background-image: url('https://idealaurore.com/point3d-commercial-imaging-ltd-ehTnhW_PhdM-unsplash.jpg'); }
.formule-photo-premium { background-image: url('https://images.unsplash.com/photo-1600210492493-0946911123ea?w=700&q=80'); }
.formule-photo-gold    { background-image: url('https://images.unsplash.com/photo-1631679706909-1844bbd07221?w=700&q=80'); }
.formule-num { position: absolute; top: 24px; left: 24px; font-family: 'Playfair Display', serif; font-size: 4rem; font-weight: 700; color: rgba(255,255,255,0.18); line-height: 1; }
.formule-block.reverse .formule-num { left: auto; right: 24px; }
.formule-content { padding: 52px; background: var(--white); display: flex; flex-direction: column; justify-content: center; }
.formule-tier { font-size: 0.6rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--muted); margin-bottom: 6px; }
.formule-name { font-family: 'Playfair Display', serif; font-size: 2.2rem; font-weight: 400; color: var(--text); margin-bottom: 4px; }
.formule-price { font-family: 'Playfair Display', serif; font-size: 1.1rem; font-style: italic; color: var(--terra); margin-bottom: 24px; }
.formule-divider { width: 40px; height: 2px; background: var(--terra); margin-bottom: 26px; }
.formule-desc { font-size: 0.88rem; color: var(--muted); line-height: 1.88; margin-bottom: 28px; }
.formule-features { list-style: none; display: flex; flex-direction: column; gap: 13px; margin-bottom: 36px; }
.formule-features li { font-size: 0.85rem; color: var(--brown); display: flex; align-items: flex-start; gap: 14px; line-height: 1.45; }
.formule-features li .fi { flex-shrink: 0; width: 22px; height: 22px; border-radius: 50%; background: var(--cream); border: 1px solid var(--beige-dk); display: flex; align-items: center; justify-content: center; }
.formule-features li .fi svg { width: 11px; height: 11px; stroke: var(--terra); fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.formule-features li.bonus { color: var(--terra-dk); font-weight: 500; }
.formule-features li.bonus .fi { background: var(--terra); border-color: var(--terra); }
.formule-features li.bonus .fi svg { stroke: #fff; }
.formule-badge { display: inline-block; background: var(--terra); color: #fff; font-size: 0.58rem; letter-spacing: 0.2em; text-transform: uppercase; padding: 5px 14px; border-radius: 20px; margin-bottom: 12px; align-self: flex-start; }

#comparatif { background: var(--ivory); padding: 90px 60px; }
.comparatif-inner { max-width: 900px; margin: 0 auto; }
.comparatif-header { text-align: center; margin-bottom: 56px; }
.comp-table { width: 100%; border-collapse: collapse; }
.comp-table th { font-size: 0.72rem; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 600; padding: 18px 20px; text-align: center; border-bottom: 2px solid var(--beige); }
.comp-table th:first-child { text-align: left; color: var(--muted); }
.comp-table th.featured-col { color: var(--terra-lt); background: var(--warm-dark); }
.comp-table td { padding: 16px 20px; font-size: 0.84rem; color: var(--brown); border-bottom: 1px solid var(--beige); text-align: center; }
.comp-table td:first-child { text-align: left; color: var(--text); }
.comp-table tr:last-child td { border-bottom: none; }
.comp-table tr:hover td { background: var(--cream); }
.comp-table .price-row td { font-family: 'Playfair Display', serif; font-size: 1.1rem; font-style: italic; color: var(--terra); font-weight: 500; padding-top: 22px; border-top: 2px solid var(--beige); border-bottom: none; }
.comp-table .price-row td:first-child { color: var(--muted); font-family: 'Raleway', sans-serif; font-size: 0.72rem; font-style: normal; letter-spacing: 0.15em; text-transform: uppercase; }
.comp-table td.featured-col { background: rgba(61,34,19,0.04); }
.check { color: var(--terra); font-size: 1.1rem; }
.dash { color: var(--beige-dk); font-size: 1.2rem; }

/* ══ COACHING — styles spécifiques ══ */
#processus { background: var(--ivory); padding: 80px 60px; }
.processus-inner { max-width: 900px; margin: 0 auto; }
.processus-header { text-align: center; margin-bottom: 60px; }
.process-steps { display: grid; grid-template-columns: repeat(4, 1fr); position: relative; }
.process-steps::before { content: ''; position: absolute; top: 32px; left: 12.5%; right: 12.5%; height: 1px; background: var(--beige); }
.process-step { text-align: center; padding: 0 16px; }
.process-step:hover .step-circle { background: var(--terra); color: #fff; border-color: var(--terra); }
.process-step h4 { font-family: 'Playfair Display', serif; font-size: 0.95rem; font-weight: 500; color: var(--text); margin-bottom: 8px; }
.process-step p { font-size: 0.8rem; color: var(--muted); line-height: 1.65; }

#produits { padding: 90px 60px; background: var(--white); }
.produits-header { text-align: center; margin-bottom: 70px; }
.produits-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; max-width: 1000px; margin: 0 auto; }
.produit-card { border: 2px solid var(--beige); overflow: hidden; transition: border-color 0.35s, box-shadow 0.35s; position: relative; }
.produit-card:hover { border-color: var(--terra); box-shadow: 0 20px 60px rgba(192,99,58,0.14); }
.produit-photo { height: 260px; position: relative; overflow: hidden; }
.produit-photo-img { position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform 0.5s ease; }
.produit-card:hover .produit-photo-img { transform: scale(1.05); }
.produit-photo-domicile { background-image: url('https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?w=700&q=80'); }
.produit-photo-visio    { background-image: url('https://images.unsplash.com/photo-1593696140826-c58b021acf8b?w=700&q=80'); }
.produit-photo-overlay  { position: absolute; inset: 0; background: linear-gradient(to top, rgba(45,26,15,0.6), transparent 50%); }
.produit-tag { position: absolute; top: 18px; left: 18px; background: var(--terra); color: #fff; font-size: 0.58rem; letter-spacing: 0.2em; text-transform: uppercase; padding: 5px 14px; }
.produit-photo-price { position: absolute; bottom: 18px; left: 18px; }
.produit-price-num { font-family: 'Playfair Display', serif; font-size: 2.2rem; font-weight: 400; color: #fff; line-height: 1; }
.produit-price-unit { font-size: 0.7rem; letter-spacing: 0.15em; text-transform: uppercase; color: rgba(255,255,255,0.7); margin-top: 3px; }
.produit-body { padding: 36px 32px; }
.produit-name { font-family: 'Playfair Display', serif; font-size: 1.5rem; font-weight: 400; color: var(--text); margin-bottom: 10px; }
.produit-desc { font-size: 0.86rem; color: var(--muted); line-height: 1.8; margin-bottom: 24px; }
.produit-includes { list-style: none; display: flex; flex-direction: column; gap: 10px; margin-bottom: 24px; }
.produit-includes li { font-size: 0.83rem; color: var(--brown); display: flex; align-items: flex-start; gap: 12px; line-height: 1.4; }
.produit-includes li::before { content: ''; display: block; flex-shrink: 0; width: 16px; height: 16px; margin-top: 1px; border: 1px solid var(--terra); border-radius: 50%; background: radial-gradient(circle, var(--terra) 35%, transparent 36%); }
.produit-option { background: var(--cream); border-left: 3px solid var(--terra); padding: 12px 16px; margin-bottom: 18px; font-size: 0.82rem; color: var(--brown); line-height: 1.6; display: flex; align-items: flex-start; gap: 10px; }
.produit-option strong { color: var(--terra); white-space: nowrap; }
.produit-zone { font-size: 0.75rem; color: var(--muted); font-style: italic; margin-bottom: 24px; display: flex; align-items: flex-start; gap: 8px; }
.produit-zone svg { width: 14px; height: 14px; stroke: var(--terra); fill: none; stroke-width: 1.5; flex-shrink: 0; margin-top: 2px; }
.btn-acheter { display: block; width: 100%; text-align: center; background: var(--terra); color: #fff; padding: 17px 24px; font-family: 'Raleway', sans-serif; font-size: 0.78rem; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 600; text-decoration: none; transition: background 0.3s, transform 0.2s; }
.btn-acheter:hover { background: var(--terra-dk); transform: translateY(-2px); }

#pourquoi { background: var(--cream); padding: 90px 60px; }
.pourquoi-inner { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.pourquoi-img { position: relative; height: 520px; }
.pourquoi-photo { position: absolute; inset: 0; background-image: url('https://images.unsplash.com/photo-1543269664-56d93c1b41a6?w=800&q=80'); background-size: cover; background-position: center; }
.pourquoi-float { position: absolute; bottom: -20px; right: -20px; background: var(--warm-dark); color: var(--terra-lt); padding: 24px 28px; }
.pourquoi-float::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--terra); }
.pourquoi-float p:first-child { font-family: 'Playfair Display', serif; font-size: 2rem; font-weight: 300; line-height: 1; }
.pourquoi-float p:last-child { font-size: 0.58rem; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(255,255,255,0.4); margin-top: 5px; }
.pourquoi-list { display: flex; flex-direction: column; gap: 20px; margin-top: 30px; }
.pourquoi-item { display: flex; gap: 18px; align-items: flex-start; }
.pourquoi-num { font-family: 'Playfair Display', serif; font-size: 1.8rem; color: var(--terra); font-weight: 300; line-height: 1; flex-shrink: 0; width: 36px; }
.pourquoi-item-text h4 { font-family: 'Playfair Display', serif; font-size: 1rem; font-weight: 500; color: var(--text); margin-bottom: 5px; }
.pourquoi-item-text p { font-size: 0.84rem; color: var(--muted); line-height: 1.7; }

#temoignages { padding: 90px 60px; background: var(--ivory); text-align: center; }
#temoignages .testi-grid { max-width: 1050px; margin: 50px auto 0; }

/* ══ À PROPOS — styles spécifiques ══ */
.citation-band { background: var(--warm-dark); padding: 52px 60px; text-align: center; }
.citation-text { font-family: 'Playfair Display', serif; font-size: clamp(1.2rem, 2.5vw, 1.7rem); font-style: italic; font-weight: 300; color: var(--cream); line-height: 1.7; max-width: 800px; margin: 0 auto 18px; }
.citation-text::before { content: '\201C'; color: var(--terra-lt); font-size: 2.5rem; line-height: 0; vertical-align: -0.5rem; margin-right: 6px; }
.citation-text::after  { content: '\201D'; color: var(--terra-lt); font-size: 2.5rem; line-height: 0; vertical-align: -0.5rem; margin-left: 6px; }
.citation-author { font-size: 0.72rem; letter-spacing: 0.28em; text-transform: uppercase; color: rgba(255,255,255,0.38); }

#aurore { padding: 100px 60px; }
.aurore-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }
.aurore-visual { position: relative; height: 600px; }
.aurore-photo-main { position: absolute; top: 0; left: 0; width: 82%; height: 86%; background-image: url('https://idealaurore.com/wp-content/uploads/2026/01/IMG_3927-scaled.jpg'); background-size: cover; background-position: center top; }
.aurore-deco { position: absolute; bottom: 0; right: 0; width: 44%; height: 44%; background: var(--cream); border: 1px solid var(--beige); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 24px; }
.aurore-deco-num { font-family: 'Playfair Display', serif; font-size: 3rem; color: var(--terra); font-weight: 300; line-height: 1; }
.aurore-deco-label { font-size: 0.6rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--muted); text-align: center; }
.aurore-corner { position: absolute; top: -16px; right: 40px; width: 60px; height: 60px; border: 2px solid var(--terra); opacity: 0.3; }
.aurore-text .section-title { text-align: left; margin-bottom: 28px; }
.aurore-text p { font-size: 0.92rem; color: var(--muted); line-height: 1.95; margin-bottom: 18px; }
.aurore-text p strong { color: var(--text); font-weight: 500; }
.aurore-diplome { display: flex; align-items: flex-start; gap: 16px; background: var(--cream); border-left: 3px solid var(--terra); padding: 18px 20px; margin: 28px 0; }
.aurore-diplome svg { width: 22px; height: 22px; stroke: var(--terra); fill: none; stroke-width: 1.5; flex-shrink: 0; margin-top: 2px; }
.aurore-diplome p { font-size: 0.84rem; color: var(--brown); line-height: 1.65; margin: 0; }
.aurore-diplome p strong { color: var(--text); }
.aurore-signature { font-family: 'Playfair Display', serif; font-size: 2.2rem; font-style: italic; color: var(--terra); margin-top: 10px; margin-bottom: 28px; display: block; }

#valeurs { background: var(--ivory); padding: 90px 60px; }
.valeurs-inner { max-width: 1100px; margin: 0 auto; }
.valeurs-header { text-align: center; margin-bottom: 64px; }
.valeurs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; background: var(--beige); }
.valeur-item { background: var(--white); padding: 52px 38px; text-align: center; position: relative; overflow: hidden; transition: transform 0.3s, box-shadow 0.3s; }
.valeur-item::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: var(--terra); transform: scaleX(0); transform-origin: center; transition: transform 0.4s; }
.valeur-item:hover { transform: translateY(-6px); box-shadow: 0 16px 50px rgba(192,99,58,0.1); }
.valeur-item:hover::after { transform: scaleX(1); }
.valeur-icon { font-size: 2.2rem; margin-bottom: 20px; display: block; }
.valeur-item h3 { font-family: 'Playfair Display', serif; font-size: 1.2rem; font-weight: 500; color: var(--text); margin-bottom: 14px; }
.valeur-item p { font-size: 0.85rem; color: var(--muted); line-height: 1.78; }

#histoire { padding: 100px 60px; background: var(--white); }
.histoire-inner { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }
.histoire-text .section-title { text-align: left; margin-bottom: 28px; }
.histoire-text p { font-size: 0.92rem; color: var(--muted); line-height: 1.95; margin-bottom: 18px; }
.histoire-tagline { font-family: 'Playfair Display', serif; font-size: 1.25rem; font-style: italic; color: var(--terra); border-left: 3px solid var(--terra); padding: 16px 24px; margin: 32px 0; line-height: 1.6; }
.histoire-img { position: relative; height: 500px; }
.histoire-photo-1 { position: absolute; top: 0; right: 0; width: 78%; height: 72%; background-image: url('https://images.unsplash.com/photo-1618221195710-dd6b41faaea6?w=700&q=80'); background-size: cover; background-position: center; }
.histoire-photo-2 { position: absolute; bottom: 0; left: 0; width: 52%; height: 48%; background-image: url('https://images.unsplash.com/photo-1567538096630-e0c55bd6374c?w=500&q=80'); background-size: cover; background-position: center; border: 6px solid var(--white); }
.histoire-badge { position: absolute; bottom: 28px; right: 0; background: var(--warm-dark); color: var(--terra-lt); padding: 20px 26px; }
.histoire-badge::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--terra); }
.histoire-badge p:first-child { font-family: 'Playfair Display', serif; font-size: 1.8rem; font-weight: 300; }
.histoire-badge p:last-child { font-size: 0.58rem; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(255,255,255,0.4); margin-top: 4px; }

.chiffres-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; max-width: 1000px; margin: 0 auto; }
.chiffre-item { text-align: center; padding: 20px; border-right: 1px solid rgba(255,255,255,0.08); }
.chiffre-item:last-child { border-right: none; }
.chiffre-num { font-family: 'Playfair Display', serif; font-size: 3rem; color: var(--terra-lt); font-weight: 300; line-height: 1; }
.chiffre-label { font-size: 0.62rem; letter-spacing: 0.24em; text-transform: uppercase; color: rgba(255,255,255,0.4); margin-top: 10px; line-height: 1.5; }

#demarche { background: var(--cream); padding: 90px 60px; }
.demarche-inner { max-width: 1000px; margin: 0 auto; }
.demarche-header { text-align: center; margin-bottom: 60px; }
.demarche-steps { display: flex; flex-direction: column; }
.demarche-step { display: grid; grid-template-columns: 80px 1fr; gap: 32px; align-items: flex-start; padding: 36px 0; border-bottom: 1px solid var(--beige); }
.demarche-step:last-child { border-bottom: none; }
.demarche-num { font-family: 'Playfair Display', serif; font-size: 3.5rem; color: var(--terra); opacity: 0.35; font-weight: 700; line-height: 1; text-align: center; }
.demarche-content h4 { font-family: 'Playfair Display', serif; font-size: 1.2rem; font-weight: 500; color: var(--text); margin-bottom: 10px; }
.demarche-content p { font-size: 0.88rem; color: var(--muted); line-height: 1.85; }

/* ══ RESPONSIVE (pages secondaires) ══ */
@media (max-width: 1024px) {
  * { max-width: 100%; }
  img, svg, video { max-width: 100%; }
  nav.nav-scrolled { padding: 14px 20px !important; }
  .nav-links, .btn-nav { display: none !important; }
  .hamburger { display: flex !important; }
  .breadcrumb { padding: 12px 20px; }
  .page-hero { height: 300px; }
  .page-hero-title { font-size: 2rem; }
  #intro, #inclus, #formules, #comparatif, #faq, #cta-final,
  #processus, #produits, #pourquoi, #temoignages,
  #aurore, #valeurs, #histoire, #demarche { padding: 60px 20px; }
  .inclus-grid { grid-template-columns: 1fr; }
  .formule-block, .formule-block.reverse { grid-template-columns: 1fr; direction: ltr; }
  .formule-block.reverse > * { direction: ltr; }
  .formule-visual { min-height: 260px; }
  .formule-content { padding: 36px 28px; }
  .comp-table { font-size: 0.8rem; }
  .comp-table td, .comp-table th { padding: 12px 10px; }
  .produits-grid { grid-template-columns: 1fr; max-width: 500px; margin: 0 auto; }
  .pourquoi-inner { grid-template-columns: 1fr; gap: 50px; }
  .pourquoi-img { height: 320px; }
  .pourquoi-float { right: 0 !important; bottom: 0 !important; }
  .aurore-inner, .histoire-inner { grid-template-columns: 1fr; gap: 50px; }
  .aurore-visual { height: 360px; }
  .histoire-img { height: 320px; }
  .histoire-badge { right: 0 !important; }
  .valeurs-grid { grid-template-columns: 1fr; gap: 0; }
  .chiffres-grid { grid-template-columns: 1fr 1fr; }
  .process-steps { grid-template-columns: 1fr 1fr; }
  .process-steps::before { display: none; }
  .citation-band { padding: 40px 20px; }
  footer { grid-template-columns: 1fr 1fr; padding: 50px 20px 0; gap: 34px; }
  .footer-bottom { margin: 40px -20px 0; padding: 18px 20px; flex-direction: column; gap: 8px; text-align: center; }
}
@media (max-width: 600px) {
  footer { grid-template-columns: 1fr; }
  .cta-btns { flex-direction: column; align-items: center; }
  .chiffres-grid { grid-template-columns: 1fr; }
  .chiffre-item { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.08); }
  .process-steps { grid-template-columns: 1fr; }
}