{"product_id":"baume-demelant-certifie-bio-250ml-ciel-dazur","title":"Baume démêlant certifié bio - 250ml - Ciel d'Azur","description":"\u003cdiv class=\"soi-bdem-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-bdem-hero\"\u003e\n    \u003cdiv class=\"soi-bdem-hero-tag\"\u003e\n      \u003cspan class=\"soi-bdem-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique capillaire bio · Ciel d'Azur\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-bdem-hero-title\"\u003eLe démêlage tout en douceur végétale\u003c\/span\u003e\n    \u003cp class=\"soi-bdem-hero-subtitle\"\u003eUn baume après-shampooing certifié Cosmos Organic, formulé sans silicone ni sulfate agressif, qui associe le Jojoba bio et l'Inca Inchi d'Amazonie pour libérer vos cheveux de chaque nœud.\u003c\/p\u003e\n    \u003cdiv class=\"soi-bdem-hero-labels\"\u003e\n      \u003cspan class=\"soi-bdem-label soi-bdem-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-bdem-label\"\u003eSANS SLS \/ ALS\u003c\/span\u003e\n      \u003cspan class=\"soi-bdem-label\"\u003eSANS SILICONES\u003c\/span\u003e\n      \u003cspan class=\"soi-bdem-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n      \u003cspan class=\"soi-bdem-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Pourquoi choisir ce baume --\u003e\n  \u003csection class=\"soi-bdem-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce baume démêlant bio ?\u003c\/h2\u003e\n    \u003cp class=\"soi-bdem-section-intro\"\u003eSur le marché des cosmétiques naturels, beaucoup de baumes promettent légèreté et douceur. Ce qui distingue vraiment ce soin, c'est le duo d'actifs végétaux à la tête de sa formule, complété par des ingrédients soigneusement sélectionnés.\u003c\/p\u003e\n    \u003cdiv class=\"soi-bdem-benefits\"\u003e\n      \u003cdiv class=\"soi-bdem-benefit\"\u003e\n        \u003cdiv class=\"soi-bdem-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHuile de Jojoba bio\u003c\/h3\u003e\n        \u003cp\u003eCire liquide qui imite le sébum naturel du cuir chevelu. Elle nourrit sans graisser, gaine chaque cheveu et préserve sa souplesse sur la durée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bdem-benefit\"\u003e\n        \u003cdiv class=\"soi-bdem-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHuile d'Inca Inchi bio\u003c\/h3\u003e\n        \u003cp\u003eOriginaire d'Amazonie, exceptionnellement riche en omégas 3, 6 et 9 ainsi qu'en protéines végétales. Vos cheveux retrouvent brillance, douceur et protection.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bdem-benefit\"\u003e\n        \u003cdiv class=\"soi-bdem-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eExtrait de mélisse bio\u003c\/h3\u003e\n        \u003cp\u003eApaisant, il contribue à calmer le cuir chevelu et à équilibrer le soin en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bdem-benefit\"\u003e\n        \u003cdiv class=\"soi-bdem-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVitamine E (tocophérols)\u003c\/h3\u003e\n        \u003cp\u003eAntioxydante naturelle, elle protège les actifs et renforce la résistance du cheveu dans le temps.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bdem-tip\"\u003e\n      \u003cdiv class=\"soi-bdem-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eContrairement à de nombreux après-shampoings du commerce, ce baume ne contient aucun silicone, aucun sulfate agressif, et reste compatible avec une routine capillaire respectueuse de l'environnement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Comment utiliser --\u003e\n  \u003csection class=\"soi-bdem-section\"\u003e\n    \u003ch2\u003eComment utiliser le baume démêlant Ciel d'Azur ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-bdem-timeline\"\u003e\n      \u003cdiv class=\"soi-bdem-step\"\u003e\n        \u003cdiv class=\"soi-bdem-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-bdem-step-content\"\u003e\n          \u003ch3\u003eAppliquez\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de baume sur cheveux mouillés, après votre shampooing habituel.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bdem-step\"\u003e\n        \u003cdiv class=\"soi-bdem-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-bdem-step-content\"\u003e\n          \u003ch3\u003eMalaxez\u003c\/h3\u003e\n          \u003cp\u003eMassez doucement la chevelure pour bien enrober chaque mèche et faciliter le démêlage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bdem-step\"\u003e\n        \u003cdiv class=\"soi-bdem-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-bdem-step-content\"\u003e\n          \u003ch3\u003ePeignez et laissez poser\u003c\/h3\u003e\n          \u003cp\u003ePeignez délicatement, puis laissez poser : 1 minute pour les cheveux normaux à gras, jusqu'à 10 minutes pour les cheveux secs ou très abîmés.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bdem-step\"\u003e\n        \u003cdiv class=\"soi-bdem-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-bdem-step-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment, repeignez et séchez selon votre méthode habituelle.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003eÀ utiliser aussi souvent que nécessaire, selon la nature et les besoins de vos cheveux. Convient aux cheveux secs, abîmés, colorés ou difficiles à coiffer.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Composition complète --\u003e\n  \u003csection class=\"soi-bdem-section\"\u003e\n    \u003ch2\u003eComposition complète\u003c\/h2\u003e\n    \u003cp\u003e\u003cstrong\u003eINCI :\u003c\/strong\u003e Aqua, \u003cem\u003e*Melissa Officinalis Extract\u003c\/em\u003e, Glycerin, \u003cem\u003e*Simmondsia Chinensis Seed Oil\u003c\/em\u003e, Distearoylethyl Dimonium Chloride, Erythritol, Stearyl Alcohol, Cetyl Alcohol, Cetearyl Alcohol, \u003cem\u003e*Plukenetia Volubilis Seed Oil\u003c\/em\u003e, Benzyl Alcohol, Guar Hydroxypropyltrimonium Chloride, \u003cem\u003e*Citrus Aurantium Bergamia Peel Oil\u003c\/em\u003e, Citric Acid, \u003cem\u003e*Citrus Limon Peel Oil\u003c\/em\u003e, Dehydroacetic Acid, Tocopherols, Helianthus Annuus Seed Oil, Limonene, Linalool, Linalyl Acetate, Pinene.\u003c\/p\u003e\n    \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Informations pratiques --\u003e\n  \u003csection class=\"soi-bdem-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-bdem-compo\"\u003e\n      \u003cdiv class=\"soi-bdem-compo-row\"\u003e\n        \u003cspan class=\"soi-bdem-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-bdem-compo-value\"\u003e250 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bdem-compo-row\"\u003e\n        \u003cspan class=\"soi-bdem-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-bdem-compo-value\"\u003eCosmos Organic (cosmétique biologique certifié)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bdem-compo-row\"\u003e\n        \u003cspan class=\"soi-bdem-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-bdem-compo-value\"\u003eSLS, ALS, silicones, parabènes\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bdem-compo-row\"\u003e\n        \u003cspan class=\"soi-bdem-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-bdem-compo-value\"\u003eCiel d'Azur, France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bdem-compo-row\"\u003e\n        \u003cspan class=\"soi-bdem-compo-label\"\u003eEmballage\u003c\/span\u003e\n        \u003cspan class=\"soi-bdem-compo-value\"\u003eFlacon à déposer dans le bac de tri jaune (règles variables selon localité)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Questions fréquentes --\u003e\n  \u003csection class=\"soi-bdem-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes sur le baume démêlant bio\u003c\/h2\u003e\n    \u003cdiv class=\"soi-bdem-accordion\"\u003e\n      \u003cdetails class=\"soi-bdem-accordion-item\"\u003e\n        \u003csummary class=\"soi-bdem-accordion-header\"\u003e💧 Ce baume démêlant peut-il s'utiliser sans rinçage ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-bdem-accordion-content\"\u003e\n          \u003cp\u003eIl est formulé pour être rincé après le temps de pose. Pour un soin sans rinçage, privilégiez une huile ou un sérum leave-in adapté.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-bdem-accordion-item\"\u003e\n        \u003csummary class=\"soi-bdem-accordion-header\"\u003e〰️ Convient-il aux cheveux bouclés ou frisés ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-bdem-accordion-content\"\u003e\n          \u003cp\u003eOui, la richesse en acides gras de l'Inca Inchi en fait un soin particulièrement adapté aux textures bouclées, qui nécessitent un apport en douceur et en brillance plus marqué.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-bdem-accordion-item\"\u003e\n        \u003csummary class=\"soi-bdem-accordion-header\"\u003e👶 Ce produit est-il adapté aux enfants ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-bdem-accordion-content\"\u003e\n          \u003cp\u003eSa formule douce et certifiée bio le rend compatible avec un usage familial, mais consultez un professionnel en cas de doute pour les très jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"soi-bdem-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-bdem-cta-box\"\u003e\n      \u003cp class=\"soi-bdem-cta-tag\" style=\"color: white;\"\u003eAdieu les nœuds, bonjour la légèreté\u003c\/p\u003e\n      \u003cp class=\"soi-bdem-cta-text\" style=\"color: white;\"\u003eParce que vos cheveux méritent un soin honnête et sans artifice, le baume démêlant Ciel d'Azur conjugue la puissance de l'Inca Inchi amazonien et la douceur du Jojoba pour transformer chaque après-shampooing en vrai moment de soin.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  \/* === Couleurs Soinat (FIXES) === *\/\n  --soi-bdem-marine: #1A2D3D;\n  --soi-bdem-marine-dark: #0F1E2B;\n  --soi-bdem-marine-light: #2C4458;\n  --soi-bdem-pomme: #A1C544;\n  --soi-bdem-pomme-dark: #84A636;\n  --soi-bdem-pomme-light: rgba(161,197,68,0.10);\n\n  \/* === Neutres Soinat === *\/\n  --soi-bdem-white: #FFFFFF;\n  --soi-bdem-off-white: #F8FAF6;\n  --soi-bdem-stone: #F1F3EE;\n  --soi-bdem-line: #E5E8E0;\n\n  \/* === Couleurs dynamiques (packaging : crème\/doré\/blanc) === *\/\n  --soi-bdem-primary: #C9A96E;\n  --soi-bdem-primary-soft: #F5EDE0;\n  --soi-bdem-accent: #D4B67A;\n\n  \/* === Textes === *\/\n  --soi-bdem-text: #1A2D3D;\n  --soi-bdem-text-soft: #4A5B6B;\n  --soi-bdem-text-muted: #7B8693;\n\n  \/* === Effets === *\/\n  --soi-bdem-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-bdem-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-bdem-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-bdem-radius: 12px;\n  --soi-bdem-radius-sm: 8px;\n  --soi-bdem-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-bdem-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-bdem-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-bdem-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-bdem-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-bdem-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-bdem-hero {\n  position: relative;\n  background: var(--soi-bdem-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-bdem-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-bdem-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-bdem-pomme);\n}\n\n.soi-bdem-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-bdem-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-bdem-pomme);\n  border-radius: 50%;\n}\n\n.soi-bdem-hero-title {\n  display: block;\n  color: var(--soi-bdem-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(24px, 5vw, 35px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-bdem-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-bdem-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-bdem-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-bdem-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-bdem-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-bdem-label-accent {\n  background: var(--soi-bdem-pomme);\n  border-color: var(--soi-bdem-pomme);\n  color: var(--soi-bdem-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-bdem-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-bdem-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-bdem-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-bdem-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-bdem-pomme);\n  border-radius: 2px;\n}\n\n.soi-bdem-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-bdem-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-bdem-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-bdem-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-bdem-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-bdem-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-bdem-benefit {\n  background: var(--soi-bdem-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-bdem-radius);\n  border: 1px solid var(--soi-bdem-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-bdem-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-bdem-shadow-md);\n}\n\n.soi-bdem-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-bdem-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-bdem-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-bdem-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-bdem-benefit:hover .soi-bdem-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-bdem-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-bdem-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-bdem-benefit p {\n  font-size: 15px;\n  color: var(--soi-bdem-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-bdem-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-bdem-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-bdem-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-bdem-radius);\n  border: 1px solid var(--soi-bdem-line);\n  align-items: flex-start;\n}\n\n.soi-bdem-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-bdem-marine);\n  color: var(--soi-bdem-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-bdem-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-bdem-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-bdem-step-content p {\n  font-size: 15px;\n  color: var(--soi-bdem-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-bdem-compo {\n  background: var(--soi-bdem-off-white);\n  border-radius: var(--soi-bdem-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-bdem-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-bdem-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-bdem-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-bdem-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-bdem-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-bdem-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-bdem-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-bdem-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-bdem-pomme-light);\n  border-left: 4px solid var(--soi-bdem-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-bdem-radius) var(--soi-bdem-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-bdem-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-bdem-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-bdem-marine);\n  margin-bottom: 4px;\n}\n\n.soi-bdem-tip p {\n  font-size: 15px;\n  color: var(--soi-bdem-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-bdem-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-bdem-accordion-item {\n  background: var(--soi-bdem-off-white);\n  border-radius: var(--soi-bdem-radius-sm);\n  border: 1px solid var(--soi-bdem-line);\n  overflow: hidden;\n}\n\n.soi-bdem-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-bdem-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-bdem-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-bdem-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-bdem-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-bdem-accordion-item[open] .soi-bdem-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-bdem-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-bdem-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-bdem-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-bdem-cta-box {\n  background: var(--soi-bdem-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-bdem-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-bdem-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-bdem-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-bdem-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-bdem-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-bdem-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-bdem-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-bdem-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-bdem-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-bdem-compo-value {\n    text-align: left;\n  }\n\n  .soi-bdem-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-bdem-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-bdem-fiche {\n    --soi-bdem-text-soft: #2C3E50;\n    --soi-bdem-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Ciel d'Azur","offers":[{"title":"Default Title","offer_id":62333269082442,"sku":"CZ0005","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/baume-demelant-certifie-bio-250ml-ciel-dazur-packshot.webp?v=1789725488","url":"https:\/\/www.soinature.com\/products\/baume-demelant-certifie-bio-250ml-ciel-dazur","provider":"Soinature","version":"1.0","type":"link"}