{"product_id":"majorette-avant","title":"MAJORETTE (optimisation stylée)","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Bottes de majorette lacées blanches à talon bloc\nPalette détectée:\n  - Primaire: #2C2C2C (noir du talon, contraste élégant)\n  - Secondaire: #C0C0C0 (argenté des œillets métalliques)\n  - Accent: #D4AF37 (doré chaud pour évoquer le côté spectacle\/parade)\n  - Blanc dominant: #F5F5F5 (blanc cassé du cuir synthétique)\nAmbiance: Rétro-spectacle, parade, élégance scénique, années 60-70, féminité affirmée\nPréfixe CSS: mj\n--\u003e\n\n\u003cdiv class=\"mj-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"mj-hero\"\u003e\n    \u003cdiv class=\"mj-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mj-hero-content\"\u003e\n      \u003cdiv class=\"mj-badges-top\"\u003e\n        \u003cspan class=\"mj-badge\"\u003e🎀 Look iconique\u003c\/span\u003e\n        \u003cspan class=\"mj-badge\"\u003e👢 Tige mi-mollet\u003c\/span\u003e\n        \u003cspan class=\"mj-badge\"\u003e💃 Talon bloc 5 cm\u003c\/span\u003e\n        \u003cspan class=\"mj-badge\"\u003e✨ Blanc immaculé\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mj-hero-title\"\u003eBottes de majorette lacées blanches\u003c\/span\u003e\n      \u003cp class=\"mj-subtitle\"\u003eL'incontournable du costume de majorette — talon bloc stable\u003c\/p\u003e\n      \u003cp class=\"mj-description\"\u003eMontantes jusqu'au mollet, fermées par un lacet à œillets métalliques argentés et perchées sur un talon bloc stable de 5 cm environ, elles combinent esthétique rétro et maintien du pied pour bouger en toute confiance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- POURQUOI CES BOTTES --\u003e\n  \u003csection class=\"mj-section\"\u003e\n    \u003ch2\u003ePourquoi ces bottes sont-elles l'indispensable de la majorette ?\u003c\/h2\u003e\n    \u003cdiv class=\"mj-grid\"\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003cdiv class=\"mj-card-icon\"\u003e🎀\u003c\/div\u003e\n        \u003cdiv class=\"mj-card-title\"\u003eLook iconique\u003c\/div\u003e\n        \u003cp class=\"mj-card-text\"\u003eLe coloris blanc immaculé, le laçage long et les œillets argentés reproduisent fidèlement l'esthétique classique des corps de majorettes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003cdiv class=\"mj-card-icon\"\u003e💃\u003c\/div\u003e\n        \u003cdiv class=\"mj-card-title\"\u003eTalon bloc bas\u003c\/div\u003e\n        \u003cp class=\"mj-card-text\"\u003ePlus stable qu'un talon aiguille, il permet enchaînements et déplacements scéniques sans risque de chute.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003cdiv class=\"mj-card-icon\"\u003e👢\u003c\/div\u003e\n        \u003cdiv class=\"mj-card-title\"\u003eTige montante\u003c\/div\u003e\n        \u003cp class=\"mj-card-text\"\u003eLa hauteur mi-mollet assure le maintien de la cheville lors des figures et des parades.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003cdiv class=\"mj-card-icon\"\u003e✨\u003c\/div\u003e\n        \u003cdiv class=\"mj-card-title\"\u003ePolyvalence totale\u003c\/div\u003e\n        \u003cp class=\"mj-card-text\"\u003eDéfilé, spectacle de danse, soirée à thème, shooting photo rétro, cosplay années 60-70 — elles s'adaptent à toutes vos occasions.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003cdiv class=\"mj-card-icon\"\u003e🎭\u003c\/div\u003e\n        \u003cdiv class=\"mj-card-title\"\u003eCostume complet\u003c\/div\u003e\n        \u003cp class=\"mj-card-text\"\u003eAssociées à une tenue de majorette (justaucorps, jupe patineuse, chapeau), elles finalisent le look de pied en cap.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- DESCRIPTION DÉTAILLÉE --\u003e\n  \u003csection class=\"mj-section\"\u003e\n    \u003ch2\u003eDescription détaillée du modèle\u003c\/h2\u003e\n    \u003cdiv class=\"mj-specs-grid\"\u003e\n      \u003cdiv class=\"mj-spec-item\"\u003e\n        \u003cdiv class=\"mj-spec-label\"\u003eColoris\u003c\/div\u003e\n        \u003cdiv class=\"mj-spec-value\"\u003eBlanc uni — le coloris emblématique du costume de majorette\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-spec-item\"\u003e\n        \u003cdiv class=\"mj-spec-label\"\u003eHauteur de tige\u003c\/div\u003e\n        \u003cdiv class=\"mj-spec-value\"\u003eMi-mollet (bottes hautes lacées)\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-spec-item\"\u003e\n        \u003cdiv class=\"mj-spec-label\"\u003eFermeture\u003c\/div\u003e\n        \u003cdiv class=\"mj-spec-value\"\u003eLacet long passé dans des œillets métalliques argentés — réglable selon la largeur du mollet\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-spec-item\"\u003e\n        \u003cdiv class=\"mj-spec-label\"\u003eBout\u003c\/div\u003e\n        \u003cdiv class=\"mj-spec-value\"\u003eCarré légèrement arrondi, style vintage années 60-70\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-spec-item\"\u003e\n        \u003cdiv class=\"mj-spec-label\"\u003eTalon\u003c\/div\u003e\n        \u003cdiv class=\"mj-spec-value\"\u003eTalon bloc (cubain) de hauteur modérée — confort et stabilité assurés\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-spec-item\"\u003e\n        \u003cdiv class=\"mj-spec-label\"\u003eMatière extérieure\u003c\/div\u003e\n        \u003cdiv class=\"mj-spec-value\"\u003eSynthétique blanc (similicuir lisse), aspect soigné sous les projecteurs\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-spec-item\"\u003e\n        \u003cdiv class=\"mj-spec-label\"\u003eUsage principal\u003c\/div\u003e\n        \u003cdiv class=\"mj-spec-value\"\u003eCostume, scène, défilé, déguisement, spectacle\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- GUIDE DES TAILLES --\u003e\n  \u003csection class=\"mj-section\"\u003e\n    \u003ch2\u003eComment bien choisir votre taille ?\u003c\/h2\u003e\n    \u003cp class=\"mj-section-intro\"\u003ePour un confort optimal et un maintien efficace, nous vous conseillons de suivre ces trois étapes :\u003c\/p\u003e\n    \u003cdiv class=\"mj-steps\"\u003e\n      \u003cdiv class=\"mj-step\"\u003e\n        \u003cdiv class=\"mj-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"mj-step-content\"\u003e\n          \u003cdiv class=\"mj-step-title\"\u003eMesurez votre pied\u003c\/div\u003e\n          \u003cp class=\"mj-step-text\"\u003eMesurez la \u003cstrong\u003elongueur de votre pied\u003c\/strong\u003e en centimètres (du talon à l'orteil le plus long) et référez-vous au guide des tailles disponible sur la page.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-step\"\u003e\n        \u003cdiv class=\"mj-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"mj-step-content\"\u003e\n          \u003cdiv class=\"mj-step-title\"\u003eVérifiez votre mollet\u003c\/div\u003e\n          \u003cp class=\"mj-step-text\"\u003eMesurez également la \u003cstrong\u003ecirconférence de votre mollet\u003c\/strong\u003e : le laçage permet un certain ajustement, mais vérifiez que la tige peut s'ouvrir suffisamment.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-step\"\u003e\n        \u003cdiv class=\"mj-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"mj-step-content\"\u003e\n          \u003cdiv class=\"mj-step-title\"\u003eEn cas de doute\u003c\/div\u003e\n          \u003cp class=\"mj-step-text\"\u003eSi vous hésitez entre deux tailles, \u003cstrong\u003eoptez pour la taille supérieure\u003c\/strong\u003e pour ne pas comprimer le pied lors des performances.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ENTRETIEN --\u003e\n  \u003csection class=\"mj-section\"\u003e\n    \u003ch2\u003eComment entretenir vos bottes blanches ?\u003c\/h2\u003e\n    \u003cdiv class=\"mj-grid mj-grid-2\"\u003e\n      \u003cdiv class=\"mj-care-card\"\u003e\n        \u003cdiv class=\"mj-care-icon\"\u003e🧼\u003c\/div\u003e\n        \u003cdiv class=\"mj-care-title\"\u003eNettoyage\u003c\/div\u003e\n        \u003cp class=\"mj-care-text\"\u003eNettoyez la surface avec un \u003cstrong\u003echiffon humide et du savon doux\u003c\/strong\u003e — évitez les produits abrasifs qui terniraient le blanc.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-care-card\"\u003e\n        \u003cdiv class=\"mj-care-icon\"\u003e🌬️\u003c\/div\u003e\n        \u003cdiv class=\"mj-care-title\"\u003eSéchage\u003c\/div\u003e\n        \u003cp class=\"mj-care-text\"\u003eLaissez sécher à l'air libre, \u003cstrong\u003eà l'abri du soleil direct\u003c\/strong\u003e pour éviter le jaunissement du synthétique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-care-card\"\u003e\n        \u003cdiv class=\"mj-care-icon\"\u003e📦\u003c\/div\u003e\n        \u003cdiv class=\"mj-care-title\"\u003eRangement\u003c\/div\u003e\n        \u003cp class=\"mj-care-text\"\u003eRangez-les dans leur boîte ou dans un sac à chaussures, \u003cstrong\u003ebourrées de papier de soie\u003c\/strong\u003e pour conserver la forme de la tige.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-care-card\"\u003e\n        \u003cdiv class=\"mj-care-icon\"\u003e✨\u003c\/div\u003e\n        \u003cdiv class=\"mj-care-title\"\u003eÉclat du blanc\u003c\/div\u003e\n        \u003cp class=\"mj-care-text\"\u003ePour raviver l'éclat, utilisez un \u003cstrong\u003enettoyant pour similicuir\u003c\/strong\u003e ou un lait pour chaussures synthétiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"mj-section\"\u003e\n    \u003ch2\u003eCes bottes vous correspondent si…\u003c\/h2\u003e\n    \u003cdiv class=\"mj-grid\"\u003e\n      \u003cdiv class=\"mj-profile-card\"\u003e\n        \u003cdiv class=\"mj-profile-icon\"\u003e🎶\u003c\/div\u003e\n        \u003cp class=\"mj-profile-text\"\u003eVous faites partie d'une \u003cstrong\u003etroupe de majorettes ou de twirling\u003c\/strong\u003e et cherchez des bottes assorties pour le groupe.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-profile-card\"\u003e\n        \u003cdiv class=\"mj-profile-icon\"\u003e🎉\u003c\/div\u003e\n        \u003cp class=\"mj-profile-text\"\u003eVous préparez un \u003cstrong\u003edéguisement de majorette\u003c\/strong\u003e pour un carnaval, une soirée déguisée ou un événement festif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-profile-card\"\u003e\n        \u003cdiv class=\"mj-profile-icon\"\u003e📸\u003c\/div\u003e\n        \u003cp class=\"mj-profile-text\"\u003eVous cherchez des \u003cstrong\u003ebottes rétro blanches années 60\u003c\/strong\u003e pour un shooting photo ou un projet artistique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-profile-card\"\u003e\n        \u003cdiv class=\"mj-profile-icon\"\u003e🎭\u003c\/div\u003e\n        \u003cp class=\"mj-profile-text\"\u003eVous montez un \u003cstrong\u003espectacle de danse ou un show\u003c\/strong\u003e et avez besoin de chaussures scéniques reconnaissables et visuellement impactantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- FAQ --\u003e\n  \u003csection class=\"mj-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"mj-faq-list\"\u003e\n      \u003cdiv class=\"mj-faq-item\"\u003e\n        \u003cdiv class=\"mj-faq-question\"\u003e💬 Ces bottes sont-elles adaptées à la danse ?\u003c\/div\u003e\n        \u003cp class=\"mj-faq-answer\"\u003eElles sont conçues pour un usage scénique et de défilé. Le talon bloc offre une bonne stabilité pour les déplacements et enchaînements légers. Pour une pratique intensive, vérifiez que la semelle intérieure vous convient et n'hésitez pas à ajouter une semelle de confort.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-faq-item\"\u003e\n        \u003cdiv class=\"mj-faq-question\"\u003e💬 Peut-on les porter en extérieur ?\u003c\/div\u003e\n        \u003cp class=\"mj-faq-answer\"\u003eOui, mais leur usage principal reste la scène et le costume. La semelle synthétique convient aux sols plats (gymnase, scène, bitume lors d'un défilé). Évitez les terrains accidentés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-faq-item\"\u003e\n        \u003cdiv class=\"mj-faq-question\"\u003e💬 Le blanc résiste-t-il bien dans le temps ?\u003c\/div\u003e\n        \u003cp class=\"mj-faq-answer\"\u003eAvec un entretien régulier (nettoyage après chaque utilisation, rangement adapté), le blanc se conserve très bien entre chaque prestation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-faq-item\"\u003e\n        \u003cdiv class=\"mj-faq-question\"\u003e💬 Ces bottes existent-elles en d'autres coloris ?\u003c\/div\u003e\n        \u003cp class=\"mj-faq-answer\"\u003eCe modèle est proposé en blanc, la couleur de référence du costume de majorette traditionnel. Consultez notre catalogue pour d'éventuelles déclinaisons.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"mj-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"mj-cta-box\"\u003e\n      \u003cdiv class=\"mj-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"mj-cta-content\"\u003e\n        \u003cdiv class=\"mj-cta-icon\"\u003e👢✨\u003c\/div\u003e\n        \u003cp\u003eBlanches, lacées, montantes et intemporelles — ces bottes de majorette sont bien plus qu'un accessoire : elles sont la \u003cstrong\u003esignature visuelle\u003c\/strong\u003e d'un art de la scène exigeant et flamboyant.\u003c\/p\u003e\n        \u003cp class=\"mj-cta-highlight\"\u003eQue vous défilez sous les projecteurs ou préparez le costume parfait, elles vous portent avec assurance, du premier pas jusqu'aux applaudissements finaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --mj-cream: #FAF8F5;\n  --mj-white: #ffffff;\n  --mj-primary: #2C2C2C;\n  --mj-primary-dark: #1a1a1a;\n  --mj-primary-light: #F0EDED;\n  --mj-secondary: #A8A8A8;\n  --mj-accent: #D4AF37;\n  --mj-accent-light: #FDF6E3;\n  --mj-text: #1a1a1a;\n  --mj-text-light: #5a5a5a;\n  --mj-border: #e8e4e0;\n  --mj-shadow: 0 4px 24px rgba(0,0,0,.07);\n  --mj-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n  --mj-radius: 20px;\n  --mj-radius-sm: 12px;\n}\n\n.mj-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mj-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--mj-text);\n  line-height: 1.6;\n}\n\n.mj-premium *, .mj-premium *::before, .mj-premium *::after {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.mj-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--mj-primary) 0%, #3a3a3a 40%, #4a4a4a 70%, var(--mj-primary-dark) 100%);\n  border-radius: var(--mj-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--mj-shadow-lg);\n}\n\n.mj-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image:\n    radial-gradient(circle at 20% 30%, rgba(212,175,55,.15) 0%, transparent 50%),\n    radial-gradient(circle at 80% 70%, rgba(212,175,55,.1) 0%, transparent 40%),\n    repeating-linear-gradient(45deg, transparent, transparent 40px, rgba(255,255,255,.02) 40px, rgba(255,255,255,.02) 80px);\n  opacity: 1;\n}\n\n.mj-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mj-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: clamp(1.5rem, 3vw, 2rem);\n}\n\n.mj-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 18px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--mj-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.15);\n  transition: all .3s ease;\n  border: 1px solid rgba(212,175,55,.2);\n}\n\n.mj-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 6px 20px rgba(212,175,55,.25);\n}\n\n.mj-hero-title {\n  display: block;\n  color: var(--mj-white);\n  font-size: clamp(30px, 7vw, 50px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.3);\n  line-height: 1.1;\n}\n\n.mj-subtitle {\n  color: var(--mj-accent);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 700;\n  margin: 0 0 1.5rem 0;\n  letter-spacing: .02em;\n  text-transform: uppercase;\n}\n\n.mj-hero .mj-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 2.2vw, 18px);\n  max-width: 700px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.mj-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.mj-section-intro {\n  text-align: center;\n  color: var(--mj-text-light);\n  font-size: clamp(15px, 2vw, 17px);\n  max-width: 650px;\n  margin: -0.5rem auto clamp(1.5rem, 3vw, 2.5rem) auto;\n  line-height: 1.7;\n}\n\n.mj-premium h2 {\n  font-size: clamp(24px, 5vw, 34px);\n  font-weight: 900;\n  color: var(--mj-primary-dark);\n  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.2;\n}\n\n.mj-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--mj-accent), var(--mj-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.mj-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.mj-grid-2 {\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n}\n\n\/* === CARDS BÉNÉFICES === *\/\n.mj-card {\n  background: var(--mj-white);\n  border-radius: var(--mj-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--mj-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mj-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--mj-shadow-lg);\n  border-color: var(--mj-accent);\n}\n\n.mj-card-icon {\n  font-size: 40px;\n  margin-bottom: 12px;\n  display: block;\n  line-height: 1;\n}\n\n.mj-card-title {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--mj-primary-dark);\n  margin-bottom: 8px;\n  letter-spacing: -.02em;\n}\n\n.mj-card-text {\n  font-size: 14px;\n  color: var(--mj-text-light);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === SPECS === *\/\n.mj-specs-grid {\n  display: grid;\n  gap: 0;\n  background: var(--mj-white);\n  border-radius: var(--mj-radius);\n  overflow: hidden;\n  box-shadow: var(--mj-shadow);\n}\n\n.mj-spec-item {\n  display: grid;\n  grid-template-columns: 180px 1fr;\n  align-items: stretch;\n  border-bottom: 1px solid var(--mj-border);\n  transition: background .3s ease;\n}\n\n.mj-spec-item:last-child {\n  border-bottom: none;\n}\n\n.mj-spec-item:hover {\n  background: var(--mj-accent-light);\n}\n\n.mj-spec-label {\n  font-weight: 800;\n  font-size: 14px;\n  color: var(--mj-primary-dark);\n  padding: 16px 20px;\n  background: var(--mj-primary-light);\n  display: flex;\n  align-items: center;\n  text-transform: uppercase;\n  letter-spacing: .03em;\n  border-right: 3px solid var(--mj-accent);\n}\n\n.mj-spec-value {\n  font-size: 14px;\n  color: var(--mj-text-light);\n  padding: 16px 20px;\n  display: flex;\n  align-items: center;\n  line-height: 1.5;\n}\n\n\/* === STEPS === *\/\n.mj-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n  max-width: 750px;\n  margin: 0 auto;\n}\n\n.mj-step {\n  display: flex;\n  gap: clamp(1rem, 3vw, 1.5rem);\n  align-items: flex-start;\n  background: var(--mj-white);\n  border-radius: var(--mj-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--mj-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.mj-step:hover {\n  transform: translateX(8px);\n  border-color: var(--mj-accent);\n  box-shadow: var(--mj-shadow-lg);\n}\n\n.mj-step-number {\n  flex-shrink: 0;\n  width: 50px;\n  height: 50px;\n  background: linear-gradient(135deg, var(--mj-primary) 0%, #3a3a3a 100%);\n  color: var(--mj-accent);\n  font-size: 22px;\n  font-weight: 900;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 16px rgba(0,0,0,.15);\n}\n\n.mj-step-content {\n  flex: 1;\n}\n\n.mj-step-title {\n  font-size: 17px;\n  font-weight: 800;\n  color: var(--mj-primary-dark);\n  margin-bottom: 6px;\n  letter-spacing: -.02em;\n}\n\n.mj-step-text {\n  font-size: 14px;\n  color: var(--mj-text-light);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CARE CARDS === *\/\n.mj-care-card {\n  background: var(--mj-white);\n  border-radius: var(--mj-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--mj-shadow);\n  border: 2px solid transparent;\n  text-align: center;\n  transition: all .3s ease;\n}\n\n.mj-care-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--mj-shadow-lg);\n  border-color: var(--mj-accent);\n}\n\n.mj-care-icon {\n  font-size: 36px;\n  margin-bottom: 10px;\n  display: block;\n  line-height: 1;\n}\n\n.mj-care-title {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--mj-primary-dark);\n  margin-bottom: 8px;\n  letter-spacing: -.02em;\n}\n\n.mj-care-text {\n  font-size: 14px;\n  color: var(--mj-text-light);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === PROFILE CARDS === *\/\n.mj-profile-card {\n  background: var(--mj-white);\n  border-radius: var(--mj-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--mj-shadow);\n  border-left: 4px solid var(--mj-accent);\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  transition: all .3s ease;\n}\n\n.mj-profile-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mj-shadow-lg);\n}\n\n.mj-profile-icon {\n  font-size: 32px;\n  flex-shrink: 0;\n  line-height: 1;\n}\n\n.mj-profile-text {\n  font-size: 14px;\n  color: var(--mj-text-light);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === FAQ === *\/\n.mj-faq-list {\n  max-width: 800px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.mj-faq-item {\n  background: var(--mj-white);\n  border-radius: var(--mj-radius-sm);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--mj-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.mj-faq-item:hover {\n  border-color: var(--mj-accent);\n  box-shadow: var(--mj-shadow-lg);\n}\n\n.mj-faq-question {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--mj-primary-dark);\n  margin-bottom: 10px;\n  letter-spacing: -.02em;\n}\n\n.mj-faq-answer {\n  font-size: 14px;\n  color: var(--mj-text-light);\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.mj-cta-box {\n  background: linear-gradient(135deg, var(--mj-primary) 0%, #3a3a3a 50%, var(--mj-primary-dark) 100%);\n  border-radius: var(--mj-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--mj-shadow-lg);\n}\n\n.mj-cta-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background:\n    radial-gradient(circle at 25% 25%, rgba(212,175,55,.12) 0%, transparent 50%),\n    radial-gradient(circle at 75% 75%, rgba(212,175,55,.08) 0%, transparent 40%);\n}\n\n.mj-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.mj-cta-icon {\n  font-size: 48px;\n  margin-bottom: 1.5rem;\n  display: block;\n  line-height: 1;\n}\n\n.mj-cta-box p {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 500;\n  margin: 0 auto 1rem auto;\n  max-width: 650px;\n}\n\n.mj-cta-box p:last-child {\n  margin-bottom: 0;\n}\n\n.mj-cta-highlight {\n  color: var(--mj-accent) !important;\n  font-weight: 700 !important;\n  font-size: clamp(16px, 2.8vw, 21px) !important;\n  text-shadow: 0 2px 12px rgba(0,0,0,.2);\n}\n\n.mj-cta-box p strong {\n  color: var(--mj-white);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .mj-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .mj-grid-2 {\n    grid-template-columns: 1fr;\n  }\n\n  .mj-spec-item {\n    grid-template-columns: 1fr;\n  }\n\n  .mj-spec-label {\n    border-right: none;\n    border-bottom: 2px solid var(--mj-accent);\n    padding: 12px 16px;\n    font-size: 13px;\n  }\n\n  .mj-spec-value {\n    padding: 12px 16px;\n  }\n\n  .mj-step {\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n  }\n\n  .mj-step:hover {\n    transform: translateY(-4px);\n  }\n\n  .mj-profile-card {\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    border-left: none;\n    border-top: 4px solid var(--mj-accent);\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .mj-card, .mj-care-card, .mj-profile-card, .mj-faq-item, .mj-step {\n    animation: mjFadeInUp .6s ease backwards;\n  }\n  .mj-card:nth-child(1), .mj-care-card:nth-child(1), .mj-profile-card:nth-child(1), .mj-faq-item:nth-child(1), .mj-step:nth-child(1) { animation-delay: .1s; }\n  .mj-card:nth-child(2), .mj-care-card:nth-child(2), .mj-profile-card:nth-child(2), .mj-faq-item:nth-child(2), .mj-step:nth-child(2) { animation-delay: .2s; }\n  .mj-card:nth-child(3), .mj-care-card:nth-child(3), .mj-profile-card:nth-child(3), .mj-faq-item:nth-child(3), .mj-step:nth-child(3) { animation-delay: .3s; }\n  .mj-card:nth-child(4), .mj-care-card:nth-child(4), .mj-profile-card:nth-child(4), .mj-faq-item:nth-child(4) { animation-delay: .4s; }\n  .mj-card:nth-child(5) { animation-delay: .5s; }\n}\n\n@keyframes mjFadeInUp {\n  from { opacity: 0; transform: translateY(40px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .mj-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .mj-card, .mj-care-card, .mj-profile-card, .mj-faq-item, .mj-step {\n    border: 2px solid var(--mj-primary);\n  }\n  .mj-badge {\n    border: 2px solid var(--mj-primary);\n  }\n}\n\u003c\/style\u003e","brand":"Ecom Optimizer","offers":[{"title":"Default Title","offer_id":57479518323036,"sku":null,"price":95.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1006\/9295\/1388\/files\/majorette.avif?v=1777377478","url":"https:\/\/ecom-optimizer.com\/products\/majorette-avant","provider":"Ecom Optimizer","version":"1.0","type":"link"}