/* ===== CRÉER MON HUILE ===== */
.creer-hero { background: var(--cream); padding: 0; }
.creer-hero .wrap { display: grid; grid-template-columns: 1fr 1.3fr auto; gap: 34px; align-items: center; padding: 40px 0; }
.creer-hero h1 { font-size: clamp(2.4rem, 5vw, 4rem); line-height: 1.1; }
.creer-hero h1 .it { font-style: italic; font-weight: 500; }
.creer-hero .rule { display:flex; align-items:center; gap:10px; color:var(--sage); margin:18px 0; }
.creer-hero .rule::before { content:""; width:60px; height:1px; background:var(--sage); }
.creer-hero p { color: var(--text); max-width: 44ch; }
.creer-hero .photo img { width:100%; height:300px; object-fit:cover; border-radius:8px; }
.creer-hero .pictos { display:flex; flex-direction:column; gap:22px; }
.creer-hero .picto { display:flex; align-items:center; gap:10px; font-size:.7rem; letter-spacing:1px; color:var(--taupe); white-space:nowrap; }
.creer-hero .picto .ic { width:38px;height:38px;border-radius:50%;background:#efe7db;display:grid;place-items:center;flex-shrink:0; }

/* Étapes */
.steps-band { padding: 40px 0 20px; }
.steps-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:20px; }
.step-card { text-align:left; display:flex; flex-direction:column; }
.step-card .step-head { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.step-card .num { width:34px;height:34px;border-radius:50%;background:var(--taupe);color:#fff;
  display:grid;place-items:center;font-weight:700;flex-shrink:0;margin:0; }
.step-card .step-ic { color:var(--sage); display:flex; align-items:center; height:auto; margin:0; }
.step-card h3 { font-size:1.25rem; line-height:1.15; margin-bottom:14px; min-height:2.6em; }
.step-card .step-photo { width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:8px; margin-bottom:12px; }
.step-card p { font-size:.82rem; color:var(--muted); }

/* Bandeau CTA olive */
.creer-cta { background: var(--sage); color:#fff; padding:36px 0; }
.creer-cta .wrap { display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.creer-cta h2 { color:#fff; font-size:1.8rem; margin:0; }
.creer-cta h2 .it { font-style:italic; }
.creer-cta p { margin:6px 0 0; opacity:.9; font-size:.95rem; }
.creer-cta .btn { background:#faf6f0; color:var(--taupe); }

@media (max-width:980px){
  .creer-hero .wrap { grid-template-columns:1fr; padding-left:20px; padding-right:20px; }
  .creer-hero .photo { order:-1; }
  .creer-hero .pictos { flex-direction:row; flex-wrap:wrap; }
  .steps-grid { grid-template-columns:1fr 1fr; }
  .step-card h3 { min-height:auto; }
}
@media (max-width:560px){ .steps-grid { grid-template-columns:1fr; } }