{"product_id":"shampoing-fixateur-couleurs-revelateur-eclat-bio-lescouleursdejeanne","title":"Shampoing Fixateur \u0026 Révélateur d'Éclat Bio - 230 ml - Les Couleurs de Jeanne","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Shampoing Fixateur \u0026 Révélateur D'éclat Bio - Les Couleurs de Jeanne\nPalette détectée:\n  - Primaire: #C42A3C (rouge framboise\/bordeaux du packaging et du logo)\n  - Secondaire: #E8A0A0 (rose pâle des touches décoratives)\n  - Accent: #8B1A2B (bordeaux foncé pour les textes)\nAmbiance: Féminin, naturel\/bio, doux et élégant, esprit français artisanal, clean beauty\nPréfixe CSS: cj\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Conseil d'utilisation\"\n  2. \"Composition\"\n  3. \"Origine et fabrication\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"cj-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"cj-hero\"\u003e\n    \u003cdiv class=\"cj-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cj-hero-content\"\u003e\n      \u003cdiv class=\"cj-badges-top\"\u003e\n        \u003cspan class=\"cj-badge\"\u003e🌿 Certifié BIO Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"cj-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"cj-badge\"\u003e🚫 Sans sulfates\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cj-hero-title\"\u003eShampoing fixateur \u0026amp; révélateur d'éclat bio\u003c\/span\u003e\n      \u003cp class=\"cj-subtitle\"\u003eLes Couleurs de Jeanne — 230 ml\u003c\/p\u003e\n      \u003cp class=\"cj-description\"\u003eSublimez la brillance de vos cheveux naturels ou colorés grâce à une formule bio d'exception, enrichie en aloe vera, calendula et camomille. Couleur prolongée, éclat révélé.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION : Bienfaits clés (avant les H2 source, enrichissement commercial) --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003e✨ Pourquoi ce shampoing va transformer vos cheveux ?\u003c\/h2\u003e\n    \u003cp class=\"cj-section-intro\"\u003eUne synergie d'actifs naturels pour des cheveux éclatants de santé et de couleur, lavage après lavage.\u003c\/p\u003e\n    \u003cdiv class=\"cj-grid\"\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🎨 Fixateur de couleur\u003c\/h3\u003e\n        \u003cp\u003eProlonge l'intensité et la tenue de votre couleur naturelle ou de votre coloration végétale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e💎 Révélateur d'éclat\u003c\/h3\u003e\n        \u003cp\u003eRévèle la brillance et la vitalité de vos cheveux dès le premier shampooing.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🛡️ Protection capillaire\u003c\/h3\u003e\n        \u003cp\u003eProtège la fibre capillaire contre les agressions extérieures et renforce sa structure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n        \u003cp\u003eNourrit en profondeur sans alourdir grâce à sa base lavante douce dérivée de sucre et de coco.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌱 100% clean beauty\u003c\/h3\u003e\n        \u003cp\u003eSans sulfates, parabènes, silicones ni colorants artificiels. Que du bon pour vos cheveux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e♻️ Écoresponsable\u003c\/h3\u003e\n        \u003cp\u003eFlacon recyclable de 230 ml, ingrédients bio et fabrication à faible impact écologique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #1 : Conseil d'utilisation --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003eConseil d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"cj-timeline\"\u003e\n      \u003cdiv class=\"cj-timeline-item\"\u003e\n        \u003cdiv class=\"cj-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cj-timeline-content\"\u003e\n          \u003ch3\u003eMouillez vos cheveux\u003c\/h3\u003e\n          \u003cp\u003eHumidifiez abondamment vos cheveux à l'eau tiède pour ouvrir les écailles du cheveu.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-timeline-item\"\u003e\n        \u003cdiv class=\"cj-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cj-timeline-content\"\u003e\n          \u003ch3\u003eAppliquez une noix de shampoing\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noix de shampoing fixateur \u0026amp; révélateur d'éclat BIO dans le creux de votre main.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-timeline-item\"\u003e\n        \u003cdiv class=\"cj-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cj-timeline-content\"\u003e\n          \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n          \u003cp\u003eMassez le cuir chevelu en mouvements circulaires puis étirez sur les longueurs. Laissez agir quelques instants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-timeline-item\"\u003e\n        \u003cdiv class=\"cj-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"cj-timeline-content\"\u003e\n          \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau claire. Pour maximiser l'effet fixateur et révélateur d'éclat, complétez avec l'après-shampoing de la même gamme.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cj-tip\"\u003e\n      \u003cspan class=\"cj-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Utilisez régulièrement pour prolonger la durée de votre couleur et maintenir l'éclat naturel de vos cheveux au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 : Composition --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003eComposition\u003c\/h2\u003e\n    \u003cp class=\"cj-section-intro\"\u003eUne sélection d'ingrédients d'origine naturelle et biologique, soigneusement choisis pour sublimer vos cheveux.\u003c\/p\u003e\n    \u003cdiv class=\"cj-grid\"\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌵 Extrait d'aloe vera\u003c\/h3\u003e\n        \u003cp\u003eHydrate et protège le cuir chevelu en profondeur, pour une base saine et apaisée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🫒 Huile de jojoba\u003c\/h3\u003e\n        \u003cp\u003eRégénère et revitalise les cheveux ternes en restaurant leur film lipidique naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌼 Extraits de calendula et camomille\u003c\/h3\u003e\n        \u003cp\u003eApaisent le cuir chevelu sensible et illuminent les cheveux de reflets dorés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌾 Protéines de blé hydrolysées\u003c\/h3\u003e\n        \u003cp\u003eRenforcent la structure capillaire de l'intérieur et améliorent la résistance du cheveu.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🥥 Base lavante douce sucre \u0026amp; coco\u003c\/h3\u003e\n        \u003cp\u003eNettoie en douceur sans dessécher ni agresser la fibre capillaire. Mousse onctueuse et agréable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cj-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"cj-card cj-card-clean\"\u003e\n        \u003ch3\u003e🚫 Sans sulfates\u003c\/h3\u003e\n        \u003cp\u003eDoux pour le cuir chevelu\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card cj-card-clean\"\u003e\n        \u003ch3\u003e🚫 Sans parabènes\u003c\/h3\u003e\n        \u003cp\u003eFormule saine\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card cj-card-clean\"\u003e\n        \u003ch3\u003e🚫 Sans silicones\u003c\/h3\u003e\n        \u003cp\u003eCheveux qui respirent\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card cj-card-clean\"\u003e\n        \u003ch3\u003e🚫 Sans colorants\u003c\/h3\u003e\n        \u003cp\u003e100% naturel\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 : Origine et fabrication --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n    \u003cp class=\"cj-section-intro\"\u003eUn savoir-faire français, engagé pour la planète et vos cheveux.\u003c\/p\u003e\n    \u003cdiv class=\"cj-accordion\"\u003e\n      \u003cdetails class=\"cj-accordion-item\" open\u003e\n        \u003csummary class=\"cj-accordion-header\"\u003e🇫🇷 Fabrication française\u003c\/summary\u003e\n        \u003cdiv class=\"cj-accordion-content mt-3\"\u003e\n          \u003cp\u003eLe shampoing fixateur \u0026amp; révélateur d'éclat BIO est fabriqué en France, dans le respect des normes environnementales et sociales les plus strictes. L'ensemble du processus de fabrication est conçu pour minimiser l'impact écologique, garantissant un produit à la fois efficace et écoresponsable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cj-accordion-item\"\u003e\n        \u003csummary class=\"cj-accordion-header\"\u003e🌿 Engagement Les Couleurs de Jeanne\u003c\/summary\u003e\n        \u003cdiv class=\"cj-accordion-content mt-3\"\u003e\n          \u003cp\u003eLes Couleurs de Jeanne s'engage à utiliser des ingrédients de haute qualité, issus de l'agriculture biologique, et à promouvoir des pratiques durables et respectueuses de la nature. Chaque produit reflète cette philosophie de soin authentique et responsable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cj-accordion-item\"\u003e\n        \u003csummary class=\"cj-accordion-header\"\u003e♻️ Packaging écoresponsable\u003c\/summary\u003e\n        \u003cdiv class=\"cj-accordion-content mt-3\"\u003e\n          \u003cp\u003eEmballé dans un flacon recyclable de 230 ml, ce shampoing est idéal pour une utilisation quotidienne tout en respectant l'environnement. Un format pratique et durable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"cj-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"cj-cta-box\"\u003e\n      \u003cp\u003e🌸 Offrez à vos cheveux le soin qu'ils méritent. Profitez d'une chevelure éclatante de santé et de couleur avec le shampoing fixateur \u0026amp; révélateur d'éclat BIO Les Couleurs de Jeanne.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cj-disclaimer\"\u003eComplément capillaire. Les résultats peuvent varier selon la nature des cheveux et la fréquence d'utilisation.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cj-cream: #FDF6F7;\n  --cj-white: #ffffff;\n  --cj-primary: #C42A3C;\n  --cj-primary-dark: #8B1A2B;\n  --cj-primary-light: #FBEAED;\n  --cj-secondary: #E8A0A0;\n  --cj-accent: #D94F63;\n  --cj-text: #1a1a1a;\n  --cj-text-light: #5a5a5a;\n  --cj-border: #F0D4D8;\n  --cj-shadow: 0 4px 24px rgba(196,42,60,.08);\n  --cj-shadow-lg: 0 12px 48px rgba(139,26,43,.15);\n  --cj-radius: 20px;\n  --cj-radius-sm: 12px;\n}\n\n.cj-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cj-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cj-hero {\n  position: relative;\n  background: linear-gradient(135deg, #C42A3C 0%, #D94F63 45%, #E8A0A0 100%);\n  border-radius: var(--cj-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cj-shadow-lg);\n}\n\n.cj-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background:\n    radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n    radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.cj-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cj-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.cj-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.cj-description {\n  color: rgba(255,255,255,.88);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.cj-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cj-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\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(--cj-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cj-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cj-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cj-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cj-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.cj-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(--cj-primary), var(--cj-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cj-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cj-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.6;\n}\n\n\/* === CARDS === *\/\n.cj-card {\n  background: var(--cj-white);\n  border-radius: var(--cj-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cj-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cj-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cj-shadow-lg);\n  border-color: var(--cj-primary);\n}\n\n.cj-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cj-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cj-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cj-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cj-card-clean {\n  background: var(--cj-primary-light);\n  border: 2px solid var(--cj-border);\n}\n\n.cj-card-clean:hover {\n  border-color: var(--cj-primary);\n  background: var(--cj-white);\n}\n\n\/* === GRILLES === *\/\n.cj-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cj-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cj-grid-compact .cj-card {\n  padding: 1rem;\n}\n\n.cj-grid-compact .cj-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cj-grid-compact .cj-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cj-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cj-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cj-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cj-primary), var(--cj-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.cj-timeline-content {\n  flex: 1;\n  background: var(--cj-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cj-radius-sm);\n  box-shadow: var(--cj-shadow);\n}\n\n.cj-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cj-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cj-timeline-content p {\n  font-size: 14px;\n  color: var(--cj-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cj-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cj-primary-light);\n  border-radius: var(--cj-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.cj-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cj-tip p {\n  font-size: 14px;\n  color: var(--cj-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cj-accordion {\n  background: var(--cj-white);\n  border-radius: var(--cj-radius);\n  box-shadow: var(--cj-shadow);\n  overflow: hidden;\n}\n\n.cj-accordion-item {\n  border-bottom: 1px solid var(--cj-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cj-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cj-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cj-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.cj-accordion-header:hover {\n  background: var(--cj-primary-light);\n}\n\n.cj-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cj-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--cj-primary);\n  transition: transform .2s ease;\n}\n\n.cj-accordion-item[open] .cj-accordion-header::after {\n  content: '−';\n}\n\n.cj-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cj-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cj-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.cj-cta-box {\n  background: linear-gradient(135deg, var(--cj-primary) 0%, var(--cj-primary-dark) 100%);\n  border-radius: var(--cj-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.cj-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cj-disclaimer {\n  font-size: 12px;\n  color: var(--cj-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .cj-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .cj-card {\n    padding: 1.125rem;\n  }\n\n  .cj-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .cj-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cj-radius-sm);\n  }\n\n  .cj-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .cj-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .cj-grid-compact {\n    gap: .625rem;\n  }\n\n  .cj-grid-compact .cj-card {\n    padding: .75rem;\n  }\n\n  .cj-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .cj-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .cj-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .cj-timeline-content p {\n    font-size: 13px;\n  }\n\n  .cj-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .cj-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .cj-tip {\n    padding: .875rem 1rem;\n  }\n\n  .cj-tip-icon {\n    font-size: 20px;\n  }\n\n  .cj-tip p {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .cj-card {\n    animation: cjFadeInUp .5s ease backwards;\n  }\n  .cj-card:nth-child(1) { animation-delay: .05s; }\n  .cj-card:nth-child(2) { animation-delay: .1s; }\n  .cj-card:nth-child(3) { animation-delay: .15s; }\n  .cj-card:nth-child(4) { animation-delay: .2s; }\n  .cj-card:nth-child(5) { animation-delay: .25s; }\n  .cj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cjFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .cj-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LES COULEURS DE JEANNE","offers":[{"title":"Default Title","offer_id":45755175141533,"sku":"CJ0040","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-fixateur-revelateur-declat-bio-230-ml-les-couleurs-lifestyle_ec7c3cfd-2ad3-47e9-88fd-4d12fb24b711.webp?v=1771593238","url":"https:\/\/www.naturellement-bio.com\/products\/shampoing-fixateur-couleurs-revelateur-eclat-bio-lescouleursdejeanne","provider":"Naturellement Bio","version":"1.0","type":"link"}