{"product_id":"huile-essentielle-de-ciste-ladanifere-pranarom","title":"Huile Essentielle de Ciste Ladanifère (5 ml)  - Pranarom","description":"\n\u003cdiv class=\"soi-cist-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-cist-hero\"\u003e\n    \u003cdiv class=\"soi-cist-hero-tag\"\u003e\n      \u003cspan class=\"soi-cist-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie · Pranarōm\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-cist-hero-title\"\u003eLa résine précieuse des peaux qui ont besoin de se réparer\u003c\/span\u003e\n    \u003cp class=\"soi-cist-hero-subtitle\"\u003eHuile essentielle chémotypée de Ciste Ladanifère, 100 % pure et naturelle, riche en alpha-pinène et camphène, pour accompagner la régénération et la fermeté de votre peau.\u003c\/p\u003e\n    \u003cdiv class=\"soi-cist-hero-labels\"\u003e\n      \u003cspan class=\"soi-cist-label soi-cist-label-accent\"\u003eCHÉMOTYPÉE\u003c\/span\u003e\n      \u003cspan class=\"soi-cist-label\"\u003e100% PURE ET NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-cist-label\"\u003eSANS ADDITIF\u003c\/span\u003e\n      \u003cspan class=\"soi-cist-label\"\u003eSANS SOLVANT\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 1 : Introduction --\u003e\n  \u003csection class=\"soi-cist-section\"\u003e\n    \u003ch2\u003eHE de Ciste Ladanifère : la résine précieuse des peaux qui ont besoin de se réparer\u003c\/h2\u003e\n    \u003cp\u003eSi vous cherchez une huile essentielle véritablement efficace pour les peaux fragilisées, abîmées ou matures, le ciste ladanifère mérite toute votre attention. Cet arbrisseau méditerranéen au parfum résineux et chaud produit l'une des huiles essentielles les plus polyvalentes en soin cutané. La version Pranarōm, obtenue par distillation à la vapeur d'eau des rameaux feuillus (\u003cem\u003eCistus ladaniferus\u003c\/em\u003e), est 100 % pure, naturelle et chémotypée, avec des actifs clairement identifiés : alpha-pinène et camphène.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 2 : Composition --\u003e\n  \u003csection class=\"soi-cist-section\"\u003e\n    \u003ch2\u003eCe que contient cette huile essentielle de ciste\u003c\/h2\u003e\n    \u003cp class=\"soi-cist-section-intro\"\u003eLa qualité d'une huile essentielle se lit d'abord dans sa composition. Voici ce que vous retrouvez dans ce flacon Pranarōm :\u003c\/p\u003e\n    \u003cdiv class=\"soi-cist-compo\"\u003e\n      \u003cdiv class=\"soi-cist-compo-row\"\u003e\n        \u003cspan class=\"soi-cist-compo-label\"\u003ePartie utilisée\u003c\/span\u003e\n        \u003cspan class=\"soi-cist-compo-value\"\u003eRameaux feuillus\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cist-compo-row\"\u003e\n        \u003cspan class=\"soi-cist-compo-label\"\u003eProcédé d'extraction\u003c\/span\u003e\n        \u003cspan class=\"soi-cist-compo-value\"\u003eDistillation à la vapeur d'eau\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cist-compo-row\"\u003e\n        \u003cspan class=\"soi-cist-compo-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-cist-compo-value\"\u003eBassin méditerranéen\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cist-compo-row\"\u003e\n        \u003cspan class=\"soi-cist-compo-label\"\u003eChémotype principal\u003c\/span\u003e\n        \u003cspan class=\"soi-cist-compo-value\"\u003eAlpha-pinène, camphène\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cist-compo-row\"\u003e\n        \u003cspan class=\"soi-cist-compo-label\"\u003eComposition\u003c\/span\u003e\n        \u003cspan class=\"soi-cist-compo-value\"\u003e100 % huile essentielle de \u003cem\u003eCistus ladaniferus\u003c\/em\u003e, sans additif, sans solvant\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-cist-tip\"\u003e\n      \u003cdiv class=\"soi-cist-tip-icon\"\u003e🔬\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n        \u003cp\u003eC'est la richesse en monoterpènes (alpha-pinène) et en molécules résineuses qui explique les nombreuses propriétés reconnues de l'huile essentielle de ciste ladanifère.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 3 : Propriétés et bienfaits --\u003e\n  \u003csection class=\"soi-cist-section\"\u003e\n    \u003ch2\u003ePropriétés et bienfaits reconnus de l'huile essentielle de ciste ladanifère\u003c\/h2\u003e\n    \u003cdiv class=\"soi-cist-benefits\"\u003e\n      \u003cdiv class=\"soi-cist-benefit\"\u003e\n        \u003cdiv class=\"soi-cist-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCicatrisante et régénérante\u003c\/h3\u003e\n        \u003cp\u003eElle soutient la réparation naturelle de la peau après une coupure superficielle, une crevasse ou une égratignure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cist-benefit\"\u003e\n        \u003cdiv class=\"soi-cist-benefit-icon\"\u003e\u003cspan\u003e🩹\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHémostatique\u003c\/h3\u003e\n        \u003cp\u003eElle aide à stopper rapidement les petits saignements localisés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cist-benefit\"\u003e\n        \u003cdiv class=\"soi-cist-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAnti-âge et raffermissante\u003c\/h3\u003e\n        \u003cp\u003eTonique et astringente, elle contribue à atténuer l'apparence des rides et à maintenir la fermeté de la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cist-benefit\"\u003e\n        \u003cdiv class=\"soi-cist-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eImmunomodulante\u003c\/h3\u003e\n        \u003cp\u003eUtilisée en aromathérapie de soutien, notamment en période de fragilité hivernale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cist-benefit\"\u003e\n        \u003cdiv class=\"soi-cist-benefit-icon\"\u003e\u003cspan\u003e🦠\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAntivirale et anti-infectieuse\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour ses effets protecteurs contre certains agents infectieux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cist-benefit\"\u003e\n        \u003cdiv class=\"soi-cist-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAstringente cutanée\u003c\/h3\u003e\n        \u003cp\u003eIdéale pour les peaux à tendance grasse ou présentant des pores dilatés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 4 : Comment utiliser --\u003e\n  \u003csection class=\"soi-cist-section\"\u003e\n    \u003ch2\u003eComment utiliser l'huile essentielle de ciste ladanifère ?\u003c\/h2\u003e\n    \u003cp class=\"soi-cist-section-intro\"\u003eL'huile essentielle de ciste est puissante : elle s'utilise toujours diluée dans une huile végétale (jojoba, rosier muscat, argan) avant application sur la peau. Voici quelques repères pratiques :\u003c\/p\u003e\n    \u003cdiv class=\"soi-cist-timeline\"\u003e\n      \u003cdiv class=\"soi-cist-step\"\u003e\n        \u003cdiv class=\"soi-cist-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-cist-step-content\"\u003e\n          \u003ch3\u003eSoin anti-âge\u003c\/h3\u003e\n          \u003cp\u003e1 goutte d'HE de ciste pour 9 gouttes d'huile végétale, à appliquer en massage léger sur le visage, 2 à 3 fois par semaine.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cist-step\"\u003e\n        \u003cdiv class=\"soi-cist-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-cist-step-content\"\u003e\n          \u003ch3\u003eCicatrisation et petites plaies\u003c\/h3\u003e\n          \u003cp\u003e1 à 2 gouttes pures ou diluées sur la zone concernée, avec l'accord d'un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cist-step\"\u003e\n        \u003cdiv class=\"soi-cist-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-cist-step-content\"\u003e\n          \u003ch3\u003eSoutien immunitaire\u003c\/h3\u003e\n          \u003cp\u003eEn diffusion ou en application sur la plante des pieds, diluée dans une huile végétale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-cist-accordion\"\u003e\n      \u003cdetails class=\"soi-cist-accordion-item\"\u003e\n        \u003csummary class=\"soi-cist-accordion-header\"\u003e⚠️ Précautions importantes\u003c\/summary\u003e\n        \u003cdiv class=\"soi-cist-accordion-content\"\u003e\n          \u003cp\u003eDéconseillée aux femmes enceintes et allaitantes, ainsi qu'aux enfants de moins de 6 ans. Ne pas utiliser pure sur les muqueuses. Toujours effectuer un test cutané préalable. Cette huile essentielle ne remplace pas un avis médical ni un traitement prescrit.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-cist-accordion-item\"\u003e\n        \u003csummary class=\"soi-cist-accordion-header\"\u003e🔎 Précisions sur la dilution\u003c\/summary\u003e\n        \u003cdiv class=\"soi-cist-accordion-content\"\u003e\n          \u003cp\u003eComme toute huile essentielle concentrée, le ciste ladanifère peut provoquer une irritation cutanée si utilisé pur en grande quantité. La dilution dans une huile végétale est indispensable pour un usage serein et efficace.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 5 : Pourquoi Pranarōm --\u003e\n  \u003csection class=\"soi-cist-section\"\u003e\n    \u003ch2\u003ePourquoi choisir la version Pranarōm ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-cist-tip\"\u003e\n      \u003cdiv class=\"soi-cist-tip-icon\"\u003e🏅\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eL'expertise Pranarōm\u003c\/strong\u003e\n        \u003cp\u003ePranarōm est une référence en aromathérapie scientifique. Chaque flacon est chémotypé, ce qui signifie que la composition biochimique exacte de l'huile est identifiée et garantie. Vous savez précisément ce que vous appliquez sur votre peau, avec une traçabilité rigoureuse et une qualité constante d'un flacon à l'autre.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 6 : À qui s'adresse --\u003e\n  \u003csection class=\"soi-cist-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse cette huile essentielle de ciste ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-cist-grid\"\u003e\n      \u003cdiv class=\"soi-cist-card\"\u003e\n        \u003ch3\u003e🌸 Peaux matures\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez un soin naturel anti-rides et raffermissant pour retrouver souplesse et tonicité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cist-card\"\u003e\n        \u003ch3\u003e🩹 Peaux fragilisées\u003c\/h3\u003e\n        \u003cp\u003eVotre peau est abîmée ou présente une cicatrisation lente qui nécessite un accompagnement naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cist-card\"\u003e\n        \u003ch3\u003e🛡️ Soutien immunitaire\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez à soutenir votre immunité en aromathérapie, notamment lors des périodes de fragilité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cist-card\"\u003e\n        \u003ch3\u003e🧪 Praticiens en aromathérapie\u003c\/h3\u003e\n        \u003cp\u003eVous recherchez une huile essentielle de qualité certifiée, chémotypée, avec une traçabilité rigoureuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"soi-cist-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-cist-cta-box\"\u003e\n      \u003cp class=\"soi-cist-cta-tag\" style=\"color: white;\"\u003eLa nature méditerranéenne à votre service\u003c\/p\u003e\n      \u003cp class=\"soi-cist-cta-text\" style=\"color: white;\"\u003ePrécieuse, concentrée, fidèle à la nature méditerranéenne qui l'a vue naître : quelques gouttes suffisent pour accompagner votre peau vers plus de souplesse, de tonicité et de régénération, semaine après semaine.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-cist-marine: #1A2D3D;\n  --soi-cist-marine-dark: #0F1E2B;\n  --soi-cist-marine-light: #2C4458;\n  --soi-cist-pomme: #A1C544;\n  --soi-cist-pomme-dark: #84A636;\n  --soi-cist-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-cist-white: #FFFFFF;\n  --soi-cist-off-white: #F8FAF6;\n  --soi-cist-stone: #F1F3EE;\n  --soi-cist-line: #E5E8E0;\n\n  --soi-cist-primary: #7A9A8E;\n  --soi-cist-primary-soft: rgba(122,154,142,0.12);\n  --soi-cist-accent: #8B6F47;\n\n  --soi-cist-text: #1A2D3D;\n  --soi-cist-text-soft: #4A5B6B;\n  --soi-cist-text-muted: #7B8693;\n\n  --soi-cist-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-cist-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-cist-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-cist-radius: 12px;\n  --soi-cist-radius-sm: 8px;\n  --soi-cist-radius-pill: 999px;\n}\n\n.soi-cist-fiche * {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n.soi-cist-fiche img {\n  max-width: 100%;\n  height: auto;\n}\n\n.soi-cist-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-cist-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-cist-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-cist-hero {\n  position: relative;\n  background: var(--soi-cist-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-cist-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-cist-hero::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 4px;\n  background: var(--soi-cist-pomme);\n}\n\n.soi-cist-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-cist-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-cist-pomme);\n  border-radius: 50%;\n}\n\n.soi-cist-hero-title {\n  display: block;\n  color: var(--soi-cist-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-cist-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-cist-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-cist-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-cist-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-cist-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-cist-label-accent {\n  background: var(--soi-cist-pomme);\n  border-color: var(--soi-cist-pomme);\n  color: var(--soi-cist-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-cist-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-cist-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-cist-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-cist-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-cist-pomme);\n  border-radius: 2px;\n}\n\n.soi-cist-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-cist-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-cist-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-cist-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-cist-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-cist-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-cist-benefit {\n  background: var(--soi-cist-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-cist-radius);\n  border: 1px solid var(--soi-cist-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-cist-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-cist-shadow-md);\n}\n\n.soi-cist-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-cist-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-cist-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-cist-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-cist-benefit:hover .soi-cist-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-cist-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-cist-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-cist-benefit p {\n  font-size: 13px;\n  color: var(--soi-cist-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-cist-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-cist-card {\n  background: var(--soi-cist-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-cist-radius);\n  border-left: 3px solid var(--soi-cist-pomme);\n}\n\n.soi-cist-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-cist-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-cist-card p {\n  font-size: 14px;\n  color: var(--soi-cist-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-cist-compo {\n  background: var(--soi-cist-off-white);\n  border-radius: var(--soi-cist-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.25rem;\n}\n\n.soi-cist-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-cist-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-cist-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-cist-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-cist-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-cist-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-cist-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-cist-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-cist-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-cist-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-cist-radius);\n  border: 1px solid var(--soi-cist-line);\n  align-items: flex-start;\n}\n\n.soi-cist-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-cist-marine);\n  color: var(--soi-cist-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-cist-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-cist-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-cist-step-content p {\n  font-size: 14px;\n  color: var(--soi-cist-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-cist-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-cist-pomme-light);\n  border-left: 4px solid var(--soi-cist-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-cist-radius) var(--soi-cist-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-cist-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-cist-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-cist-marine);\n  margin-bottom: 4px;\n}\n\n.soi-cist-tip p {\n  font-size: 14px;\n  color: var(--soi-cist-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-cist-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-cist-accordion-item {\n  background: var(--soi-cist-off-white);\n  border-radius: var(--soi-cist-radius-sm);\n  border: 1px solid var(--soi-cist-line);\n  overflow: hidden;\n}\n\n.soi-cist-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-cist-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-cist-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-cist-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-cist-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-cist-accordion-item[open] .soi-cist-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-cist-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-cist-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-cist-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-cist-cta-box {\n  background: var(--soi-cist-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-cist-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-cist-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-cist-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-cist-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-cist-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-cist-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-cist-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-cist-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-cist-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-cist-compo-value {\n    text-align: left;\n  }\n\n  .soi-cist-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-cist-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-cist-fiche {\n    --soi-cist-text-soft: #2C3E50;\n    --soi-cist-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603919462730,"sku":"RA0140","price":23.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-essentielle-de-ciste-ladanifere-pranarom-packshot.webp?v=1792057049","url":"https:\/\/firmtoaromatherapy.com\/products\/huile-essentielle-de-ciste-ladanifere-pranarom","provider":"Soinature","version":"1.0","type":"link"}