{"product_id":"huile-essentielle-bio-de-camomille-noble-pranarom","title":"Huile essentielle bio de camomille noble (5 ml) - Pranarom","description":"\u003cdiv class=\"soi-camo-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-camo-hero\"\u003e\n    \u003cdiv class=\"soi-camo-hero-tag\"\u003e\n      \u003cspan class=\"soi-camo-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie · Pranarôm\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-camo-hero-title\"\u003eSérénité florale, puissance aromatique\u003c\/span\u003e\n    \u003cp class=\"soi-camo-hero-subtitle\"\u003eL'huile essentielle de camomille noble bio, certifiée HECT : 100 % pure, naturelle, sans additif ni solvant. Quelques gouttes suffisent pour retrouver le calme.\u003c\/p\u003e\n    \u003cdiv class=\"soi-camo-hero-labels\"\u003e\n      \u003cspan class=\"soi-camo-label soi-camo-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-camo-label\"\u003eHECT\u003c\/span\u003e\n      \u003cspan class=\"soi-camo-label\"\u003e100 % PURE ET NATURELLE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Camomille noble ou camomille romaine : quelle différence ? --\u003e\n  \u003csection class=\"soi-camo-section\"\u003e\n    \u003ch2\u003eCamomille noble ou camomille romaine : quelle différence ?\u003c\/h2\u003e\n    \u003cp\u003eVous avez peut-être croisé les termes \u003cstrong\u003ecamomille romaine\u003c\/strong\u003e et \u003cstrong\u003ecamomille noble\u003c\/strong\u003e sans savoir s'il s'agissait du même produit. Bonne nouvelle : oui, c'est la même plante. \u003cem\u003eChamaemelum nobile\u003c\/em\u003e est son nom botanique, et ses appellations varient selon les pays et les traditions.\u003c\/p\u003e\n    \u003cp\u003eElle ne doit pas être confondue avec la \u003cstrong\u003ecamomille matricaire\u003c\/strong\u003e (\u003cem\u003eMatricaria chamomilla\u003c\/em\u003e), dont les propriétés et le profil biochimique sont distincts.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition et biochimie --\u003e\n  \u003csection class=\"soi-camo-section\"\u003e\n    \u003ch2\u003eComposition et biochimie de l'huile essentielle de camomille romaine\u003c\/h2\u003e\n    \u003cp class=\"soi-camo-section-intro\"\u003eCe qui fait la singularité de cette huile essentielle, c'est sa richesse en \u003cstrong\u003eesters terpéniques\u003c\/strong\u003e, principalement l'isobutyl angélate et l'isoamyl angélate. Ce sont précisément ces molécules qui lui confèrent ses propriétés remarquables.\u003c\/p\u003e\n    \u003cdiv class=\"soi-camo-benefits\"\u003e\n      \u003cdiv class=\"soi-camo-benefit\"\u003e\n        \u003cdiv class=\"soi-camo-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAntispasmodique\u003c\/h3\u003e\n        \u003cp\u003eElle aide à relâcher les tensions musculaires et digestives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-camo-benefit\"\u003e\n        \u003cdiv class=\"soi-camo-benefit-icon\"\u003e\u003cspan\u003e🧘\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eApaisante du système nerveux\u003c\/h3\u003e\n        \u003cp\u003eIdéale en cas de stress, d'anxiété ou d'agitation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-camo-benefit\"\u003e\n        \u003cdiv class=\"soi-camo-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAnti-inflammatoire cutanée\u003c\/h3\u003e\n        \u003cp\u003eElle apaise les peaux réactives, les démangeaisons et les rougeurs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-camo-benefit\"\u003e\n        \u003cdiv class=\"soi-camo-benefit-icon\"\u003e\u003cspan\u003e🌙\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFavorise le sommeil\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour accompagner les endormissements difficiles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-camo-compo\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cdiv class=\"soi-camo-compo-row\"\u003e\n        \u003cspan class=\"soi-camo-compo-label\"\u003ePartie utilisée\u003c\/span\u003e\n        \u003cspan class=\"soi-camo-compo-value\"\u003eFleur\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-camo-compo-row\"\u003e\n        \u003cspan class=\"soi-camo-compo-label\"\u003eMéthode d'extraction\u003c\/span\u003e\n        \u003cspan class=\"soi-camo-compo-value\"\u003eDistillation à la vapeur d'eau\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-camo-compo-row\"\u003e\n        \u003cspan class=\"soi-camo-compo-label\"\u003eNom botanique\u003c\/span\u003e\n        \u003cspan class=\"soi-camo-compo-value\"\u003eChamaemelum nobile\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-camo-compo-row\"\u003e\n        \u003cspan class=\"soi-camo-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-camo-compo-value\"\u003e5 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Comment utiliser --\u003e\n  \u003csection class=\"soi-camo-section\"\u003e\n    \u003ch2\u003eComment utiliser l'huile essentielle de camomille noble ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-camo-timeline\"\u003e\n      \u003cdiv class=\"soi-camo-step\"\u003e\n        \u003cdiv class=\"soi-camo-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-camo-step-content\"\u003e\n          \u003ch3\u003eEn olfaction (stress, anxiété, émotions intenses)\u003c\/h3\u003e\n          \u003cp\u003eDéposez 1 à 2 gouttes sur la face interne des poignets, frottez légèrement et respirez profondément. Effet apaisant quasi immédiat.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-camo-step\"\u003e\n        \u003cdiv class=\"soi-camo-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-camo-step-content\"\u003e\n          \u003ch3\u003eEn diffusion (atmosphère apaisante, sommeil)\u003c\/h3\u003e\n          \u003cp\u003e3 à 4 gouttes dans un diffuseur, 20 à 30 minutes avant le coucher. Vous pouvez l'associer à la lavande vraie pour amplifier la détente.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-camo-step\"\u003e\n        \u003cdiv class=\"soi-camo-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-camo-step-content\"\u003e\n          \u003ch3\u003eEn application cutanée (peau réactive, crampes)\u003c\/h3\u003e\n          \u003cp\u003eDiluez toujours dans une huile végétale (1 goutte pour 4 gouttes d'huile végétale). Ne pas appliquer pure sur la peau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-camo-step\"\u003e\n        \u003cdiv class=\"soi-camo-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-camo-step-content\"\u003e\n          \u003ch3\u003ePar voie orale (spasmes digestifs)\u003c\/h3\u003e\n          \u003cp\u003e2 gouttes sur un support neutre (miel, huile d'olive, comprimé neutre), jusqu'à 3 fois par jour, sans dépasser 6 gouttes par jour. Sur avis d'un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Précautions d'emploi --\u003e\n  \u003csection class=\"soi-camo-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"soi-camo-accordion\"\u003e\n      \u003cdetails class=\"soi-camo-accordion-item\" open\u003e\n        \u003csummary class=\"soi-camo-accordion-header\"\u003e⚠️ Contre-indications et recommandations\u003c\/summary\u003e\n        \u003cdiv class=\"soi-camo-accordion-content\"\u003e\n          \u003cp\u003eDéconseillée aux femmes enceintes de moins de 3 mois et aux enfants de moins de 3 ans. Ne jamais utiliser pure sur les muqueuses. Tenir hors de portée des enfants. Ne pas remplacer un traitement médical en cours. En cas de doute, consultez un médecin ou un aromathérapeute qualifié.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Pourquoi choisir Pranarom ? --\u003e\n  \u003csection class=\"soi-camo-section\"\u003e\n    \u003ch2\u003ePourquoi choisir Pranarôm ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-camo-grid\"\u003e\n      \u003cdiv class=\"soi-camo-card\"\u003e\n        \u003ch3\u003e🔬 Aromathérapie scientifique\u003c\/h3\u003e\n        \u003cp\u003ePranarôm est une référence en aromathérapie scientifique depuis plus de 30 ans. Chaque huile essentielle fait l'objet d'une analyse biochimique systématique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-camo-card\"\u003e\n        \u003ch3\u003e✅ Certification HECT\u003c\/h3\u003e\n        \u003cp\u003eLa certification Huile Essentielle Chémotypée garantit une traçabilité complète et une pureté irréprochable. Vous recevez exactement ce qui est annoncé sur l'étiquette : rien de plus, rien de moins.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- TIP --\u003e\n  \u003csection class=\"soi-camo-section\"\u003e\n    \u003cdiv class=\"soi-camo-tip\"\u003e\n      \u003cdiv class=\"soi-camo-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour une atmosphère propice à l'endormissement, associez la camomille noble à la lavande vraie dans votre diffuseur, 20 à 30 minutes avant le coucher. Deux huiles complémentaires pour une détente profonde.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-camo-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-camo-cta-box\"\u003e\n      \u003cp class=\"soi-camo-cta-text\" style=\"color: white;\"\u003eDouce, puissante et fidèle depuis des siècles, la camomille noble bio Pranarôm est un véritable soutien naturel pour retrouver la sérénité au quotidien, apaiser les tensions et prendre soin de votre peau.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-camo-marine: #1A2D3D;\n  --soi-camo-marine-dark: #0F1E2B;\n  --soi-camo-marine-light: #2C4458;\n  --soi-camo-pomme: #A1C544;\n  --soi-camo-pomme-dark: #84A636;\n  --soi-camo-pomme-light: rgba(161,197,68,0.10);\n  --soi-camo-white: #FFFFFF;\n  --soi-camo-off-white: #F8FAF6;\n  --soi-camo-stone: #F1F3EE;\n  --soi-camo-line: #E5E8E0;\n  --soi-camo-primary: #7A9A8E;\n  --soi-camo-primary-soft: #C2D6CE;\n  --soi-camo-accent: #4A6B5A;\n  --soi-camo-text: #1A2D3D;\n  --soi-camo-text-soft: #4A5B6B;\n  --soi-camo-text-muted: #7B8693;\n  --soi-camo-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-camo-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-camo-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-camo-radius: 12px;\n  --soi-camo-radius-sm: 8px;\n  --soi-camo-radius-pill: 999px;\n}\n\n.soi-camo-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-camo-fiche img { max-width: 100%; height: auto; }\n\n.soi-camo-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-camo-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-camo-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-camo-hero {\n  position: relative;\n  background: var(--soi-camo-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-camo-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-camo-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-camo-pomme);\n}\n\n.soi-camo-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-camo-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-camo-pomme);\n  border-radius: 50%;\n}\n\n.soi-camo-hero-title {\n  display: block;\n  color: var(--soi-camo-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-camo-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-camo-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-camo-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-camo-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-camo-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-camo-label-accent {\n  background: var(--soi-camo-pomme);\n  border-color: var(--soi-camo-pomme);\n  color: var(--soi-camo-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-camo-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-camo-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-camo-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-camo-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-camo-pomme);\n  border-radius: 2px;\n}\n\n.soi-camo-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-camo-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-camo-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-camo-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-camo-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-camo-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-camo-benefit {\n  background: var(--soi-camo-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-camo-radius);\n  border: 1px solid var(--soi-camo-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-camo-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-camo-shadow-md);\n}\n\n.soi-camo-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-camo-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-camo-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-camo-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-camo-benefit:hover .soi-camo-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-camo-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-camo-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-camo-benefit p {\n  font-size: 13px;\n  color: var(--soi-camo-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-camo-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-camo-card {\n  background: var(--soi-camo-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-camo-radius);\n  border-left: 3px solid var(--soi-camo-pomme);\n}\n\n.soi-camo-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-camo-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-camo-card p {\n  font-size: 14px;\n  color: var(--soi-camo-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPO *\/\n.soi-camo-compo {\n  background: var(--soi-camo-off-white);\n  border-radius: var(--soi-camo-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-camo-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-camo-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-camo-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-camo-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-camo-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-camo-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-camo-marine);\n  text-align: right;\n}\n\n\/* TIMELINE *\/\n.soi-camo-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-camo-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-camo-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-camo-radius);\n  border: 1px solid var(--soi-camo-line);\n  align-items: flex-start;\n}\n\n.soi-camo-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-camo-marine);\n  color: var(--soi-camo-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-camo-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-camo-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-camo-step-content p {\n  font-size: 14px;\n  color: var(--soi-camo-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ACCORDION *\/\n.soi-camo-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-camo-accordion-item {\n  background: var(--soi-camo-off-white);\n  border-radius: var(--soi-camo-radius-sm);\n  border: 1px solid var(--soi-camo-line);\n  overflow: hidden;\n}\n\n.soi-camo-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-camo-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-camo-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-camo-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-camo-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-camo-accordion-item[open] .soi-camo-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-camo-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-camo-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-camo-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* TIP *\/\n.soi-camo-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-camo-pomme-light);\n  border-left: 4px solid var(--soi-camo-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-camo-radius) var(--soi-camo-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-camo-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-camo-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-camo-marine);\n  margin-bottom: 4px;\n}\n\n.soi-camo-tip p {\n  font-size: 14px;\n  color: var(--soi-camo-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA *\/\n.soi-camo-cta-box {\n  background: var(--soi-camo-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-camo-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-camo-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-camo-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-camo-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-camo-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-camo-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-camo-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-camo-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-camo-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-camo-compo-value {\n    text-align: left;\n  }\n\n  .soi-camo-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-camo-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-camo-fiche {\n    --soi-camo-text-soft: #2C3E50;\n    --soi-camo-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603937943882,"sku":"RA0275","price":26.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-essentielle-bio-de-camomille-noble-pranarom-packshot.webp?v=1792056425","url":"https:\/\/firmtoaromatherapy.com\/products\/huile-essentielle-bio-de-camomille-noble-pranarom","provider":"Soinature","version":"1.0","type":"link"}