{"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","url":"https:\/\/www.naturellement-bio.com\/products\/creme-de-shampoing-demelante-200ml-noire-o-naturel","provider":"Naturellement Bio","version":"1.0","type":"link"}