{"title":"Noire Ô Naturel","description":"","products":[{"product_id":"creme-de-shampoing-demelante-200ml-noire-o-naturel","title":"Crème de Shampoing pour Cheveux frisés à crépus - 200ml - Noire O Naturel","description":"\u003cdiv class=\"non-premium\"\u003e\n  \u003cdiv class=\"non-hero\"\u003e\n    \u003cdiv class=\"non-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"non-hero-content\"\u003e\n      \u003cdiv class=\"non-badges-top\"\u003e\n        \u003cspan class=\"non-badge\"\u003e🌿 98% naturel\u003c\/span\u003e\n        \u003cspan class=\"non-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n        \u003cspan class=\"non-badge\"\u003e✅ ECOCERT\u003c\/span\u003e\n        \u003cspan class=\"non-badge\"\u003e💧 Non moussant\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"non-hero-title\"\u003eCrème de Shampoing Démêlante\u003c\/span\u003e\n      \u003cp class=\"non-subtitle\"\u003eNoire Ô Naturel · 200 ml\u003c\/p\u003e\n      \u003cp class=\"non-description\"\u003eUn soin lavant doux et nourrissant, sans sulfates ni silicones, qui démêle, hydrate et révèle la beauté des cheveux texturés, bouclés et crépus.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"non-section\"\u003e\n    \u003ch2\u003eCrème de Shampoing Démêlante Noire Ô Naturel : douceur et hydratation pour cheveux texturés\u003c\/h2\u003e\n    \u003cp class=\"non-section-intro\"\u003eVous cherchez un shampoing démêlant à la fois doux, naturel et efficace pour vos cheveux secs, bouclés ou crépus ? La \u003cstrong\u003eCrème de Shampoing Démêlante Noire Ô Naturel\u003c\/strong\u003e propose une approche différente du lavage capillaire : une formule \u003cstrong\u003enon moussante\u003c\/strong\u003e, riche en actifs végétaux, qui nettoie sans agresser tout en facilitant le démêlage. Conditionnée en tube de 200 ml, certifiée \u003cstrong\u003eECOCERT Cosmétique Écologique\u003c\/strong\u003e et fabriquée en France, elle réconcilie soin du cheveu et respect du cuir chevelu.\u003c\/p\u003e\n    \u003cdiv class=\"non-grid-compact\"\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🌸 200 ml\u003c\/h3\u003e\n        \u003cp\u003eFormat généreux pour une routine longue durée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🌱 98% naturel\u003c\/h3\u003e\n        \u003cp\u003eDont 53% issus de l'agriculture biologique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🚫 Sans sulfates\u003c\/h3\u003e\n        \u003cp\u003eNi silicones, ni parabènes, ni OGM\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e💖 Cheveux texturés\u003c\/h3\u003e\n        \u003cp\u003eBouclés, crépus, secs, défrisés\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"non-section\"\u003e\n    \u003ch2\u003ePourquoi choisir une crème lavante non moussante ?\u003c\/h2\u003e\n    \u003cp class=\"non-section-intro\"\u003eContrairement aux shampoings classiques, cette crème ne contient ni sulfates, ni silicones, ni parabènes. Le résultat ? Un nettoyage tout en douceur qui préserve le film hydrolipidique du cheveu, particulièrement utile lorsque la fibre est fragile, fine ou sujette à la sécheresse.\u003c\/p\u003e\n    \u003cdiv class=\"non-grid\"\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e💧 Nettoyage en douceur\u003c\/h3\u003e\n        \u003cp\u003ePréserve le film hydrolipidique et n'agresse jamais la fibre capillaire la plus fragile.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e✨ Lave \u0026amp; démêle\u003c\/h3\u003e\n        \u003cp\u003eUne seule étape qui remplace shampoing et après-shampoing pour une routine simplifiée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🌿 Respect du cuir chevelu\u003c\/h3\u003e\n        \u003cp\u003eTensioactifs doux dérivés du sucre : finis les tiraillements après le lavage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"non-section\"\u003e\n    \u003ch2\u003eUne formule 98 % naturelle, riche en actifs nourrissants\u003c\/h2\u003e\n    \u003cp class=\"non-section-intro\"\u003eLa force de ce soin réside dans la qualité de sa composition : \u003cstrong\u003e98 % d'ingrédients d'origine naturelle\u003c\/strong\u003e et \u003cstrong\u003e53 % issus de l'agriculture biologique\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003cdiv class=\"non-grid\"\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🌵 Gel d'aloe vera bio\u003c\/h3\u003e\n        \u003cp\u003eHydrate et apaise le cuir chevelu en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🥥 Beurre de karité \u0026amp; mangue\u003c\/h3\u003e\n        \u003cp\u003eNourrissent intensément la fibre capillaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🌻 Huiles de coco, sésame, tournesol bio\u003c\/h3\u003e\n        \u003cp\u003eAssouplissent et protègent les longueurs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🌰 Huile de mongogo\u003c\/h3\u003e\n        \u003cp\u003eRedéfinit les boucles et apporte une brillance naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🥛 Poudre de yaourt \u0026amp; inuline\u003c\/h3\u003e\n        \u003cp\u003eAdoucissent et démêlent naturellement les cheveux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🐝 Vitamine E, cire d'abeille, glycérine\u003c\/h3\u003e\n        \u003cp\u003eProtègent et hydratent durablement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🍬 Tensioactifs doux dérivés du sucre\u003c\/h3\u003e\n        \u003cp\u003eNettoient sans décaper la fibre.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🌿 Huiles essentielles bois de rose \u0026amp; romarin\u003c\/h3\u003e\n        \u003cp\u003eTonifient le cuir chevelu et parfument délicatement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"non-tip\"\u003e\n      \u003cspan class=\"non-tip-icon\"\u003e✨\u003c\/span\u003e\n      \u003cp\u003eSans OGM, sans colorants ni parfums de synthèse : une crème pensée pour les cheveux qui réclament douceur et réconfort à chaque lavage.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"non-section\"\u003e\n    \u003ch2\u003ePour qui est conçue cette crème de shampoing ?\u003c\/h2\u003e\n    \u003cp class=\"non-section-intro\"\u003eElle s'adresse aux cheveux secs, fragiles, crépus, bouclés et défrisés. Si vos longueurs s'emmêlent facilement, si votre cuir chevelu tiraille après un lavage classique, ou si vous recherchez une alternative aux shampoings moussants trop agressifs, cette formule peut transformer votre routine.\u003c\/p\u003e\n    \u003cdiv class=\"non-grid-compact\"\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🌀 Cheveux bouclés\u003c\/h3\u003e\n        \u003cp\u003eDéfinit et discipline les boucles\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e☁️ Cheveux crépus\u003c\/h3\u003e\n        \u003cp\u003eHydrate et facilite le démêlage\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🍃 Cheveux secs\u003c\/h3\u003e\n        \u003cp\u003eNourrit et restaure la souplesse\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e💫 Cheveux défrisés\u003c\/h3\u003e\n        \u003cp\u003eSoin doux pour fibres fragilisées\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"non-section\"\u003e\n    \u003ch2\u003eComment utiliser la crème de shampoing démêlante ?\u003c\/h2\u003e\n    \u003cdiv class=\"non-timeline\"\u003e\n      \u003cdiv class=\"non-timeline-item\"\u003e\n        \u003cdiv class=\"non-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"non-timeline-content\"\u003e\n          \u003ch3\u003e💦 Mouillez les cheveux\u003c\/h3\u003e\n          \u003cp\u003eMouillez abondamment l'ensemble de votre chevelure à l'eau tiède.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-timeline-item\"\u003e\n        \u003cdiv class=\"non-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"non-timeline-content\"\u003e\n          \u003ch3\u003e🌸 Appliquez la crème\u003c\/h3\u003e\n          \u003cp\u003ePrélevez une noix de crème et répartissez sur l'ensemble de la chevelure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-timeline-item\"\u003e\n        \u003cdiv class=\"non-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"non-timeline-content\"\u003e\n          \u003ch3\u003e👐 Massez délicatement\u003c\/h3\u003e\n          \u003cp\u003eMassez du bout des doigts pour faire pénétrer le soin sur le cuir chevelu.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-timeline-item\"\u003e\n        \u003cdiv class=\"non-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"non-timeline-content\"\u003e\n          \u003ch3\u003e⏳ Laissez poser\u003c\/h3\u003e\n          \u003cp\u003eLaissez agir quelques minutes pour profiter pleinement des actifs nourrissants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-timeline-item\"\u003e\n        \u003cdiv class=\"non-timeline-number\"\u003e5\u003c\/div\u003e\n        \u003cdiv class=\"non-timeline-content\"\u003e\n          \u003ch3\u003e🔄 Renouvelez si besoin\u003c\/h3\u003e\n          \u003cp\u003eUne seconde application est possible pour un nettoyage encore plus complet.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-timeline-item\"\u003e\n        \u003cdiv class=\"non-timeline-number\"\u003e6\u003c\/div\u003e\n        \u003cdiv class=\"non-timeline-content\"\u003e\n          \u003ch3\u003e🚿 Rincez à l'eau tiède\u003c\/h3\u003e\n          \u003cp\u003eRincez soigneusement jusqu'à élimination complète du produit.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"non-tip\"\u003e\n      \u003cspan class=\"non-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003ePour un démêlage optimal, utilisez un peigne à dents larges pendant le temps de pose.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"non-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"non-accordion\"\u003e\n      \u003cdetails class=\"non-accordion-item\"\u003e\n        \u003csummary class=\"non-accordion-header\"\u003e⚠️ Conditions d'utilisation\u003c\/summary\u003e\n        \u003cdiv class=\"non-accordion-content mt-3\"\u003e\n          \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux, les lèvres et les muqueuses. En cas de contact oculaire, rincez abondamment à l'eau claire. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"non-accordion-item\"\u003e\n        \u003csummary class=\"non-accordion-header\"\u003e🐾 Usage humain exclusivement\u003c\/summary\u003e\n        \u003cdiv class=\"non-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit cosmétique est destiné aux cheveux humains et ne convient pas comme shampoing démêlant pour chien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"non-accordion-item\"\u003e\n        \u003csummary class=\"non-accordion-header\"\u003e🩺 Avis professionnel\u003c\/summary\u003e\n        \u003cdiv class=\"non-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de cuir chevelu irrité ou de doute, demandez l'avis d'un professionnel de santé. Ce soin ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --non-cream: #fdf6f7;\n  --non-white: #ffffff;\n  --non-primary: #e88aa3;\n  --non-primary-dark: #b85d77;\n  --non-primary-light: #fce4ea;\n  --non-secondary: #f4b4c4;\n  --non-accent: #d96b88;\n  --non-text: #1a1a1a;\n  --non-text-light: #5a5a5a;\n  --non-border: #f0d8de;\n  --non-shadow: 0 4px 24px rgba(184, 93, 119, .08);\n  --non-shadow-lg: 0 12px 48px rgba(184, 93, 119, .18);\n  --non-radius: 20px;\n  --non-radius-sm: 12px;\n}\n\n.non-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--non-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--non-text);\n  line-height: 1.6;\n}\n\n.non-hero {\n  position: relative;\n  background: linear-gradient(135deg, #f4b4c4 0%, #e88aa3 50%, #d96b88 100%);\n  border-radius: var(--non-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(--non-shadow-lg);\n}\n\n.non-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n  opacity: .5;\n}\n\n.non-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.non-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.non-subtitle {\n  color: white;\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  opacity: .95;\n}\n\n.non-description {\n  color: white;\n  font-size: clamp(14px, 2.2vw, 17px);\n  max-width: 700px;\n  margin: 0 auto;\n  line-height: 1.7;\n  opacity: .95;\n}\n\n.non-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.non-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(--non-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.non-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.non-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.non-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--non-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  line-height: 1.2;\n}\n\n.non-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(--non-primary), var(--non-secondary));\n  border-radius: 2px;\n}\n\n.non-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--non-text-light);\n  margin: 0 auto 1.75rem;\n  max-width: 750px;\n  line-height: 1.7;\n}\n\n.non-section-intro strong {\n  color: var(--non-primary-dark);\n}\n\n.non-card {\n  background: var(--non-white);\n  border-radius: var(--non-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--non-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.non-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--non-shadow-lg);\n  border-color: var(--non-primary);\n}\n\n.non-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--non-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.non-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--non-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.non-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.non-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.non-grid-compact .non-card {\n  padding: 1rem;\n}\n\n.non-grid-compact .non-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.non-grid-compact .non-card p {\n  font-size: 12px;\n}\n\n.non-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.non-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.non-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--non-primary), var(--non-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  box-shadow: 0 4px 12px rgba(217, 107, 136, .3);\n}\n\n.non-timeline-content {\n  flex: 1;\n  background: var(--non-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--non-radius-sm);\n  box-shadow: var(--non-shadow);\n}\n\n.non-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--non-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.non-timeline-content p {\n  font-size: 14px;\n  color: var(--non-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.non-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--non-primary-light);\n  border-radius: var(--non-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  border-left: 4px solid var(--non-primary);\n}\n\n.non-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.non-tip p {\n  font-size: 14px;\n  color: var(--non-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.non-accordion {\n  background: var(--non-white);\n  border-radius: var(--non-radius);\n  box-shadow: var(--non-shadow);\n  overflow: hidden;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.non-accordion-item {\n  border-bottom: 1px solid var(--non-border);\n  margin: 0;\n  padding: 0;\n}\n\n.non-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.non-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--non-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}\n\n.non-accordion-header:hover {\n  background: var(--non-primary-light);\n}\n\n.non-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.non-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--non-primary);\n  transition: transform .2s ease;\n}\n\n.non-accordion-item[open] .non-accordion-header::after {\n  content: '−';\n}\n\n.non-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--non-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.non-accordion-content p {\n  margin: 0;\n}\n\n@media (max-width: 767px) {\n  .non-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .non-card { padding: 1.125rem; }\n  .non-section { margin-bottom: 1.75rem; }\n  .non-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--non-radius-sm);\n  }\n  .non-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .non-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .non-grid-compact { gap: .625rem; }\n  .non-grid-compact .non-card { padding: .75rem; }\n  .non-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .non-timeline-content { padding: .875rem 1rem; }\n  .non-timeline-content h3 { font-size: 14px; }\n  .non-timeline-content p { font-size: 13px; }\n  .non-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .non-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .non-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .non-card:nth-child(1) { animation-delay: .05s; }\n  .non-card:nth-child(2) { animation-delay: .1s; }\n  .non-card:nth-child(3) { animation-delay: .15s; }\n  .non-card:nth-child(4) { animation-delay: .2s; }\n  .non-card:nth-child(5) { animation-delay: .25s; }\n  .non-card:nth-child(6) { animation-delay: .3s; }\n  .non-card:nth-child(7) { animation-delay: .35s; }\n  .non-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .non-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"Noire O Naturel","offers":[{"title":"Default Title","offer_id":57179362886009,"sku":"NBAINON0001","price":18.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-de-shampoing-demelante-200ml-noire-o-naturel-packshothd.webp?v=1777544100"},{"product_id":"gelee-capillaire-sublimatrice-200ml-noire-o-naturel","title":"Gelée Capillaire Sublimatrice - 200ml - Noire O Naturel","description":"\u003cdiv class=\"non-premium\"\u003e\n\u003cdiv class=\"non-hero\"\u003e\n\u003cdiv class=\"non-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"non-hero-content\"\u003e\n\u003cdiv class=\"non-badges-top\"\u003e\n\u003cspan class=\"non-badge\"\u003e🌿 COSMOS ORGANIC\u003c\/span\u003e \u003cspan class=\"non-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"non-badge\"\u003e✨ 98,7% Naturel\u003c\/span\u003e \u003cspan class=\"non-badge\"\u003e💧 Sans silicone\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"non-hero-title\"\u003eGelée Divine Sublimatrice\u003c\/span\u003e\n\u003cp class=\"non-subtitle\"\u003eLa définition naturelle de vos boucles\u003c\/p\u003e\n\u003cp class=\"non-description\"\u003eUne gelée capillaire bio à l'huile de Ricin, Ylang-Ylang et Gomme d'Acacia du Sénégal, pensée pour sublimer les cheveux ondulés, bouclés, frisés ou crépus — sans effet carton, sans compromis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"non-section\"\u003e\n\u003ch2\u003eGelée Capillaire Sublimatrice Noire Ô Naturel : la définition naturelle de vos boucles\u003c\/h2\u003e\n\u003cp class=\"non-section-intro\"\u003eVous cherchez une gelée capillaire efficace, certifiée bio et respectueuse de votre nature de cheveux ? La \u003cstrong\u003eGelée Divine\u003c\/strong\u003e de Noire Ô Naturel a été pensée pour sublimer les cheveux ondulés, bouclés, frisés ou crépus, sans effet carton ni ingrédients controversés.\u003c\/p\u003e\n\u003cp class=\"non-section-intro\"\u003eFormulée à base d'\u003cstrong\u003eeau florale d'Ylang Ylang\u003c\/strong\u003e, d'\u003cstrong\u003ehuile de Ricin\u003c\/strong\u003e et de \u003cstrong\u003eGomme d'Acacia du Sénégal\u003c\/strong\u003e, cette gelée pour cheveux bouclés conjugue tenue, hydratation et brillance pour révéler la beauté authentique de votre texture.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"non-section\"\u003e\n\u003ch2\u003ePourquoi choisir cette gelée capillaire boucle ?\u003c\/h2\u003e\n\u003cp class=\"non-section-intro\"\u003eÀ la différence d'une simple gelée d'aloe vera, la Gelée Divine combine plusieurs actifs naturels qui agissent en synergie pour sublimer la fibre capillaire.\u003c\/p\u003e\n\u003cdiv class=\"non-grid\"\u003e\n\u003cdiv class=\"non-card\"\u003e\n\u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n\u003cp\u003eL'huile de Ricin nourrit la fibre en profondeur et fortifie les longueurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"non-card\"\u003e\n\u003ch3\u003e🌀 Définition naturelle\u003c\/h3\u003e\n\u003cp\u003eLa Gomme d'Acacia du Sénégal fixe la boucle tout en gardant le cheveu souple.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"non-card\"\u003e\n\u003ch3\u003e✨ Brillance intense\u003c\/h3\u003e\n\u003cp\u003eReferme les écailles pour des cheveux visiblement plus lumineux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"non-card\"\u003e\n\u003ch3\u003e🛡️ Anti-casse\u003c\/h3\u003e\n\u003cp\u003eAide à traiter les fourches et protège durablement la fibre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"non-card\"\u003e\n\u003ch3\u003e🌸 Tonus \u0026amp; vitalité\u003c\/h3\u003e\n\u003cp\u003eL'eau florale d'Ylang Ylang redonne souplesse et énergie au cheveu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"non-card\"\u003e\n\u003ch3\u003e🪞 Lissage doux\u003c\/h3\u003e\n\u003cp\u003eGaine et lisse la fibre capillaire pour un fini soyeux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"non-section\"\u003e\n\u003ch2\u003eUne formule clean et certifiée bio\u003c\/h2\u003e\n\u003cp class=\"non-section-intro\"\u003eLa Gelée Divine est \u003cstrong\u003eCOSMOS ORGANIC certifiée par Ecocert Greenlife\u003c\/strong\u003e, gage d'une cosmétique exigeante et transparente.\u003c\/p\u003e\n\u003cdiv class=\"non-grid-compact\"\u003e\n\u003cdiv class=\"non-card\"\u003e\n\u003ch3\u003e🌱 98,7%\u003c\/h3\u003e\n\u003cp\u003eD'ingrédients d'origine naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"non-card\"\u003e\n\u003ch3\u003e🍃 31,5%\u003c\/h3\u003e\n\u003cp\u003eD'ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"non-card\"\u003e\n\u003ch3\u003e🚫 Sans silicone\u003c\/h3\u003e\n\u003cp\u003eNi sulfates (SLS, ALS), ni ammoniums quaternaires\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"non-card\"\u003e\n\u003ch3\u003e✅ Sans parabène\u003c\/h3\u003e\n\u003cp\u003eSans OGM, sans colorant ni parfum de synthèse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"non-tip\"\u003e\n\u003cspan class=\"non-tip-icon\"\u003e💚\u003c\/span\u003e\n\u003cp\u003eUne composition propre, idéale pour celles et ceux qui souhaitent prendre soin de leurs cheveux texturés sans compromis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"non-section\"\u003e\n\u003ch2\u003eComment utiliser la Gelée Divine ?\u003c\/h2\u003e\n\u003cp class=\"non-section-intro\"\u003eCe soin capillaire s'utilise sans rinçage, au moment du coiffage, sur cheveux secs ou humides selon le résultat recherché.\u003c\/p\u003e\n\u003cdiv class=\"non-timeline\"\u003e\n\u003cdiv class=\"non-timeline-item\"\u003e\n\u003cdiv class=\"non-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"non-timeline-content\"\u003e\n\u003ch3\u003ePrélevez une noisette\u003c\/h3\u003e\n\u003cp\u003eDéposez une petite quantité de gelée dans le creux de la main.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"non-timeline-item\"\u003e\n\u003cdiv class=\"non-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"non-timeline-content\"\u003e\n\u003ch3\u003eRéchauffez entre les paumes\u003c\/h3\u003e\n\u003cp\u003ePuis répartissez sur les longueurs, mèche par mèche, pour une application uniforme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"non-timeline-item\"\u003e\n\u003cdiv class=\"non-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"non-timeline-content\"\u003e\n\u003ch3\u003eModelez vos boucles\u003c\/h3\u003e\n\u003cp\u003eAvec les doigts ou un diffuseur, pour une définition optimale et un fini sublimé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"non-timeline-item\"\u003e\n\u003cdiv class=\"non-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"non-timeline-content\"\u003e\n\u003ch3\u003eAstuce double effet\u003c\/h3\u003e\n\u003cp\u003ePour plus de définition ou de fixation, appliquez-la après la \u003cstrong\u003eHair BB Cream\u003c\/strong\u003e de la marque.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"non-tip\"\u003e\n\u003cspan class=\"non-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003eÉvitez le contact avec les yeux. En cas de contact, rincez abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"non-section\"\u003e\n\u003ch2\u003ePour qui est faite cette gelée pour cheveux bouclés ?\u003c\/h2\u003e\n\u003cp class=\"non-section-intro\"\u003eQue vos cheveux soient ondulés, bouclés, frisés ou crépus, la Gelée Capillaire Sublimatrice s'adapte à toutes les natures de cheveux texturés.\u003c\/p\u003e\n\u003cdiv class=\"non-grid-compact\"\u003e\n\u003cdiv class=\"non-card\"\u003e\n\u003ch3\u003e🌊 Ondulés\u003c\/h3\u003e\n\u003cp\u003eDéfinit délicatement les ondulations\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"non-card\"\u003e\n\u003ch3\u003e🌀 Bouclés\u003c\/h3\u003e\n\u003cp\u003eSublime la forme naturelle de la boucle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"non-card\"\u003e\n\u003ch3\u003e✨ Frisés\u003c\/h3\u003e\n\u003cp\u003eHydrate et fixe sans alourdir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"non-card\"\u003e\n\u003ch3\u003e👑 Crépus\u003c\/h3\u003e\n\u003cp\u003eNourrit en profondeur et gaine la fibre\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"non-tip\"\u003e\n\u003cspan class=\"non-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eSi vous comparez avec une gelée capillaire Les Secrets de Loly ou d'autres références du marché, vous apprécierez ici la richesse en \u003cstrong\u003ehuile de Ricin\u003c\/strong\u003e et la \u003cstrong\u003ecertification bio Ecocert\u003c\/strong\u003e, qui en font une alternative naturelle haut de gamme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"non-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eCaractéristiques produit\u003c\/h2\u003e\n\u003cdiv class=\"non-grid-compact\"\u003e\n\u003cdiv class=\"non-card\"\u003e\n\u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n\u003cp\u003eNoire Ô Naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"non-card\"\u003e\n\u003ch3\u003e📦 Format\u003c\/h3\u003e\n\u003cp\u003eGelée capillaire 200 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"non-card\"\u003e\n\u003ch3\u003e🌿 Ingrédients clés\u003c\/h3\u003e\n\u003cp\u003eEau florale d'Ylang Ylang, Huile de Ricin, Gomme d'Acacia du Sénégal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"non-card\"\u003e\n\u003ch3\u003e✅ Certification\u003c\/h3\u003e\n\u003cp\u003eCOSMOS ORGANIC – Ecocert Greenlife\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"non-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n\u003cp\u003eMade in France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"non-card\"\u003e\n\u003ch3\u003e💆♀️ Type de cheveux\u003c\/h3\u003e\n\u003cp\u003eOndulés, bouclés, frisés, crépus\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"non-cta-box\" style=\"margin-top: 1.5rem;\"\u003e\n\u003cp\u003eRévélez la beauté authentique de vos boucles avec une gelée bio, gourmande en actifs naturels et sublimatrice de texture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"non-disclaimer\"\u003eCe produit cosmétique est destiné à un usage capillaire externe et ne se substitue pas à un avis médical ou dermatologique. En cas de réaction inhabituelle, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --non-cream: #faf5f1;\n  --non-white: #ffffff;\n  --non-primary: #b85e3f;\n  --non-primary-dark: #8b4226;\n  --non-primary-light: #f5e3d8;\n  --non-secondary: #d4906f;\n  --non-accent: #2a2a2a;\n  --non-text: #1a1a1a;\n  --non-text-light: #5a5a5a;\n  --non-border: #e8d9cf;\n  --non-shadow: 0 4px 24px rgba(139,66,38,.08);\n  --non-shadow-lg: 0 12px 48px rgba(139,66,38,.18);\n  --non-radius: 20px;\n  --non-radius-sm: 12px;\n}\n\n.non-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--non-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--non-text);\n}\n\n.non-hero {\n  position: relative;\n  background: linear-gradient(135deg, #b85e3f 0%, #d4906f 50%, #8b4226 100%);\n  border-radius: var(--non-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(--non-shadow-lg);\n}\n\n.non-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n  opacity: .15;\n}\n\n.non-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.non-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}\n\n.non-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.non-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.3vw, 16px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.non-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.non-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(--non-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.non-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.non-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.non-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--non-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.non-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(--non-primary), var(--non-secondary));\n  border-radius: 2px;\n}\n\n.non-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--non-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.non-section-intro strong {\n  color: var(--non-primary-dark);\n}\n\n.non-card {\n  background: var(--non-white);\n  border-radius: var(--non-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--non-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.non-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--non-shadow-lg);\n  border-color: var(--non-primary);\n}\n\n.non-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--non-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.non-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--non-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.non-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.non-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.non-grid-compact .non-card {\n  padding: 1rem;\n}\n\n.non-grid-compact .non-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.non-grid-compact .non-card p {\n  font-size: 12px;\n}\n\n.non-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.non-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.non-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--non-primary), var(--non-secondary));\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  box-shadow: 0 4px 12px rgba(184,94,63,.3);\n}\n\n.non-timeline-content {\n  flex: 1;\n  background: var(--non-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--non-radius-sm);\n  box-shadow: var(--non-shadow);\n}\n\n.non-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--non-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.non-timeline-content p {\n  font-size: 14px;\n  color: var(--non-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.non-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--non-primary-light);\n  border-radius: var(--non-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.non-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.non-tip p {\n  font-size: 14px;\n  color: var(--non-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.non-tip p strong {\n  color: var(--non-primary-dark);\n}\n\n.non-cta-box {\n  background: linear-gradient(135deg, var(--non-primary) 0%, var(--non-primary-dark) 100%);\n  border-radius: var(--non-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--non-shadow-lg);\n}\n\n.non-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.non-disclaimer {\n  font-size: 12px;\n  color: var(--non-text-light);\n  text-align: center;\n  margin-top: 1.25rem;\n  font-style: italic;\n  line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n  .non-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .non-card {\n    padding: 1.125rem;\n  }\n  .non-section {\n    margin-bottom: 1.75rem;\n  }\n  .non-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--non-radius-sm);\n  }\n  .non-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .non-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .non-grid-compact {\n    gap: .625rem;\n  }\n  .non-grid-compact .non-card {\n    padding: .75rem;\n  }\n  .non-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .non-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .non-timeline-content h3 {\n    font-size: 14px;\n  }\n  .non-timeline-content p {\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .non-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .non-card:nth-child(1) { animation-delay: .05s; }\n  .non-card:nth-child(2) { animation-delay: .1s; }\n  .non-card:nth-child(3) { animation-delay: .15s; }\n  .non-card:nth-child(4) { animation-delay: .2s; }\n  .non-card:nth-child(5) { animation-delay: .25s; }\n  .non-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .non-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"Noire O Naturel","offers":[{"title":"Default Title","offer_id":57179779006841,"sku":"NBAINON0006","price":18.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gelee_divine_noire_o_naturel.jpg?v=1777543821"},{"product_id":"lait-capillaire-adulte-200ml-noire-o-naturel","title":"Lait Capillaire pour Cheveux frisés à crépus - 200ml - Noire O Naturel","description":"\u003cdiv class=\"non-premium\"\u003e\n  \u003cdiv class=\"non-hero\"\u003e\n    \u003cdiv class=\"non-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"non-hero-content\"\u003e\n      \u003cdiv class=\"non-badges-top\"\u003e\n        \u003cspan class=\"non-badge\"\u003e🌿 COSMOS ORGANIC\u003c\/span\u003e\n        \u003cspan class=\"non-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n        \u003cspan class=\"non-badge\"\u003e✨ Aloe • Jojoba • Coco\u003c\/span\u003e\n        \u003cspan class=\"non-badge\"\u003e💧 Sans silicone\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"non-hero-title\"\u003eHair BB Cream\u003c\/span\u003e\n      \u003cp class=\"non-subtitle\"\u003eLe lait capillaire révélateur de boucles\u003c\/p\u003e\n      \u003cp class=\"non-description\"\u003eUn lait capillaire bio à l'Aloe Vera, l'huile de Jojoba et l'huile de Coco, formulé pour hydrater, démêler et révéler la beauté naturelle des cheveux ondulés, bouclés, frisés et crépus.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"non-section\"\u003e\n    \u003ch2\u003eHair BB Cream Noire Ô Naturel : un lait capillaire bio pour cheveux texturés\u003c\/h2\u003e\n    \u003cp class=\"non-section-intro\"\u003eVous cherchez un \u003cstrong\u003esoin capillaire naturel\u003c\/strong\u003e capable d'hydrater vos longueurs sans les alourdir ? La \u003cstrong\u003eHair BB Cream\u003c\/strong\u003e est un \u003cstrong\u003elait capillaire\u003c\/strong\u003e sans rinçage, certifié bio, qui démêle, nourrit et sublime la fibre. Une alternative authentique et clean aux références du marché comme le \u003cstrong\u003elait capillaire Les Secrets de Loly\u003c\/strong\u003e ou les soins de \u003cstrong\u003eMaison Briyna spécialiste lissage et soin capillaire\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003cp class=\"non-section-intro\"\u003eSa texture fluide pénètre rapidement pour redonner souplesse et brillance, tout en facilitant le coiffage au quotidien.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"non-section\"\u003e\n    \u003ch2\u003ePourquoi adopter ce lait capillaire ?\u003c\/h2\u003e\n    \u003cdiv class=\"non-grid\"\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e💧 Hydratation longue durée\u003c\/h3\u003e\n        \u003cp\u003eL'Aloe Vera bio désaltère la fibre et restaure le taux d'humidité naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🌀 Définition des boucles\u003c\/h3\u003e\n        \u003cp\u003eRévèle le motif naturel sans effet carton ni résidus.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🥥 Nutrition profonde\u003c\/h3\u003e\n        \u003cp\u003eL'huile de Coco et le Jojoba nourrissent et assouplissent les longueurs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e✨ Démêlage facilité\u003c\/h3\u003e\n        \u003cp\u003eIdéal en pré-coiffage pour des cheveux souples et faciles à coiffer.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e👑 Adapté aux cheveux crépus\u003c\/h3\u003e\n        \u003cp\u003eUn véritable \u003cstrong\u003elait capillaire cheveux crépus\u003c\/strong\u003e qui gaine sans étouffer.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🛡️ Anti-frisottis\u003c\/h3\u003e\n        \u003cp\u003eDiscipline les longueurs et limite l'effet mousseux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"non-section\"\u003e\n    \u003ch2\u003eUne formule clean et certifiée bio\u003c\/h2\u003e\n    \u003cp class=\"non-section-intro\"\u003eLa Hair BB Cream est \u003cstrong\u003eCOSMOS ORGANIC\u003c\/strong\u003e, formulée à base d'ingrédients naturels et fabriquée en France.\u003c\/p\u003e\n    \u003cdiv class=\"non-grid-compact\"\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🌱 98,7% naturel\u003c\/h3\u003e\n        \u003cp\u003eIngrédients d'origine naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🍃 Bio\u003c\/h3\u003e\n        \u003cp\u003eAloe, Jojoba et Coco issus de l'agriculture biologique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🚫 Sans silicone\u003c\/h3\u003e\n        \u003cp\u003eNi sulfates, ni parabènes, ni huiles minérales\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e✅ Vegan friendly\u003c\/h3\u003e\n        \u003cp\u003eSans colorant ni parfum de synthèse\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"non-section\"\u003e\n    \u003ch2\u003eComment utiliser ce lait capillaire ?\u003c\/h2\u003e\n    \u003cdiv class=\"non-timeline\"\u003e\n      \u003cdiv class=\"non-timeline-item\"\u003e\n        \u003cdiv class=\"non-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"non-timeline-content\"\u003e\n          \u003ch3\u003eSur cheveux humides\u003c\/h3\u003e\n          \u003cp\u003ePrélevez une noisette après le shampoing, sur cheveux essorés.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-timeline-item\"\u003e\n        \u003cdiv class=\"non-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"non-timeline-content\"\u003e\n          \u003ch3\u003eRépartissez mèche par mèche\u003c\/h3\u003e\n          \u003cp\u003eInsistez sur les pointes, plus sensibles à la déshydratation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-timeline-item\"\u003e\n        \u003cdiv class=\"non-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"non-timeline-content\"\u003e\n          \u003ch3\u003eCoiffez sans rinçage\u003c\/h3\u003e\n          \u003cp\u003eModelez vos boucles aux doigts ou laissez sécher à l'air libre.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-timeline-item\"\u003e\n        \u003cdiv class=\"non-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"non-timeline-content\"\u003e\n          \u003ch3\u003eAstuce rituel\u003c\/h3\u003e\n          \u003cp\u003eAssociez à un \u003cstrong\u003ebonnet de soin capillaire\u003c\/strong\u003e en satin la nuit pour préserver l'hydratation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"non-tip\"\u003e\n      \u003cspan class=\"non-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eComplémentaire d'un \u003cstrong\u003esoin botox capillaire\u003c\/strong\u003e ou d'un masque profond, la Hair BB Cream s'utilise quotidiennement pour entretenir la souplesse.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"non-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eCaractéristiques produit\u003c\/h2\u003e\n    \u003cdiv class=\"non-grid-compact\"\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n        \u003cp\u003eNoire Ô Naturel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e📦 Format\u003c\/h3\u003e\n        \u003cp\u003eLait capillaire 200 ml\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🌿 Ingrédients clés\u003c\/h3\u003e\n        \u003cp\u003eAloe Vera, Huile de Jojoba, Huile de Coco\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n        \u003cp\u003eCOSMOS ORGANIC\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n        \u003cp\u003eMade in France\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e💆‍♀️ Cheveux\u003c\/h3\u003e\n        \u003cp\u003eOndulés, bouclés, frisés, crépus\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"non-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n      \u003cp\u003eOffrez à vos cheveux un soin quotidien hydratant, naturel et sublimateur de boucles.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"non-disclaimer\"\u003eProduit cosmétique à usage capillaire externe. Évitez le contact avec les yeux. Ne se substitue pas à un avis dermatologique : en cas de réaction inhabituelle, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --non-cream: #fdf6f4;\n  --non-white: #ffffff;\n  --non-primary: #b9272d;\n  --non-primary-dark: #8a1c20;\n  --non-primary-light: #fce8e8;\n  --non-secondary: #d94a4f;\n  --non-accent: #e8a87c;\n  --non-text: #1a1a1a;\n  --non-text-light: #5a5a5a;\n  --non-border: #ecdcd9;\n  --non-shadow: 0 4px 24px rgba(138,28,32,.08);\n  --non-shadow-lg: 0 12px 48px rgba(138,28,32,.18);\n  --non-radius: 20px;\n  --non-radius-sm: 12px;\n}\n\n.non-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--non-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--non-text);\n  line-height: 1.6;\n}\n\n.non-hero {\n  position: relative;\n  background: linear-gradient(135deg, #b9272d 0%, #8a1c20 50%, #6b1418 100%);\n  border-radius: var(--non-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(--non-shadow-lg);\n}\n\n.non-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .12;\n  background-image: \n    radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 8%),\n    radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 10%),\n    radial-gradient(circle at 50% 50%, rgba(255,255,255,.2) 0%, transparent 15%);\n}\n\n.non-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.non-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,.25);\n}\n\n.non-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 2.8vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: -.01em;\n}\n\n.non-description {\n  color: rgba(255,255,255,.88);\n  font-size: clamp(14px, 2.2vw, 16px);\n  max-width: 720px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.non-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.non-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(--non-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.non-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.non-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.non-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--non-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  line-height: 1.25;\n}\n\n.non-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(--non-primary), var(--non-secondary));\n  border-radius: 2px;\n}\n\n.non-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--non-text-light);\n  margin: 0 auto 1rem;\n  max-width: 760px;\n  line-height: 1.7;\n}\n\n.non-section-intro strong {\n  color: var(--non-primary-dark);\n  font-weight: 700;\n}\n\n.non-card {\n  background: var(--non-white);\n  border-radius: var(--non-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--non-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.non-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--non-shadow-lg);\n  border-color: var(--non-primary);\n}\n\n.non-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--non-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.non-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--non-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.non-card p strong {\n  color: var(--non-primary-dark);\n}\n\n.non-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.non-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.non-grid-compact .non-card {\n  padding: 1rem;\n}\n\n.non-grid-compact .non-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.non-grid-compact .non-card p {\n  font-size: 12px;\n}\n\n.non-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.non-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.non-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--non-primary), var(--non-secondary));\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  box-shadow: 0 4px 12px rgba(185,39,45,.3);\n}\n\n.non-timeline-content {\n  flex: 1;\n  background: var(--non-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--non-radius-sm);\n  box-shadow: var(--non-shadow);\n}\n\n.non-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--non-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.non-timeline-content p {\n  font-size: 14px;\n  color: var(--non-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.non-timeline-content p strong {\n  color: var(--non-primary-dark);\n}\n\n.non-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--non-primary-light);\n  border-radius: var(--non-radius-sm);\n  padding: 1rem 1.25rem;\n  margin: 1.5rem auto 0;\n  max-width: 820px;\n  border-left: 4px solid var(--non-primary);\n}\n\n.non-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.non-tip p {\n  font-size: 14px;\n  color: var(--non-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.non-tip p strong {\n  color: var(--non-primary-dark);\n}\n\n.non-cta-box {\n  background: linear-gradient(135deg, var(--non-primary) 0%, var(--non-primary-dark) 100%);\n  border-radius: var(--non-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--non-shadow-lg);\n}\n\n.non-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.non-disclaimer {\n  font-size: 12px;\n  color: var(--non-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n  line-height: 1.5;\n}\n\n@media (max-width: 767px) {\n  .non-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .non-card {\n    padding: 1.125rem;\n  }\n  .non-section {\n    margin-bottom: 1.75rem;\n  }\n  .non-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--non-radius-sm);\n  }\n  .non-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .non-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .non-grid-compact {\n    gap: .625rem;\n  }\n  .non-grid-compact .non-card {\n    padding: .75rem;\n  }\n  .non-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .non-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .non-timeline-content h3 {\n    font-size: 14px;\n  }\n  .non-timeline-content p {\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .non-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .non-card:nth-child(1) { animation-delay: .05s; }\n  .non-card:nth-child(2) { animation-delay: .1s; }\n  .non-card:nth-child(3) { animation-delay: .15s; }\n  .non-card:nth-child(4) { animation-delay: .2s; }\n  .non-card:nth-child(5) { animation-delay: .25s; }\n  .non-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .non-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"Noire O Naturel","offers":[{"title":"Default Title","offer_id":57180120744313,"sku":"NBAINON0004","price":22.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lait-capillaire-adulte-200ml-noire-o-naturel-copie-packshothd_0d4f47e2-13eb-4d53-8d06-7aa167afbbaf.webp?v=1777554135"},{"product_id":"lait-capillaire-edulte-200ml-noire-o-naturel","title":"Lait Capillaire Enfant - Sans rinçage - 200ml - Noire O Naturel","description":"\u003cdiv class=\"non-premium\"\u003e\n  \u003cdiv class=\"non-hero\"\u003e\n    \u003cdiv class=\"non-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"non-hero-content\"\u003e\n      \u003cdiv class=\"non-badges-top\"\u003e\n        \u003cspan class=\"non-badge\"\u003e🌿 Certifié BIO\u003c\/span\u003e\n        \u003cspan class=\"non-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n        \u003cspan class=\"non-badge\"\u003e👶 Spécial enfant\u003c\/span\u003e\n        \u003cspan class=\"non-badge\"\u003e🌸 Parfum 100% naturel\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"non-hero-title\"\u003eMilk Shake\u003c\/span\u003e\n      \u003cp class=\"non-subtitle\"\u003eLe lait capillaire bio des cheveux bouclés et crépus de vos enfants\u003c\/p\u003e\n      \u003cp class=\"non-description\"\u003eUn \u003cstrong\u003elait hydratant cheveux bio\u003c\/strong\u003e spécialement formulé pour les enfants aux cheveux ondulés, bouclés, frisés ou crépus. Sans rinçage, doux et nourrissant, il facilite le démêlage tout en sublimant les boucles naturellement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"non-section\"\u003e\n    \u003ch2\u003eMilk Shake Noire Ô Naturel : un lait capillaire bio pensé pour vos enfants\u003c\/h2\u003e\n    \u003cp class=\"non-section-intro\"\u003eVos petits ont les cheveux qui s'emmêlent au moindre coup de vent ? Le \u003cstrong\u003eMilk Shake\u003c\/strong\u003e est un \u003cstrong\u003elait capillaire enfant\u003c\/strong\u003e certifié bio, à la texture fondante, qui hydrate, démêle et adoucit la fibre capillaire en un seul geste.\u003c\/p\u003e\n    \u003cp class=\"non-section-intro\"\u003eSans huiles essentielles et au parfum 100 % naturel, il respecte les cuirs chevelus sensibles. Une formule clean qui transforme le coiffage en moment de douceur, sans pleurs ni nœuds.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"non-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce lait pour cheveux bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"non-grid\"\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n        \u003cp\u003eUn \u003cstrong\u003elait hydratant cheveux crépus bio\u003c\/strong\u003e qui désaltère la fibre en profondeur et restaure la souplesse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🥥 Lait de coco bio\u003c\/h3\u003e\n        \u003cp\u003eLe \u003cstrong\u003elait de coco bio pour cheveux\u003c\/strong\u003e nourrit et apporte brillance dès la première application.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🌀 Boucles définies\u003c\/h3\u003e\n        \u003cp\u003eUn véritable \u003cstrong\u003elait capillaire cheveux bouclés bio\u003c\/strong\u003e qui révèle le motif naturel sans alourdir.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🪮 Démêlage facilité\u003c\/h3\u003e\n        \u003cp\u003eGlisse sur la chevelure et libère les nœuds en douceur, même sur cheveux fins.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🛡️ Anti-frisottis\u003c\/h3\u003e\n        \u003cp\u003eDiscipline les longueurs et protège des agressions extérieures (vent, pollution, frottements).\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e👶 Doux pour les enfants\u003c\/h3\u003e\n        \u003cp\u003eSans huiles essentielles, sans silicone, sans sulfates : adapté aux cuirs chevelus délicats.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"non-section\"\u003e\n    \u003ch2\u003eUne formule bio, naturelle et sans compromis\u003c\/h2\u003e\n    \u003cp class=\"non-section-intro\"\u003eCe \u003cstrong\u003elait pour cheveux bio\u003c\/strong\u003e est fabriqué en France selon une charte exigeante : ingrédients d'origine naturelle, certification bio et respect total de la fibre capillaire enfantine.\u003c\/p\u003e\n    \u003cdiv class=\"non-grid-compact\"\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🌱 Ingrédients clés\u003c\/h3\u003e\n        \u003cp\u003eAloe Vera bio, lait de coco bio, beurre de karité, glycérine végétale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🍃 Certification\u003c\/h3\u003e\n        \u003cp\u003eCosmétique bio certifié, fabriqué en France\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🚫 Sans\u003c\/h3\u003e\n        \u003cp\u003eSilicone, sulfates, parabènes, huiles essentielles\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🌸 Parfum\u003c\/h3\u003e\n        \u003cp\u003e100 % naturel, doux et discret\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"non-section\"\u003e\n    \u003ch2\u003eComment utiliser le Milk Shake ?\u003c\/h2\u003e\n    \u003cdiv class=\"non-timeline\"\u003e\n      \u003cdiv class=\"non-timeline-item\"\u003e\n        \u003cdiv class=\"non-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"non-timeline-content\"\u003e\n          \u003ch3\u003eSur cheveux humides ou secs\u003c\/h3\u003e\n          \u003cp\u003ePrélevez une noisette de \u003cstrong\u003elait cheveux bio\u003c\/strong\u003e au creux de la main.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-timeline-item\"\u003e\n        \u003cdiv class=\"non-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"non-timeline-content\"\u003e\n          \u003ch3\u003eRépartissez mèche par mèche\u003c\/h3\u003e\n          \u003cp\u003eInsistez sur les pointes et les zones les plus sèches.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-timeline-item\"\u003e\n        \u003cdiv class=\"non-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"non-timeline-content\"\u003e\n          \u003ch3\u003eDémêlez en douceur\u003c\/h3\u003e\n          \u003cp\u003eAvec les doigts ou un peigne à dents larges, sans rinçage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-timeline-item\"\u003e\n        \u003cdiv class=\"non-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"non-timeline-content\"\u003e\n          \u003ch3\u003eCoiffez et laissez sécher\u003c\/h3\u003e\n          \u003cp\u003eModelez les boucles et laissez sécher à l'air libre pour un effet naturel.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"non-tip\"\u003e\n      \u003cspan class=\"non-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eAstuce : utilisez le Milk Shake quotidiennement pour rafraîchir les boucles entre deux shampoings et maintenir l'hydratation.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"non-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eCaractéristiques produit\u003c\/h2\u003e\n    \u003cdiv class=\"non-grid-compact\"\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n        \u003cp\u003eNoire Ô Naturel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e📦 Format\u003c\/h3\u003e\n        \u003cp\u003eTube 200 ml\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e💆 Cheveux\u003c\/h3\u003e\n        \u003cp\u003eOndulés, bouclés, frisés, crépus\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en France\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"non-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n      \u003cp\u003eOffrez à vos enfants un soin capillaire bio, doux et efficace, qui transforme le coiffage en moment de plaisir.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"non-disclaimer\"\u003eProduit cosmétique à usage capillaire externe. Évitez le contact avec les yeux. Ne se substitue pas à un avis dermatologique : en cas de réaction inhabituelle, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --non-cream: #faf6f2;\n  --non-white: #ffffff;\n  --non-primary: #4a2d8f;\n  --non-primary-dark: #2e1a5e;\n  --non-primary-light: #ede8f7;\n  --non-secondary: #f5a623;\n  --non-accent: #ffd58a;\n  --non-text: #1a1a1a;\n  --non-text-light: #5a5a5a;\n  --non-border: #e8e0d8;\n  --non-shadow: 0 4px 24px rgba(74,45,143,.08);\n  --non-shadow-lg: 0 12px 48px rgba(74,45,143,.18);\n  --non-radius: 20px;\n  --non-radius-sm: 12px;\n}\n\n.non-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--non-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--non-text);\n}\n\n.non-hero {\n  position: relative;\n  background: linear-gradient(135deg, #4a2d8f 0%, #6b3fb8 40%, #f5a623 100%);\n  border-radius: var(--non-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(--non-shadow-lg);\n}\n\n.non-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 8%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 10%),\n                    radial-gradient(circle at 50% 90%, rgba(255,213,138,.5) 0%, transparent 12%);\n  opacity: .35;\n}\n\n.non-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.non-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 60px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.non-subtitle {\n  color: white;\n  font-size: clamp(15px, 2.8vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  opacity: .98;\n}\n\n.non-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(14px, 2.3vw, 16px);\n  line-height: 1.7;\n  max-width: 680px;\n  margin: 0 auto;\n}\n\n.non-description strong {\n  color: var(--non-accent);\n  font-weight: 700;\n}\n\n.non-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.75rem;\n}\n\n.non-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(--non-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.12);\n  transition: all .3s ease;\n}\n\n.non-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.non-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.non-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--non-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  line-height: 1.2;\n}\n\n.non-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(--non-primary), var(--non-secondary));\n  border-radius: 2px;\n}\n\n.non-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--non-text-light);\n  margin: 0 auto 1.25rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.non-section-intro strong {\n  color: var(--non-primary-dark);\n  font-weight: 700;\n}\n\n.non-card {\n  background: var(--non-white);\n  border-radius: var(--non-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--non-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.non-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--non-shadow-lg);\n  border-color: var(--non-primary);\n}\n\n.non-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--non-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.non-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--non-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.non-card p strong {\n  color: var(--non-primary-dark);\n  font-weight: 700;\n}\n\n.non-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.non-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.non-grid-compact .non-card {\n  padding: 1rem;\n}\n\n.non-grid-compact .non-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.non-grid-compact .non-card p {\n  font-size: 12px;\n}\n\n.non-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.non-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.non-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--non-primary), var(--non-secondary));\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  box-shadow: 0 4px 12px rgba(74,45,143,.25);\n}\n\n.non-timeline-content {\n  flex: 1;\n  background: var(--non-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--non-radius-sm);\n  box-shadow: var(--non-shadow);\n}\n\n.non-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--non-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.non-timeline-content p {\n  font-size: 14px;\n  color: var(--non-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.non-timeline-content p strong {\n  color: var(--non-primary-dark);\n}\n\n.non-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--non-primary-light);\n  border-radius: var(--non-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--non-secondary);\n}\n\n.non-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.non-tip p {\n  font-size: 14px;\n  color: var(--non-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.non-cta-box {\n  background: linear-gradient(135deg, var(--non-primary) 0%, var(--non-primary-dark) 100%);\n  border-radius: var(--non-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--non-shadow-lg);\n}\n\n.non-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -20%;\n  width: 200px;\n  height: 200px;\n  background: radial-gradient(circle, var(--non-secondary) 0%, transparent 70%);\n  opacity: .3;\n}\n\n.non-cta-box p {\n  position: relative;\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,.15);\n  margin: 0;\n}\n\n.non-disclaimer {\n  font-size: 12px;\n  color: var(--non-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n  line-height: 1.6;\n}\n\nhr {\n  border: none;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, var(--non-border), transparent);\n  margin: 2rem 0;\n}\n\n.mt-3 {\n  margin-top: 1rem;\n}\n\n@media (max-width: 767px) {\n  .non-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .non-card {\n    padding: 1.125rem;\n  }\n  .non-section {\n    margin-bottom: 1.75rem;\n  }\n  .non-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--non-radius-sm);\n  }\n  .non-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .non-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .non-grid-compact {\n    gap: .625rem;\n  }\n  .non-grid-compact .non-card {\n    padding: .75rem;\n  }\n  .non-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .non-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .non-timeline-content h3 {\n    font-size: 14px;\n  }\n  .non-timeline-content p {\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .non-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .non-card:nth-child(1) { animation-delay: .05s; }\n  .non-card:nth-child(2) { animation-delay: .1s; }\n  .non-card:nth-child(3) { animation-delay: .15s; }\n  .non-card:nth-child(4) { animation-delay: .2s; }\n  .non-card:nth-child(5) { animation-delay: .25s; }\n  .non-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .non-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"Noire O Naturel","offers":[{"title":"Default Title","offer_id":57183020581241,"sku":"NBAINON0009","price":17.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lait-capillaire-enfant-200ml-noire-o-naturel-packshothd.webp?v=1777554990"},{"product_id":"masque-capillaire-sublimateur-3-en-1-noire-o-naturel","title":"Masque Capillaire Sublimateur 3 en 1 - Noire O Naturel","description":"\u003cdiv class=\"non-premium\"\u003e\n  \u003cdiv class=\"non-hero\"\u003e\n    \u003cdiv class=\"non-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"non-hero-content\"\u003e\n      \u003cdiv class=\"non-badges-top\"\u003e\n        \u003cspan class=\"non-badge\"\u003e🌿 96,9% d'ingrédients BIO\u003c\/span\u003e\n        \u003cspan class=\"non-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n        \u003cspan class=\"non-badge\"\u003e✨ 3 en 1\u003c\/span\u003e\n        \u003cspan class=\"non-badge\"\u003e🥥 Trio de beurres végétaux\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"non-hero-title\"\u003eMasque Sublimateur 3 en 1\u003c\/span\u003e\n      \u003cp class=\"non-subtitle\"\u003eKarité, Cacao, Mangue : le soin nourrissant ultime pour cheveux secs, abîmés et frisottés\u003c\/p\u003e\n      \u003cp class=\"non-description\"\u003eUn \u003cstrong\u003emasque capillaire hydratant\u003c\/strong\u003e bio multifonction qui s'utilise en \u003cstrong\u003emasque, après-shampoing ou soin sans rinçage\u003c\/strong\u003e. Formulé avec un trio de beurres végétaux, il nourrit en profondeur, assouplit la fibre et sublime les cheveux texturés.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"non-section\"\u003e\n    \u003ch2\u003eUn masque capillaire 3 en 1 signé Noire Ô Naturel\u003c\/h2\u003e\n    \u003cp class=\"non-section-intro\"\u003eVos cheveux sont secs, ternes ou rebelles ? Le \u003cstrong\u003eMasque Sublimateur\u003c\/strong\u003e de Noire Ô Naturel concentre dans un seul pot la puissance de trois beurres végétaux bio : karité, cacao et mangue. Une formule riche, gourmande et certifiée bio à 96,9 %, fabriquée en France.\u003c\/p\u003e\n    \u003cp class=\"non-section-intro\"\u003eSa polyvalence en fait un véritable allié quotidien : utilisez-le comme \u003cstrong\u003emasque capillaire\u003c\/strong\u003e avant shampoing, en après-shampoing rinçable ou en leave-in coiffant. Bien plus qu'un simple \u003cstrong\u003esoin capillaire cheveux\u003c\/strong\u003e, c'est un rituel beauté complet.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"non-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce masque capillaire bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"non-grid\"\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🧈 Beurre de Karité\u003c\/h3\u003e\n        \u003cp\u003eNourrit intensément la fibre et restaure les cheveux secs et cassants en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🍫 Beurre de Cacao\u003c\/h3\u003e\n        \u003cp\u003eApporte brillance et souplesse tout en formant un voile protecteur contre les agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🥭 Beurre de Mangue\u003c\/h3\u003e\n        \u003cp\u003eAdoucit, assouplit et redonne de l'élasticité aux longueurs abîmées par la chaleur ou le coiffage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e💧 Hydratation longue durée\u003c\/h3\u003e\n        \u003cp\u003eUne alternative bien plus riche au \u003cstrong\u003emasque capillaire maison\u003c\/strong\u003e, prête à l'emploi et ultra concentrée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🌀 Anti-frisottis\u003c\/h3\u003e\n        \u003cp\u003eDiscipline les boucles, lisse les écailles et combat efficacement les cheveux qui mousent.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e♻️ 3 utilisations en 1\u003c\/h3\u003e\n        \u003cp\u003eMasque, après-shampoing ou leave-in : un seul pot pour toute votre routine capillaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"non-section\"\u003e\n    \u003ch2\u003eComposition \u0026amp; ingrédients clés\u003c\/h2\u003e\n    \u003cdiv class=\"non-grid-compact\"\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🌱 Trio végétal\u003c\/h3\u003e\n        \u003cp\u003eBeurres bio de karité, cacao et mangue\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🍃 Certification\u003c\/h3\u003e\n        \u003cp\u003e96,9 % d'ingrédients végétaux certifiés bio\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🚫 Sans\u003c\/h3\u003e\n        \u003cp\u003eSilicones, sulfates, parabènes, huiles minérales\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e💆 Cheveux\u003c\/h3\u003e\n        \u003cp\u003eSecs, abîmés, frisés, crépus, frisottés\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"non-section\"\u003e\n    \u003ch2\u003eComment utiliser le Masque Sublimateur ?\u003c\/h2\u003e\n    \u003cdiv class=\"non-timeline\"\u003e\n      \u003cdiv class=\"non-timeline-item\"\u003e\n        \u003cdiv class=\"non-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"non-timeline-content\"\u003e\n          \u003ch3\u003eEn masque profond\u003c\/h3\u003e\n          \u003cp\u003eAppliquez généreusement sur cheveux humides, laissez poser 20 à 30 minutes, puis rincez.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-timeline-item\"\u003e\n        \u003cdiv class=\"non-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"non-timeline-content\"\u003e\n          \u003ch3\u003eEn après-shampoing\u003c\/h3\u003e\n          \u003cp\u003eMassez longueurs et pointes après votre shampoing, laissez agir 3 minutes, rincez.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-timeline-item\"\u003e\n        \u003cdiv class=\"non-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"non-timeline-content\"\u003e\n          \u003ch3\u003eEn leave-in coiffant\u003c\/h3\u003e\n          \u003cp\u003ePrélevez une noisette et répartissez sur cheveux humides ou secs, sans rinçage, façon \u003cstrong\u003ek18 masque capillaire sans rinçage\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-timeline-item\"\u003e\n        \u003cdiv class=\"non-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"non-timeline-content\"\u003e\n          \u003ch3\u003eCoiffez et sublimez\u003c\/h3\u003e\n          \u003cp\u003eModelez vos boucles ou laissez sécher à l'air libre pour un effet naturel et gainé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"non-tip\"\u003e\n      \u003cspan class=\"non-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eAstuce : un bain d'huile chaude avant le masque décuple l'effet nourrissant sur cheveux très secs.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"non-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eCaractéristiques produit\u003c\/h2\u003e\n    \u003cdiv class=\"non-grid-compact\"\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n        \u003cp\u003eNoire Ô Naturel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en France\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e✨ Type\u003c\/h3\u003e\n        \u003cp\u003eMasque, après-shampoing \u0026amp; leave-in\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"non-card\"\u003e\n        \u003ch3\u003e🎯 Cible\u003c\/h3\u003e\n        \u003cp\u003eCheveux secs, abîmés, frisottés\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"non-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n      \u003cp\u003eOffrez à vos cheveux un soin riche, bio et 100 % made in France pour une chevelure visiblement plus douce, plus souple et plus brillante.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"non-disclaimer\"\u003eProduit cosmétique à usage capillaire externe. Évitez le contact avec les yeux. Ne se substitue pas à un avis dermatologique : en cas de réaction inhabituelle, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  :root {\n    --non-cream: #f8f4ef;\n    --non-white: #ffffff;\n    --non-primary: #5c3a24;\n    --non-primary-dark: #3e2614;\n    --non-primary-light: #f1e8df;\n    --non-secondary: #a0764f;\n    --non-accent: #d4a574;\n    --non-text: #2a1a10;\n    --non-text-light: #6b5a4d;\n    --non-border: #e8ddd0;\n    --non-shadow: 0 4px 24px rgba(62, 38, 20, .08);\n    --non-shadow-lg: 0 12px 48px rgba(62, 38, 20, .18);\n    --non-radius: 20px;\n    --non-radius-sm: 12px;\n  }\n\n  .non-premium {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n    background: var(--non-cream);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    color: var(--non-text);\n  }\n\n  .non-hero {\n    position: relative;\n    background: linear-gradient(135deg, #3e2614 0%, #5c3a24 50%, #a0764f 100%);\n    border-radius: var(--non-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(--non-shadow-lg);\n  }\n\n  .non-hero-pattern {\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background-image:\n      radial-gradient(circle at 15% 20%, rgba(212, 165, 116, .25) 0%, transparent 40%),\n      radial-gradient(circle at 85% 75%, rgba(248, 244, 239, .2) 0%, transparent 45%);\n    opacity: .8;\n  }\n\n  .non-hero-content {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n  }\n\n  .non-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,.25);\n  }\n\n  .non-subtitle {\n    color: var(--non-accent);\n    font-size: clamp(15px, 2.5vw, 19px);\n    font-weight: 600;\n    margin: 0 0 1.25rem 0;\n    line-height: 1.5;\n  }\n\n  .non-description {\n    color: rgba(255, 255, 255, .92);\n    font-size: clamp(14px, 2.2vw, 16px);\n    line-height: 1.7;\n    max-width: 700px;\n    margin: 0 auto;\n  }\n\n  .non-description strong {\n    color: white;\n    font-weight: 700;\n  }\n\n  .non-badges-top {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 1.5rem;\n  }\n\n  .non-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(--non-primary-dark);\n    box-shadow: 0 2px 12px rgba(0,0,0,.15);\n    transition: all .3s ease;\n  }\n\n  .non-badge:hover {\n    transform: translateY(-2px) scale(1.05);\n  }\n\n  .non-section {\n    margin-bottom: clamp(2rem, 4vw, 3.5rem);\n  }\n\n  .non-premium h2 {\n    font-size: clamp(22px, 5vw, 36px);\n    font-weight: 900;\n    color: var(--non-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  .non-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(--non-primary), var(--non-accent));\n    border-radius: 2px;\n  }\n\n  .non-section-intro {\n    text-align: center;\n    font-size: clamp(15px, 2.5vw, 17px);\n    color: var(--non-text-light);\n    margin: 0 auto 1rem;\n    max-width: 720px;\n    line-height: 1.75;\n  }\n\n  .non-section-intro strong {\n    color: var(--non-primary-dark);\n    font-weight: 700;\n  }\n\n  .non-card {\n    background: var(--non-white);\n    border-radius: var(--non-radius);\n    padding: clamp(1.25rem, 3vw, 2rem);\n    box-shadow: var(--non-shadow);\n    border: 2px solid transparent;\n    transition: all .3s ease;\n    text-align: center;\n  }\n\n  .non-card:hover {\n    transform: translateY(-6px);\n    box-shadow: var(--non-shadow-lg);\n    border-color: var(--non-primary);\n  }\n\n  .non-card h3 {\n    font-size: clamp(15px, 2.5vw, 18px);\n    font-weight: 800;\n    color: var(--non-primary-dark);\n    margin: 0 0 .5rem 0;\n    line-height: 1.3;\n  }\n\n  .non-card p {\n    font-size: clamp(13px, 2vw, 15px);\n    color: var(--non-text-light);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .non-card p strong {\n    color: var(--non-primary-dark);\n  }\n\n  .non-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 1.25rem;\n  }\n\n  .non-grid-compact {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1rem;\n  }\n\n  .non-grid-compact .non-card {\n    padding: 1rem;\n  }\n\n  .non-grid-compact .non-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n\n  .non-grid-compact .non-card p {\n    font-size: 12px;\n  }\n\n  .non-timeline {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  .non-timeline-item {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n  }\n\n  .non-timeline-number {\n    flex-shrink: 0;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(135deg, var(--non-primary), var(--non-secondary));\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    box-shadow: 0 4px 12px rgba(92, 58, 36, .3);\n  }\n\n  .non-timeline-content {\n    flex: 1;\n    background: var(--non-white);\n    padding: 1rem 1.25rem;\n    border-radius: var(--non-radius-sm);\n    box-shadow: var(--non-shadow);\n  }\n\n  .non-timeline-content h3 {\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--non-primary-dark);\n    margin: 0 0 .25rem 0;\n  }\n\n  .non-timeline-content p {\n    font-size: 14px;\n    color: var(--non-text-light);\n    margin: 0;\n    line-height: 1.5;\n  }\n\n  .non-timeline-content p strong {\n    color: var(--non-primary-dark);\n  }\n\n  .non-tip {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n    background: var(--non-primary-light);\n    border-radius: var(--non-radius-sm);\n    padding: 1rem 1.25rem;\n    margin-top: 1.25rem;\n    border-left: 4px solid var(--non-accent);\n  }\n\n  .non-tip-icon {\n    font-size: 24px;\n    flex-shrink: 0;\n  }\n\n  .non-tip p {\n    font-size: 14px;\n    color: var(--non-text);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .non-cta-box {\n    background: linear-gradient(135deg, var(--non-primary) 0%, var(--non-primary-dark) 100%);\n    border-radius: var(--non-radius);\n    padding: clamp(1.75rem, 4vw, 3rem);\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: var(--non-shadow-lg);\n  }\n\n  .non-cta-box::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    right: -20%;\n    width: 60%;\n    height: 200%;\n    background: radial-gradient(circle, rgba(212, 165, 116, .25) 0%, transparent 60%);\n    pointer-events: none;\n  }\n\n  .non-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,.15);\n    margin: 0;\n    position: relative;\n    z-index: 1;\n  }\n\n  .non-disclaimer {\n    font-size: 12px;\n    color: var(--non-text-light);\n    text-align: center;\n    margin-top: 1rem;\n    font-style: italic;\n    line-height: 1.6;\n  }\n\n  @media (max-width: 767px) {\n    .non-grid {\n      grid-template-columns: 1fr;\n      gap: 1rem;\n    }\n    .non-card {\n      padding: 1.125rem;\n    }\n    .non-section {\n      margin-bottom: 1.75rem;\n    }\n    .non-hero {\n      padding: 2rem 1.25rem;\n      margin-bottom: 1.75rem;\n      border-radius: var(--non-radius-sm);\n    }\n    .non-premium h2 {\n      margin-bottom: 1rem;\n      padding-bottom: .75rem;\n    }\n    .non-premium h2::after {\n      width: 40px;\n      height: 3px;\n    }\n    .non-grid-compact {\n      gap: .625rem;\n    }\n    .non-grid-compact .non-card {\n      padding: .75rem;\n    }\n    .non-timeline-number {\n      width: 32px;\n      height: 32px;\n      font-size: 14px;\n    }\n    .non-timeline-content {\n      padding: .875rem 1rem;\n    }\n    .non-timeline-content h3 {\n      font-size: 14px;\n    }\n    .non-timeline-content p {\n      font-size: 13px;\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .non-card {\n      animation: fadeInUp .5s ease backwards;\n    }\n    .non-card:nth-child(1) { animation-delay: .05s; }\n    .non-card:nth-child(2) { animation-delay: .1s; }\n    .non-card:nth-child(3) { animation-delay: .15s; }\n    .non-card:nth-child(4) { animation-delay: .2s; }\n    .non-card:nth-child(5) { animation-delay: .25s; }\n    .non-card:nth-child(6) { animation-delay: .3s; }\n  }\n\n  @keyframes fadeInUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .non-premium * {\n      animation-duration: 0.01ms !important;\n      transition-duration: 0.01ms !important;\n    }\n  }\n\u003c\/style\u003e","brand":"Noire O Naturel","offers":[{"title":"Default Title","offer_id":57183451742585,"sku":"NBAINON0005","price":31.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/masque-capillaire-sublimateur-3-en-1-noire-o-naturel-packshothd.webp?v=1778854876"},{"product_id":"shampoing-purifiant-premiere-mousse-bio-noire-o-naturel","title":"Shampoing Purifiant Bio - Cheveux bouclés à frisés - 200 ml - Noire O Naturel","description":"\u003cdiv class=\"pm-premium\"\u003e\n  \u003cdiv class=\"pm-hero\"\u003e\n    \u003cdiv class=\"pm-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"pm-hero-content\"\u003e\n      \u003cdiv class=\"pm-badges-top\"\u003e\n        \u003cspan class=\"pm-badge\"\u003e🌿 Certifié BIO ECOCERT\u003c\/span\u003e\n        \u003cspan class=\"pm-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n        \u003cspan class=\"pm-badge\"\u003e💧 Sans sulfates\u003c\/span\u003e\n        \u003cspan class=\"pm-badge\"\u003e🐰 Vegan \u0026amp; Cruelty-free\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"pm-hero-title\"\u003ePremière Mousse\u003c\/span\u003e\n      \u003cp class=\"pm-subtitle\"\u003eShampoing Purifiant Bio - Noire Ô Naturel\u003c\/p\u003e\n      \u003cp class=\"pm-description\"\u003eUn soin lavant doux et purifiant pour cheveux ondulés, bouclés, crépus et locks. Formulé avec des poudres indiennes et de l'hibiscus, il assainit sans agresser et révèle toute la beauté de votre nature capillaire.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"pm-section\"\u003e\n    \u003ch2\u003eShampoing Purifiant Première Mousse Bio : la fraîcheur naturelle pour votre cuir chevelu\u003c\/h2\u003e\n    \u003cp class=\"pm-section-intro\"\u003eVous cherchez un \u003cstrong\u003eshampoing purifiant\u003c\/strong\u003e doux, efficace et respectueux de votre nature de cheveux ? La \u003cstrong\u003ePremière Mousse de Noire Ô Naturel\u003c\/strong\u003e est un soin lavant \u003cstrong\u003ecertifié bio ECOCERT\u003c\/strong\u003e, formulé en France pour assainir le cuir chevelu sans agresser la fibre capillaire. Idéal pour les cheveux ondulés, bouclés, crépus et locks, il convient aussi parfaitement aux \u003cstrong\u003ecuirs chevelus sensibles\u003c\/strong\u003e et aux cheveux en phase de transition capillaire.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pm-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce shampoing purifiant ?\u003c\/h2\u003e\n    \u003cp class=\"pm-section-intro\"\u003eBeaucoup de personnes souffrent de \u003cstrong\u003eracines grasses et de pointes sèches\u003c\/strong\u003e, un déséquilibre fréquent que les shampoings classiques accentuent souvent. La Première Mousse a été pensée comme un véritable soin équilibrant : elle nettoie les impuretés, régule la production de sébum et redonne du volume sans dessécher les longueurs.\u003c\/p\u003e\n    \u003cdiv class=\"pm-grid\"\u003e\n      \u003cdiv class=\"pm-card\"\u003e\n        \u003ch3\u003e✨ Purifie en douceur\u003c\/h3\u003e\n        \u003cp\u003ePurifie et tonifie le cuir chevelu pour une sensation de fraîcheur durable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pm-card\"\u003e\n        \u003ch3\u003e🍃 Anti-pellicules\u003c\/h3\u003e\n        \u003cp\u003eAide à lutter contre les pellicules et apaise les démangeaisons du cuir chevelu.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pm-card\"\u003e\n        \u003ch3\u003e💨 Volume \u0026amp; légèreté\u003c\/h3\u003e\n        \u003cp\u003eApporte du volume et de la légèreté dès la racine, sans alourdir la chevelure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pm-card\"\u003e\n        \u003ch3\u003e🌱 Stimule la pousse\u003c\/h3\u003e\n        \u003cp\u003eFavorise la croissance capillaire et limite efficacement la chute des cheveux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pm-card\"\u003e\n        \u003ch3\u003e💎 Brillance \u0026amp; souplesse\u003c\/h3\u003e\n        \u003cp\u003eProcure brillance, douceur et souplesse aux pointes, du premier au dernier lavage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pm-card\"\u003e\n        \u003ch3\u003e🌿 Tensioactifs végétaux\u003c\/h3\u003e\n        \u003cp\u003eDes agents lavants doux d'origine végétale, parfaits pour un usage régulier.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pm-section\"\u003e\n    \u003ch2\u003eUne formule riche en actifs végétaux\u003c\/h2\u003e\n    \u003cp class=\"pm-section-intro\"\u003eLa force de ce \u003cstrong\u003eshampoing purifiant sans sulfate\u003c\/strong\u003e repose sur une synergie d'ingrédients naturels soigneusement choisis :\u003c\/p\u003e\n    \u003cdiv class=\"pm-grid\"\u003e\n      \u003cdiv class=\"pm-card\"\u003e\n        \u003ch3\u003e🌿 Hydrolat de romarin\u003c\/h3\u003e\n        \u003cp\u003eTonifie et stimule le cuir chevelu pour des cheveux plus vigoureux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pm-card\"\u003e\n        \u003ch3\u003e🌾 Poudres de tulsi \u0026amp; maca\u003c\/h3\u003e\n        \u003cp\u003eDes poudres indiennes ancestrales qui assainissent et fortifient la fibre.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pm-card\"\u003e\n        \u003ch3\u003e🌺 Extrait d'hibiscus\u003c\/h3\u003e\n        \u003cp\u003eFavorise la pousse capillaire et révèle une brillance éclatante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pm-card\"\u003e\n        \u003ch3\u003e💧 Aloe vera\u003c\/h3\u003e\n        \u003cp\u003eHydrate intensément et apaise les cuirs chevelus les plus sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pm-card\"\u003e\n        \u003ch3\u003e🥥 Huile de babassu\u003c\/h3\u003e\n        \u003cp\u003eNourrit en profondeur sans alourdir, idéale pour toutes les natures de cheveux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pm-card\"\u003e\n        \u003ch3\u003e🌸 Ylang-ylang \u0026amp; framboise\u003c\/h3\u003e\n        \u003cp\u003eAvec le bois de Hô, ils parfument délicatement et apportent un éclat naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pm-accordion\" style=\"margin-top:1.5rem;\"\u003e\n      \u003cdetails class=\"pm-accordion-item\"\u003e\n        \u003csummary class=\"pm-accordion-header\"\u003e📋 Voir la composition INCI complète\u003c\/summary\u003e\n        \u003cdiv class=\"pm-accordion-content mt-3\"\u003e\n          \u003cp\u003eAqua, rosmarinus officinalis flower\/leaf\/stem extract*, sodium cocoyl glutamate, lauryl glucoside, disodium cocoamphodiacetate, glycerin, citric acid, cocamidopropyl betaine, pentylene glycol, inulin, acetum**, sodium gluconate, sodium lactate, coco-glucoside, glyceryl oleate, glyceryl caprylate, lepidium meyenii root extract*, ocimum sanctum leaf powder*, cinnamomum camphora (ho wood) oil, sodium benzoate, hibiscus sabdariffa flower extract*, arginine, benzoic acid, orbignya oleifera (babassu) seed oil*, sodium hydroxide, phytic acid, aloe barbadensis leaf juice powder*, cananga odorata flower oil*, rubus idaeus fruit extract*.\u003c\/p\u003e\n          \u003cp style=\"margin-top:.75rem;\"\u003e\u003cem\u003e*Issus de l'agriculture biologique. **Transformé à partir d'ingrédients biologiques.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pm-section\"\u003e\n    \u003ch2\u003eComment utiliser la Première Mousse ?\u003c\/h2\u003e\n    \u003cdiv class=\"pm-timeline\"\u003e\n      \u003cdiv class=\"pm-timeline-item\"\u003e\n        \u003cdiv class=\"pm-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"pm-timeline-content\"\u003e\n          \u003ch3\u003eDosez le produit\u003c\/h3\u003e\n          \u003cp\u003eSur cheveux mouillés, déposez 2 pressions de shampoing dans le creux de la main.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pm-timeline-item\"\u003e\n        \u003cdiv class=\"pm-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"pm-timeline-content\"\u003e\n          \u003ch3\u003eMassez le cuir chevelu\u003c\/h3\u003e\n          \u003cp\u003eAppliquez sur le cuir chevelu et massez doucement les racines du bout des doigts.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pm-timeline-item\"\u003e\n        \u003cdiv class=\"pm-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"pm-timeline-content\"\u003e\n          \u003ch3\u003eRépartissez la mousse\u003c\/h3\u003e\n          \u003cp\u003eFaites glisser la mousse sur l'ensemble des longueurs sans frotter.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pm-timeline-item\"\u003e\n        \u003cdiv class=\"pm-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"pm-timeline-content\"\u003e\n          \u003ch3\u003eRincez à l'eau tiède\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau tiède (jamais trop chaude) pour préserver la fibre.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pm-timeline-item\"\u003e\n        \u003cdiv class=\"pm-timeline-number\"\u003e5\u003c\/div\u003e\n        \u003cdiv class=\"pm-timeline-content\"\u003e\n          \u003ch3\u003eRenouvelez si besoin\u003c\/h3\u003e\n          \u003cp\u003eNotamment après un bain d'huile, pour éliminer parfaitement tous les résidus.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pm-tip\"\u003e\n      \u003cspan class=\"pm-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003ePour un résultat optimal, alternez avec un après-shampoing nourrissant adapté à votre nature de cheveux.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pm-section\"\u003e\n    \u003ch2\u003eUn engagement clean beauty\u003c\/h2\u003e\n    \u003cp class=\"pm-section-intro\"\u003eSi vous comparez les avis sur les shampoings purifiants populaires (\u003cstrong\u003eTimotei\u003c\/strong\u003e, \u003cstrong\u003eYves Rocher\u003c\/strong\u003e, \u003cstrong\u003eAvril\u003c\/strong\u003e, \u003cstrong\u003eLa Rosée\u003c\/strong\u003e), la Première Mousse se distingue par sa composition particulièrement clean :\u003c\/p\u003e\n    \u003cdiv class=\"pm-grid-compact\"\u003e\n      \u003cdiv class=\"pm-card\"\u003e\n        \u003ch3\u003e🌿 99,75%\u003c\/h3\u003e\n        \u003cp\u003ed'ingrédients d'origine naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pm-card\"\u003e\n        \u003ch3\u003e🌱 99,10%\u003c\/h3\u003e\n        \u003cp\u003ed'ingrédients végétaux certifiés bio\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pm-card\"\u003e\n        \u003ch3\u003e🚫 Sans\u003c\/h3\u003e\n        \u003cp\u003esulfates, silicone, parabène ni parfum de synthèse\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pm-card\"\u003e\n        \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n        \u003cp\u003ecruelty-free et fabriqué en France\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pm-card\"\u003e\n        \u003ch3\u003e♻️ Tube éco-conçu\u003c\/h3\u003e\n        \u003cp\u003een matière recyclée pour limiter l'impact\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pm-card\"\u003e\n        \u003ch3\u003e✅ ECOCERT\u003c\/h3\u003e\n        \u003cp\u003ecertification cosmétique biologique reconnue\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pm-cta-box\" style=\"margin-top:1.75rem;\"\u003e\n      \u003cp\u003eUne vraie alternative pour qui cherche le meilleur shampoing purifiant alliant efficacité, douceur et naturalité 🌿\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n    \u003cdiv class=\"pm-accordion\"\u003e\n      \u003cdetails class=\"pm-accordion-item\"\u003e\n        \u003csummary class=\"pm-accordion-header\"\u003e⚠️ Conditions d'utilisation\u003c\/summary\u003e\n        \u003cdiv class=\"pm-accordion-content mt-3\"\u003e\n          \u003cp\u003eRéservé à un usage externe. Évitez le contact avec les yeux et rincez abondamment en cas de projection.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pm-accordion-item\"\u003e\n        \u003csummary class=\"pm-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"pm-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit cosmétique ne remplace pas un avis médical : en cas de problème persistant du cuir chevelu, consultez un dermatologue.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --pm-cream: #f7f5f1;\n  --pm-white: #ffffff;\n  --pm-primary: #26b8a6;\n  --pm-primary-dark: #167a6e;\n  --pm-primary-light: #e0f5f1;\n  --pm-secondary: #4dd0c0;\n  --pm-accent: #f2a7c0;\n  --pm-text: #1a1a1a;\n  --pm-text-light: #5a5a5a;\n  --pm-border: #e5e2dc;\n  --pm-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --pm-shadow-lg: 0 12px 48px rgba(38,184,166,.18);\n  --pm-radius: 20px;\n  --pm-radius-sm: 12px;\n}\n\n.pm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--pm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--pm-text);\n}\n\n.pm-hero {\n  position: relative;\n  background: linear-gradient(135deg, #26b8a6 0%, #4dd0c0 50%, #2dc9b6 100%);\n  border-radius: var(--pm-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(--pm-shadow-lg);\n}\n\n.pm-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n  opacity: .8;\n}\n\n.pm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.pm-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 58px);\n  font-weight: 900;\n  margin: 0 0 .75rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.pm-subtitle {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 700;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n  opacity: .95;\n}\n\n.pm-description {\n  color: white;\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.7;\n  max-width: 680px;\n  margin: 0 auto;\n  opacity: .95;\n}\n\n.pm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.75rem;\n}\n\n.pm-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(--pm-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.pm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.pm-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pm-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--pm-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  line-height: 1.2;\n}\n\n.pm-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(--pm-primary), var(--pm-secondary));\n  border-radius: 2px;\n}\n\n.pm-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pm-text-light);\n  margin-bottom: 1.75rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.pm-section-intro strong {\n  color: var(--pm-primary-dark);\n}\n\n.pm-card {\n  background: var(--pm-white);\n  border-radius: var(--pm-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--pm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.pm-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--pm-shadow-lg);\n  border-color: var(--pm-primary);\n}\n\n.pm-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--pm-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.pm-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--pm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.pm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.pm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n}\n\n.pm-grid-compact .pm-card {\n  padding: 1rem;\n}\n\n.pm-grid-compact .pm-card h3 {\n  font-size: 16px;\n  margin-bottom: .35rem;\n}\n\n.pm-grid-compact .pm-card p {\n  font-size: 12px;\n}\n\n.pm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 760px;\n  margin: 0 auto;\n}\n\n.pm-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.pm-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--pm-primary), var(--pm-secondary));\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  box-shadow: 0 4px 12px rgba(38,184,166,.3);\n}\n\n.pm-timeline-content {\n  flex: 1;\n  background: var(--pm-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--pm-radius-sm);\n  box-shadow: var(--pm-shadow);\n}\n\n.pm-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--pm-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.pm-timeline-content p {\n  font-size: 14px;\n  color: var(--pm-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.pm-accordion {\n  background: var(--pm-white);\n  border-radius: var(--pm-radius);\n  box-shadow: var(--pm-shadow);\n  overflow: hidden;\n}\n\n.pm-accordion-item {\n  border-bottom: 1px solid var(--pm-border);\n  margin: 0;\n  padding: 0;\n}\n\n.pm-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.pm-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--pm-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}\n\n.pm-accordion-header:hover {\n  background: var(--pm-primary-light);\n}\n\n.pm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.pm-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--pm-primary);\n  transition: transform .2s ease;\n}\n\n.pm-accordion-item[open] .pm-accordion-header::after {\n  content: '−';\n}\n\n.pm-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--pm-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.pm-accordion-content p {\n  margin: 0;\n}\n\n.pm-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--pm-primary-light);\n  border-radius: var(--pm-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  max-width: 760px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.pm-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.pm-tip p {\n  font-size: 14px;\n  color: var(--pm-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.pm-cta-box {\n  background: linear-gradient(135deg, var(--pm-primary) 0%, var(--pm-primary-dark) 100%);\n  border-radius: var(--pm-radius);\n  padding: clamp(1.75rem, 4vw, 2.5rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--pm-shadow-lg);\n}\n\n.pm-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@media (max-width: 767px) {\n  .pm-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .pm-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .625rem;\n  }\n  .pm-grid-compact .pm-card {\n    padding: .75rem;\n  }\n  .pm-grid-compact .pm-card h3 {\n    font-size: 14px;\n  }\n  .pm-card {\n    padding: 1.125rem;\n  }\n  .pm-section {\n    margin-bottom: 1.75rem;\n  }\n  .pm-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--pm-radius-sm);\n  }\n  .pm-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .pm-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .pm-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .pm-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .pm-timeline-content h3 {\n    font-size: 14px;\n  }\n  .pm-timeline-content p {\n    font-size: 13px;\n  }\n  .pm-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .pm-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .pm-card {\n    animation: pmFadeInUp .5s ease backwards;\n  }\n  .pm-card:nth-child(1) { animation-delay: .05s; }\n  .pm-card:nth-child(2) { animation-delay: .1s; }\n  .pm-card:nth-child(3) { animation-delay: .15s; }\n  .pm-card:nth-child(4) { animation-delay: .2s; }\n  .pm-card:nth-child(5) { animation-delay: .25s; }\n  .pm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pmFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .pm-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"Noire O Naturel","offers":[{"title":"Default Title","offer_id":57261389513081,"sku":"NBAINON0003","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-purifiant-premiere-mousse-bio-noire-o-naturel-lifestyle_1c5c59f4-ee7b-4961-a8eb-c8b53c2b5d22.webp?v=1778661728"},{"product_id":"shampoing-enfant-bio-demelant-frizouilles-et-cie-noire-o-naturel","title":"Shampoing Enfant Bio Demêlant - Cheveux bouclés - 200ml - Noire O Naturel","description":"\u003cdiv class=\"frz-premium\"\u003e\n\u003cdiv class=\"frz-hero\"\u003e\n\u003cdiv class=\"frz-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"frz-hero-content\"\u003e\n\u003cdiv class=\"frz-badges-top\"\u003e\n\u003cspan class=\"frz-badge\"\u003e🌿 Certifié Bio Ecocert\u003c\/span\u003e \u003cspan class=\"frz-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"frz-badge\"\u003e👶 Dès 36 mois\u003c\/span\u003e \u003cspan class=\"frz-badge\"\u003e💜 Mama \u0026amp; Kid Friendly\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"frz-hero-title\"\u003eFrizouilles \u0026amp; Compagnie\u003c\/span\u003e\n\u003cp class=\"frz-subtitle\"\u003eShampoing démêlant bio - Noire Ô Naturel\u003c\/p\u003e\n\u003cp class=\"frz-description\"\u003eLe soin doux et gourmand qui transforme le bain en moment de complicité. Spécialement formulé pour les boucles, frisettes et cheveux crépus des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"frz-section\"\u003e\n\u003ch2\u003eFrizouilles \u0026amp; Compagnie : le shampoing démêlant bio pensé pour les cheveux bouclés et frisés des enfants\u003c\/h2\u003e\n\u003cp class=\"frz-section-intro\"\u003eLaver et démêler les cheveux de votre enfant relève parfois du parcours du combattant, surtout lorsque ses boucles s'emmêlent au moindre mouvement.\u003c\/p\u003e\n\u003cdiv class=\"frz-tip\"\u003e\n\u003cspan class=\"frz-tip-icon\"\u003e\u003cbr\u003e\u003c\/span\u003e\n\u003cp\u003eAvec \u003cstrong\u003eFrizouilles \u0026amp; Compagnie\u003c\/strong\u003e, la marque française \u003cstrong\u003eNoire Ô Naturel\u003c\/strong\u003e propose un shampoing démêlant \u003cstrong\u003ecertifié bio\u003c\/strong\u003e spécialement formulé pour les cheveux \u003cstrong\u003eondulés, bouclés, frisés, crépus et métissés\u003c\/strong\u003e. Un soin doux, gourmand et efficace, à la fleur d'oranger, coco et mangue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"frz-section\"\u003e\n\u003ch2\u003eUn soin 2-en-1 : nettoyer et démêler en douceur\u003c\/h2\u003e\n\u003cp class=\"frz-section-intro\"\u003eConçu pour les enfants dès 36 mois, sa texture onctueuse facilite le passage du peigne sans tirer ni casser la fibre capillaire.\u003c\/p\u003e\n\u003cdiv class=\"frz-grid\"\u003e\n\u003cdiv class=\"frz-card\"\u003e\n\u003ch3\u003e🫧 Nettoyage tout doux\u003c\/h3\u003e\n\u003cp\u003eNettoie et démêle sans agresser le cuir chevelu sensible des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"frz-card\"\u003e\n\u003ch3\u003e🌀 Boucles redéfinies\u003c\/h3\u003e\n\u003cp\u003eRedessine les boucles et scelle l'hydratation pour des cheveux souples.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"frz-card\"\u003e\n\u003ch3\u003e✨ Brillance \u0026amp; anti-frisottis\u003c\/h3\u003e\n\u003cp\u003eApporte de l'éclat aux longueurs et limite visiblement les frisottis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"frz-card\"\u003e\n\u003ch3\u003e💧 Hydratation préservée\u003c\/h3\u003e\n\u003cp\u003eProtège les longueurs de la déshydratation, jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"frz-card\"\u003e\n\u003ch3\u003e🌸 Cuir chevelu apaisé\u003c\/h3\u003e\n\u003cp\u003eApaise les cuirs chevelus sensibles grâce à ses actifs floraux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"frz-card\"\u003e\n\u003ch3\u003e🥭 Parfum 100% naturel\u003c\/h3\u003e\n\u003cp\u003eFleur d'oranger, coco et mangue : une gourmandise pour le bain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"frz-section\"\u003e\n\u003ch2\u003eUne composition naturelle et bio, validée par Ecocert\u003c\/h2\u003e\n\u003cp class=\"frz-section-intro\"\u003eLa formule est \u003cstrong\u003ecertifiée Cosmétique Écologique et Biologique par ECOCERT Greenlife\u003c\/strong\u003e, avec jusqu'à \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e et jusqu'à 38 % issus de l'agriculture biologique.\u003c\/p\u003e\n\u003cdiv class=\"frz-grid\"\u003e\n\u003cdiv class=\"frz-card\"\u003e\n\u003ch3\u003e🧈 Beurre de karité \u0026amp; mangue bio\u003c\/h3\u003e\n\u003cp\u003eNourrissent en profondeur et assouplissent les boucles les plus rebelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"frz-card\"\u003e\n\u003ch3\u003e🥥 Huiles coco, sésame \u0026amp; mongogo\u003c\/h3\u003e\n\u003cp\u003eProtègent la fibre capillaire et apportent une brillance naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"frz-card\"\u003e\n\u003ch3\u003e🌼 Eaux florales bio\u003c\/h3\u003e\n\u003cp\u003eFleur d'oranger et tilleul bio : apaisent et parfument naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"frz-card\"\u003e\n\u003ch3\u003e🌱 Inuline \u0026amp; bétaïne\u003c\/h3\u003e\n\u003cp\u003eActifs démêlants d'origine végétale pour un passage du peigne sans larmes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"frz-card\"\u003e\n\u003ch3\u003e🌵 Aloe vera bio \u0026amp; vitamine E\u003c\/h3\u003e\n\u003cp\u003eHydratent intensément et protègent la fibre des agressions extérieures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"frz-card\"\u003e\n\u003ch3\u003e✅ Certifié Ecocert Greenlife\u003c\/h3\u003e\n\u003cp\u003eJusqu'à 99% naturel, 38% bio - un engagement transparent et contrôlé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdetails style=\"margin-top: 1.5rem;\" class=\"frz-accordion\"\u003e\n\u003csummary class=\"frz-accordion-header\"\u003e📋 Voir la liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"frz-accordion-content mt-3\"\u003e\n\u003cp\u003eAqua, Helianthus Annuus Seed Oil*, Cetearyl Alcohol, Coco-Glucoside, Cera Alba, Glycerin, Inulin, Butyrospermum Parkii Butter*, Citrus Aurantium Amara Flower Water*, Cocos Nucifera Oil*, Mangifera Indica Seed Butter, Tilia Cordata Flower Water*, Sesamum Indicum Seed Oil*, Aloe Barbadensis Leaf Juice Powder*, Schinziophyton Rautanenii Kernel Oil, Betaine, Tocopherol, parfum naturel certifié. \u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/section\u003e\n\u003csection class=\"frz-section\"\u003e\n\u003ch2\u003eSans ingrédients controversés\u003c\/h2\u003e\n\u003cp class=\"frz-section-intro\"\u003eParce que la peau et le cuir chevelu des enfants méritent le plus grand respect. Convient également aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n\u003cdiv class=\"frz-grid-compact\"\u003e\n\u003cdiv class=\"frz-card\"\u003e\n\u003ch3\u003e🚫 Sans sulfates\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"frz-card\"\u003e\n\u003ch3\u003e🚫 Sans parabènes\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"frz-card\"\u003e\n\u003ch3\u003e🚫 Sans PEG\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"frz-card\"\u003e\n\u003ch3\u003e🚫 Sans huiles minérales\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"frz-card\"\u003e\n\u003ch3\u003e🚫 Sans huiles essentielles\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"frz-card\"\u003e\n\u003ch3\u003e🚫 Sans parfum de synthèse\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"frz-card\"\u003e\n\u003ch3\u003e🚫 Sans fruits à coques\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"frz-card\"\u003e\n\u003ch3\u003e💜 Mama \u0026amp; Kid Friendly\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"frz-section\"\u003e\n\u003ch2\u003eComment utiliser le shampoing Frizouilles \u0026amp; Compagnie ?\u003c\/h2\u003e\n\u003cdiv class=\"frz-timeline\"\u003e\n\u003cdiv class=\"frz-timeline-item\"\u003e\n\u003cdiv class=\"frz-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"frz-timeline-content\"\u003e\n\u003ch3\u003e💦 Mouiller les cheveux\u003c\/h3\u003e\n\u003cp\u003eImbibez généreusement les cheveux de votre enfant à l'eau tiède.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"frz-timeline-item\"\u003e\n\u003cdiv class=\"frz-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"frz-timeline-content\"\u003e\n\u003ch3\u003e🫶 Appliquer une noisette\u003c\/h3\u003e\n\u003cp\u003eDéposez une noisette de shampoing directement sur le cuir chevelu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"frz-timeline-item\"\u003e\n\u003cdiv class=\"frz-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"frz-timeline-content\"\u003e\n\u003ch3\u003e🫧 Masser délicatement\u003c\/h3\u003e\n\u003cp\u003eMassez en douceur pour faire mousser légèrement la formule.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"frz-timeline-item\"\u003e\n\u003cdiv class=\"frz-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"frz-timeline-content\"\u003e\n\u003ch3\u003e🚿 Rincer à l'eau tiède\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment jusqu'à ce que l'eau soit limpide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"frz-timeline-item\"\u003e\n\u003cdiv class=\"frz-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"frz-timeline-content\"\u003e\n\u003ch3\u003e👀 Éviter les yeux\u003c\/h3\u003e\n\u003cp\u003eEn cas de contact, rincez immédiatement à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"frz-tip\"\u003e\n\u003cspan class=\"frz-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour un démêlage optimal, complétez le soin avec un \u003cstrong\u003eaprès-shampoing ou un spray démêlant\u003c\/strong\u003e adapté aux cheveux texturés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"frz-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce shampoing enfant bio ?\u003c\/h2\u003e\n\u003cdiv class=\"frz-cta-box\"\u003e\n\u003cp\u003e\u003cstrong\u003eFabriqué en France\u003c\/strong\u003e 🇫🇷, ce shampoing démêlant 200 ml conjugue efficacité, plaisir sensoriel et respect du vivant. Son parfum 100% naturel transforme chaque shampoing en instant cocooning, pendant que ses actifs bio prennent soin des boucles les plus rebelles. 💜\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"frz-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe et ne remplace en aucun cas un avis médical. En cas de réaction inhabituelle, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --frz-cream: #faf7fb;\n  --frz-white: #ffffff;\n  --frz-primary: #5b2a82;\n  --frz-primary-dark: #3d1c5c;\n  --frz-primary-light: #ede4f5;\n  --frz-secondary: #7fc8d4;\n  --frz-accent: #b89cd9;\n  --frz-text: #1a1a1a;\n  --frz-text-light: #5a5a5a;\n  --frz-border: #e0d8e8;\n  --frz-shadow: 0 4px 24px rgba(91,42,130,.08);\n  --frz-shadow-lg: 0 12px 48px rgba(91,42,130,.18);\n  --frz-radius: 20px;\n  --frz-radius-sm: 12px;\n}\n\n.frz-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--frz-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--frz-text);\n}\n\n.frz-hero {\n  position: relative;\n  background: linear-gradient(135deg, #5b2a82 0%, #7c4ba8 50%, #7fc8d4 100%);\n  border-radius: var(--frz-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(--frz-shadow-lg);\n}\n\n.frz-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n  opacity: .5;\n}\n\n.frz-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.frz-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}\n\n.frz-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.8vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.frz-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.3vw, 16px);\n  line-height: 1.7;\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n.frz-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.frz-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(--frz-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.frz-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.frz-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.frz-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--frz-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  line-height: 1.25;\n}\n\n.frz-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(--frz-primary), var(--frz-secondary));\n  border-radius: 2px;\n}\n\n.frz-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--frz-text-light);\n  margin: 0 auto 1.5rem;\n  max-width: 700px;\n  line-height: 1.7;\n}\n\n.frz-card {\n  background: var(--frz-white);\n  border-radius: var(--frz-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--frz-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.frz-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--frz-shadow-lg);\n  border-color: var(--frz-primary);\n}\n\n.frz-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--frz-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.frz-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--frz-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.frz-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.frz-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.frz-grid-compact .frz-card {\n  padding: 1rem;\n}\n\n.frz-grid-compact .frz-card h3 {\n  font-size: 14px;\n  margin-bottom: 0;\n}\n\n.frz-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.frz-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.frz-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--frz-primary), var(--frz-secondary));\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  box-shadow: 0 4px 12px rgba(91,42,130,.3);\n}\n\n.frz-timeline-content {\n  flex: 1;\n  background: var(--frz-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--frz-radius-sm);\n  box-shadow: var(--frz-shadow);\n}\n\n.frz-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--frz-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.frz-timeline-content p {\n  font-size: 14px;\n  color: var(--frz-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.frz-accordion {\n  background: var(--frz-white);\n  border-radius: var(--frz-radius);\n  box-shadow: var(--frz-shadow);\n  overflow: hidden;\n  margin: 0;\n  padding: 0;\n}\n\n.frz-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--frz-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}\n\n.frz-accordion-header:hover {\n  background: var(--frz-primary-light);\n}\n\n.frz-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.frz-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--frz-primary);\n  transition: transform .2s ease;\n}\n\n.frz-accordion[open] .frz-accordion-header::after {\n  content: '−';\n}\n\n.frz-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--frz-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.frz-accordion-content p {\n  margin: 0;\n  word-break: break-word;\n}\n\n.frz-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--frz-primary-light);\n  border-radius: var(--frz-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--frz-primary);\n}\n\n.frz-tip-icon {\n  font-size: 28px;\n  flex-shrink: 0;\n  line-height: 1;\n}\n\n.frz-tip p {\n  font-size: 14px;\n  color: var(--frz-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.frz-cta-box {\n  background: linear-gradient(135deg, var(--frz-primary) 0%, var(--frz-primary-dark) 100%);\n  border-radius: var(--frz-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--frz-shadow-lg);\n}\n\n.frz-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -20%;\n  width: 300px;\n  height: 300px;\n  background: radial-gradient(circle, rgba(127,200,212,.3) 0%, transparent 70%);\n  border-radius: 50%;\n}\n\n.frz-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 500;\n  margin: 0;\n}\n\n.frz-cta-box strong {\n  font-weight: 800;\n}\n\n.frz-disclaimer {\n  font-size: 12px;\n  color: var(--frz-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n  line-height: 1.5;\n}\n\n@media (max-width: 767px) {\n  .frz-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .frz-card {\n    padding: 1.125rem;\n  }\n  .frz-section {\n    margin-bottom: 1.75rem;\n  }\n  .frz-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--frz-radius-sm);\n  }\n  .frz-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .frz-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .frz-grid-compact {\n    gap: .625rem;\n  }\n  .frz-grid-compact .frz-card {\n    padding: .75rem;\n  }\n  .frz-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .frz-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .frz-timeline-content h3 {\n    font-size: 14px;\n  }\n  .frz-timeline-content p {\n    font-size: 13px;\n  }\n  .frz-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .frz-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .frz-card {\n    animation: frzFadeInUp .5s ease backwards;\n  }\n  .frz-card:nth-child(1) { animation-delay: .05s; }\n  .frz-card:nth-child(2) { animation-delay: .1s; }\n  .frz-card:nth-child(3) { animation-delay: .15s; }\n  .frz-card:nth-child(4) { animation-delay: .2s; }\n  .frz-card:nth-child(5) { animation-delay: .25s; }\n  .frz-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes frzFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .frz-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"Noire O Naturel","offers":[{"title":"Default Title","offer_id":57261521797497,"sku":"NBAINON0010","price":17.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-enfant-bio-demelant-frizouilles-et-cie-noire-o-nat-lifestyle_aa040e72-d36e-4fce-96e8-4c7f14ead9ba.webp?v=1778663125"}],"url":"https:\/\/www.naturellement-bio.com\/collections\/noire-o-naturel.oembed","provider":"Naturellement Bio","version":"1.0","type":"link"}