/* =====================================================================
   LES FEUILLES DE LA PAGE PRODUITS, DANS L'ORDRE
   ---------------------------------------------------------------------
   Une seule feuille à demander dans la page, et l'ORDRE est garanti —
   même raison que `socle/tout.css` : un ordre qui dépendrait de la
   façon dont le site assemble ses balises changerait sans prévenir.

   Elle vient APRÈS `socle/tout.css`, jamais à sa place : la page
   produits porte la même barre du haut, le même pied et le même fond
   « carnet d'ordres » que le reste du site.

     1. `produits-cloche.css`          la feuille de la maquette validée,
                                       SOUS CLOCHE ;
     2. `produits-maquette-cloche.css` le <style> que la maquette garde
                                       DANS sa page — la fiche d'ordre et
                                       les deux alignements demandés le
                                       21/09 — SOUS CLOCHE. ⚠️ Il est aussi
                                       indispensable que la feuille, et
                                       l'oublier laisse la page à moitié
                                       habillée : c'est la faute du 21/09
                                       sur l'accueil, refaite ici au
                                       premier essai ;
     3. `produits-site.css`            ce que le site réaffirme par-dessus.

   ⭐⭐ « SOUS CLOCHE » — CE QUI A CHANGÉ LE 23/09/2026 AU SOIR, ET
   POURQUOI IL FALLAIT LE FAIRE AVANT TOUT LE RESTE.
   ---------------------------------------------------------------------
   Le configurateur descend dans la PAGE D'ACCUEIL. Or `produits.css`
   est la feuille d'une MAQUETTE qui s'ouvrait toute seule : elle porte
   sa propre base — `:root`, `html`, `body`, `h1`→`h4`, `p`, `a`,
   `.wrap`, `.btn`, `.lead`, `.kicker`, `.nav`, `.foot`. Mesuré :
   **27 de ses sélecteurs touchent des éléments qui existent aussi sur
   l'accueil**. Posée telle quelle sur l'accueil, elle en changeait les
   polices, la largeur de lecture et la barre du haut.

   `scripts/faire-css-produits.mjs` en fabrique donc une copie où chaque
   sélecteur est enfermé dans `.page-produits` — la classe que porte le
   configurateur, et rien d'autre sur la page. Aucune déclaration n'est
   réécrite ; seuls les sélecteurs changent.

   ⛔ LES DEUX FEUILLES D'ORIGINE NE SONT PLUS SERVIES, MAIS ELLES
   RESTENT. Ce sont elles la copie fidèle de la maquette, et c'est
   elles qu'on recopiera le jour où la maquette bougera. On ne les
   modifie jamais à la main — et on ne modifie pas non plus les deux
   `-cloche.css`, qui sont fabriquées.
   ===================================================================== */
@import url('produits-cloche.css');
@import url('produits-maquette-cloche.css');
@import url('produits-site.css');
/* 4. ⭐ 21/10/2026 — SES MODIFICATIONS N° 02, ET ELLE EST LA DERNIÈRE.
      C'est volontaire : hier, une valeur était ÉCRITE et la page en
      affichait une autre, parce qu'une seconde feuille la démentait plus
      bas. Celle-ci parle en dernier, donc c'est la sienne qui s'applique.
      Elle n'habille que `.cfg2`, que ne porte rien d'autre sur la page. */
@import url('configurateur-02.css');