# 🔥 WIZARD - SIMPLIFICATION TOTALE

## Changements

### ❌ VIRÉ
- Sidebar gauche avec étapes
- Aperçu "immédiat" à droite
- Tous les styles associés (500+ lignes)

### ✅ GARDÉ
- Header avec progress bar
- Formulaire central (1 colonne)
- Boutons de navigation (bas)

---

## Layout Final

```
┌──────────────────────────────┐
│ ASSISTANT ROAD TRIP          │ Header
│ Personnalisez Voyage         │
│ ━━━━━━ 33% 1/3 - Fondations │
├──────────────────────────────┤
│                              │
│    FORMULAIRE CENTRAL        │
│    (1 colonne, max 720px)    │
│                              │
│    [Nom du plan_______]      │
│    [Objectif__________]      │
│    [Personas...]             │
│                              │
├──────────────────────────────┤
│ [Fermer]    [Précédent][→]  │ Footer sticky
└──────────────────────────────┘
```

---

## Largeurs

| Écran | Popup | Formulaire |
|-------|-------|------------|
| Mobile | 100vw | 100% - 40px |
| Tablette | 680px | 680px - 80px = 600px |
| Desktop | 900px | 720px (max-width centré) |

**Résultat:** Formulaire toujours lisible, jamais coupé.

---

## Code Clé

```scss
// Popup simple
.plan-wizard {
  width: 100vw;
  
  @media (min-width: 640px) {
    width: min(680px, 94vw);
  }
  
  @media (min-width: 1024px) {
    width: min(900px, 92vw);
  }
}

// Body sans grid (juste flex)
.plan-wizard__body {
  display: flex;
  flex-direction: column;
}

// Panel central avec max-width
.plan-wizard__section {
  max-width: 720px;
  margin: 0 auto;
}
```

---

## Résultat

✅ **PAS de débordement**  
✅ **PAS de scroll horizontal**  
✅ **PAS de confusion** (1 seule chose à regarder)  
✅ **Navigation claire** (Précédent/Suivant en bas)

**C'est tout. Simple et ça marche.**
