{"title":"Pranarom","description":"","products":[{"product_id":"dispersant-huiles-essentielles-usage-interne-et-externe-pranarom","title":"Dispersant huiles essentielles usage interne et externe - Pranarom","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp data-start=\"461\" data-end=\"885\"\u003eLe Dispersant Huiles Essentielles de Pranarom est un support technique indispensable pour intégrer efficacement les huiles essentielles dans vos préparations aromatiques. Élaboré à partir d’Apricot Kernel Oil Peg-6 Esters, il garantit une \u003cstrong data-start=\"568\" data-end=\"591\"\u003edispersion homogène\u003c\/strong\u003e des huiles essentielles, facilitant leur incorporation aussi bien dans des préparations destinées à l’ingestion contrôlée que dans des soins appliqués sur la peau ou les cheveux. Sa formulation spécifique permet d’obtenir des mélanges plus stables, tout en respectant la qualité des actifs aromatiques utilisés.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_RA0005_bcb1b442-d64b-4b66-a5b6-0ef92f471353.jpg?v=1776185569\" alt=\"Une personne faisant un mélange avec des huiles essentielles\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2 data-start=\"905\" data-end=\"985\"\u003eCaractéristiques et bienfaits de l’Dispersant Huiles Essentielles de Pranarom\u003c\/h2\u003e\n\u003cp data-start=\"987\" data-end=\"1467\"\u003eLe Dispersant Huiles Essentielles de Pranarom a été développé pour répondre aux exigences des préparations aromatiques modernes. Sa base technique favorise une intégration uniforme des huiles essentielles dans différents supports, évitant les séparations et améliorant la cohérence des formules. Grâce à sa \u003cstrong data-start=\"1294\" data-end=\"1316\"\u003egrande polyvalence\u003c\/strong\u003e, il peut être utilisé aussi bien en usage interne qu’en application externe, selon les recommandations d’utilisation des huiles essentielles choisies.\u003c\/p\u003e\n\u003cp data-start=\"1469\" data-end=\"1891\"\u003eEn usage interne, il facilite l’incorporation des huiles essentielles dans des préparations spécifiques, contribuant à une meilleure répartition des actifs. En usage externe, il permet d’enrichir des soins cutanés ou capillaires en assurant une diffusion plus régulière des huiles essentielles dans la base choisie. Sa \u003cstrong data-start=\"1788\" data-end=\"1806\"\u003etexture légère\u003c\/strong\u003e simplifie les mélanges et offre une manipulation confortable lors de la préparation.\u003c\/p\u003e\n\u003cp data-start=\"1893\" data-end=\"2160\"\u003eSon format de 50 ml constitue un conditionnement pratique, idéal pour les préparations ponctuelles comme pour un usage régulier. Compact et facile à transporter, il accompagne aisément les professionnels comme les particuliers dans toutes leurs créations aromatiques.\u003c\/p\u003e\n\u003ch2 data-start=\"2162\" data-end=\"2218\"\u003eL’allié indispensable de vos préparations aromatiques\u003c\/h2\u003e\n\u003cp data-start=\"2220\" data-end=\"2656\" data-is-last-node=\"\" data-is-only-node=\"\"\u003eChoisir le Dispersant Huiles Essentielles de Pranarom, c’est opter pour un support fiable qui optimise l’intégration des huiles essentielles dans vos formules. Sa \u003cstrong data-start=\"2383\" data-end=\"2412\"\u003epolyvalence d’utilisation\u003c\/strong\u003e, sa facilité de mélange et son format pratique en font un incontournable pour concevoir des préparations homogènes, stables et adaptées à différents usages. Un véritable atout pour tirer pleinement parti de la richesse des huiles essentielles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603909697866,"sku":"RA0005","price":11.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0005_dispersant_304ae536-b3cf-4101-959f-fea536307b69.jpg?v=1778843467"},{"product_id":"huile-de-massage-neutre-bio-et-vegan-pranarom","title":"Huile de massage neutre bio et vegan - Pranarom","description":"\u003cdiv class=\"soi-mass-fiche\"\u003e\n\n\u003csection class=\"soi-mass-hero\"\u003e\n  \u003cdiv class=\"soi-mass-hero-tag\"\u003e\n    \u003cspan class=\"soi-mass-tag-dot\"\u003e\u003c\/span\u003e\n    Aromathérapie · Pranarôm\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-mass-hero-title\"\u003eL'art du massage au naturel\u003c\/span\u003e\n  \u003cp class=\"soi-mass-hero-subtitle\"\u003eUne base neutre 100 % végétale, certifiée biologique et vegan, pour sublimer chaque geste de soin sur votre peau.\u003c\/p\u003e\n  \u003cdiv class=\"soi-mass-hero-labels\"\u003e\n    \u003cspan class=\"soi-mass-label soi-mass-label-accent\"\u003eBIO\u003c\/span\u003e\n    \u003cspan class=\"soi-mass-label\"\u003eVEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-mass-label\"\u003e100% HUILES VÉGÉTALES\u003c\/span\u003e\n    \u003cspan class=\"soi-mass-label\"\u003e100 ML\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mass-section\"\u003e\n  \u003ch2\u003eUne composition végétale bio soigneusement choisie\u003c\/h2\u003e\n  \u003cp class=\"soi-mass-section-intro\"\u003eCette huile de massage bio associe trois huiles végétales complémentaires, sélectionnées pour leurs propriétés reconnues sur la peau.\u003c\/p\u003e\n  \u003cdiv class=\"soi-mass-benefits\"\u003e\n    \u003cdiv class=\"soi-mass-benefit\"\u003e\n      \u003cdiv class=\"soi-mass-benefit-icon\"\u003e\u003cspan\u003e🍑\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eNoyau d'abricot bio\u003c\/h3\u003e\n      \u003cp\u003eLégère et pénétrante, elle nourrit la peau en douceur et lui apporte de la souplesse sans lourdeur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mass-benefit\"\u003e\n      \u003cdiv class=\"soi-mass-benefit-icon\"\u003e\u003cspan\u003e🌹\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eRose musquée bio\u003c\/h3\u003e\n      \u003cp\u003eNaturellement riche en acides gras essentiels (oméga-3, oméga-6), elle contribue à l'éclat et au confort cutané.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mass-benefit\"\u003e\n      \u003cdiv class=\"soi-mass-benefit-icon\"\u003e\u003cspan\u003e🌻\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eTournesol bio\u003c\/h3\u003e\n      \u003cp\u003eÉmolliente et nourrissante, elle soutient la barrière hydrolipidique de la peau et prévient le dessèchement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cp style=\"margin-top:1.25rem;\"\u003eEnsemble, ces trois huiles offrent une texture fluide et soyeuse, parfaite pour glisser sur la peau sans effet gras ni résidu collant. La peau ressort douce, satinée et confortable après chaque utilisation.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mass-section\"\u003e\n  \u003ch2\u003eLa base idéale pour vos synergies aux huiles essentielles\u003c\/h2\u003e\n  \u003cp\u003eL'un des grands atouts de cette huile neutre pour massage est son odeur quasi inexistante. Elle ne vient pas interférer avec les fragrances de vos huiles essentielles, ce qui en fait une base de dilution parfaite pour créer vos propres synergies aromatiques personnalisées.\u003c\/p\u003e\n  \u003cdiv class=\"soi-mass-tip\"\u003e\n    \u003cdiv class=\"soi-mass-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003ePour diluer vos huiles essentielles, respectez en général une concentration de 2 à 3 % d'huiles essentielles pour 97 à 98 % d'huile végétale neutre, soit environ 4 à 6 gouttes pour 10 ml d'huile de massage. Adaptez toujours selon l'huile essentielle utilisée et les recommandations d'un professionnel.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mass-section\"\u003e\n  \u003ch2\u003eComment utiliser l'huile de massage neutre bio Pranarôm ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-mass-timeline\"\u003e\n    \u003cdiv class=\"soi-mass-step\"\u003e\n      \u003cdiv class=\"soi-mass-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-mass-step-content\"\u003e\n        \u003ch3\u003eSeule, en massage corporel\u003c\/h3\u003e\n        \u003cp\u003eVersez quelques pressions de pompe dans le creux de la main, réchauffez entre les paumes et massez le corps en mouvements lents et enveloppants.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mass-step\"\u003e\n      \u003cdiv class=\"soi-mass-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-mass-step-content\"\u003e\n        \u003ch3\u003eEn synergie personnalisée\u003c\/h3\u003e\n        \u003cp\u003eAjoutez vos huiles essentielles choisies selon vos besoins (relaxation, tensions musculaires, circulation) directement dans l'huile neutre.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mass-step\"\u003e\n      \u003cdiv class=\"soi-mass-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-mass-step-content\"\u003e\n        \u003ch3\u003eEn soin quotidien\u003c\/h3\u003e\n        \u003cp\u003eAppliquez après la douche sur peau encore légèrement humide pour maximiser l'effet nourrissant et préserver le confort cutané tout au long de la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mass-section\"\u003e\n  \u003ch2\u003eConvient à tous les profils, certifiée bio et vegan\u003c\/h2\u003e\n  \u003cdiv class=\"soi-mass-grid\"\u003e\n    \u003cdiv class=\"soi-mass-card\"\u003e\n      \u003ch3\u003e🌿 Tous types de peaux\u003c\/h3\u003e\n      \u003cp\u003eConvient à toutes les peaux, y compris les plus sensibles et délicates.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mass-card\"\u003e\n      \u003ch3\u003e🧴 Flacon pompe pratique\u003c\/h3\u003e\n      \u003cp\u003eFormat 100 ml avec dosage précis et hygiénique, idéal pour un usage régulier.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mass-card\"\u003e\n      \u003ch3\u003e🏠 Usage personnel ou professionnel\u003c\/h3\u003e\n      \u003cp\u003eAdaptée à un usage personnel à la maison comme à un usage professionnel en cabinet.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-mass-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n    \u003cdiv class=\"soi-mass-card-mini\"\u003e\n      \u003cspan class=\"soi-mass-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n      \u003cspan class=\"soi-mass-card-mini-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-mass-card-mini-value\"\u003eBio\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mass-card-mini\"\u003e\n      \u003cspan class=\"soi-mass-card-mini-icon\"\u003e🐇\u003c\/span\u003e\n      \u003cspan class=\"soi-mass-card-mini-label\"\u003eEngagement\u003c\/span\u003e\n      \u003cspan class=\"soi-mass-card-mini-value\"\u003eVegan\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mass-card-mini\"\u003e\n      \u003cspan class=\"soi-mass-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n      \u003cspan class=\"soi-mass-card-mini-label\"\u003eSans\u003c\/span\u003e\n      \u003cspan class=\"soi-mass-card-mini-value\"\u003ePétrochimie\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mass-card-mini\"\u003e\n      \u003cspan class=\"soi-mass-card-mini-icon\"\u003e🧪\u003c\/span\u003e\n      \u003cspan class=\"soi-mass-card-mini-label\"\u003eTests animaux\u003c\/span\u003e\n      \u003cspan class=\"soi-mass-card-mini-value\"\u003eNon testé\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mass-section\"\u003e\n  \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n  \u003cdiv class=\"soi-mass-compo\"\u003e\n    \u003cdiv class=\"soi-mass-compo-row\"\u003e\n      \u003cspan class=\"soi-mass-compo-label\"\u003eHuile de noyau d'abricot bio\u003c\/span\u003e\n      \u003cspan class=\"soi-mass-compo-value\"\u003ePrunus Armeniaca Kernel Oil*\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mass-compo-row\"\u003e\n      \u003cspan class=\"soi-mass-compo-label\"\u003eHuile de tournesol bio\u003c\/span\u003e\n      \u003cspan class=\"soi-mass-compo-value\"\u003eHelianthus Annuus Seed Oil*\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mass-compo-row\"\u003e\n      \u003cspan class=\"soi-mass-compo-label\"\u003eHuile de rose musquée bio\u003c\/span\u003e\n      \u003cspan class=\"soi-mass-compo-value\"\u003eRosa Canina Fruit Oil*\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cp style=\"font-size:13px;color:var(--soi-mass-text-muted);margin-top:0.75rem;\"\u003e* Ingrédient issu de l'agriculture biologique. Produit certifié BIO et VEGAN.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mass-section\"\u003e\n  \u003ch2\u003eQuestions fréquentes sur l'huile de massage neutre bio\u003c\/h2\u003e\n  \u003cdiv class=\"soi-mass-accordion\"\u003e\n    \u003cdetails class=\"soi-mass-accordion-item\"\u003e\n      \u003csummary class=\"soi-mass-accordion-header\"\u003e👶 Cette huile convient-elle aux enfants ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-mass-accordion-content\"\u003e\n        \u003cp\u003eOui, sa douceur la rend compatible avec les massages des tout-petits, à condition de ne pas y ajouter d'huiles essentielles sans avis préalable d'un professionnel de santé.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-mass-accordion-item\"\u003e\n      \u003csummary class=\"soi-mass-accordion-header\"\u003e✨ Peut-on l'utiliser sur le visage ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-mass-accordion-content\"\u003e\n        \u003cp\u003eElle peut être utilisée ponctuellement sur le visage pour un massage, mais n'est pas formulée spécifiquement comme soin visage. Nous vous recommandons de toujours réaliser un test cutané au préalable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-mass-accordion-item\"\u003e\n      \u003csummary class=\"soi-mass-accordion-header\"\u003e⚕️ Ce produit remplace-t-il un traitement médical ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-mass-accordion-content\"\u003e\n        \u003cp\u003eNon. L'huile de massage neutre bio Pranarôm est un produit cosmétique de bien-être. Elle ne se substitue à aucun traitement médical.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mass-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-mass-cta-box\"\u003e\n    \u003cp class=\"soi-mass-cta-tag\" style=\"color: white;\"\u003eSublimez chaque geste de soin\u003c\/p\u003e\n    \u003cp class=\"soi-mass-cta-text\" style=\"color: white;\"\u003eDouce, pure et infiniment polyvalente, cette huile de massage neutre bio s'invite dans vos rituels. Seule ou enrichie de vos huiles essentielles préférées, elle transforme chaque massage en un véritable moment de plaisir sensoriel.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-mass-marine: #1A2D3D;\n  --soi-mass-marine-dark: #0F1E2B;\n  --soi-mass-marine-light: #2C4458;\n  --soi-mass-pomme: #A1C544;\n  --soi-mass-pomme-dark: #84A636;\n  --soi-mass-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-mass-white: #FFFFFF;\n  --soi-mass-off-white: #F8FAF6;\n  --soi-mass-stone: #F1F3EE;\n  --soi-mass-line: #E5E8E0;\n\n  --soi-mass-primary: #7A9A8E;\n  --soi-mass-primary-soft: #C6D8D0;\n  --soi-mass-accent: #D4A52A;\n\n  --soi-mass-text: #1A2D3D;\n  --soi-mass-text-soft: #4A5B6B;\n  --soi-mass-text-muted: #7B8693;\n\n  --soi-mass-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-mass-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-mass-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-mass-radius: 12px;\n  --soi-mass-radius-sm: 8px;\n  --soi-mass-radius-pill: 999px;\n}\n\n.soi-mass-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-mass-fiche img { max-width: 100%; height: auto; }\n\n.soi-mass-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-mass-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-mass-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-mass-hero {\n  position: relative;\n  background: var(--soi-mass-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-mass-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-mass-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-mass-pomme);\n}\n\n.soi-mass-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-mass-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-mass-pomme);\n  border-radius: 50%;\n}\n\n.soi-mass-hero-title {\n  display: block;\n  color: var(--soi-mass-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-mass-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-mass-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-mass-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-mass-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-mass-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-mass-label-accent {\n  background: var(--soi-mass-pomme);\n  border-color: var(--soi-mass-pomme);\n  color: var(--soi-mass-marine);\n  font-weight: 600;\n}\n\n.soi-mass-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-mass-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-mass-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-mass-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-mass-pomme);\n  border-radius: 2px;\n}\n\n.soi-mass-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-mass-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-mass-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-mass-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-mass-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-mass-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-mass-benefit {\n  background: var(--soi-mass-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-mass-radius);\n  border: 1px solid var(--soi-mass-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-mass-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-mass-shadow-md);\n}\n\n.soi-mass-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-mass-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-mass-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-mass-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-mass-benefit:hover .soi-mass-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-mass-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-mass-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-mass-benefit p {\n  font-size: 15px;\n  color: var(--soi-mass-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mass-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-mass-card {\n  background: var(--soi-mass-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-mass-radius);\n  border-left: 3px solid var(--soi-mass-pomme);\n}\n\n.soi-mass-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-mass-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-mass-card p {\n  font-size: 14px;\n  color: var(--soi-mass-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mass-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-mass-card-mini {\n  background: var(--soi-mass-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-mass-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-mass-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-mass-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-mass-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-mass-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-mass-marine);\n}\n\n.soi-mass-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-mass-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-mass-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-mass-radius);\n  border: 1px solid var(--soi-mass-line);\n  align-items: flex-start;\n}\n\n.soi-mass-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-mass-marine);\n  color: var(--soi-mass-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-mass-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-mass-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-mass-step-content p {\n  font-size: 15px;\n  color: var(--soi-mass-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mass-compo {\n  background: var(--soi-mass-off-white);\n  border-radius: var(--soi-mass-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-mass-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-mass-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-mass-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-mass-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-mass-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-mass-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-mass-marine);\n  text-align: right;\n}\n\n.soi-mass-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-mass-pomme-light);\n  border-left: 4px solid var(--soi-mass-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-mass-radius) var(--soi-mass-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-mass-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-mass-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-mass-marine);\n  margin-bottom: 4px;\n}\n\n.soi-mass-tip p {\n  font-size: 15px;\n  color: var(--soi-mass-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mass-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-mass-accordion-item {\n  background: var(--soi-mass-off-white);\n  border-radius: var(--soi-mass-radius-sm);\n  border: 1px solid var(--soi-mass-line);\n  overflow: hidden;\n}\n\n.soi-mass-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-mass-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-mass-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-mass-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-mass-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-mass-accordion-item[open] .soi-mass-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-mass-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-mass-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-mass-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mass-cta-box {\n  background: var(--soi-mass-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-mass-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-mass-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-mass-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-mass-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-mass-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-mass-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-mass-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-mass-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-mass-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-mass-compo-value {\n    text-align: left;\n  }\n\n  .soi-mass-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-mass-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-mass-fiche {\n    --soi-mass-text-soft: #2C3E50;\n    --soi-mass-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603910156618,"sku":"RA0020","price":12.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-de-massage-neutre-bio-et-vegan-pranarom-packshot.webp?v=1791180912"},{"product_id":"lait-hydratant-neutre-bio-pranarom","title":"Lait hydratant neutre bio - Pranarom","description":"\u003cdiv class=\"soi-lhnt-fiche\"\u003e\n\n  \u003csection class=\"soi-lhnt-hero\"\u003e\n    \u003cdiv class=\"soi-lhnt-hero-tag\"\u003e\n      \u003cspan class=\"soi-lhnt-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique bio · Pranarôm\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-lhnt-hero-title\"\u003eDouceur neutre pour toute la famille\u003c\/span\u003e\n    \u003cp class=\"soi-lhnt-hero-subtitle\"\u003eUn lait hydratant bio, sans parfum ni allergène, riche en aloe vera et huiles végétales, pour nourrir et apaiser chaque jour les peaux les plus sensibles.\u003c\/p\u003e\n    \u003cdiv class=\"soi-lhnt-hero-labels\"\u003e\n      \u003cspan class=\"soi-lhnt-label soi-lhnt-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-lhnt-label\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-lhnt-label\"\u003eSANS PARFUM\u003c\/span\u003e\n      \u003cspan class=\"soi-lhnt-label\"\u003eVISAGE \u0026amp; CORPS\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lhnt-section\"\u003e\n    \u003ch2\u003eUn lait corps hydratant bio pensé pour toutes les peaux\u003c\/h2\u003e\n    \u003cp class=\"soi-lhnt-section-intro\"\u003eAvec 99,5 % d'ingrédients d'origine naturelle, ce lait corps hydratant joue la carte de la simplicité efficace. Pas de fioriture, pas d'ingrédient inutile : chaque actif est là pour une raison précise.\u003c\/p\u003e\n\n    \u003cdiv class=\"soi-lhnt-grid\"\u003e\n      \u003cdiv class=\"soi-lhnt-card\"\u003e\n        \u003ch3\u003e🌿 Gel d'Aloe vera bio\u003c\/h3\u003e\n        \u003cp\u003eHydratation immédiate et effet apaisant. Parfait pour calmer les peaux sensibles ou réactives après une douche.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lhnt-card\"\u003e\n        \u003ch3\u003e🧈 Beurres de karité et de cacao bio\u003c\/h3\u003e\n        \u003cp\u003eNutrition profonde et renforcement de la barrière cutanée. Idéal pour les peaux très sèches ou tiraillées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lhnt-card\"\u003e\n        \u003ch3\u003e🌸 Huile de camélia\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour sa légèreté et sa richesse en antioxydants. Laisse la peau douce sans film gras.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lhnt-card\"\u003e\n        \u003ch3\u003e🍑 Huile de noyau d'abricot\u003c\/h3\u003e\n        \u003cp\u003eNourrissante et pénétrante, elle apporte souplesse et confort durable à l'épiderme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lhnt-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce lait hydratant corps plutôt qu'un autre ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-lhnt-benefits\"\u003e\n      \u003cdiv class=\"soi-lhnt-benefit\"\u003e\n        \u003cdiv class=\"soi-lhnt-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSans parfum, sans allergène\u003c\/h3\u003e\n        \u003cp\u003eConvient aux peaux les plus délicates, y compris les peaux atopiques. Sans colorant ni paraben.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lhnt-benefit\"\u003e\n        \u003cdiv class=\"soi-lhnt-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eTesté sous contrôle dermatologique\u003c\/h3\u003e\n        \u003cp\u003eTolérance confirmée, même chez le nourrisson. Une sécurité d'usage pour toute la famille.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lhnt-benefit\"\u003e\n        \u003cdiv class=\"soi-lhnt-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eTexture fluide non grasse\u003c\/h3\u003e\n        \u003cp\u003eS'absorbe rapidement, vous pouvez vous habiller aussitôt. Confort immédiat sans film collant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lhnt-benefit\"\u003e\n        \u003cdiv class=\"soi-lhnt-benefit-icon\"\u003e\u003cspan\u003e🎨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eBase neutre personnalisable\u003c\/h3\u003e\n        \u003cp\u003eAjoutez quelques gouttes d'huile essentielle ou d'huile végétale selon vos besoins du moment.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-lhnt-tip\"\u003e\n      \u003cdiv class=\"soi-lhnt-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eCe lait s'utilise aussi bien sur le visage que sur le corps : un seul produit suffit pour une routine simplifiée. Son format certifié bio et sa formule engagée respectent à la fois votre peau et l'environnement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lhnt-section\"\u003e\n    \u003ch2\u003eComment utiliser ce lait pour le corps au quotidien ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-lhnt-timeline\"\u003e\n      \u003cdiv class=\"soi-lhnt-step\"\u003e\n        \u003cdiv class=\"soi-lhnt-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-lhnt-step-content\"\u003e\n          \u003ch3\u003eAppliquez après la douche ou le bain\u003c\/h3\u003e\n          \u003cp\u003eSur une peau légèrement humide pour maximiser l'absorption des actifs hydratants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lhnt-step\"\u003e\n        \u003cdiv class=\"soi-lhnt-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-lhnt-step-content\"\u003e\n          \u003ch3\u003eMassez en mouvements circulaires\u003c\/h3\u003e\n          \u003cp\u003eSur le corps, en insistant sur les zones sèches (coudes, genoux, talons). Utilisez-le également sur le visage en couche légère.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lhnt-step\"\u003e\n        \u003cdiv class=\"soi-lhnt-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-lhnt-step-content\"\u003e\n          \u003ch3\u003ePersonnalisez si vous le souhaitez\u003c\/h3\u003e\n          \u003cp\u003eAjoutez 1 à 2 % d'huile essentielle adaptée pour créer votre propre soin sur mesure (usage adulte uniquement).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lhnt-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cp\u003eAqua, Aloe Barbadensis Leaf Juice*, Glycerin, Caprylic\/Capric Triglyceride, Theobroma Cacao (Cocoa) Seed Butter*, Butyrospermum Parkii (Shea) Butter*, Prunus Armeniaca (Apricot) Kernel Oil*, Camellia Sinensis Seed Oil*, Cetearyl Alcohol, Glyceryl Stearate, Xanthan Gum, Sodium Levulinate, Sodium Anisate, Citric Acid.\u003c\/p\u003e\n    \u003cp class=\"soi-lhnt-note\"\u003e* Ingrédients issus de l'agriculture biologique. 99,5 % d'ingrédients d'origine naturelle. Certifié Cosmos Organic.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lhnt-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-lhnt-compo\"\u003e\n      \u003cdiv class=\"soi-lhnt-compo-row\"\u003e\n        \u003cspan class=\"soi-lhnt-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-lhnt-compo-value\"\u003e250 ml (flacon pompe)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lhnt-compo-row\"\u003e\n        \u003cspan class=\"soi-lhnt-compo-label\"\u003eConvient à\u003c\/span\u003e\n        \u003cspan class=\"soi-lhnt-compo-value\"\u003eBébé, enfant, adulte, peaux sensibles, peaux très sèches\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lhnt-compo-row\"\u003e\n        \u003cspan class=\"soi-lhnt-compo-label\"\u003eUsage\u003c\/span\u003e\n        \u003cspan class=\"soi-lhnt-compo-value\"\u003eVisage et corps, matin et\/ou soir\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lhnt-compo-row\"\u003e\n        \u003cspan class=\"soi-lhnt-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-lhnt-compo-value\"\u003eParfum, colorant, paraben, phénoxyéthanol, allergène\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lhnt-compo-row\"\u003e\n        \u003cspan class=\"soi-lhnt-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-lhnt-compo-value\"\u003eCosmos Organic (bio)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-lhnt-accordion\"\u003e\n      \u003cdetails class=\"soi-lhnt-accordion-item\"\u003e\n        \u003csummary class=\"soi-lhnt-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-lhnt-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un soin cosmétique. Il ne se substitue pas à un avis médical ni à un traitement dermatologique prescrit.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lhnt-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-lhnt-cta-box\"\u003e\n      \u003cp class=\"soi-lhnt-cta-tag\" style=\"color: white;\"\u003eLa routine naturelle, enfin simple\u003c\/p\u003e\n      \u003cp class=\"soi-lhnt-cta-text\" style=\"color: white;\"\u003eUne formule propre, sans superflu, riche en aloe vera et huiles végétales bio, pour une peau nourrie et apaisée chaque jour. Toute la famille en profite.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-lhnt-marine: #1A2D3D;\n  --soi-lhnt-marine-dark: #0F1E2B;\n  --soi-lhnt-marine-light: #2C4458;\n  --soi-lhnt-pomme: #A1C544;\n  --soi-lhnt-pomme-dark: #84A636;\n  --soi-lhnt-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-lhnt-white: #FFFFFF;\n  --soi-lhnt-off-white: #F8FAF6;\n  --soi-lhnt-stone: #F1F3EE;\n  --soi-lhnt-line: #E5E8E0;\n\n  --soi-lhnt-primary: #9AAF8A;\n  --soi-lhnt-primary-soft: #D4DEAD;\n  --soi-lhnt-accent: #D4A8A4;\n\n  --soi-lhnt-text: #1A2D3D;\n  --soi-lhnt-text-soft: #4A5B6B;\n  --soi-lhnt-text-muted: #7B8693;\n\n  --soi-lhnt-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-lhnt-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-lhnt-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-lhnt-radius: 12px;\n  --soi-lhnt-radius-sm: 8px;\n  --soi-lhnt-radius-pill: 999px;\n}\n\n.soi-lhnt-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-lhnt-fiche img { max-width: 100%; height: auto; }\n\n.soi-lhnt-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-lhnt-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-lhnt-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-lhnt-hero {\n  position: relative;\n  background: var(--soi-lhnt-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-lhnt-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-lhnt-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-lhnt-pomme);\n}\n\n.soi-lhnt-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-lhnt-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-lhnt-pomme);\n  border-radius: 50%;\n}\n\n.soi-lhnt-hero-title {\n  display: block;\n  color: var(--soi-lhnt-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-lhnt-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-lhnt-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-lhnt-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-lhnt-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-lhnt-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-lhnt-label-accent {\n  background: var(--soi-lhnt-pomme);\n  border-color: var(--soi-lhnt-pomme);\n  color: var(--soi-lhnt-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-lhnt-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-lhnt-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-lhnt-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-lhnt-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-lhnt-pomme);\n  border-radius: 2px;\n}\n\n.soi-lhnt-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-lhnt-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-lhnt-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-lhnt-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-lhnt-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-lhnt-note {\n  font-size: clamp(12px, 1.5vw, 13px);\n  color: var(--soi-lhnt-text-muted);\n  line-height: 1.6;\n}\n\n\/* === BENEFITS === *\/\n.soi-lhnt-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-lhnt-benefit {\n  background: var(--soi-lhnt-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-lhnt-radius);\n  border: 1px solid var(--soi-lhnt-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-lhnt-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-lhnt-shadow-md);\n}\n\n.soi-lhnt-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-lhnt-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-lhnt-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-lhnt-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-lhnt-benefit:hover .soi-lhnt-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-lhnt-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-lhnt-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-lhnt-benefit p {\n  font-size: 13px;\n  color: var(--soi-lhnt-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-lhnt-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-lhnt-card {\n  background: var(--soi-lhnt-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-lhnt-radius);\n  border-left: 3px solid var(--soi-lhnt-pomme);\n}\n\n.soi-lhnt-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-lhnt-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-lhnt-card p {\n  font-size: 14px;\n  color: var(--soi-lhnt-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-lhnt-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-lhnt-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-lhnt-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-lhnt-radius);\n  border: 1px solid var(--soi-lhnt-line);\n  align-items: flex-start;\n}\n\n.soi-lhnt-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-lhnt-marine);\n  color: var(--soi-lhnt-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-lhnt-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-lhnt-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-lhnt-step-content p {\n  font-size: 14px;\n  color: var(--soi-lhnt-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-lhnt-compo {\n  background: var(--soi-lhnt-off-white);\n  border-radius: var(--soi-lhnt-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.25rem;\n}\n\n.soi-lhnt-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-lhnt-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-lhnt-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-lhnt-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-lhnt-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-lhnt-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-lhnt-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-lhnt-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-lhnt-pomme-light);\n  border-left: 4px solid var(--soi-lhnt-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-lhnt-radius) var(--soi-lhnt-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-lhnt-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-lhnt-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-lhnt-marine);\n  margin-bottom: 4px;\n}\n\n.soi-lhnt-tip p {\n  font-size: 14px;\n  color: var(--soi-lhnt-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-lhnt-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-lhnt-accordion-item {\n  background: var(--soi-lhnt-off-white);\n  border-radius: var(--soi-lhnt-radius-sm);\n  border: 1px solid var(--soi-lhnt-line);\n  overflow: hidden;\n}\n\n.soi-lhnt-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-lhnt-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-lhnt-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-lhnt-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-lhnt-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-lhnt-accordion-item[open] .soi-lhnt-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-lhnt-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-lhnt-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-lhnt-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-lhnt-cta-box {\n  background: var(--soi-lhnt-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-lhnt-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-lhnt-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-lhnt-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-lhnt-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-lhnt-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-lhnt-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-lhnt-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-lhnt-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-lhnt-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-lhnt-compo-value {\n    text-align: left;\n  }\n\n  .soi-lhnt-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-lhnt-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-lhnt-fiche {\n    --soi-lhnt-text-soft: #2C3E50;\n    --soi-lhnt-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603910254922,"sku":"RA0025","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0025_lait_neutre.jpg?v=1776167219"},{"product_id":"eucaly-pur-bio-en-spray-pranarom","title":"Eucaly’pur bio - spray d'intérieur – Pranarom","description":"\u003cdiv class=\"soi-eucap-fiche\"\u003e\n\n\u003csection class=\"soi-eucap-hero\"\u003e\n  \u003cdiv class=\"soi-eucap-hero-tag\"\u003e\n    \u003cspan class=\"soi-eucap-tag-dot\"\u003e\u003c\/span\u003e\n    Aromathérapie · Pranarom\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-eucap-hero-title\"\u003eL'air pur à portée de main\u003c\/span\u003e\n  \u003cp class=\"soi-eucap-hero-subtitle\"\u003eUne synergie bio d'eucalyptus et de menthe en spray nomade pour assainir votre intérieur et favoriser une respiration plus libre, sans diffuseur.\u003c\/p\u003e\n  \u003cdiv class=\"soi-eucap-hero-labels\"\u003e\n    \u003cspan class=\"soi-eucap-label soi-eucap-label-accent\"\u003eBIO\u003c\/span\u003e\n    \u003cspan class=\"soi-eucap-label\"\u003eECO GARANTIE\u003c\/span\u003e\n    \u003cspan class=\"soi-eucap-label\"\u003eVEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-eucap-label\"\u003eFABRIQUÉ EN BELGIQUE\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-eucap-section\"\u003e\n  \u003ch2\u003ePourquoi choisir le spray eucalyptus Eucaly'pur de Pranarom ?\u003c\/h2\u003e\n  \u003cp class=\"soi-eucap-section-intro\"\u003eContrairement à un simple spray d'ambiance, l'Eucaly'pur bio s'appuie sur l'expertise en aromathérapie scientifique de Pranarom. Ses huiles essentielles sont 100 % pures, naturelles et certifiées biologiques, sans aucun composé synthétique. Résultat : une efficacité aromatique réelle, avec un profil olfactif frais, mentholé et légèrement boisé qui purifie l'air et soutient le confort respiratoire.\u003c\/p\u003e\n  \u003cdiv class=\"soi-eucap-benefits\"\u003e\n    \u003cdiv class=\"soi-eucap-benefit\"\u003e\n      \u003cdiv class=\"soi-eucap-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eCertifié Eco Garantie et vegan\u003c\/h3\u003e\n      \u003cp\u003eUne démarche écoresponsable de bout en bout, pour un soin de l'air qui respecte aussi la planète.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-eucap-benefit\"\u003e\n      \u003cdiv class=\"soi-eucap-benefit-icon\"\u003e\u003cspan\u003e💨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eSans diffuseur requis\u003c\/h3\u003e\n      \u003cp\u003eQuelques vaporisations suffisent pour transformer votre espace en un lieu vivifiant et ressourçant.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-eucap-benefit\"\u003e\n      \u003cdiv class=\"soi-eucap-benefit-icon\"\u003e\u003cspan\u003e✈️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eFormat 30 ml nomade\u003c\/h3\u003e\n      \u003cp\u003eGlissez-le dans votre sac, votre tiroir de bureau ou sur votre table de chevet, il vous accompagne partout.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-eucap-benefit\"\u003e\n      \u003cdiv class=\"soi-eucap-benefit-icon\"\u003e\u003cspan\u003e🫁\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAir intérieur purifié\u003c\/h3\u003e\n      \u003cp\u003eIdéal pour les périodes hivernales où l'air confiné pèse sur les voies respiratoires.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-eucap-section\"\u003e\n  \u003ch2\u003eComposition de l'Eucaly'pur bio Pranarom\u003c\/h2\u003e\n  \u003cp class=\"soi-eucap-section-intro\"\u003eLa formule repose sur une synergie soigneusement équilibrée d'huiles essentielles issues de l'agriculture biologique. Toutes les matières premières sont tracées, contrôlées et conformes aux standards de l'aromathérapie professionnelle Pranarom.\u003c\/p\u003e\n  \u003cdiv class=\"soi-eucap-grid\"\u003e\n    \u003cdiv class=\"soi-eucap-card\"\u003e\n      \u003ch3\u003e🌱 Eucalyptus radié (\u003cem\u003eEucalyptus radiata\u003c\/em\u003e)\u003c\/h3\u003e\n      \u003cp\u003eEmblème de la respiration libre, cette huile essentielle est reconnue pour ses propriétés purifiantes et son action sur le confort des voies aériennes.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-eucap-card\"\u003e\n      \u003ch3\u003e🍃 Menthe poivrée (\u003cem\u003eMentha x piperita\u003c\/em\u003e)\u003c\/h3\u003e\n      \u003cp\u003eApporte la fraîcheur mentholée caractéristique et renforce la sensation d'air dégagé pour un bien-être respiratoire immédiat.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-eucap-card\"\u003e\n      \u003ch3\u003e🌾 Plantes aromatiques complémentaires\u003c\/h3\u003e\n      \u003cp\u003eHuiles essentielles de plantes aromatiques sélectionnées pour une diffusion équilibrée et durable dans votre espace de vie.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-eucap-section\"\u003e\n  \u003ch2\u003eComment utiliser le spray eucalyptus Eucaly'pur ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-eucap-timeline\"\u003e\n    \u003cdiv class=\"soi-eucap-step\"\u003e\n      \u003cdiv class=\"soi-eucap-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-eucap-step-content\"\u003e\n        \u003ch3\u003eVaporisez dans la pièce\u003c\/h3\u003e\n        \u003cp\u003eÀ environ 1 mètre au-dessus du sol, en évitant les surfaces délicates. 2 à 3 pressions suffisent pour une pièce de taille standard.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-eucap-step\"\u003e\n      \u003cdiv class=\"soi-eucap-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-eucap-step-content\"\u003e\n        \u003ch3\u003eRenouvelez selon vos besoins\u003c\/h3\u003e\n        \u003cp\u003eMatin et soir, ou lors des périodes de gêne respiratoire liée à l'air intérieur confiné.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-eucap-step\"\u003e\n      \u003cdiv class=\"soi-eucap-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-eucap-step-content\"\u003e\n        \u003ch3\u003eÉvitez le contact direct\u003c\/h3\u003e\n        \u003cp\u003eAvec les yeux, les muqueuses et la peau nue. Ce spray est destiné à un usage diffusion atmosphérique uniquement, pas à un usage nasal direct.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-eucap-tip\"\u003e\n    \u003cdiv class=\"soi-eucap-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eParticulièrement apprécié en automne et en hiver, ce spray est votre allié au quotidien quand les pièces restent fermées et que l'air se raréfie.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-eucap-section\"\u003e\n  \u003ch2\u003ePour qui est fait l'Eucaly'pur bio ?\u003c\/h2\u003e\n  \u003cp\u003eCe spray convient à tous ceux qui souhaitent améliorer la qualité de leur air intérieur de façon naturelle : personnes sujettes à l'inconfort respiratoire saisonnier, adeptes d'aromathérapie, familles cherchant une alternative saine aux désodorisants chimiques.\u003c\/p\u003e\n  \u003cdiv class=\"soi-eucap-accordion\"\u003e\n    \u003cdetails class=\"soi-eucap-accordion-item\"\u003e\n      \u003csummary class=\"soi-eucap-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n      \u003cdiv class=\"soi-eucap-accordion-content\"\u003e\n        \u003cp\u003eCe produit ne remplace pas un traitement médical. En cas de symptômes persistants, consultez un professionnel de santé. Déconseillé aux femmes enceintes et aux enfants de moins de 6 ans sans avis médical préalable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-eucap-section\"\u003e\n  \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n  \u003cdiv class=\"soi-eucap-compo\"\u003e\n    \u003cdiv class=\"soi-eucap-compo-row\"\u003e\n      \u003cspan class=\"soi-eucap-compo-label\"\u003eMarque\u003c\/span\u003e\n      \u003cspan class=\"soi-eucap-compo-value\"\u003ePranarom\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-eucap-compo-row\"\u003e\n      \u003cspan class=\"soi-eucap-compo-label\"\u003eGamme\u003c\/span\u003e\n      \u003cspan class=\"soi-eucap-compo-value\"\u003eLes Diffusables\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-eucap-compo-row\"\u003e\n      \u003cspan class=\"soi-eucap-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-eucap-compo-value\"\u003e30 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-eucap-compo-row\"\u003e\n      \u003cspan class=\"soi-eucap-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-eucap-compo-value\"\u003eBIO, Eco Garantie, Vegan\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-eucap-compo-row\"\u003e\n      \u003cspan class=\"soi-eucap-compo-label\"\u003eUsage\u003c\/span\u003e\n      \u003cspan class=\"soi-eucap-compo-value\"\u003eDiffusion atmosphérique uniquement\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-eucap-compo-row\"\u003e\n      \u003cspan class=\"soi-eucap-compo-label\"\u003eFabrication\u003c\/span\u003e\n      \u003cspan class=\"soi-eucap-compo-value\"\u003eBelgique\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-eucap-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-eucap-cta-box\"\u003e\n    \u003cp class=\"soi-eucap-cta-tag\" style=\"color: white;\"\u003eRespirez mieux, naturellement\u003c\/p\u003e\n    \u003cp class=\"soi-eucap-cta-text\" style=\"color: white;\"\u003eQuelques vaporisations, et votre espace change de visage. L'Eucaly'pur bio de Pranarom, c'est l'alliance de l'eucalyptus et de la menthe dans un format nomade pour respirer mieux chez vous, au bureau ou en déplacement.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-eucap-marine: #1A2D3D;\n  --soi-eucap-marine-dark: #0F1E2B;\n  --soi-eucap-marine-light: #2C4458;\n  --soi-eucap-pomme: #A1C544;\n  --soi-eucap-pomme-dark: #84A636;\n  --soi-eucap-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-eucap-white: #FFFFFF;\n  --soi-eucap-off-white: #F8FAF6;\n  --soi-eucap-stone: #F1F3EE;\n  --soi-eucap-line: #E5E8E0;\n\n  --soi-eucap-primary: #4A7C59;\n  --soi-eucap-primary-soft: #E8F0EB;\n  --soi-eucap-accent: #C8953E;\n\n  --soi-eucap-text: #1A2D3D;\n  --soi-eucap-text-soft: #4A5B6B;\n  --soi-eucap-text-muted: #7B8693;\n\n  --soi-eucap-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-eucap-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-eucap-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-eucap-radius: 12px;\n  --soi-eucap-radius-sm: 8px;\n  --soi-eucap-radius-pill: 999px;\n}\n\n.soi-eucap-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-eucap-fiche img { max-width: 100%; height: auto; }\n\n.soi-eucap-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-eucap-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-eucap-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-eucap-hero {\n  position: relative;\n  background: var(--soi-eucap-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-eucap-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-eucap-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-eucap-pomme);\n}\n\n.soi-eucap-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-eucap-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-eucap-pomme);\n  border-radius: 50%;\n}\n\n.soi-eucap-hero-title {\n  display: block;\n  color: var(--soi-eucap-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-eucap-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-eucap-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-eucap-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-eucap-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-eucap-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-eucap-label-accent {\n  background: var(--soi-eucap-pomme);\n  border-color: var(--soi-eucap-pomme);\n  color: var(--soi-eucap-marine);\n  font-weight: 600;\n}\n\n.soi-eucap-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-eucap-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-eucap-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-eucap-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-eucap-pomme);\n  border-radius: 2px;\n}\n\n.soi-eucap-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-eucap-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-eucap-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-eucap-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-eucap-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-eucap-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-eucap-benefit {\n  background: var(--soi-eucap-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-eucap-radius);\n  border: 1px solid var(--soi-eucap-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-eucap-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-eucap-shadow-md);\n}\n\n.soi-eucap-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-eucap-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-eucap-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-eucap-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-eucap-benefit:hover .soi-eucap-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-eucap-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-eucap-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-eucap-benefit p {\n  font-size: 15px;\n  color: var(--soi-eucap-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-eucap-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-eucap-card {\n  background: var(--soi-eucap-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-eucap-radius);\n  border-left: 3px solid var(--soi-eucap-pomme);\n}\n\n.soi-eucap-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-eucap-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-eucap-card p {\n  font-size: 14px;\n  color: var(--soi-eucap-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-eucap-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-eucap-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-eucap-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-eucap-radius);\n  border: 1px solid var(--soi-eucap-line);\n  align-items: flex-start;\n}\n\n.soi-eucap-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-eucap-marine);\n  color: var(--soi-eucap-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-eucap-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-eucap-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-eucap-step-content p {\n  font-size: 15px;\n  color: var(--soi-eucap-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-eucap-compo {\n  background: var(--soi-eucap-off-white);\n  border-radius: var(--soi-eucap-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-eucap-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-eucap-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-eucap-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-eucap-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-eucap-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-eucap-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-eucap-marine);\n  text-align: right;\n}\n\n.soi-eucap-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-eucap-pomme-light);\n  border-left: 4px solid var(--soi-eucap-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-eucap-radius) var(--soi-eucap-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-eucap-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-eucap-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-eucap-marine);\n  margin-bottom: 4px;\n}\n\n.soi-eucap-tip p {\n  font-size: 15px;\n  color: var(--soi-eucap-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-eucap-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 1.25rem;\n}\n\n.soi-eucap-accordion-item {\n  background: var(--soi-eucap-off-white);\n  border-radius: var(--soi-eucap-radius-sm);\n  border: 1px solid var(--soi-eucap-line);\n  overflow: hidden;\n}\n\n.soi-eucap-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-eucap-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-eucap-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-eucap-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-eucap-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-eucap-accordion-item[open] .soi-eucap-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-eucap-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-eucap-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-eucap-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-eucap-cta-box {\n  background: var(--soi-eucap-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-eucap-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-eucap-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-eucap-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-eucap-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-eucap-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-eucap-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-eucap-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-eucap-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-eucap-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-eucap-compo-value {\n    text-align: left;\n  }\n\n  .soi-eucap-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-eucap-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-eucap-fiche {\n    --soi-eucap-text-soft: #2C3E50;\n    --soi-eucap-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603910320458,"sku":"RA0030","price":10.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/eucalypur-bio-en-spray-pranarom-packshot.webp?v=1790848540"},{"product_id":"huile-essentielle-a-diffuser-zen-bio-et-vegan-pranarom","title":"Huile Essentielle à Diffuser Zen Bio – Pranarom","description":"\n\n\u003cdiv class=\"soi-zen-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-zen-hero\"\u003e\n    \u003cdiv class=\"soi-zen-hero-tag\"\u003e\n      \u003cspan class=\"soi-zen-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie · Pranarōm\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-zen-hero-title\"\u003eHarmonie et relaxation par la diffusion\u003c\/span\u003e\n    \u003cp class=\"soi-zen-hero-subtitle\"\u003eQuatre huiles essentielles biologiques s'unissent en une synergie olfactive enveloppante, pensée pour transformer votre intérieur en un véritable cocon de sérénité.\u003c\/p\u003e\n    \u003cdiv class=\"soi-zen-hero-labels\"\u003e\n      \u003cspan class=\"soi-zen-label soi-zen-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-zen-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-zen-label\"\u003e100% NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-zen-label\"\u003e30 ML\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : Composition biologique --\u003e\n  \u003csection class=\"soi-zen-section\"\u003e\n    \u003ch2\u003eUne composition biologique aux notes équilibrées\u003c\/h2\u003e\n    \u003cp class=\"soi-zen-section-intro\"\u003eCe qui rend ce diffusable unique, c'est son alliance olfactive soigneusement élaborée par un nez parfumeur de Grasse. Quatre huiles essentielles 100 % naturelles, pures, intégrales et certifiées biologiques se répondent pour créer une signature douce et enveloppante.\u003c\/p\u003e\n    \u003cdiv class=\"soi-zen-benefits\"\u003e\n      \u003cdiv class=\"soi-zen-benefit\"\u003e\n        \u003cdiv class=\"soi-zen-benefit-icon\"\u003e\u003cspan\u003e🍊\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eOrange douce bio\u003c\/h3\u003e\n        \u003cp\u003eSes notes hespéridées chaudes et rondes apportent une touche de légèreté et de bonne humeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zen-benefit\"\u003e\n        \u003cdiv class=\"soi-zen-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eMandarine bio\u003c\/h3\u003e\n        \u003cp\u003eFraîche et apaisante, elle équilibre l'ensemble et favorise le lâcher-prise.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zen-benefit\"\u003e\n        \u003cdiv class=\"soi-zen-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eLitsée citronnée bio\u003c\/h3\u003e\n        \u003cp\u003eLégèrement citronnée et florale, elle clarifie l'atmosphère et recentre l'esprit.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zen-benefit\"\u003e\n        \u003cdiv class=\"soi-zen-benefit-icon\"\u003e\u003cspan\u003e🌲\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCèdre de l'Atlas bio\u003c\/h3\u003e\n        \u003cp\u003eSa profondeur boisée ancre la composition et invite à la sérénité durable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-zen-tip\"\u003e\n      \u003cdiv class=\"soi-zen-tip-icon\"\u003e✨\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe résultat\u003c\/strong\u003e\n        \u003cp\u003eUn parfum d'ambiance à la fois frais, réconfortant et profond, qui ne s'impose pas mais enveloppe délicatement la pièce.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Comment diffuser --\u003e\n  \u003csection class=\"soi-zen-section\"\u003e\n    \u003ch2\u003eComment diffuser cette huile essentielle ?\u003c\/h2\u003e\n    \u003cp class=\"soi-zen-section-intro\"\u003ePour profiter pleinement de ce diffusable, l'idéal reste l'utilisation d'un diffuseur d'huiles essentielles à froid (nébuliseur ou ultrasonique), qui préserve intactes les molécules aromatiques. Versez simplement quelques gouttes dans votre diffuseur selon les recommandations du fabricant, puis laissez l'atmosphère se transformer.\u003c\/p\u003e\n    \u003cp class=\"soi-zen-section-intro\"\u003eVous souhaitez diffuser une huile essentielle sans diffuseur ? Quelques alternatives simples fonctionnent très bien :\u003c\/p\u003e\n    \u003cdiv class=\"soi-zen-timeline\"\u003e\n      \u003cdiv class=\"soi-zen-step\"\u003e\n        \u003cdiv class=\"soi-zen-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-zen-step-content\"\u003e\n          \u003ch3\u003eLe bol d'eau chaude\u003c\/h3\u003e\n          \u003cp\u003eAjoutez 4 à 6 gouttes dans un bol d'eau frémissante et laissez les vapeurs embaumer la pièce.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zen-step\"\u003e\n        \u003cdiv class=\"soi-zen-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-zen-step-content\"\u003e\n          \u003ch3\u003eLe mouchoir ou le coton\u003c\/h3\u003e\n          \u003cp\u003eDéposez 2 à 3 gouttes sur un tissu placé près de vous pour une diffusion douce et personnelle.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zen-step\"\u003e\n        \u003cdiv class=\"soi-zen-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-zen-step-content\"\u003e\n          \u003ch3\u003eLe radiateur\u003c\/h3\u003e\n          \u003cp\u003eUn coton imbibé posé sur un radiateur tiède diffuse doucement le parfum dans la pièce.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : Moments d'utilisation --\u003e\n  \u003csection class=\"soi-zen-section\"\u003e\n    \u003ch2\u003eDans quels moments utiliser le Diffusable Zen ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-zen-grid\"\u003e\n      \u003cdiv class=\"soi-zen-card\"\u003e\n        \u003ch3\u003e🌇 Après le travail\u003c\/h3\u003e\n        \u003cp\u003ePour décompresser et marquer la transition entre vie professionnelle et vie personnelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zen-card\"\u003e\n        \u003ch3\u003e🧘 Méditation et yoga\u003c\/h3\u003e\n        \u003cp\u003ePour créer un espace propice au recentrage et à la pleine conscience.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zen-card\"\u003e\n        \u003ch3\u003e🌙 Au coucher\u003c\/h3\u003e\n        \u003cp\u003ePour préparer le corps et l'esprit à un sommeil serein et récupérateur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zen-card\"\u003e\n        \u003ch3\u003e💻 Télétravail\u003c\/h3\u003e\n        \u003cp\u003ePour maintenir un environnement apaisant sans perturber la concentration.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Composition complète --\u003e\n  \u003csection class=\"soi-zen-section\"\u003e\n    \u003ch2\u003eComposition complète et informations produit\u003c\/h2\u003e\n    \u003cdiv class=\"soi-zen-compo\"\u003e\n      \u003cdiv class=\"soi-zen-compo-row\"\u003e\n        \u003cspan class=\"soi-zen-compo-label\"\u003eIngrédients (INCI)\u003c\/span\u003e\n        \u003cspan class=\"soi-zen-compo-value\"\u003eCitrus sinensis peel oil expressed (Orange douce), Citrus reticulata peel oil expressed (Mandarine), Litsea cubeba fruit oil (Litsée citronnée), Cedrus atlantica wood oil (Cèdre de l'Atlas)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zen-compo-row\"\u003e\n        \u003cspan class=\"soi-zen-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-zen-compo-value\"\u003e30 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zen-compo-row\"\u003e\n        \u003cspan class=\"soi-zen-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-zen-compo-value\"\u003eBIO et Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zen-compo-row\"\u003e\n        \u003cspan class=\"soi-zen-compo-label\"\u003eHuiles essentielles\u003c\/span\u003e\n        \u003cspan class=\"soi-zen-compo-value\"\u003e100 % naturelles, pures et intégrales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zen-compo-row\"\u003e\n        \u003cspan class=\"soi-zen-compo-label\"\u003eUsage recommandé\u003c\/span\u003e\n        \u003cspan class=\"soi-zen-compo-value\"\u003eDiffusion uniquement, ne pas ingérer ni appliquer pur sur la peau\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 : Précautions --\u003e\n  \u003csection class=\"soi-zen-section\"\u003e\n    \u003ch2\u003ePrécautions d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"soi-zen-accordion\"\u003e\n      \u003cdetails class=\"soi-zen-accordion-item\"\u003e\n        \u003csummary class=\"soi-zen-accordion-header\"\u003e⚠️ Usage et sécurité\u003c\/summary\u003e\n        \u003cdiv class=\"soi-zen-accordion-content\"\u003e\n          \u003cp\u003eCe produit est destiné à la diffusion atmosphérique uniquement. Gardez-le hors de portée des enfants. Évitez une exposition prolongée en espace confiné : aérez la pièce régulièrement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-zen-accordion-item\"\u003e\n        \u003csummary class=\"soi-zen-accordion-header\"\u003e🤰 Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"soi-zen-accordion-content\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes de moins de 3 mois et aux nourrissons de moins de 3 mois. Ce diffusable ne remplace pas un avis médical ni un traitement prescrit.\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-zen-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-zen-cta-box\"\u003e\n      \u003cp class=\"soi-zen-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-zen-cta-text\" style=\"color: white;\"\u003eAvec le Diffusable Zen Bio de Pranarōm, vous transformez n'importe quelle pièce en un véritable sanctuaire de sérénité. Orange, mandarine, litsée, cèdre : quatre huiles certifiées bio s'unissent pour vous offrir ce moment rare où tout ralentit et où vous retrouvez enfin un peu de vous.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-zen-marine: #1A2D3D;\n  --soi-zen-marine-dark: #0F1E2B;\n  --soi-zen-marine-light: #2C4458;\n  --soi-zen-pomme: #A1C544;\n  --soi-zen-pomme-dark: #84A636;\n  --soi-zen-pomme-light: rgba(161,197,68,0.10);\n  --soi-zen-white: #FFFFFF;\n  --soi-zen-off-white: #F8FAF6;\n  --soi-zen-stone: #F1F3EE;\n  --soi-zen-line: #E5E8E0;\n  --soi-zen-primary: #8BAFC4;\n  --soi-zen-primary-soft: rgba(139,175,196,0.12);\n  --soi-zen-accent: #7A9A8E;\n  --soi-zen-text: #1A2D3D;\n  --soi-zen-text-soft: #4A5B6B;\n  --soi-zen-text-muted: #7B8693;\n  --soi-zen-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-zen-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-zen-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-zen-radius: 12px;\n  --soi-zen-radius-sm: 8px;\n  --soi-zen-radius-pill: 999px;\n}\n\n.soi-zen-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-zen-fiche img { max-width: 100%; height: auto; }\n\n.soi-zen-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-zen-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-zen-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-zen-hero {\n  position: relative;\n  background: var(--soi-zen-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-zen-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-zen-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-zen-pomme);\n}\n\n.soi-zen-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-zen-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-zen-pomme);\n  border-radius: 50%;\n}\n\n.soi-zen-hero-title {\n  display: block;\n  color: var(--soi-zen-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-zen-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-zen-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-zen-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-zen-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-zen-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-zen-label-accent {\n  background: var(--soi-zen-pomme);\n  border-color: var(--soi-zen-pomme);\n  color: var(--soi-zen-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-zen-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-zen-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-zen-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-zen-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-zen-pomme);\n  border-radius: 2px;\n}\n\n.soi-zen-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-zen-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-zen-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-zen-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-zen-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-zen-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-zen-benefit {\n  background: var(--soi-zen-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-zen-radius);\n  border: 1px solid var(--soi-zen-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-zen-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-zen-shadow-md);\n}\n\n.soi-zen-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-zen-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-zen-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-zen-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-zen-benefit:hover .soi-zen-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-zen-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-zen-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-zen-benefit p {\n  font-size: 15px;\n  color: var(--soi-zen-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-zen-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-zen-card {\n  background: var(--soi-zen-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-zen-radius);\n  border-left: 3px solid var(--soi-zen-pomme);\n}\n\n.soi-zen-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-zen-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-zen-card p {\n  font-size: 14px;\n  color: var(--soi-zen-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-zen-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-zen-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-zen-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-zen-radius);\n  border: 1px solid var(--soi-zen-line);\n  align-items: flex-start;\n}\n\n.soi-zen-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-zen-marine);\n  color: var(--soi-zen-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-zen-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-zen-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-zen-step-content p {\n  font-size: 15px;\n  color: var(--soi-zen-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-zen-compo {\n  background: var(--soi-zen-off-white);\n  border-radius: var(--soi-zen-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-zen-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-zen-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-zen-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-zen-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-zen-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  flex-shrink: 0;\n}\n\n.soi-zen-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-zen-marine);\n  text-align: right;\n}\n\n\/* TIP *\/\n.soi-zen-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-zen-pomme-light);\n  border-left: 4px solid var(--soi-zen-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-zen-radius) var(--soi-zen-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-zen-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-zen-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-zen-marine);\n  margin-bottom: 4px;\n}\n\n.soi-zen-tip p {\n  font-size: 15px;\n  color: var(--soi-zen-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-zen-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-zen-accordion-item {\n  background: var(--soi-zen-off-white);\n  border-radius: var(--soi-zen-radius-sm);\n  border: 1px solid var(--soi-zen-line);\n  overflow: hidden;\n}\n\n.soi-zen-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-zen-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-zen-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-zen-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-zen-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-zen-accordion-item[open] .soi-zen-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-zen-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-zen-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-zen-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-zen-cta-box {\n  background: var(--soi-zen-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-zen-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-zen-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-zen-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-zen-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-zen-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-zen-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-zen-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-zen-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-zen-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-zen-compo-value {\n    text-align: left;\n  }\n\n  .soi-zen-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-zen-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-zen-fiche {\n    --soi-zen-text-soft: #2C3E50;\n    --soi-zen-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603910451530,"sku":"RA0040","price":18.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-essentielle-a-diffuser-zen-bio-et-vegan-pranarom-packshot.webp?v=1791180092"},{"product_id":"huile-essentielle-d-ail-pranarom","title":"Huile essentielle d’Ail (Allium sativum) – Pranarom","description":"\n\u003cdiv class=\"soi-ail-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-ail-hero\"\u003e\n    \u003cdiv class=\"soi-ail-hero-tag\"\u003e\n      \u003cspan class=\"soi-ail-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie · Pranarom\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-ail-hero-title\"\u003eHuile essentielle d'Ail\u003c\/span\u003e\n    \u003cp class=\"soi-ail-hero-subtitle\"\u003eLa puissance concentrée de l'\u003cem\u003eAllium sativum\u003c\/em\u003e en un flacon de 5 ml : une essence rare, intensément soufrée et chémotypée, pour les utilisateurs avertis en quête d'efficacité sans compromis.\u003c\/p\u003e\n    \u003cdiv class=\"soi-ail-hero-labels\"\u003e\n      \u003cspan class=\"soi-ail-label soi-ail-label-accent\"\u003eHECT CHÉMOTYPÉE\u003c\/span\u003e\n      \u003cspan class=\"soi-ail-label\"\u003e100% PURE ET NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-ail-label\"\u003e5 ML\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 1 : Introduction --\u003e\n  \u003csection class=\"soi-ail-section\"\u003e\n    \u003ch2\u003eHuile essentielle d'Ail Pranarom : la puissance de l'\u003cem\u003eAllium sativum\u003c\/em\u003e en une goutte\u003c\/h2\u003e\n    \u003cp\u003eL'huile essentielle d'ail Pranarom (\u003cem\u003eAllium sativum\u003c\/em\u003e, bulbe) est l'une des essences aromatiques les plus concentrées et les plus respectées en aromathérapie. Rare, intensément soufrée, et d'une efficacité redoutable, elle s'adresse aux utilisateurs avertis qui souhaitent aller au-delà des solutions classiques. Si vous cherchez une huile essentielle d'ail aux propriétés réelles, sans compromis sur la pureté, vous êtes au bon endroit.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 2 : Composition et chémotype --\u003e\n  \u003csection class=\"soi-ail-section\"\u003e\n    \u003ch2\u003eComposition et chémotype : ce qui rend cette huile si particulière\u003c\/h2\u003e\n    \u003cp class=\"soi-ail-section-intro\"\u003ePranarom propose une huile 100 % pure, naturelle et chémotypée (HECT), ce qui garantit une traçabilité et une qualité analytique rigoureuse. Sa composition est dominée par des composés organosoufrés caractéristiques de l'ail.\u003c\/p\u003e\n\n    \u003cdiv class=\"soi-ail-compo\"\u003e\n      \u003cdiv class=\"soi-ail-compo-row\"\u003e\n        \u003cspan class=\"soi-ail-compo-label\"\u003eNom botanique\u003c\/span\u003e\n        \u003cspan class=\"soi-ail-compo-value\"\u003e\u003cem\u003eAllium sativum\u003c\/em\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ail-compo-row\"\u003e\n        \u003cspan class=\"soi-ail-compo-label\"\u003ePartie distillée\u003c\/span\u003e\n        \u003cspan class=\"soi-ail-compo-value\"\u003eBulbe\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ail-compo-row\"\u003e\n        \u003cspan class=\"soi-ail-compo-label\"\u003eConstituant principal\u003c\/span\u003e\n        \u003cspan class=\"soi-ail-compo-value\"\u003eDiallyl trisulfure (puissant antioxydant)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ail-compo-row\"\u003e\n        \u003cspan class=\"soi-ail-compo-label\"\u003eAutre constituant clé\u003c\/span\u003e\n        \u003cspan class=\"soi-ail-compo-value\"\u003eDiallyl disulfure\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ail-compo-row\"\u003e\n        \u003cspan class=\"soi-ail-compo-label\"\u003eQualité\u003c\/span\u003e\n        \u003cspan class=\"soi-ail-compo-value\"\u003eHECT (chémotypée, analysée en laboratoire)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ail-compo-row\"\u003e\n        \u003cspan class=\"soi-ail-compo-label\"\u003eVolume\u003c\/span\u003e\n        \u003cspan class=\"soi-ail-compo-value\"\u003e5 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cp style=\"margin-top: 1.25rem;\"\u003eCe profil biochimique unique explique son odeur intense et persistante, mais aussi toute l'étendue de ses bienfaits. C'est précisément cette richesse en soufre qui distingue l'huile essentielle d'ail des simples extraits ou macérats.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 3 : Bienfaits et utilisations --\u003e\n  \u003csection class=\"soi-ail-section\"\u003e\n    \u003ch2\u003eHuile essentielle d'ail : bienfaits et utilisations\u003c\/h2\u003e\n    \u003cp class=\"soi-ail-section-intro\"\u003eUtilisée avec discernement, cette huile offre un spectre d'actions remarquable.\u003c\/p\u003e\n\n    \u003cdiv class=\"soi-ail-benefits\"\u003e\n      \u003cdiv class=\"soi-ail-benefit\"\u003e\n        \u003cdiv class=\"soi-ail-benefit-icon\"\u003e\u003cspan\u003e❤️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSoutien cardiovasculaire\u003c\/h3\u003e\n        \u003cp\u003eContribue à maintenir une circulation sanguine équilibrée et à protéger les vaisseaux contre le stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ail-benefit\"\u003e\n        \u003cdiv class=\"soi-ail-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eDéfenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eReconnue comme un tonique immunitaire puissant, notamment en période de fatigue ou de changement de saison.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ail-benefit\"\u003e\n        \u003cdiv class=\"soi-ail-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eConfort digestif\u003c\/h3\u003e\n        \u003cp\u003eSoutient la flore intestinale, atténue les ballonnements et les fermentations excessives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ail-benefit\"\u003e\n        \u003cdiv class=\"soi-ail-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAction sur les mycoses\u003c\/h3\u003e\n        \u003cp\u003eSon profil antifongique en fait une alliée citée dans les protocoles naturels contre les mycoses, toujours en usage dilué.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-ail-tip\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cdiv class=\"soi-ail-tip-icon\"\u003e📝\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eBon à savoir\u003c\/strong\u003e\n        \u003cp\u003eL'huile essentielle d'ail des ours (\u003cem\u003eAllium ursinum\u003c\/em\u003e) est une huile distincte, issue d'une plante différente. Les deux partagent des composés soufrés, mais leurs profils et usages diffèrent. Vérifiez toujours le nom botanique sur l'étiquette.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 4 : Posologie et précautions --\u003e\n  \u003csection class=\"soi-ail-section\"\u003e\n    \u003ch2\u003eComment utiliser l'huile essentielle d'ail : posologie et précautions\u003c\/h2\u003e\n\n    \u003cdiv class=\"soi-ail-timeline\"\u003e\n      \u003cdiv class=\"soi-ail-step\"\u003e\n        \u003cdiv class=\"soi-ail-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-ail-step-content\"\u003e\n          \u003ch3\u003eVoie orale (adulte uniquement)\u003c\/h3\u003e\n          \u003cp\u003e1 goutte sur un support neutre (miel, huile végétale, pain), tous les 4 jours maximum. Dose maximale recommandée : 40 mg par prise, dans le respect des usages aromathérapeutiques.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ail-step\"\u003e\n        \u003cdiv class=\"soi-ail-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-ail-step-content\"\u003e\n          \u003ch3\u003eVoie cutanée (toujours diluée)\u003c\/h3\u003e\n          \u003cp\u003eDiluez dans une huile végétale (jojoba, amande douce) à raison de 2 à 5 % maximum. Ne jamais appliquer pure sur la peau : cette huile essentielle est fortement dermocaustique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-ail-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdetails class=\"soi-ail-accordion-item\"\u003e\n        \u003csummary class=\"soi-ail-accordion-header\"\u003e⚠️ Contre-indications importantes\u003c\/summary\u003e\n        \u003cdiv class=\"soi-ail-accordion-content\"\u003e\n          \u003cp\u003eDéconseillée chez la femme enceinte ou allaitante, chez les enfants de moins de 12 ans, et chez les personnes sous anticoagulants. Ce produit ne se substitue 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\n  \u003c!-- H2 5 : Pourquoi choisir Pranarom ? --\u003e\n  \u003csection class=\"soi-ail-section\"\u003e\n    \u003ch2\u003ePourquoi choisir Pranarom ?\u003c\/h2\u003e\n    \u003cp\u003ePranarom est une référence belge en aromathérapie scientifique depuis plus de 30 ans. Chaque huile est chémotypée, analysée en laboratoire et traçable de la plante au flacon. Vous savez exactement ce que vous utilisez, et dans quelles concentrations.\u003c\/p\u003e\n    \u003cdiv class=\"soi-ail-tip\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"soi-ail-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour une huile aussi puissante que celle de l'ail, la garantie de pureté et de chémotypage n'est pas un détail : c'est une nécessité. Chez Soinat, nous avons sélectionné Pranarom pour cette exigence de qualité.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Informations produit + CTA --\u003e\n  \u003csection class=\"soi-ail-section\"\u003e\n    \u003ch2\u003eFiche récapitulative\u003c\/h2\u003e\n    \u003cdiv class=\"soi-ail-grid-compact\"\u003e\n      \u003cdiv class=\"soi-ail-card-mini\"\u003e\n        \u003cspan class=\"soi-ail-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n        \u003cspan class=\"soi-ail-card-mini-label\"\u003eVolume\u003c\/span\u003e\n        \u003cspan class=\"soi-ail-card-mini-value\"\u003e5 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ail-card-mini\"\u003e\n        \u003cspan class=\"soi-ail-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-ail-card-mini-label\"\u003ePlante\u003c\/span\u003e\n        \u003cspan class=\"soi-ail-card-mini-value\"\u003e\u003cem\u003eAllium sativum\u003c\/em\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ail-card-mini\"\u003e\n        \u003cspan class=\"soi-ail-card-mini-icon\"\u003e🔖\u003c\/span\u003e\n        \u003cspan class=\"soi-ail-card-mini-label\"\u003eMarque\u003c\/span\u003e\n        \u003cspan class=\"soi-ail-card-mini-value\"\u003ePranarom\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ail-card-mini\"\u003e\n        \u003cspan class=\"soi-ail-card-mini-icon\"\u003e✅\u003c\/span\u003e\n        \u003cspan class=\"soi-ail-card-mini-label\"\u003eQualité\u003c\/span\u003e\n        \u003cspan class=\"soi-ail-card-mini-value\"\u003eHECT\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-ail-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-ail-cta-box\"\u003e\n      \u003cp class=\"soi-ail-cta-tag\" style=\"color: white;\"\u003eL'aromathérapie au service de votre bien-être\u003c\/p\u003e\n      \u003cp class=\"soi-ail-cta-text\" style=\"color: white;\"\u003eL'huile essentielle d'ail Pranarom, c'est la force brute de l'\u003cem\u003eAllium sativum\u003c\/em\u003e capturée dans un flacon. Rare, pure, chémotypée : une goutte suffit. Utilisez-la bien, et elle vous le rend au centuple.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-ail-marine: #1A2D3D;\n  --soi-ail-marine-dark: #0F1E2B;\n  --soi-ail-marine-light: #2C4458;\n  --soi-ail-pomme: #A1C544;\n  --soi-ail-pomme-dark: #84A636;\n  --soi-ail-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-ail-white: #FFFFFF;\n  --soi-ail-off-white: #F8FAF6;\n  --soi-ail-stone: #F1F3EE;\n  --soi-ail-line: #E5E8E0;\n\n  --soi-ail-primary: #8A9A5A;\n  --soi-ail-primary-soft: rgba(138,154,90,0.12);\n  --soi-ail-accent: #5A3E2B;\n\n  --soi-ail-text: #1A2D3D;\n  --soi-ail-text-soft: #4A5B6B;\n  --soi-ail-text-muted: #7B8693;\n\n  --soi-ail-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-ail-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-ail-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-ail-radius: 12px;\n  --soi-ail-radius-sm: 8px;\n  --soi-ail-radius-pill: 999px;\n}\n\n.soi-ail-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-ail-fiche img { max-width: 100%; height: auto; }\n\n.soi-ail-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-ail-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-ail-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-ail-hero {\n  position: relative;\n  background: var(--soi-ail-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-ail-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-ail-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-ail-pomme);\n}\n\n.soi-ail-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-ail-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-ail-pomme);\n  border-radius: 50%;\n}\n\n.soi-ail-hero-title {\n  display: block;\n  color: var(--soi-ail-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-ail-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-ail-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-ail-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-ail-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-ail-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-ail-label-accent {\n  background: var(--soi-ail-pomme);\n  border-color: var(--soi-ail-pomme);\n  color: var(--soi-ail-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-ail-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-ail-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-ail-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-ail-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-ail-pomme);\n  border-radius: 2px;\n}\n\n.soi-ail-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-ail-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-ail-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-ail-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-ail-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-ail-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-ail-benefit {\n  background: var(--soi-ail-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-ail-radius);\n  border: 1px solid var(--soi-ail-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-ail-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-ail-shadow-md);\n}\n\n.soi-ail-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-ail-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-ail-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-ail-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-ail-benefit:hover .soi-ail-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-ail-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-ail-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-ail-benefit p {\n  font-size: 13px;\n  color: var(--soi-ail-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-ail-compo {\n  background: var(--soi-ail-off-white);\n  border-radius: var(--soi-ail-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-ail-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-ail-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-ail-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-ail-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-ail-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-ail-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-ail-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-ail-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-ail-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-ail-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-ail-radius);\n  border: 1px solid var(--soi-ail-line);\n  align-items: flex-start;\n}\n\n.soi-ail-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-ail-marine);\n  color: var(--soi-ail-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-ail-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-ail-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-ail-step-content p {\n  font-size: 14px;\n  color: var(--soi-ail-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-ail-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-ail-pomme-light);\n  border-left: 4px solid var(--soi-ail-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-ail-radius) var(--soi-ail-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-ail-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-ail-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-ail-marine);\n  margin-bottom: 4px;\n}\n\n.soi-ail-tip p {\n  font-size: 14px;\n  color: var(--soi-ail-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-ail-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-ail-accordion-item {\n  background: var(--soi-ail-off-white);\n  border-radius: var(--soi-ail-radius-sm);\n  border: 1px solid var(--soi-ail-line);\n  overflow: hidden;\n}\n\n.soi-ail-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-ail-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-ail-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-ail-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-ail-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-ail-accordion-item[open] .soi-ail-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-ail-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-ail-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-ail-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-ail-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-ail-card-mini {\n  background: var(--soi-ail-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-ail-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-ail-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-ail-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-ail-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-ail-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-ail-marine);\n}\n\n\/* === CTA BOX === *\/\n.soi-ail-cta-box {\n  background: var(--soi-ail-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-ail-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-ail-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-ail-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-ail-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-ail-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-ail-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-ail-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-ail-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-ail-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-ail-compo-value {\n    text-align: left;\n  }\n\n  .soi-ail-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-ail-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-ail-fiche {\n    --soi-ail-text-soft: #2C3E50;\n    --soi-ail-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603910582602,"sku":"RA0045","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0045_he_ail_4a00b2f3-6b4e-4d9d-8d60-d41d8a6d2517.jpg?v=1778843468"},{"product_id":"huile-essentielle-dajowan-pranarom","title":"Huile Essentielle d'Ajowan - 10 ml – Pranarom","description":"\u003cdiv class=\"soi-ajow-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-ajow-hero\"\u003e\n    \u003cdiv class=\"soi-ajow-hero-tag\"\u003e\n      \u003cspan class=\"soi-ajow-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie · Pranarôm\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-ajow-hero-title\"\u003eLa puissance du thymol venue d'Orient\u003c\/span\u003e\n    \u003cp class=\"soi-ajow-hero-subtitle\"\u003eHuile essentielle chémotypée d'Ajowan, 100 % pure et naturelle. Un concentré aromatique d'exception pour soutenir vos défenses et votre confort digestif.\u003c\/p\u003e\n    \u003cdiv class=\"soi-ajow-hero-labels\"\u003e\n      \u003cspan class=\"soi-ajow-label soi-ajow-label-accent\"\u003e100 % PURE ET NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-ajow-label\"\u003eCHÉMOTYPÉE\u003c\/span\u003e\n      \u003cspan class=\"soi-ajow-label\"\u003e10 ML\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : L'huile essentielle d'Ajowan --\u003e\n  \u003csection class=\"soi-ajow-section\"\u003e\n    \u003ch2\u003eL'huile essentielle d'Ajowan : une puissance aromatique venue d'Orient\u003c\/h2\u003e\n    \u003cp\u003eL'huile essentielle d'Ajowan (\u003cem\u003eTrachyspermum ammi\u003c\/em\u003e), aussi appelée ajowan caraway, est extraite par distillation à la vapeur d'eau des graines de cette plante aromatique originaire d'Inde et du Moyen-Orient. Son profil biochimique est dominé par le thymol, un phénol aux propriétés remarquables, qui la place parmi les huiles essentielles les plus actives de l'aromathérapie. Son odeur chaude, épicée et légèrement camphrée rappelle d'ailleurs le thym.\u003c\/p\u003e\n    \u003cp\u003ePranarôm vous propose ici une version chémotypée et rigoureusement contrôlée, garantissant une composition stable et une efficacité reproductible d'un flacon à l'autre.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Bienfaits --\u003e\n  \u003csection class=\"soi-ajow-section\"\u003e\n    \u003ch2\u003eBienfaits de l'Ajowan : ce que dit la phytochimie\u003c\/h2\u003e\n    \u003cp class=\"soi-ajow-section-intro\"\u003eGrâce à sa concentration élevée en thymol, l'huile essentielle d'Ajowan est reconnue pour un spectre d'action particulièrement large.\u003c\/p\u003e\n    \u003cdiv class=\"soi-ajow-benefits\"\u003e\n      \u003cdiv class=\"soi-ajow-benefit\"\u003e\n        \u003cdiv class=\"soi-ajow-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAntibactérienne à large spectre\u003c\/h3\u003e\n        \u003cp\u003eLe thymol agit sur de nombreuses bactéries, y compris certaines résistantes aux traitements classiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ajow-benefit\"\u003e\n        \u003cdiv class=\"soi-ajow-benefit-icon\"\u003e\u003cspan\u003e❄️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAntivirale et immunostimulante\u003c\/h3\u003e\n        \u003cp\u003eElle soutient les défenses naturelles de l'organisme lors des périodes d'exposition hivernale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ajow-benefit\"\u003e\n        \u003cdiv class=\"soi-ajow-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAntifongique et antiparasitaire\u003c\/h3\u003e\n        \u003cp\u003eEfficace sur les champignons et certains parasites intestinaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ajow-benefit\"\u003e\n        \u003cdiv class=\"soi-ajow-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eDigestive\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement utilisée en Inde pour soulager les ballonnements, les spasmes digestifs et la digestion lourde.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ajow-benefit\"\u003e\n        \u003cdiv class=\"soi-ajow-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eTonique général\u003c\/h3\u003e\n        \u003cp\u003eElle stimule l'énergie vitale, notamment en cas de fatigue passagère ou de baisse de vitalité.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : Comment l'utiliser --\u003e\n  \u003csection class=\"soi-ajow-section\"\u003e\n    \u003ch2\u003eHuile essentielle d'Ajowan : comment l'utiliser ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-ajow-timeline\"\u003e\n      \u003cdiv class=\"soi-ajow-step\"\u003e\n        \u003cdiv class=\"soi-ajow-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-ajow-step-content\"\u003e\n          \u003ch3\u003eVoie cutanée\u003c\/h3\u003e\n          \u003cp\u003eDiluez 1 goutte d'HE d'Ajowan dans 9 gouttes d'huile végétale (huile d'olive, jojoba ou amande douce). Appliquez en massage sur la zone souhaitée, jamais sur peau nue non diluée. Idéale sur le bas-ventre pour les inconforts digestifs, ou sur la plante des pieds pour un effet immunostimulant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ajow-step\"\u003e\n        \u003cdiv class=\"soi-ajow-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-ajow-step-content\"\u003e\n          \u003ch3\u003eVoie respiratoire \/ inhalation\u003c\/h3\u003e\n          \u003cp\u003eDéposez 2 à 3 gouttes dans un bol d'eau chaude et inhalez les vapeurs pendant 5 à 10 minutes. Peut aussi être utilisée en diffusion atmosphérique, en mélange avec d'autres huiles, à raison de quelques gouttes seulement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ajow-step\"\u003e\n        \u003cdiv class=\"soi-ajow-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-ajow-step-content\"\u003e\n          \u003ch3\u003eVoie orale\u003c\/h3\u003e\n          \u003cp\u003eRéservée à l'usage adulte et sur avis d'un praticien en aromathérapie : 1 goutte sur un support neutre (miel, comprimé neutre), 2 à 3 fois par jour maximum, sur courte durée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ajow-tip\"\u003e\n      \u003cdiv class=\"soi-ajow-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePensez toujours à diluer cette huile essentielle puissante. La dilution à 10 % (1 goutte d'HE pour 9 gouttes d'huile végétale) est la règle de base pour un usage cutané en toute sérénité.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Contre-indications --\u003e\n  \u003csection class=\"soi-ajow-section\"\u003e\n    \u003ch2\u003eContre-indications\u003c\/h2\u003e\n    \u003cp\u003eL'huile essentielle d'Ajowan est une huile puissante, réservée à l'adulte. Elle nécessite quelques précautions importantes.\u003c\/p\u003e\n    \u003cdiv class=\"soi-ajow-accordion\"\u003e\n      \u003cdetails class=\"soi-ajow-accordion-item\"\u003e\n        \u003csummary class=\"soi-ajow-accordion-header\"\u003e🚫 Personnes sensibles\u003c\/summary\u003e\n        \u003cdiv class=\"soi-ajow-accordion-content\"\u003e\n          \u003cp\u003eDéconseillée aux femmes enceintes ou allaitantes et aux enfants de moins de 12 ans.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-ajow-accordion-item\"\u003e\n        \u003csummary class=\"soi-ajow-accordion-header\"\u003e⚠️ Usage cutané\u003c\/summary\u003e\n        \u003cdiv class=\"soi-ajow-accordion-content\"\u003e\n          \u003cp\u003eNe pas appliquer pure sur la peau : irritante et dermocaustique à l'état pur en raison du thymol. Toujours réaliser un test cutané dans le pli du coude avant toute application.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-ajow-accordion-item\"\u003e\n        \u003csummary class=\"soi-ajow-accordion-header\"\u003e⏱️ Durée d'utilisation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-ajow-accordion-content\"\u003e\n          \u003cp\u003eHépatotoxique en usage prolongé : limitez les cures à 5 à 7 jours consécutifs maximum par voie orale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-ajow-accordion-item\"\u003e\n        \u003csummary class=\"soi-ajow-accordion-header\"\u003e🩺 Précautions médicales\u003c\/summary\u003e\n        \u003cdiv class=\"soi-ajow-accordion-content\"\u003e\n          \u003cp\u003eDéconseillée aux personnes souffrant de maladies du foie ou présentant une allergie aux phénols. Ce produit ne se substitue pas à un traitement médical. En cas de doute, consultez votre 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!-- SECTION 5 : Composition --\u003e\n  \u003csection class=\"soi-ajow-section\"\u003e\n    \u003ch2\u003eComposition de l'huile essentielle d'Ajowan Pranarom\u003c\/h2\u003e\n    \u003cdiv class=\"soi-ajow-compo\"\u003e\n      \u003cdiv class=\"soi-ajow-compo-row\"\u003e\n        \u003cspan class=\"soi-ajow-compo-label\"\u003eNom botanique\u003c\/span\u003e\n        \u003cspan class=\"soi-ajow-compo-value\"\u003e\u003cem\u003eTrachyspermum ammi\u003c\/em\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ajow-compo-row\"\u003e\n        \u003cspan class=\"soi-ajow-compo-label\"\u003ePartie distillée\u003c\/span\u003e\n        \u003cspan class=\"soi-ajow-compo-value\"\u003eFruit (graine)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ajow-compo-row\"\u003e\n        \u003cspan class=\"soi-ajow-compo-label\"\u003eThymol\u003c\/span\u003e\n        \u003cspan class=\"soi-ajow-compo-value\"\u003e35 à 55 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ajow-compo-row\"\u003e\n        \u003cspan class=\"soi-ajow-compo-label\"\u003eParacymène\u003c\/span\u003e\n        \u003cspan class=\"soi-ajow-compo-value\"\u003e25 à 35 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ajow-compo-row\"\u003e\n        \u003cspan class=\"soi-ajow-compo-label\"\u003eγ-Terpinène\u003c\/span\u003e\n        \u003cspan class=\"soi-ajow-compo-value\"\u003e15 à 25 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ajow-compo-row\"\u003e\n        \u003cspan class=\"soi-ajow-compo-label\"\u003eProcédé d'extraction\u003c\/span\u003e\n        \u003cspan class=\"soi-ajow-compo-value\"\u003eDistillation à la vapeur d'eau\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ajow-compo-row\"\u003e\n        \u003cspan class=\"soi-ajow-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-ajow-compo-value\"\u003e10 ml, flacon compte-gouttes en verre ambré\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 : Pourquoi choisir --\u003e\n  \u003csection class=\"soi-ajow-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'Ajowan Pranarom ?\u003c\/h2\u003e\n    \u003cp\u003eLa marque belge Pranarôm est une référence incontournable en aromathérapie scientifique. Chaque huile est chémotypée, c'est-à-dire analysée pour garantir la nature exacte de ses molécules actives. Vous bénéficiez ainsi d'un produit dont l'efficacité est prévisible et la qualité constante, contrairement à des huiles essentielles génériques sans contrôle analytique.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-ajow-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-ajow-cta-box\"\u003e\n      \u003cp class=\"soi-ajow-cta-text\" style=\"color: white;\"\u003eL'huile essentielle d'Ajowan Pranarôm, c'est la puissance du thymol au service de votre bien-être : un allié naturel pour soutenir vos défenses, apaiser vos inconforts digestifs et traverser les saisons avec plus de vitalité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-ajow-marine: #1A2D3D;\n  --soi-ajow-marine-dark: #0F1E2B;\n  --soi-ajow-marine-light: #2C4458;\n  --soi-ajow-pomme: #A1C544;\n  --soi-ajow-pomme-dark: #84A636;\n  --soi-ajow-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-ajow-white: #FFFFFF;\n  --soi-ajow-off-white: #F8FAF6;\n  --soi-ajow-stone: #F1F3EE;\n  --soi-ajow-line: #E5E8E0;\n\n  --soi-ajow-primary: #4A6B3A;\n  --soi-ajow-primary-soft: #E8EFE3;\n  --soi-ajow-accent: #7A9A6E;\n\n  --soi-ajow-text: #1A2D3D;\n  --soi-ajow-text-soft: #4A5B6B;\n  --soi-ajow-text-muted: #7B8693;\n\n  --soi-ajow-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-ajow-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-ajow-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-ajow-radius: 12px;\n  --soi-ajow-radius-sm: 8px;\n  --soi-ajow-radius-pill: 999px;\n}\n\n.soi-ajow-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-ajow-fiche img { max-width: 100%; height: auto; }\n\n.soi-ajow-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-ajow-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-ajow-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-ajow-hero {\n  position: relative;\n  background: var(--soi-ajow-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-ajow-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-ajow-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-ajow-pomme);\n}\n\n.soi-ajow-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-ajow-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-ajow-pomme);\n  border-radius: 50%;\n}\n\n.soi-ajow-hero-title {\n  display: block;\n  color: var(--soi-ajow-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-ajow-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-ajow-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-ajow-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-ajow-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-ajow-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-ajow-label-accent {\n  background: var(--soi-ajow-pomme);\n  border-color: var(--soi-ajow-pomme);\n  color: var(--soi-ajow-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-ajow-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-ajow-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-ajow-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-ajow-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-ajow-pomme);\n  border-radius: 2px;\n}\n\n.soi-ajow-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-ajow-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-ajow-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-ajow-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-ajow-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-ajow-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-ajow-benefit {\n  background: var(--soi-ajow-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-ajow-radius);\n  border: 1px solid var(--soi-ajow-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-ajow-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-ajow-shadow-md);\n}\n\n.soi-ajow-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-ajow-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-ajow-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-ajow-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-ajow-benefit:hover .soi-ajow-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-ajow-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-ajow-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-ajow-benefit p {\n  font-size: 13px;\n  color: var(--soi-ajow-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-ajow-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-ajow-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-ajow-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-ajow-radius);\n  border: 1px solid var(--soi-ajow-line);\n  align-items: flex-start;\n}\n\n.soi-ajow-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-ajow-marine);\n  color: var(--soi-ajow-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-ajow-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-ajow-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-ajow-step-content p {\n  font-size: 14px;\n  color: var(--soi-ajow-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-ajow-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-ajow-pomme-light);\n  border-left: 4px solid var(--soi-ajow-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-ajow-radius) var(--soi-ajow-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-ajow-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-ajow-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-ajow-marine);\n  margin-bottom: 4px;\n}\n\n.soi-ajow-tip p {\n  font-size: 14px;\n  color: var(--soi-ajow-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-ajow-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-ajow-accordion-item {\n  background: var(--soi-ajow-off-white);\n  border-radius: var(--soi-ajow-radius-sm);\n  border: 1px solid var(--soi-ajow-line);\n  overflow: hidden;\n}\n\n.soi-ajow-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-ajow-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-ajow-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-ajow-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-ajow-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-ajow-accordion-item[open] .soi-ajow-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-ajow-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-ajow-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-ajow-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-ajow-compo {\n  background: var(--soi-ajow-off-white);\n  border-radius: var(--soi-ajow-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-ajow-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-ajow-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-ajow-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-ajow-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-ajow-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-ajow-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-ajow-marine);\n  text-align: right;\n}\n\n\/* === CTA BOX === *\/\n.soi-ajow-cta-box {\n  background: var(--soi-ajow-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-ajow-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-ajow-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-ajow-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-ajow-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-ajow-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-ajow-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-ajow-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-ajow-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-ajow-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-ajow-compo-value {\n    text-align: left;\n  }\n\n  .soi-ajow-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-ajow-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-ajow-fiche {\n    --soi-ajow-text-soft: #2C3E50;\n    --soi-ajow-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603912712522,"sku":"RA0050","price":10.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-essentielle-dajowan-pranarom-packshot.webp?v=1792056677"},{"product_id":"huile-essentielle-de-benjoin-de-sumatra-pranarom","title":"Huile essentielle de benjoin de sumatra - Pranarom","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp data-start=\"483\" data-end=\"910\"\u003eL’Huile essentielle de benjoin de Sumatra de Pranarom est extraite de la \u003cstrong data-start=\"449\" data-end=\"469\"\u003erésine précieuse\u003c\/strong\u003e d’un arbre du genre Styrax, récoltée avec soin pour préserver toute sa richesse aromatique. Son parfum chaud, sucré et délicatement vanillé en fait une essence incontournable en aromathérapie, aussi bien pour créer une ambiance enveloppante que pour accompagner les rituels de soin. Véritable alliée du réconfort, elle séduit par sa profondeur olfactive et sa polyvalence d’utilisation.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_RA0055_7095e798-9765-4576-9422-c6f328d78439.jpg?v=1776185602\" alt=\"Huile essentielle de benjoin de sumatra\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2 data-start=\"858\" data-end=\"947\"\u003eCaractéristiques et bienfaits de l’Huile essentielle de benjoin de sumatra de Pranarom\u003c\/h2\u003e\n\u003cp data-start=\"949\" data-end=\"1325\"\u003eReconnaissable entre toutes, cette huile essentielle diffuse un \u003cstrong data-start=\"1013\" data-end=\"1041\"\u003earôme balsamique intense\u003c\/strong\u003e, à la fois doux et enveloppant. En diffusion, elle aide à instaurer un climat propice à la détente et au lâcher-prise. Elle est traditionnellement utilisée pour favoriser une atmosphère chaleureuse, idéale en période de tensions passagères ou lorsque les émotions sont plus intenses.\u003c\/p\u003e\n\u003cp data-start=\"1327\" data-end=\"1631\"\u003eSur le plan émotionnel, le benjoin de Sumatra est réputé pour son effet \u003cstrong data-start=\"1399\" data-end=\"1430\"\u003eréconfortant et harmonisant\u003c\/strong\u003e. Son odeur profonde agit comme un cocon olfactif, invitant au calme intérieur et à la sérénité. En synergie avec d’autres huiles essentielles, il renforce les compositions dédiées au bien-être global.\u003c\/p\u003e\n\u003cp data-start=\"1633\" data-end=\"2010\"\u003eAppliquée par voie cutanée, toujours diluée dans une huile végétale, l’huile essentielle de benjoin est appréciée pour ses propriétés \u003cstrong data-start=\"1767\" data-end=\"1800\"\u003eadoucissantes et réparatrices\u003c\/strong\u003e. Elle convient particulièrement aux peaux sèches, fendillées ou fragilisées, qu’elle aide à apaiser et à nourrir. Sa texture naturellement résineuse témoigne de sa concentration en composés aromatiques actifs.\u003c\/p\u003e\n\u003cp data-start=\"2012\" data-end=\"2378\"\u003eConditionnée dans un flacon compte-gouttes de 10 ml, elle offre un dosage précis et pratique. Fidèle aux exigences du laboratoire Pranarom, cette huile essentielle est \u003cstrong data-start=\"2180\" data-end=\"2230\"\u003e100 % naturelle, pure, intégrale et chémotypée\u003c\/strong\u003e, certifiée label HECT, garantissant une qualité botanique et biochimique rigoureusement contrôlée. Elle est destinée à un usage externe uniquement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003ch2 data-start=\"2380\" data-end=\"2427\"\u003eUn essentiel pour votre bien-être\u003c\/h2\u003e\n\u003cp data-start=\"2429\" data-end=\"2886\" data-is-last-node=\"\" data-is-only-node=\"\"\u003eL’Huile essentielle de benjoin de Sumatra de Pranarom incarne toute la richesse des résines aromatiques traditionnelles. À la fois douce, protectrice et intensément parfumée, elle s’intègre parfaitement dans une routine bien-être orientée vers la détente et le soin. Choisir cette huile essentielle, c’est opter pour une \u003cstrong data-start=\"2750\" data-end=\"2769\"\u003equalité experte\u003c\/strong\u003e et une expérience sensorielle profondément réconfortante, au service de l’équilibre émotionnel et du confort cutané.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603913498954,"sku":"RA0055","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0055_he_benjoin_dea5a0e4-b180-4672-b287-bf9b848b6ff9.jpg?v=1778843468"},{"product_id":"huile-essentielle-de-cedre-de-virginie-pranarom","title":"Huile Essentielle de Cèdre de Virginie – Pranarom","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eL’huile essentielle de Cèdre de Virginie Pranarōm séduit par son \u003cstrong data-start=\"460\" data-end=\"483\"\u003earôme boisé intense\u003c\/strong\u003e et son caractère profondément rassurant. Extraite par distillation du bois de \u003cem data-start=\"562\" data-end=\"584\"\u003eJuniperus virginiana\u003c\/em\u003e, elle s’inscrit comme une référence en aromathérapie pour accompagner aussi bien les soins corporels que les moments de recentrage intérieur. Sa qualité irréprochable et sa richesse naturelle en composés aromatiques en font un allié précieux pour une utilisation régulière, en toute simplicité.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_RA0060_f467e9e2-e4bf-4d97-af97-2196880132a0.jpg?v=1776185604\" alt=\"Huile essentielle de cèdre de virginie\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2 data-start=\"881\" data-end=\"971\"\u003eCaractéristiques et bienfaits de l’Huile essentielle de Cèdre de Virginie de Pranarom\u003c\/h2\u003e\n\u003cp data-start=\"972\" data-end=\"1456\"\u003eCette huile essentielle est reconnue pour sa \u003cstrong data-start=\"1017\" data-end=\"1069\"\u003ecomposition riche en sesquiterpènes et en cédrol\u003c\/strong\u003e, responsables de ses nombreuses propriétés. Elle est traditionnellement utilisée pour soutenir les fonctions drainantes de l’organisme et contribuer à une meilleure circulation lymphatique et veineuse. Sur le plan cutané, elle est appréciée pour son action purifiante, notamment sur les peaux sujettes aux déséquilibres et sur le cuir chevelu, qu’elle aide à assainir tout en douceur.\u003c\/p\u003e\n\u003cp data-start=\"1458\" data-end=\"1961\"\u003eSon parfum boisé, à la fois chaud et sec, agit également sur la sphère émotionnelle en favorisant l’apaisement, la stabilité et la confiance. En diffusion, elle installe une ambiance propice à la détente et à l’ancrage, idéale pour relâcher les tensions accumulées et retrouver une sensation d’équilibre intérieur. Présentée dans un \u003cstrong data-start=\"1791\" data-end=\"1825\"\u003eflacon compte-gouttes de 10 ml\u003c\/strong\u003e, cette huile essentielle 100 % pure et intégrale s’intègre facilement dans des synergies aromatiques adaptées aux besoins du quotidien.\u003c\/p\u003e\n\u003ch2 data-start=\"1963\" data-end=\"1997\"\u003eL’essence d’un rituel naturel\u003c\/h2\u003e\n\u003cp data-start=\"1998\" data-end=\"2343\" data-is-last-node=\"\" data-is-only-node=\"\"\u003eChoisir l’huile essentielle de Cèdre de Virginie Pranarōm, c’est opter pour une \u003cstrong data-start=\"2078\" data-end=\"2116\"\u003eessence authentique et polyvalente\u003c\/strong\u003e, qui allie efficacité aromatique et plaisir sensoriel. Son parfum profond et ses multiples bienfaits en font un incontournable pour enrichir vos rituels de bien-être et prendre soin de vous de manière naturelle et harmonieuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603913630026,"sku":"RA0060","price":6.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0060_he_cedre_virginie.jpg?v=1776167278"},{"product_id":"huile-essentielle-de-citronnelle-de-ceylan-pranarom","title":"Huile Essentielle de Citronnelle de Ceylan - 10 ml – Pranarom","description":"\u003cdiv class=\"soi-citr-fiche\"\u003e\n\n  \u003csection class=\"soi-citr-hero\"\u003e\n    \u003cdiv class=\"soi-citr-hero-tag\"\u003e\n      \u003cspan class=\"soi-citr-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie · Pranarom\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-citr-hero-title\"\u003eLa douceur florale de Ceylan au service de vos étés\u003c\/span\u003e\n    \u003cp class=\"soi-citr-hero-subtitle\"\u003eHuile essentielle de citronnelle de Ceylan 100 % pure et naturelle, chémotypée par Pranarom. Un profil aromatique doux et citronné, idéal pour la diffusion et le confort estival.\u003c\/p\u003e\n    \u003cdiv class=\"soi-citr-hero-labels\"\u003e\n      \u003cspan class=\"soi-citr-label soi-citr-label-accent\"\u003e100 % PURE ET NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-citr-label\"\u003eCHÉMOTYPÉE\u003c\/span\u003e\n      \u003cspan class=\"soi-citr-label\"\u003eSANS ADDITIF\u003c\/span\u003e\n      \u003cspan class=\"soi-citr-label\"\u003e10 ML\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-citr-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'huile essentielle de citronnelle de Ceylan Pranarom ?\u003c\/h2\u003e\n    \u003cp\u003eVous cherchez une huile essentielle de citronnelle fiable, pure et efficace ? La citronnelle de Ceylan (\u003cem\u003eCymbopogon nardus\u003c\/em\u003e) se distingue de la citronnelle de Java par un profil aromatique plus doux et floral, grâce à sa richesse en géraniol. Pranarom garantit une huile 100 % pure, naturelle et intégrale, sans aucun ajout : c'est toute la différence en aromathérapie.\u003c\/p\u003e\n    \u003cp\u003eSon parfum frais, citronné et légèrement fleuri en fait un incontournable aussi bien pour assainir l'air ambiant que pour éloigner les insectes indésirables, naturellement et sans produits chimiques.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-citr-section\"\u003e\n    \u003ch2\u003eComposition biochimique : ce qui rend cette huile essentielle unique\u003c\/h2\u003e\n    \u003cp class=\"soi-citr-section-intro\"\u003eLa qualité d'une huile essentielle de citronnelle repose avant tout sur sa biochimie. Celle de Pranarom se distingue par deux composants majeurs, complétés d'un ensemble de molécules aromatiques qui renforcent l'action globale.\u003c\/p\u003e\n    \u003cdiv class=\"soi-citr-compo\"\u003e\n      \u003cdiv class=\"soi-citr-compo-row\"\u003e\n        \u003cspan class=\"soi-citr-compo-label\"\u003eGéraniol\u003c\/span\u003e\n        \u003cspan class=\"soi-citr-compo-value\"\u003eEnviron 20 à 25 % — actif floral, répulsif et purifiant\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citr-compo-row\"\u003e\n        \u003cspan class=\"soi-citr-compo-label\"\u003eTrans-méthylisoeugénol\u003c\/span\u003e\n        \u003cspan class=\"soi-citr-compo-value\"\u003eEnviron 15 à 20 % — apaisant et désodorisant\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citr-compo-row\"\u003e\n        \u003cspan class=\"soi-citr-compo-label\"\u003eAutres composants\u003c\/span\u003e\n        \u003cspan class=\"soi-citr-compo-value\"\u003eCitronellal, limonène, camphène\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citr-compo-row\"\u003e\n        \u003cspan class=\"soi-citr-compo-label\"\u003ePartie utilisée\u003c\/span\u003e\n        \u003cspan class=\"soi-citr-compo-value\"\u003eParties aériennes\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citr-compo-row\"\u003e\n        \u003cspan class=\"soi-citr-compo-label\"\u003eExtraction\u003c\/span\u003e\n        \u003cspan class=\"soi-citr-compo-value\"\u003eDistillation à la vapeur d'eau\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citr-compo-row\"\u003e\n        \u003cspan class=\"soi-citr-compo-label\"\u003eNom botanique\u003c\/span\u003e\n        \u003cspan class=\"soi-citr-compo-value\"\u003e\u003cem\u003eCymbopogon nardus\u003c\/em\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-citr-tip\"\u003e\n      \u003cdiv class=\"soi-citr-tip-icon\"\u003e🌿\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eCette composition riche en géraniol rend la citronnelle de Ceylan particulièrement adaptée à la diffusion, au confort estival et à l'assainissement de vos espaces intérieurs comme extérieurs.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-citr-section\"\u003e\n    \u003ch2\u003eLes utilisations concrètes de l'huile essentielle de citronnelle\u003c\/h2\u003e\n    \u003cdiv class=\"soi-citr-grid\"\u003e\n      \u003cdiv class=\"soi-citr-card\"\u003e\n        \u003ch3\u003e🦟 Répulsif naturel contre les insectes\u003c\/h3\u003e\n        \u003cp\u003eDiffusez 5 à 6 gouttes dans un diffuseur électrique pour éloigner moustiques et autres insectes, en intérieur comme sur la terrasse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citr-card\"\u003e\n        \u003ch3\u003e🍃 Assainissement de l'air\u003c\/h3\u003e\n        \u003cp\u003eMélangée à de l'eucalyptus ou du tea tree, elle contribue à purifier l'atmosphère et neutraliser les mauvaises odeurs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citr-card\"\u003e\n        \u003ch3\u003e🤲 Usage cutané (dilué)\u003c\/h3\u003e\n        \u003cp\u003eQuelques gouttes dans une huile végétale (jojoba, amande douce) pour une application sur la peau, en respectant une dilution de 2 à 5 % maximum.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citr-card\"\u003e\n        \u003ch3\u003e🌙 Ambiance détente\u003c\/h3\u003e\n        \u003cp\u003eAssociée à la lavande vraie, elle favorise une atmosphère apaisante en soirée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-citr-section\"\u003e\n    \u003ch2\u003eHuile essentielle citronnelle : précautions d'emploi et dangers à connaître\u003c\/h2\u003e\n    \u003cp\u003eVous vous interrogez sur les dangers de l'huile essentielle de citronnelle ? C'est une question légitime. Voici les règles essentielles à respecter pour une utilisation en toute sérénité.\u003c\/p\u003e\n    \u003cdiv class=\"soi-citr-accordion\"\u003e\n      \u003cdetails class=\"soi-citr-accordion-item\"\u003e\n        \u003csummary class=\"soi-citr-accordion-header\"\u003e⚠️ Application cutanée\u003c\/summary\u003e\n        \u003cdiv class=\"soi-citr-accordion-content\"\u003e\n          \u003cp\u003eNe jamais appliquer pure sur la peau. Toujours diluer dans une huile végétale avant tout contact cutané.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-citr-accordion-item\"\u003e\n        \u003csummary class=\"soi-citr-accordion-header\"\u003e🤰 Femmes enceintes et enfants\u003c\/summary\u003e\n        \u003cdiv class=\"soi-citr-accordion-content\"\u003e\n          \u003cp\u003eCette huile essentielle est déconseillée chez la femme enceinte ou allaitante et chez les enfants de moins de 6 ans. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-citr-accordion-item\"\u003e\n        \u003csummary class=\"soi-citr-accordion-header\"\u003e🌾 Allergies et contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"soi-citr-accordion-content\"\u003e\n          \u003cp\u003eEn cas d'allergie connue aux plantes de la famille des Poacées, consultez un professionnel de santé avant utilisation. Ce produit ne se substitue à aucun traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-citr-section\"\u003e\n    \u003ch2\u003eCitronnelle de Ceylan ou citronnelle de Java : quelle différence ?\u003c\/h2\u003e\n    \u003cp\u003eOn confond souvent l'huile essentielle de citronnelle de Java (\u003cem\u003eCymbopogon winterianus\u003c\/em\u003e) et celle de Ceylan (\u003cem\u003eCymbopogon nardus\u003c\/em\u003e). La citronnelle de Java est plus concentrée en citronellal, ce qui lui confère une action anti-inflammatoire plus marquée et un parfum plus prononcé.\u003c\/p\u003e\n    \u003cp\u003eLa citronnelle de Ceylan, quant à elle, se révèle plus douce, mieux tolérée et davantage orientée vers la diffusion et le confort quotidien. Deux huiles complémentaires, à choisir selon vos besoins.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-citr-section\"\u003e\n    \u003ch2\u003eComment utiliser cette huile essentielle au quotidien ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-citr-timeline\"\u003e\n      \u003cdiv class=\"soi-citr-step\"\u003e\n        \u003cdiv class=\"soi-citr-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-citr-step-content\"\u003e\n          \u003ch3\u003eEn diffusion\u003c\/h3\u003e\n          \u003cp\u003e5 à 6 gouttes pendant 20 à 30 minutes, 2 à 3 fois par jour, dans un diffuseur électrique adapté.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citr-step\"\u003e\n        \u003cdiv class=\"soi-citr-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-citr-step-content\"\u003e\n          \u003ch3\u003eSur la peau\u003c\/h3\u003e\n          \u003cp\u003e2 à 3 gouttes diluées dans 5 ml d'huile végétale, en application locale. Respectez toujours une dilution de 2 à 5 % maximum.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citr-step\"\u003e\n        \u003cdiv class=\"soi-citr-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-citr-step-content\"\u003e\n          \u003ch3\u003eÀ l'extérieur\u003c\/h3\u003e\n          \u003cp\u003eQuelques gouttes sur un diffuseur nomade ou un support olfactif pour profiter de vos soirées estivales en toute tranquillité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-citr-section\"\u003e\n    \u003ch2\u003eEn résumé\u003c\/h2\u003e\n    \u003cdiv class=\"soi-citr-grid-compact\"\u003e\n      \u003cdiv class=\"soi-citr-card-mini\"\u003e\n        \u003cspan class=\"soi-citr-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n        \u003cspan class=\"soi-citr-card-mini-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-citr-card-mini-value\"\u003e10 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citr-card-mini\"\u003e\n        \u003cspan class=\"soi-citr-card-mini-icon\"\u003e✅\u003c\/span\u003e\n        \u003cspan class=\"soi-citr-card-mini-label\"\u003eQualité\u003c\/span\u003e\n        \u003cspan class=\"soi-citr-card-mini-value\"\u003e100 % pure et naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citr-card-mini\"\u003e\n        \u003cspan class=\"soi-citr-card-mini-icon\"\u003e🔬\u003c\/span\u003e\n        \u003cspan class=\"soi-citr-card-mini-label\"\u003eGarantie\u003c\/span\u003e\n        \u003cspan class=\"soi-citr-card-mini-value\"\u003eChémotypée, sans additif\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citr-card-mini\"\u003e\n        \u003cspan class=\"soi-citr-card-mini-icon\"\u003e🏷️\u003c\/span\u003e\n        \u003cspan class=\"soi-citr-card-mini-label\"\u003eMarque\u003c\/span\u003e\n        \u003cspan class=\"soi-citr-card-mini-value\"\u003ePranarom\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-citr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-citr-cta-box\"\u003e\n      \u003cp class=\"soi-citr-cta-tag\" style=\"color: white;\"\u003eAromathérapie au naturel\u003c\/p\u003e\n      \u003cp class=\"soi-citr-cta-text\" style=\"color: white;\"\u003eFraîche, florale et redoutablement efficace, l'huile essentielle de citronnelle de Ceylan Pranarom s'invite dans votre quotidien estival. Profitez de chaque moment en plein air, l'esprit léger et les sens éveillés.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-citr-marine: #1A2D3D;\n  --soi-citr-marine-dark: #0F1E2B;\n  --soi-citr-marine-light: #2C4458;\n  --soi-citr-pomme: #A1C544;\n  --soi-citr-pomme-dark: #84A636;\n  --soi-citr-pomme-light: rgba(161,197,68,0.10);\n  --soi-citr-white: #FFFFFF;\n  --soi-citr-off-white: #F8FAF6;\n  --soi-citr-stone: #F1F3EE;\n  --soi-citr-line: #E5E8E0;\n  --soi-citr-primary: #3A5A2B;\n  --soi-citr-primary-soft: #4E7A3A;\n  --soi-citr-accent: #7A9A8E;\n  --soi-citr-text: #1A2D3D;\n  --soi-citr-text-soft: #4A5B6B;\n  --soi-citr-text-muted: #7B8693;\n  --soi-citr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-citr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-citr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-citr-radius: 12px;\n  --soi-citr-radius-sm: 8px;\n  --soi-citr-radius-pill: 999px;\n}\n\n.soi-citr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-citr-fiche img { max-width: 100%; height: auto; }\n\n.soi-citr-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-citr-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-citr-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-citr-hero {\n  position: relative;\n  background: var(--soi-citr-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-citr-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-citr-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-citr-pomme);\n}\n\n.soi-citr-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-citr-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-citr-pomme);\n  border-radius: 50%;\n}\n\n.soi-citr-hero-title {\n  display: block;\n  color: var(--soi-citr-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-citr-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-citr-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-citr-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-citr-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-citr-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-citr-label-accent {\n  background: var(--soi-citr-pomme);\n  border-color: var(--soi-citr-pomme);\n  color: var(--soi-citr-marine);\n  font-weight: 600;\n}\n\n.soi-citr-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-citr-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-citr-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-citr-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-citr-pomme);\n  border-radius: 2px;\n}\n\n.soi-citr-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-citr-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-citr-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-citr-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-citr-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-citr-section p em {\n  font-style: italic;\n  color: var(--soi-citr-text-soft);\n}\n\n.soi-citr-compo {\n  background: var(--soi-citr-off-white);\n  border-radius: var(--soi-citr-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.soi-citr-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-citr-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-citr-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-citr-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-citr-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-citr-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-citr-marine);\n  text-align: right;\n}\n\n.soi-citr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-citr-card {\n  background: var(--soi-citr-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-citr-radius);\n  border-left: 3px solid var(--soi-citr-pomme);\n}\n\n.soi-citr-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-citr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-citr-card p {\n  font-size: 14px;\n  color: var(--soi-citr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-citr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-citr-card-mini {\n  background: var(--soi-citr-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-citr-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-citr-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-citr-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-citr-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-citr-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-citr-marine);\n}\n\n.soi-citr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-citr-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-citr-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-citr-radius);\n  border: 1px solid var(--soi-citr-line);\n  align-items: flex-start;\n}\n\n.soi-citr-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-citr-marine);\n  color: var(--soi-citr-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-citr-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-citr-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-citr-step-content p {\n  font-size: 14px;\n  color: var(--soi-citr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-citr-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-citr-pomme-light);\n  border-left: 4px solid var(--soi-citr-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-citr-radius) var(--soi-citr-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-citr-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-citr-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-citr-marine);\n  margin-bottom: 4px;\n}\n\n.soi-citr-tip p {\n  font-size: 14px;\n  color: var(--soi-citr-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-citr-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-citr-accordion-item {\n  background: var(--soi-citr-off-white);\n  border-radius: var(--soi-citr-radius-sm);\n  border: 1px solid var(--soi-citr-line);\n  overflow: hidden;\n}\n\n.soi-citr-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-citr-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-citr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-citr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-citr-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-citr-accordion-item[open] .soi-citr-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-citr-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-citr-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-citr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-citr-cta-box {\n  background: var(--soi-citr-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-citr-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-citr-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-citr-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-citr-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-citr-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-citr-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-citr-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-citr-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-citr-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-citr-compo-value {\n    text-align: left;\n  }\n\n  .soi-citr-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-citr-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-citr-fiche {\n    --soi-citr-text-soft: #2C3E50;\n    --soi-citr-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603913859402,"sku":"RA0065","price":5.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-essentielle-de-citronnelle-de-ceylan-pranarom-packshot.webp?v=1792054500"},{"product_id":"huile-essentielle-d-elemi-pranarom","title":"Huile Essentielle d'Elémi (Canarium luzonicum) – Pranarom","description":"\u003cdiv class=\"soi-elem-fiche\"\u003e\n\n\u003csection class=\"soi-elem-hero\"\u003e\n  \u003cdiv class=\"soi-elem-hero-tag\"\u003e\n    \u003cspan class=\"soi-elem-tag-dot\"\u003e\u003c\/span\u003e\n    Aromathérapie · Pranarom\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-elem-hero-title\"\u003eLa résine précieuse des Philippines\u003c\/span\u003e\n  \u003cp class=\"soi-elem-hero-subtitle\"\u003eIssue de l'oléorésine de Canarium luzonicum, cette huile essentielle chémotypée vous offre un profil aromatique balsamique et citronné, au service de votre peau et de votre équilibre émotionnel.\u003c\/p\u003e\n  \u003cdiv class=\"soi-elem-hero-labels\"\u003e\n    \u003cspan class=\"soi-elem-label soi-elem-label-accent\"\u003eHECT\u003c\/span\u003e\n    \u003cspan class=\"soi-elem-label\"\u003e100 % PURE ET NATURELLE\u003c\/span\u003e\n    \u003cspan class=\"soi-elem-label\"\u003eCHÉMOTYPÉE\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-elem-section\"\u003e\n  \u003ch2\u003eComposition et profil aromatique de l'huile essentielle d'Élémi\u003c\/h2\u003e\n  \u003cp class=\"soi-elem-section-intro\"\u003eLa richesse de cette huile tient à sa composition naturelle unique, obtenue par distillation à la vapeur d'eau de l'oléorésine.\u003c\/p\u003e\n  \u003cdiv class=\"soi-elem-grid\"\u003e\n    \u003cdiv class=\"soi-elem-card\"\u003e\n      \u003ch3\u003e🍋 Limonène\u003c\/h3\u003e\n      \u003cp\u003ePrincipal constituant de l'huile, aux propriétés toniques et purifiantes.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-elem-card\"\u003e\n      \u003ch3\u003e🌿 Élémol\u003c\/h3\u003e\n      \u003cp\u003eActif réparateur cutané qui contribue à la souplesse et au confort de votre peau.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-elem-card\"\u003e\n      \u003ch3\u003e🕯️ Élémicine\u003c\/h3\u003e\n      \u003cp\u003eNote chaude et réconfortante, reconnue pour son action apaisante sur l'esprit.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-elem-card\"\u003e\n      \u003ch3\u003e⚡ α-Phellandrène\u003c\/h3\u003e\n      \u003cp\u003eComposé tonique et légèrement stimulant, qui complète le profil biochimique de cette huile.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cp style=\"margin-top:1.25rem;\"\u003eCe profil biochimique complet explique pourquoi l'huile essentielle d'Élémi est reconnue pour ses propriétés cicatrisantes, tonifiantes et rééquilibrantes, tant sur le plan physique qu'émotionnel.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-elem-section\"\u003e\n  \u003ch2\u003eBienfaits de l'huile essentielle d'Élémi : peau, énergie et esprit\u003c\/h2\u003e\n  \u003cdiv class=\"soi-elem-benefits\"\u003e\n    \u003cdiv class=\"soi-elem-benefit\"\u003e\n      \u003cdiv class=\"soi-elem-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eRégénération cutanée\u003c\/h3\u003e\n      \u003cp\u003eElle soutient la peau fragilisée, marquée par le temps ou les agressions extérieures. Idéale pour les peaux matures, sèches ou abîmées.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-elem-benefit\"\u003e\n      \u003cdiv class=\"soi-elem-benefit-icon\"\u003e\u003cspan\u003e💪\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eTonus des tissus\u003c\/h3\u003e\n      \u003cp\u003eElle favorise une meilleure circulation locale et redonne du tonus aux épidermes relâchés.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-elem-benefit\"\u003e\n      \u003cdiv class=\"soi-elem-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003ePropriétés antiseptiques\u003c\/h3\u003e\n      \u003cp\u003eUtile pour accompagner les petites plaies superficielles et maintenir la propreté de la peau.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-elem-benefit\"\u003e\n      \u003cdiv class=\"soi-elem-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eÉquilibre énergétique\u003c\/h3\u003e\n      \u003cp\u003eReconnue pour rééquilibrer le terrain énergétique des tempéraments fatigués ou en surcharge émotionnelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-elem-benefit\"\u003e\n      \u003cdiv class=\"soi-elem-benefit-icon\"\u003e\u003cspan\u003e🧘\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eClarté mentale et méditation\u003c\/h3\u003e\n      \u003cp\u003eSon parfum résineux apaise l'agitation intérieure et favorise la concentration lors des pratiques méditatives.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-elem-benefit\"\u003e\n      \u003cdiv class=\"soi-elem-benefit-icon\"\u003e\u003cspan\u003e🌅\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eSoutien en période de fatigue\u003c\/h3\u003e\n      \u003cp\u003eStimulante douce, elle vous aide à retrouver de la vitalité sans exciter le système nerveux.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-elem-section\"\u003e\n  \u003ch2\u003eComment utiliser l'huile essentielle d'Élémi ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-elem-timeline\"\u003e\n    \u003cdiv class=\"soi-elem-step\"\u003e\n      \u003cdiv class=\"soi-elem-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-elem-step-content\"\u003e\n        \u003ch3\u003eVoie cutanée (soins de la peau)\u003c\/h3\u003e\n        \u003cp\u003eDiluez 1 à 2 gouttes dans une huile végétale (jojoba, rose musquée) et appliquez sur les zones à traiter. Idéal sur le visage, le dos ou les zones tendues.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-elem-step\"\u003e\n      \u003cdiv class=\"soi-elem-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-elem-step-content\"\u003e\n        \u003ch3\u003eDiffusion atmosphérique\u003c\/h3\u003e\n        \u003cp\u003eDiffusez 4 à 6 gouttes dans un diffuseur à froid, seule ou associée à du Frankincense ou de la lavande, pour un espace apaisant et ressourçant.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-elem-step\"\u003e\n      \u003cdiv class=\"soi-elem-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-elem-step-content\"\u003e\n        \u003ch3\u003eOlfaction directe\u003c\/h3\u003e\n        \u003cp\u003eRespirez quelques secondes au-dessus du flacon ouvert pour un effet immédiat sur la clarté mentale et la gestion du stress.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-elem-tip\"\u003e\n    \u003cdiv class=\"soi-elem-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003ePour bénéficier pleinement de ses propriétés cutanées, pensez toujours à diluer votre huile essentielle d'Élémi dans une huile végétale avant application (max 20 %).\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-elem-section\"\u003e\n  \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n  \u003cdiv class=\"soi-elem-accordion\"\u003e\n    \u003cdetails class=\"soi-elem-accordion-item\"\u003e\n      \u003csummary class=\"soi-elem-accordion-header\"\u003e⚠️ Réservée à l'adulte\u003c\/summary\u003e\n      \u003cdiv class=\"soi-elem-accordion-content\"\u003e\n        \u003cp\u003eTenir hors de portée des enfants.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-elem-accordion-item\"\u003e\n      \u003csummary class=\"soi-elem-accordion-header\"\u003e🧴 Ne pas utiliser pure sur la peau\u003c\/summary\u003e\n      \u003cdiv class=\"soi-elem-accordion-content\"\u003e\n        \u003cp\u003eToujours diluer dans une huile végétale (max 20 %).\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-elem-accordion-item\"\u003e\n      \u003csummary class=\"soi-elem-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n      \u003cdiv class=\"soi-elem-accordion-content\"\u003e\n        \u003cp\u003eDéconseillée sans avis médical.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-elem-accordion-item\"\u003e\n      \u003csummary class=\"soi-elem-accordion-header\"\u003e👨‍⚕️ Traitement en cours\u003c\/summary\u003e\n      \u003cdiv class=\"soi-elem-accordion-content\"\u003e\n        \u003cp\u003eEn cas de doute ou de traitement en cours, consultez un professionnel de santé. Ce produit ne remplace pas un traitement médical.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-elem-section\"\u003e\n  \u003ch2\u003eInformations produit\u003c\/h2\u003e\n  \u003cdiv class=\"soi-elem-compo\"\u003e\n    \u003cdiv class=\"soi-elem-compo-row\"\u003e\n      \u003cspan class=\"soi-elem-compo-label\"\u003eNom botanique\u003c\/span\u003e\n      \u003cspan class=\"soi-elem-compo-value\"\u003eCanarium luzonicum\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-elem-compo-row\"\u003e\n      \u003cspan class=\"soi-elem-compo-label\"\u003ePartie distillée\u003c\/span\u003e\n      \u003cspan class=\"soi-elem-compo-value\"\u003eOléorésine\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-elem-compo-row\"\u003e\n      \u003cspan class=\"soi-elem-compo-label\"\u003eConstituants principaux\u003c\/span\u003e\n      \u003cspan class=\"soi-elem-compo-value\"\u003eLimonène, élémol, élémicine, α-phellandrène\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-elem-compo-row\"\u003e\n      \u003cspan class=\"soi-elem-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-elem-compo-value\"\u003eHECT (Huile Essentielle Chémotypée)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-elem-compo-row\"\u003e\n      \u003cspan class=\"soi-elem-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-elem-compo-value\"\u003e10 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-elem-compo-row\"\u003e\n      \u003cspan class=\"soi-elem-compo-label\"\u003eMarque\u003c\/span\u003e\n      \u003cspan class=\"soi-elem-compo-value\"\u003ePranarom\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-elem-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-elem-cta-box\"\u003e\n    \u003cp class=\"soi-elem-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n    \u003cp class=\"soi-elem-cta-text\" style=\"color: white;\"\u003eL'huile essentielle d'Élémi Pranarom prend soin de votre peau en profondeur, rééquilibre votre énergie et apaise votre mental. Un flacon de 10 ml qui mérite sa place dans votre routine bien-être naturelle.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-elem-marine: #1A2D3D;\n  --soi-elem-marine-dark: #0F1E2B;\n  --soi-elem-marine-light: #2C4458;\n  --soi-elem-pomme: #A1C544;\n  --soi-elem-pomme-dark: #84A636;\n  --soi-elem-pomme-light: rgba(161,197,68,0.10);\n  --soi-elem-white: #FFFFFF;\n  --soi-elem-off-white: #F8FAF6;\n  --soi-elem-stone: #F1F3EE;\n  --soi-elem-line: #E5E8E0;\n  --soi-elem-primary: #7A9A8E;\n  --soi-elem-primary-soft: #D4E4DD;\n  --soi-elem-accent: #5C7A5C;\n  --soi-elem-text: #1A2D3D;\n  --soi-elem-text-soft: #4A5B6B;\n  --soi-elem-text-muted: #7B8693;\n  --soi-elem-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-elem-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-elem-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-elem-radius: 12px;\n  --soi-elem-radius-sm: 8px;\n  --soi-elem-radius-pill: 999px;\n}\n\n.soi-elem-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-elem-fiche img { max-width: 100%; height: auto; }\n\n.soi-elem-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-elem-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-elem-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-elem-hero {\n  position: relative;\n  background: var(--soi-elem-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-elem-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-elem-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-elem-pomme);\n}\n\n.soi-elem-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-elem-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-elem-pomme);\n  border-radius: 50%;\n}\n\n.soi-elem-hero-title {\n  display: block;\n  color: var(--soi-elem-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-elem-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-elem-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-elem-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-elem-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-elem-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-elem-label-accent {\n  background: var(--soi-elem-pomme);\n  border-color: var(--soi-elem-pomme);\n  color: var(--soi-elem-marine);\n  font-weight: 600;\n}\n\n.soi-elem-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-elem-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-elem-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-elem-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-elem-pomme);\n  border-radius: 2px;\n}\n\n.soi-elem-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-elem-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-elem-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-elem-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-elem-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-elem-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-elem-benefit {\n  background: var(--soi-elem-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-elem-radius);\n  border: 1px solid var(--soi-elem-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-elem-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-elem-shadow-md);\n}\n\n.soi-elem-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-elem-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-elem-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-elem-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-elem-benefit:hover .soi-elem-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-elem-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-elem-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-elem-benefit p {\n  font-size: 13px;\n  color: var(--soi-elem-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-elem-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-elem-card {\n  background: var(--soi-elem-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-elem-radius);\n  border-left: 3px solid var(--soi-elem-pomme);\n}\n\n.soi-elem-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-elem-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-elem-card p {\n  font-size: 14px;\n  color: var(--soi-elem-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-elem-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-elem-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-elem-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-elem-radius);\n  border: 1px solid var(--soi-elem-line);\n  align-items: flex-start;\n}\n\n.soi-elem-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-elem-marine);\n  color: var(--soi-elem-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-elem-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-elem-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-elem-step-content p {\n  font-size: 14px;\n  color: var(--soi-elem-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-elem-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-elem-pomme-light);\n  border-left: 4px solid var(--soi-elem-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-elem-radius) var(--soi-elem-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-elem-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-elem-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-elem-marine);\n  margin-bottom: 4px;\n}\n\n.soi-elem-tip p {\n  font-size: 14px;\n  color: var(--soi-elem-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-elem-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-elem-accordion-item {\n  background: var(--soi-elem-off-white);\n  border-radius: var(--soi-elem-radius-sm);\n  border: 1px solid var(--soi-elem-line);\n  overflow: hidden;\n}\n\n.soi-elem-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-elem-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-elem-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-elem-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-elem-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-elem-accordion-item[open] .soi-elem-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-elem-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-elem-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-elem-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-elem-compo {\n  background: var(--soi-elem-off-white);\n  border-radius: var(--soi-elem-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-elem-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-elem-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-elem-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-elem-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-elem-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-elem-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-elem-marine);\n  text-align: right;\n}\n\n.soi-elem-cta-box {\n  background: var(--soi-elem-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-elem-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-elem-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-elem-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-elem-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-elem-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-elem-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-elem-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-elem-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-elem-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-elem-compo-value {\n    text-align: left;\n  }\n\n  .soi-elem-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-elem-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-elem-fiche {\n    --soi-elem-text-soft: #2C3E50;\n    --soi-elem-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603914940746,"sku":"RA0070","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-essentielle-delemi-pranarom-packshot.webp?v=1789134111"},{"product_id":"huile-essentielle-d-eucalyptus-smithii-bio-pranarom","title":"Huile Essentielle d’Eucalyptus smithii bio – Pranarom","description":"\u003cdiv class=\"soi-euca-fiche\"\u003e\n\n  \u003csection class=\"soi-euca-hero\"\u003e\n    \u003cdiv class=\"soi-euca-hero-tag\"\u003e\n      \u003cspan class=\"soi-euca-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie · Pranarom\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-euca-hero-title\"\u003eLa douceur de l'eucalyptus au service de votre souffle\u003c\/span\u003e\n    \u003cp class=\"soi-euca-hero-subtitle\"\u003eHuile essentielle chémotypée 100 % pure, naturelle et biologique, l'Eucalyptus smithii accompagne votre confort respiratoire avec une tolérance exceptionnelle, pour toute la famille.\u003c\/p\u003e\n    \u003cdiv class=\"soi-euca-hero-labels\"\u003e\n      \u003cspan class=\"soi-euca-label soi-euca-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-euca-label\"\u003eHECT CHÉMOTYPÉE\u003c\/span\u003e\n      \u003cspan class=\"soi-euca-label\"\u003e100 % PURE ET NATURELLE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-euca-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'Eucalyptus smithii plutôt qu'un autre eucalyptus ?\u003c\/h2\u003e\n    \u003cp\u003eIl existe plusieurs espèces d'eucalyptus utilisées en aromathérapie : l'eucalyptus radié, le globulus, le citronné… Chacune possède ses spécificités. L'Eucalyptus smithii se positionne comme le plus doux du groupe, grâce à une teneur élevée en 1,8-cinéole et en limonène, deux composés actifs qui agissent en synergie.\u003c\/p\u003e\n    \u003cdiv class=\"soi-euca-benefits\"\u003e\n      \u003cdiv class=\"soi-euca-benefit\"\u003e\n        \u003cdiv class=\"soi-euca-benefit-icon\"\u003e\u003cspan\u003e🌬️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVoies respiratoires dégagées\u003c\/h3\u003e\n        \u003cp\u003eFavorise une respiration fluide et un confort respiratoire au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-euca-benefit\"\u003e\n        \u003cdiv class=\"soi-euca-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAir assaini\u003c\/h3\u003e\n        \u003cp\u003ePurifie l'air ambiant en diffusion pour un environnement plus sain.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-euca-benefit\"\u003e\n        \u003cdiv class=\"soi-euca-benefit-icon\"\u003e\u003cspan\u003e🔄\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSoutien saisonnier\u003c\/h3\u003e\n        \u003cp\u003eAccompagne votre organisme lors des changements de saison.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-euca-benefit\"\u003e\n        \u003cdiv class=\"soi-euca-benefit-icon\"\u003e\u003cspan\u003e❄️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFraîcheur immédiate\u003c\/h3\u003e\n        \u003cp\u003eProcure une sensation de fraîcheur et de légèreté dès les premières inspirations.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-euca-tip\"\u003e\n      \u003cdiv class=\"soi-euca-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eContrairement à l'eucalyptus globulus, réputé puissant mais parfois irritant, le smithii convient à une utilisation régulière, y compris chez les personnes à la peau ou aux muqueuses sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-euca-section\"\u003e\n    \u003ch2\u003eComposition de l'huile essentielle d'Eucalyptus smithii bio Pranarom\u003c\/h2\u003e\n    \u003cp\u003eLa qualité d'une huile essentielle repose avant tout sur sa composition biochimique. Pranarom, spécialiste reconnu de l'aromathérapie, propose ici une huile obtenue par distillation à la vapeur d'eau des feuilles fraîches.\u003c\/p\u003e\n    \u003cdiv class=\"soi-euca-compo\"\u003e\n      \u003cdiv class=\"soi-euca-compo-row\"\u003e\n        \u003cspan class=\"soi-euca-compo-label\"\u003ePartie utilisée\u003c\/span\u003e\n        \u003cspan class=\"soi-euca-compo-value\"\u003eFeuille\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-euca-compo-row\"\u003e\n        \u003cspan class=\"soi-euca-compo-label\"\u003eMéthode d'extraction\u003c\/span\u003e\n        \u003cspan class=\"soi-euca-compo-value\"\u003eDistillation à la vapeur d'eau\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-euca-compo-row\"\u003e\n        \u003cspan class=\"soi-euca-compo-label\"\u003ePrincipaux constituants\u003c\/span\u003e\n        \u003cspan class=\"soi-euca-compo-value\"\u003e1,8-cinéole (eucalyptol), limonène\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-euca-compo-row\"\u003e\n        \u003cspan class=\"soi-euca-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-euca-compo-value\"\u003eAgriculture Biologique (BIO)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-euca-compo-row\"\u003e\n        \u003cspan class=\"soi-euca-compo-label\"\u003eChémotype\u003c\/span\u003e\n        \u003cspan class=\"soi-euca-compo-value\"\u003eHECT (Huile Essentielle Chémotypée)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-euca-section\"\u003e\n    \u003ch2\u003eComment utiliser l'huile essentielle d'Eucalyptus smithii ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-euca-timeline\"\u003e\n      \u003cdiv class=\"soi-euca-step\"\u003e\n        \u003cdiv class=\"soi-euca-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-euca-step-content\"\u003e\n          \u003ch3\u003e🌬️ Diffusion atmosphérique\u003c\/h3\u003e\n          \u003cp\u003e4 à 6 gouttes dans un diffuseur ultrasonique, par séances de 20 à 30 minutes. Parfait pour assainir l'air et retrouver un confort respiratoire chez vous.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-euca-step\"\u003e\n        \u003cdiv class=\"soi-euca-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-euca-step-content\"\u003e\n          \u003ch3\u003e💧 Inhalation sèche ou humide\u003c\/h3\u003e\n          \u003cp\u003e1 à 2 gouttes sur un mouchoir ou dans un bol d'eau chaude, tête couverte d'une serviette. Une solution rapide et efficace en cas de nez bouché.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-euca-step\"\u003e\n        \u003cdiv class=\"soi-euca-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-euca-step-content\"\u003e\n          \u003ch3\u003e🍵 Voie orale\u003c\/h3\u003e\n          \u003cp\u003e2 gouttes, 3 fois par jour, sur un support neutre (miel, comprimé neutre). Réservé à l'adulte, sur avis d'un professionnel de santé ou d'un aromathérapeute.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-euca-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi : ce qu'il faut savoir\u003c\/h2\u003e\n    \u003cp\u003eMême douce, une huile essentielle d'eucalyptus reste un concentré actif. Voici les précautions à respecter pour une utilisation en toute sécurité.\u003c\/p\u003e\n    \u003cdiv class=\"soi-euca-accordion\"\u003e\n      \u003cdetails class=\"soi-euca-accordion-item\"\u003e\n        \u003csummary class=\"soi-euca-accordion-header\"\u003e⚠️ Personnes sensibles et enfants\u003c\/summary\u003e\n        \u003cdiv class=\"soi-euca-accordion-content\"\u003e\n          \u003cp\u003eDéconseillée chez les femmes enceintes ou allaitantes et les enfants de moins de 3 ans sans avis médical. Ne pas appliquer pure sur les muqueuses ou autour du visage des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-euca-accordion-item\"\u003e\n        \u003csummary class=\"soi-euca-accordion-header\"\u003e🔒 Sécurité et conservation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-euca-accordion-content\"\u003e\n          \u003cp\u003eTenir hors de portée des enfants. En cas de doute ou de traitement en cours, consultez votre médecin ou pharmacien. Ce produit ne remplace pas un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-euca-section\"\u003e\n    \u003ch2\u003eLes avis sur l'Eucalyptus smithii : ce que les utilisateurs apprécient\u003c\/h2\u003e\n    \u003cp\u003eLes retours d'expérience sont cohérents : les utilisateurs apprécient particulièrement sa douceur d'utilisation, son odeur fraîche et moins camphrée que le globulus, ainsi que la fiabilité de la marque Pranarom. C'est souvent l'eucalyptus recommandé en aromathérapie familiale, précisément parce qu'il combine efficacité et tolérance.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-euca-section\"\u003e\n    \u003ch2\u003eInformations produit\u003c\/h2\u003e\n    \u003cdiv class=\"soi-euca-grid-compact\"\u003e\n      \u003cdiv class=\"soi-euca-card-mini\"\u003e\n        \u003cspan class=\"soi-euca-card-mini-icon\"\u003e🏷️\u003c\/span\u003e\n        \u003cspan class=\"soi-euca-card-mini-label\"\u003eMarque\u003c\/span\u003e\n        \u003cspan class=\"soi-euca-card-mini-value\"\u003ePranarom\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-euca-card-mini\"\u003e\n        \u003cspan class=\"soi-euca-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan class=\"soi-euca-card-mini-label\"\u003eNom botanique\u003c\/span\u003e\n        \u003cspan class=\"soi-euca-card-mini-value\"\u003eEucalyptus smithii\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-euca-card-mini\"\u003e\n        \u003cspan class=\"soi-euca-card-mini-icon\"\u003e💧\u003c\/span\u003e\n        \u003cspan class=\"soi-euca-card-mini-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-euca-card-mini-value\"\u003e10 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-euca-card-mini\"\u003e\n        \u003cspan class=\"soi-euca-card-mini-icon\"\u003e🌡️\u003c\/span\u003e\n        \u003cspan class=\"soi-euca-card-mini-label\"\u003eConservation\u003c\/span\u003e\n        \u003cspan class=\"soi-euca-card-mini-value\"\u003eÀ l'abri de la lumière et de la chaleur\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-euca-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-euca-cta-box\"\u003e\n      \u003cp class=\"soi-euca-cta-tag\" style=\"color: white;\"\u003eRespirez, naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-euca-cta-text\" style=\"color: white;\"\u003eUn arôme frais, une douceur rare parmi les eucalyptus et une fiabilité biologique : l'Eucalyptus smithii Pranarom mérite sa place dans votre armoire à pharmacie naturelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-euca-marine: #1A2D3D;\n  --soi-euca-marine-dark: #0F1E2B;\n  --soi-euca-marine-light: #2C4458;\n  --soi-euca-pomme: #A1C544;\n  --soi-euca-pomme-dark: #84A636;\n  --soi-euca-pomme-light: rgba(161,197,68,0.10);\n  --soi-euca-white: #FFFFFF;\n  --soi-euca-off-white: #F8FAF6;\n  --soi-euca-stone: #F1F3EE;\n  --soi-euca-line: #E5E8E0;\n  --soi-euca-primary: #7A9A8E;\n  --soi-euca-primary-soft: #E8F0EC;\n  --soi-euca-accent: #8BA67E;\n  --soi-euca-text: #1A2D3D;\n  --soi-euca-text-soft: #4A5B6B;\n  --soi-euca-text-muted: #7B8693;\n  --soi-euca-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-euca-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-euca-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-euca-radius: 12px;\n  --soi-euca-radius-sm: 8px;\n  --soi-euca-radius-pill: 999px;\n}\n\n.soi-euca-fiche * {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n.soi-euca-fiche img {\n  max-width: 100%;\n  height: auto;\n}\n\n.soi-euca-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-euca-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-euca-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-euca-hero {\n  position: relative;\n  background: var(--soi-euca-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-euca-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-euca-hero::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 4px;\n  background: var(--soi-euca-pomme);\n}\n\n.soi-euca-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-euca-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-euca-pomme);\n  border-radius: 50%;\n}\n\n.soi-euca-hero-title {\n  display: block;\n  color: var(--soi-euca-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-euca-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-euca-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-euca-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-euca-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-euca-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-euca-label-accent {\n  background: var(--soi-euca-pomme);\n  border-color: var(--soi-euca-pomme);\n  color: var(--soi-euca-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-euca-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-euca-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-euca-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-euca-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-euca-pomme);\n  border-radius: 2px;\n}\n\n.soi-euca-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-euca-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-euca-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-euca-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-euca-benefit {\n  background: var(--soi-euca-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-euca-radius);\n  border: 1px solid var(--soi-euca-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-euca-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-euca-shadow-md);\n}\n\n.soi-euca-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-euca-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-euca-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-euca-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-euca-benefit:hover .soi-euca-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-euca-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-euca-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-euca-benefit p {\n  font-size: 13px;\n  color: var(--soi-euca-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-euca-compo {\n  background: var(--soi-euca-off-white);\n  border-radius: var(--soi-euca-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-euca-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-euca-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-euca-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-euca-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-euca-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-euca-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-euca-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-euca-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-euca-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-euca-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-euca-radius);\n  border: 1px solid var(--soi-euca-line);\n  align-items: flex-start;\n}\n\n.soi-euca-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-euca-marine);\n  color: var(--soi-euca-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-euca-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-euca-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-euca-step-content p {\n  font-size: 14px;\n  color: var(--soi-euca-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-euca-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-euca-pomme-light);\n  border-left: 4px solid var(--soi-euca-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-euca-radius) var(--soi-euca-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-euca-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-euca-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-euca-marine);\n  margin-bottom: 4px;\n}\n\n.soi-euca-tip p {\n  font-size: 14px;\n  color: var(--soi-euca-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-euca-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-euca-accordion-item {\n  background: var(--soi-euca-off-white);\n  border-radius: var(--soi-euca-radius-sm);\n  border: 1px solid var(--soi-euca-line);\n  overflow: hidden;\n}\n\n.soi-euca-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-euca-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-euca-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-euca-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-euca-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-euca-accordion-item[open] .soi-euca-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-euca-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-euca-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-euca-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-euca-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-euca-card-mini {\n  background: var(--soi-euca-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-euca-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-euca-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-euca-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-euca-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-euca-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-euca-marine);\n}\n\n\/* === CTA BOX === *\/\n.soi-euca-cta-box {\n  background: var(--soi-euca-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-euca-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-euca-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-euca-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-euca-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-euca-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-euca-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-euca-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-euca-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-euca-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-euca-compo-value {\n    text-align: left;\n  }\n\n  .soi-euca-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-euca-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-euca-fiche {\n    --soi-euca-text-soft: #2C3E50;\n    --soi-euca-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603915530570,"sku":"RA0075","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0075_he_eucalyptus_smithii.jpg?v=1776167313"},{"product_id":"huile-essentielle-de-geranium-rosat-cv-bourbon-pranarom","title":"Huile Essentielle de Géranium rosat cv Bourbon – Pranarom","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eIssue d’un savoir-faire aromathérapeutique reconnu, l’Huile Essentielle de Géranium rosat cv Bourbon de Pranarōm est une référence pour celles et ceux qui recherchent un soin naturel à la fois \u003cstrong data-start=\"274\" data-end=\"288\"\u003erégénérant\u003c\/strong\u003e, \u003cstrong data-start=\"290\" data-end=\"305\"\u003eéquilibrant\u003c\/strong\u003e et sensoriel. Distillée à partir de \u003cem data-start=\"342\" data-end=\"366\"\u003ePelargonium graveolens\u003c\/em\u003e cultivé sur les terres ensoleillées de la Réunion et de Madagascar, elle séduit par son parfum floral délicat et par la richesse de ses bienfaits, aussi bien pour la peau que pour le bien-être émotionnel.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_RA0080_49bd5276-f734-4979-8aeb-b3df455cef8c.jpg?v=1776185613\" alt=\"Huile essentielle de Geranium rosat cv bourbon\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2 data-start=\"1003\" data-end=\"1099\"\u003eCaractéristiques et bienfaits de l’Huile Essentielle de Géranium rosat cv Bourbon de Pranarom\u003c\/h2\u003e\n\u003cp data-start=\"1100\" data-end=\"1582\"\u003eExtraite en début de floraison, l’Huile Essentielle de Géranium rosat cv Bourbon se distingue par une composition aromatique particulièrement équilibrée. Elle est traditionnellement utilisée en aromathérapie pour accompagner la \u003cstrong data-start=\"1328\" data-end=\"1355\"\u003erégénération de la peau\u003c\/strong\u003e, soutenir la cicatrisation et aider à réguler l’excès de sébum. Ses propriétés astringentes et anti-inflammatoires en font une alliée précieuse pour préserver l’harmonie cutanée, notamment sur les peaux sensibles ou réactives.\u003c\/p\u003e\n\u003cp data-start=\"1584\" data-end=\"2192\"\u003eAu-delà de son action cosmétique, cette huile essentielle est également appréciée pour son influence sur la circulation veineuse et lymphatique, contribuant à une sensation de légèreté et de tonicité. Son parfum floral, à la fois doux et légèrement rosé, agit comme un véritable soutien émotionnel. Il aide à apaiser les tensions, à calmer l’esprit et à instaurer une atmosphère propice à la \u003cstrong data-start=\"1976\" data-end=\"1999\"\u003esérénité intérieure\u003c\/strong\u003e. Polyvalente, elle trouve ainsi naturellement sa place dans les soins du visage, du corps ou dans les rituels de bien-être au quotidien, seule ou en synergie avec d’autres huiles essentielles.\u003c\/p\u003e\n\u003ch2 data-start=\"2194\" data-end=\"2251\"\u003eUne huile essentielle au cœur de vos rituels bien-être\u003c\/h2\u003e\n\u003cp data-start=\"2252\" data-end=\"2663\" data-is-last-node=\"\" data-is-only-node=\"\"\u003ePolyvalente et raffinée, l’Huile Essentielle de Géranium rosat cv Bourbon de Pranarōm s’impose comme un indispensable pour prendre soin de soi de manière naturelle. Que ce soit pour sublimer la peau, retrouver un équilibre émotionnel ou enrichir vos préparations aromatiques, elle offre une expérience sensorielle complète, alliant \u003cstrong data-start=\"2584\" data-end=\"2598\"\u003eefficacité\u003c\/strong\u003e, \u003cstrong data-start=\"2600\" data-end=\"2611\"\u003edouceur\u003c\/strong\u003e et \u003cstrong data-start=\"2615\" data-end=\"2627\"\u003eharmonie\u003c\/strong\u003e, au service d’un bien-être durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603916153162,"sku":"RA0080","price":15.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0080_he_geranium_rosat_bourbon.jpg?v=1776167324"},{"product_id":"huile-essentielle-de-jasmin-absolue-pranarom","title":"Huile Essentielle de Jasmin (absolue)  – Pranarom","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eL’\u003cstrong data-start=\"572\" data-end=\"613\"\u003eHuile Essentielle de Jasmin (absolue)\u003c\/strong\u003e proposée par \u003cstrong data-start=\"627\" data-end=\"639\"\u003ePranarom\u003c\/strong\u003e est une essence précieuse obtenue à partir des fleurs de jasmin, reconnues pour leur fragrance \u003cstrong data-start=\"735\" data-end=\"760\"\u003eflorale et envoûtante\u003c\/strong\u003e. En aromathérapie, cette huile essentielle est \u003cstrong data-start=\"808\" data-end=\"852\"\u003eappréciée pour ses propriétés apaisantes\u003c\/strong\u003e qui favorisent la détente et contribuent à une atmosphère harmonieuse. Grâce à son parfum délicat, elle est également utilisée pour \u003cstrong data-start=\"985\" data-end=\"1006\"\u003eréduire le stress\u003c\/strong\u003e et favoriser la \u003cstrong data-start=\"1023\" data-end=\"1050\"\u003erelaxation émotionnelle\u003c\/strong\u003e.\u003cbr data-start=\"1051\" data-end=\"1054\"\u003eAdaptée à une application \u003cstrong data-start=\"1080\" data-end=\"1119\"\u003ecutanée, capillaire ou en diffusion\u003c\/strong\u003e, cette huile révèle toute la richesse olfactive du jasmin, symbole de douceur et de sérénité. Sa texture fine et sa concentration en principes actifs en font une référence incontournable pour les préparations aromatiques haut de gamme.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_RA0085_75028aab-501a-4532-a130-079a121afb85.jpg?v=1776185613\" alt=\"Huile essentielle de jasmin absolu\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003ePrécieuse et intensément florale, l’Huile Essentielle de Jasmin (absolue) de Pranarom est une invitation à la détente et à l’harmonie intérieure. Issue des fleurs délicates de jasmin, elle séduit par son parfum envoûtant et sa finesse aromatique. Véritable alliée du bien-être émotionnel, cette huile essentielle transforme chaque instant en une parenthèse de sérénité, propice au lâcher-prise et au réconfort.\u003c\/p\u003e\n\u003ch2 data-start=\"825\" data-end=\"912\"\u003eCaractéristiques et bienfaits de l’Huile Essentielle de Jasmin (absolue) de Pranarom\u003c\/h2\u003e\n\u003cp data-start=\"914\" data-end=\"1347\"\u003eL’Huile Essentielle de Jasmin (absolue) de Pranarom est reconnue en aromathérapie pour ses \u003cstrong data-start=\"1005\" data-end=\"1045\"\u003evertus apaisantes et rééquilibrantes\u003c\/strong\u003e. Son parfum floral, à la fois suave et réconfortant, agit positivement sur les émotions en favorisant la détente, la sérénité et une sensation de calme intérieur. Elle est particulièrement appréciée lors des périodes de stress, de fatigue émotionnelle ou lorsque le besoin de réconfort se fait sentir.\u003c\/p\u003e\n\u003cp data-start=\"1349\" data-end=\"1898\"\u003eGrâce à sa \u003cstrong data-start=\"1360\" data-end=\"1395\"\u003equalité 100 % pure et naturelle\u003c\/strong\u003e, cette huile essentielle offre une richesse aromatique exceptionnelle. Elle peut être utilisée en diffusion afin de créer une atmosphère chaleureuse et relaxante, idéale pour les moments de méditation ou de repos. En application cutanée ou capillaire, toujours diluée, elle apporte une touche sensorielle raffinée tout en révélant l’élégance naturelle du jasmin. Sa texture fine et sa concentration en composés aromatiques en font une référence de choix pour les préparations aromatiques haut de gamme.\u003c\/p\u003e\n\u003ch2 data-start=\"1900\" data-end=\"1941\"\u003eUne expérience sensorielle d’exception\u003c\/h2\u003e\n\u003cp data-start=\"1943\" data-end=\"2412\"\u003eSymbole de douceur et d’élégance, l’Huile Essentielle de Jasmin (absolue) de Pranarom s’intègre parfaitement aux rituels de bien-être du quotidien. Son \u003cstrong data-start=\"2095\" data-end=\"2120\"\u003eparfum floral délicat\u003c\/strong\u003e enveloppe l’espace d’une atmosphère apaisante et transforme chaque utilisation en un moment privilégié, dédié à la détente et à l’équilibre émotionnel. Un incontournable pour celles et ceux qui recherchent une huile essentielle raffinée, à la fois réconfortante et profondément harmonisante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603916579146,"sku":"RA0085","price":63.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0085_he_jasmin_1034c57c-2ae6-48b5-b306-91297e2fec4d.jpg?v=1778843476"},{"product_id":"huile-essentielle-de-khella-pranarom","title":"Huile Essentielle de Khella - Pranarom","description":"\n\n\u003cdiv class=\"soi-khel-fiche\"\u003e\n\n  \u003csection class=\"soi-khel-hero\"\u003e\n    \u003cdiv class=\"soi-khel-hero-tag\"\u003e\n      \u003cspan class=\"soi-khel-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie · Pranarom\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-khel-hero-title\"\u003eLe souffle libre de la Méditerranée\u003c\/span\u003e\n    \u003cp class=\"soi-khel-hero-subtitle\"\u003eExtraite des semences d'Ammi visnaga, l'huile essentielle de Khella vous offre des propriétés antispasmodiques et broncho-dilatatrices remarquables, fidèles à des siècles de tradition méditerranéenne.\u003c\/p\u003e\n    \u003cdiv class=\"soi-khel-hero-labels\"\u003e\n      \u003cspan class=\"soi-khel-label soi-khel-label-accent\"\u003e100% PURE ET CHÉMOTYPÉE\u003c\/span\u003e\n      \u003cspan class=\"soi-khel-label\"\u003eHUILE ESSENTIELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-khel-label\"\u003e5 ML\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-khel-section\"\u003e\n    \u003ch2\u003eHuile Essentielle de Khella Pranarom : propriétés, utilisations et conseils\u003c\/h2\u003e\n    \u003cp class=\"soi-khel-section-intro\"\u003eExtraite des semences d'\u003cem\u003eAmmi visnaga\u003c\/em\u003e, plante méditerranéenne cultivée depuis l'Antiquité, l'huile essentielle de Khella est l'une des plus ciblées et des plus précieuses de l'aromathérapie. Pranarom, référence incontournable de la filière, vous propose ici une huile 100 % pure, intégrale et chémotypée, garantissant un profil biochimique fidèle et une efficacité maximale.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-khel-section\"\u003e\n    \u003ch2\u003eProfil biochimique : ce qui rend la Khella unique\u003c\/h2\u003e\n    \u003cp class=\"soi-khel-section-intro\"\u003eL'huile essentielle de Khella Pranarom est caractérisée par deux familles moléculaires principales, qui lui confèrent ses propriétés si particulières sur le plan respiratoire et viscéral.\u003c\/p\u003e\n    \u003cdiv class=\"soi-khel-grid\"\u003e\n      \u003cdiv class=\"soi-khel-card\"\u003e\n        \u003ch3\u003e🧪 Linalol\u003c\/h3\u003e\n        \u003cp\u003eUn alcool terpénique réputé pour ses propriétés apaisantes et décontractantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-khel-card\"\u003e\n        \u003ch3\u003e⚗️ Esters\u003c\/h3\u003e\n        \u003cp\u003eActifs-clés reconnus pour leur action antispasmodique et relaxante sur les muscles lisses.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-khel-section\"\u003e\n    \u003ch2\u003ePropriétés de l'huile essentielle de Khella\u003c\/h2\u003e\n    \u003cdiv class=\"soi-khel-benefits\"\u003e\n      \u003cdiv class=\"soi-khel-benefit\"\u003e\n        \u003cdiv class=\"soi-khel-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAntispasmodique\u003c\/h3\u003e\n        \u003cp\u003eAide à relâcher les contractions des muscles lisses, notamment au niveau bronchique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-khel-benefit\"\u003e\n        \u003cdiv class=\"soi-khel-benefit-icon\"\u003e\u003cspan\u003e🌬️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eBroncho-dilatatrice\u003c\/h3\u003e\n        \u003cp\u003eSoutient la perméabilité des voies respiratoires et favorise un souffle plus libre lors de tensions respiratoires ponctuelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-khel-benefit\"\u003e\n        \u003cdiv class=\"soi-khel-benefit-icon\"\u003e\u003cspan\u003e🫘\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eDilatatrice de l'uretère\u003c\/h3\u003e\n        \u003cp\u003eAccompagne le confort urinaire en cas de spasmes rénaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-khel-benefit\"\u003e\n        \u003cdiv class=\"soi-khel-benefit-icon\"\u003e\u003cspan\u003e❤️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCoronaro-dilatatrice\u003c\/h3\u003e\n        \u003cp\u003eUtilisée en aromathérapie pour contribuer à la détente des parois vasculaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-khel-benefit\"\u003e\n        \u003cdiv class=\"soi-khel-benefit-icon\"\u003e\u003cspan\u003e🧘\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eApaisante\u003c\/h3\u003e\n        \u003cp\u003eSon profil ester-linalol lui confère une action équilibrante sur le système nerveux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-khel-section\"\u003e\n    \u003ch2\u003eComment utiliser l'huile essentielle de Khella ?\u003c\/h2\u003e\n    \u003cp class=\"soi-khel-section-intro\"\u003eLa Khella s'utilise selon plusieurs voies, toujours avec précaution et en respectant les dilutions recommandées.\u003c\/p\u003e\n    \u003cdiv class=\"soi-khel-timeline\"\u003e\n      \u003cdiv class=\"soi-khel-step\"\u003e\n        \u003cdiv class=\"soi-khel-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-khel-step-content\"\u003e\n          \u003ch3\u003eVoie cutanée\u003c\/h3\u003e\n          \u003cp\u003eDiluez 1 goutte de Khella dans 9 gouttes d'huile végétale (amande douce, jojoba). Appliquez localement sur la poitrine ou au niveau des reins, 2 à 3 fois par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-khel-step\"\u003e\n        \u003cdiv class=\"soi-khel-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-khel-step-content\"\u003e\n          \u003ch3\u003eDiffusion atmosphérique\u003c\/h3\u003e\n          \u003cp\u003eEn synergie avec d'autres huiles respiratoires (eucalyptus, ravintsara), à diffuser 20 minutes maximum.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-khel-step\"\u003e\n        \u003cdiv class=\"soi-khel-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-khel-step-content\"\u003e\n          \u003ch3\u003eVoie olfactive\u003c\/h3\u003e\n          \u003cp\u003eQuelques inhalations directes au flacon suffisent pour profiter rapidement de ses effets apaisants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-khel-tip\"\u003e\n      \u003cdiv class=\"soi-khel-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour un usage respiratoire, une synergie avec l'huile essentielle de Niaouli ou de Marjolaine est souvent recommandée par les aromathérapeutes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-khel-section\"\u003e\n    \u003ch2\u003eContre-indications et précautions à connaître\u003c\/h2\u003e\n    \u003cp class=\"soi-khel-section-intro\"\u003eL'huile essentielle de Khella présente un potentiel photosensibilisant : évitez toute exposition solaire dans les heures suivant une application cutanée.\u003c\/p\u003e\n    \u003cdiv class=\"soi-khel-accordion\"\u003e\n      \u003cdetails class=\"soi-khel-accordion-item\"\u003e\n        \u003csummary class=\"soi-khel-accordion-header\"\u003e⚠️ Personnes sensibles\u003c\/summary\u003e\n        \u003cdiv class=\"soi-khel-accordion-content\"\u003e\n          \u003cp\u003eDéconseillée aux femmes enceintes ou allaitantes ainsi qu'aux enfants de moins de 6 ans.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-khel-accordion-item\"\u003e\n        \u003csummary class=\"soi-khel-accordion-header\"\u003e💊 Interactions médicales\u003c\/summary\u003e\n        \u003cdiv class=\"soi-khel-accordion-content\"\u003e\n          \u003cp\u003eÀ utiliser avec l'avis d'un professionnel de santé en cas de traitement médical en cours, notamment pour l'asthme. L'huile essentielle de Khella ne remplace en aucun cas un traitement médical prescrit. Consultez toujours votre médecin avant de l'intégrer à votre routine.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-khel-accordion-item\"\u003e\n        \u003csummary class=\"soi-khel-accordion-header\"\u003e☀️ Photosensibilisation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-khel-accordion-content\"\u003e\n          \u003cp\u003eNe pas s'exposer au soleil dans les heures suivant une application cutanée. Ne pas utiliser pure sur la peau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-khel-section\"\u003e\n    \u003ch2\u003eInformations produit\u003c\/h2\u003e\n    \u003cdiv class=\"soi-khel-compo\"\u003e\n      \u003cdiv class=\"soi-khel-compo-row\"\u003e\n        \u003cspan class=\"soi-khel-compo-label\"\u003eNom botanique\u003c\/span\u003e\n        \u003cspan class=\"soi-khel-compo-value\"\u003e\u003cem\u003eAmmi visnaga\u003c\/em\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-khel-compo-row\"\u003e\n        \u003cspan class=\"soi-khel-compo-label\"\u003ePartie distillée\u003c\/span\u003e\n        \u003cspan class=\"soi-khel-compo-value\"\u003eSemences\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-khel-compo-row\"\u003e\n        \u003cspan class=\"soi-khel-compo-label\"\u003eChémotype\u003c\/span\u003e\n        \u003cspan class=\"soi-khel-compo-value\"\u003eLinalol, esters\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-khel-compo-row\"\u003e\n        \u003cspan class=\"soi-khel-compo-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-khel-compo-value\"\u003eBassin méditerranéen\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-khel-compo-row\"\u003e\n        \u003cspan class=\"soi-khel-compo-label\"\u003eQualité\u003c\/span\u003e\n        \u003cspan class=\"soi-khel-compo-value\"\u003e100 % pure, intégrale, chémotypée\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-khel-compo-row\"\u003e\n        \u003cspan class=\"soi-khel-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-khel-compo-value\"\u003e5 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-khel-compo-row\"\u003e\n        \u003cspan class=\"soi-khel-compo-label\"\u003eMarque\u003c\/span\u003e\n        \u003cspan class=\"soi-khel-compo-value\"\u003ePranarom\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-khel-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-khel-cta-box\"\u003e\n      \u003cp class=\"soi-khel-cta-text\" style=\"color: white;\"\u003ePrécieuse, concentrée et fidèle à des siècles de tradition méditerranéenne, l'huile essentielle de Khella Pranarom vous accompagne vers un souffle plus libre et un corps plus détendu. Prenez soin de vous, naturellement.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"font-size: 12px; color: #7B8693; margin-top: 1rem; text-align: center; font-style: italic;\"\u003eCe produit est un complément aromatique naturel. Il ne se substitue à aucun traitement médical et ne constitue pas un avis thérapeutique.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-khel-marine: #1A2D3D;\n  --soi-khel-marine-dark: #0F1E2B;\n  --soi-khel-marine-light: #2C4458;\n  --soi-khel-pomme: #A1C544;\n  --soi-khel-pomme-dark: #84A636;\n  --soi-khel-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-khel-white: #FFFFFF;\n  --soi-khel-off-white: #F8FAF6;\n  --soi-khel-stone: #F1F3EE;\n  --soi-khel-line: #E5E8E0;\n\n  --soi-khel-primary: #7A9A8E;\n  --soi-khel-primary-soft: rgba(122,154,142,0.12);\n  --soi-khel-accent: #6B7D4A;\n\n  --soi-khel-text: #1A2D3D;\n  --soi-khel-text-soft: #4A5B6B;\n  --soi-khel-text-muted: #7B8693;\n\n  --soi-khel-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-khel-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-khel-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-khel-radius: 12px;\n  --soi-khel-radius-sm: 8px;\n  --soi-khel-radius-pill: 999px;\n}\n\n.soi-khel-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-khel-fiche img { max-width: 100%; height: auto; }\n\n.soi-khel-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-khel-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-khel-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-khel-hero {\n  position: relative;\n  background: var(--soi-khel-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-khel-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-khel-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-khel-pomme);\n}\n\n.soi-khel-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-khel-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-khel-pomme);\n  border-radius: 50%;\n}\n\n.soi-khel-hero-title {\n  display: block;\n  color: var(--soi-khel-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-khel-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-khel-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-khel-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-khel-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-khel-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-khel-label-accent {\n  background: var(--soi-khel-pomme);\n  border-color: var(--soi-khel-pomme);\n  color: var(--soi-khel-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-khel-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-khel-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-khel-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-khel-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-khel-pomme);\n  border-radius: 2px;\n}\n\n.soi-khel-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-khel-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-khel-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-khel-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-khel-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-khel-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-khel-benefit {\n  background: var(--soi-khel-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-khel-radius);\n  border: 1px solid var(--soi-khel-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-khel-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-khel-shadow-md);\n}\n\n.soi-khel-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-khel-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-khel-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-khel-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-khel-benefit:hover .soi-khel-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-khel-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-khel-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-khel-benefit p {\n  font-size: 13px;\n  color: var(--soi-khel-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-khel-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-khel-card {\n  background: var(--soi-khel-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-khel-radius);\n  border-left: 3px solid var(--soi-khel-pomme);\n}\n\n.soi-khel-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-khel-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-khel-card p {\n  font-size: 14px;\n  color: var(--soi-khel-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-khel-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-khel-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-khel-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-khel-radius);\n  border: 1px solid var(--soi-khel-line);\n  align-items: flex-start;\n}\n\n.soi-khel-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-khel-marine);\n  color: var(--soi-khel-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-khel-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-khel-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-khel-step-content p {\n  font-size: 14px;\n  color: var(--soi-khel-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-khel-compo {\n  background: var(--soi-khel-off-white);\n  border-radius: var(--soi-khel-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-khel-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-khel-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-khel-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-khel-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-khel-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-khel-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-khel-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-khel-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-khel-pomme-light);\n  border-left: 4px solid var(--soi-khel-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-khel-radius) var(--soi-khel-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-khel-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-khel-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-khel-marine);\n  margin-bottom: 4px;\n}\n\n.soi-khel-tip p {\n  font-size: 14px;\n  color: var(--soi-khel-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-khel-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-khel-accordion-item {\n  background: var(--soi-khel-off-white);\n  border-radius: var(--soi-khel-radius-sm);\n  border: 1px solid var(--soi-khel-line);\n  overflow: hidden;\n}\n\n.soi-khel-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-khel-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-khel-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-khel-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-khel-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-khel-accordion-item[open] .soi-khel-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-khel-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-khel-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-khel-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-khel-cta-box {\n  background: var(--soi-khel-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-khel-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-khel-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-khel-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-khel-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-khel-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-khel-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-khel-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-khel-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-khel-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-khel-compo-value {\n    text-align: left;\n  }\n\n  .soi-khel-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-khel-benefits {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-khel-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-khel-fiche {\n    --soi-khel-text-soft: #2C3E50;\n    --soi-khel-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603916677450,"sku":"RA0090","price":38.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0090_he_khella_5bdaa9c4-c8e9-451d-a9b6-ac2ad9376119.jpg?v=1778843487"},{"product_id":"huile-essentielle-de-lime-citron-vert-pranarom","title":"Huile essentielle de lime citron vert - Pranarom","description":"\u003cdiv class=\"soi-lime-fiche\"\u003e\n\n\u003csection class=\"soi-lime-hero\"\u003e\n  \u003cdiv class=\"soi-lime-hero-tag\"\u003e\n    \u003cspan class=\"soi-lime-tag-dot\"\u003e\u003c\/span\u003e\n    Aromathérapie · Pranarom\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-lime-hero-title\"\u003eL'éclat acidulé du citron vert en flacon\u003c\/span\u003e\n  \u003cp class=\"soi-lime-hero-subtitle\"\u003eHuile essentielle chémotypée de lime, 100 % pure et naturelle, extraite par expression à froid pour préserver toute la vivacité du Citrus aurantifolia.\u003c\/p\u003e\n  \u003cdiv class=\"soi-lime-hero-labels\"\u003e\n    \u003cspan class=\"soi-lime-label soi-lime-label-accent\"\u003e100 % PURE ET NATURELLE\u003c\/span\u003e\n    \u003cspan class=\"soi-lime-label\"\u003eCHÉMOTYPÉE (HECT)\u003c\/span\u003e\n    \u003cspan class=\"soi-lime-label\"\u003eEXPRESSION À FROID\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lime-section\"\u003e\n  \u003ch2\u003eComposition et profil aromatique\u003c\/h2\u003e\n  \u003cp class=\"soi-lime-section-intro\"\u003eLa richesse de cette huile essentielle de lime tient à sa composition naturellement équilibrée. Son profil chémotypé garantit une concentration optimale en principes actifs, lot après lot. C'est précisément ce qui distingue Pranarom des marques génériques.\u003c\/p\u003e\n  \u003cdiv class=\"soi-lime-grid\"\u003e\n    \u003cdiv class=\"soi-lime-card\"\u003e\n      \u003ch3\u003e🍋 Limonène\u003c\/h3\u003e\n      \u003cp\u003eComposant majoritaire, reconnu pour ses propriétés purifiantes et toniques.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lime-card\"\u003e\n      \u003ch3\u003e🌿 Gamma-terpinène\u003c\/h3\u003e\n      \u003cp\u003eActif aux vertus antiseptiques et anti-inflammatoires.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lime-card\"\u003e\n      \u003ch3\u003e🧪 Alpha-terpinéol\u003c\/h3\u003e\n      \u003cp\u003eContribue à l'action apaisante et antibactérienne de l'huile essentielle.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lime-section\"\u003e\n  \u003ch2\u003eBienfaits de l'huile essentielle de citron vert\u003c\/h2\u003e\n  \u003cdiv class=\"soi-lime-benefits\"\u003e\n    \u003cdiv class=\"soi-lime-benefit\"\u003e\n      \u003cdiv class=\"soi-lime-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eTonique et stimulante\u003c\/h3\u003e\n      \u003cp\u003eEn diffusion, elle chasse la fatigue mentale et installe une atmosphère énergisante. Idéale pour démarrer une journée chargée ou retrouver de la concentration.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lime-benefit\"\u003e\n      \u003cdiv class=\"soi-lime-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003ePurifiante et assainissante\u003c\/h3\u003e\n      \u003cp\u003eGrâce au limonène et au gamma-terpinène, elle assainit l'air ambiant et aide à limiter la prolifération des agents microbiens dans votre intérieur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lime-benefit\"\u003e\n      \u003cdiv class=\"soi-lime-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eDigestive et antinauséeuse\u003c\/h3\u003e\n      \u003cp\u003eAppliquée diluée sur le plexus solaire dans une huile végétale, elle soutient le confort digestif et peut aider à apaiser les nausées passagères.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lime-benefit\"\u003e\n      \u003cdiv class=\"soi-lime-benefit-icon\"\u003e\u003cspan\u003e🧘\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAnti-stress et rééquilibrante\u003c\/h3\u003e\n      \u003cp\u003eSon arôme vif et lumineux aide à relâcher les tensions, à recentrer les pensées et à retrouver un équilibre émotionnel en quelques inspirations.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lime-section\"\u003e\n  \u003ch2\u003eComment utiliser l'huile essentielle de citron vert ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-lime-timeline\"\u003e\n    \u003cdiv class=\"soi-lime-step\"\u003e\n      \u003cdiv class=\"soi-lime-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-lime-step-content\"\u003e\n        \u003ch3\u003eDiffusion atmosphérique\u003c\/h3\u003e\n        \u003cp\u003e4 à 6 gouttes dans un diffuseur à froid, 20 à 30 minutes maximum par session. Vous pouvez la combiner avec la menthe poivrée ou l'eucalyptus pour une synergie tonifiante.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lime-step\"\u003e\n      \u003cdiv class=\"soi-lime-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-lime-step-content\"\u003e\n        \u003ch3\u003eVoie cutanée\u003c\/h3\u003e\n        \u003cp\u003e1 goutte d'huile essentielle pour 4 gouttes d'huile végétale (jojoba, amande douce). Appliquez en massage sur la zone ciblée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lime-step\"\u003e\n      \u003cdiv class=\"soi-lime-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-lime-step-content\"\u003e\n        \u003ch3\u003eInhalation sèche\u003c\/h3\u003e\n        \u003cp\u003e1 à 2 gouttes sur un mouchoir, à respirer profondément en cas de coup de fatigue ou de nausée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lime-step\"\u003e\n      \u003cdiv class=\"soi-lime-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-lime-step-content\"\u003e\n        \u003ch3\u003eEn cuisine aromatique\u003c\/h3\u003e\n        \u003cp\u003e1 goutte maximum dans une vinaigrette, un dessert ou une boisson fraîche pour remplacer le zeste de citron vert.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lime-section\"\u003e\n  \u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n  \u003cdiv class=\"soi-lime-accordion\"\u003e\n    \u003cdetails class=\"soi-lime-accordion-item\"\u003e\n      \u003csummary class=\"soi-lime-accordion-header\"\u003e☀️ Photosensibilisation\u003c\/summary\u003e\n      \u003cdiv class=\"soi-lime-accordion-content\"\u003e\n        \u003cp\u003eNe pas exposer la peau au soleil dans les 12 heures suivant une application cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-lime-accordion-item\"\u003e\n      \u003csummary class=\"soi-lime-accordion-header\"\u003e🤰 Femmes enceintes et enfants\u003c\/summary\u003e\n      \u003cdiv class=\"soi-lime-accordion-content\"\u003e\n        \u003cp\u003eDéconseillée aux femmes enceintes de moins de 3 mois et aux enfants de moins de 6 ans.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-lime-accordion-item\"\u003e\n      \u003csummary class=\"soi-lime-accordion-header\"\u003e💧 Dilution et application\u003c\/summary\u003e\n      \u003cdiv class=\"soi-lime-accordion-content\"\u003e\n        \u003cp\u003eToujours diluer avant application sur la peau. Évitez le contact avec les yeux et les muqueuses. Tenez hors de portée des enfants.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-lime-accordion-item\"\u003e\n      \u003csummary class=\"soi-lime-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n      \u003cdiv class=\"soi-lime-accordion-content\"\u003e\n        \u003cp\u003eNe se substitue pas à un traitement médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lime-section\"\u003e\n  \u003ch2\u003eInformations produit\u003c\/h2\u003e\n  \u003cdiv class=\"soi-lime-compo\"\u003e\n    \u003cdiv class=\"soi-lime-compo-row\"\u003e\n      \u003cspan class=\"soi-lime-compo-label\"\u003eNom botanique\u003c\/span\u003e\n      \u003cspan class=\"soi-lime-compo-value\"\u003eCitrus aurantifolia\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lime-compo-row\"\u003e\n      \u003cspan class=\"soi-lime-compo-label\"\u003ePartie distillée\u003c\/span\u003e\n      \u003cspan class=\"soi-lime-compo-value\"\u003eFruit (écorce)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lime-compo-row\"\u003e\n      \u003cspan class=\"soi-lime-compo-label\"\u003eProcédé d'extraction\u003c\/span\u003e\n      \u003cspan class=\"soi-lime-compo-value\"\u003eExpression à froid\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lime-compo-row\"\u003e\n      \u003cspan class=\"soi-lime-compo-label\"\u003ePrincipaux constituants\u003c\/span\u003e\n      \u003cspan class=\"soi-lime-compo-value\"\u003eLimonène, gamma-terpinène, alpha-terpinéol\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lime-compo-row\"\u003e\n      \u003cspan class=\"soi-lime-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-lime-compo-value\"\u003e10 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lime-compo-row\"\u003e\n      \u003cspan class=\"soi-lime-compo-label\"\u003eQualité\u003c\/span\u003e\n      \u003cspan class=\"soi-lime-compo-value\"\u003e100 % pure, naturelle et intégrale, chémotypée (HECT)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lime-compo-row\"\u003e\n      \u003cspan class=\"soi-lime-compo-label\"\u003eMarque\u003c\/span\u003e\n      \u003cspan class=\"soi-lime-compo-value\"\u003ePranarom\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lime-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-lime-cta-box\"\u003e\n    \u003cp class=\"soi-lime-cta-text\" style=\"color: white;\"\u003eUn éclat de soleil en flacon : purifiante, tonifiante, rééquilibrante. Quelques gouttes suffisent pour transformer votre quotidien avec la garantie Pranarom.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-lime-marine: #1A2D3D;\n  --soi-lime-marine-dark: #0F1E2B;\n  --soi-lime-marine-light: #2C4458;\n  --soi-lime-pomme: #A1C544;\n  --soi-lime-pomme-dark: #84A636;\n  --soi-lime-pomme-light: rgba(161,197,68,0.10);\n  --soi-lime-white: #FFFFFF;\n  --soi-lime-off-white: #F8FAF6;\n  --soi-lime-stone: #F1F3EE;\n  --soi-lime-line: #E5E8E0;\n  --soi-lime-primary: #5A8A3C;\n  --soi-lime-primary-soft: #E8F0DE;\n  --soi-lime-accent: #7A9A8E;\n  --soi-lime-text: #1A2D3D;\n  --soi-lime-text-soft: #4A5B6B;\n  --soi-lime-text-muted: #7B8693;\n  --soi-lime-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-lime-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-lime-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-lime-radius: 12px;\n  --soi-lime-radius-sm: 8px;\n  --soi-lime-radius-pill: 999px;\n}\n\n.soi-lime-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-lime-fiche img { max-width: 100%; height: auto; }\n\n.soi-lime-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-lime-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-lime-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-lime-hero {\n  position: relative;\n  background: var(--soi-lime-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-lime-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-lime-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-lime-pomme);\n}\n\n.soi-lime-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-lime-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-lime-pomme);\n  border-radius: 50%;\n}\n\n.soi-lime-hero-title {\n  display: block;\n  color: var(--soi-lime-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-lime-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-lime-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-lime-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-lime-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-lime-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-lime-label-accent {\n  background: var(--soi-lime-pomme);\n  border-color: var(--soi-lime-pomme);\n  color: var(--soi-lime-marine);\n  font-weight: 600;\n}\n\n.soi-lime-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-lime-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-lime-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-lime-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-lime-pomme);\n  border-radius: 2px;\n}\n\n.soi-lime-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-lime-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-lime-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-lime-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-lime-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-lime-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-lime-benefit {\n  background: var(--soi-lime-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-lime-radius);\n  border: 1px solid var(--soi-lime-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-lime-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-lime-shadow-md);\n}\n\n.soi-lime-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-lime-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-lime-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-lime-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-lime-benefit:hover .soi-lime-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-lime-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-lime-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-lime-benefit p {\n  font-size: 13px;\n  color: var(--soi-lime-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-lime-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-lime-card {\n  background: var(--soi-lime-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-lime-radius);\n  border-left: 3px solid var(--soi-lime-pomme);\n}\n\n.soi-lime-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-lime-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-lime-card p {\n  font-size: 14px;\n  color: var(--soi-lime-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-lime-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-lime-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-lime-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-lime-radius);\n  border: 1px solid var(--soi-lime-line);\n  align-items: flex-start;\n}\n\n.soi-lime-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-lime-marine);\n  color: var(--soi-lime-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-lime-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-lime-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-lime-step-content p {\n  font-size: 14px;\n  color: var(--soi-lime-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-lime-compo {\n  background: var(--soi-lime-off-white);\n  border-radius: var(--soi-lime-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-lime-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-lime-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-lime-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-lime-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-lime-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-lime-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-lime-marine);\n  text-align: right;\n}\n\n.soi-lime-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-lime-accordion-item {\n  background: var(--soi-lime-off-white);\n  border-radius: var(--soi-lime-radius-sm);\n  border: 1px solid var(--soi-lime-line);\n  overflow: hidden;\n}\n\n.soi-lime-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-lime-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-lime-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-lime-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-lime-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-lime-accordion-item[open] .soi-lime-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-lime-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-lime-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-lime-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-lime-cta-box {\n  background: var(--soi-lime-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-lime-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-lime-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-lime-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-lime-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-lime-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-lime-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-lime-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-lime-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-lime-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-lime-compo-value {\n    text-align: left;\n  }\n\n  .soi-lime-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-lime-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-lime-fiche {\n    --soi-lime-text-soft: #2C3E50;\n    --soi-lime-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603916742986,"sku":"RA0095","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0095_he_lime.jpg?v=1776167358"},{"product_id":"huile-essentielle-de-menthe-pouliot-pranarom","title":"Huile Essentielle de Menthe pouliot – Pranarom","description":"\n\n\u003cdiv class=\"soi-mpoul-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-mpoul-hero\"\u003e\n    \u003cdiv class=\"soi-mpoul-hero-tag\"\u003e\n      \u003cspan class=\"soi-mpoul-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie · Pranarōm\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-mpoul-hero-title\"\u003eUne menthe d'exception, réservée aux initiés\u003c\/span\u003e\n    \u003cp class=\"soi-mpoul-hero-subtitle\"\u003ePuissante et confidentielle, la menthe pouliot Pranarōm offre une intensité aromatique incomparable. Une huile essentielle chémotypée pour les utilisateurs avertis.\u003c\/p\u003e\n    \u003cdiv class=\"soi-mpoul-hero-labels\"\u003e\n      \u003cspan class=\"soi-mpoul-label soi-mpoul-label-accent\"\u003e100 % PURE ET NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-mpoul-label\"\u003eCHÉMOTYPÉE\u003c\/span\u003e\n      \u003cspan class=\"soi-mpoul-label\"\u003eDISTILLATION VAPEUR D'EAU\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 1 : Introduction --\u003e\n  \u003csection class=\"soi-mpoul-section\"\u003e\n    \u003ch2\u003eHuile Essentielle de Menthe Pouliot Pranarōm : une menthe d'exception, à manier avec expertise\u003c\/h2\u003e\n    \u003cp\u003eVous connaissez peut-être déjà l'huile essentielle de menthe poivrée et ses bienfaits bien documentés. La menthe pouliot (\u003cem\u003eMentha pulegium\u003c\/em\u003e) est sa cousine sauvage, bien plus confidentielle et nettement plus puissante. Pranarōm la propose ici en version 100 % pure, naturelle et chémotypée, distillée à partir des parties aériennes de la plante. Une essence rare, réservée aux utilisateurs avertis.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 2 : Composition et profil biochimique --\u003e\n  \u003csection class=\"soi-mpoul-section\"\u003e\n    \u003ch2\u003eComposition et profil biochimique\u003c\/h2\u003e\n    \u003cp class=\"soi-mpoul-section-intro\"\u003eLà où l'huile essentielle de menthe poivrée est dominée par le menthol, la menthe pouliot se distingue par une composition radicalement différente.\u003c\/p\u003e\n    \u003cdiv class=\"soi-mpoul-compo\"\u003e\n      \u003cdiv class=\"soi-mpoul-compo-row\"\u003e\n        \u003cspan class=\"soi-mpoul-compo-label\"\u003ePartie utilisée\u003c\/span\u003e\n        \u003cspan class=\"soi-mpoul-compo-value\"\u003eParties aériennes (tiges et feuilles)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mpoul-compo-row\"\u003e\n        \u003cspan class=\"soi-mpoul-compo-label\"\u003eConstituant majoritaire\u003c\/span\u003e\n        \u003cspan class=\"soi-mpoul-compo-value\"\u003ePulégone (cétone monoterpénique, souvent \u0026gt; 80 %)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mpoul-compo-row\"\u003e\n        \u003cspan class=\"soi-mpoul-compo-label\"\u003eNotes secondaires\u003c\/span\u003e\n        \u003cspan class=\"soi-mpoul-compo-value\"\u003eIsomenthone, menthone\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mpoul-compo-row\"\u003e\n        \u003cspan class=\"soi-mpoul-compo-label\"\u003eOrigine botanique\u003c\/span\u003e\n        \u003cspan class=\"soi-mpoul-compo-value\"\u003e\u003cem\u003eMentha pulegium\u003c\/em\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mpoul-compo-row\"\u003e\n        \u003cspan class=\"soi-mpoul-compo-label\"\u003eProcédé d'extraction\u003c\/span\u003e\n        \u003cspan class=\"soi-mpoul-compo-value\"\u003eDistillation à la vapeur d'eau\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mpoul-compo-row\"\u003e\n        \u003cspan class=\"soi-mpoul-compo-label\"\u003eContenu\u003c\/span\u003e\n        \u003cspan class=\"soi-mpoul-compo-value\"\u003eFlacon de 10 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mpoul-tip\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"soi-mpoul-tip-icon\"\u003e⚠️\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eÀ savoir\u003c\/strong\u003e\n        \u003cp\u003eLa richesse en pulégone confère à cette huile une intensité aromatique incomparable, mais impose une vigilance particulière : la pulégone est une cétone potentiellement neurotoxique et hépatotoxique à doses élevées. Son usage est strictement réservé aux personnes formées en aromathérapie.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 3 : Propriétés et utilisations --\u003e\n  \u003csection class=\"soi-mpoul-section\"\u003e\n    \u003ch2\u003ePropriétés et utilisations de l'HE de Menthe Pouliot\u003c\/h2\u003e\n    \u003cp class=\"soi-mpoul-section-intro\"\u003eTraditionnellement reconnue en aromathérapie, la menthe pouliot est appréciée pour plusieurs propriétés distinctives.\u003c\/p\u003e\n    \u003cdiv class=\"soi-mpoul-benefits\"\u003e\n      \u003cdiv class=\"soi-mpoul-benefit\"\u003e\n        \u003cdiv class=\"soi-mpoul-benefit-icon\"\u003e\u003cspan\u003e🌬️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eMucolytique et expectorante\u003c\/h3\u003e\n        \u003cp\u003eFacilite l'évacuation des sécrétions bronchiques et aide à dégager les voies respiratoires, avec une action plus marquée que la menthe poivrée en diffusion.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mpoul-benefit\"\u003e\n        \u003cdiv class=\"soi-mpoul-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eTonique et stimulante\u003c\/h3\u003e\n        \u003cp\u003eSon parfum frais et camphré revitalise, soutient la concentration et dynamise l'organisme en diffusion atmosphérique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mpoul-benefit\"\u003e\n        \u003cdiv class=\"soi-mpoul-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAntispasmodique digestive\u003c\/h3\u003e\n        \u003cp\u003eUtilisée avec précaution et en dilution forte, elle peut contribuer à soulager les spasmes digestifs occasionnels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mpoul-benefit\"\u003e\n        \u003cdiv class=\"soi-mpoul-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eRépulsif naturel\u003c\/h3\u003e\n        \u003cp\u003eReconnue depuis l'Antiquité pour éloigner certains insectes, elle s'utilise en diffusion ou en application cutanée très diluée.\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-mpoul-section\"\u003e\n    \u003ch2\u003eComment utiliser l'huile essentielle de Menthe Pouliot ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-mpoul-timeline\"\u003e\n      \u003cdiv class=\"soi-mpoul-step\"\u003e\n        \u003cdiv class=\"soi-mpoul-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-mpoul-step-content\"\u003e\n          \u003ch3\u003eDiffusion atmosphérique\u003c\/h3\u003e\n          \u003cp\u003e3 à 4 gouttes dans un diffuseur, en sessions courtes de 20 minutes maximum. Idéal pour assainir l'air et favoriser une respiration plus libre.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mpoul-step\"\u003e\n        \u003cdiv class=\"soi-mpoul-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-mpoul-step-content\"\u003e\n          \u003ch3\u003eApplication cutanée\u003c\/h3\u003e\n          \u003cp\u003eToujours diluée à 2 % maximum dans une huile végétale (soit 2 gouttes pour 98 gouttes d'huile). Jamais pure sur la peau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mpoul-step\"\u003e\n        \u003cdiv class=\"soi-mpoul-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-mpoul-step-content\"\u003e\n          \u003ch3\u003eInhalation sèche\u003c\/h3\u003e\n          \u003cp\u003e1 goutte sur un mouchoir, à respirer brièvement, pour un effet tonique rapide.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mpoul-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdetails class=\"soi-mpoul-accordion-item\"\u003e\n        \u003csummary class=\"soi-mpoul-accordion-header\"\u003e🚫 Contre-indications importantes\u003c\/summary\u003e\n        \u003cdiv class=\"soi-mpoul-accordion-content\"\u003e\n          \u003cp\u003eDéconseillée aux femmes enceintes ou allaitantes, aux enfants de moins de 12 ans, aux personnes épileptiques et aux personnes souffrant d'insuffisance hépatique. Ne pas ingérer sans avis médical spécialisé.\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 choisir --\u003e\n  \u003csection class=\"soi-mpoul-section\"\u003e\n    \u003ch2\u003ePourquoi choisir la Menthe Pouliot Pranarōm plutôt qu'une autre menthe ?\u003c\/h2\u003e\n    \u003cp\u003eSi vous cherchez une huile essentielle de menthe pour un usage courant et accessible, la menthe poivrée reste le choix de référence pour la grande majorité des utilisateurs. La menthe pouliot Pranarōm s'adresse à un public différent : les aromathérapeutes et utilisateurs expérimentés qui recherchent une essence authentique, traçable, et d'une efficacité supérieure sur des usages ciblés.\u003c\/p\u003e\n    \u003cp\u003ePranarōm garantit une huile essentielle chémotypée, avec analyse biochimique de chaque lot, pour une qualité constante et une totale transparence sur la composition.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 6 : Informations pratiques --\u003e\n  \u003csection class=\"soi-mpoul-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-mpoul-grid-compact\"\u003e\n      \u003cdiv class=\"soi-mpoul-card-mini\"\u003e\n        \u003cspan class=\"soi-mpoul-card-mini-icon\"\u003e🏷️\u003c\/span\u003e\n        \u003cspan class=\"soi-mpoul-card-mini-label\"\u003eMarque\u003c\/span\u003e\n        \u003cspan class=\"soi-mpoul-card-mini-value\"\u003ePranarōm\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mpoul-card-mini\"\u003e\n        \u003cspan class=\"soi-mpoul-card-mini-icon\"\u003e💧\u003c\/span\u003e\n        \u003cspan class=\"soi-mpoul-card-mini-label\"\u003eVolume\u003c\/span\u003e\n        \u003cspan class=\"soi-mpoul-card-mini-value\"\u003e10 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mpoul-card-mini\"\u003e\n        \u003cspan class=\"soi-mpoul-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan class=\"soi-mpoul-card-mini-label\"\u003eNom latin\u003c\/span\u003e\n        \u003cspan class=\"soi-mpoul-card-mini-value\"\u003e\u003cem\u003eMentha pulegium\u003c\/em\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mpoul-card-mini\"\u003e\n        \u003cspan class=\"soi-mpoul-card-mini-icon\"\u003e🧪\u003c\/span\u003e\n        \u003cspan class=\"soi-mpoul-card-mini-label\"\u003eChémotype\u003c\/span\u003e\n        \u003cspan class=\"soi-mpoul-card-mini-value\"\u003ePulégone\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mpoul-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdetails class=\"soi-mpoul-accordion-item\"\u003e\n        \u003csummary class=\"soi-mpoul-accordion-header\"\u003e🗄️ Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-mpoul-accordion-content\"\u003e\n          \u003cp\u003eÀ conserver à l'abri de la lumière et de la chaleur, hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-mpoul-accordion-item\"\u003e\n        \u003csummary class=\"soi-mpoul-accordion-header\"\u003e📋 Avertissement\u003c\/summary\u003e\n        \u003cdiv class=\"soi-mpoul-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un complément aromatique et ne se substitue en aucun cas à un traitement médical. En cas de doute, consultez un professionnel de santé.\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-mpoul-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-mpoul-cta-box\"\u003e\n      \u003cp class=\"soi-mpoul-cta-tag\" style=\"color: white;\"\u003eL'aromathérapie dans sa forme la plus authentique\u003c\/p\u003e\n      \u003cp class=\"soi-mpoul-cta-text\" style=\"color: white;\"\u003eFraîche, intense et traçable : la menthe pouliot Pranarōm accompagne les passionnés d'huiles essentielles qui ne se contentent pas du commun.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-mpoul-marine: #1A2D3D;\n  --soi-mpoul-marine-dark: #0F1E2B;\n  --soi-mpoul-marine-light: #2C4458;\n  --soi-mpoul-pomme: #A1C544;\n  --soi-mpoul-pomme-dark: #84A636;\n  --soi-mpoul-pomme-light: rgba(161,197,68,0.10);\n  --soi-mpoul-white: #FFFFFF;\n  --soi-mpoul-off-white: #F8FAF6;\n  --soi-mpoul-stone: #F1F3EE;\n  --soi-mpoul-line: #E5E8E0;\n  --soi-mpoul-primary: #6B7A3A;\n  --soi-mpoul-primary-soft: #8A9A5A;\n  --soi-mpoul-accent: #7A9A8E;\n  --soi-mpoul-text: #1A2D3D;\n  --soi-mpoul-text-soft: #4A5B6B;\n  --soi-mpoul-text-muted: #7B8693;\n  --soi-mpoul-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-mpoul-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-mpoul-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-mpoul-radius: 12px;\n  --soi-mpoul-radius-sm: 8px;\n  --soi-mpoul-radius-pill: 999px;\n}\n\n.soi-mpoul-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-mpoul-fiche img { max-width: 100%; height: auto; }\n\n.soi-mpoul-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-mpoul-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-mpoul-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-mpoul-hero {\n  position: relative;\n  background: var(--soi-mpoul-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-mpoul-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-mpoul-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-mpoul-pomme);\n}\n\n.soi-mpoul-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-mpoul-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-mpoul-pomme);\n  border-radius: 50%;\n}\n\n.soi-mpoul-hero-title {\n  display: block;\n  color: var(--soi-mpoul-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-mpoul-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-mpoul-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-mpoul-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-mpoul-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-mpoul-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-mpoul-label-accent {\n  background: var(--soi-mpoul-pomme);\n  border-color: var(--soi-mpoul-pomme);\n  color: var(--soi-mpoul-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-mpoul-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-mpoul-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-mpoul-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-mpoul-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-mpoul-pomme);\n  border-radius: 2px;\n}\n\n.soi-mpoul-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-mpoul-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-mpoul-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-mpoul-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-mpoul-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-mpoul-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-mpoul-benefit {\n  background: var(--soi-mpoul-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-mpoul-radius);\n  border: 1px solid var(--soi-mpoul-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-mpoul-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-mpoul-shadow-md);\n}\n\n.soi-mpoul-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-mpoul-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-mpoul-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-mpoul-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-mpoul-benefit:hover .soi-mpoul-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-mpoul-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-mpoul-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-mpoul-benefit p {\n  font-size: 13px;\n  color: var(--soi-mpoul-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-mpoul-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-mpoul-card-mini {\n  background: var(--soi-mpoul-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-mpoul-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-mpoul-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-mpoul-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-mpoul-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-mpoul-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-mpoul-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-mpoul-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-mpoul-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-mpoul-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-mpoul-radius);\n  border: 1px solid var(--soi-mpoul-line);\n  align-items: flex-start;\n}\n\n.soi-mpoul-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-mpoul-marine);\n  color: var(--soi-mpoul-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-mpoul-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-mpoul-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-mpoul-step-content p {\n  font-size: 14px;\n  color: var(--soi-mpoul-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-mpoul-compo {\n  background: var(--soi-mpoul-off-white);\n  border-radius: var(--soi-mpoul-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-mpoul-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-mpoul-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-mpoul-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-mpoul-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-mpoul-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-mpoul-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-mpoul-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-mpoul-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-mpoul-pomme-light);\n  border-left: 4px solid var(--soi-mpoul-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-mpoul-radius) var(--soi-mpoul-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-mpoul-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-mpoul-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-mpoul-marine);\n  margin-bottom: 4px;\n}\n\n.soi-mpoul-tip p {\n  font-size: 14px;\n  color: var(--soi-mpoul-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-mpoul-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-mpoul-accordion-item {\n  background: var(--soi-mpoul-off-white);\n  border-radius: var(--soi-mpoul-radius-sm);\n  border: 1px solid var(--soi-mpoul-line);\n  overflow: hidden;\n}\n\n.soi-mpoul-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-mpoul-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-mpoul-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-mpoul-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-mpoul-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-mpoul-accordion-item[open] .soi-mpoul-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-mpoul-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-mpoul-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-mpoul-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-mpoul-cta-box {\n  background: var(--soi-mpoul-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-mpoul-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-mpoul-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-mpoul-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-mpoul-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-mpoul-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-mpoul-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-mpoul-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-mpoul-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-mpoul-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-mpoul-compo-value {\n    text-align: left;\n  }\n\n  .soi-mpoul-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-mpoul-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-mpoul-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-mpoul-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-mpoul-fiche {\n    --soi-mpoul-text-soft: #2C3E50;\n    --soi-mpoul-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603916808522,"sku":"RA0100","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0100_he_menthe_pouliot_f949851c-575d-4d68-99c1-ca2996699736.jpg?v=1778843476"},{"product_id":"huile-essentielle-de-millefeuille-pranarom","title":"Huile essentielle de millefeuille - Pranarom","description":"\u003cdiv class=\"soi-mill-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-mill-hero\"\u003e\n    \u003cdiv class=\"soi-mill-hero-tag\"\u003e\n      \u003cspan class=\"soi-mill-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie · Pranarom\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-mill-hero-title\"\u003eLa précision botanique au service de votre peau\u003c\/span\u003e\n    \u003cp class=\"soi-mill-hero-subtitle\"\u003eHuile essentielle chémotypée d'achillée millefeuille, 100 % pure et naturelle, extraite des sommités fleuries pour une aromathérapie rigoureuse et polyvalente.\u003c\/p\u003e\n    \u003cdiv class=\"soi-mill-hero-labels\"\u003e\n      \u003cspan class=\"soi-mill-label soi-mill-label-accent\"\u003eHECT\u003c\/span\u003e\n      \u003cspan class=\"soi-mill-label\"\u003e100 % PURE ET NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-mill-label\"\u003eCHÉMOTYPÉE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition biochimique --\u003e\n  \u003csection class=\"soi-mill-section\"\u003e\n    \u003ch2\u003eComposition biochimique : ce qui rend cette huile unique\u003c\/h2\u003e\n    \u003cp class=\"soi-mill-section-intro\"\u003eLa qualité chémotypée Pranarom garantit une teneur contrôlée en principes actifs. Trois molécules clés définissent le profil de cette huile :\u003c\/p\u003e\n    \u003cdiv class=\"soi-mill-benefits\"\u003e\n      \u003cdiv class=\"soi-mill-benefit\"\u003e\n        \u003cdiv class=\"soi-mill-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCamphre\u003c\/h3\u003e\n        \u003cp\u003eTonifiant et décongestionnant, il agit sur les tensions cutanées et musculaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mill-benefit\"\u003e\n        \u003cdiv class=\"soi-mill-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003e1,8-cinéole (eucalyptol)\u003c\/h3\u003e\n        \u003cp\u003eAux propriétés anti-inflammatoires et purifiantes reconnues.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mill-benefit\"\u003e\n        \u003cdiv class=\"soi-mill-benefit-icon\"\u003e\u003cspan\u003e🔵\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eChamazulène\u003c\/h3\u003e\n        \u003cp\u003ePigment bleu caractéristique de l'achillée, puissamment apaisant et régénérant pour les peaux irritées ou rougies.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mill-tip\"\u003e\n      \u003cdiv class=\"soi-mill-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eC'est précisément cette combinaison qui confère à l'huile essentielle d'achillée millefeuille Pranarom sa polyvalence et son efficacité sur différents types d'inconforts.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Bienfaits --\u003e\n  \u003csection class=\"soi-mill-section\"\u003e\n    \u003ch2\u003eBienfaits de l'huile essentielle d'achillée millefeuille\u003c\/h2\u003e\n    \u003cdiv class=\"soi-mill-grid\"\u003e\n      \u003cdiv class=\"soi-mill-card\"\u003e\n        \u003ch3\u003e🌸 Peaux sensibles et réactives\u003c\/h3\u003e\n        \u003cp\u003eLe chamazulène apaise rougeurs, démangeaisons et irritations. Idéal pour les peaux sujettes aux réactions allergiques ou fragilisées par les agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mill-card\"\u003e\n        \u003ch3\u003e🛡️ Action anti-inflammatoire cutanée\u003c\/h3\u003e\n        \u003cp\u003eAppliquée diluée sur les zones concernées, elle contribue à réduire les phénomènes inflammatoires locaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mill-card\"\u003e\n        \u003ch3\u003e🍃 Soutien digestif\u003c\/h3\u003e\n        \u003cp\u003eEn usage interne (sous avis d'un thérapeute), elle est traditionnellement reconnue pour soulager les ballonnements, les crampes intestinales et les douleurs menstruelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mill-card\"\u003e\n        \u003ch3\u003e✨ Cicatrisation et régénération\u003c\/h3\u003e\n        \u003cp\u003eElle accompagne la réparation des petites plaies et favorise l'uniformisation du teint sur les peaux matures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mill-card\"\u003e\n        \u003ch3\u003e🕊️ Détente et bien-être\u003c\/h3\u003e\n        \u003cp\u003eSon parfum herbacé, légèrement camphré, crée une atmosphère apaisante en diffusion.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Comment utiliser --\u003e\n  \u003csection class=\"soi-mill-section\"\u003e\n    \u003ch2\u003eComment utiliser l'huile essentielle d'achillée millefeuille Pranarom ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-mill-timeline\"\u003e\n      \u003cdiv class=\"soi-mill-step\"\u003e\n        \u003cdiv class=\"soi-mill-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-mill-step-content\"\u003e\n          \u003ch3\u003eVoie cutanée (usage externe recommandé)\u003c\/h3\u003e\n          \u003cp\u003eDiluez 2 à 3 gouttes dans une cuillère à café d'huile végétale (argan, jojoba ou rosier muscat) et appliquez sur la zone concernée. Ne jamais appliquer pure sur la peau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mill-step\"\u003e\n        \u003cdiv class=\"soi-mill-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-mill-step-content\"\u003e\n          \u003ch3\u003eDiffusion atmosphérique\u003c\/h3\u003e\n          \u003cp\u003eVersez 4 à 6 gouttes dans un diffuseur pendant 20 à 30 minutes pour une ambiance apaisante.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mill-step\"\u003e\n        \u003cdiv class=\"soi-mill-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-mill-step-content\"\u003e\n          \u003ch3\u003eUsage interne\u003c\/h3\u003e\n          \u003cp\u003eRéservé à l'avis d'un professionnel de santé formé en aromathérapie, en raison de la concentration en cétones (camphre).\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-mill-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi essentielles\u003c\/h2\u003e\n    \u003cdiv class=\"soi-mill-accordion\"\u003e\n      \u003cdetails class=\"soi-mill-accordion-item\"\u003e\n        \u003csummary class=\"soi-mill-accordion-header\"\u003e⚠️ Personnes sensibles\u003c\/summary\u003e\n        \u003cdiv class=\"soi-mill-accordion-content\"\u003e\n          \u003cp\u003eDéconseillée aux femmes enceintes ou allaitantes et aux enfants de moins de 6 ans (présence de camphre, molécule neurotoxique à haute dose).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-mill-accordion-item\"\u003e\n        \u003csummary class=\"soi-mill-accordion-header\"\u003e🩺 Contre-indications médicales\u003c\/summary\u003e\n        \u003cdiv class=\"soi-mill-accordion-content\"\u003e\n          \u003cp\u003eNe pas utiliser en cas d'épilepsie ou de traitement anticoagulant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-mill-accordion-item\"\u003e\n        \u003csummary class=\"soi-mill-accordion-header\"\u003e🧴 Précautions d'application\u003c\/summary\u003e\n        \u003cdiv class=\"soi-mill-accordion-content\"\u003e\n          \u003cp\u003eToujours diluer avant application cutanée. Tenir hors de portée des enfants. Ce produit ne se substitue pas à un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Informations produit --\u003e\n  \u003csection class=\"soi-mill-section\"\u003e\n    \u003ch2\u003eInformations produit\u003c\/h2\u003e\n    \u003cdiv class=\"soi-mill-compo\"\u003e\n      \u003cdiv class=\"soi-mill-compo-row\"\u003e\n        \u003cspan class=\"soi-mill-compo-label\"\u003eNom botanique\u003c\/span\u003e\n        \u003cspan class=\"soi-mill-compo-value\"\u003eAchillea millefolium\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mill-compo-row\"\u003e\n        \u003cspan class=\"soi-mill-compo-label\"\u003ePartie distillée\u003c\/span\u003e\n        \u003cspan class=\"soi-mill-compo-value\"\u003eSommités fleuries\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mill-compo-row\"\u003e\n        \u003cspan class=\"soi-mill-compo-label\"\u003eChémotype\u003c\/span\u003e\n        \u003cspan class=\"soi-mill-compo-value\"\u003eCamphre, 1,8-cinéole, chamazulène\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mill-compo-row\"\u003e\n        \u003cspan class=\"soi-mill-compo-label\"\u003eQualité\u003c\/span\u003e\n        \u003cspan class=\"soi-mill-compo-value\"\u003eHECT, 100 % pure et naturelle, non diluée\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mill-compo-row\"\u003e\n        \u003cspan class=\"soi-mill-compo-label\"\u003eMarque\u003c\/span\u003e\n        \u003cspan class=\"soi-mill-compo-value\"\u003ePranarom\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mill-compo-row\"\u003e\n        \u003cspan class=\"soi-mill-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-mill-compo-value\"\u003e5 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mill-compo-row\"\u003e\n        \u003cspan class=\"soi-mill-compo-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-mill-compo-value\"\u003eCertifiée botaniquement et biochimiquement\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-mill-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-mill-cta-box\"\u003e\n      \u003cp class=\"soi-mill-cta-tag\" style=\"color: white;\"\u003eDes siècles de tradition botanique en quelques gouttes\u003c\/p\u003e\n      \u003cp class=\"soi-mill-cta-text\" style=\"color: white;\"\u003ePour votre peau irritée, vos tensions internes ou vos moments de détente, l'huile essentielle d'achillée millefeuille Pranarom vous offre une réponse naturelle, précise et bienveillante.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-mill-marine: #1A2D3D;\n  --soi-mill-marine-dark: #0F1E2B;\n  --soi-mill-marine-light: #2C4458;\n  --soi-mill-pomme: #A1C544;\n  --soi-mill-pomme-dark: #84A636;\n  --soi-mill-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-mill-white: #FFFFFF;\n  --soi-mill-off-white: #F8FAF6;\n  --soi-mill-stone: #F1F3EE;\n  --soi-mill-line: #E5E8E0;\n\n  --soi-mill-primary: #7A9A8E;\n  --soi-mill-primary-soft: #D2E0DA;\n  --soi-mill-accent: #5C7A52;\n\n  --soi-mill-text: #1A2D3D;\n  --soi-mill-text-soft: #4A5B6B;\n  --soi-mill-text-muted: #7B8693;\n\n  --soi-mill-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-mill-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-mill-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-mill-radius: 12px;\n  --soi-mill-radius-sm: 8px;\n  --soi-mill-radius-pill: 999px;\n}\n\n.soi-mill-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-mill-fiche img { max-width: 100%; height: auto; }\n\n.soi-mill-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-mill-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-mill-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-mill-hero {\n  position: relative;\n  background: var(--soi-mill-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-mill-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-mill-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-mill-pomme);\n}\n\n.soi-mill-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-mill-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-mill-pomme);\n  border-radius: 50%;\n}\n\n.soi-mill-hero-title {\n  display: block;\n  color: var(--soi-mill-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-mill-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-mill-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-mill-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-mill-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-mill-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-mill-label-accent {\n  background: var(--soi-mill-pomme);\n  border-color: var(--soi-mill-pomme);\n  color: var(--soi-mill-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-mill-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-mill-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-mill-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-mill-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-mill-pomme);\n  border-radius: 2px;\n}\n\n.soi-mill-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-mill-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-mill-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-mill-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-mill-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-mill-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-mill-benefit {\n  background: var(--soi-mill-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-mill-radius);\n  border: 1px solid var(--soi-mill-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-mill-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-mill-shadow-md);\n}\n\n.soi-mill-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-mill-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-mill-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-mill-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-mill-benefit:hover .soi-mill-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-mill-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-mill-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-mill-benefit p {\n  font-size: 13px;\n  color: var(--soi-mill-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-mill-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-mill-card {\n  background: var(--soi-mill-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-mill-radius);\n  border-left: 3px solid var(--soi-mill-pomme);\n}\n\n.soi-mill-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-mill-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-mill-card p {\n  font-size: 14px;\n  color: var(--soi-mill-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-mill-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-mill-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-mill-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-mill-radius);\n  border: 1px solid var(--soi-mill-line);\n  align-items: flex-start;\n}\n\n.soi-mill-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-mill-marine);\n  color: var(--soi-mill-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-mill-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-mill-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-mill-step-content p {\n  font-size: 14px;\n  color: var(--soi-mill-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION (data rows) *\/\n.soi-mill-compo {\n  background: var(--soi-mill-off-white);\n  border-radius: var(--soi-mill-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-mill-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-mill-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-mill-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-mill-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-mill-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-mill-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-mill-marine);\n  text-align: right;\n}\n\n\/* TIP *\/\n.soi-mill-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-mill-pomme-light);\n  border-left: 4px solid var(--soi-mill-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-mill-radius) var(--soi-mill-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-mill-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-mill-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-mill-marine);\n  margin-bottom: 4px;\n}\n\n.soi-mill-tip p {\n  font-size: 14px;\n  color: var(--soi-mill-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-mill-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-mill-accordion-item {\n  background: var(--soi-mill-off-white);\n  border-radius: var(--soi-mill-radius-sm);\n  border: 1px solid var(--soi-mill-line);\n  overflow: hidden;\n}\n\n.soi-mill-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-mill-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-mill-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-mill-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-mill-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-mill-accordion-item[open] .soi-mill-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-mill-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-mill-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-mill-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-mill-cta-box {\n  background: var(--soi-mill-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-mill-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-mill-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-mill-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-mill-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-mill-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-mill-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-mill-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-mill-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-mill-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-mill-compo-value {\n    text-align: left;\n  }\n\n  .soi-mill-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-mill-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-mill-fiche {\n    --soi-mill-text-soft: #2C3E50;\n    --soi-mill-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603917168970,"sku":"RA0105","price":26.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0105_he_millefeuille.jpg?v=1776167379"},{"product_id":"huile-essentielle-de-myrte-a-acetate-de-myrtenyle-bio-pranarom","title":"Huile Essentielle de Myrte à acétate de myrtényle bio – Pranarom","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003cp data-start=\"599\" data-end=\"1076\"\u003eL’huile essentielle de Myrte à acétate de myrtényle bio de Pranarōm est une essence précieuse reconnue pour sa douceur et son efficacité. Extraite des feuilles de \u003cstrong data-start=\"762\" data-end=\"781\"\u003eMyrtus communis\u003c\/strong\u003e, elle est issue de l’agriculture biologique certifiée et répond aux exigences les plus strictes en matière de qualité et de pureté. Sa composition aromatique équilibrée en fait une alliée idéale pour celles et ceux qui recherchent une approche naturelle du bien-être respiratoire et émotionnel.\u003c\/p\u003e\n\u003cp data-start=\"1078\" data-end=\"1301\"\u003eAppréciée pour son parfum frais et délicat, cette huile essentielle s’intègre facilement dans une routine quotidienne, que ce soit pour assainir l’atmosphère ou accompagner les périodes de fatigue et de tensions passagères.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_RA0110_ea184121-a38d-49dc-b8ea-34eb0bf0db25.jpg?v=1776185621\" alt=\"Photo de la plante myrte\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2 data-start=\"1303\" data-end=\"1406\"\u003eCaractéristiques et bienfaits de l’Huile Essentielle de Myrte à acétate de myrtényle bio de Pranarom\u003c\/h2\u003e\n\u003cp data-start=\"1408\" data-end=\"1816\"\u003eL’huile essentielle de Myrte à acétate de myrtényle bio se distingue par sa forte teneur en \u003cstrong data-start=\"1500\" data-end=\"1524\"\u003eacétate de myrtényle\u003c\/strong\u003e, une molécule emblématique en aromathérapie pour ses propriétés \u003cstrong data-start=\"1589\" data-end=\"1633\"\u003eapaisantes, équilibrantes et purifiantes\u003c\/strong\u003e. Elle est traditionnellement utilisée pour favoriser une respiration plus fluide et contribuer à un confort optimal des voies respiratoires, notamment lors des changements de saison.\u003c\/p\u003e\n\u003cp data-start=\"1818\" data-end=\"2162\"\u003eSon action douce sur le système nerveux en fait également une huile appréciée pour instaurer une sensation de calme et d’harmonie, tout en aidant à créer une atmosphère saine et agréable. Adaptée à un usage régulier, elle s’utilise aussi bien en diffusion qu’en prise orale sur support neutre, dans le respect des recommandations d’utilisation.\u003c\/p\u003e\n\u003cp data-start=\"2164\" data-end=\"2374\"\u003eConditionnée dans un flacon compte-gouttes de 10 ml, cette huile essentielle bénéficie du savoir-faire Pranarōm, reconnu pour la \u003cstrong data-start=\"2293\" data-end=\"2308\"\u003etraçabilité\u003c\/strong\u003e, la \u003cstrong data-start=\"2313\" data-end=\"2323\"\u003epureté\u003c\/strong\u003e et la sélection rigoureuse des matières premières.\u003c\/p\u003e\n\u003ch2 data-start=\"2376\" data-end=\"2412\"\u003eUne alliée naturelle au quotidien\u003c\/h2\u003e\n\u003cp data-start=\"2414\" data-end=\"2781\" data-is-last-node=\"\" data-is-only-node=\"\"\u003eChoisir l’huile essentielle de Myrte à acétate de myrtényle bio de Pranarōm, c’est opter pour une solution naturelle, douce et efficace, parfaitement adaptée aux besoins de l’organisme. Sa polyvalence et sa qualité en font un indispensable de l’aromathérapie, idéal pour accompagner le bien-être respiratoire et instaurer un véritable moment de sérénité au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603918152010,"sku":"RA0110","price":9.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0110_he_myrte_1967150a-e051-43d5-94c2-44126d0de263.jpg?v=1778843476"},{"product_id":"huile-essentielle-d-oranger-bigarade-pranarom","title":"Huile Essentielle d’Oranger Bigarade – Pranarom","description":"\u003cdiv class=\"soi-biga-fiche\"\u003e\n\n\u003csection class=\"soi-biga-hero\"\u003e\n  \u003cdiv class=\"soi-biga-hero-tag\"\u003e\n    \u003cspan class=\"soi-biga-tag-dot\"\u003e\u003c\/span\u003e\n    Aromathérapie · Pranarôm\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-biga-hero-title\"\u003eLe calme retrouvé, goutte après goutte\u003c\/span\u003e\n  \u003cp class=\"soi-biga-hero-subtitle\"\u003eHuile essentielle chémotypée d'oranger bigarade, 100 % pure et naturelle. Un parfum frais et floral qui invite le système nerveux au lâcher-prise.\u003c\/p\u003e\n  \u003cdiv class=\"soi-biga-hero-labels\"\u003e\n    \u003cspan class=\"soi-biga-label soi-biga-label-accent\"\u003e100 % PURE ET NATURELLE\u003c\/span\u003e\n    \u003cspan class=\"soi-biga-label\"\u003eCHÉMOTYPÉE\u003c\/span\u003e\n    \u003cspan class=\"soi-biga-label\"\u003eHUILE ESSENTIELLE\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-biga-section\"\u003e\n  \u003ch2\u003ePourquoi choisir l'huile essentielle de petit grain bigarade Pranarom ?\u003c\/h2\u003e\n  \u003cp class=\"soi-biga-section-intro\"\u003eLa gamme Pranarôm repose sur un principe fondamental : la chémotypie. Chaque huile est analysée et certifiée pour garantir une composition biochimique précise et constante. Concrètement, vous obtenez une huile dont les propriétés sont prévisibles et fiables, lot après lot.\u003c\/p\u003e\n  \u003cdiv class=\"soi-biga-benefits\"\u003e\n    \u003cdiv class=\"soi-biga-benefit\"\u003e\n      \u003cdiv class=\"soi-biga-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003ePureté garantie\u003c\/h3\u003e\n      \u003cp\u003e100 % pure et naturelle, sans adjonction ni dilution.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-biga-benefit\"\u003e\n      \u003cdiv class=\"soi-biga-benefit-icon\"\u003e\u003cspan\u003e🍊\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eExpression à froid\u003c\/h3\u003e\n      \u003cp\u003eObtenue par expression à froid du zeste d'oranger amer, préservant l'intégralité des actifs.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-biga-benefit\"\u003e\n      \u003cdiv class=\"soi-biga-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eRiche en limonène\u003c\/h3\u003e\n      \u003cp\u003ePrincipal actif aux propriétés harmonisantes, pour un soutien naturel au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-biga-benefit\"\u003e\n      \u003cdiv class=\"soi-biga-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eFlacon ambré 10 ml\u003c\/h3\u003e\n      \u003cp\u003eConditionnement protégeant l'intégrité de l'huile essentielle de la lumière.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-biga-section\"\u003e\n  \u003ch2\u003eComposition et biochimie de l'huile essentielle d'oranger amer\u003c\/h2\u003e\n  \u003cp class=\"soi-biga-section-intro\"\u003eL'huile essentielle de bigarade Pranarôm présente un profil biochimique riche et précisément identifié grâce à la chémotypie. Cette richesse naturelle explique pourquoi l'huile essentielle de fleur d'oranger et la petitgrain bigarade sont aussi souvent associées dans les protocoles bien-être.\u003c\/p\u003e\n  \u003cdiv class=\"soi-biga-compo\"\u003e\n    \u003cdiv class=\"soi-biga-compo-row\"\u003e\n      \u003cspan class=\"soi-biga-compo-label\"\u003eComposant majoritaire\u003c\/span\u003e\n      \u003cspan class=\"soi-biga-compo-value\"\u003eLimonène (jusqu'à 90 %) — effets apaisants sur le système nerveux, propriétés tonifiantes\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-biga-compo-row\"\u003e\n      \u003cspan class=\"soi-biga-compo-label\"\u003eMolécules secondaires\u003c\/span\u003e\n      \u003cspan class=\"soi-biga-compo-value\"\u003eMyrcène et alpha-pinène — profondeur aromatique, effets relaxants\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-biga-compo-row\"\u003e\n      \u003cspan class=\"soi-biga-compo-label\"\u003eTraces\u003c\/span\u003e\n      \u003cspan class=\"soi-biga-compo-value\"\u003eLinalol — note florale douce, caractéristique de la fleur d'oranger\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-biga-compo-row\"\u003e\n      \u003cspan class=\"soi-biga-compo-label\"\u003eNom botanique\u003c\/span\u003e\n      \u003cspan class=\"soi-biga-compo-value\"\u003eCitrus aurantium ssp amara\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-biga-compo-row\"\u003e\n      \u003cspan class=\"soi-biga-compo-label\"\u003ePartie utilisée\u003c\/span\u003e\n      \u003cspan class=\"soi-biga-compo-value\"\u003eZeste\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-biga-compo-row\"\u003e\n      \u003cspan class=\"soi-biga-compo-label\"\u003eExtraction\u003c\/span\u003e\n      \u003cspan class=\"soi-biga-compo-value\"\u003eExpression à froid\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-biga-compo-row\"\u003e\n      \u003cspan class=\"soi-biga-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-biga-compo-value\"\u003e10 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-biga-section\"\u003e\n  \u003ch2\u003eComment utiliser l'huile essentielle petit grain de bigarade ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-biga-timeline\"\u003e\n    \u003cdiv class=\"soi-biga-step\"\u003e\n      \u003cdiv class=\"soi-biga-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-biga-step-content\"\u003e\n        \u003ch3\u003eDiffusion atmosphérique\u003c\/h3\u003e\n        \u003cp\u003e5 à 8 gouttes dans un diffuseur ultrasonique pendant 30 minutes. Idéal en soirée pour créer une ambiance apaisante et favoriser le lâcher-prise avant le coucher.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-biga-step\"\u003e\n      \u003cdiv class=\"soi-biga-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-biga-step-content\"\u003e\n        \u003ch3\u003eInhalation directe\u003c\/h3\u003e\n        \u003cp\u003e1 à 2 gouttes sur un mouchoir, respirez profondément lors d'un pic de stress ou d'agitation émotionnelle. L'effet est quasi immédiat.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-biga-step\"\u003e\n      \u003cdiv class=\"soi-biga-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-biga-step-content\"\u003e\n        \u003ch3\u003eApplication cutanée diluée\u003c\/h3\u003e\n        \u003cp\u003eMélangez 2 à 3 gouttes dans une cuillère à café d'huile végétale (jojoba, amande douce) et massez le plexus solaire ou le long de la colonne vertébrale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-biga-step\"\u003e\n      \u003cdiv class=\"soi-biga-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-biga-step-content\"\u003e\n        \u003ch3\u003eBain aromatique\u003c\/h3\u003e\n        \u003cp\u003e5 gouttes diluées dans un dispersant (sel de bain, lait entier) ajoutées à l'eau du bain pour une détente totale en fin de journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-biga-tip\"\u003e\n    \u003cdiv class=\"soi-biga-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003ePour bénéficier pleinement de ses propriétés apaisantes, privilégiez la diffusion en soirée, 30 minutes avant le coucher. L'association avec un moment calme (lecture, respiration consciente) amplifie naturellement le lâcher-prise.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-biga-section\"\u003e\n  \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n  \u003cdiv class=\"soi-biga-accordion\"\u003e\n    \u003cdetails class=\"soi-biga-accordion-item\"\u003e\n      \u003csummary class=\"soi-biga-accordion-header\"\u003e☀️ Photosensibilisation\u003c\/summary\u003e\n      \u003cdiv class=\"soi-biga-accordion-content\"\u003e\n        \u003cp\u003eHuile potentiellement photosensibilisante : évitez toute exposition au soleil dans les 12 heures suivant l'application sur la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-biga-accordion-item\"\u003e\n      \u003csummary class=\"soi-biga-accordion-header\"\u003e🤰 Femmes enceintes et enfants\u003c\/summary\u003e\n      \u003cdiv class=\"soi-biga-accordion-content\"\u003e\n        \u003cp\u003eNe pas utiliser chez la femme enceinte ou allaitante, ni chez l'enfant de moins de 6 ans sans avis médical.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-biga-accordion-item\"\u003e\n      \u003csummary class=\"soi-biga-accordion-header\"\u003e💧 Application cutanée\u003c\/summary\u003e\n      \u003cdiv class=\"soi-biga-accordion-content\"\u003e\n        \u003cp\u003eToujours diluer avant application cutanée, ne jamais appliquer pure sur les muqueuses.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-biga-accordion-item\"\u003e\n      \u003csummary class=\"soi-biga-accordion-header\"\u003e🔒 Conservation et sécurité\u003c\/summary\u003e\n      \u003cdiv class=\"soi-biga-accordion-content\"\u003e\n        \u003cp\u003eTenir hors de portée des enfants. Ce produit ne remplace pas un traitement médical.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-biga-section\"\u003e\n  \u003ch2\u003eVos interrogations sur cette synergie d' HE\u003c\/h2\u003e\n  \u003cdiv class=\"soi-biga-grid\"\u003e\n    \u003cdiv class=\"soi-biga-card\"\u003e\n      \u003ch3\u003e🌸 Quelle différence entre petitgrain bigarade et fleur d'oranger (néroli) ?\u003c\/h3\u003e\n      \u003cp\u003eLes deux proviennent du même arbre, le bigaradier. Le néroli est extrait des fleurs par distillation, tandis que le petitgrain bigarade est issu des feuilles et rameaux. L'huile Pranarôm présentée ici est extraite du zeste, offrant un profil plus frais et agrumé, à mi-chemin entre les deux.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-biga-card\"\u003e\n      \u003ch3\u003e📅 Peut-on l'utiliser tous les jours ?\u003c\/h3\u003e\n      \u003cp\u003eOui, en diffusion et en inhalation, une utilisation quotidienne est possible. Pour les applications cutanées, alternez les semaines d'utilisation par précaution.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-biga-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-biga-cta-box\"\u003e\n    \u003cp class=\"soi-biga-cta-tag\" style=\"color: white;\"\u003eL'aromathérapie au service de votre sérénité\u003c\/p\u003e\n    \u003cp class=\"soi-biga-cta-text\" style=\"color: white;\"\u003eRetrouvez dans chaque goutte de cette huile essentielle d'oranger bigarade Pranarôm la douceur d'un moment rien qu'à vous. Un parfum frais et floral, une qualité irréprochable, à garder toujours à portée de main.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-biga-marine: #1A2D3D;\n  --soi-biga-marine-dark: #0F1E2B;\n  --soi-biga-marine-light: #2C4458;\n  --soi-biga-pomme: #A1C544;\n  --soi-biga-pomme-dark: #84A636;\n  --soi-biga-pomme-light: rgba(161,197,68,0.10);\n  --soi-biga-white: #FFFFFF;\n  --soi-biga-off-white: #F8FAF6;\n  --soi-biga-stone: #F1F3EE;\n  --soi-biga-line: #E5E8E0;\n  --soi-biga-primary: #7A9A8E;\n  --soi-biga-primary-soft: #D0DDD8;\n  --soi-biga-accent: #D4A52A;\n  --soi-biga-text: #1A2D3D;\n  --soi-biga-text-soft: #4A5B6B;\n  --soi-biga-text-muted: #7B8693;\n  --soi-biga-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-biga-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-biga-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-biga-radius: 12px;\n  --soi-biga-radius-sm: 8px;\n  --soi-biga-radius-pill: 999px;\n}\n\n.soi-biga-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-biga-fiche img { max-width: 100%; height: auto; }\n\n.soi-biga-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-biga-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-biga-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-biga-hero {\n  position: relative;\n  background: var(--soi-biga-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-biga-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-biga-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-biga-pomme);\n}\n\n.soi-biga-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-biga-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-biga-pomme);\n  border-radius: 50%;\n}\n\n.soi-biga-hero-title {\n  display: block;\n  color: var(--soi-biga-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-biga-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-biga-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-biga-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-biga-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-biga-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-biga-label-accent {\n  background: var(--soi-biga-pomme);\n  border-color: var(--soi-biga-pomme);\n  color: var(--soi-biga-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-biga-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-biga-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-biga-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-biga-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-biga-pomme);\n  border-radius: 2px;\n}\n\n.soi-biga-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-biga-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-biga-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-biga-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-biga-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-biga-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-biga-benefit {\n  background: var(--soi-biga-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-biga-radius);\n  border: 1px solid var(--soi-biga-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-biga-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-biga-shadow-md);\n}\n\n.soi-biga-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-biga-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-biga-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-biga-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-biga-benefit:hover .soi-biga-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-biga-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-biga-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-biga-benefit p {\n  font-size: 13px;\n  color: var(--soi-biga-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-biga-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-biga-card {\n  background: var(--soi-biga-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-biga-radius);\n  border-left: 3px solid var(--soi-biga-pomme);\n}\n\n.soi-biga-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-biga-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-biga-card p {\n  font-size: 14px;\n  color: var(--soi-biga-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-biga-compo {\n  background: var(--soi-biga-off-white);\n  border-radius: var(--soi-biga-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-biga-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-biga-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-biga-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-biga-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-biga-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  flex-shrink: 0;\n}\n\n.soi-biga-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-biga-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-biga-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-biga-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-biga-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-biga-radius);\n  border: 1px solid var(--soi-biga-line);\n  align-items: flex-start;\n}\n\n.soi-biga-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-biga-marine);\n  color: var(--soi-biga-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-biga-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-biga-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-biga-step-content p {\n  font-size: 14px;\n  color: var(--soi-biga-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-biga-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-biga-pomme-light);\n  border-left: 4px solid var(--soi-biga-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-biga-radius) var(--soi-biga-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-biga-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-biga-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-biga-marine);\n  margin-bottom: 4px;\n}\n\n.soi-biga-tip p {\n  font-size: 14px;\n  color: var(--soi-biga-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-biga-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-biga-accordion-item {\n  background: var(--soi-biga-off-white);\n  border-radius: var(--soi-biga-radius-sm);\n  border: 1px solid var(--soi-biga-line);\n  overflow: hidden;\n}\n\n.soi-biga-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-biga-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-biga-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-biga-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-biga-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-biga-accordion-item[open] .soi-biga-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-biga-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-biga-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-biga-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-biga-cta-box {\n  background: var(--soi-biga-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-biga-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-biga-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-biga-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-biga-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-biga-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-biga-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-biga-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-biga-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-biga-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-biga-compo-value {\n    text-align: left;\n  }\n\n  .soi-biga-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-biga-tip {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-biga-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-biga-fiche {\n    --soi-biga-text-soft: #2C3E50;\n    --soi-biga-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603918348618,"sku":"RA0115","price":7.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0115_he_oranger_bigarade_c4af8b36-6bfc-464d-a5a8-4228718061f6.jpg?v=1778843477"},{"product_id":"huile-essentielle-de-tanaisie-annuelle-pranarom","title":"Huile Essentielle de Tanaisie annuelle – Pranarom","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eL’Huile Essentielle de Tanaisie annuelle de Pranarom est appréciée pour son \u003cstrong data-start=\"468\" data-end=\"496\"\u003eprofil aromatique unique\u003c\/strong\u003e et sa couleur bleue intense, signature naturelle de sa richesse en chamazulène. Obtenue par distillation de la plante entière, elle s’inscrit dans une démarche de qualité et de naturalité, répondant aux exigences de l’aromathérapie moderne. Cette huile essentielle s’adresse à ceux qui recherchent une solution naturelle pour accompagner les moments de sensibilité, tant au niveau de la peau que du corps, tout en bénéficiant d’un savoir-faire reconnu.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_RA0120_02c8d97d-ee34-434a-be66-c9c0adde0dfb.jpg?v=1776185622\" alt=\"Photo de la plante Tanaisie annuelle\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2 data-start=\"951\" data-end=\"1039\"\u003eCaractéristiques et bienfaits de l’Huile Essentielle de Tanaisie annuelle de Pranarom\u003c\/h2\u003e\n\u003cp data-start=\"1041\" data-end=\"1440\"\u003eReconnue pour ses \u003cstrong data-start=\"1059\" data-end=\"1107\"\u003epropriétés apaisantes et anti-inflammatoires\u003c\/strong\u003e, l’Huile Essentielle de Tanaisie annuelle est traditionnellement utilisée pour favoriser le confort musculaire et articulaire, notamment en cas de tensions ou de raideurs. Sa composition aromatique spécifique lui confère également une action antispasmodique, appréciée pour accompagner certains inconforts digestifs ou menstruels.\u003c\/p\u003e\n\u003cp data-start=\"1442\" data-end=\"2000\"\u003eCette huile essentielle est aussi particulièrement prisée pour le \u003cstrong data-start=\"1508\" data-end=\"1549\"\u003esoin des peaux sensibles ou réactives\u003c\/strong\u003e. Elle s’intègre facilement dans des synergies aromatiques destinées à apaiser les zones cutanées sujettes aux rougeurs, tiraillements ou sensations d’échauffement. Son parfum herbacé et caractéristique renforce l’expérience sensorielle tout en participant à une approche globale du bien-être. Utilisée dans le respect des conseils d’usage, elle devient un ingrédient clé des préparations aromathérapeutiques orientées vers la détente et l’apaisement.\u003c\/p\u003e\n\u003ch2 data-start=\"2002\" data-end=\"2034\"\u003eUn allié douceur au quotidien\u003c\/h2\u003e\n\u003cp data-start=\"2036\" data-end=\"2402\" data-is-last-node=\"\" data-is-only-node=\"\"\u003eChoisir l’Huile Essentielle de Tanaisie annuelle de Pranarom, c’est opter pour une \u003cstrong data-start=\"2119\" data-end=\"2152\"\u003esolution naturelle et experte\u003c\/strong\u003e qui accompagne le corps et la peau avec délicatesse. Grâce à sa polyvalence et à la qualité de sa distillation, elle trouve naturellement sa place dans une routine bien-être pensée pour apaiser, équilibrer et soutenir l’organisme au fil des besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603918971210,"sku":"RA0120","price":43.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0120_he_tanaisie_annuelle.jpg?v=1776167412"},{"product_id":"huile-essentielle-vetiver-pranarom","title":"Huile Essentielle Vétiver – Pranarom","description":"\n\u003cdiv class=\"soi-vetiv-fiche\"\u003e\n\n  \u003csection class=\"soi-vetiv-hero\"\u003e\n    \u003cdiv class=\"soi-vetiv-hero-tag\"\u003e\n      \u003cspan class=\"soi-vetiv-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie · Pranarom\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-vetiv-hero-title\"\u003eL'ancrage profond venu de la terre\u003c\/span\u003e\n    \u003cp class=\"soi-vetiv-hero-subtitle\"\u003eSurnommée « l'huile de la tranquillité » en médecine ayurvédique, cette huile essentielle de vétiver vous reconnecte au calme, à la stabilité et à la clarté intérieure.\u003c\/p\u003e\n    \u003cdiv class=\"soi-vetiv-hero-labels\"\u003e\n      \u003cspan class=\"soi-vetiv-label soi-vetiv-label-accent\"\u003eHECT\u003c\/span\u003e\n      \u003cspan class=\"soi-vetiv-label\"\u003e100% PURE ET NATURELLE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-vetiv-section\"\u003e\n    \u003ch2\u003eUne huile essentielle chémotypée : gage de qualité et d'efficacité\u003c\/h2\u003e\n    \u003cp\u003eL'huile essentielle de vétiver Pranarom est 100 % pure, naturelle et chémotypée (HECT). Cela signifie que sa composition biochimique est rigoureusement identifiée et contrôlée, lot après lot. Vous avez ainsi la certitude d'utiliser une huile dont les actifs sont présents aux concentrations optimales, sans additif ni solvant.\u003c\/p\u003e\n    \u003cp\u003eSes principaux composants aromatiques, la vétivone, le vétivenol et le khusimol, lui confèrent ses propriétés apaisantes, ancrantes et rééquilibrantes, reconnues en aromathérapie.\u003c\/p\u003e\n    \u003cdiv class=\"soi-vetiv-grid-compact\"\u003e\n      \u003cdiv class=\"soi-vetiv-card-mini\"\u003e\n        \u003cspan class=\"soi-vetiv-card-mini-icon\"\u003e🧪\u003c\/span\u003e\n        \u003cspan class=\"soi-vetiv-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-vetiv-card-mini-value\"\u003eHECT\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-vetiv-card-mini\"\u003e\n        \u003cspan class=\"soi-vetiv-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-vetiv-card-mini-label\"\u003ePartie utilisée\u003c\/span\u003e\n        \u003cspan class=\"soi-vetiv-card-mini-value\"\u003eRacine\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-vetiv-card-mini\"\u003e\n        \u003cspan class=\"soi-vetiv-card-mini-icon\"\u003e🌍\u003c\/span\u003e\n        \u003cspan class=\"soi-vetiv-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-vetiv-card-mini-value\"\u003eHaïti\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-vetiv-card-mini\"\u003e\n        \u003cspan class=\"soi-vetiv-card-mini-icon\"\u003e💧\u003c\/span\u003e\n        \u003cspan class=\"soi-vetiv-card-mini-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-vetiv-card-mini-value\"\u003e10 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-vetiv-section\"\u003e\n    \u003ch2\u003eBienfaits de l'huile essentielle de vétiver : à quoi sert-elle concrètement ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-vetiv-benefits\"\u003e\n      \u003cdiv class=\"soi-vetiv-benefit\"\u003e\n        \u003cdiv class=\"soi-vetiv-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAncrage et équilibre émotionnel\u003c\/h3\u003e\n        \u003cp\u003eSon parfum profond favorise un retour au calme rapide lors de stress, d'anxiété ou de nervosité. Elle vous aide à vous recentrer quand les pensées s'emballent.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-vetiv-benefit\"\u003e\n        \u003cdiv class=\"soi-vetiv-benefit-icon\"\u003e\u003cspan\u003e😴\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSoutien au sommeil\u003c\/h3\u003e\n        \u003cp\u003eDiffusée ou appliquée diluée sur les poignets avant le coucher, elle accompagne l'endormissement en apaisant les tensions accumulées dans la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-vetiv-benefit\"\u003e\n        \u003cdiv class=\"soi-vetiv-benefit-icon\"\u003e\u003cspan\u003e🧘\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eMéditation et chakra racine\u003c\/h3\u003e\n        \u003cp\u003eTrès utilisée en pratique énergétique, cette huile est associée au chakra racine (Muladhara) pour renforcer le sentiment de sécurité et d'enracinement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-vetiv-benefit\"\u003e\n        \u003cdiv class=\"soi-vetiv-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSoin de la peau\u003c\/h3\u003e\n        \u003cp\u003eDiluée dans une huile végétale (jojoba, amande douce), elle est appréciée en massage pour nourrir les peaux fatiguées et atténuer les imperfections.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-vetiv-section\"\u003e\n    \u003ch2\u003eComment utiliser l'huile essentielle de vétiver Pranarom ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-vetiv-timeline\"\u003e\n      \u003cdiv class=\"soi-vetiv-step\"\u003e\n        \u003cdiv class=\"soi-vetiv-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-vetiv-step-content\"\u003e\n          \u003ch3\u003eDiffusion atmosphérique\u003c\/h3\u003e\n          \u003cp\u003e4 à 6 gouttes dans un diffuseur, 20 minutes par session, pour apaiser l'ambiance d'une pièce.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-vetiv-step\"\u003e\n        \u003cdiv class=\"soi-vetiv-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-vetiv-step-content\"\u003e\n          \u003ch3\u003eApplication cutanée\u003c\/h3\u003e\n          \u003cp\u003eToujours diluée à 5 % maximum dans une huile végétale (soit 1 goutte pour 20 gouttes d'huile végétale). Appliquer sur les poignets, la nuque ou la plante des pieds.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-vetiv-step\"\u003e\n        \u003cdiv class=\"soi-vetiv-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-vetiv-step-content\"\u003e\n          \u003ch3\u003eInhalation sèche\u003c\/h3\u003e\n          \u003cp\u003e1 goutte sur un mouchoir, à respirer profondément en cas de stress ponctuel.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-vetiv-step\"\u003e\n        \u003cdiv class=\"soi-vetiv-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-vetiv-step-content\"\u003e\n          \u003ch3\u003eBain aromatique\u003c\/h3\u003e\n          \u003cp\u003e5 gouttes mélangées à un dispersant (sel de bain, base neutre) avant de verser dans l'eau tiède.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-vetiv-tip\"\u003e\n      \u003cdiv class=\"soi-vetiv-tip-icon\"\u003e⚠️\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003ePrécautions d'emploi\u003c\/strong\u003e\n        \u003cp\u003eDéconseillée aux femmes enceintes ou allaitantes et aux enfants de moins de 6 ans. Ne pas appliquer pure sur la peau. Tenir hors de portée des enfants.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-vetiv-section\"\u003e\n    \u003ch2\u003eComposition de l'huile essentielle vétiver Pranarom\u003c\/h2\u003e\n    \u003cdiv class=\"soi-vetiv-compo\"\u003e\n      \u003cdiv class=\"soi-vetiv-compo-row\"\u003e\n        \u003cspan class=\"soi-vetiv-compo-label\"\u003eNom botanique\u003c\/span\u003e\n        \u003cspan class=\"soi-vetiv-compo-value\"\u003e\u003cem\u003eVetiveria zizanoides\u003c\/em\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-vetiv-compo-row\"\u003e\n        \u003cspan class=\"soi-vetiv-compo-label\"\u003ePartie utilisée\u003c\/span\u003e\n        \u003cspan class=\"soi-vetiv-compo-value\"\u003eRacine\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-vetiv-compo-row\"\u003e\n        \u003cspan class=\"soi-vetiv-compo-label\"\u003eMéthode d'extraction\u003c\/span\u003e\n        \u003cspan class=\"soi-vetiv-compo-value\"\u003eDistillation à la vapeur d'eau\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-vetiv-compo-row\"\u003e\n        \u003cspan class=\"soi-vetiv-compo-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-vetiv-compo-value\"\u003eHaïti\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-vetiv-compo-row\"\u003e\n        \u003cspan class=\"soi-vetiv-compo-label\"\u003eChémotype\u003c\/span\u003e\n        \u003cspan class=\"soi-vetiv-compo-value\"\u003eVétivone, Vétivenol, Khusimol\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-vetiv-compo-row\"\u003e\n        \u003cspan class=\"soi-vetiv-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-vetiv-compo-value\"\u003e10 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-vetiv-compo-row\"\u003e\n        \u003cspan class=\"soi-vetiv-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-vetiv-compo-value\"\u003eHECT (Huile Essentielle Chémotypée)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-vetiv-compo-row\"\u003e\n        \u003cspan class=\"soi-vetiv-compo-label\"\u003eConditionnement\u003c\/span\u003e\n        \u003cspan class=\"soi-vetiv-compo-value\"\u003eFlacon ambré avec compte-gouttes intégré\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-vetiv-section\"\u003e\n    \u003cdiv class=\"soi-vetiv-accordion\"\u003e\n      \u003cdetails class=\"soi-vetiv-accordion-item\"\u003e\n        \u003csummary class=\"soi-vetiv-accordion-header\"\u003e📋 Usage et réglementation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-vetiv-accordion-content\"\u003e\n          \u003cp\u003eCe produit est réservé à un usage aromatique et cosmétique. Il ne se substitue pas à un traitement médical. En cas de doute, consultez un professionnel de santé 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  \u003csection class=\"soi-vetiv-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-vetiv-cta-box\"\u003e\n      \u003cp class=\"soi-vetiv-cta-tag\" style=\"color: white;\"\u003eL'essence rare de l'enracinement\u003c\/p\u003e\n      \u003cp class=\"soi-vetiv-cta-text\" style=\"color: white;\"\u003eProfonde comme la terre, apaisante comme le silence. Quand le stress s'accumule et que l'esprit s'éparpille, quelques gouttes de vétiver suffisent pour retrouver votre centre.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-vetiv-marine: #1A2D3D;\n  --soi-vetiv-marine-dark: #0F1E2B;\n  --soi-vetiv-marine-light: #2C4458;\n  --soi-vetiv-pomme: #A1C544;\n  --soi-vetiv-pomme-dark: #84A636;\n  --soi-vetiv-pomme-light: rgba(161,197,68,0.10);\n  --soi-vetiv-white: #FFFFFF;\n  --soi-vetiv-off-white: #F8FAF6;\n  --soi-vetiv-stone: #F1F3EE;\n  --soi-vetiv-line: #E5E8E0;\n  --soi-vetiv-primary: #7A9A8E;\n  --soi-vetiv-primary-soft: #D4E4DD;\n  --soi-vetiv-accent: #5C7A6A;\n  --soi-vetiv-text: #1A2D3D;\n  --soi-vetiv-text-soft: #4A5B6B;\n  --soi-vetiv-text-muted: #7B8693;\n  --soi-vetiv-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-vetiv-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-vetiv-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-vetiv-radius: 12px;\n  --soi-vetiv-radius-sm: 8px;\n  --soi-vetiv-radius-pill: 999px;\n}\n\n.soi-vetiv-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-vetiv-fiche img { max-width: 100%; height: auto; }\n\n.soi-vetiv-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-vetiv-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-vetiv-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-vetiv-hero {\n  position: relative;\n  background: var(--soi-vetiv-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-vetiv-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-vetiv-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-vetiv-pomme);\n}\n\n.soi-vetiv-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-vetiv-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-vetiv-pomme);\n  border-radius: 50%;\n}\n\n.soi-vetiv-hero-title {\n  display: block;\n  color: var(--soi-vetiv-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-vetiv-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-vetiv-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-vetiv-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-vetiv-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-vetiv-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-vetiv-label-accent {\n  background: var(--soi-vetiv-pomme);\n  border-color: var(--soi-vetiv-pomme);\n  color: var(--soi-vetiv-marine);\n  font-weight: 600;\n}\n\n.soi-vetiv-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-vetiv-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-vetiv-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-vetiv-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-vetiv-pomme);\n  border-radius: 2px;\n}\n\n.soi-vetiv-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-vetiv-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-vetiv-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-vetiv-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-vetiv-benefit {\n  background: var(--soi-vetiv-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-vetiv-radius);\n  border: 1px solid var(--soi-vetiv-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-vetiv-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-vetiv-shadow-md);\n}\n\n.soi-vetiv-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-vetiv-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-vetiv-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-vetiv-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-vetiv-benefit:hover .soi-vetiv-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-vetiv-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-vetiv-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-vetiv-benefit p {\n  font-size: 13px;\n  color: var(--soi-vetiv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-vetiv-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-top: 1.5rem;\n}\n\n.soi-vetiv-card-mini {\n  background: var(--soi-vetiv-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-vetiv-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-vetiv-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-vetiv-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-vetiv-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-vetiv-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-vetiv-marine);\n}\n\n.soi-vetiv-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-vetiv-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-vetiv-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-vetiv-radius);\n  border: 1px solid var(--soi-vetiv-line);\n  align-items: flex-start;\n}\n\n.soi-vetiv-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-vetiv-marine);\n  color: var(--soi-vetiv-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-vetiv-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-vetiv-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-vetiv-step-content p {\n  font-size: 14px;\n  color: var(--soi-vetiv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-vetiv-compo {\n  background: var(--soi-vetiv-off-white);\n  border-radius: var(--soi-vetiv-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-vetiv-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-vetiv-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-vetiv-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-vetiv-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-vetiv-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-vetiv-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-vetiv-marine);\n  text-align: right;\n}\n\n.soi-vetiv-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-vetiv-pomme-light);\n  border-left: 4px solid var(--soi-vetiv-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-vetiv-radius) var(--soi-vetiv-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-vetiv-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-vetiv-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-vetiv-marine);\n  margin-bottom: 4px;\n}\n\n.soi-vetiv-tip p {\n  font-size: 14px;\n  color: var(--soi-vetiv-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-vetiv-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-vetiv-accordion-item {\n  background: var(--soi-vetiv-off-white);\n  border-radius: var(--soi-vetiv-radius-sm);\n  border: 1px solid var(--soi-vetiv-line);\n  overflow: hidden;\n}\n\n.soi-vetiv-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-vetiv-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-vetiv-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-vetiv-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-vetiv-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-vetiv-accordion-item[open] .soi-vetiv-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-vetiv-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-vetiv-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-vetiv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-vetiv-cta-box {\n  background: var(--soi-vetiv-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-vetiv-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-vetiv-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-vetiv-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-vetiv-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-vetiv-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-vetiv-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-vetiv-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-vetiv-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-vetiv-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-vetiv-compo-value {\n    text-align: left;\n  }\n\n  .soi-vetiv-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-vetiv-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-vetiv-fiche {\n    --soi-vetiv-text-soft: #2C3E50;\n    --soi-vetiv-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603919233354,"sku":"RA0125","price":13.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0125_he_vetiver.jpg?v=1776167424"},{"product_id":"huile-essentielle-de-badiane-bio-pranarom","title":"Huile Essentielle de Badiane bio - Pranarom","description":"\u003cdiv class=\"soi-badi-fiche\"\u003e\n\n\u003csection class=\"soi-badi-hero\"\u003e\n  \u003cdiv class=\"soi-badi-hero-tag\"\u003e\n    \u003cspan class=\"soi-badi-tag-dot\"\u003e\u003c\/span\u003e\n    Aromathérapie · Pranarôm\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-badi-hero-title\"\u003eL'étoile anisée de votre confort digestif\u003c\/span\u003e\n  \u003cp class=\"soi-badi-hero-subtitle\"\u003eHuile essentielle chémotypée de badiane (Illicium verum), 100 % pure et naturelle, certifiée biologique. Le trans-anéthole au service de votre bien-être abdominal.\u003c\/p\u003e\n  \u003cdiv class=\"soi-badi-hero-labels\"\u003e\n    \u003cspan class=\"soi-badi-label soi-badi-label-accent\"\u003eBIO\u003c\/span\u003e\n    \u003cspan class=\"soi-badi-label\"\u003eHECT CHÉMOTYPÉE\u003c\/span\u003e\n    \u003cspan class=\"soi-badi-label\"\u003eVEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-badi-label\"\u003e100 % PURE ET NATURELLE\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-badi-section\"\u003e\n  \u003ch2\u003eQu'est-ce que l'huile essentielle de badiane (anis étoilé) ?\u003c\/h2\u003e\n  \u003cp\u003eLa badiane, aussi appelée \u003cstrong\u003eanis étoilé\u003c\/strong\u003e, est un fruit en forme d'étoile récolté sur l'\u003cem\u003eIllicium verum\u003c\/em\u003e, un arbre originaire d'Asie du Sud-Est. Par distillation à la vapeur d'eau, on en extrait une huile essentielle au \u003cstrong\u003eparfum chaud, doux et anisé\u003c\/strong\u003e, immédiatement reconnaissable.\u003c\/p\u003e\n  \u003cp\u003eSon composé majoritaire, le \u003cstrong\u003etrans-anéthole\u003c\/strong\u003e (85 à 95 %), lui confère ses propriétés digestives bien documentées dans la tradition phytothérapique.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-badi-section\"\u003e\n  \u003ch2\u003eComposition et chémotype de l'HE de Badiane Pranarôm\u003c\/h2\u003e\n  \u003cdiv class=\"soi-badi-compo\"\u003e\n    \u003cdiv class=\"soi-badi-compo-row\"\u003e\n      \u003cspan class=\"soi-badi-compo-label\"\u003eNom botanique\u003c\/span\u003e\n      \u003cspan class=\"soi-badi-compo-value\"\u003eIllicium verum\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-badi-compo-row\"\u003e\n      \u003cspan class=\"soi-badi-compo-label\"\u003ePartie distillée\u003c\/span\u003e\n      \u003cspan class=\"soi-badi-compo-value\"\u003eFruit\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-badi-compo-row\"\u003e\n      \u003cspan class=\"soi-badi-compo-label\"\u003eChémotype (HECT)\u003c\/span\u003e\n      \u003cspan class=\"soi-badi-compo-value\"\u003eTrans-anéthole\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-badi-compo-row\"\u003e\n      \u003cspan class=\"soi-badi-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-badi-compo-value\"\u003eAgriculture biologique (AB)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-badi-compo-row\"\u003e\n      \u003cspan class=\"soi-badi-compo-label\"\u003ePrincipaux composants\u003c\/span\u003e\n      \u003cspan class=\"soi-badi-compo-value\"\u003eTrans-anéthole (85-95 %), fenchone, limonène\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-badi-compo-row\"\u003e\n      \u003cspan class=\"soi-badi-compo-label\"\u003eConvenance alimentaire\u003c\/span\u003e\n      \u003cspan class=\"soi-badi-compo-value\"\u003eConvient aux vegans\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-badi-section\"\u003e\n  \u003ch2\u003eBienfaits de l'huile essentielle de badiane : ce que dit la tradition\u003c\/h2\u003e\n  \u003cp class=\"soi-badi-section-intro\"\u003eL'huile essentielle de badiane est traditionnellement reconnue pour ses actions sur le système digestif. Voici les principaux usages pour lesquels elle est utilisée :\u003c\/p\u003e\n  \u003cdiv class=\"soi-badi-benefits\"\u003e\n    \u003cdiv class=\"soi-badi-benefit\"\u003e\n      \u003cdiv class=\"soi-badi-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eConfort digestif\u003c\/h3\u003e\n      \u003cp\u003eElle accompagne les ballonnements, les flatulences et les lourdeurs après un repas copieux, grâce à son action carminative et stomachique.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-badi-benefit\"\u003e\n      \u003cdiv class=\"soi-badi-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eCrampes intestinales\u003c\/h3\u003e\n      \u003cp\u003eLe trans-anéthole contribue à détendre la sphère abdominale et à réduire les spasmes digestifs inconfortables.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-badi-benefit\"\u003e\n      \u003cdiv class=\"soi-badi-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eConfort buccal\u003c\/h3\u003e\n      \u003cp\u003eSon parfum anisé en fait un allié ponctuel pour l'hygiène et la fraîcheur buccale.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-badi-benefit\"\u003e\n      \u003cdiv class=\"soi-badi-benefit-icon\"\u003e\u003cspan\u003e❄️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eSoutien saisonnier\u003c\/h3\u003e\n      \u003cp\u003eMentionnée dans la tradition pour accompagner l'organisme lors de certaines périodes de vulnérabilité hivernale.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-badi-tip\"\u003e\n    \u003cdiv class=\"soi-badi-tip-icon\"\u003eℹ️\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eBon à savoir\u003c\/strong\u003e\n      \u003cp\u003eCes usages s'inscrivent dans une tradition phytothérapique. Ce produit ne se substitue pas à un avis ou traitement médical.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-badi-section\"\u003e\n  \u003ch2\u003eComment utiliser l'huile essentielle de badiane bio ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-badi-timeline\"\u003e\n    \u003cdiv class=\"soi-badi-step\"\u003e\n      \u003cdiv class=\"soi-badi-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-badi-step-content\"\u003e\n        \u003ch3\u003eVoie orale (adultes)\u003c\/h3\u003e\n        \u003cp\u003e1 goutte dans une cuillère de miel ou dans une capsule végétale, jusqu'à 3 fois par jour après les repas, sur avis d'un professionnel de santé.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-badi-step\"\u003e\n      \u003cdiv class=\"soi-badi-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-badi-step-content\"\u003e\n        \u003ch3\u003eVoie cutanée\u003c\/h3\u003e\n        \u003cp\u003eDiluez 1 goutte dans 9 gouttes d'huile végétale neutre (noisette, jojoba) et massez doucement le ventre en cas de digestion difficile.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-badi-step\"\u003e\n      \u003cdiv class=\"soi-badi-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-badi-step-content\"\u003e\n        \u003ch3\u003eDiffusion : non recommandée\u003c\/h3\u003e\n        \u003cp\u003eLa diffusion de l'huile essentielle de badiane n'est pas conseillée : son fort taux d'anéthole peut être irritant par inhalation prolongée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-badi-section\"\u003e\n  \u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n  \u003cdiv class=\"soi-badi-accordion\"\u003e\n    \u003cdetails class=\"soi-badi-accordion-item\" open\u003e\n      \u003csummary class=\"soi-badi-accordion-header\"\u003e⚠️ Personnes concernées par les restrictions\u003c\/summary\u003e\n      \u003cdiv class=\"soi-badi-accordion-content\"\u003e\n        \u003cp\u003eDéconseillée aux \u003cstrong\u003efemmes enceintes et allaitantes\u003c\/strong\u003e, aux enfants de moins de 12 ans et aux personnes épileptiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-badi-accordion-item\"\u003e\n      \u003csummary class=\"soi-badi-accordion-header\"\u003e🧴 Usage cutané\u003c\/summary\u003e\n      \u003cdiv class=\"soi-badi-accordion-content\"\u003e\n        \u003cp\u003eNe pas appliquer pure sur la peau : toujours diluer avant usage cutané.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-badi-accordion-item\"\u003e\n      \u003csummary class=\"soi-badi-accordion-header\"\u003e🔒 Conservation et sécurité\u003c\/summary\u003e\n      \u003cdiv class=\"soi-badi-accordion-content\"\u003e\n        \u003cp\u003eTenir hors de portée des enfants. Conserver à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-badi-accordion-item\"\u003e\n      \u003csummary class=\"soi-badi-accordion-header\"\u003e👨‍⚕️ En cas de doute\u003c\/summary\u003e\n      \u003cdiv class=\"soi-badi-accordion-content\"\u003e\n        \u003cp\u003eConsultez un médecin ou un aromathérapeute qualifié avant toute utilisation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-badi-section\"\u003e\n  \u003ch2\u003ePourquoi choisir la badiane bio Pranarôm ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-badi-grid\"\u003e\n    \u003cdiv class=\"soi-badi-card\"\u003e\n      \u003ch3\u003e🔬 Label HECT garanti\u003c\/h3\u003e\n      \u003cp\u003eLe label Huile Essentielle Chémotypée de Pranarôm garantit une analyse biochimique complète de chaque lot : vous savez exactement ce que vous utilisez.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-badi-card\"\u003e\n      \u003ch3\u003e🌱 Certifiée bio, sans compromis\u003c\/h3\u003e\n      \u003cp\u003eCertifiée bio, sans solvants ni additifs, cette huile est produite dans le respect total de la plante et de l'environnement.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-badi-card\"\u003e\n      \u003ch3\u003e🏥 Plébiscitée par les praticiens\u003c\/h3\u003e\n      \u003cp\u003eC'est la différence entre une huile essentielle générique et un produit de confiance, choisi par des praticiens en aromathérapie à travers toute l'Europe.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-badi-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-badi-cta-box\"\u003e\n    \u003cp class=\"soi-badi-cta-tag\" style=\"color: white;\"\u003eL'aromathérapie en toute confiance\u003c\/p\u003e\n    \u003cp class=\"soi-badi-cta-text\" style=\"color: white;\"\u003eDouce, chaude et profondément anisée, l'huile essentielle de badiane bio Pranarôm est le complice discret de votre confort digestif au quotidien. Qualité certifiée, chémotype garanti, usage maîtrisé : profitez sereinement des bienfaits de l'anis étoilé.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-badi-marine: #1A2D3D;\n  --soi-badi-marine-dark: #0F1E2B;\n  --soi-badi-marine-light: #2C4458;\n  --soi-badi-pomme: #A1C544;\n  --soi-badi-pomme-dark: #84A636;\n  --soi-badi-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-badi-white: #FFFFFF;\n  --soi-badi-off-white: #F8FAF6;\n  --soi-badi-stone: #F1F3EE;\n  --soi-badi-line: #E5E8E0;\n\n  --soi-badi-primary: #7A9A8E;\n  --soi-badi-primary-soft: #E8F0EC;\n  --soi-badi-accent: #5A7A4A;\n\n  --soi-badi-text: #1A2D3D;\n  --soi-badi-text-soft: #4A5B6B;\n  --soi-badi-text-muted: #7B8693;\n\n  --soi-badi-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-badi-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-badi-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-badi-radius: 12px;\n  --soi-badi-radius-sm: 8px;\n  --soi-badi-radius-pill: 999px;\n}\n\n.soi-badi-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-badi-fiche img { max-width: 100%; height: auto; }\n\n.soi-badi-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-badi-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-badi-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-badi-hero {\n  position: relative;\n  background: var(--soi-badi-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-badi-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-badi-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-badi-pomme);\n}\n\n.soi-badi-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-badi-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-badi-pomme);\n  border-radius: 50%;\n}\n\n.soi-badi-hero-title {\n  display: block;\n  color: var(--soi-badi-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-badi-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-badi-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-badi-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-badi-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-badi-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-badi-label-accent {\n  background: var(--soi-badi-pomme);\n  border-color: var(--soi-badi-pomme);\n  color: var(--soi-badi-marine);\n  font-weight: 600;\n}\n\n.soi-badi-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-badi-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-badi-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-badi-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-badi-pomme);\n  border-radius: 2px;\n}\n\n.soi-badi-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-badi-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-badi-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-badi-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-badi-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-badi-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-badi-benefit {\n  background: var(--soi-badi-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-badi-radius);\n  border: 1px solid var(--soi-badi-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-badi-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-badi-shadow-md);\n}\n\n.soi-badi-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-badi-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-badi-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-badi-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-badi-benefit:hover .soi-badi-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-badi-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-badi-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-badi-benefit p {\n  font-size: 13px;\n  color: var(--soi-badi-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-badi-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-badi-card {\n  background: var(--soi-badi-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-badi-radius);\n  border-left: 3px solid var(--soi-badi-pomme);\n}\n\n.soi-badi-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-badi-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-badi-card p {\n  font-size: 14px;\n  color: var(--soi-badi-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-badi-compo {\n  background: var(--soi-badi-off-white);\n  border-radius: var(--soi-badi-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-badi-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-badi-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-badi-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-badi-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-badi-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-badi-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-badi-marine);\n  text-align: right;\n}\n\n.soi-badi-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-badi-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-badi-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-badi-radius);\n  border: 1px solid var(--soi-badi-line);\n  align-items: flex-start;\n}\n\n.soi-badi-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-badi-marine);\n  color: var(--soi-badi-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-badi-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-badi-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-badi-step-content p {\n  font-size: 14px;\n  color: var(--soi-badi-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-badi-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-badi-pomme-light);\n  border-left: 4px solid var(--soi-badi-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-badi-radius) var(--soi-badi-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-badi-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-badi-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-badi-marine);\n  margin-bottom: 4px;\n}\n\n.soi-badi-tip p {\n  font-size: 14px;\n  color: var(--soi-badi-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-badi-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-badi-accordion-item {\n  background: var(--soi-badi-off-white);\n  border-radius: var(--soi-badi-radius-sm);\n  border: 1px solid var(--soi-badi-line);\n  overflow: hidden;\n}\n\n.soi-badi-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-badi-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-badi-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-badi-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-badi-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-badi-accordion-item[open] .soi-badi-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-badi-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-badi-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-badi-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-badi-cta-box {\n  background: var(--soi-badi-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-badi-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-badi-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-badi-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-badi-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-badi-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-badi-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-badi-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-badi-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-badi-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-badi-compo-value {\n    text-align: left;\n  }\n\n  .soi-badi-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-badi-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-badi-fiche {\n    --soi-badi-text-soft: #2C3E50;\n    --soi-badi-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603919331658,"sku":"RA0130","price":5.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-essentielle-de-badiane-bio-pranarom-packshot.webp?v=1791727663"},{"product_id":"huile-essentielle-basilic-exotique-bio-pranarom","title":"Huile Essentielle Basilic Exotique bio – Pranarom","description":"\u003cdiv class=\"soi-basi-fiche\"\u003e\n\n\u003csection class=\"soi-basi-hero\"\u003e\n  \u003cdiv class=\"soi-basi-hero-tag\"\u003e\n    \u003cspan class=\"soi-basi-tag-dot\"\u003e\u003c\/span\u003e\n    Aromathérapie · Pranarom\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-basi-hero-title\"\u003eL'essence apaisante du basilic tropical\u003c\/span\u003e\n  \u003cp class=\"soi-basi-hero-subtitle\"\u003eHuile essentielle chémotypée CT linalol, 100 % pure et naturelle. Un allié doux et polyvalent pour votre confort digestif et votre équilibre nerveux.\u003c\/p\u003e\n  \u003cdiv class=\"soi-basi-hero-labels\"\u003e\n    \u003cspan class=\"soi-basi-label soi-basi-label-accent\"\u003eBIO\u003c\/span\u003e\n    \u003cspan class=\"soi-basi-label\"\u003eHECT\u003c\/span\u003e\n    \u003cspan class=\"soi-basi-label\"\u003e100 % PURE ET NATURELLE\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-basi-section\"\u003e\n  \u003ch2\u003ePourquoi choisir le basilic exotique CT linalol plutôt qu'un autre ?\u003c\/h2\u003e\n  \u003cp\u003eIl existe plusieurs variétés de basilic en aromathérapie. Le \u003cstrong\u003ebasilic exotique (Ocimum basilicum CT linalol)\u003c\/strong\u003e, aussi appelé basilic tropical, se distingue du basilic CT méthylchavicol (plus puissant mais potentiellement irritant) par sa richesse en linalol, un composé reconnu pour ses effets apaisants et antispasmodiques doux. C'est ce chémotype précis que Pranarom a retenu pour vous garantir à la fois efficacité et sécurité d'emploi.\u003c\/p\u003e\n  \u003cp\u003eCertifiée \u003cstrong\u003eHECT (Huile Essentielle Chémotypée Tracée)\u003c\/strong\u003e et issue de l'agriculture biologique, cette huile bénéficie d'une traçabilité complète, de la plante jusqu'au flacon.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-basi-section\"\u003e\n  \u003ch2\u003eComposition de l'huile essentielle de basilic exotique Pranarom\u003c\/h2\u003e\n  \u003cdiv class=\"soi-basi-compo\"\u003e\n    \u003cdiv class=\"soi-basi-compo-row\"\u003e\n      \u003cspan class=\"soi-basi-compo-label\"\u003eNom botanique\u003c\/span\u003e\n      \u003cspan class=\"soi-basi-compo-value\"\u003eOcimum basilicum CT linalol\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-basi-compo-row\"\u003e\n      \u003cspan class=\"soi-basi-compo-label\"\u003ePartie distillée\u003c\/span\u003e\n      \u003cspan class=\"soi-basi-compo-value\"\u003eParties aériennes (tiges fleuries)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-basi-compo-row\"\u003e\n      \u003cspan class=\"soi-basi-compo-label\"\u003eNote olfactive\u003c\/span\u003e\n      \u003cspan class=\"soi-basi-compo-value\"\u003eTop\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-basi-compo-row\"\u003e\n      \u003cspan class=\"soi-basi-compo-label\"\u003eComposants biochimiques principaux\u003c\/span\u003e\n      \u003cspan class=\"soi-basi-compo-value\"\u003eLinalol (majoritaire), trans-bergamotène\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-basi-compo-row\"\u003e\n      \u003cspan class=\"soi-basi-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-basi-compo-value\"\u003eBIO et HECT\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-basi-compo-row\"\u003e\n      \u003cspan class=\"soi-basi-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-basi-compo-value\"\u003e10 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-basi-section\"\u003e\n  \u003ch2\u003eLes bienfaits de l'huile essentielle de basilic exotique\u003c\/h2\u003e\n  \u003cp class=\"soi-basi-section-intro\"\u003eGrâce à sa composition riche en linalol et en trans-bergamotène, cette huile essentielle de basilic tropical agit sur plusieurs fronts :\u003c\/p\u003e\n  \u003cdiv class=\"soi-basi-benefits\"\u003e\n    \u003cdiv class=\"soi-basi-benefit\"\u003e\n      \u003cdiv class=\"soi-basi-benefit-icon\"\u003e\u003cspan\u003e🫄\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eConfort digestif\u003c\/h3\u003e\n      \u003cp\u003eAntispasmodique puissant, elle soulage les crampes abdominales, les ballonnements, les flatulences, les nausées et les spasmes intestinaux.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-basi-benefit\"\u003e\n      \u003cdiv class=\"soi-basi-benefit-icon\"\u003e\u003cspan\u003e🧘\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eÉquilibre nerveux\u003c\/h3\u003e\n      \u003cp\u003eElle apaise les tensions, accompagne les états de surmenage, de stress chronique et favorise la détente mentale.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-basi-benefit\"\u003e\n      \u003cdiv class=\"soi-basi-benefit-icon\"\u003e\u003cspan\u003e🧠\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eConcentration et clarté\u003c\/h3\u003e\n      \u003cp\u003eEn olfaction, elle soutient la mémoire et vous aide à retrouver de la lucidité lors de périodes chargées intellectuellement.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-basi-benefit\"\u003e\n      \u003cdiv class=\"soi-basi-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAction antalgique douce\u003c\/h3\u003e\n      \u003cp\u003eUtilisée en massage dilué, elle contribue à atténuer certaines douleurs musculaires ou crampes légères.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-basi-section\"\u003e\n  \u003ch2\u003eComment utiliser l'huile essentielle de basilic exotique ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-basi-timeline\"\u003e\n    \u003cdiv class=\"soi-basi-step\"\u003e\n      \u003cdiv class=\"soi-basi-step-num\"\u003e🌿\u003c\/div\u003e\n      \u003cdiv class=\"soi-basi-step-content\"\u003e\n        \u003ch3\u003eEn massage abdominal (digestion)\u003c\/h3\u003e\n        \u003cp\u003eDiluez 2 gouttes dans une cuillère à café d'huile végétale (noisette, jojoba) et massez le ventre dans le sens des aiguilles d'une montre après le repas.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-basi-step\"\u003e\n      \u003cdiv class=\"soi-basi-step-num\"\u003e💨\u003c\/div\u003e\n      \u003cdiv class=\"soi-basi-step-content\"\u003e\n        \u003ch3\u003eEn olfaction (stress, concentration)\u003c\/h3\u003e\n        \u003cp\u003eDéposez 1 à 2 gouttes sur un mouchoir ou vos poignets et respirez profondément. Quelques minutes suffisent pour ressentir un effet apaisant.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-basi-step\"\u003e\n      \u003cdiv class=\"soi-basi-step-num\"\u003e🕯️\u003c\/div\u003e\n      \u003cdiv class=\"soi-basi-step-content\"\u003e\n        \u003ch3\u003eEn diffusion atmosphérique\u003c\/h3\u003e\n        \u003cp\u003eVersez 4 à 6 gouttes dans un diffuseur à froid pendant 20 à 30 minutes pour assainir et apaiser l'atmosphère d'une pièce.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-basi-section\"\u003e\n  \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n  \u003cdiv class=\"soi-basi-accordion\"\u003e\n    \u003cdetails class=\"soi-basi-accordion-item\"\u003e\n      \u003csummary class=\"soi-basi-accordion-header\"\u003e⚠️ Personnes sensibles\u003c\/summary\u003e\n      \u003cdiv class=\"soi-basi-accordion-content\"\u003e\n        \u003cp\u003eDéconseillée aux femmes enceintes de moins de 3 mois et aux enfants de moins de 6 ans sans avis médical.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-basi-accordion-item\"\u003e\n      \u003csummary class=\"soi-basi-accordion-header\"\u003e🧴 Application cutanée\u003c\/summary\u003e\n      \u003cdiv class=\"soi-basi-accordion-content\"\u003e\n        \u003cp\u003eToujours diluer avant application cutanée (2 à 5 % dans une huile végétale).\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-basi-accordion-item\"\u003e\n      \u003csummary class=\"soi-basi-accordion-header\"\u003e🚫 Voie orale et sécurité\u003c\/summary\u003e\n      \u003cdiv class=\"soi-basi-accordion-content\"\u003e\n        \u003cp\u003eNe pas avaler. Tenir hors de portée des enfants. En cas de traitement médical en cours, consultez votre médecin ou pharmacien avant utilisation. Ce produit ne remplace pas un traitement médical.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-basi-section\"\u003e\n  \u003ch2\u003eAvis et questions fréquentes sur l'huile essentielle de basilic\u003c\/h2\u003e\n  \u003cdiv class=\"soi-basi-grid\"\u003e\n    \u003cdiv class=\"soi-basi-card\"\u003e\n      \u003ch3\u003e🌱 Quelle différence entre basilic exotique et basilic sacré ?\u003c\/h3\u003e\n      \u003cp\u003eLe basilic sacré (Ocimum tenuiflorum) est une variété distincte, davantage utilisée dans la tradition ayurvédique. Le basilic exotique CT linalol de Pranarom est mieux adapté à un usage quotidien occidental grâce à sa douceur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-basi-card\"\u003e\n      \u003ch3\u003e⏳ Combien de temps dure une cure ?\u003c\/h3\u003e\n      \u003cp\u003eUn usage de 6 à 8 semaines maximum est généralement recommandé avant une pause.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-basi-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-basi-cta-box\"\u003e\n    \u003cp class=\"soi-basi-cta-text\" style=\"color: white;\"\u003eUn ventre apaisé et un esprit plus serein, en quelques gouttes. Douce, fiable et certifiée biologique, l'huile essentielle de basilic exotique Pranarom s'invite dans votre routine comme un vrai geste de bienveillance envers vous-même.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-basi-marine: #1A2D3D;\n  --soi-basi-marine-dark: #0F1E2B;\n  --soi-basi-marine-light: #2C4458;\n  --soi-basi-pomme: #A1C544;\n  --soi-basi-pomme-dark: #84A636;\n  --soi-basi-pomme-light: rgba(161,197,68,0.10);\n  --soi-basi-white: #FFFFFF;\n  --soi-basi-off-white: #F8FAF6;\n  --soi-basi-stone: #F1F3EE;\n  --soi-basi-line: #E5E8E0;\n  --soi-basi-primary: #5A7A4A;\n  --soi-basi-primary-soft: #E8F0E4;\n  --soi-basi-accent: #7A9A6E;\n  --soi-basi-text: #1A2D3D;\n  --soi-basi-text-soft: #4A5B6B;\n  --soi-basi-text-muted: #7B8693;\n  --soi-basi-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-basi-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-basi-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-basi-radius: 12px;\n  --soi-basi-radius-sm: 8px;\n  --soi-basi-radius-pill: 999px;\n}\n\n.soi-basi-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-basi-fiche img { max-width: 100%; height: auto; }\n\n.soi-basi-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-basi-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-basi-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-basi-hero {\n  position: relative;\n  background: var(--soi-basi-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-basi-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-basi-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-basi-pomme);\n}\n\n.soi-basi-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-basi-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-basi-pomme);\n  border-radius: 50%;\n}\n\n.soi-basi-hero-title {\n  display: block;\n  color: var(--soi-basi-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-basi-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-basi-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-basi-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-basi-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-basi-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-basi-label-accent {\n  background: var(--soi-basi-pomme);\n  border-color: var(--soi-basi-pomme);\n  color: var(--soi-basi-marine);\n  font-weight: 600;\n}\n\n.soi-basi-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-basi-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-basi-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-basi-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-basi-pomme);\n  border-radius: 2px;\n}\n\n.soi-basi-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-basi-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-basi-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-basi-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-basi-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-basi-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-basi-benefit {\n  background: var(--soi-basi-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-basi-radius);\n  border: 1px solid var(--soi-basi-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-basi-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-basi-shadow-md);\n}\n\n.soi-basi-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-basi-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-basi-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-basi-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-basi-benefit:hover .soi-basi-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-basi-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-basi-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-basi-benefit p {\n  font-size: 15px;\n  color: var(--soi-basi-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-basi-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-basi-card {\n  background: var(--soi-basi-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-basi-radius);\n  border-left: 3px solid var(--soi-basi-pomme);\n}\n\n.soi-basi-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-basi-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-basi-card p {\n  font-size: 14px;\n  color: var(--soi-basi-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-basi-compo {\n  background: var(--soi-basi-off-white);\n  border-radius: var(--soi-basi-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-basi-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-basi-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-basi-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-basi-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-basi-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-basi-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-basi-marine);\n  text-align: right;\n}\n\n.soi-basi-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-basi-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-basi-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-basi-radius);\n  border: 1px solid var(--soi-basi-line);\n  align-items: flex-start;\n}\n\n.soi-basi-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-basi-marine);\n  color: var(--soi-basi-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: 16px;\n}\n\n.soi-basi-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-basi-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-basi-step-content p {\n  font-size: 15px;\n  color: var(--soi-basi-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-basi-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-basi-accordion-item {\n  background: var(--soi-basi-off-white);\n  border-radius: var(--soi-basi-radius-sm);\n  border: 1px solid var(--soi-basi-line);\n  overflow: hidden;\n}\n\n.soi-basi-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-basi-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-basi-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-basi-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-basi-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-basi-accordion-item[open] .soi-basi-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-basi-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-basi-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-basi-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-basi-cta-box {\n  background: var(--soi-basi-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-basi-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-basi-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-basi-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-basi-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-basi-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-basi-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-basi-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-basi-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-basi-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-basi-compo-value {\n    text-align: left;\n  }\n\n  .soi-basi-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-basi-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-basi-fiche {\n    --soi-basi-text-soft: #2C3E50;\n    --soi-basi-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603919429962,"sku":"RA0135","price":15.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-essentielle-basilic-exotique-bio-pranarom-packshot.webp?v=1792055003"},{"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"},{"product_id":"huile-essentielle-de-copaiba-pranarom","title":"Huile Essentielle de Copaïba - Pranarom","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eReconnue pour ses multiples bienfaits, \u003cstrong data-start=\"109\" data-end=\"155\"\u003el’Huile Essentielle de Copaïba de Pranarom\u003c\/strong\u003e s’impose comme une alliée précieuse pour accompagner le bien-être articulaire, musculaire et cutané. Extraite de la résine du copaïer, cette huile essentielle est appréciée pour son action douce mais efficace, idéale pour celles et ceux qui recherchent une solution naturelle pour retrouver confort et détente au quotidien.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_RA0145_58ae4a0e-8a94-43bd-a43b-37a89c01a612.jpg?v=1776185631\" alt=\"Photo d'huile essentielle de Copaïba et sa résine à côté du flacon\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2 data-start=\"863\" data-end=\"943\"\u003eCaractéristiques et bienfaits de l’Huile Essentielle de Copaïba de Pranarom\u003c\/h2\u003e\n\u003cp data-start=\"944\" data-end=\"1429\"\u003eL’Huile Essentielle de Copaïba de Pranarom est particulièrement réputée pour accompagner le \u003cstrong data-start=\"1036\" data-end=\"1061\"\u003ebien-être articulaire\u003c\/strong\u003e et aider à soulager les sensations de raideur. Utilisée en massage, diluée dans une huile végétale adaptée, elle favorise une meilleure mobilité et apporte un réel confort après un effort physique ou en cas de tensions persistantes. Son action s’étend également aux muscles, qu’elle aide à détendre en profondeur, procurant ainsi une sensation de relâchement durable.\u003c\/p\u003e\n\u003cp data-start=\"1431\" data-end=\"1780\"\u003eAu-delà de son intérêt pour le confort corporel, cette huile essentielle agit aussi sur le plan émotionnel. Elle contribue à apaiser les tensions liées au stress et participe à une sensation de détente globale, bénéfique aussi bien pour le corps que pour l’esprit. Son parfum doux et résineux invite naturellement au lâcher-prise et à la relaxation.\u003c\/p\u003e\n\u003cp data-start=\"1782\" data-end=\"2172\"\u003eL’Huile Essentielle de Copaïba est également appréciée pour ses propriétés favorisant la \u003cstrong data-start=\"1871\" data-end=\"1895\"\u003erégénération cutanée\u003c\/strong\u003e. Appliquée localement, toujours avec précaution et diluée, elle aide à apaiser la peau et soutient les mécanismes naturels de réparation. Elle s’intègre ainsi facilement dans une routine de soin visant à calmer les inconforts cutanés tout en respectant l’équilibre de la peau.\u003c\/p\u003e\n\u003ch2 data-start=\"2179\" data-end=\"2213\"\u003eUn allié naturel au quotidien\u003c\/h2\u003e\n\u003cp data-start=\"2214\" data-end=\"2595\" data-is-last-node=\"\" data-is-only-node=\"\"\u003ePolyvalente et douce, \u003cstrong data-start=\"2236\" data-end=\"2282\"\u003el’Huile Essentielle de Copaïba de Pranarom\u003c\/strong\u003e accompagne efficacement les moments où le corps a besoin de réconfort et de détente. Que ce soit pour soutenir les articulations, apaiser les muscles ou prendre soin de la peau, elle trouve naturellement sa place dans une approche globale du bien-être, en alliant efficacité, naturalité et plaisir d’utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603919593802,"sku":"RA0145","price":9.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0145_he_copaiba_841f76d8-5cf3-432e-b87c-b29dffe9b123.jpg?v=1778843477"},{"product_id":"huile-essentielle-dimmortelle-pranarom","title":"Huile essentielle d'immortelle - Pranarom","description":"\n\u003cdiv class=\"soi-immo-fiche\"\u003e\n\n  \u003csection class=\"soi-immo-hero\"\u003e\n    \u003cdiv class=\"soi-immo-hero-tag\"\u003e\n      \u003cspan class=\"soi-immo-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie · Pranarom\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-immo-hero-title\"\u003eHuile essentielle d'Immortelle\u003c\/span\u003e\n    \u003cp class=\"soi-immo-hero-subtitle\"\u003eExtraite des sommités fleuries d'Helichrysum italicum, cette huile essentielle chémotypée concentre des propriétés réparatrices, circulatoires et régénérantes d'exception.\u003c\/p\u003e\n    \u003cdiv class=\"soi-immo-hero-labels\"\u003e\n      \u003cspan class=\"soi-immo-label soi-immo-label-accent\"\u003eHECT\u003c\/span\u003e\n      \u003cspan class=\"soi-immo-label\"\u003e100 % PURE ET NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-immo-label\"\u003eCHÉMOTYPÉE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-immo-section\"\u003e\n    \u003cp class=\"soi-immo-section-intro\"\u003eParmi toutes les huiles essentielles disponibles aujourd'hui, l'huile essentielle d'immortelle occupe une place à part. Extraite des sommités fleuries de l'\u003cem\u003eHelichrysum italicum\u003c\/em\u003e, cette plante dorée qui pousse à flanc de collines méditerranéennes et corses, elle est prisée depuis des siècles en aromathérapie pour ses actions réparatrices, circulatoires et régénérantes. La version signée Pranarom vous garantit une huile 100 % pure, intégrale, chémotypée et certifiée HECT : le standard de référence en aromathérapie sérieuse.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-immo-section\"\u003e\n    \u003ch2\u003ePourquoi l'huile essentielle d'immortelle est-elle si recherchée ?\u003c\/h2\u003e\n    \u003cp class=\"soi-immo-section-intro\"\u003eL'huile d'immortelle doit sa réputation à une composition biochimique unique, dominée par les italidiones, l'alpha-pinène et les esters nervine. Cette synergie rare lui confère des propriétés que peu d'autres huiles essentielles réunissent.\u003c\/p\u003e\n    \u003cdiv class=\"soi-immo-benefits\"\u003e\n      \u003cdiv class=\"soi-immo-benefit\"\u003e\n        \u003cdiv class=\"soi-immo-benefit-icon\"\u003e\u003cspan\u003e💜\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAnti-hématome puissante\u003c\/h3\u003e\n        \u003cp\u003eL'huile essentielle de référence pour favoriser la résorption des bleus, chocs et contusions, dès application locale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-immo-benefit\"\u003e\n        \u003cdiv class=\"soi-immo-benefit-icon\"\u003e\u003cspan\u003e🦵\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSoutien circulatoire\u003c\/h3\u003e\n        \u003cp\u003eElle aide à favoriser une sensation de jambes légères et soutient le confort veineux lors des massages.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-immo-benefit\"\u003e\n        \u003cdiv class=\"soi-immo-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eRégénération cutanée\u003c\/h3\u003e\n        \u003cp\u003eIntégrée dans une routine soin, elle participe à préserver l'élasticité de la peau et à stimuler son renouvellement naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-immo-benefit\"\u003e\n        \u003cdiv class=\"soi-immo-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eApaisante et anti-rougeurs\u003c\/h3\u003e\n        \u003cp\u003eIdéale sur les peaux réactives, irritées ou sujettes aux rougeurs persistantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-immo-benefit\"\u003e\n        \u003cdiv class=\"soi-immo-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSoin anti-âge naturel\u003c\/h3\u003e\n        \u003cp\u003eReconnue en cosmétique naturelle pour aider à maintenir la fermeté et l'éclat de la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-immo-section\"\u003e\n    \u003ch2\u003eComposition et chémotype : ce qui fait la différence\u003c\/h2\u003e\n    \u003cp class=\"soi-immo-section-intro\"\u003eLa qualité d'une huile essentielle d'immortelle repose entièrement sur son origine botanique et sa méthode d'extraction. Chez Pranarom, chaque flacon est tracé, analysé et certifié.\u003c\/p\u003e\n    \u003cdiv class=\"soi-immo-compo\"\u003e\n      \u003cdiv class=\"soi-immo-compo-row\"\u003e\n        \u003cspan class=\"soi-immo-compo-label\"\u003eNom botanique\u003c\/span\u003e\n        \u003cspan class=\"soi-immo-compo-value\"\u003eHelichrysum italicum\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-immo-compo-row\"\u003e\n        \u003cspan class=\"soi-immo-compo-label\"\u003ePartie distillée\u003c\/span\u003e\n        \u003cspan class=\"soi-immo-compo-value\"\u003eSommités fleuries\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-immo-compo-row\"\u003e\n        \u003cspan class=\"soi-immo-compo-label\"\u003eBiochimie principale\u003c\/span\u003e\n        \u003cspan class=\"soi-immo-compo-value\"\u003eAlpha-pinène \u0026amp; italidiones\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-immo-compo-row\"\u003e\n        \u003cspan class=\"soi-immo-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-immo-compo-value\"\u003eHECT, 100 % pure et naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-immo-compo-row\"\u003e\n        \u003cspan class=\"soi-immo-compo-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-immo-compo-value\"\u003eProduction contrôlée, qualité aromathérapeutique garantie\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-immo-tip\"\u003e\n      \u003cdiv class=\"soi-immo-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eCe chémotype précis garantit que vous utilisez la bonne molécule active, au bon dosage, pour les bons effets. C'est ce qui distingue une huile d'immortelle de qualité d'une huile sans garantie d'origine.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-immo-section\"\u003e\n    \u003ch2\u003eComment utiliser l'huile essentielle d'immortelle ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-immo-grid\"\u003e\n      \u003cdiv class=\"soi-immo-card\"\u003e\n        \u003ch3\u003e💜 En cas de bleu ou choc\u003c\/h3\u003e\n        \u003cp\u003eAppliquez 2 gouttes pures (ou diluées dans une huile végétale) directement sur la zone concernée, 2 à 3 fois par jour. Évitez les plaies ouvertes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-immo-card\"\u003e\n        \u003ch3\u003e🦵 En massage circulatoire\u003c\/h3\u003e\n        \u003cp\u003eDiluez 2 à 3 gouttes dans 10 ml d'huile végétale de calophylle ou d'arnica. Massez les jambes du bas vers le haut pour accompagner le retour veineux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-immo-card\"\u003e\n        \u003ch3\u003e✨ En soin visage anti-âge\u003c\/h3\u003e\n        \u003cp\u003eAjoutez 1 goutte à votre sérum ou crème du soir. L'huile d'immortelle s'associe parfaitement à une huile végétale de rose musquée pour un effet régénérant optimal.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-immo-accordion\"\u003e\n      \u003cdetails class=\"soi-immo-accordion-item\"\u003e\n        \u003csummary class=\"soi-immo-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-immo-accordion-content\"\u003e\n          \u003cp\u003eDéconseillée aux femmes enceintes et aux enfants de moins de 6 ans. Réalisez toujours un test cutané avant utilisation. Cette huile essentielle ne se substitue pas à un avis médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-immo-section\"\u003e\n    \u003ch2\u003ePourquoi choisir Pranarom ?\u003c\/h2\u003e\n    \u003cp\u003ePranarom est un laboratoire belge pionnier en aromathérapie scientifique depuis plus de 30 ans. Chaque huile essentielle d'immortelle est soumise à une analyse chromatographique pour valider sa composition exacte. Vous achetez en toute confiance : pas de mélange, pas d'ajout synthétique, rien que la plante dans toute sa puissance naturelle.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-immo-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-immo-cta-box\"\u003e\n      \u003cp class=\"soi-immo-cta-tag\" style=\"color: white;\"\u003eDes siècles de sagesse botanique en quelques gouttes dorées\u003c\/p\u003e\n      \u003cp class=\"soi-immo-cta-text\" style=\"color: white;\"\u003eUne huile d'exception pour une peau qui se répare, un corps qui retrouve sa légèreté et une aromathérapie pratiquée avec rigueur. L'huile essentielle d'immortelle Pranarom est prête à faire la différence dans votre quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-immo-marine: #1A2D3D;\n  --soi-immo-marine-dark: #0F1E2B;\n  --soi-immo-marine-light: #2C4458;\n  --soi-immo-pomme: #A1C544;\n  --soi-immo-pomme-dark: #84A636;\n  --soi-immo-pomme-light: rgba(161,197,68,0.10);\n  --soi-immo-white: #FFFFFF;\n  --soi-immo-off-white: #F8FAF6;\n  --soi-immo-stone: #F1F3EE;\n  --soi-immo-line: #E5E8E0;\n  --soi-immo-primary: #7A5C2E;\n  --soi-immo-primary-soft: #F5F0E6;\n  --soi-immo-accent: #8A9A4B;\n  --soi-immo-text: #1A2D3D;\n  --soi-immo-text-soft: #4A5B6B;\n  --soi-immo-text-muted: #7B8693;\n  --soi-immo-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-immo-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-immo-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-immo-radius: 12px;\n  --soi-immo-radius-sm: 8px;\n  --soi-immo-radius-pill: 999px;\n}\n\n.soi-immo-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-immo-fiche img { max-width: 100%; height: auto; }\n\n.soi-immo-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-immo-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-immo-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-immo-hero {\n  position: relative;\n  background: var(--soi-immo-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-immo-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-immo-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-immo-pomme);\n}\n\n.soi-immo-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-immo-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-immo-pomme);\n  border-radius: 50%;\n}\n\n.soi-immo-hero-title {\n  display: block;\n  color: var(--soi-immo-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-immo-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-immo-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-immo-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-immo-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-immo-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-immo-label-accent {\n  background: var(--soi-immo-pomme);\n  border-color: var(--soi-immo-pomme);\n  color: var(--soi-immo-marine);\n  font-weight: 600;\n}\n\n.soi-immo-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-immo-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-immo-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-immo-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-immo-pomme);\n  border-radius: 2px;\n}\n\n.soi-immo-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-immo-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.soi-immo-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-immo-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-immo-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-immo-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-immo-benefit {\n  background: var(--soi-immo-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-immo-radius);\n  border: 1px solid var(--soi-immo-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-immo-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-immo-shadow-md);\n}\n\n.soi-immo-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-immo-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-immo-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-immo-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-immo-benefit:hover .soi-immo-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-immo-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-immo-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-immo-benefit p {\n  font-size: 13px;\n  color: var(--soi-immo-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-immo-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-immo-card {\n  background: var(--soi-immo-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-immo-radius);\n  border-left: 3px solid var(--soi-immo-pomme);\n}\n\n.soi-immo-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-immo-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-immo-card p {\n  font-size: 14px;\n  color: var(--soi-immo-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-immo-compo {\n  background: var(--soi-immo-off-white);\n  border-radius: var(--soi-immo-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.soi-immo-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-immo-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-immo-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-immo-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-immo-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-immo-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-immo-marine);\n  text-align: right;\n}\n\n.soi-immo-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-immo-pomme-light);\n  border-left: 4px solid var(--soi-immo-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-immo-radius) var(--soi-immo-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-immo-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-immo-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-immo-marine);\n  margin-bottom: 4px;\n}\n\n.soi-immo-tip p {\n  font-size: 14px;\n  color: var(--soi-immo-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-immo-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-immo-accordion-item {\n  background: var(--soi-immo-off-white);\n  border-radius: var(--soi-immo-radius-sm);\n  border: 1px solid var(--soi-immo-line);\n  overflow: hidden;\n}\n\n.soi-immo-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-immo-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-immo-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-immo-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-immo-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-immo-accordion-item[open] .soi-immo-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-immo-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-immo-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-immo-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-immo-cta-box {\n  background: var(--soi-immo-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-immo-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-immo-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-immo-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-immo-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-immo-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-immo-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-immo-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-immo-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-immo-compo-value {\n    text-align: left;\n  }\n\n  .soi-immo-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-immo-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-immo-fiche {\n    --soi-immo-text-soft: #2C3E50;\n    --soi-immo-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603919823178,"sku":"RA0150","price":31.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0150_he_immortelle.jpg?v=1776167476"},{"product_id":"huile-essentielle-bio-dinule-odorante-pranarom","title":"Huile essentielle bio d'inule odorante - 5 ml - Pranarom","description":"\u003cdiv class=\"soi-inul-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-inul-hero\"\u003e\n    \u003cdiv class=\"soi-inul-hero-tag\"\u003e\n      \u003cspan class=\"soi-inul-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie · Pranarōm\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-inul-hero-title\"\u003eLa précieuse alliée de vos voies respiratoires\u003c\/span\u003e\n    \u003cp class=\"soi-inul-hero-subtitle\"\u003eL'inule odorante, huile essentielle chémotypée d'exception, concentre une richesse moléculaire rare au service de votre confort respiratoire, en toute saison.\u003c\/p\u003e\n    \u003cdiv class=\"soi-inul-hero-labels\"\u003e\n      \u003cspan class=\"soi-inul-label soi-inul-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-inul-label\"\u003eHECT\u003c\/span\u003e\n      \u003cspan class=\"soi-inul-label\"\u003e100% PURE ET NATURELLE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : Pourquoi l'inule odorante est-elle si précieuse --\u003e\n  \u003csection class=\"soi-inul-section\"\u003e\n    \u003ch2\u003ePourquoi l'inule odorante est-elle si précieuse pour les voies respiratoires ?\u003c\/h2\u003e\n    \u003cp class=\"soi-inul-section-intro\"\u003eParmi toutes les huiles essentielles respiratoires, l'inule odorante occupe une place à part. Sa teneur élevée en lactones sesquiterpéniques lui confère une action mucolytique et anticatarrhale particulièrement puissante : elle contribue à fluidifier les sécrétions bronchiques et à libérer les voies aériennes en profondeur.\u003c\/p\u003e\n\n    \u003cdiv class=\"soi-inul-benefits\"\u003e\n      \u003cdiv class=\"soi-inul-benefit\"\u003e\n        \u003cdiv class=\"soi-inul-benefit-icon\"\u003e\u003cspan\u003e🌬️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eMucolytique et expectorante\u003c\/h3\u003e\n        \u003cp\u003eFacilite l'élimination du mucus et soulage la toux grasse persistante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-inul-benefit\"\u003e\n        \u003cdiv class=\"soi-inul-benefit-icon\"\u003e\u003cspan\u003e🫁\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAntispasmodique et antitussive\u003c\/h3\u003e\n        \u003cp\u003eApaise les quintes de toux sèche et les spasmes bronchiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-inul-benefit\"\u003e\n        \u003cdiv class=\"soi-inul-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAntihistaminique naturelle\u003c\/h3\u003e\n        \u003cp\u003eRéputée pour son action sur les réactions respiratoires de type allergique (rhinites, éternuements).\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-inul-benefit\"\u003e\n        \u003cdiv class=\"soi-inul-benefit-icon\"\u003e\u003cspan\u003e💚\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eRégulatrice et tonique\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement reconnue comme soutien cardiovasculaire léger et tonique général.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-inul-tip\"\u003e\n      \u003cdiv class=\"soi-inul-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eC'est cette combinaison rare qui fait de l'inule odorante un véritable couteau suisse de la sphère ORL, aussi bien en période hivernale que lors des saisons polliniques difficiles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Comment utiliser --\u003e\n  \u003csection class=\"soi-inul-section\"\u003e\n    \u003ch2\u003eComment utiliser l'huile essentielle d'inule odorante ?\u003c\/h2\u003e\n\n    \u003cdiv class=\"soi-inul-timeline\"\u003e\n      \u003cdiv class=\"soi-inul-step\"\u003e\n        \u003cdiv class=\"soi-inul-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-inul-step-content\"\u003e\n          \u003ch3\u003eInhalation sèche ou humide\u003c\/h3\u003e\n          \u003cp\u003eDéposez 2 à 3 gouttes sur un mouchoir ou dans un bol d'eau chaude. Respirez lentement pendant 5 à 10 minutes pour dégager les voies respiratoires.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-inul-step\"\u003e\n        \u003cdiv class=\"soi-inul-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-inul-step-content\"\u003e\n          \u003ch3\u003eApplication cutanée (diluée)\u003c\/h3\u003e\n          \u003cp\u003eMélangez 1 à 2 gouttes dans une huile végétale (noyau d'abricot, amande douce) et massez le thorax et le haut du dos. Toujours diluer à 10 % maximum.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-inul-step\"\u003e\n        \u003cdiv class=\"soi-inul-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-inul-step-content\"\u003e\n          \u003ch3\u003eDiffusion atmosphérique\u003c\/h3\u003e\n          \u003cp\u003eAssociez-la à l'eucalyptus radié ou à la ravintsara pour une synergie diffusable apaisante en soirée. Diffusez 20 minutes par heure, pièce aérée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : Composition et garanties --\u003e\n  \u003csection class=\"soi-inul-section\"\u003e\n    \u003ch2\u003eComposition et garanties qualité Pranarōm\u003c\/h2\u003e\n\n    \u003cdiv class=\"soi-inul-compo\"\u003e\n      \u003cdiv class=\"soi-inul-compo-row\"\u003e\n        \u003cspan class=\"soi-inul-compo-label\"\u003eNom botanique\u003c\/span\u003e\n        \u003cspan class=\"soi-inul-compo-value\"\u003e\u003cem\u003eInula graveolens\u003c\/em\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-inul-compo-row\"\u003e\n        \u003cspan class=\"soi-inul-compo-label\"\u003ePartie distillée\u003c\/span\u003e\n        \u003cspan class=\"soi-inul-compo-value\"\u003eSommités fleuries\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-inul-compo-row\"\u003e\n        \u003cspan class=\"soi-inul-compo-label\"\u003eComposants principaux\u003c\/span\u003e\n        \u003cspan class=\"soi-inul-compo-value\"\u003eAcétate de bornyle, lactones sesquiterpéniques, bornéol\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-inul-compo-row\"\u003e\n        \u003cspan class=\"soi-inul-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-inul-compo-value\"\u003eAgriculture biologique (AB) · HECT\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-inul-compo-row\"\u003e\n        \u003cspan class=\"soi-inul-compo-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-inul-compo-value\"\u003eCultivée et distillée selon les standards Pranarōm\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-inul-compo-row\"\u003e\n        \u003cspan class=\"soi-inul-compo-label\"\u003eContenu\u003c\/span\u003e\n        \u003cspan class=\"soi-inul-compo-value\"\u003e5 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cp style=\"margin-top:1.25rem;\"\u003eLa certification HECT de Pranarōm va au-delà du simple label bio : chaque lot est analysé par chromatographie pour garantir une composition moléculaire précise, une traçabilité complète et une absence de contaminants. Vous avez la certitude d'utiliser une huile pure, intégrale et réellement active.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Précautions --\u003e\n  \u003csection class=\"soi-inul-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi essentielles\u003c\/h2\u003e\n\n    \u003cdiv class=\"soi-inul-accordion\"\u003e\n      \u003cdetails class=\"soi-inul-accordion-item\" open\u003e\n        \u003csummary class=\"soi-inul-accordion-header\"\u003e⚠️ Public concerné et contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"soi-inul-accordion-content\"\u003e\n          \u003cp\u003eRéservée à l'adulte. Déconseillée aux femmes enceintes, allaitantes et aux enfants. En cas de traitement médical ou de pathologie cardiaque, demandez l'avis d'un professionnel de santé avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-inul-accordion-item\"\u003e\n        \u003csummary class=\"soi-inul-accordion-header\"\u003e🧴 Règles d'application cutanée\u003c\/summary\u003e\n        \u003cdiv class=\"soi-inul-accordion-content\"\u003e\n          \u003cp\u003eNe jamais utiliser pure sur la peau. Toujours diluer dans une huile végétale. Éviter le contact avec les yeux et les muqueuses.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-inul-accordion-item\"\u003e\n        \u003csummary class=\"soi-inul-accordion-header\"\u003e🔒 Conservation et sécurité\u003c\/summary\u003e\n        \u003cdiv class=\"soi-inul-accordion-content\"\u003e\n          \u003cp\u003eTenir hors de portée des enfants. Ce produit ne remplace pas un traitement médical.\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-inul-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-inul-cta-box\"\u003e\n      \u003cp class=\"soi-inul-cta-tag\" style=\"color: white;\"\u003ePrendre soin de vous, naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-inul-cta-text\" style=\"color: white;\"\u003eUne respiration libérée, portée par l'une des plantes les plus précieuses de l'aromathérapie. Pure, traçable, certifiée bio : un flacon à toujours avoir à portée de main.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-inul-marine: #1A2D3D;\n  --soi-inul-marine-dark: #0F1E2B;\n  --soi-inul-marine-light: #2C4458;\n  --soi-inul-pomme: #A1C544;\n  --soi-inul-pomme-dark: #84A636;\n  --soi-inul-pomme-light: rgba(161,197,68,0.10);\n  --soi-inul-white: #FFFFFF;\n  --soi-inul-off-white: #F8FAF6;\n  --soi-inul-stone: #F1F3EE;\n  --soi-inul-line: #E5E8E0;\n  --soi-inul-primary: #7A9A8E;\n  --soi-inul-primary-soft: #E8F0EC;\n  --soi-inul-accent: #5C7A4A;\n  --soi-inul-text: #1A2D3D;\n  --soi-inul-text-soft: #4A5B6B;\n  --soi-inul-text-muted: #7B8693;\n  --soi-inul-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-inul-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-inul-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-inul-radius: 12px;\n  --soi-inul-radius-sm: 8px;\n  --soi-inul-radius-pill: 999px;\n}\n\n.soi-inul-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-inul-fiche img { max-width: 100%; height: auto; }\n\n.soi-inul-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-inul-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-inul-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-inul-hero {\n  position: relative;\n  background: var(--soi-inul-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-inul-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-inul-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-inul-pomme);\n}\n\n.soi-inul-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-inul-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-inul-pomme);\n  border-radius: 50%;\n}\n\n.soi-inul-hero-title {\n  display: block;\n  color: var(--soi-inul-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-inul-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-inul-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-inul-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-inul-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-inul-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-inul-label-accent {\n  background: var(--soi-inul-pomme);\n  border-color: var(--soi-inul-pomme);\n  color: var(--soi-inul-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-inul-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-inul-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-inul-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-inul-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-inul-pomme);\n  border-radius: 2px;\n}\n\n.soi-inul-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-inul-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-inul-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-inul-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-inul-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-inul-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-inul-benefit {\n  background: var(--soi-inul-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-inul-radius);\n  border: 1px solid var(--soi-inul-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-inul-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-inul-shadow-md);\n}\n\n.soi-inul-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-inul-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-inul-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-inul-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-inul-benefit:hover .soi-inul-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-inul-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-inul-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-inul-benefit p {\n  font-size: 13px;\n  color: var(--soi-inul-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-inul-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-inul-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-inul-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-inul-radius);\n  border: 1px solid var(--soi-inul-line);\n  align-items: flex-start;\n}\n\n.soi-inul-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-inul-marine);\n  color: var(--soi-inul-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-inul-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-inul-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-inul-step-content p {\n  font-size: 14px;\n  color: var(--soi-inul-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-inul-compo {\n  background: var(--soi-inul-off-white);\n  border-radius: var(--soi-inul-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-inul-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-inul-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-inul-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-inul-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-inul-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-inul-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-inul-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-inul-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-inul-pomme-light);\n  border-left: 4px solid var(--soi-inul-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-inul-radius) var(--soi-inul-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-inul-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-inul-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-inul-marine);\n  margin-bottom: 4px;\n}\n\n.soi-inul-tip p {\n  font-size: 14px;\n  color: var(--soi-inul-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-inul-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-inul-accordion-item {\n  background: var(--soi-inul-off-white);\n  border-radius: var(--soi-inul-radius-sm);\n  border: 1px solid var(--soi-inul-line);\n  overflow: hidden;\n}\n\n.soi-inul-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-inul-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-inul-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-inul-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-inul-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-inul-accordion-item[open] .soi-inul-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-inul-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-inul-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-inul-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-inul-cta-box {\n  background: var(--soi-inul-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-inul-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-inul-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-inul-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-inul-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-inul-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-inul-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-inul-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-inul-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-inul-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-inul-compo-value {\n    text-align: left;\n  }\n\n  .soi-inul-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-inul-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-inul-fiche {\n    --soi-inul-text-soft: #2C3E50;\n    --soi-inul-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603919921482,"sku":"RA0155","price":49.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-essentielle-bio-dinule-odorante-pranarom-packshot.webp?v=1792054010"},{"product_id":"huile-essentielle-bio-de-lavandin-super-pranarom","title":"Huile essentielle bio de lavandin super - 10 ml - Pranarom","description":"\u003cdiv class=\"soi-lavs-fiche\"\u003e\n\n\u003csection class=\"soi-lavs-hero\"\u003e\n\u003cdiv class=\"soi-lavs-hero-tag\"\u003e\n\u003cspan class=\"soi-lavs-tag-dot\"\u003e\u003c\/span\u003e\nAromathérapie · Pranarom\n\u003c\/div\u003e\n\u003cspan class=\"soi-lavs-hero-title\"\u003eL'essence apaisante de la Provence\u003c\/span\u003e\n\u003cp class=\"soi-lavs-hero-subtitle\"\u003eRelaxation musculaire, sérénité retrouvée et atmosphère purifiée : le lavandin super bio vous accompagne au quotidien avec la rigueur chémotypée Pranarom.\u003c\/p\u003e\n\u003cdiv class=\"soi-lavs-hero-labels\"\u003e\n\u003cspan class=\"soi-lavs-label soi-lavs-label-accent\"\u003eBIO\u003c\/span\u003e\n\u003cspan class=\"soi-lavs-label\"\u003eHECT CHÉMOTYPÉE\u003c\/span\u003e\n\u003cspan class=\"soi-lavs-label\"\u003e100% PURE ET NATURELLE\u003c\/span\u003e\n\u003cspan class=\"soi-lavs-label\"\u003eORIGINE FRANCE\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lavs-section\"\u003e\n\u003ch2\u003eHE de lavandin super bio : relaxation, muscles et atmosphère apaisante\u003c\/h2\u003e\n\u003cp\u003eLe \u003cstrong\u003elavandin super\u003c\/strong\u003e (\u003cem\u003eLavandula intermedia clone super\u003c\/em\u003e) est un hybride naturel issu du croisement entre la lavande vraie et la lavande aspic. Le résultat : une huile essentielle généreuse, au parfum floral et légèrement camphré, dont le profil biochimique en fait une référence incontournable en aromathérapie familiale.\u003c\/p\u003e\n\u003cp\u003eCertifiée bio, 100 % pure et naturelle, \u003cstrong\u003echémotypée HECT\u003c\/strong\u003e par Pranarom, elle vous garantit traçabilité et efficacité à chaque utilisation.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lavs-section\"\u003e\n\u003ch2\u003eComposition biochimique : ce qui rend ce lavandin si efficace\u003c\/h2\u003e\n\u003cp class=\"soi-lavs-section-intro\"\u003eL'huile essentielle de lavandin super se distingue par sa richesse en composés actifs soigneusement identifiés grâce au chémotypage HECT.\u003c\/p\u003e\n\u003cdiv class=\"soi-lavs-grid\"\u003e\n\u003cdiv class=\"soi-lavs-card\"\u003e\n\u003ch3\u003e🌿 Linalol (30 à 38 %)\u003c\/h3\u003e\n\u003cp\u003eReconnu pour ses propriétés relaxantes et apaisantes sur le système nerveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-lavs-card\"\u003e\n\u003ch3\u003e💜 Acétate de linalyle (28 à 35 %)\u003c\/h3\u003e\n\u003cp\u003ePrincipal responsable de l'action décontractante musculaire et de l'effet calmant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-lavs-card\"\u003e\n\u003ch3\u003e🍃 Camphre (6 à 8 %)\u003c\/h3\u003e\n\u003cp\u003eNote caractéristique qui distingue le lavandin super de la lavande vraie, contribuant au confort respiratoire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-lavs-card\"\u003e\n\u003ch3\u003e🫁 1,8-cinéole (5 à 8 %)\u003c\/h3\u003e\n\u003cp\u003eÉgalement appelé eucalyptol, il confère des propriétés assainissantes en diffusion atmosphérique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-lavs-compo\"\u003e\n\u003cdiv class=\"soi-lavs-compo-row\"\u003e\n\u003cspan class=\"soi-lavs-compo-label\"\u003ePartie distillée\u003c\/span\u003e\n\u003cspan class=\"soi-lavs-compo-value\"\u003eSommité fleurie\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-lavs-compo-row\"\u003e\n\u003cspan class=\"soi-lavs-compo-label\"\u003eMéthode d'extraction\u003c\/span\u003e\n\u003cspan class=\"soi-lavs-compo-value\"\u003eDistillation à la vapeur d'eau\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-lavs-compo-row\"\u003e\n\u003cspan class=\"soi-lavs-compo-label\"\u003eOrigine\u003c\/span\u003e\n\u003cspan class=\"soi-lavs-compo-value\"\u003eFrance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-lavs-compo-row\"\u003e\n\u003cspan class=\"soi-lavs-compo-label\"\u003eContenance\u003c\/span\u003e\n\u003cspan class=\"soi-lavs-compo-value\"\u003e10 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-lavs-compo-row\"\u003e\n\u003cspan class=\"soi-lavs-compo-label\"\u003eCertification\u003c\/span\u003e\n\u003cspan class=\"soi-lavs-compo-value\"\u003eAgriculture Biologique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-lavs-compo-row\"\u003e\n\u003cspan class=\"soi-lavs-compo-label\"\u003eQualité\u003c\/span\u003e\n\u003cspan class=\"soi-lavs-compo-value\"\u003eHECT chémotypée\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lavs-section\"\u003e\n\u003ch2\u003eBienfaits concrets de l'huile essentielle de lavandin super\u003c\/h2\u003e\n\u003cdiv class=\"soi-lavs-benefits\"\u003e\n\u003cdiv class=\"soi-lavs-benefit\"\u003e\n\u003cdiv class=\"soi-lavs-benefit-icon\"\u003e\u003cspan\u003e😴\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eRelaxation et sommeil\u003c\/h3\u003e\n\u003cp\u003eDiffusée 20 à 30 minutes avant le coucher, elle prépare le corps et l'esprit au repos. Idéale pour accompagner les nuits difficiles sans recourir à des solutions médicamenteuses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-lavs-benefit\"\u003e\n\u003cdiv class=\"soi-lavs-benefit-icon\"\u003e\u003cspan\u003e💪\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eConfort musculaire\u003c\/h3\u003e\n\u003cp\u003eDiluée à 5 % dans une huile végétale (amande douce, jojoba), elle s'applique en massage sur les zones de tension après l'effort. Crampes, courbatures, raideurs : elle accompagne efficacement la récupération.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-lavs-benefit\"\u003e\n\u003cdiv class=\"soi-lavs-benefit-icon\"\u003e\u003cspan\u003e🌬️\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eAmbiance assainissante\u003c\/h3\u003e\n\u003cp\u003eEn diffusion, son profil aromatique contribue à purifier l'air des pièces de vie et à éloigner certains insectes indésirables (moustiques, mites).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-lavs-benefit\"\u003e\n\u003cdiv class=\"soi-lavs-benefit-icon\"\u003e\u003cspan\u003e🧘\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eDétente nerveuse\u003c\/h3\u003e\n\u003cp\u003eQuelques gouttes sur les poignets ou en inhalation sèche lors d'un moment de stress vous offrent une pause rapide et bienvenue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lavs-section\"\u003e\n\u003ch2\u003eComment utiliser l'huile essentielle de lavandin super\u003c\/h2\u003e\n\u003cdiv class=\"soi-lavs-timeline\"\u003e\n\u003cdiv class=\"soi-lavs-step\"\u003e\n\u003cdiv class=\"soi-lavs-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"soi-lavs-step-content\"\u003e\n\u003ch3\u003eDiffusion atmosphérique\u003c\/h3\u003e\n\u003cp\u003eDéposez 5 à 8 gouttes dans un diffuseur à ultrasons. Limitez chaque session à 20 à 30 minutes maximum pour un confort optimal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-lavs-step\"\u003e\n\u003cdiv class=\"soi-lavs-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"soi-lavs-step-content\"\u003e\n\u003ch3\u003eVoie cutanée\u003c\/h3\u003e\n\u003cp\u003eToujours diluée dans une huile végétale (5 % maximum). Ne jamais appliquer pure sur la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-lavs-step\"\u003e\n\u003cdiv class=\"soi-lavs-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"soi-lavs-step-content\"\u003e\n\u003ch3\u003eVoie orale\u003c\/h3\u003e\n\u003cp\u003eUniquement sur avis d'un professionnel de santé, sur support neutre (miel, huile d'olive). Déconseillée sans encadrement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-lavs-step\"\u003e\n\u003cdiv class=\"soi-lavs-step-num\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"soi-lavs-step-content\"\u003e\n\u003ch3\u003eInhalation sèche\u003c\/h3\u003e\n\u003cp\u003eDéposez 1 à 2 gouttes sur un mouchoir et respirez profondément pour bénéficier d'un effet apaisant immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-lavs-tip\"\u003e\n\u003cdiv class=\"soi-lavs-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n\u003cp\u003ePour un massage décontractant après l'effort, diluez l'huile essentielle de lavandin super à 5 % dans une huile végétale d'amande douce ou de jojoba et appliquez sur les zones de tension.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lavs-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi : dangers et contre-indications de l'HE de lavandin\u003c\/h2\u003e\n\u003cp class=\"soi-lavs-section-intro\"\u003eL'huile essentielle de lavandin est souvent perçue comme totalement anodine, à tort. Voici les points de vigilance essentiels.\u003c\/p\u003e\n\u003cdiv class=\"soi-lavs-accordion\"\u003e\n\u003cdetails class=\"soi-lavs-accordion-item\"\u003e\n\u003csummary class=\"soi-lavs-accordion-header\"\u003e🤰 Femmes enceintes et allaitantes\u003c\/summary\u003e\n\u003cdiv class=\"soi-lavs-accordion-content\"\u003e\n\u003cp\u003eDéconseillée sans avis médical, notamment en raison de la teneur en camphre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"soi-lavs-accordion-item\"\u003e\n\u003csummary class=\"soi-lavs-accordion-header\"\u003e👶 Enfants de moins de 6 ans\u003c\/summary\u003e\n\u003cdiv class=\"soi-lavs-accordion-content\"\u003e\n\u003cp\u003eNe pas utiliser chez les enfants de moins de 6 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"soi-lavs-accordion-item\"\u003e\n\u003csummary class=\"soi-lavs-accordion-header\"\u003e⚠️ Épilepsie\u003c\/summary\u003e\n\u003cdiv class=\"soi-lavs-accordion-content\"\u003e\n\u003cp\u003eLe camphre présent dans cette huile essentielle contre-indique son usage chez les personnes épileptiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"soi-lavs-accordion-item\"\u003e\n\u003csummary class=\"soi-lavs-accordion-header\"\u003e🧴 Application cutanée\u003c\/summary\u003e\n\u003cdiv class=\"soi-lavs-accordion-content\"\u003e\n\u003cp\u003eToujours diluer avant application. Un test de tolérance au creux du coude est recommandé avant la première utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"soi-lavs-accordion-item\"\u003e\n\u003csummary class=\"soi-lavs-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"soi-lavs-accordion-content\"\u003e\n\u003cp\u003eCe produit ne remplace pas un traitement médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lavs-section\"\u003e\n\u003ch2\u003eLavandin super ou lavande vraie : laquelle choisir ?\u003c\/h2\u003e\n\u003cdiv class=\"soi-lavs-grid\"\u003e\n\u003cdiv class=\"soi-lavs-card\"\u003e\n\u003ch3\u003e💜 Lavandin super\u003c\/h3\u003e\n\u003cp\u003eContient davantage de camphre que la lavande vraie, ce qui le rend plus tonique et plus adapté aux douleurs musculaires. Excellent compromis pour un usage polyvalent au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-lavs-card\"\u003e\n\u003ch3\u003e🌸 Lavande vraie\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eLavandula angustifolia\u003c\/em\u003e reste la référence pour les peaux sensibles et les troubles émotionnels profonds, avec un profil plus doux et moins camphré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-lavs-card\"\u003e\n\u003ch3\u003e🌾 Lavandin grosso\u003c\/h3\u003e\n\u003cp\u003eAutre cultivar courant, il présente un profil légèrement différent avec une teneur en camphre plus élevée encore que le lavandin super.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lavs-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"soi-lavs-cta-box\"\u003e\n\u003cp class=\"soi-lavs-cta-text\" style=\"color: white;\"\u003eDouce, puissante et polyvalente, l'huile essentielle de lavandin super bio Pranarom s'invite dans votre quotidien pour relâcher les tensions, apaiser les muscles fatigués et transformer votre intérieur en véritable cocon de sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-lavs-marine: #1A2D3D;\n  --soi-lavs-marine-dark: #0F1E2B;\n  --soi-lavs-marine-light: #2C4458;\n  --soi-lavs-pomme: #A1C544;\n  --soi-lavs-pomme-dark: #84A636;\n  --soi-lavs-pomme-light: rgba(161,197,68,0.10);\n  --soi-lavs-white: #FFFFFF;\n  --soi-lavs-off-white: #F8FAF6;\n  --soi-lavs-stone: #F1F3EE;\n  --soi-lavs-line: #E5E8E0;\n  --soi-lavs-primary: #7A9A8E;\n  --soi-lavs-primary-soft: rgba(122,154,142,0.12);\n  --soi-lavs-accent: #9B8AA8;\n  --soi-lavs-text: #1A2D3D;\n  --soi-lavs-text-soft: #4A5B6B;\n  --soi-lavs-text-muted: #7B8693;\n  --soi-lavs-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-lavs-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-lavs-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-lavs-radius: 12px;\n  --soi-lavs-radius-sm: 8px;\n  --soi-lavs-radius-pill: 999px;\n}\n\n.soi-lavs-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-lavs-fiche img { max-width: 100%; height: auto; }\n\n.soi-lavs-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-lavs-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-lavs-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-lavs-hero {\n  position: relative;\n  background: var(--soi-lavs-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-lavs-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-lavs-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-lavs-pomme);\n}\n\n.soi-lavs-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-lavs-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-lavs-pomme);\n  border-radius: 50%;\n}\n\n.soi-lavs-hero-title {\n  display: block;\n  color: var(--soi-lavs-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-lavs-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-lavs-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-lavs-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-lavs-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-lavs-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-lavs-label-accent {\n  background: var(--soi-lavs-pomme);\n  border-color: var(--soi-lavs-pomme);\n  color: var(--soi-lavs-marine);\n  font-weight: 600;\n}\n\n.soi-lavs-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-lavs-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-lavs-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-lavs-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-lavs-pomme);\n  border-radius: 2px;\n}\n\n.soi-lavs-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-lavs-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-lavs-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-lavs-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-lavs-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-lavs-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-lavs-benefit {\n  background: var(--soi-lavs-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-lavs-radius);\n  border: 1px solid var(--soi-lavs-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-lavs-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-lavs-shadow-md);\n}\n\n.soi-lavs-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-lavs-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-lavs-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-lavs-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-lavs-benefit:hover .soi-lavs-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-lavs-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-lavs-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-lavs-benefit p {\n  font-size: 13px;\n  color: var(--soi-lavs-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-lavs-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-lavs-card {\n  background: var(--soi-lavs-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-lavs-radius);\n  border-left: 3px solid var(--soi-lavs-pomme);\n}\n\n.soi-lavs-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-lavs-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-lavs-card p {\n  font-size: 14px;\n  color: var(--soi-lavs-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-lavs-compo {\n  background: var(--soi-lavs-off-white);\n  border-radius: var(--soi-lavs-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-top: 1.5rem;\n}\n\n.soi-lavs-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-lavs-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-lavs-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-lavs-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-lavs-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-lavs-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-lavs-marine);\n  text-align: right;\n}\n\n.soi-lavs-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-lavs-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-lavs-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-lavs-radius);\n  border: 1px solid var(--soi-lavs-line);\n  align-items: flex-start;\n}\n\n.soi-lavs-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-lavs-marine);\n  color: var(--soi-lavs-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-lavs-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-lavs-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-lavs-step-content p {\n  font-size: 14px;\n  color: var(--soi-lavs-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-lavs-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-lavs-pomme-light);\n  border-left: 4px solid var(--soi-lavs-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-lavs-radius) var(--soi-lavs-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-lavs-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-lavs-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-lavs-marine);\n  margin-bottom: 4px;\n}\n\n.soi-lavs-tip p {\n  font-size: 14px;\n  color: var(--soi-lavs-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-lavs-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-lavs-accordion-item {\n  background: var(--soi-lavs-off-white);\n  border-radius: var(--soi-lavs-radius-sm);\n  border: 1px solid var(--soi-lavs-line);\n  overflow: hidden;\n}\n\n.soi-lavs-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-lavs-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-lavs-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-lavs-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-lavs-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-lavs-accordion-item[open] .soi-lavs-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-lavs-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-lavs-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-lavs-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-lavs-cta-box {\n  background: var(--soi-lavs-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-lavs-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-lavs-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-lavs-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-lavs-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-lavs-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-lavs-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-lavs-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-lavs-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-lavs-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-lavs-compo-value {\n    text-align: left;\n  }\n\n  .soi-lavs-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-lavs-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-lavs-fiche {\n    --soi-lavs-text-soft: #2C3E50;\n    --soi-lavs-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603920216394,"sku":"RA0165","price":6.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-essentielle-bio-de-lavandin-super-pranarom-packshot.webp?v=1792055444"},{"product_id":"huile-essentielle-de-ledon-du-groenland-pranarom","title":"Huile essentielle de Lédon du Groenland - Pranarom","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eL’Huile essentielle de Lédon du Groenland de Pranarom est une essence \u003cstrong data-start=\"409\" data-end=\"441\"\u003epuissante, rare et précieuse\u003c\/strong\u003e, issue d’une plante nordique peu exploitée. Son parfum herbacé et résineux révèle une personnalité aromatique intense, appréciée en aromathérapie pour accompagner les périodes de tension et soutenir l’équilibre global de l’organisme. Utilisée avec précaution et toujours diluée, elle s’inscrit comme une alliée de choix pour celles et ceux qui recherchent une approche naturelle du bien-être.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_RA0170_66cd6213-1c27-49bb-8223-c8f099e7d25d.jpg?v=1776185633\" alt=\"Photo d'huile essentielle de ledon du groenland et de ses fleurs à côté\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2 data-start=\"836\" data-end=\"925\"\u003eCaractéristiques et bienfaits de l’Huile essentielle de Lédon du Groenland de Pranarom\u003c\/h2\u003e\n\u003cp data-start=\"927\" data-end=\"1382\"\u003eCette huile essentielle se distingue par une concentration élevée en composés aromatiques naturels, lui conférant une \u003cstrong data-start=\"1045\" data-end=\"1081\"\u003eaction apaisante et équilibrante\u003c\/strong\u003e reconnue. En aromathérapie, elle est traditionnellement utilisée pour favoriser un état de calme intérieur et aider à traverser les moments de stress ou de surcharge émotionnelle. Son influence douce mais profonde contribue à instaurer une sensation de détente durable, propice au relâchement mental.\u003c\/p\u003e\n\u003cp data-start=\"1384\" data-end=\"1820\"\u003eLe Lédon du Groenland est également apprécié pour son rôle dans le \u003cstrong data-start=\"1451\" data-end=\"1471\"\u003econfort digestif\u003c\/strong\u003e, notamment après des repas copieux. Utilisée de manière ciblée, cette huile essentielle accompagne la digestion et participe à une sensation de légèreté. En application cutanée, toujours diluée dans une huile végétale, elle peut être intégrée à un massage local afin de renforcer ses effets tout en respectant les règles d’usage de l’aromathérapie.\u003c\/p\u003e\n\u003cp data-start=\"1822\" data-end=\"2088\"\u003eExtraite avec soin par Pranarom, cette huile essentielle est \u003cstrong data-start=\"1883\" data-end=\"1910\"\u003e100 % pure et naturelle\u003c\/strong\u003e, garantissant une qualité optimale et une traçabilité rigoureuse. Sa rareté et son potentiel aromatique en font une essence recherchée, destinée à un usage réfléchi et maîtrisé.\u003c\/p\u003e\n\u003ch2 data-start=\"2090\" data-end=\"2143\"\u003eUne essence d’exception pour l’équilibre intérieur\u003c\/h2\u003e\n\u003cp data-start=\"2145\" data-end=\"2532\" data-is-last-node=\"\" data-is-only-node=\"\"\u003eVéritable concentré de nature nordique, l’Huile essentielle de Lédon du Groenland de Pranarom s’adresse aux amateurs d’aromathérapie exigeants, en quête d’un produit \u003cstrong data-start=\"2311\" data-end=\"2338\"\u003eauthentique et efficace\u003c\/strong\u003e. Précieuse par sa rareté et appréciée pour ses bienfaits, elle trouve naturellement sa place dans une routine bien-être axée sur la sérénité, l’harmonie émotionnelle et le confort au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603920445770,"sku":"RA0170","price":52.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0170_he_ledon_groenland_7d9f40fe-d5c5-408a-a25d-38afa4974ebe.jpg?v=1778843498"},{"product_id":"huile-essentielle-de-petit-grain-bigarade-pranarom","title":"Huile essentielle de petit grain bigarade - Pranarom","description":"\u003cdiv class=\"soi-pgb-fiche\"\u003e\n\n\u003csection class=\"soi-pgb-hero\"\u003e\n  \u003cdiv class=\"soi-pgb-hero-tag\"\u003e\n    \u003cspan class=\"soi-pgb-tag-dot\"\u003e\u003c\/span\u003e\n    Aromathérapie · Pranarôm\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-pgb-hero-title\"\u003eLa sérénité au creux d'une feuille d'oranger\u003c\/span\u003e\n  \u003cp class=\"soi-pgb-hero-subtitle\"\u003eHuile essentielle chémotypée 100 % pure et naturelle, extraite des feuilles et jeunes rameaux de l'oranger amer. Un incontournable de l'aromathérapie pour apaiser le stress, favoriser le sommeil et rééquilibrer les peaux grasses.\u003c\/p\u003e\n  \u003cdiv class=\"soi-pgb-hero-labels\"\u003e\n    \u003cspan class=\"soi-pgb-label soi-pgb-label-accent\"\u003eBIO\u003c\/span\u003e\n    \u003cspan class=\"soi-pgb-label\"\u003eHECT\u003c\/span\u003e\n    \u003cspan class=\"soi-pgb-label\"\u003e100 % PURE ET NATURELLE\u003c\/span\u003e\n    \u003cspan class=\"soi-pgb-label\"\u003e10 ML\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-pgb-section\"\u003e\n  \u003ch2\u003ePourquoi choisir l'huile essentielle de petit grain bigarade ?\u003c\/h2\u003e\n  \u003cp class=\"soi-pgb-section-intro\"\u003eSi vous cherchez une huile essentielle pour accompagner le stress, les tensions nerveuses ou les nuits difficiles, le petit grain bigarade est souvent la première recommandée par les aromathérapeutes. Ses deux composants majoritaires, le linalol et l'acétate de linalyle, sont reconnus pour leurs propriétés relaxantes et équilibrantes sur le système nerveux.\u003c\/p\u003e\n  \u003cdiv class=\"soi-pgb-benefits\"\u003e\n    \u003cdiv class=\"soi-pgb-benefit\"\u003e\n      \u003cdiv class=\"soi-pgb-benefit-icon\"\u003e\u003cspan\u003e🧘\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eGestion du stress et de l'anxiété\u003c\/h3\u003e\n      \u003cp\u003eUn soutien naturel au quotidien pour apaiser les états de nervosité, d'irritabilité ou de surmenage.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-pgb-benefit\"\u003e\n      \u003cdiv class=\"soi-pgb-benefit-icon\"\u003e\u003cspan\u003e🌙\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eSommeil et apaisement\u003c\/h3\u003e\n      \u003cp\u003eFavorise l'endormissement et accompagne les périodes d'agitation mentale ou de troubles du sommeil légers.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-pgb-benefit\"\u003e\n      \u003cdiv class=\"soi-pgb-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003ePeaux et cuir chevelu\u003c\/h3\u003e\n      \u003cp\u003eRééquilibre les peaux grasses grâce à son action régulatrice du sébum et assainit le cuir chevelu à tendance grasse.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-pgb-section\"\u003e\n  \u003ch2\u003eComment utiliser l'huile essentielle de petit grain bigarade ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-pgb-timeline\"\u003e\n    \u003cdiv class=\"soi-pgb-step\"\u003e\n      \u003cdiv class=\"soi-pgb-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-pgb-step-content\"\u003e\n        \u003ch3\u003eEn diffusion atmosphérique\u003c\/h3\u003e\n        \u003cp\u003eVersez 4 à 6 gouttes dans votre diffuseur pendant 20 à 30 minutes, en soirée ou en période de tension. L'odeur douce et florale assainit l'air et crée une atmosphère propice au calme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-pgb-step\"\u003e\n      \u003cdiv class=\"soi-pgb-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-pgb-step-content\"\u003e\n        \u003ch3\u003ePar voie cutanée\u003c\/h3\u003e\n        \u003cp\u003eDiluez 1 à 2 gouttes dans une huile végétale (jojoba, amande douce) avant application sur les poignets, le plexus solaire ou la nuque. Idéal pour accompagner un massage relaxant.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-pgb-step\"\u003e\n      \u003cdiv class=\"soi-pgb-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-pgb-step-content\"\u003e\n        \u003ch3\u003eEn cosmétique maison\u003c\/h3\u003e\n        \u003cp\u003eIncorporez 1 % de petit grain bigarade dans vos soins du visage (soit 1 goutte pour 5 ml de soin) pour réguler les peaux mixtes à grasses.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-pgb-step\"\u003e\n      \u003cdiv class=\"soi-pgb-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-pgb-step-content\"\u003e\n        \u003ch3\u003eEn inhalation sèche\u003c\/h3\u003e\n        \u003cp\u003eDéposez 1 à 2 gouttes sur un mouchoir et respirez profondément lors d'un moment de stress aigu. L'effet est rapide et très accessible.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-pgb-tip\"\u003e\n    \u003cdiv class=\"soi-pgb-tip-icon\"\u003e⚠️\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003ePrécautions d'emploi\u003c\/strong\u003e\n      \u003cp\u003eRéservée à l'adulte, tenir hors de portée des enfants de moins de 6 ans. Évitez l'application pure sur la peau et consultez un professionnel en cas de grossesse ou de traitement médical en cours. Cette huile essentielle ne remplace pas un avis médical.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-pgb-section\"\u003e\n  \u003ch2\u003eComposition de l'huile essentielle petit grain bigarade Pranarôm\u003c\/h2\u003e\n  \u003cdiv class=\"soi-pgb-compo\"\u003e\n    \u003cdiv class=\"soi-pgb-compo-row\"\u003e\n      \u003cspan class=\"soi-pgb-compo-label\"\u003eNom botanique\u003c\/span\u003e\n      \u003cspan class=\"soi-pgb-compo-value\"\u003eCitrus aurantium ssp amara\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-pgb-compo-row\"\u003e\n      \u003cspan class=\"soi-pgb-compo-label\"\u003ePartie distillée\u003c\/span\u003e\n      \u003cspan class=\"soi-pgb-compo-value\"\u003eFeuilles et jeunes rameaux\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-pgb-compo-row\"\u003e\n      \u003cspan class=\"soi-pgb-compo-label\"\u003eOrigine\u003c\/span\u003e\n      \u003cspan class=\"soi-pgb-compo-value\"\u003eParaguay (culture biologique certifiée)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-pgb-compo-row\"\u003e\n      \u003cspan class=\"soi-pgb-compo-label\"\u003eChémotype principal\u003c\/span\u003e\n      \u003cspan class=\"soi-pgb-compo-value\"\u003eLinalol, acétate de linalyle\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-pgb-compo-row\"\u003e\n      \u003cspan class=\"soi-pgb-compo-label\"\u003eMéthode d'extraction\u003c\/span\u003e\n      \u003cspan class=\"soi-pgb-compo-value\"\u003eDistillation à la vapeur d'eau\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-pgb-compo-row\"\u003e\n      \u003cspan class=\"soi-pgb-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-pgb-compo-value\"\u003eBIO, HECT (Huile Essentielle Chémotypée)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-pgb-compo-row\"\u003e\n      \u003cspan class=\"soi-pgb-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-pgb-compo-value\"\u003e10 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-pgb-section\"\u003e\n  \u003ch2\u003ePetit grain bigarade : les questions que vous vous posez\u003c\/h2\u003e\n  \u003cdiv class=\"soi-pgb-accordion\"\u003e\n    \u003cdetails class=\"soi-pgb-accordion-item\"\u003e\n      \u003csummary class=\"soi-pgb-accordion-header\"\u003e🍊 Quelle différence avec la néroli ou la bergamote ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-pgb-accordion-content\"\u003e\n        \u003cp\u003eLa néroli est extraite des fleurs de l'oranger amer, la bergamote de l'écorce d'un agrume distinct. Le petit grain bigarade provient des feuilles du même oranger amer que la néroli : il offre des propriétés comparables, à un tarif bien plus accessible, ce qui en fait une alternative sérieuse pour un usage régulier.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-pgb-accordion-item\"\u003e\n      \u003csummary class=\"soi-pgb-accordion-header\"\u003e📅 Peut-on l'utiliser tous les jours ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-pgb-accordion-content\"\u003e\n        \u003cp\u003eOui, à condition de respecter les dilutions recommandées et de faire des pauses régulières (3 semaines d'utilisation, une semaine de pause).\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-pgb-accordion-item\"\u003e\n      \u003csummary class=\"soi-pgb-accordion-header\"\u003e🤚 Est-elle adaptée aux peaux sensibles ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-pgb-accordion-content\"\u003e\n        \u003cp\u003eElle est généralement bien tolérée, mais un test cutané préalable dans le pli du coude est toujours conseillé avant toute application régulière.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-pgb-section\"\u003e\n  \u003ch2\u003eCe que les utilisateurs apprécient\u003c\/h2\u003e\n  \u003cdiv class=\"soi-pgb-grid\"\u003e\n    \u003cdiv class=\"soi-pgb-card\"\u003e\n      \u003ch3\u003e🌸 Un parfum immédiatement réconfortant\u003c\/h3\u003e\n      \u003cp\u003eLes retours reviennent souvent sur la même chose : son arôme floral, légèrement boisé et frais, procure une sensation de bien-être dès les premières secondes.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-pgb-card\"\u003e\n      \u003ch3\u003e🌿 L'art de décompresser\u003c\/h3\u003e\n      \u003cp\u003eParticulièrement plébiscitée en diffusion le soir, seule ou associée à la lavande vraie ou à la camomille romaine pour un effet relaxant renforcé après une journée chargée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-pgb-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-pgb-cta-box\"\u003e\n    \u003cp class=\"soi-pgb-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n    \u003cp class=\"soi-pgb-cta-text\" style=\"color: white;\"\u003eDouce, efficace et polyvalente, l'huile essentielle de petit grain bigarade Pranarôm s'invite dans votre quotidien pour calmer les tensions, rééquilibrer votre peau et accompagner vos nuits.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-pgb-marine: #1A2D3D;\n  --soi-pgb-marine-dark: #0F1E2B;\n  --soi-pgb-marine-light: #2C4458;\n  --soi-pgb-pomme: #A1C544;\n  --soi-pgb-pomme-dark: #84A636;\n  --soi-pgb-pomme-light: rgba(161,197,68,0.10);\n  --soi-pgb-white: #FFFFFF;\n  --soi-pgb-off-white: #F8FAF6;\n  --soi-pgb-stone: #F1F3EE;\n  --soi-pgb-line: #E5E8E0;\n  --soi-pgb-primary: #7A9A8E;\n  --soi-pgb-primary-soft: #C8D9C4;\n  --soi-pgb-accent: #B5C76A;\n  --soi-pgb-text: #1A2D3D;\n  --soi-pgb-text-soft: #4A5B6B;\n  --soi-pgb-text-muted: #7B8693;\n  --soi-pgb-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-pgb-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-pgb-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-pgb-radius: 12px;\n  --soi-pgb-radius-sm: 8px;\n  --soi-pgb-radius-pill: 999px;\n}\n\n.soi-pgb-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-pgb-fiche img { max-width: 100%; height: auto; }\n\n.soi-pgb-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-pgb-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-pgb-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-pgb-hero {\n  position: relative;\n  background: var(--soi-pgb-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-pgb-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-pgb-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-pgb-pomme);\n}\n\n.soi-pgb-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-pgb-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-pgb-pomme);\n  border-radius: 50%;\n}\n\n.soi-pgb-hero-title {\n  display: block;\n  color: var(--soi-pgb-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-pgb-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-pgb-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-pgb-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-pgb-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-pgb-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-pgb-label-accent {\n  background: var(--soi-pgb-pomme);\n  border-color: var(--soi-pgb-pomme);\n  color: var(--soi-pgb-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-pgb-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-pgb-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-pgb-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-pgb-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-pgb-pomme);\n  border-radius: 2px;\n}\n\n.soi-pgb-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-pgb-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-pgb-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-pgb-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-pgb-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-pgb-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-pgb-benefit {\n  background: var(--soi-pgb-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-pgb-radius);\n  border: 1px solid var(--soi-pgb-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-pgb-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-pgb-shadow-md);\n}\n\n.soi-pgb-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-pgb-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-pgb-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-pgb-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-pgb-benefit:hover .soi-pgb-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-pgb-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-pgb-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-pgb-benefit p {\n  font-size: 13px;\n  color: var(--soi-pgb-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-pgb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-pgb-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-pgb-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-pgb-radius);\n  border: 1px solid var(--soi-pgb-line);\n  align-items: flex-start;\n}\n\n.soi-pgb-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-pgb-marine);\n  color: var(--soi-pgb-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-pgb-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-pgb-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-pgb-step-content p {\n  font-size: 14px;\n  color: var(--soi-pgb-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-pgb-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-pgb-pomme-light);\n  border-left: 4px solid var(--soi-pgb-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-pgb-radius) var(--soi-pgb-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-pgb-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-pgb-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-pgb-marine);\n  margin-bottom: 4px;\n}\n\n.soi-pgb-tip p {\n  font-size: 14px;\n  color: var(--soi-pgb-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-pgb-compo {\n  background: var(--soi-pgb-off-white);\n  border-radius: var(--soi-pgb-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-pgb-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-pgb-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-pgb-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-pgb-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-pgb-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-pgb-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-pgb-marine);\n  text-align: right;\n}\n\n\/* === ACCORDION === *\/\n.soi-pgb-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-pgb-accordion-item {\n  background: var(--soi-pgb-off-white);\n  border-radius: var(--soi-pgb-radius-sm);\n  border: 1px solid var(--soi-pgb-line);\n  overflow: hidden;\n}\n\n.soi-pgb-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-pgb-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-pgb-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-pgb-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-pgb-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-pgb-accordion-item[open] .soi-pgb-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-pgb-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-pgb-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-pgb-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-pgb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-pgb-card {\n  background: var(--soi-pgb-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-pgb-radius);\n  border-left: 3px solid var(--soi-pgb-pomme);\n}\n\n.soi-pgb-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-pgb-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-pgb-card p {\n  font-size: 14px;\n  color: var(--soi-pgb-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-pgb-cta-box {\n  background: var(--soi-pgb-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-pgb-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-pgb-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-pgb-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-pgb-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-pgb-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-pgb-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-pgb-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-pgb-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-pgb-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-pgb-compo-value {\n    text-align: left;\n  }\n\n  .soi-pgb-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-pgb-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-pgb-fiche {\n    --soi-pgb-text-soft: #2C3E50;\n    --soi-pgb-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603920511306,"sku":"RA0175","price":7.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-essentielle-de-petit-grain-bigarade-pranarom-packshot.webp?v=1780215029"},{"product_id":"huile-essentielle-bio-de-ylang-ylang-totum-pranarom","title":"Huile essentielle bio de ylang-ylang totum - 5 ml - Pranarom","description":"\u003cdiv class=\"soi-ylang-fiche\"\u003e\n\n\u003csection class=\"soi-ylang-hero\"\u003e\n  \u003cdiv class=\"soi-ylang-hero-tag\"\u003e\n    \u003cspan class=\"soi-ylang-tag-dot\"\u003e\u003c\/span\u003e\n    Aromathérapie · Pranarom\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-ylang-hero-title\"\u003eLa fleur qui apaise en un souffle\u003c\/span\u003e\n  \u003cp class=\"soi-ylang-hero-subtitle\"\u003eHuile essentielle chémotypée d'ylang-ylang totum, distillée à partir des fleurs fraîches de Cananga odorata. Un parfum floral, chaud et enveloppant pour retrouver calme et équilibre émotionnel.\u003c\/p\u003e\n  \u003cdiv class=\"soi-ylang-hero-labels\"\u003e\n    \u003cspan class=\"soi-ylang-label soi-ylang-label-accent\"\u003eBIO\u003c\/span\u003e\n    \u003cspan class=\"soi-ylang-label\"\u003eHECT\u003c\/span\u003e\n    \u003cspan class=\"soi-ylang-label\"\u003e100% PURE ET NATURELLE\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ylang-section\"\u003e\n  \u003ch2\u003eBienfaits de l'huile essentielle de ylang-ylang\u003c\/h2\u003e\n  \u003cp class=\"soi-ylang-section-intro\"\u003eLes bienfaits de l'huile essentielle de ylang-ylang sont nombreux et bien documentés en aromathérapie. Voici les propriétés qui font de cette essence florale une alliée précieuse de votre bien-être quotidien.\u003c\/p\u003e\n  \u003cdiv class=\"soi-ylang-benefits\"\u003e\n    \u003cdiv class=\"soi-ylang-benefit\"\u003e\n      \u003cdiv class=\"soi-ylang-benefit-icon\"\u003e\u003cspan\u003e🧘\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eApaisement du stress\u003c\/h3\u003e\n      \u003cp\u003eSon parfum enveloppant agit rapidement sur le système nerveux, favorisant un sentiment de calme et de lâcher-prise.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ylang-benefit\"\u003e\n      \u003cdiv class=\"soi-ylang-benefit-icon\"\u003e\u003cspan\u003e💛\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eSoutien émotionnel\u003c\/h3\u003e\n      \u003cp\u003eElle vous aide à traverser les périodes d'agitation mentale, d'irritabilité ou de tension intérieure.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ylang-benefit\"\u003e\n      \u003cdiv class=\"soi-ylang-benefit-icon\"\u003e\u003cspan\u003e💓\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eApaisement des palpitations\u003c\/h3\u003e\n      \u003cp\u003eTraditionnellement associée à la régulation du rythme cardiaque en contexte émotionnel, utilisée avec précaution.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ylang-benefit\"\u003e\n      \u003cdiv class=\"soi-ylang-benefit-icon\"\u003e\u003cspan\u003e🌺\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003ePropriétés aphrodisiaques\u003c\/h3\u003e\n      \u003cp\u003eReconnue depuis des siècles, elle favorise la détente sensorielle et soutient le désir naturellement.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ylang-benefit\"\u003e\n      \u003cdiv class=\"soi-ylang-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eSoin du cheveu et de la peau\u003c\/h3\u003e\n      \u003cp\u003eDiluée dans une huile végétale, elle revitalise le cuir chevelu et apporte brillance et souplesse aux cheveux ternes.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ylang-section\"\u003e\n  \u003ch2\u003eComposition\u003c\/h2\u003e\n  \u003cp class=\"soi-ylang-section-intro\"\u003eLa qualité HECT (Huile Essentielle Chémotypée) garantit une traçabilité et une pureté maximales. Voici les principaux constituants biochimiques de cette huile.\u003c\/p\u003e\n  \u003cdiv class=\"soi-ylang-grid\"\u003e\n    \u003cdiv class=\"soi-ylang-card\"\u003e\n      \u003ch3\u003e🧬 Germacrène D\u003c\/h3\u003e\n      \u003cp\u003eConstituant majeur, aux propriétés apaisantes et relaxantes.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ylang-card\"\u003e\n      \u003ch3\u003e🌸 Benzoate de benzyle\u003c\/h3\u003e\n      \u003cp\u003eContribue à la signature olfactive chaude et florale de l'ylang-ylang.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ylang-card\"\u003e\n      \u003ch3\u003e🍃 Composés aromatiques naturels\u003c\/h3\u003e\n      \u003cp\u003eLinalol, acétate de géranyle, para-crésyl méthyl éther enrichissent le profil thérapeutique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-ylang-compo\"\u003e\n    \u003cdiv class=\"soi-ylang-compo-row\"\u003e\n      \u003cspan class=\"soi-ylang-compo-label\"\u003eOrigine botanique\u003c\/span\u003e\n      \u003cspan class=\"soi-ylang-compo-value\"\u003e\u003cem\u003eCananga odorata\u003c\/em\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ylang-compo-row\"\u003e\n      \u003cspan class=\"soi-ylang-compo-label\"\u003ePartie utilisée\u003c\/span\u003e\n      \u003cspan class=\"soi-ylang-compo-value\"\u003eFleur\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ylang-compo-row\"\u003e\n      \u003cspan class=\"soi-ylang-compo-label\"\u003eProcédé d'extraction\u003c\/span\u003e\n      \u003cspan class=\"soi-ylang-compo-value\"\u003eDistillation à la vapeur d'eau\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ylang-compo-row\"\u003e\n      \u003cspan class=\"soi-ylang-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-ylang-compo-value\"\u003eAgriculture Biologique\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ylang-section\"\u003e\n  \u003ch2\u003eComment utiliser l'huile essentielle de ylang-ylang ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-ylang-timeline\"\u003e\n    \u003cdiv class=\"soi-ylang-step\"\u003e\n      \u003cdiv class=\"soi-ylang-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-ylang-step-content\"\u003e\n        \u003ch3\u003eEn diffusion atmosphérique\u003c\/h3\u003e\n        \u003cp\u003e4 à 6 gouttes dans un diffuseur par ultrasons pendant 20 à 30 minutes. Aérez la pièce ensuite. Ne diffusez pas en présence de jeunes enfants ou d'animaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ylang-step\"\u003e\n      \u003cdiv class=\"soi-ylang-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-ylang-step-content\"\u003e\n        \u003ch3\u003eEn massage\u003c\/h3\u003e\n        \u003cp\u003eDiluez 2 à 3 gouttes dans une cuillère à soupe d'huile végétale (jojoba, amande douce) et massez les zones de tension, le plexus solaire ou les poignets.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ylang-step\"\u003e\n      \u003cdiv class=\"soi-ylang-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-ylang-step-content\"\u003e\n        \u003ch3\u003eEn soin capillaire\u003c\/h3\u003e\n        \u003cp\u003e2 à 3 gouttes dans votre shampoing ou masque habituel pour revitaliser le cuir chevelu et sublimer vos cheveux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ylang-step\"\u003e\n      \u003cdiv class=\"soi-ylang-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-ylang-step-content\"\u003e\n        \u003ch3\u003eOlfaction directe\u003c\/h3\u003e\n        \u003cp\u003eQuelques inhalations au flacon suffisent pour un effet rapide en cas de tension émotionnelle ponctuelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ylang-section\"\u003e\n  \u003ch2\u003ePrécautions et dangers de l'huile essentielle de ylang-ylang\u003c\/h2\u003e\n  \u003cp class=\"soi-ylang-section-intro\"\u003eL'huile essentielle de ylang-ylang est puissante. Quelques précautions s'imposent pour une utilisation en toute sécurité.\u003c\/p\u003e\n  \u003cdiv class=\"soi-ylang-accordion\"\u003e\n    \u003cdetails class=\"soi-ylang-accordion-item\"\u003e\n      \u003csummary class=\"soi-ylang-accordion-header\"\u003e🚫 Ne jamais utiliser pure sur la peau\u003c\/summary\u003e\n      \u003cdiv class=\"soi-ylang-accordion-content\"\u003e\n        \u003cp\u003eElle doit toujours être diluée dans une huile végétale. Concentration maximale recommandée : 1 à 2 %.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-ylang-accordion-item\"\u003e\n      \u003csummary class=\"soi-ylang-accordion-header\"\u003e🤰 Personnes sensibles\u003c\/summary\u003e\n      \u003cdiv class=\"soi-ylang-accordion-content\"\u003e\n        \u003cp\u003eDéconseillée aux femmes enceintes et allaitantes, ainsi qu'aux enfants de moins de 6 ans.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-ylang-accordion-item\"\u003e\n      \u003csummary class=\"soi-ylang-accordion-header\"\u003e⚠️ Risque d'allergie cutanée\u003c\/summary\u003e\n      \u003cdiv class=\"soi-ylang-accordion-content\"\u003e\n        \u003cp\u003eEffectuez un test sur le pli du coude avant toute application étendue.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-ylang-accordion-item\"\u003e\n      \u003csummary class=\"soi-ylang-accordion-header\"\u003e💨 Diffusion modérée\u003c\/summary\u003e\n      \u003cdiv class=\"soi-ylang-accordion-content\"\u003e\n        \u003cp\u003eSon parfum intense peut provoquer des maux de tête en cas d'exposition prolongée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-ylang-accordion-item\"\u003e\n      \u003csummary class=\"soi-ylang-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n      \u003cdiv class=\"soi-ylang-accordion-content\"\u003e\n        \u003cp\u003eCe produit ne remplace pas un avis médical ni un traitement prescrit.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ylang-section\"\u003e\n  \u003ch2\u003eInformations produit\u003c\/h2\u003e\n  \u003cdiv class=\"soi-ylang-grid-compact\"\u003e\n    \u003cdiv class=\"soi-ylang-card-mini\"\u003e\n      \u003cspan class=\"soi-ylang-card-mini-icon\"\u003e🏷️\u003c\/span\u003e\n      \u003cspan class=\"soi-ylang-card-mini-label\"\u003eMarque\u003c\/span\u003e\n      \u003cspan class=\"soi-ylang-card-mini-value\"\u003ePranarom\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ylang-card-mini\"\u003e\n      \u003cspan class=\"soi-ylang-card-mini-icon\"\u003e💧\u003c\/span\u003e\n      \u003cspan class=\"soi-ylang-card-mini-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-ylang-card-mini-value\"\u003e5 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ylang-card-mini\"\u003e\n      \u003cspan class=\"soi-ylang-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n      \u003cspan class=\"soi-ylang-card-mini-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-ylang-card-mini-value\"\u003eBio \u0026amp; HECT\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ylang-card-mini\"\u003e\n      \u003cspan class=\"soi-ylang-card-mini-icon\"\u003e🌼\u003c\/span\u003e\n      \u003cspan class=\"soi-ylang-card-mini-label\"\u003ePartie distillée\u003c\/span\u003e\n      \u003cspan class=\"soi-ylang-card-mini-value\"\u003eFleur\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-ylang-compo\" style=\"margin-top: 1.25rem;\"\u003e\n    \u003cdiv class=\"soi-ylang-compo-row\"\u003e\n      \u003cspan class=\"soi-ylang-compo-label\"\u003eNom botanique\u003c\/span\u003e\n      \u003cspan class=\"soi-ylang-compo-value\"\u003e\u003cem\u003eCananga odorata\u003c\/em\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ylang-compo-row\"\u003e\n      \u003cspan class=\"soi-ylang-compo-label\"\u003eConstituants principaux\u003c\/span\u003e\n      \u003cspan class=\"soi-ylang-compo-value\"\u003eGermacrène D, benzoate de benzyle\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ylang-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-ylang-cta-box\"\u003e\n    \u003cp class=\"soi-ylang-cta-tag\" style=\"color: white;\"\u003eUn instant de sérénité, tout simplement\u003c\/p\u003e\n    \u003cp class=\"soi-ylang-cta-text\" style=\"color: white;\"\u003eLaissez l'ylang-ylang totum bio de Pranarom vous offrir ce que les journées chargées effacent trop souvent : un moment de douceur, de calme et de reconnexion à vous-même. Une seule goutte suffit parfois à transformer une soirée tendue en vrai moment de sérénité.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-ylang-marine: #1A2D3D;\n  --soi-ylang-marine-dark: #0F1E2B;\n  --soi-ylang-marine-light: #2C4458;\n  --soi-ylang-pomme: #A1C544;\n  --soi-ylang-pomme-dark: #84A636;\n  --soi-ylang-pomme-light: rgba(161,197,68,0.10);\n  --soi-ylang-white: #FFFFFF;\n  --soi-ylang-off-white: #F8FAF6;\n  --soi-ylang-stone: #F1F3EE;\n  --soi-ylang-line: #E5E8E0;\n  --soi-ylang-primary: #7A9A8E;\n  --soi-ylang-primary-soft: #C8D8C4;\n  --soi-ylang-accent: #D4C47A;\n  --soi-ylang-text: #1A2D3D;\n  --soi-ylang-text-soft: #4A5B6B;\n  --soi-ylang-text-muted: #7B8693;\n  --soi-ylang-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-ylang-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-ylang-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-ylang-radius: 12px;\n  --soi-ylang-radius-sm: 8px;\n  --soi-ylang-radius-pill: 999px;\n}\n\n.soi-ylang-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-ylang-fiche img { max-width: 100%; height: auto; }\n\n.soi-ylang-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-ylang-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-ylang-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-ylang-hero {\n  position: relative;\n  background: var(--soi-ylang-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-ylang-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-ylang-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-ylang-pomme);\n}\n\n.soi-ylang-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-ylang-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-ylang-pomme);\n  border-radius: 50%;\n}\n\n.soi-ylang-hero-title {\n  display: block;\n  color: var(--soi-ylang-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-ylang-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-ylang-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-ylang-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-ylang-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-ylang-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-ylang-label-accent {\n  background: var(--soi-ylang-pomme);\n  border-color: var(--soi-ylang-pomme);\n  color: var(--soi-ylang-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-ylang-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-ylang-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-ylang-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-ylang-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-ylang-pomme);\n  border-radius: 2px;\n}\n\n.soi-ylang-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-ylang-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-ylang-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-ylang-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-ylang-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-ylang-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-ylang-benefit {\n  background: var(--soi-ylang-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-ylang-radius);\n  border: 1px solid var(--soi-ylang-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-ylang-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-ylang-shadow-md);\n}\n\n.soi-ylang-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-ylang-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-ylang-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-ylang-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-ylang-benefit:hover .soi-ylang-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-ylang-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-ylang-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-ylang-benefit p {\n  font-size: 13px;\n  color: var(--soi-ylang-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-ylang-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-ylang-card {\n  background: var(--soi-ylang-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-ylang-radius);\n  border-left: 3px solid var(--soi-ylang-pomme);\n}\n\n.soi-ylang-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-ylang-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-ylang-card p {\n  font-size: 14px;\n  color: var(--soi-ylang-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-ylang-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-ylang-card-mini {\n  background: var(--soi-ylang-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-ylang-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-ylang-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-ylang-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-ylang-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-ylang-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-ylang-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-ylang-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-ylang-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-ylang-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-ylang-radius);\n  border: 1px solid var(--soi-ylang-line);\n  align-items: flex-start;\n}\n\n.soi-ylang-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-ylang-marine);\n  color: var(--soi-ylang-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-ylang-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-ylang-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-ylang-step-content p {\n  font-size: 14px;\n  color: var(--soi-ylang-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-ylang-compo {\n  background: var(--soi-ylang-off-white);\n  border-radius: var(--soi-ylang-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-ylang-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-ylang-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-ylang-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-ylang-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-ylang-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-ylang-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-ylang-marine);\n  text-align: right;\n}\n\n\/* === ACCORDION === *\/\n.soi-ylang-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-ylang-accordion-item {\n  background: var(--soi-ylang-off-white);\n  border-radius: var(--soi-ylang-radius-sm);\n  border: 1px solid var(--soi-ylang-line);\n  overflow: hidden;\n}\n\n.soi-ylang-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-ylang-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-ylang-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-ylang-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-ylang-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-ylang-accordion-item[open] .soi-ylang-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-ylang-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-ylang-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-ylang-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-ylang-cta-box {\n  background: var(--soi-ylang-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-ylang-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-ylang-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-ylang-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-ylang-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-ylang-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-ylang-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-ylang-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-ylang-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-ylang-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-ylang-compo-value {\n    text-align: left;\n  }\n\n  .soi-ylang-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-ylang-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-ylang-fiche {\n    --soi-ylang-text-soft: #2C3E50;\n    --soi-ylang-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603920642378,"sku":"RA0180","price":12.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/HE_ylang-ylang-bio-pranarom_7_11zon.jpg?v=1780214946"},{"product_id":"huile-vegetale-bio-de-carotte-pranarom","title":"Huile végétale bio de carotte - Pranarom","description":"\u003cdiv class=\"soi-caro-fiche\"\u003e\n\n\u003csection class=\"soi-caro-hero\"\u003e\n  \u003cdiv class=\"soi-caro-hero-tag\"\u003e\n    \u003cspan class=\"soi-caro-tag-dot\"\u003e\u003c\/span\u003e\n    Huile végétale · Pranarôm\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-caro-hero-title\"\u003eLe secret d'un teint lumineux toute l'année\u003c\/span\u003e\n  \u003cp class=\"soi-caro-hero-subtitle\"\u003eHuile végétale de carotte 100 % pure et naturelle, obtenue par extraction lipidique douce des racines de Daucus carota. Un concentré de bêta-carotène pour illuminer, nourrir et protéger votre peau au quotidien.\u003c\/p\u003e\n  \u003cdiv class=\"soi-caro-hero-labels\"\u003e\n    \u003cspan class=\"soi-caro-label soi-caro-label-accent\"\u003eBIO\u003c\/span\u003e\n    \u003cspan class=\"soi-caro-label\"\u003e100 % PURE ET NATURELLE\u003c\/span\u003e\n    \u003cspan class=\"soi-caro-label\"\u003e50 ML\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-caro-section\"\u003e\n  \u003ch2\u003eComposition et profil nutritionnel de l'huile de carotte bio\u003c\/h2\u003e\n  \u003cp\u003eSa couleur orangée intense n'est pas un hasard : elle révèle une concentration exceptionnelle en \u003cstrong\u003ebêta-carotène (provitamine A)\u003c\/strong\u003e, le pigment végétal responsable de l'effet bonne mine tant recherché. Sa texture est fluide et légère, elle pénètre rapidement sans laisser de film gras, pour un confort d'application apprécié au quotidien.\u003c\/p\u003e\n  \u003cdiv class=\"soi-caro-grid\"\u003e\n    \u003cdiv class=\"soi-caro-card\"\u003e\n      \u003ch3\u003e🌾 Acides gras essentiels\u003c\/h3\u003e\n      \u003cp\u003eAcide linoléique (oméga-6) et acide oléique (oméga-9) pour nourrir et assouplir l'épiderme en profondeur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-caro-card\"\u003e\n      \u003ch3\u003e🥕 Caroténoïdes\u003c\/h3\u003e\n      \u003cp\u003eEn forte concentration, reconnus pour leur action antioxydante sur la peau et leur effet bonne mine naturel.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-caro-card\"\u003e\n      \u003ch3\u003e🛡️ Vitamine E naturelle\u003c\/h3\u003e\n      \u003cp\u003eProtège la peau des agressions extérieures et contribue à prévenir le vieillissement cutané prématuré.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-caro-card\"\u003e\n      \u003ch3\u003e💧 Phytostérols\u003c\/h3\u003e\n      \u003cp\u003eSoutiennent la barrière cutanée et contribuent à une hydratation durable de l'épiderme.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-caro-section\"\u003e\n  \u003ch2\u003eLes bienfaits de l'huile végétale de carotte pour la peau\u003c\/h2\u003e\n  \u003cdiv class=\"soi-caro-benefits\"\u003e\n    \u003cdiv class=\"soi-caro-benefit\"\u003e\n      \u003cdiv class=\"soi-caro-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eEffet bonne mine\u003c\/h3\u003e\n      \u003cp\u003eLe bêta-carotène illumine et réchauffe visuellement le teint, même sans exposition solaire.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-caro-benefit\"\u003e\n      \u003cdiv class=\"soi-caro-benefit-icon\"\u003e\u003cspan\u003e☀️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eBronzage sublimé\u003c\/h3\u003e\n      \u003cp\u003eAppliquée avant et après le soleil, elle favorise un hâle doré et uniforme tout au long de la saison.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-caro-benefit\"\u003e\n      \u003cdiv class=\"soi-caro-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eNutrition intense\u003c\/h3\u003e\n      \u003cp\u003eSes acides gras nourrissent en profondeur et restaurent le film hydrolipidique des peaux sèches et tiraillées.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-caro-benefit\"\u003e\n      \u003cdiv class=\"soi-caro-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eDouceur apaisante\u003c\/h3\u003e\n      \u003cp\u003eSes propriétés apaisantes en font un soin doux pour les peaux fragilisées, sujettes à l'eczéma ou aux rougeurs.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-caro-benefit\"\u003e\n      \u003cdiv class=\"soi-caro-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAction antioxydante\u003c\/h3\u003e\n      \u003cp\u003eAide à neutraliser les radicaux libres responsables du vieillissement cutané accéléré.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-caro-benefit\"\u003e\n      \u003cdiv class=\"soi-caro-benefit-icon\"\u003e\u003cspan\u003e🪞\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eTeint unifié\u003c\/h3\u003e\n      \u003cp\u003eUtilisée régulièrement, elle contribue à uniformiser le grain de peau et à lui redonner éclat et vitalité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-caro-tip\"\u003e\n    \u003cdiv class=\"soi-caro-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eCette huile convient aux peaux sèches, mixtes et matures, ainsi qu'aux peaux sensibles. Même les peaux mixtes à tendance grasse peuvent l'utiliser en petite quantité grâce à sa légèreté.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-caro-section\"\u003e\n  \u003ch2\u003eComment utiliser l'huile de carotte bio Pranarôm ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-caro-timeline\"\u003e\n    \u003cdiv class=\"soi-caro-step\"\u003e\n      \u003cdiv class=\"soi-caro-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-caro-step-content\"\u003e\n        \u003ch3\u003eSoin visage bonne mine\u003c\/h3\u003e\n        \u003cp\u003eAppliquez 2 à 3 gouttes pures sur le visage matin ou soir, en massage doux jusqu'à absorption complète.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-caro-step\"\u003e\n      \u003cdiv class=\"soi-caro-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-caro-step-content\"\u003e\n        \u003ch3\u003ePréparation au soleil\u003c\/h3\u003e\n        \u003cp\u003eMélangez quelques gouttes à votre crème solaire (ne remplace pas la protection solaire) ou appliquez-la la veille d'une exposition.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-caro-step\"\u003e\n      \u003cdiv class=\"soi-caro-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-caro-step-content\"\u003e\n        \u003ch3\u003eSoin corps nourrissant\u003c\/h3\u003e\n        \u003cp\u003eIncorporez-la à votre lait corporel ou utilisez-la pure en massage sur les zones sèches (coudes, genoux, talons).\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-caro-step\"\u003e\n      \u003cdiv class=\"soi-caro-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-caro-step-content\"\u003e\n        \u003ch3\u003eSynergie avec une huile essentielle\u003c\/h3\u003e\n        \u003cp\u003eDiluez votre huile essentielle bio de carotte cultivée dans cette base végétale pour un soin sur mesure, régénérant et parfumé.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-caro-tip\" style=\"margin-top: 1.25rem;\"\u003e\n    \u003cdiv class=\"soi-caro-tip-icon\"\u003e⚠️\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003ePrécaution d'usage\u003c\/strong\u003e\n      \u003cp\u003eEn raison de sa teneur en bêta-carotène, cette huile peut légèrement teinter les matières claires. Évitez le contour des yeux et ne l'utilisez pas pure sur les peaux très claires avant une exposition prolongée sans protection solaire adaptée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-caro-section\"\u003e\n  \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n  \u003cdiv class=\"soi-caro-compo\"\u003e\n    \u003cdiv class=\"soi-caro-compo-row\"\u003e\n      \u003cspan class=\"soi-caro-compo-label\"\u003eNom botanique\u003c\/span\u003e\n      \u003cspan class=\"soi-caro-compo-value\"\u003eDaucus carota\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-caro-compo-row\"\u003e\n      \u003cspan class=\"soi-caro-compo-label\"\u003ePartie utilisée\u003c\/span\u003e\n      \u003cspan class=\"soi-caro-compo-value\"\u003eRacine\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-caro-compo-row\"\u003e\n      \u003cspan class=\"soi-caro-compo-label\"\u003eProcédé\u003c\/span\u003e\n      \u003cspan class=\"soi-caro-compo-value\"\u003eExtraction lipidique (macérât huileux)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-caro-compo-row\"\u003e\n      \u003cspan class=\"soi-caro-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-caro-compo-value\"\u003eBio\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-caro-compo-row\"\u003e\n      \u003cspan class=\"soi-caro-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-caro-compo-value\"\u003e50 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-caro-compo-row\"\u003e\n      \u003cspan class=\"soi-caro-compo-label\"\u003eUsage\u003c\/span\u003e\n      \u003cspan class=\"soi-caro-compo-value\"\u003eCosmétique externe uniquement\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-caro-compo-row\"\u003e\n      \u003cspan class=\"soi-caro-compo-label\"\u003eConservation\u003c\/span\u003e\n      \u003cspan class=\"soi-caro-compo-value\"\u003eÀ l'abri de la chaleur et de la lumière, flacon bien fermé\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-caro-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n    \u003cdetails class=\"soi-caro-accordion-item\"\u003e\n      \u003csummary class=\"soi-caro-accordion-header\"\u003e🩺 Avertissement\u003c\/summary\u003e\n      \u003cdiv class=\"soi-caro-accordion-content\"\u003e\n        \u003cp\u003eCe produit est réservé à un usage cosmétique externe. Il ne se substitue à aucun traitement médical. En cas de doute sur une affection cutanée, consultez un professionnel de santé.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-caro-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-caro-cta-box\"\u003e\n    \u003cp class=\"soi-caro-cta-tag\" style=\"color: white;\"\u003eLumière, douceur et vitalité en un geste\u003c\/p\u003e\n    \u003cp class=\"soi-caro-cta-text\" style=\"color: white;\"\u003eDu premier rayon de soleil aux soirées d'hiver, l'huile végétale bio de carotte Pranarôm devient le geste beauté naturel que vous ne voudrez plus quitter. Simple, naturel, efficace.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-caro-marine: #1A2D3D;\n  --soi-caro-marine-dark: #0F1E2B;\n  --soi-caro-marine-light: #2C4458;\n  --soi-caro-pomme: #A1C544;\n  --soi-caro-pomme-dark: #84A636;\n  --soi-caro-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-caro-white: #FFFFFF;\n  --soi-caro-off-white: #F8FAF6;\n  --soi-caro-stone: #F1F3EE;\n  --soi-caro-line: #E5E8E0;\n\n  --soi-caro-primary: #D88542;\n  --soi-caro-primary-soft: #F5E6D4;\n  --soi-caro-accent: #E8A94D;\n\n  --soi-caro-text: #1A2D3D;\n  --soi-caro-text-soft: #4A5B6B;\n  --soi-caro-text-muted: #7B8693;\n\n  --soi-caro-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-caro-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-caro-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-caro-radius: 12px;\n  --soi-caro-radius-sm: 8px;\n  --soi-caro-radius-pill: 999px;\n}\n\n.soi-caro-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-caro-fiche img { max-width: 100%; height: auto; }\n\n.soi-caro-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-caro-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-caro-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-caro-hero {\n  position: relative;\n  background: var(--soi-caro-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-caro-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-caro-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-caro-primary);\n}\n\n.soi-caro-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-caro-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-caro-primary);\n  border-radius: 50%;\n}\n\n.soi-caro-hero-title {\n  display: block;\n  color: var(--soi-caro-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-caro-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-caro-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-caro-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-caro-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-caro-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-caro-label-accent {\n  background: var(--soi-caro-primary);\n  border-color: var(--soi-caro-primary);\n  color: var(--soi-caro-white);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-caro-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-caro-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-caro-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-caro-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-caro-pomme);\n  border-radius: 2px;\n}\n\n.soi-caro-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-caro-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-caro-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-caro-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-caro-benefit {\n  background: var(--soi-caro-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-caro-radius);\n  border: 1px solid var(--soi-caro-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-caro-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-caro-shadow-md);\n}\n\n.soi-caro-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-caro-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-caro-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-caro-primary);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-caro-benefit:hover .soi-caro-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-caro-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-caro-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-caro-benefit p {\n  font-size: 13px;\n  color: var(--soi-caro-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-caro-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.soi-caro-card {\n  background: var(--soi-caro-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-caro-radius);\n  border-left: 3px solid var(--soi-caro-primary);\n}\n\n.soi-caro-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-caro-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-caro-card p {\n  font-size: 14px;\n  color: var(--soi-caro-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-caro-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-caro-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-caro-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-caro-radius);\n  border: 1px solid var(--soi-caro-line);\n  align-items: flex-start;\n}\n\n.soi-caro-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-caro-primary);\n  color: var(--soi-caro-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-caro-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-caro-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-caro-step-content p {\n  font-size: 14px;\n  color: var(--soi-caro-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-caro-compo {\n  background: var(--soi-caro-off-white);\n  border-radius: var(--soi-caro-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-caro-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-caro-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-caro-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-caro-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-caro-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-caro-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-caro-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-caro-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-caro-pomme-light);\n  border-left: 4px solid var(--soi-caro-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-caro-radius) var(--soi-caro-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-caro-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-caro-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-caro-marine);\n  margin-bottom: 4px;\n}\n\n.soi-caro-tip p {\n  font-size: 14px;\n  color: var(--soi-caro-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-caro-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-caro-accordion-item {\n  background: var(--soi-caro-off-white);\n  border-radius: var(--soi-caro-radius-sm);\n  border: 1px solid var(--soi-caro-line);\n  overflow: hidden;\n}\n\n.soi-caro-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-caro-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-caro-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-caro-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-caro-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-caro-accordion-item[open] .soi-caro-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-caro-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-caro-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-caro-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-caro-cta-box {\n  background: var(--soi-caro-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-caro-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-caro-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-caro-primary);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-caro-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-caro-primary);\n  margin-bottom: 0.75rem;\n}\n\n.soi-caro-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-caro-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-caro-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-caro-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-caro-compo-value {\n    text-align: left;\n  }\n\n  .soi-caro-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-caro-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-caro-fiche {\n    --soi-caro-text-soft: #2C3E50;\n    --soi-caro-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603921166666,"sku":"RA0185","price":10.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0185_hv_carotte.jpg?v=1776167541"},{"product_id":"huile-vegetale-bio-de-vanille-pranarom","title":"Huile végétale bio de vanille - Pranarom","description":"\n\u003cdiv class=\"soi-vani-fiche\"\u003e\n\n\u003csection class=\"soi-vani-hero\"\u003e\n  \u003cdiv class=\"soi-vani-hero-tag\"\u003e\n    \u003cspan class=\"soi-vani-tag-dot\"\u003e\u003c\/span\u003e\n    Huile végétale · Pranarom\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-vani-hero-title\"\u003eLe soin gourmand aux gousses de vanille\u003c\/span\u003e\n  \u003cp class=\"soi-vani-hero-subtitle\"\u003eMacérât huileux de Vanilla planifolia, nourrissant et apaisant, pour envelopper votre peau d'un voile de douceur et d'un parfum chaud et réconfortant.\u003c\/p\u003e\n  \u003cdiv class=\"soi-vani-hero-labels\"\u003e\n    \u003cspan class=\"soi-vani-label soi-vani-label-accent\"\u003eBIO\u003c\/span\u003e\n    \u003cspan class=\"soi-vani-label\"\u003e100% PURE ET NATURELLE\u003c\/span\u003e\n    \u003cspan class=\"soi-vani-label\"\u003eVEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-vani-label\"\u003e50 ML\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-vani-section\"\u003e\n  \u003cp class=\"soi-vani-section-intro\"\u003eVous cherchez une huile végétale à la fois nourrissante, apaisante et délicieusement parfumée ? L'huile végétale bio de vanille Pranarom concentre les actifs naturels de la vanille dans une base huileuse soyeuse, idéale pour chouchouter votre peau au quotidien.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-vani-section\"\u003e\n  \u003ch2\u003eQu'est-ce qu'un macérât huileux de vanille ?\u003c\/h2\u003e\n  \u003cp\u003eContrairement à une huile essentielle de vanille (obtenue par distillation), ce produit est un macérât huileux : des gousses de vanille sont infusées dans une huile végétale porteuse afin d'en extraire les principes actifs liposolubles, notamment la vanilline.\u003c\/p\u003e\n  \u003cp\u003eLe résultat est une huile végétale de vanille aux propriétés douces, parfaitement tolérées par les peaux sensibles, sans la concentration volatile d'une huile essentielle.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-vani-section\"\u003e\n  \u003ch2\u003eComposition de l'huile végétale de vanille Pranarom\u003c\/h2\u003e\n  \u003cdiv class=\"soi-vani-compo\"\u003e\n    \u003cdiv class=\"soi-vani-compo-row\"\u003e\n      \u003cspan class=\"soi-vani-compo-label\"\u003ePartie utilisée\u003c\/span\u003e\n      \u003cspan class=\"soi-vani-compo-value\"\u003eGousses de \u003cem\u003eVanilla planifolia\u003c\/em\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-vani-compo-row\"\u003e\n      \u003cspan class=\"soi-vani-compo-label\"\u003eHuile porteuse\u003c\/span\u003e\n      \u003cspan class=\"soi-vani-compo-value\"\u003eHuile végétale biologique (support du macérât)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-vani-compo-row\"\u003e\n      \u003cspan class=\"soi-vani-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-vani-compo-value\"\u003eBIO, 100 % pure et naturelle, Vegan\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-vani-compo-row\"\u003e\n      \u003cspan class=\"soi-vani-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-vani-compo-value\"\u003e50 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-vani-compo-row\"\u003e\n      \u003cspan class=\"soi-vani-compo-label\"\u003eCouleur\u003c\/span\u003e\n      \u003cspan class=\"soi-vani-compo-value\"\u003eJaune pâle à jaune ambré\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-vani-compo-row\"\u003e\n      \u003cspan class=\"soi-vani-compo-label\"\u003eOdeur\u003c\/span\u003e\n      \u003cspan class=\"soi-vani-compo-value\"\u003eChaude, sucrée, boisée, caractéristique de la gousse de vanille\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-vani-section\"\u003e\n  \u003ch2\u003eBienfaits de l'huile végétale de vanille : ce que dit la phytothérapie\u003c\/h2\u003e\n  \u003cdiv class=\"soi-vani-benefits\"\u003e\n    \u003cdiv class=\"soi-vani-benefit\"\u003e\n      \u003cdiv class=\"soi-vani-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eNourrissante et assouplissante\u003c\/h3\u003e\n      \u003cp\u003eElle enrichit les peaux sèches et inconfortables, leur restituant souplesse et confort durable.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-vani-benefit\"\u003e\n      \u003cdiv class=\"soi-vani-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eRéparatrice\u003c\/h3\u003e\n      \u003cp\u003eGrâce à ses actifs naturels, elle soutient la régénération cutanée des peaux fragilisées ou matures.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-vani-benefit\"\u003e\n      \u003cdiv class=\"soi-vani-benefit-icon\"\u003e\u003cspan\u003e🕊️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eApaisante\u003c\/h3\u003e\n      \u003cp\u003eReconnue pour atténuer les sensations d'inconfort sur les peaux sujettes aux rougeurs ou aux irritations légères.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-vani-benefit\"\u003e\n      \u003cdiv class=\"soi-vani-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eMaintien de l'hydratation\u003c\/h3\u003e\n      \u003cp\u003eSa texture forme un voile protecteur qui limite l'évaporation de l'eau cutanée.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-vani-benefit\"\u003e\n      \u003cdiv class=\"soi-vani-benefit-icon\"\u003e\u003cspan\u003e🧘\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eEffet sensoriel\u003c\/h3\u003e\n      \u003cp\u003eSon parfum chaud et gourmand favorise la détente et transforme chaque soin en véritable rituel bien-être.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-vani-section\"\u003e\n  \u003ch2\u003eComment utiliser l'huile végétale de vanille Pranarom ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-vani-timeline\"\u003e\n    \u003cdiv class=\"soi-vani-step\"\u003e\n      \u003cdiv class=\"soi-vani-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-vani-step-content\"\u003e\n        \u003ch3\u003eMassage corporel\u003c\/h3\u003e\n        \u003cp\u003eAppliquez quelques gouttes sur la zone à traiter et massez en mouvements circulaires jusqu'à absorption complète. Idéale après la douche pour sceller l'hydratation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-vani-step\"\u003e\n      \u003cdiv class=\"soi-vani-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-vani-step-content\"\u003e\n        \u003ch3\u003eSoin visage\u003c\/h3\u003e\n        \u003cp\u003eUtilisez 2 à 3 gouttes en soin de nuit sur le visage nettoyé pour les peaux sèches ou matures, en évitant le contour des yeux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-vani-step\"\u003e\n      \u003cdiv class=\"soi-vani-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-vani-step-content\"\u003e\n        \u003ch3\u003eDilution d'huiles essentielles\u003c\/h3\u003e\n        \u003cp\u003eElle constitue une excellente huile de base pour diluer vos huiles essentielles bio avant application cutanée (dilution recommandée : 2 à 5 % d'HE).\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-vani-step\"\u003e\n      \u003cdiv class=\"soi-vani-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-vani-step-content\"\u003e\n        \u003ch3\u003eSoin des cheveux\u003c\/h3\u003e\n        \u003cp\u003eAppliquez en masque sur les pointes abîmées ou sèches, laissez poser 20 minutes avant de rincer pour une brillance et une souplesse retrouvées.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-vani-section\"\u003e\n  \u003ch2\u003ePour quelle peau est-elle adaptée ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-vani-grid\"\u003e\n    \u003cdiv class=\"soi-vani-card\"\u003e\n      \u003ch3\u003e🏜️ Peaux sèches et très sèches\u003c\/h3\u003e\n      \u003cp\u003eEn manque de confort, elles retrouvent souplesse et nutrition grâce à la richesse de ce macérât.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-vani-card\"\u003e\n      \u003ch3\u003e🌸 Peaux matures\u003c\/h3\u003e\n      \u003cp\u003eBesoin de nutrition profonde ? Cette huile soutient la régénération et nourrit intensément.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-vani-card\"\u003e\n      \u003ch3\u003e🕊️ Peaux sensibles\u003c\/h3\u003e\n      \u003cp\u003eSujettes aux rougeurs, elles bénéficient des propriétés apaisantes de la vanille.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-vani-card\"\u003e\n      \u003ch3\u003e🛡️ Peaux fragilisées\u003c\/h3\u003e\n      \u003cp\u003eAprès une exposition ou une agression extérieure, cette huile aide à restaurer le confort cutané.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-vani-section\"\u003e\n  \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n  \u003cdiv class=\"soi-vani-accordion\"\u003e\n    \u003cdetails class=\"soi-vani-accordion-item\"\u003e\n      \u003csummary class=\"soi-vani-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n      \u003cdiv class=\"soi-vani-accordion-content\"\u003e\n        \u003cp\u003eRéservé à un usage externe uniquement. Évitez le contact avec les yeux. En cas de réaction cutanée, cessez l'utilisation. Tenez hors de portée des enfants. Ce produit ne se substitue pas à un traitement médical. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-vani-accordion-item\"\u003e\n      \u003csummary class=\"soi-vani-accordion-header\"\u003e🧴 Conservation\u003c\/summary\u003e\n      \u003cdiv class=\"soi-vani-accordion-content\"\u003e\n        \u003cp\u003eConservez l'huile végétale bio de vanille Pranarom à l'abri de la lumière et de la chaleur. Une fois ouverte, utilisez-la de préférence dans les 6 à 8 semaines pour profiter de toutes ses propriétés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-vani-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-vani-cta-box\"\u003e\n    \u003cp class=\"soi-vani-cta-tag\" style=\"color: white;\"\u003eUn rituel de douceur certifié bio\u003c\/p\u003e\n    \u003cp class=\"soi-vani-cta-text\" style=\"color: white;\"\u003eDouce, enveloppante et généreuse, l'huile végétale bio de vanille Pranarom transforme votre routine beauté en un vrai moment de plaisir. Votre peau vous dit merci, et vous aussi.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-vani-marine: #1A2D3D;\n  --soi-vani-marine-dark: #0F1E2B;\n  --soi-vani-marine-light: #2C4458;\n  --soi-vani-pomme: #A1C544;\n  --soi-vani-pomme-dark: #84A636;\n  --soi-vani-pomme-light: rgba(161,197,68,0.10);\n  --soi-vani-white: #FFFFFF;\n  --soi-vani-off-white: #F8FAF6;\n  --soi-vani-stone: #F1F3EE;\n  --soi-vani-line: #E5E8E0;\n  --soi-vani-primary: #D4A82A;\n  --soi-vani-primary-soft: #F5E6B8;\n  --soi-vani-accent: #B5894A;\n  --soi-vani-text: #1A2D3D;\n  --soi-vani-text-soft: #4A5B6B;\n  --soi-vani-text-muted: #7B8693;\n  --soi-vani-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-vani-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-vani-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-vani-radius: 12px;\n  --soi-vani-radius-sm: 8px;\n  --soi-vani-radius-pill: 999px;\n}\n\n.soi-vani-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-vani-fiche img { max-width: 100%; height: auto; }\n\n.soi-vani-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-vani-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-vani-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-vani-hero {\n  position: relative;\n  background: var(--soi-vani-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-vani-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-vani-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-vani-pomme);\n}\n\n.soi-vani-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-vani-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-vani-pomme);\n  border-radius: 50%;\n}\n\n.soi-vani-hero-title {\n  display: block;\n  color: var(--soi-vani-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-vani-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-vani-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-vani-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-vani-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-vani-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-vani-label-accent {\n  background: var(--soi-vani-pomme);\n  border-color: var(--soi-vani-pomme);\n  color: var(--soi-vani-marine);\n  font-weight: 600;\n}\n\n.soi-vani-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-vani-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-vani-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-vani-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-vani-pomme);\n  border-radius: 2px;\n}\n\n.soi-vani-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-vani-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-vani-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-vani-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-vani-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-vani-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-vani-benefit {\n  background: var(--soi-vani-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-vani-radius);\n  border: 1px solid var(--soi-vani-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-vani-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-vani-shadow-md);\n}\n\n.soi-vani-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-vani-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-vani-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-vani-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-vani-benefit:hover .soi-vani-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-vani-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-vani-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-vani-benefit p {\n  font-size: 13px;\n  color: var(--soi-vani-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-vani-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-vani-card {\n  background: var(--soi-vani-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-vani-radius);\n  border-left: 3px solid var(--soi-vani-pomme);\n}\n\n.soi-vani-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-vani-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-vani-card p {\n  font-size: 14px;\n  color: var(--soi-vani-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-vani-compo {\n  background: var(--soi-vani-off-white);\n  border-radius: var(--soi-vani-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-vani-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-vani-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-vani-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-vani-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-vani-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-vani-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-vani-marine);\n  text-align: right;\n}\n\n.soi-vani-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-vani-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-vani-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-vani-radius);\n  border: 1px solid var(--soi-vani-line);\n  align-items: flex-start;\n}\n\n.soi-vani-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-vani-marine);\n  color: var(--soi-vani-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-vani-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-vani-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-vani-step-content p {\n  font-size: 14px;\n  color: var(--soi-vani-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-vani-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-vani-pomme-light);\n  border-left: 4px solid var(--soi-vani-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-vani-radius) var(--soi-vani-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-vani-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-vani-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-vani-marine);\n  margin-bottom: 4px;\n}\n\n.soi-vani-tip p {\n  font-size: 14px;\n  color: var(--soi-vani-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-vani-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-vani-accordion-item {\n  background: var(--soi-vani-off-white);\n  border-radius: var(--soi-vani-radius-sm);\n  border: 1px solid var(--soi-vani-line);\n  overflow: hidden;\n}\n\n.soi-vani-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-vani-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-vani-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-vani-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-vani-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-vani-accordion-item[open] .soi-vani-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-vani-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-vani-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-vani-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-vani-cta-box {\n  background: var(--soi-vani-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-vani-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-vani-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-vani-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-vani-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-vani-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-vani-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-vani-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-vani-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-vani-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-vani-compo-value {\n    text-align: left;\n  }\n\n  .soi-vani-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-vani-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-vani-fiche {\n    --soi-vani-text-soft: #2C3E50;\n    --soi-vani-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603921363274,"sku":"RA0190","price":17.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0190_hv_vanille.jpg?v=1776167553"},{"product_id":"hydrolat-bio-de-neroli-pranarom","title":"Hydrolat bio de neroli - eau florale pure - Pranarom","description":"\u003cdiv class=\"soi-nero-fiche\"\u003e\n\u003csection class=\"soi-nero-hero\"\u003e\n\u003cdiv class=\"soi-nero-hero-tag\"\u003e\n\u003cspan class=\"soi-nero-tag-dot\"\u003e\u003c\/span\u003e Cosmétique naturelle · Pranarom\u003c\/div\u003e\n\u003cspan class=\"soi-nero-hero-title\"\u003eLa délicatesse de la fleur d'oranger pour votre peau\u003c\/span\u003e\n\u003cp class=\"soi-nero-hero-subtitle\"\u003eHydrolat 100 % pur et naturel, obtenu par distillation des fleurs fraîches d'oranger amer. Un soin apaisant, tonifiant et rééquilibrant, sans alcool ni conservateur.\u003c\/p\u003e\n\u003cdiv class=\"soi-nero-hero-labels\"\u003e\n\u003cspan class=\"soi-nero-label soi-nero-label-accent\"\u003eBIO\u003c\/span\u003e \u003cspan class=\"soi-nero-label\"\u003eVEGAN\u003c\/span\u003e \u003cspan class=\"soi-nero-label\"\u003e100 % PUR ET NATUREL\u003c\/span\u003e \u003cspan class=\"soi-nero-label\"\u003eSANS ALCOOL\u003c\/span\u003e \u003cspan class=\"soi-nero-label\"\u003eSANS CONSERVATEUR\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"soi-nero-section\"\u003e\n\u003ch2\u003eHydrolat de néroli : quels bienfaits pour la peau ?\u003c\/h2\u003e\n\u003cp class=\"soi-nero-section-intro\"\u003eReconnu pour ses propriétés apaisantes, tonifiantes et rééquilibrantes, l'hydrolat de néroli s'intègre à votre routine avec une simplicité remarquable. Voici ce qu'il peut vous apporter concrètement.\u003c\/p\u003e\n\u003cdiv class=\"soi-nero-benefits\"\u003e\n\u003cdiv class=\"soi-nero-benefit\"\u003e\n\u003cdiv class=\"soi-nero-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eApaise les peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eSon profil aromatique doux aide à calmer les rougeurs légères et l'inconfort cutané des peaux stressées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-nero-benefit\"\u003e\n\u003cdiv class=\"soi-nero-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eTonifie et redonne de l'éclat\u003c\/h3\u003e\n\u003cp\u003eUtilisé le matin en brumisation, il réveille le teint terne et unifie le grain de peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-nero-benefit\"\u003e\n\u003cdiv class=\"soi-nero-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eÉquilibre le film hydrolipidique\u003c\/h3\u003e\n\u003cp\u003eIdéal pour les peaux mixtes, il régule sans agresser et préserve l'équilibre naturel de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-nero-benefit\"\u003e\n\u003cdiv class=\"soi-nero-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003ePrépare la peau aux soins\u003c\/h3\u003e\n\u003cp\u003eAppliqué avant un sérum ou une crème, il optimise leur pénétration et leur efficacité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-nero-tip\"\u003e\n\u003cdiv class=\"soi-nero-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n\u003cp\u003eEn brume sur les longueurs, l'hydrolat de néroli assouplit vos cheveux, facilite le démêlage et apporte de la brillance aux cheveux secs ou ternes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"soi-nero-section\"\u003e\n\u003ch2\u003eComment utiliser l'hydrolat de néroli Pranarom ?\u003c\/h2\u003e\n\u003cdiv class=\"soi-nero-grid\"\u003e\n\u003cdiv class=\"soi-nero-card\"\u003e\n\u003ch3\u003e🌿 En tonique visage\u003c\/h3\u003e\n\u003cp\u003eVaporisez directement sur le visage propre, les yeux fermés, matin et\/ou soir. Laissez pénétrer avant d'appliquer votre soin habituel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-nero-card\"\u003e\n\u003ch3\u003e💆 Sur coton démaquillant\u003c\/h3\u003e\n\u003cp\u003eImprégnez un coton et passez-le délicatement sur le visage pour une seconde étape démaquillante, tonifiante et parfumée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-nero-card\"\u003e\n\u003ch3\u003e✨ En brume capillaire\u003c\/h3\u003e\n\u003cp\u003eVaporisez sur les longueurs et les pointes avant coiffage pour assouplir, démêler et apporter une touche parfumée naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-nero-card\"\u003e\n\u003ch3\u003e🧴 En soin du corps\u003c\/h3\u003e\n\u003cp\u003eUtilisez-le en brume rafraîchissante sur le corps après la douche, ou incorporez-le à vos cosmétiques maison (crème, masque, lotion).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"soi-nero-section\"\u003e\n\u003ch2\u003eComposition de l'hydrolat de néroli bio Pranarom\u003c\/h2\u003e\n\u003cdiv class=\"soi-nero-compo\"\u003e\n\u003cdiv class=\"soi-nero-compo-row\"\u003e\n\u003cspan class=\"soi-nero-compo-label\"\u003eIngrédient unique\u003c\/span\u003e \u003cspan class=\"soi-nero-compo-value\"\u003eAqua \/ Citrus aurantium amara flower water (eau florale de fleurs d'oranger amer)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-nero-compo-row\"\u003e\n\u003cspan class=\"soi-nero-compo-label\"\u003ePartie distillée\u003c\/span\u003e \u003cspan class=\"soi-nero-compo-value\"\u003eFleurs fraîches\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-nero-compo-row\"\u003e\n\u003cspan class=\"soi-nero-compo-label\"\u003eOrigine\u003c\/span\u003e \u003cspan class=\"soi-nero-compo-value\"\u003eDistillation de plantes fraîches, culture biologique certifiée\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-nero-compo-row\"\u003e\n\u003cspan class=\"soi-nero-compo-label\"\u003eCertification\u003c\/span\u003e \u003cspan class=\"soi-nero-compo-value\"\u003eBio, Vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-nero-compo-row\"\u003e\n\u003cspan class=\"soi-nero-compo-label\"\u003eFormulation\u003c\/span\u003e \u003cspan class=\"soi-nero-compo-value\"\u003eSans alcool, sans conservateur, sans additif\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"soi-nero-section\"\u003e\n\u003ch2\u003ePourquoi choisir Pranarom pour votre eau florale de néroli ?\u003c\/h2\u003e\n\u003cp\u003ePranarom est un acteur de référence en aromathérapie scientifique depuis plus de 30 ans. Son hydrolat de néroli fleur d'oranger se distingue par une traçabilité totale, une distillation soignée à partir de plantes fraîches et une formulation minimaliste. Vous obtenez un produit authentique, concentré en actifs naturels, sans dilution ni artifice, idéal pour les peaux les plus exigeantes comme pour celles et ceux qui découvrent la cosmétique naturelle.\u003c\/p\u003e\n\u003cp\u003eCe produit est destiné à un usage cosmétique externe. Il ne remplace pas un traitement médical ni l'avis d'un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"soi-nero-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"soi-nero-accordion\"\u003e\n\u003cdetails class=\"soi-nero-accordion-item\"\u003e\n\u003csummary class=\"soi-nero-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n\u003cdiv class=\"soi-nero-accordion-content\"\u003e\n\u003cp\u003eÉvitez le contact avec les yeux lors de la vaporisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"soi-nero-accordion-item\"\u003e\n\u003csummary class=\"soi-nero-accordion-header\"\u003e🌡️ Conservation\u003c\/summary\u003e\n\u003cdiv class=\"soi-nero-accordion-content\"\u003e\n\u003cp\u003eConservez à l'abri de la chaleur et de la lumière, de préférence au réfrigérateur après ouverture. À utiliser dans les 6 à 8 semaines après ouverture pour préserver toutes ses qualités.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"soi-nero-accordion-item\"\u003e\n\u003csummary class=\"soi-nero-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n\u003cdiv class=\"soi-nero-accordion-content\"\u003e\n\u003cp\u003eTenir hors de portée des enfants en bas âge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"soi-nero-section\"\u003e\n\u003cdiv class=\"soi-nero-cta-box\"\u003e\n\u003cp style=\"color: white;\" class=\"soi-nero-cta-tag\"\u003eUn flacon, mille usages\u003c\/p\u003e\n\u003cp style=\"color: white;\" class=\"soi-nero-cta-text\"\u003eOffrez à votre peau toute la délicatesse de la fleur d'oranger amer, distillée avec soin et certifiée bio. Visage, cheveux ou corps : un geste pur signé Pranarom, sélectionné par Soinat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --soi-nero-marine: #1A2D3D;\n  --soi-nero-marine-dark: #0F1E2B;\n  --soi-nero-marine-light: #2C4458;\n  --soi-nero-pomme: #A1C544;\n  --soi-nero-pomme-dark: #84A636;\n  --soi-nero-pomme-light: rgba(161,197,68,0.10);\n  --soi-nero-white: #FFFFFF;\n  --soi-nero-off-white: #F8FAF6;\n  --soi-nero-stone: #F1F3EE;\n  --soi-nero-line: #E5E8E0;\n  --soi-nero-primary: #C87A3A;\n  --soi-nero-primary-soft: #F5E6D5;\n  --soi-nero-accent: #E8A35C;\n  --soi-nero-text: #1A2D3D;\n  --soi-nero-text-soft: #4A5B6B;\n  --soi-nero-text-muted: #7B8693;\n  --soi-nero-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-nero-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-nero-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-nero-radius: 12px;\n  --soi-nero-radius-sm: 8px;\n  --soi-nero-radius-pill: 999px;\n}\n\n.soi-nero-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-nero-fiche img { max-width: 100%; height: auto; }\n\n.soi-nero-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-nero-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-nero-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-nero-hero {\n  position: relative;\n  background: var(--soi-nero-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-nero-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-nero-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-nero-pomme);\n}\n\n.soi-nero-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-nero-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-nero-pomme);\n  border-radius: 50%;\n}\n\n.soi-nero-hero-title {\n  display: block;\n  color: var(--soi-nero-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-nero-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-nero-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-nero-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-nero-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-nero-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-nero-label-accent {\n  background: var(--soi-nero-pomme);\n  border-color: var(--soi-nero-pomme);\n  color: var(--soi-nero-marine);\n  font-weight: 600;\n}\n\n.soi-nero-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-nero-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-nero-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-nero-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-nero-pomme);\n  border-radius: 2px;\n}\n\n.soi-nero-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-nero-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-nero-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-nero-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-nero-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-nero-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-nero-benefit {\n  background: var(--soi-nero-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-nero-radius);\n  border: 1px solid var(--soi-nero-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-nero-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-nero-shadow-md);\n}\n\n.soi-nero-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-nero-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-nero-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-nero-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-nero-benefit:hover .soi-nero-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-nero-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-nero-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-nero-benefit p {\n  font-size: 13px;\n  color: var(--soi-nero-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-nero-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-nero-card {\n  background: var(--soi-nero-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-nero-radius);\n  border-left: 3px solid var(--soi-nero-pomme);\n}\n\n.soi-nero-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-nero-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-nero-card p {\n  font-size: 14px;\n  color: var(--soi-nero-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-nero-compo {\n  background: var(--soi-nero-off-white);\n  border-radius: var(--soi-nero-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-nero-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-nero-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-nero-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-nero-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-nero-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-nero-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-nero-marine);\n  text-align: right;\n}\n\n.soi-nero-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-nero-pomme-light);\n  border-left: 4px solid var(--soi-nero-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-nero-radius) var(--soi-nero-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-nero-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-nero-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-nero-marine);\n  margin-bottom: 4px;\n}\n\n.soi-nero-tip p {\n  font-size: 14px;\n  color: var(--soi-nero-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-nero-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-nero-accordion-item {\n  background: var(--soi-nero-off-white);\n  border-radius: var(--soi-nero-radius-sm);\n  border: 1px solid var(--soi-nero-line);\n  overflow: hidden;\n}\n\n.soi-nero-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-nero-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-nero-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-nero-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-nero-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-nero-accordion-item[open] .soi-nero-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-nero-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-nero-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-nero-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-nero-cta-box {\n  background: var(--soi-nero-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-nero-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-nero-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-nero-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-nero-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-nero-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-nero-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-nero-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-nero-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-nero-compo-value {\n    text-align: left;\n  }\n\n  .soi-nero-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-nero-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-nero-fiche {\n    --soi-nero-text-soft: #2C3E50;\n    --soi-nero-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603921461578,"sku":"RA0195","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/hydrolat-bio-de-neroli-pranarom-packshot.webp?v=1780298198"},{"product_id":"capsules-nez-gorge-bio-en-capsules-pranarom","title":"Capsules nez-gorge bio en capsules - Pranarom","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp data-start=\"526\" data-end=\"983\"\u003ePensées pour accompagner les périodes délicates, les \u003cstrong data-start=\"88\" data-end=\"126\"\u003eCapsules nez-gorge bio de Pranarom\u003c\/strong\u003e s’appuient sur l’expertise reconnue de l’aromathérapie scientifique. Leur formule associe des huiles essentielles biologiques rigoureusement sélectionnées afin de soutenir le confort respiratoire et le bien-être de la gorge lorsque celle-ci est mise à rude épreuve, notamment lors des changements de saison ou en hiver.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_RA0210_aaa7e78a-d0c3-47d5-823e-2f2426270555.jpg?v=1776185647\" alt=\"Photo d'une femme qui est en train de se moucher\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2 data-start=\"761\" data-end=\"832\"\u003eCaractéristiques et bienfaits des Capsules nez-gorge bio de Pranarom\u003c\/h2\u003e\n\u003cp data-start=\"834\" data-end=\"1318\"\u003eLes Capsules nez-gorge bio de Pranarom renferment une \u003cstrong data-start=\"888\" data-end=\"957\"\u003esynergie d’huiles essentielles issues de l’agriculture biologique\u003c\/strong\u003e, choisies pour leur complémentarité et leur qualité. L’huile essentielle d’\u003cstrong data-start=\"1033\" data-end=\"1052\"\u003eOrigan vulgaire\u003c\/strong\u003e est traditionnellement reconnue en aromathérapie pour son rôle dans le soutien des défenses naturelles et le confort de la gorge. Elle est associée à l’huile essentielle de \u003cstrong data-start=\"1226\" data-end=\"1236\"\u003eCitron\u003c\/strong\u003e, appréciée pour ses propriétés apaisantes et son action sur le bien-être général.\u003c\/p\u003e\n\u003cp data-start=\"1320\" data-end=\"1718\"\u003eCette association contribue à favoriser une respiration plus confortable tout en aidant à apaiser les sensations d’inconfort au niveau du nez et de la gorge. Les capsules, \u003cstrong data-start=\"1492\" data-end=\"1526\"\u003epré-dosées, sans goût ni odeur\u003c\/strong\u003e, rendent l’utilisation simple et accessible, même pour les personnes peu habituées à l’aromathérapie. Leur format pratique permet une prise facile, ponctuelle ou régulière, selon les besoins.\u003c\/p\u003e\n\u003cp data-start=\"1720\" data-end=\"2006\"\u003eLa légère variation de couleur des capsules est un phénomène naturel, lié à l’authenticité des huiles essentielles utilisées, et n’altère en rien leur qualité. Fidèles à l’engagement de Pranarom, ces capsules sont élaborées dans le respect des standards de l’aromathérapie scientifique.\u003c\/p\u003e\n\u003ch2 data-start=\"2008\" data-end=\"2042\"\u003eL’alliée du confort respiratoire\u003c\/h2\u003e\n\u003cp data-start=\"2044\" data-end=\"2330\" data-is-last-node=\"\" data-is-only-node=\"\"\u003eAvec les Capsules nez-gorge bio, Pranarom propose une solution naturelle et experte pour \u003cstrong data-start=\"2133\" data-end=\"2182\"\u003eprendre soin de sa respiration et de sa gorge\u003c\/strong\u003e en toute simplicité. Une formule bio, pratique et maîtrisée, idéale pour accompagner l’organisme lorsque le confort respiratoire devient essentiel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603922641226,"sku":"RA0210","price":15.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0210_capsules_nez_gorge_6fd76eeb-b60f-4b3c-8752-4947365df233.jpg?v=1778843488"},{"product_id":"spray-lacte-anti-moustiques-et-tiques-pranarom","title":"Spray lacté anti-moustiques et tiques - Pranarom","description":"\u003cdiv class=\"soi-arom-fiche\"\u003e\n\n  \u003csection class=\"soi-arom-hero\"\u003e\n    \u003cdiv class=\"soi-arom-hero-tag\"\u003e\n      \u003cspan class=\"soi-arom-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie · Pranarom Aromapic\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-arom-hero-title\"\u003eSpray lacté anti-moustiques et tiques\u003c\/span\u003e\n    \u003cp class=\"soi-arom-hero-subtitle\"\u003eJusqu'à 10 heures de protection naturelle prouvée, au Citriodiol® et aux huiles essentielles biologiques. Une formule lactée douce pour le visage et le corps, adaptée à toute la famille.\u003c\/p\u003e\n    \u003cdiv class=\"soi-arom-hero-labels\"\u003e\n      \u003cspan class=\"soi-arom-label soi-arom-label-accent\"\u003eHUILES ESSENTIELLES BIO\u003c\/span\u003e\n      \u003cspan class=\"soi-arom-label\"\u003eSANS DEET\u003c\/span\u003e\n      \u003cspan class=\"soi-arom-label\"\u003eDÈS 6 MOIS\u003c\/span\u003e\n      \u003cspan class=\"soi-arom-label\"\u003eTESTÉ DERMATOLOGIQUEMENT\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-arom-section\"\u003e\n    \u003ch2\u003ePourquoi ce spray anti-moustiques naturel se distingue\u003c\/h2\u003e\n    \u003cp class=\"soi-arom-section-intro\"\u003eLa plupart des répulsifs classiques misent sur des actifs chimiques puissants mais contraignants. Pranarom a fait un autre choix : combiner le Citriodiol®, actif d'origine végétale extrait de l'eucalyptus citronné, à une synergie d'huiles essentielles 100 % biologiques, pour un résultat à la fois efficace et respectueux de votre peau.\u003c\/p\u003e\n    \u003cdiv class=\"soi-arom-benefits\"\u003e\n      \u003cdiv class=\"soi-arom-benefit\"\u003e\n        \u003cdiv class=\"soi-arom-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003e10h de protection\u003c\/h3\u003e\n        \u003cp\u003eJusqu'à 10 heures d'efficacité prouvée contre les moustiques communs et tropicaux, et jusqu'à 5 heures contre le moustique tigre et les tiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-arom-benefit\"\u003e\n        \u003cdiv class=\"soi-arom-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFormule naturelle\u003c\/h3\u003e\n        \u003cp\u003eAu Citriodiol® d'origine végétale et aux huiles essentielles 100 % biologiques. Sans DEET, sans neurotoxique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-arom-benefit\"\u003e\n        \u003cdiv class=\"soi-arom-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eTexture lactée confort\u003c\/h3\u003e\n        \u003cp\u003eFluide, non grasse, non collante : idéale sur le visage et le corps. Huiles essentielles non photosensibilisantes, utilisable en plein soleil.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-arom-benefit\"\u003e\n        \u003cdiv class=\"soi-arom-benefit-icon\"\u003e\u003cspan\u003e🌍\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eZones tropicales\u003c\/h3\u003e\n        \u003cp\u003eEfficace contre les moustiques de zones tropicales, y compris les vecteurs de dengue ou paludisme. Citriodiol® reconnu par l'OMS.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-arom-section\"\u003e\n    \u003ch2\u003eComposition du Spray lacté Aromapic\u003c\/h2\u003e\n    \u003cp class=\"soi-arom-section-intro\"\u003eLa formule Aromapic associe des actifs végétaux soigneusement dosés pour une efficacité maximale sans agresser votre peau.\u003c\/p\u003e\n    \u003cdiv class=\"soi-arom-grid\"\u003e\n      \u003cdiv class=\"soi-arom-card\"\u003e\n        \u003ch3\u003e🧪 Citriodiol® (PMD)\u003c\/h3\u003e\n        \u003cp\u003eActif répulsif d'origine végétale (p-Menthane-3,8-diol), reconnu par l'OMS pour les zones à risque tropical.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-arom-card\"\u003e\n        \u003ch3\u003e🌸 Géranium BIO\u003c\/h3\u003e\n        \u003cp\u003eHuile essentielle répulsive et apaisante pour la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-arom-card\"\u003e\n        \u003ch3\u003e🍋 Citronnelle BIO\u003c\/h3\u003e\n        \u003cp\u003eHuile essentielle désagréable pour les insectes, agréable à porter au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-arom-card\"\u003e\n        \u003ch3\u003e💜 Lavandin BIO\u003c\/h3\u003e\n        \u003cp\u003eHuile essentielle complément répulsif, au parfum doux et apaisant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-arom-card\"\u003e\n        \u003ch3\u003e💧 Base lactée hydratante\u003c\/h3\u003e\n        \u003cp\u003eAssure confort et souplesse cutanée après chaque application.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-arom-tip\"\u003e\n      \u003cdiv class=\"soi-arom-tip-icon\"\u003e✅\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eFormule sans compromis\u003c\/strong\u003e\n        \u003cp\u003eSans DEET, sans neurotoxique, sans parfum photosensibilisant.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-arom-section\"\u003e\n    \u003ch2\u003ePour qui est-il adapté ?\u003c\/h2\u003e\n    \u003cp class=\"soi-arom-section-intro\"\u003eCe spray anti-moustiques naturel a été testé sous contrôle dermatologique et pédiatrique. Il convient aux profils suivants :\u003c\/p\u003e\n    \u003cdiv class=\"soi-arom-grid\"\u003e\n      \u003cdiv class=\"soi-arom-card\"\u003e\n        \u003ch3\u003e👶 Adultes et enfants dès 6 mois\u003c\/h3\u003e\n        \u003cp\u003eUne formule douce adaptée aux plus jeunes, avec application par un adulte pour les enfants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-arom-card\"\u003e\n        \u003ch3\u003e🤰 Femmes enceintes dès le 4e mois\u003c\/h3\u003e\n        \u003cp\u003eConvient aux femmes enceintes à partir du quatrième mois de grossesse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-arom-card\"\u003e\n        \u003ch3\u003e🌱 Peaux sensibles ou réactives\u003c\/h3\u003e\n        \u003cp\u003eTexture lactée respectueuse, testée sous contrôle dermatologique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-arom-card\"\u003e\n        \u003ch3\u003e✈️ Voyageurs en zones tropicales\u003c\/h3\u003e\n        \u003cp\u003ePour celles et ceux qui recherchent un spray anti-moustiques tropicaux fiable pour les voyages à risque.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003eÀ noter : ce produit est formulé pour la peau humaine. Pour la protection de vos animaux, des solutions spécifiques de type spray anti-tiques adaptées à leur usage existent.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-arom-section\"\u003e\n    \u003ch2\u003eComment utiliser votre spray anti-moustiques et tiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-arom-timeline\"\u003e\n      \u003cdiv class=\"soi-arom-step\"\u003e\n        \u003cdiv class=\"soi-arom-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-arom-step-content\"\u003e\n          \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n          \u003cp\u003eAgitez légèrement le flacon avant chaque utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-arom-step\"\u003e\n        \u003cdiv class=\"soi-arom-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-arom-step-content\"\u003e\n          \u003ch3\u003eVaporisez sur les zones exposées\u003c\/h3\u003e\n          \u003cp\u003eVaporisez sur les zones exposées (visage, bras, jambes) à environ 20 cm de la peau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-arom-step\"\u003e\n        \u003cdiv class=\"soi-arom-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-arom-step-content\"\u003e\n          \u003ch3\u003eApplication sur le visage\u003c\/h3\u003e\n          \u003cp\u003ePour le visage, vaporisez d'abord dans les mains puis appliquez doucement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-arom-step\"\u003e\n        \u003cdiv class=\"soi-arom-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-arom-step-content\"\u003e\n          \u003ch3\u003eRenouvelez l'application\u003c\/h3\u003e\n          \u003cp\u003eRenouvelez toutes les 8 à 10 heures selon l'exposition et les conditions climatiques.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-arom-tip\"\u003e\n      \u003cdiv class=\"soi-arom-tip-icon\"\u003e⚠️\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003ePrécautions d'emploi\u003c\/strong\u003e\n        \u003cp\u003eÉvitez le contact avec les yeux et les muqueuses. Ne pas appliquer sur une peau lésée. Pour les enfants, l'application doit être réalisée par un adulte.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-arom-section\"\u003e\n    \u003ch2\u003eSpray anti-moustiques Pranarom : les questions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"soi-arom-accordion\"\u003e\n      \u003cdetails class=\"soi-arom-accordion-item\"\u003e\n        \u003csummary class=\"soi-arom-accordion-header\"\u003e🐅 Ce spray protège-t-il aussi contre les moustiques tigres ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-arom-accordion-content\"\u003e\n          \u003cp\u003eOui, avec une efficacité prouvée jusqu'à 5 heures contre le moustique tigre, très présent en France depuis quelques années.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-arom-accordion-item\"\u003e\n        \u003csummary class=\"soi-arom-accordion-header\"\u003e👕 Peut-on l'utiliser sur les vêtements ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-arom-accordion-content\"\u003e\n          \u003cp\u003eCe produit est formulé pour une application cutanée. Pour imprégner les vêtements, un spray anti-moustiques textile spécifique sera plus adapté.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-arom-accordion-item\"\u003e\n        \u003csummary class=\"soi-arom-accordion-header\"\u003e🌴 Est-il efficace en zone tropicale ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-arom-accordion-content\"\u003e\n          \u003cp\u003eOui, le Citriodiol® qu'il contient est reconnu pour protéger contre les moustiques vecteurs en zones tropicales. Consultez toutefois un médecin avant tout voyage à risque infectieux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-arom-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-arom-cta-box\"\u003e\n      \u003cp class=\"soi-arom-cta-tag\" style=\"color: white;\"\u003eProfitez de chaque instant en plein air\u003c\/p\u003e\n      \u003cp class=\"soi-arom-cta-text\" style=\"color: white;\"\u003eLa confiance d'une formule naturelle et prouvée, agréable à porter sur la peau, pour toute la famille, du jardin aux destinations tropicales. Parce que la liberté de s'évader ne devrait jamais avoir de mauvais souvenir.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-arom-marine: #1A2D3D;\n  --soi-arom-marine-dark: #0F1E2B;\n  --soi-arom-marine-light: #2C4458;\n  --soi-arom-pomme: #A1C544;\n  --soi-arom-pomme-dark: #84A636;\n  --soi-arom-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-arom-white: #FFFFFF;\n  --soi-arom-off-white: #F8FAF6;\n  --soi-arom-stone: #F1F3EE;\n  --soi-arom-line: #E5E8E0;\n\n  --soi-arom-primary: #7A9A8E;\n  --soi-arom-primary-soft: #C5D8D0;\n  --soi-arom-accent: #8B9A3E;\n\n  --soi-arom-text: #1A2D3D;\n  --soi-arom-text-soft: #4A5B6B;\n  --soi-arom-text-muted: #7B8693;\n\n  --soi-arom-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-arom-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-arom-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-arom-radius: 12px;\n  --soi-arom-radius-sm: 8px;\n  --soi-arom-radius-pill: 999px;\n}\n\n.soi-arom-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-arom-fiche img { max-width: 100%; height: auto; }\n\n.soi-arom-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-arom-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-arom-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-arom-hero {\n  position: relative;\n  background: var(--soi-arom-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-arom-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-arom-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-arom-pomme);\n}\n\n.soi-arom-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-arom-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-arom-pomme);\n  border-radius: 50%;\n}\n\n.soi-arom-hero-title {\n  display: block;\n  color: var(--soi-arom-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-arom-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-arom-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-arom-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-arom-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-arom-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-arom-label-accent {\n  background: var(--soi-arom-pomme);\n  border-color: var(--soi-arom-pomme);\n  color: var(--soi-arom-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-arom-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-arom-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-arom-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-arom-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-arom-pomme);\n  border-radius: 2px;\n}\n\n.soi-arom-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-arom-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-arom-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-arom-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-arom-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-arom-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-arom-benefit {\n  background: var(--soi-arom-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-arom-radius);\n  border: 1px solid var(--soi-arom-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-arom-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-arom-shadow-md);\n}\n\n.soi-arom-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-arom-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-arom-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-arom-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-arom-benefit:hover .soi-arom-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-arom-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-arom-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-arom-benefit p {\n  font-size: 13px;\n  color: var(--soi-arom-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-arom-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-arom-card {\n  background: var(--soi-arom-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-arom-radius);\n  border-left: 3px solid var(--soi-arom-pomme);\n}\n\n.soi-arom-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-arom-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-arom-card p {\n  font-size: 14px;\n  color: var(--soi-arom-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-arom-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-arom-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-arom-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-arom-radius);\n  border: 1px solid var(--soi-arom-line);\n  align-items: flex-start;\n}\n\n.soi-arom-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-arom-marine);\n  color: var(--soi-arom-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-arom-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-arom-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-arom-step-content p {\n  font-size: 14px;\n  color: var(--soi-arom-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-arom-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-arom-pomme-light);\n  border-left: 4px solid var(--soi-arom-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-arom-radius) var(--soi-arom-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-arom-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-arom-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-arom-marine);\n  margin-bottom: 4px;\n}\n\n.soi-arom-tip p {\n  font-size: 14px;\n  color: var(--soi-arom-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-arom-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-arom-accordion-item {\n  background: var(--soi-arom-off-white);\n  border-radius: var(--soi-arom-radius-sm);\n  border: 1px solid var(--soi-arom-line);\n  overflow: hidden;\n}\n\n.soi-arom-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-arom-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-arom-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-arom-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-arom-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-arom-accordion-item[open] .soi-arom-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-arom-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-arom-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-arom-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-arom-cta-box {\n  background: var(--soi-arom-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-arom-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-arom-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-arom-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-arom-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-arom-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-arom-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-arom-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-arom-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-arom-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-arom-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-arom-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-arom-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-arom-fiche {\n    --soi-arom-text-soft: #2C3E50;\n    --soi-arom-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603922739530,"sku":"RA0215","price":20.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/spray-lacte-anti-moustiques-et-tiques-pranarom-packshot_fc293b75-953b-42e5-b9c0-391a344a5523.webp?v=1779173289"},{"product_id":"huile-vegetale-bio-de-ricin-pranarom","title":"Huile végétale bio de ricin - Pranarom","description":"\n\n\u003cdiv class=\"soi-ricin-fiche\"\u003e\n\n  \u003csection class=\"soi-ricin-hero\"\u003e\n    \u003cdiv class=\"soi-ricin-hero-tag\"\u003e\n      \u003cspan class=\"soi-ricin-tag-dot\"\u003e\u003c\/span\u003e\n      Huile végétale · Pranarom\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-ricin-hero-title\"\u003eLe secret ancestral de la beauté des phanères\u003c\/span\u003e\n    \u003cp class=\"soi-ricin-hero-subtitle\"\u003ePure, vierge de première pression à froid et certifiée biologique, cette huile de ricin nourrit, renforce et sublime vos cheveux, cils, sourcils et ongles avec une efficacité remarquable.\u003c\/p\u003e\n    \u003cdiv class=\"soi-ricin-hero-labels\"\u003e\n      \u003cspan class=\"soi-ricin-label soi-ricin-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-ricin-label\"\u003ePREMIÈRE PRESSION À FROID\u003c\/span\u003e\n      \u003cspan class=\"soi-ricin-label\"\u003e50 ML\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-ricin-section\"\u003e\n    \u003ch2\u003ePourquoi l'huile de ricin est-elle si efficace pour les cheveux ?\u003c\/h2\u003e\n    \u003cp class=\"soi-ricin-section-intro\"\u003eLa réponse tient dans sa composition unique. Naturellement très riche en acide ricinoléique, un acide gras rare (environ 85 à 90 % de sa composition), l'huile de ricin agit directement sur la fibre capillaire : elle enveloppe, nourrit et protège chaque cheveu de la racine à la pointe.\u003c\/p\u003e\n    \u003cdiv class=\"soi-ricin-benefits\"\u003e\n      \u003cdiv class=\"soi-ricin-benefit\"\u003e\n        \u003cdiv class=\"soi-ricin-benefit-icon\"\u003e\u003cspan\u003e💪\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFibre renforcée\u003c\/h3\u003e\n        \u003cp\u003eMoins sujette à la casse et à l'effilochage, la fibre capillaire gagne en résistance au fil des applications.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ricin-benefit\"\u003e\n        \u003cdiv class=\"soi-ricin-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSouplesse et brillance\u003c\/h3\u003e\n        \u003cp\u003eDes longueurs plus souples, brillantes et denses après quelques semaines d'utilisation régulière.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ricin-benefit\"\u003e\n        \u003cdiv class=\"soi-ricin-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCuir chevelu assaini\u003c\/h3\u003e\n        \u003cp\u003eLes propriétés protectrices de l'huile contribuent à un cuir chevelu sain et équilibré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ricin-benefit\"\u003e\n        \u003cdiv class=\"soi-ricin-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSoutien à la pousse\u003c\/h3\u003e\n        \u003cp\u003eUn soutien à la pousse capillaire, notamment sur les zones clairsemées ou fragilisées.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ricin-tip\"\u003e\n      \u003cdiv class=\"soi-ricin-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eAppliquez l'huile de ricin en masque avant-shampooing (30 minutes à 1 nuit). Sa texture dense peut être fluidifiée en la mélangeant à parts égales avec une huile plus légère, comme l'huile de jojoba ou de coco.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-ricin-section\"\u003e\n    \u003ch2\u003eLes autres usages beauté à connaître absolument\u003c\/h2\u003e\n    \u003cdiv class=\"soi-ricin-grid\"\u003e\n      \u003cdiv class=\"soi-ricin-card\"\u003e\n        \u003ch3\u003e👁️ Cils et sourcils\u003c\/h3\u003e\n        \u003cp\u003eAppliquez chaque soir une micro-goutte à l'aide d'un pinceau fin ou d'une ancienne brosse à mascara. En 4 à 6 semaines, les cils semblent plus épais et les sourcils plus fournis.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ricin-card\"\u003e\n        \u003ch3\u003e💅 Ongles fragiles\u003c\/h3\u003e\n        \u003cp\u003eMassez chaque cuticule avec une goutte d'huile de ricin soir après soir. Elle nourrit la matrice unguéale, limite le dédoublement et restitue de la résistance aux ongles cassants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ricin-card\"\u003e\n        \u003ch3\u003e🤲 Peau sèche et inconfortable\u003c\/h3\u003e\n        \u003cp\u003eTalons, coudes, genoux : une petite quantité massée sur ces zones ciblées suffit à restaurer souplesse et confort grâce à sa richesse en oméga-9 et vitamine E.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ricin-card\"\u003e\n        \u003ch3\u003e🧔 Barbe et moustache\u003c\/h3\u003e\n        \u003cp\u003eQuelques gouttes massées sur la zone permettent de discipliner les poils, de nourrir la peau en dessous et de donner un aspect plus dense et soigné à la barbe.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-ricin-section\"\u003e\n    \u003ch2\u003eComposition et mode d'obtention\u003c\/h2\u003e\n    \u003cp class=\"soi-ricin-section-intro\"\u003eLa qualité d'une huile végétale dépend avant tout de son procédé d'extraction. Celle de Pranarom est obtenue par première pression à froid, ce qui préserve intégralement ses actifs naturels. Aucun solvant, aucune chaleur excessive.\u003c\/p\u003e\n    \u003cdiv class=\"soi-ricin-compo\"\u003e\n      \u003cdiv class=\"soi-ricin-compo-row\"\u003e\n        \u003cspan class=\"soi-ricin-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n        \u003cspan class=\"soi-ricin-compo-value\"\u003eRicinus communis seed oil (huile de graines de ricin biologique)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ricin-compo-row\"\u003e\n        \u003cspan class=\"soi-ricin-compo-label\"\u003eAcide ricinoléique\u003c\/span\u003e\n        \u003cspan class=\"soi-ricin-compo-value\"\u003e85 à 90 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ricin-compo-row\"\u003e\n        \u003cspan class=\"soi-ricin-compo-label\"\u003eAcide oléique (oméga-9)\u003c\/span\u003e\n        \u003cspan class=\"soi-ricin-compo-value\"\u003e3 à 6 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ricin-compo-row\"\u003e\n        \u003cspan class=\"soi-ricin-compo-label\"\u003eAcide linoléique (oméga-6)\u003c\/span\u003e\n        \u003cspan class=\"soi-ricin-compo-value\"\u003e3 à 5 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ricin-compo-row\"\u003e\n        \u003cspan class=\"soi-ricin-compo-label\"\u003eVitamine E (tocophérols)\u003c\/span\u003e\n        \u003cspan class=\"soi-ricin-compo-value\"\u003eNaturellement présente, antioxydante\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ricin-compo-row\"\u003e\n        \u003cspan class=\"soi-ricin-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-ricin-compo-value\"\u003eAgriculture biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ricin-compo-row\"\u003e\n        \u003cspan class=\"soi-ricin-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-ricin-compo-value\"\u003e50 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-ricin-section\"\u003e\n    \u003ch2\u003eComment bien utiliser l'huile de ricin sur les cheveux ?\u003c\/h2\u003e\n    \u003cp class=\"soi-ricin-section-intro\"\u003eVoici un protocole simple et efficace, adapté à une utilisation hebdomadaire :\u003c\/p\u003e\n    \u003cdiv class=\"soi-ricin-timeline\"\u003e\n      \u003cdiv class=\"soi-ricin-step\"\u003e\n        \u003cdiv class=\"soi-ricin-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-ricin-step-content\"\u003e\n          \u003ch3\u003ePréparez l'huile\u003c\/h3\u003e\n          \u003cp\u003eVersez 4 à 6 gouttes dans le creux de la main et réchauffez légèrement entre les paumes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ricin-step\"\u003e\n        \u003cdiv class=\"soi-ricin-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-ricin-step-content\"\u003e\n          \u003ch3\u003eMassez le cuir chevelu\u003c\/h3\u003e\n          \u003cp\u003eAppliquez sur le cuir chevelu en massant par petits mouvements circulaires pendant 3 à 5 minutes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ricin-step\"\u003e\n        \u003cdiv class=\"soi-ricin-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-ricin-step-content\"\u003e\n          \u003ch3\u003eRépartissez sur les longueurs\u003c\/h3\u003e\n          \u003cp\u003eRépartissez le reste sur les longueurs et pointes, particulièrement si elles sont abîmées.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ricin-step\"\u003e\n        \u003cdiv class=\"soi-ricin-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-ricin-step-content\"\u003e\n          \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n          \u003cp\u003eLaissez poser au minimum 30 minutes, idéalement toute une nuit sous un bonnet chauffant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ricin-step\"\u003e\n        \u003cdiv class=\"soi-ricin-step-num\"\u003e5\u003c\/div\u003e\n        \u003cdiv class=\"soi-ricin-step-content\"\u003e\n          \u003ch3\u003eRincez et répétez\u003c\/h3\u003e\n          \u003cp\u003eRincez et shampouinez normalement. Répétez 1 à 2 fois par semaine pour des résultats visibles en 6 à 8 semaines.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-ricin-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"soi-ricin-accordion\"\u003e\n      \u003cdetails class=\"soi-ricin-accordion-item\"\u003e\n        \u003csummary class=\"soi-ricin-accordion-header\"\u003e⚠️ Usage et précautions\u003c\/summary\u003e\n        \u003cdiv class=\"soi-ricin-accordion-content\"\u003e\n          \u003cp\u003eRéservé à un usage externe uniquement. Évitez tout contact avec les yeux. En cas d'application autour des yeux (cils, sourcils), utilisez une quantité infime et soyez précis dans l'application.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-ricin-accordion-item\"\u003e\n        \u003csummary class=\"soi-ricin-accordion-header\"\u003e🏠 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-ricin-accordion-content\"\u003e\n          \u003cp\u003eConservez à l'abri de la chaleur et de la lumière. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-ricin-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-ricin-cta-box\"\u003e\n      \u003cp class=\"soi-ricin-cta-tag\" style=\"color: white;\"\u003ePrendre soin de vous, naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-ricin-cta-text\" style=\"color: white;\"\u003eNourrir vos cheveux, renforcer vos ongles, densifier vos cils : l'huile de ricin bio Pranarom réunit tout ce dont vos phanères ont besoin dans un seul flacon, avec une efficacité que vous ressentirez 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-ricin-marine: #1A2D3D;\n  --soi-ricin-marine-dark: #0F1E2B;\n  --soi-ricin-marine-light: #2C4458;\n  --soi-ricin-pomme: #A1C544;\n  --soi-ricin-pomme-dark: #84A636;\n  --soi-ricin-pomme-light: rgba(161,197,68,0.10);\n  --soi-ricin-white: #FFFFFF;\n  --soi-ricin-off-white: #F8FAF6;\n  --soi-ricin-stone: #F1F3EE;\n  --soi-ricin-line: #E5E8E0;\n  --soi-ricin-primary: #D4A52A;\n  --soi-ricin-primary-soft: #F5ECD4;\n  --soi-ricin-accent: #7A5A3A;\n  --soi-ricin-text: #1A2D3D;\n  --soi-ricin-text-soft: #4A5B6B;\n  --soi-ricin-text-muted: #7B8693;\n  --soi-ricin-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-ricin-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-ricin-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-ricin-radius: 12px;\n  --soi-ricin-radius-sm: 8px;\n  --soi-ricin-radius-pill: 999px;\n}\n\n.soi-ricin-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-ricin-fiche img { max-width: 100%; height: auto; }\n\n.soi-ricin-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-ricin-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-ricin-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-ricin-hero {\n  position: relative;\n  background: var(--soi-ricin-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-ricin-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-ricin-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-ricin-pomme);\n}\n\n.soi-ricin-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-ricin-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-ricin-pomme);\n  border-radius: 50%;\n}\n\n.soi-ricin-hero-title {\n  display: block;\n  color: var(--soi-ricin-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-ricin-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-ricin-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-ricin-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-ricin-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-ricin-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-ricin-label-accent {\n  background: var(--soi-ricin-pomme);\n  border-color: var(--soi-ricin-pomme);\n  color: var(--soi-ricin-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-ricin-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-ricin-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-ricin-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-ricin-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-ricin-pomme);\n  border-radius: 2px;\n}\n\n.soi-ricin-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-ricin-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-ricin-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-ricin-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-ricin-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-ricin-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-ricin-benefit {\n  background: var(--soi-ricin-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-ricin-radius);\n  border: 1px solid var(--soi-ricin-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-ricin-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-ricin-shadow-md);\n}\n\n.soi-ricin-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-ricin-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-ricin-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-ricin-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-ricin-benefit:hover .soi-ricin-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-ricin-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-ricin-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-ricin-benefit p {\n  font-size: 13px;\n  color: var(--soi-ricin-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-ricin-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-ricin-card {\n  background: var(--soi-ricin-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-ricin-radius);\n  border-left: 3px solid var(--soi-ricin-pomme);\n}\n\n.soi-ricin-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-ricin-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-ricin-card p {\n  font-size: 14px;\n  color: var(--soi-ricin-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-ricin-compo {\n  background: var(--soi-ricin-off-white);\n  border-radius: var(--soi-ricin-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-ricin-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-ricin-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-ricin-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-ricin-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-ricin-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-ricin-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-ricin-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-ricin-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-ricin-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-ricin-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-ricin-radius);\n  border: 1px solid var(--soi-ricin-line);\n  align-items: flex-start;\n}\n\n.soi-ricin-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-ricin-marine);\n  color: var(--soi-ricin-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-ricin-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-ricin-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-ricin-step-content p {\n  font-size: 14px;\n  color: var(--soi-ricin-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-ricin-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-ricin-pomme-light);\n  border-left: 4px solid var(--soi-ricin-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-ricin-radius) var(--soi-ricin-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-ricin-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-ricin-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-ricin-marine);\n  margin-bottom: 4px;\n}\n\n.soi-ricin-tip p {\n  font-size: 14px;\n  color: var(--soi-ricin-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-ricin-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-ricin-accordion-item {\n  background: var(--soi-ricin-off-white);\n  border-radius: var(--soi-ricin-radius-sm);\n  border: 1px solid var(--soi-ricin-line);\n  overflow: hidden;\n}\n\n.soi-ricin-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-ricin-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-ricin-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-ricin-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-ricin-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-ricin-accordion-item[open] .soi-ricin-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-ricin-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-ricin-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-ricin-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-ricin-cta-box {\n  background: var(--soi-ricin-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-ricin-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-ricin-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-ricin-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-ricin-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-ricin-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-ricin-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-ricin-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-ricin-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-ricin-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-ricin-compo-value {\n    text-align: left;\n  }\n\n  .soi-ricin-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-ricin-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-ricin-fiche {\n    --soi-ricin-text-soft: #2C3E50;\n    --soi-ricin-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603934601546,"sku":"RA0220","price":10.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-vegetale-bio-de-ricin-pranarom-packshot.webp?v=1785858907"},{"product_id":"oleobiotic-sante-respiratoire-en-capsules-pranarom","title":"Oleobiotic - Santé respiratoire en capsules - Pranarom","description":"\u003cdiv class=\"soi-oleo-fiche\"\u003e\n\n\u003csection class=\"soi-oleo-hero\"\u003e\n\u003cdiv class=\"soi-oleo-hero-tag\"\u003e\n\u003cspan class=\"soi-oleo-tag-dot\"\u003e\u003c\/span\u003e\nAromathérapie · Pranarōm\n\u003c\/div\u003e\n\u003cspan class=\"soi-oleo-hero-title\"\u003eRespirez librement grâce aux huiles essentielles\u003c\/span\u003e\n\u003cp class=\"soi-oleo-hero-subtitle\"\u003eUne formule aromatique concentrée en capsules gastro-résistantes, conçue pour soutenir votre confort respiratoire avec des huiles essentielles 100 % pures et chémotypées.\u003c\/p\u003e\n\u003cdiv class=\"soi-oleo-hero-labels\"\u003e\n\u003cspan class=\"soi-oleo-label soi-oleo-label-accent\"\u003eHECT\u003c\/span\u003e\n\u003cspan class=\"soi-oleo-label\"\u003eCAPSULES GASTRO-RÉSISTANTES\u003c\/span\u003e\n\u003cspan class=\"soi-oleo-label\"\u003eADULTE\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-oleo-section\"\u003e\n\u003ch2\u003ePourquoi choisir l'Oleobiotic Pranarom pour votre confort respiratoire ?\u003c\/h2\u003e\n\u003cp\u003eL'Oleobiotic Pranarōm se distingue par sa galénique innovante : des capsules gastro-résistantes qui protègent les huiles essentielles jusqu'à leur zone d'absorption optimale dans l'intestin. Résultat : aucun goût désagréable, aucune odeur persistante, et une efficacité maximale des actifs aromatiques.\u003c\/p\u003e\n\u003cdiv class=\"soi-oleo-benefits\"\u003e\n\u003cdiv class=\"soi-oleo-benefit\"\u003e\n\u003cdiv class=\"soi-oleo-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eEucalyptus radié et Eucalyptus\u003c\/h3\u003e\n\u003cp\u003eFavorisent une respiration plus libre et plus dégagée au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-oleo-benefit\"\u003e\n\u003cdiv class=\"soi-oleo-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eOrigan vulgaire\u003c\/h3\u003e\n\u003cp\u003eTraditionnellement reconnu pour soutenir les défenses naturelles de l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-oleo-benefit\"\u003e\n\u003cdiv class=\"soi-oleo-benefit-icon\"\u003e\u003cspan\u003e💪\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eCannelle de Chine\u003c\/h3\u003e\n\u003cp\u003eContribue au tonus général et au maintien de la forme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-oleo-benefit\"\u003e\n\u003cdiv class=\"soi-oleo-benefit-icon\"\u003e\u003cspan\u003e🌲\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003ePin sylvestre\u003c\/h3\u003e\n\u003cp\u003eAccompagne le bon fonctionnement des voies respiratoires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top:1.25rem;\"\u003eCette synergie agit en profondeur pour soutenir votre confort respiratoire, là où votre corps en a le plus besoin : en hiver, lors des changements de saison ou des coups de froid passagers.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-oleo-section\"\u003e\n\u003ch2\u003eComposition complète et dosage de l'Oleobiotic Santé Respiratoire\u003c\/h2\u003e\n\u003cp class=\"soi-oleo-section-intro\"\u003eChaque boîte contient 15 capsules gastro-résistantes. La dose journalière recommandée est de 3 capsules par jour, soit 150 mg d'huiles essentielles par prise.\u003c\/p\u003e\n\u003cdiv class=\"soi-oleo-compo\"\u003e\n\u003cdiv class=\"soi-oleo-compo-row\"\u003e\n\u003cspan class=\"soi-oleo-compo-label\"\u003eIngrédients pour 3 capsules\u003c\/span\u003e\n\u003cspan class=\"soi-oleo-compo-value\"\u003eDose journalière\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-oleo-compo-row\"\u003e\n\u003cspan class=\"soi-oleo-compo-label\"\u003eEucalyptus radié (\u003cem\u003eEucalyptus radiata\u003c\/em\u003e) HE\u003c\/span\u003e\n\u003cspan class=\"soi-oleo-compo-value\"\u003e120 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-oleo-compo-row\"\u003e\n\u003cspan class=\"soi-oleo-compo-label\"\u003eCannelle de Chine (\u003cem\u003eCinnamomum cassia\u003c\/em\u003e) HE\u003c\/span\u003e\n\u003cspan class=\"soi-oleo-compo-value\"\u003e45 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-oleo-compo-row\"\u003e\n\u003cspan class=\"soi-oleo-compo-label\"\u003eClou de girofle (\u003cem\u003eEugenia caryophyllus\u003c\/em\u003e) HE\u003c\/span\u003e\n\u003cspan class=\"soi-oleo-compo-value\"\u003e45 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-oleo-compo-row\"\u003e\n\u003cspan class=\"soi-oleo-compo-label\"\u003eCitron (\u003cem\u003eCitrus limon\u003c\/em\u003e) HE\u003c\/span\u003e\n\u003cspan class=\"soi-oleo-compo-value\"\u003e45 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-oleo-compo-row\"\u003e\n\u003cspan class=\"soi-oleo-compo-label\"\u003ePin sylvestre (\u003cem\u003ePinus sylvestris\u003c\/em\u003e) HE\u003c\/span\u003e\n\u003cspan class=\"soi-oleo-compo-value\"\u003e20 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-oleo-compo-row\"\u003e\n\u003cspan class=\"soi-oleo-compo-label\"\u003eOrigan vulgaire (\u003cem\u003eOriganum vulgare\u003c\/em\u003e) HE\u003c\/span\u003e\n\u003cspan class=\"soi-oleo-compo-value\"\u003e15 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-oleo-compo-row\"\u003e\n\u003cspan class=\"soi-oleo-compo-label\"\u003eHuile de tournesol (support)\u003c\/span\u003e\n\u003cspan class=\"soi-oleo-compo-value\"\u003eExcipient\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-oleo-compo-row\"\u003e\n\u003cspan class=\"soi-oleo-compo-label\"\u003eGélatine\u003c\/span\u003e\n\u003cspan class=\"soi-oleo-compo-value\"\u003eAgent d'enrobage gastro-résistant\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-oleo-tip\"\u003e\n\u003cdiv class=\"soi-oleo-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n\u003cp\u003eToutes les huiles essentielles utilisées sont HECT (Huiles Essentielles Chémotypées), gage de pureté, de traçabilité et d'efficacité aromatique selon les standards Pranarōm.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-oleo-section\"\u003e\n\u003ch2\u003eComment utiliser l'Oleobiotic Santé Respiratoire ?\u003c\/h2\u003e\n\u003cdiv class=\"soi-oleo-timeline\"\u003e\n\u003cdiv class=\"soi-oleo-step\"\u003e\n\u003cdiv class=\"soi-oleo-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"soi-oleo-step-content\"\u003e\n\u003ch3\u003eQuand ?\u003c\/h3\u003e\n\u003cp\u003ePrenez 3 capsules par jour, avant les repas, de préférence le matin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-oleo-step\"\u003e\n\u003cdiv class=\"soi-oleo-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"soi-oleo-step-content\"\u003e\n\u003ch3\u003eComment ?\u003c\/h3\u003e\n\u003cp\u003eAvalez les capsules entières avec un grand verre d'eau. Ne pas croquer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-oleo-step\"\u003e\n\u003cdiv class=\"soi-oleo-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"soi-oleo-step-content\"\u003e\n\u003ch3\u003eDurée ?\u003c\/h3\u003e\n\u003cp\u003eUne cure de 5 jours, à renouveler selon vos besoins saisonniers.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-oleo-accordion\" style=\"margin-top:1.25rem;\"\u003e\n\u003cdetails class=\"soi-oleo-accordion-item\"\u003e\n\u003csummary class=\"soi-oleo-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"soi-oleo-accordion-content\"\u003e\n\u003cp\u003eDéconseillé aux femmes enceintes, aux enfants de moins de 6 ans et aux personnes souffrant de problèmes hépatiques. Ne pas dépasser la dose journalière recommandée. Ce complément alimentaire ne remplace pas un traitement médical ni un suivi médical adapté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-oleo-section\"\u003e\n\u003ch2\u003ePour qui est fait l'Oleobiotic Pranarōm ?\u003c\/h2\u003e\n\u003cp\u003eCe complément s'adresse aux adultes souhaitant soutenir leur confort respiratoire naturellement, notamment :\u003c\/p\u003e\n\u003cdiv class=\"soi-oleo-grid\"\u003e\n\u003cdiv class=\"soi-oleo-card\"\u003e\n\u003ch3\u003e❄️ Saisons exigeantes\u003c\/h3\u003e\n\u003cp\u003eEn période hivernale ou lors des changements de saison, lorsque vos voies respiratoires sont davantage sollicitées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-oleo-card\"\u003e\n\u003ch3\u003e🫁 Fragilité ponctuelle\u003c\/h3\u003e\n\u003cp\u003eEn cas de fragilité passagère des voies respiratoires, pour retrouver un confort de respiration au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-oleo-card\"\u003e\n\u003ch3\u003e🌱 Hygiène de vie saine\u003c\/h3\u003e\n\u003cp\u003eComme soutien complémentaire à une activité physique régulière et une alimentation équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top:1.25rem;\"\u003eSi vous souhaitez des conseils personnalisés sur la santé respiratoire ou un accompagnement en kinésithérapie respiratoire, n'hésitez pas à consulter un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-oleo-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"soi-oleo-cta-box\"\u003e\n\u003cp class=\"soi-oleo-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n\u003cp class=\"soi-oleo-cta-text\" style=\"color: white;\"\u003ePrendre soin de sa respiration, c'est prendre soin de son énergie, de son sommeil et de sa vitalité. Avec l'Oleobiotic Pranarōm, offrez à votre organisme un soutien aromatique ciblé, formulé avec rigueur et bienveillance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-oleo-marine: #1A2D3D;\n  --soi-oleo-marine-dark: #0F1E2B;\n  --soi-oleo-marine-light: #2C4458;\n  --soi-oleo-pomme: #A1C544;\n  --soi-oleo-pomme-dark: #84A636;\n  --soi-oleo-pomme-light: rgba(161,197,68,0.10);\n  --soi-oleo-white: #FFFFFF;\n  --soi-oleo-off-white: #F8FAF6;\n  --soi-oleo-stone: #F1F3EE;\n  --soi-oleo-line: #E5E8E0;\n  --soi-oleo-primary: #2E7D4F;\n  --soi-oleo-primary-soft: #E8F2EC;\n  --soi-oleo-accent: #7A9A8E;\n  --soi-oleo-text: #1A2D3D;\n  --soi-oleo-text-soft: #4A5B6B;\n  --soi-oleo-text-muted: #7B8693;\n  --soi-oleo-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-oleo-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-oleo-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-oleo-radius: 12px;\n  --soi-oleo-radius-sm: 8px;\n  --soi-oleo-radius-pill: 999px;\n}\n\n.soi-oleo-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-oleo-fiche img { max-width: 100%; height: auto; }\n\n.soi-oleo-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-oleo-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-oleo-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-oleo-hero {\n  position: relative;\n  background: var(--soi-oleo-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-oleo-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-oleo-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-oleo-pomme);\n}\n\n.soi-oleo-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-oleo-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-oleo-pomme);\n  border-radius: 50%;\n}\n\n.soi-oleo-hero-title {\n  display: block;\n  color: var(--soi-oleo-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-oleo-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-oleo-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-oleo-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-oleo-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-oleo-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-oleo-label-accent {\n  background: var(--soi-oleo-pomme);\n  border-color: var(--soi-oleo-pomme);\n  color: var(--soi-oleo-marine);\n  font-weight: 600;\n}\n\n.soi-oleo-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-oleo-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-oleo-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-oleo-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-oleo-pomme);\n  border-radius: 2px;\n}\n\n.soi-oleo-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-oleo-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-oleo-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-oleo-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-oleo-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-oleo-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-oleo-benefit {\n  background: var(--soi-oleo-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-oleo-radius);\n  border: 1px solid var(--soi-oleo-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-oleo-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-oleo-shadow-md);\n}\n\n.soi-oleo-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-oleo-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-oleo-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-oleo-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-oleo-benefit:hover .soi-oleo-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-oleo-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-oleo-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-oleo-benefit p {\n  font-size: 13px;\n  color: var(--soi-oleo-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-oleo-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-oleo-card {\n  background: var(--soi-oleo-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-oleo-radius);\n  border-left: 3px solid var(--soi-oleo-pomme);\n}\n\n.soi-oleo-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-oleo-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-oleo-card p {\n  font-size: 14px;\n  color: var(--soi-oleo-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-oleo-compo {\n  background: var(--soi-oleo-off-white);\n  border-radius: var(--soi-oleo-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.25rem;\n}\n\n.soi-oleo-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-oleo-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-oleo-compo-row:first-child {\n  background: var(--soi-oleo-marine);\n  border-bottom: none;\n  border-radius: var(--soi-oleo-radius-sm) var(--soi-oleo-radius-sm) 0 0;\n}\n\n.soi-oleo-compo-row:first-child .soi-oleo-compo-label,\n.soi-oleo-compo-row:first-child .soi-oleo-compo-value {\n  color: rgba(255,255,255,0.85);\n  font-weight: 600;\n  font-size: 12px;\n}\n\n.soi-oleo-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-oleo-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-oleo-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-oleo-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-oleo-marine);\n  text-align: right;\n}\n\n.soi-oleo-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-oleo-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-oleo-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-oleo-radius);\n  border: 1px solid var(--soi-oleo-line);\n  align-items: flex-start;\n}\n\n.soi-oleo-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-oleo-marine);\n  color: var(--soi-oleo-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-oleo-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-oleo-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-oleo-step-content p {\n  font-size: 14px;\n  color: var(--soi-oleo-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-oleo-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-oleo-pomme-light);\n  border-left: 4px solid var(--soi-oleo-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-oleo-radius) var(--soi-oleo-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-oleo-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-oleo-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-oleo-marine);\n  margin-bottom: 4px;\n}\n\n.soi-oleo-tip p {\n  font-size: 14px;\n  color: var(--soi-oleo-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-oleo-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-oleo-accordion-item {\n  background: var(--soi-oleo-off-white);\n  border-radius: var(--soi-oleo-radius-sm);\n  border: 1px solid var(--soi-oleo-line);\n  overflow: hidden;\n}\n\n.soi-oleo-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-oleo-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-oleo-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-oleo-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-oleo-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-oleo-accordion-item[open] .soi-oleo-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-oleo-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-oleo-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-oleo-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-oleo-cta-box {\n  background: var(--soi-oleo-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-oleo-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-oleo-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-oleo-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-oleo-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-oleo-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-oleo-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-oleo-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-oleo-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n  .soi-oleo-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n  .soi-oleo-compo-value {\n    text-align: left;\n  }\n  .soi-oleo-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-oleo-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-oleo-fiche {\n    --soi-oleo-text-soft: #2C3E50;\n    --soi-oleo-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603934699850,"sku":"RA0225","price":13.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0225_oleobiotic_sante_respiratoire.jpg?v=1776167825"},{"product_id":"spray-assainissant-orange-douce-ravintsara-bio-vegan-pranarom","title":"Spray Assainissant Bio Orange \u0026 Ravintsara - Pranarom","description":"\u003cdiv class=\"soi-spray-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-spray-hero\"\u003e\n    \u003cdiv class=\"soi-spray-hero-tag\"\u003e\n      \u003cspan class=\"soi-spray-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie · Pranarom Aromaforce\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-spray-hero-title\"\u003eSpray assainissant Orange Douce‑Ravintsara Bio\u003c\/span\u003e\n    \u003cp class=\"soi-spray-hero-subtitle\"\u003eUn complexe de 12 huiles essentielles biologiques à l'efficacité prouvée en laboratoire, pour assainir l'air de votre intérieur en profondeur.\u003c\/p\u003e\n    \u003cdiv class=\"soi-spray-hero-labels\"\u003e\n      \u003cspan class=\"soi-spray-label soi-spray-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-spray-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-spray-label\"\u003eECO GARANTIE\u003c\/span\u003e\n      \u003cspan class=\"soi-spray-label\"\u003eEFFICACITÉ PROUVÉE\u003c\/span\u003e\n      \u003cspan class=\"soi-spray-label\"\u003eSANS GAZ PROPULSEUR\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : Pourquoi ce spray se démarque --\u003e\n  \u003csection class=\"soi-spray-section\"\u003e\n    \u003ch2\u003ePourquoi ce spray assainissant Pranarom se démarque vraiment ?\u003c\/h2\u003e\n    \u003cp\u003eContrairement à de nombreux sprays d'ambiance qui se contentent de masquer les odeurs, le spray assainissant Pranarom Aromaforce agit en profondeur sur la qualité microbiologique de l'air. Sa formule repose sur un complexe synergique de 12 huiles essentielles biologiques, testées et validées contre les agents pathogènes les plus courants dans un intérieur.\u003c\/p\u003e\n    \u003cp\u003eDes tests indépendants ont démontré une réduction significative sur trois types de menaces :\u003c\/p\u003e\n\n    \u003cdiv class=\"soi-spray-benefits\"\u003e\n      \u003cdiv class=\"soi-spray-benefit\"\u003e\n        \u003cdiv class=\"soi-spray-benefit-icon\"\u003e\u003cspan\u003e🦠\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eBactéries\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eStaphylococcus aureus\u003c\/em\u003e, \u003cem\u003eEscherichia coli\u003c\/em\u003e, \u003cem\u003ePseudomonas aeruginosa\u003c\/em\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-benefit\"\u003e\n        \u003cdiv class=\"soi-spray-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVirus\u003c\/h3\u003e\n        \u003cp\u003eInfluenza A H1N1, Adenovirus\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-benefit\"\u003e\n        \u003cdiv class=\"soi-spray-benefit-icon\"\u003e\u003cspan\u003e🍄\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eChampignons et moisissures\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eCandida albicans\u003c\/em\u003e (action antifongique via Géranium et Giroflier)\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-spray-tip\"\u003e\n      \u003cdiv class=\"soi-spray-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eCe que d'autres sprays assainissants ne proposent pas toujours : une efficacité documentée et vérifiable, pas seulement une promesse marketing.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Les 12 huiles essentielles --\u003e\n  \u003csection class=\"soi-spray-section\"\u003e\n    \u003ch2\u003eLes 12 huiles essentielles biologiques qui composent la formule\u003c\/h2\u003e\n    \u003cp class=\"soi-spray-section-intro\"\u003eChaque huile a été sélectionnée pour son rôle précis dans la synergie :\u003c\/p\u003e\n\n    \u003cdiv class=\"soi-spray-grid\"\u003e\n      \u003cdiv class=\"soi-spray-card\"\u003e\n        \u003ch3\u003e🌿 Ravintsara\u003c\/h3\u003e\n        \u003cp\u003eHuile majeure pour l'assainissement de l'air, reconnue pour ses propriétés antivirales.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-card\"\u003e\n        \u003ch3\u003e🪵 Bois de Hô\u003c\/h3\u003e\n        \u003cp\u003ePurifiant et apaisant, proche du Ravintsara dans ses propriétés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-card\"\u003e\n        \u003ch3\u003e🫚 Giroflier\u003c\/h3\u003e\n        \u003cp\u003eAntibactérien et antifongique puissant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-card\"\u003e\n        \u003ch3\u003e🍊 Orange douce\u003c\/h3\u003e\n        \u003cp\u003eParfum frais et chaleureux, contribue à l'assainissement atmosphérique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-card\"\u003e\n        \u003ch3\u003e🌱 Eucalyptus\u003c\/h3\u003e\n        \u003cp\u003eAction purifiante des voies respiratoires et de l'air ambiant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-card\"\u003e\n        \u003ch3\u003e🌸 Géranium\u003c\/h3\u003e\n        \u003cp\u003eAntifongique et floral, équilibre le parfum de la synergie.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-card\"\u003e\n        \u003ch3\u003e🌺 Ylang‑Ylang et Katafray\u003c\/h3\u003e\n        \u003cp\u003eNotes enveloppantes et complémentarité aromathérapeutique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-card\"\u003e\n        \u003ch3\u003e✨ 4 huiles complémentaires\u003c\/h3\u003e\n        \u003cp\u003eSélectionnées pour renforcer l'action globale de la synergie.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : Comment utiliser --\u003e\n  \u003csection class=\"soi-spray-section\"\u003e\n    \u003ch2\u003eComment utiliser le spray assainissant Pranarom Aromaforce ?\u003c\/h2\u003e\n\n    \u003cdiv class=\"soi-spray-timeline\"\u003e\n      \u003cdiv class=\"soi-spray-step\"\u003e\n        \u003cdiv class=\"soi-spray-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-spray-step-content\"\u003e\n          \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n          \u003cp\u003eAgitez légèrement le flacon avant chaque utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-step\"\u003e\n        \u003cdiv class=\"soi-spray-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-spray-step-content\"\u003e\n          \u003ch3\u003eVaporisez en hauteur\u003c\/h3\u003e\n          \u003cp\u003eVaporisez au centre de la pièce, en une ou deux pressions selon la superficie.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-step\"\u003e\n        \u003cdiv class=\"soi-spray-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-spray-step-content\"\u003e\n          \u003ch3\u003eLaissez diffuser\u003c\/h3\u003e\n          \u003cp\u003eLaissez diffuser quelques minutes, pièce fermée de préférence, avant d'y revenir.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-step\"\u003e\n        \u003cdiv class=\"soi-spray-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-spray-step-content\"\u003e\n          \u003ch3\u003eRépétez selon les besoins\u003c\/h3\u003e\n          \u003cp\u003eAprès une réunion, en période hivernale, ou simplement pour rafraîchir l'atmosphère.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-spray-tip\"\u003e\n      \u003cdiv class=\"soi-spray-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eUtilisez-le régulièrement dans les pièces à fort passage (salon, cuisine, couloir) et après les moments de convivialité pour maintenir un air sain en toutes saisons.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Composition complète --\u003e\n  \u003csection class=\"soi-spray-section\"\u003e\n    \u003ch2\u003eComposition complète du Spray assainissant Orange Douce‑Ravintsara Bio\u003c\/h2\u003e\n\n    \u003cdiv class=\"soi-spray-compo\"\u003e\n      \u003cdiv class=\"soi-spray-compo-row\"\u003e\n        \u003cspan class=\"soi-spray-compo-label\"\u003eHuiles essentielles bio\u003c\/span\u003e\n        \u003cspan class=\"soi-spray-compo-value\"\u003eRavintsara (\u003cem\u003eCinnamomum camphora\u003c\/em\u003e), Orange douce (\u003cem\u003eCitrus sinensis\u003c\/em\u003e), Eucalyptus (\u003cem\u003eEucalyptus globulus\u003c\/em\u003e), Bois de Hô (\u003cem\u003eC. camphora\u003c\/em\u003e ct. linalool), Giroflier (\u003cem\u003eEugenia caryophyllus\u003c\/em\u003e), Géranium (\u003cem\u003ePelargonium graveolens\u003c\/em\u003e), Ylang‑Ylang (\u003cem\u003eCananga odorata\u003c\/em\u003e), Katafray (\u003cem\u003eCedrelopsis grevei\u003c\/em\u003e), + 4 HE complémentaires\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-compo-row\"\u003e\n        \u003cspan class=\"soi-spray-compo-label\"\u003eExcipient\u003c\/span\u003e\n        \u003cspan class=\"soi-spray-compo-value\"\u003eAlcool végétal biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-compo-row\"\u003e\n        \u003cspan class=\"soi-spray-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-spray-compo-value\"\u003eGaz propulseur chimique, conservateur synthétique\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 : Certifications --\u003e\n  \u003csection class=\"soi-spray-section\"\u003e\n    \u003ch2\u003eCertifications et engagements qualité\u003c\/h2\u003e\n\n    \u003cdiv class=\"soi-spray-grid-compact\"\u003e\n      \u003cdiv class=\"soi-spray-card-mini\"\u003e\n        \u003cspan class=\"soi-spray-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan class=\"soi-spray-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-spray-card-mini-value\"\u003eEco Garantie\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-card-mini\"\u003e\n        \u003cspan class=\"soi-spray-card-mini-icon\"\u003e🐾\u003c\/span\u003e\n        \u003cspan class=\"soi-spray-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n        \u003cspan class=\"soi-spray-card-mini-value\"\u003eVegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-card-mini\"\u003e\n        \u003cspan class=\"soi-spray-card-mini-icon\"\u003e🔬\u003c\/span\u003e\n        \u003cspan class=\"soi-spray-card-mini-label\"\u003eEfficacité\u003c\/span\u003e\n        \u003cspan class=\"soi-spray-card-mini-value\"\u003eProuvée en labo\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-card-mini\"\u003e\n        \u003cspan class=\"soi-spray-card-mini-icon\"\u003e🌍\u003c\/span\u003e\n        \u003cspan class=\"soi-spray-card-mini-label\"\u003ePropulsion\u003c\/span\u003e\n        \u003cspan class=\"soi-spray-card-mini-value\"\u003eSans gaz chimique\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 : Précautions --\u003e\n  \u003csection class=\"soi-spray-section\"\u003e\n    \u003ch2\u003ePrécautions d'utilisation\u003c\/h2\u003e\n\n    \u003cdiv class=\"soi-spray-accordion\"\u003e\n      \u003cdetails class=\"soi-spray-accordion-item\"\u003e\n        \u003csummary class=\"soi-spray-accordion-header\"\u003e⚠️ Usage et sécurité\u003c\/summary\u003e\n        \u003cdiv class=\"soi-spray-accordion-content\"\u003e\n          \u003cp\u003eCe spray est destiné à un usage aérien uniquement. Ne pas vaporiser directement sur les personnes, les animaux ou les aliments. Tenir hors de portée des enfants. Évitez tout contact avec les yeux et les muqueuses.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-spray-accordion-item\"\u003e\n        \u003csummary class=\"soi-spray-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"soi-spray-accordion-content\"\u003e\n          \u003cp\u003eCe produit ne constitue pas un traitement médical et ne remplace en aucun cas l'avis d'un professionnel de santé.\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-spray-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-spray-cta-box\"\u003e\n      \u003cp class=\"soi-spray-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-spray-cta-text\" style=\"color: white;\"\u003ePurifiez l'air de votre intérieur avec une formule que la science valide et que la nature inspire. Un geste simple, un impact réel, chaque jour.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-spray-marine: #1A2D3D;\n  --soi-spray-marine-dark: #0F1E2B;\n  --soi-spray-marine-light: #2C4458;\n  --soi-spray-pomme: #A1C544;\n  --soi-spray-pomme-dark: #84A636;\n  --soi-spray-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-spray-white: #FFFFFF;\n  --soi-spray-off-white: #F8FAF6;\n  --soi-spray-stone: #F1F3EE;\n  --soi-spray-line: #E5E8E0;\n\n  --soi-spray-primary: #7A9A3E;\n  --soi-spray-primary-soft: #E8EFD8;\n  --soi-spray-accent: #D4A52A;\n\n  --soi-spray-text: #1A2D3D;\n  --soi-spray-text-soft: #4A5B6B;\n  --soi-spray-text-muted: #7B8693;\n\n  --soi-spray-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-spray-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-spray-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-spray-radius: 12px;\n  --soi-spray-radius-sm: 8px;\n  --soi-spray-radius-pill: 999px;\n}\n\n.soi-spray-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-spray-fiche img { max-width: 100%; height: auto; }\n\n.soi-spray-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-spray-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-spray-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-spray-hero {\n  position: relative;\n  background: var(--soi-spray-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-spray-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-spray-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-spray-pomme);\n}\n\n.soi-spray-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-spray-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-spray-pomme);\n  border-radius: 50%;\n}\n\n.soi-spray-hero-title {\n  display: block;\n  color: var(--soi-spray-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-spray-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-spray-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-spray-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-spray-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-spray-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-spray-label-accent {\n  background: var(--soi-spray-pomme);\n  border-color: var(--soi-spray-pomme);\n  color: var(--soi-spray-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-spray-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-spray-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-spray-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-spray-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-spray-pomme);\n  border-radius: 2px;\n}\n\n.soi-spray-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-spray-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-spray-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-spray-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-spray-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-spray-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-spray-benefit {\n  background: var(--soi-spray-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-spray-radius);\n  border: 1px solid var(--soi-spray-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-spray-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-spray-shadow-md);\n}\n\n.soi-spray-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-spray-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-spray-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-spray-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-spray-benefit:hover .soi-spray-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-spray-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-spray-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-spray-benefit p {\n  font-size: 13px;\n  color: var(--soi-spray-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-spray-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-spray-card {\n  background: var(--soi-spray-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-spray-radius);\n  border-left: 3px solid var(--soi-spray-pomme);\n}\n\n.soi-spray-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-spray-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-spray-card p {\n  font-size: 14px;\n  color: var(--soi-spray-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-spray-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-spray-card-mini {\n  background: var(--soi-spray-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-spray-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-spray-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-spray-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-spray-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-spray-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-spray-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-spray-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-spray-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-spray-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-spray-radius);\n  border: 1px solid var(--soi-spray-line);\n  align-items: flex-start;\n}\n\n.soi-spray-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-spray-marine);\n  color: var(--soi-spray-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-spray-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-spray-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-spray-step-content p {\n  font-size: 14px;\n  color: var(--soi-spray-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-spray-compo {\n  background: var(--soi-spray-off-white);\n  border-radius: var(--soi-spray-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-spray-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-spray-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-spray-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-spray-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-spray-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  flex-shrink: 0;\n}\n\n.soi-spray-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-spray-marine);\n  text-align: right;\n  line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.soi-spray-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-spray-pomme-light);\n  border-left: 4px solid var(--soi-spray-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-spray-radius) var(--soi-spray-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-spray-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-spray-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-spray-marine);\n  margin-bottom: 4px;\n}\n\n.soi-spray-tip p {\n  font-size: 14px;\n  color: var(--soi-spray-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-spray-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-spray-accordion-item {\n  background: var(--soi-spray-off-white);\n  border-radius: var(--soi-spray-radius-sm);\n  border: 1px solid var(--soi-spray-line);\n  overflow: hidden;\n}\n\n.soi-spray-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-spray-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-spray-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-spray-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-spray-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-spray-accordion-item[open] .soi-spray-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-spray-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-spray-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-spray-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-spray-cta-box {\n  background: var(--soi-spray-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-spray-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-spray-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-spray-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-spray-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-spray-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-spray-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-spray-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-spray-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-spray-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-spray-compo-value {\n    text-align: left;\n  }\n\n  .soi-spray-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-spray-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-spray-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-spray-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-spray-fiche {\n    --soi-spray-text-soft: #2C3E50;\n    --soi-spray-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603934863690,"sku":"RA0230","price":25.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/spray-assainissant-orange-douce-ravintsara-bio-vegan-pranaro-packshot.webp?v=1779192497"},{"product_id":"huile-vegetale-darnica-pranarom","title":"Huile végétale d'arnica - Pranarom","description":"\u003cdiv class=\"soi-arni-fiche\"\u003e\n\n\u003csection class=\"soi-arni-hero\"\u003e\n  \u003cdiv class=\"soi-arni-hero-tag\"\u003e\n    \u003cspan class=\"soi-arni-tag-dot\"\u003e\u003c\/span\u003e\n    Huile végétale · Pranarom\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-arni-hero-title\"\u003eLe soin ancestral des muscles et des articulations\u003c\/span\u003e\n  \u003cp class=\"soi-arni-hero-subtitle\"\u003eMacérât huileux de fleurs d'Arnica montana, 100 % pur et naturel, pour préparer l'effort, favoriser la récupération et apaiser les tensions au quotidien.\u003c\/p\u003e\n  \u003cdiv class=\"soi-arni-hero-labels\"\u003e\n    \u003cspan class=\"soi-arni-label soi-arni-label-accent\"\u003e100 % PURE ET NATURELLE\u003c\/span\u003e\n    \u003cspan class=\"soi-arni-label\"\u003eVEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-arni-label\"\u003eSANS CONSERVATEURS\u003c\/span\u003e\n    \u003cspan class=\"soi-arni-label\"\u003eUSAGE EXTERNE\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-arni-section\"\u003e\n  \u003ch2\u003eQu'est-ce que l'huile végétale d'arnica ?\u003c\/h2\u003e\n  \u003cp\u003eContrairement à une idée reçue, il n'existe pas d'huile essentielle d'arnica à proprement parler : l'arnica ne se distille pas. Ce que vous trouvez sous le nom d'huile de massage arnica est en réalité un \u003cstrong\u003emacérât huileux\u003c\/strong\u003e, c'est-à-dire des fleurs d'arnica infusées dans une huile végétale porteuse.\u003c\/p\u003e\n  \u003cp\u003eCe procédé permet d'extraire les principes actifs clés de la plante : lactones sesquiterpéniques, flavonoïdes et caroténoïdes, reconnus pour leurs effets apaisants et anti-inflammatoires naturels.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-arni-section\"\u003e\n  \u003ch2\u003eComposition de l'huile d'arnica Pranarom\u003c\/h2\u003e\n  \u003cdiv class=\"soi-arni-compo\"\u003e\n    \u003cdiv class=\"soi-arni-compo-row\"\u003e\n      \u003cspan class=\"soi-arni-compo-label\"\u003eBase\u003c\/span\u003e\n      \u003cspan class=\"soi-arni-compo-value\"\u003eMacérât de fleurs d'Arnica montana dans une huile végétale porteuse\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-arni-compo-row\"\u003e\n      \u003cspan class=\"soi-arni-compo-label\"\u003eActifs naturels\u003c\/span\u003e\n      \u003cspan class=\"soi-arni-compo-value\"\u003eLactones sesquiterpéniques, flavonoïdes, caroténoïdes\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-arni-compo-row\"\u003e\n      \u003cspan class=\"soi-arni-compo-label\"\u003eFormule\u003c\/span\u003e\n      \u003cspan class=\"soi-arni-compo-value\"\u003e100 % pure et naturelle, vegan, sans conservateurs\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-arni-compo-row\"\u003e\n      \u003cspan class=\"soi-arni-compo-label\"\u003eConditionnement\u003c\/span\u003e\n      \u003cspan class=\"soi-arni-compo-value\"\u003eFlacon verre ambré 50 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-arni-section\"\u003e\n  \u003ch2\u003eÀ quoi sert l'huile d'arnica ? Les bienfaits concrets\u003c\/h2\u003e\n  \u003cdiv class=\"soi-arni-benefits\"\u003e\n    \u003cdiv class=\"soi-arni-benefit\"\u003e\n      \u003cdiv class=\"soi-arni-benefit-icon\"\u003e\u003cspan\u003e🏃\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAvant l'effort\u003c\/h3\u003e\n      \u003cp\u003eAppliquée en massage, elle prépare vos muscles et vos articulations à l'activité physique.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-arni-benefit\"\u003e\n      \u003cdiv class=\"soi-arni-benefit-icon\"\u003e\u003cspan\u003e🧘\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAprès l'effort\u003c\/h3\u003e\n      \u003cp\u003eElle favorise la récupération musculaire et apaise les zones sollicitées ou endolories.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-arni-benefit\"\u003e\n      \u003cdiv class=\"soi-arni-benefit-icon\"\u003e\u003cspan\u003e💜\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eChocs et contusions\u003c\/h3\u003e\n      \u003cp\u003eTraditionnellement recommandée pour atténuer les hématomes et les bleus du quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-arni-benefit\"\u003e\n      \u003cdiv class=\"soi-arni-benefit-icon\"\u003e\u003cspan\u003e🦵\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eTensions articulaires\u003c\/h3\u003e\n      \u003cp\u003eElle apporte un confort ciblé aux genoux, épaules et zones sensibilisées par les mouvements répétitifs.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-arni-section\"\u003e\n  \u003ch2\u003eComment utiliser cette huile végétale d'arnica Pranarom ?\u003c\/h2\u003e\n  \u003cp class=\"soi-arni-section-intro\"\u003eL'utilisation est simple et s'adapte à vos besoins quotidiens :\u003c\/p\u003e\n  \u003cdiv class=\"soi-arni-timeline\"\u003e\n    \u003cdiv class=\"soi-arni-step\"\u003e\n      \u003cdiv class=\"soi-arni-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-arni-step-content\"\u003e\n        \u003ch3\u003eVersez quelques gouttes\u003c\/h3\u003e\n        \u003cp\u003eDéposez quelques gouttes d'huile d'arnica dans le creux de votre main.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-arni-step\"\u003e\n      \u003cdiv class=\"soi-arni-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-arni-step-content\"\u003e\n        \u003ch3\u003eRéchauffez l'huile\u003c\/h3\u003e\n        \u003cp\u003eFrottez doucement vos paumes l'une contre l'autre pour réchauffer l'huile avant application.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-arni-step\"\u003e\n      \u003cdiv class=\"soi-arni-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-arni-step-content\"\u003e\n        \u003ch3\u003eMassez en mouvements circulaires\u003c\/h3\u003e\n        \u003cp\u003eAppliquez sur la zone concernée en mouvements circulaires, 2 à 3 fois par jour si nécessaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-arni-step\"\u003e\n      \u003cdiv class=\"soi-arni-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-arni-step-content\"\u003e\n        \u003ch3\u003ePrécautions d'application\u003c\/h3\u003e\n        \u003cp\u003eÉvitez les plaies ouvertes et les muqueuses. Ne pas utiliser chez la femme enceinte sans avis médical.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-arni-section\"\u003e\n  \u003ch2\u003ePourquoi choisir l'huile arnica Pranarom plutôt qu'une autre ?\u003c\/h2\u003e\n  \u003cp\u003ePranarom propose une alternative 100 % pure et naturelle, sans additif, avec une traçabilité rigoureuse des matières premières et un engagement fort pour la qualité.\u003c\/p\u003e\n  \u003cdiv class=\"soi-arni-tip\"\u003e\n    \u003cdiv class=\"soi-arni-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eLe flacon en verre ambré protège les actifs de la dégradation lumineuse, un détail qui compte vraiment pour l'efficacité du produit dans la durée. Conservez votre huile à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-arni-section\"\u003e\n  \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n  \u003cdiv class=\"soi-arni-accordion\"\u003e\n    \u003cdetails class=\"soi-arni-accordion-item\"\u003e\n      \u003csummary class=\"soi-arni-accordion-header\"\u003e⚠️ Usage et contre-indications\u003c\/summary\u003e\n      \u003cdiv class=\"soi-arni-accordion-content\"\u003e\n        \u003cp\u003eRéservé à un usage externe uniquement. Ne pas appliquer sur peau lésée, blessée ou irritée. Tenir hors de portée des enfants.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-arni-accordion-item\"\u003e\n      \u003csummary class=\"soi-arni-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n      \u003cdiv class=\"soi-arni-accordion-content\"\u003e\n        \u003cp\u003eCe produit ne remplace pas un traitement médical. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-arni-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-arni-cta-box\"\u003e\n    \u003cp class=\"soi-arni-cta-tag\" style=\"color: white;\"\u003ePréparez, apaisez, récupérez\u003c\/p\u003e\n    \u003cp class=\"soi-arni-cta-text\" style=\"color: white;\"\u003eDécouvrez dans l'huile d'arnica Pranarom un soin naturel fidèle, pensé pour vos muscles et vos articulations au quotidien, avec la puissance reconnue de l'Arnica montana.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-arni-marine: #1A2D3D;\n  --soi-arni-marine-dark: #0F1E2B;\n  --soi-arni-marine-light: #2C4458;\n  --soi-arni-pomme: #A1C544;\n  --soi-arni-pomme-dark: #84A636;\n  --soi-arni-pomme-light: rgba(161,197,68,0.10);\n  --soi-arni-white: #FFFFFF;\n  --soi-arni-off-white: #F8FAF6;\n  --soi-arni-stone: #F1F3EE;\n  --soi-arni-line: #E5E8E0;\n  --soi-arni-primary: #D4A52A;\n  --soi-arni-primary-soft: #F5ECD0;\n  --soi-arni-accent: #8B6914;\n  --soi-arni-text: #1A2D3D;\n  --soi-arni-text-soft: #4A5B6B;\n  --soi-arni-text-muted: #7B8693;\n  --soi-arni-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-arni-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-arni-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-arni-radius: 12px;\n  --soi-arni-radius-sm: 8px;\n  --soi-arni-radius-pill: 999px;\n}\n\n.soi-arni-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-arni-fiche img { max-width: 100%; height: auto; }\n\n.soi-arni-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-arni-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-arni-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-arni-hero {\n  position: relative;\n  background: var(--soi-arni-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-arni-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-arni-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-arni-pomme);\n}\n\n.soi-arni-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-arni-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-arni-pomme);\n  border-radius: 50%;\n}\n\n.soi-arni-hero-title {\n  display: block;\n  color: var(--soi-arni-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-arni-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-arni-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-arni-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-arni-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-arni-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-arni-label-accent {\n  background: var(--soi-arni-pomme);\n  border-color: var(--soi-arni-pomme);\n  color: var(--soi-arni-marine);\n  font-weight: 600;\n}\n\n.soi-arni-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-arni-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-arni-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-arni-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-arni-pomme);\n  border-radius: 2px;\n}\n\n.soi-arni-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-arni-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-arni-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-arni-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-arni-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-arni-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-arni-benefit {\n  background: var(--soi-arni-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-arni-radius);\n  border: 1px solid var(--soi-arni-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-arni-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-arni-shadow-md);\n}\n\n.soi-arni-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-arni-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-arni-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-arni-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-arni-benefit:hover .soi-arni-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-arni-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-arni-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-arni-benefit p {\n  font-size: 13px;\n  color: var(--soi-arni-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-arni-compo {\n  background: var(--soi-arni-off-white);\n  border-radius: var(--soi-arni-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-arni-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-arni-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-arni-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-arni-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-arni-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-arni-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-arni-marine);\n  text-align: right;\n}\n\n.soi-arni-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-arni-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-arni-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-arni-radius);\n  border: 1px solid var(--soi-arni-line);\n  align-items: flex-start;\n}\n\n.soi-arni-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-arni-marine);\n  color: var(--soi-arni-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-arni-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-arni-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-arni-step-content p {\n  font-size: 14px;\n  color: var(--soi-arni-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-arni-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-arni-pomme-light);\n  border-left: 4px solid var(--soi-arni-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-arni-radius) var(--soi-arni-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-arni-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-arni-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-arni-marine);\n  margin-bottom: 4px;\n}\n\n.soi-arni-tip p {\n  font-size: 14px;\n  color: var(--soi-arni-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-arni-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-arni-accordion-item {\n  background: var(--soi-arni-off-white);\n  border-radius: var(--soi-arni-radius-sm);\n  border: 1px solid var(--soi-arni-line);\n  overflow: hidden;\n}\n\n.soi-arni-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-arni-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-arni-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-arni-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-arni-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-arni-accordion-item[open] .soi-arni-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-arni-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-arni-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-arni-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-arni-cta-box {\n  background: var(--soi-arni-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-arni-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-arni-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-arni-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-arni-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-arni-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-arni-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-arni-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-arni-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-arni-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-arni-compo-value {\n    text-align: left;\n  }\n\n  .soi-arni-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-arni-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-arni-fiche {\n    --soi-arni-text-soft: #2C3E50;\n    --soi-arni-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603935289674,"sku":"RA0235","price":17.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0235_hv_arnica_ac0712c4-ab64-41d8-9fa4-fd2defc376d9.jpg?v=1778843505"},{"product_id":"roller-apres-piqures-bio-pranarom","title":"Roller après-piqures Bio - Pranarom","description":"\u003cdiv class=\"soi-rpiq-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-rpiq-hero\"\u003e\n    \u003cdiv class=\"soi-rpiq-hero-tag\"\u003e\n      \u003cspan class=\"soi-rpiq-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie · Pranarôm\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-rpiq-hero-title\"\u003eRoller Après-Piqûres Bio\u003c\/span\u003e\n    \u003cp class=\"soi-rpiq-hero-subtitle\"\u003eUn gel apaisant aux huiles essentielles 100 % biologiques pour calmer rapidement l'inconfort cutané après une piqûre d'insecte. Format roller pratique et hygiénique, à glisser dans votre sac dès les beaux jours.\u003c\/p\u003e\n    \u003cdiv class=\"soi-rpiq-hero-labels\"\u003e\n      \u003cspan class=\"soi-rpiq-label soi-rpiq-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-rpiq-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-rpiq-label\"\u003eDÈS 3 ANS\u003c\/span\u003e\n      \u003cspan class=\"soi-rpiq-label\"\u003eNON PHOTOSENSIBILISANT\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : Pourquoi choisir --\u003e\n  \u003csection class=\"soi-rpiq-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le Roller Après-Piqûres Pranarôm ?\u003c\/h2\u003e\n    \u003cp class=\"soi-rpiq-section-intro\"\u003eCe que vous attendez après une piqûre, c'est un soulagement rapide, sans produits chimiques agressifs. Le Roller Après-Piqûres Pranarôm répond exactement à cela.\u003c\/p\u003e\n    \u003cdiv class=\"soi-rpiq-benefits\"\u003e\n      \u003cdiv class=\"soi-rpiq-benefit\"\u003e\n        \u003cdiv class=\"soi-rpiq-benefit-icon\"\u003e\u003cspan\u003e❄️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eApaisement immédiat\u003c\/h3\u003e\n        \u003cp\u003eLa sensation de fraîcheur procurée par la Menthe des champs calme instantanément les démangeaisons.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-benefit\"\u003e\n        \u003cdiv class=\"soi-rpiq-benefit-icon\"\u003e\u003cspan\u003e🕐\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAction durable\u003c\/h3\u003e\n        \u003cp\u003eLe Curcuma et la Tanaisie aident à réduire l'inconfort cutané sur la durée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-benefit\"\u003e\n        \u003cdiv class=\"soi-rpiq-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eTexture gel légère\u003c\/h3\u003e\n        \u003cp\u003eNon grasse, non photosensibilisante : vous pouvez l'appliquer même avant de vous exposer au soleil.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-benefit\"\u003e\n        \u003cdiv class=\"soi-rpiq-benefit-icon\"\u003e\u003cspan\u003e🎯\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFormat roller hygiénique\u003c\/h3\u003e\n        \u003cp\u003eApplication précise et ciblée, sans toucher la zone avec les doigts.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Composition --\u003e\n  \u003csection class=\"soi-rpiq-section\"\u003e\n    \u003ch2\u003eComposition : des huiles essentielles biologiques soigneusement choisies\u003c\/h2\u003e\n    \u003cp class=\"soi-rpiq-section-intro\"\u003eLa force de ce roller repose sur une synergie d'huiles essentielles certifiées biologiques, chacune jouant un rôle précis.\u003c\/p\u003e\n    \u003cdiv class=\"soi-rpiq-grid\"\u003e\n      \u003cdiv class=\"soi-rpiq-card\"\u003e\n        \u003ch3\u003e💜 Lavande aspic bio\u003c\/h3\u003e\n        \u003cp\u003eHuile essentielle emblématique pour apaiser la peau irritée après une piqûre.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-card\"\u003e\n        \u003ch3\u003e🧊 Menthe des champs bio\u003c\/h3\u003e\n        \u003cp\u003eEffet rafraîchissant quasi immédiat, idéal pour stopper la sensation de brûlure ou de démangeaison.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-card\"\u003e\n        \u003ch3\u003e🟡 Curcuma bio\u003c\/h3\u003e\n        \u003cp\u003eSoutient l'apaisement cutané en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-card\"\u003e\n        \u003ch3\u003e🌼 Tanaisie annuelle bio\u003c\/h3\u003e\n        \u003cp\u003eComplète l'action apaisante et contribue à limiter la réaction cutanée visible.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-card\"\u003e\n        \u003ch3\u003e🌱 Gel d'aloe vera\u003c\/h3\u003e\n        \u003cp\u003eBase douce et hydratante qui favorise la pénétration du soin sans assécher la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-rpiq-tip\"\u003e\n      \u003cdiv class=\"soi-rpiq-tip-icon\"\u003e✅\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eBonne nouvelle\u003c\/strong\u003e\n        \u003cp\u003eLa formule est non photosensibilisante et convient aux peaux sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : Utilisation --\u003e\n  \u003csection class=\"soi-rpiq-section\"\u003e\n    \u003ch2\u003eComment utiliser le Roller Après-Piqûres Pranarôm ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-rpiq-timeline\"\u003e\n      \u003cdiv class=\"soi-rpiq-step\"\u003e\n        \u003cdiv class=\"soi-rpiq-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-rpiq-step-content\"\u003e\n          \u003ch3\u003eAppliquez sans attendre\u003c\/h3\u003e\n          \u003cp\u003eAppliquez le roller directement sur la piqûre dès que possible après la morsure ou la piqûre.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-step\"\u003e\n        \u003cdiv class=\"soi-rpiq-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-rpiq-step-content\"\u003e\n          \u003ch3\u003eFaites rouler la bille\u003c\/h3\u003e\n          \u003cp\u003eFaites rouler la bille sur la zone concernée pendant quelques secondes pour diffuser le gel.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-step\"\u003e\n        \u003cdiv class=\"soi-rpiq-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-rpiq-step-content\"\u003e\n          \u003ch3\u003eRenouvelez si nécessaire\u003c\/h3\u003e\n          \u003cp\u003eRenouvelez l'application 2 à 4 fois par jour selon le besoin, jusqu'à disparition de l'inconfort.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-step\"\u003e\n        \u003cdiv class=\"soi-rpiq-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-rpiq-step-content\"\u003e\n          \u003ch3\u003eZone à éviter\u003c\/h3\u003e\n          \u003cp\u003eÉvitez le contour des yeux et les muqueuses.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Femme enceinte --\u003e\n  \u003csection class=\"soi-rpiq-section\"\u003e\n    \u003ch2\u003eRoller Après-Piqûres et femme enceinte : ce qu'il faut savoir\u003c\/h2\u003e\n    \u003cp\u003eLa question revient souvent : ce roller est-il compatible avec la grossesse ? La formule contient des huiles essentielles, dont certaines sont déconseillées durant le premier trimestre. Demandez toujours l'avis de votre médecin ou pharmacien avant utilisation si vous êtes enceinte ou allaitante. Ce produit ne remplace en aucun cas un avis médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 : Pour qui --\u003e\n  \u003csection class=\"soi-rpiq-section\"\u003e\n    \u003ch2\u003ePour qui est-il fait ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-rpiq-grid\"\u003e\n      \u003cdiv class=\"soi-rpiq-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n        \u003cp\u003eConvient aux adultes et aux enfants dès 3 ans.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-card\"\u003e\n        \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n        \u003cp\u003ePensé pour les personnes qui recherchent des solutions naturelles et certifiées BIO.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-card\"\u003e\n        \u003ch3\u003e🏕️ Aventuriers du plein air\u003c\/h3\u003e\n        \u003cp\u003eIdéal pour les voyageurs, randonneurs, campeurs et amateurs d'activités en extérieur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-card\"\u003e\n        \u003ch3\u003e🦟 Peaux réactives\u003c\/h3\u003e\n        \u003cp\u003eParticulièrement adapté à ceux qui réagissent fortement aux piqûres de moustiques ou d'insectes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-rpiq-tip\"\u003e\n      \u003cdiv class=\"soi-rpiq-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eSon format de 15 ml le rend idéal en trousse de voyage ou dans un sac à dos. Compact, léger, discret : il est là quand vous en avez besoin.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 : Informations pratiques --\u003e\n  \u003csection class=\"soi-rpiq-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-rpiq-grid-compact\"\u003e\n      \u003cdiv class=\"soi-rpiq-card-mini\"\u003e\n        \u003cspan class=\"soi-rpiq-card-mini-icon\"\u003e📏\u003c\/span\u003e\n        \u003cspan class=\"soi-rpiq-card-mini-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-rpiq-card-mini-value\"\u003e15 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-card-mini\"\u003e\n        \u003cspan class=\"soi-rpiq-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-rpiq-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-rpiq-card-mini-value\"\u003eBIO\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-card-mini\"\u003e\n        \u003cspan class=\"soi-rpiq-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n        \u003cspan class=\"soi-rpiq-card-mini-label\"\u003eVegan\u003c\/span\u003e\n        \u003cspan class=\"soi-rpiq-card-mini-value\"\u003eOui\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-card-mini\"\u003e\n        \u003cspan class=\"soi-rpiq-card-mini-icon\"\u003e☀️\u003c\/span\u003e\n        \u003cspan class=\"soi-rpiq-card-mini-label\"\u003ePhotosensibilisant\u003c\/span\u003e\n        \u003cspan class=\"soi-rpiq-card-mini-value\"\u003eNon\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-rpiq-compo\"\u003e\n      \u003cdiv class=\"soi-rpiq-compo-row\"\u003e\n        \u003cspan class=\"soi-rpiq-compo-label\"\u003eConvient à\u003c\/span\u003e\n        \u003cspan class=\"soi-rpiq-compo-value\"\u003eAdultes et enfants dès 3 ans\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-compo-row\"\u003e\n        \u003cspan class=\"soi-rpiq-compo-label\"\u003eHuiles essentielles\u003c\/span\u003e\n        \u003cspan class=\"soi-rpiq-compo-value\"\u003e100 % biologiques\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-compo-row\"\u003e\n        \u003cspan class=\"soi-rpiq-compo-label\"\u003eGamme\u003c\/span\u003e\n        \u003cspan class=\"soi-rpiq-compo-value\"\u003eAromapic, Pranarôm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 : Précautions --\u003e\n  \u003csection class=\"soi-rpiq-section\"\u003e\n    \u003cdiv class=\"soi-rpiq-accordion\"\u003e\n      \u003cdetails class=\"soi-rpiq-accordion-item\"\u003e\n        \u003csummary class=\"soi-rpiq-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-rpiq-accordion-content\"\u003e\n          \u003cp\u003eÉvitez le contour des yeux et les muqueuses. La formule contient des huiles essentielles : demandez toujours l'avis de votre médecin ou pharmacien si vous êtes enceinte ou allaitante, notamment durant le premier trimestre. Ce produit ne remplace en aucun cas un avis médical. Convient dès 3 ans.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-rpiq-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-rpiq-cta-box\"\u003e\n      \u003cp class=\"soi-rpiq-cta-tag\" style=\"color: white;\"\u003eL'indispensable de votre été\u003c\/p\u003e\n      \u003cp class=\"soi-rpiq-cta-text\" style=\"color: white;\"\u003eFini le temps où une piqûre gâchait votre soirée ou votre randonnée. Le Roller Après-Piqûres Bio Aromapic de Pranarôm vous offre un apaisement rapide, naturel et certifié BIO, à portée de main en toutes circonstances.\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-rpiq-marine: #1A2D3D;\n  --soi-rpiq-marine-dark: #0F1E2B;\n  --soi-rpiq-marine-light: #2C4458;\n  --soi-rpiq-pomme: #A1C544;\n  --soi-rpiq-pomme-dark: #84A636;\n  --soi-rpiq-pomme-light: rgba(161,197,68,0.10);\n\n  \/* === Neutres Soinat === *\/\n  --soi-rpiq-white: #FFFFFF;\n  --soi-rpiq-off-white: #F8FAF6;\n  --soi-rpiq-stone: #F1F3EE;\n  --soi-rpiq-line: #E5E8E0;\n\n  \/* === Couleurs dynamiques (packaging : vert-jaune Aromapic + blanc) === *\/\n  --soi-rpiq-primary: #7A9A8E;\n  --soi-rpiq-primary-soft: #E8F0EC;\n  --soi-rpiq-accent: #C8B830;\n\n  \/* === Textes === *\/\n  --soi-rpiq-text: #1A2D3D;\n  --soi-rpiq-text-soft: #4A5B6B;\n  --soi-rpiq-text-muted: #7B8693;\n\n  \/* === Effets === *\/\n  --soi-rpiq-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-rpiq-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-rpiq-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-rpiq-radius: 12px;\n  --soi-rpiq-radius-sm: 8px;\n  --soi-rpiq-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-rpiq-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-rpiq-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-rpiq-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-rpiq-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-rpiq-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-rpiq-hero {\n  position: relative;\n  background: var(--soi-rpiq-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-rpiq-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-rpiq-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-rpiq-pomme);\n}\n\n.soi-rpiq-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-rpiq-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-rpiq-pomme);\n  border-radius: 50%;\n}\n\n.soi-rpiq-hero-title {\n  display: block;\n  color: var(--soi-rpiq-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-rpiq-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-rpiq-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-rpiq-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-rpiq-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-rpiq-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-rpiq-label-accent {\n  background: var(--soi-rpiq-pomme);\n  border-color: var(--soi-rpiq-pomme);\n  color: var(--soi-rpiq-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-rpiq-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-rpiq-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-rpiq-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-rpiq-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-rpiq-pomme);\n  border-radius: 2px;\n}\n\n.soi-rpiq-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-rpiq-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-rpiq-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-rpiq-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-rpiq-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-rpiq-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-rpiq-benefit {\n  background: var(--soi-rpiq-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-rpiq-radius);\n  border: 1px solid var(--soi-rpiq-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-rpiq-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-rpiq-shadow-md);\n}\n\n.soi-rpiq-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-rpiq-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-rpiq-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-rpiq-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-rpiq-benefit:hover .soi-rpiq-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-rpiq-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-rpiq-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-rpiq-benefit p {\n  font-size: 13px;\n  color: var(--soi-rpiq-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-rpiq-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-rpiq-card {\n  background: var(--soi-rpiq-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-rpiq-radius);\n  border-left: 3px solid var(--soi-rpiq-pomme);\n}\n\n.soi-rpiq-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-rpiq-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-rpiq-card p {\n  font-size: 14px;\n  color: var(--soi-rpiq-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-rpiq-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-bottom: 1.25rem;\n}\n\n.soi-rpiq-card-mini {\n  background: var(--soi-rpiq-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-rpiq-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-rpiq-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-rpiq-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-rpiq-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-rpiq-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-rpiq-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-rpiq-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-rpiq-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-rpiq-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-rpiq-radius);\n  border: 1px solid var(--soi-rpiq-line);\n  align-items: flex-start;\n}\n\n.soi-rpiq-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-rpiq-marine);\n  color: var(--soi-rpiq-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-rpiq-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-rpiq-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-rpiq-step-content p {\n  font-size: 14px;\n  color: var(--soi-rpiq-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-rpiq-compo {\n  background: var(--soi-rpiq-off-white);\n  border-radius: var(--soi-rpiq-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-rpiq-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-rpiq-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-rpiq-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-rpiq-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-rpiq-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-rpiq-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-rpiq-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-rpiq-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-rpiq-pomme-light);\n  border-left: 4px solid var(--soi-rpiq-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-rpiq-radius) var(--soi-rpiq-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-rpiq-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-rpiq-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-rpiq-marine);\n  margin-bottom: 4px;\n}\n\n.soi-rpiq-tip p {\n  font-size: 14px;\n  color: var(--soi-rpiq-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-rpiq-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-rpiq-accordion-item {\n  background: var(--soi-rpiq-off-white);\n  border-radius: var(--soi-rpiq-radius-sm);\n  border: 1px solid var(--soi-rpiq-line);\n  overflow: hidden;\n}\n\n.soi-rpiq-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-rpiq-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-rpiq-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-rpiq-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-rpiq-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-rpiq-accordion-item[open] .soi-rpiq-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-rpiq-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-rpiq-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-rpiq-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-rpiq-cta-box {\n  background: var(--soi-rpiq-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-rpiq-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-rpiq-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-rpiq-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-rpiq-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-rpiq-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-rpiq-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-rpiq-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-rpiq-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-rpiq-step-num {\n    text-align: center;\n    margin: 0 auto 0 0;\n  }\n\n  .soi-rpiq-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-rpiq-compo-value {\n    text-align: left;\n  }\n\n  .soi-rpiq-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-rpiq-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-rpiq-benefits {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n@media (max-width: 420px) {\n  .soi-rpiq-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-rpiq-grid-compact {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-rpiq-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-rpiq-fiche {\n    --soi-rpiq-text-soft: #2C3E50;\n    --soi-rpiq-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603935420746,"sku":"RA0240","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/roller-apres-piqures-bio-pranarom-packshot.webp?v=1779458100"},{"product_id":"huile-essentielle-bio-de-citronnier-zeste-pranarom","title":"Huile Essentielle Citron Bio (citronnier zeste) 10 ml - Pranarom","description":"\u003cdiv class=\"soi-citr-fiche\"\u003e\n\n\u003csection class=\"soi-citr-hero\"\u003e\n  \u003cdiv class=\"soi-citr-hero-tag\"\u003e\n    \u003cspan class=\"soi-citr-tag-dot\"\u003e\u003c\/span\u003e\n    Aromathérapie · Pranarôm\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-citr-hero-title\"\u003eL'éclat pur du zeste de citron\u003c\/span\u003e\n  \u003cp class=\"soi-citr-hero-subtitle\"\u003eUne huile essentielle chémotypée, certifiée bio, obtenue par expression à froid du zeste de Citrus limon. Polyvalente, rigoureusement contrôlée et traçable de la plantation au flacon.\u003c\/p\u003e\n  \u003cdiv class=\"soi-citr-hero-labels\"\u003e\n    \u003cspan class=\"soi-citr-label soi-citr-label-accent\"\u003eBIO\u003c\/span\u003e\n    \u003cspan class=\"soi-citr-label\"\u003eHECT CHÉMOTYPÉE\u003c\/span\u003e\n    \u003cspan class=\"soi-citr-label\"\u003e100% PURE ET NATURELLE\u003c\/span\u003e\n    \u003cspan class=\"soi-citr-label\"\u003eEXPRESSION À FROID\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-citr-section\"\u003e\n  \u003ch2\u003ePourquoi choisir l'huile essentielle de citron Pranarôm ?\u003c\/h2\u003e\n  \u003cp\u003eTous les flacons ne se valent pas. Pranarôm vous garantit une huile essentielle \u003cstrong\u003echémotypée (HECT)\u003c\/strong\u003e, analysée biochimiquement lot par lot pour vous assurer une composition stable et fidèle. Certifiée bio, elle est obtenue par \u003cstrong\u003eexpression à froid du zeste de Citrus limon\u003c\/strong\u003e, sans solvant ni traitement chimique. Le résultat : une huile 100 % pure, intégrale, traçable de la plantation au flacon.\u003c\/p\u003e\n  \u003cp\u003eSon principal constituant est le \u003cstrong\u003elimonène\u003c\/strong\u003e, un terpène naturellement présent dans le zeste, reconnu pour ses propriétés purifiantes, toniques et assainissantes.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-citr-section\"\u003e\n  \u003ch2\u003eLes bienfaits de l'huile essentielle de citron : ce qu'elle peut faire pour vous\u003c\/h2\u003e\n  \u003cdiv class=\"soi-citr-grid\"\u003e\n    \u003cdiv class=\"soi-citr-card\"\u003e\n      \u003ch3\u003e🌬️ Diffusion atmosphérique\u003c\/h3\u003e\n      \u003cp\u003eQuelques gouttes dans votre diffuseur assainissent l'air ambiant, neutralisent les odeurs et créent une atmosphère dynamique, idéale pour favoriser la concentration ou simplement aérer l'esprit en journée.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-citr-card\"\u003e\n      \u003ch3\u003e✨ Soins de la peau grasse\u003c\/h3\u003e\n      \u003cp\u003eDiluée dans une huile végétale (2 % maximum, soit 1 goutte pour 50 gouttes d'huile), elle aide à réguler le sébum et affiner le grain de peau. Attention : elle est photosensibilisante, évitez toute exposition solaire dans les 12 heures suivant l'application.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-citr-card\"\u003e\n      \u003ch3\u003e💆 Soins capillaires\u003c\/h3\u003e\n      \u003cp\u003eAjoutée à votre shampoing (1 à 2 gouttes par dose), elle apporte légèreté et brillance aux cheveux gras.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-citr-card\"\u003e\n      \u003ch3\u003e🍋 Confort digestif\u003c\/h3\u003e\n      \u003cp\u003ePar voie orale (sur avis professionnel), 1 goutte dans une cuillère de miel après un repas copieux peut contribuer à soutenir le confort digestif.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-citr-card\"\u003e\n      \u003ch3\u003e☀️ Ambiance et bien-être\u003c\/h3\u003e\n      \u003cp\u003eSon parfum solaire et fruité en fait un allié naturel contre la fatigue passagère et les coups de mou.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-citr-section\"\u003e\n  \u003ch2\u003eComposition et données techniques\u003c\/h2\u003e\n  \u003cdiv class=\"soi-citr-compo\"\u003e\n    \u003cdiv class=\"soi-citr-compo-row\"\u003e\n      \u003cspan class=\"soi-citr-compo-label\"\u003eNom botanique\u003c\/span\u003e\n      \u003cspan class=\"soi-citr-compo-value\"\u003eCitrus limon\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-citr-compo-row\"\u003e\n      \u003cspan class=\"soi-citr-compo-label\"\u003ePartie utilisée\u003c\/span\u003e\n      \u003cspan class=\"soi-citr-compo-value\"\u003eZeste (écorce fraîche)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-citr-compo-row\"\u003e\n      \u003cspan class=\"soi-citr-compo-label\"\u003eMode d'extraction\u003c\/span\u003e\n      \u003cspan class=\"soi-citr-compo-value\"\u003eExpression à froid\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-citr-compo-row\"\u003e\n      \u003cspan class=\"soi-citr-compo-label\"\u003eConstituant principal\u003c\/span\u003e\n      \u003cspan class=\"soi-citr-compo-value\"\u003eLimonène (55 à 75 %)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-citr-compo-row\"\u003e\n      \u003cspan class=\"soi-citr-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-citr-compo-value\"\u003eAgriculture biologique, HECT\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-citr-compo-row\"\u003e\n      \u003cspan class=\"soi-citr-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-citr-compo-value\"\u003e10 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-citr-compo-row\"\u003e\n      \u003cspan class=\"soi-citr-compo-label\"\u003eOrigine\u003c\/span\u003e\n      \u003cspan class=\"soi-citr-compo-value\"\u003eItalie (Sicile)\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-citr-section\"\u003e\n  \u003ch2\u003eComment utiliser l'huile essentielle de citron au quotidien ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-citr-timeline\"\u003e\n    \u003cdiv class=\"soi-citr-step\"\u003e\n      \u003cdiv class=\"soi-citr-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-citr-step-content\"\u003e\n        \u003ch3\u003eEn diffusion\u003c\/h3\u003e\n        \u003cp\u003e5 à 8 gouttes dans un diffuseur par ultrasons, 20 minutes maximum par heure. Elle se marie parfaitement avec les huiles essentielles de menthe poivrée, de lavande fine ou d'eucalyptus radié.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-citr-step\"\u003e\n      \u003cdiv class=\"soi-citr-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-citr-step-content\"\u003e\n        \u003ch3\u003eEn application cutanée\u003c\/h3\u003e\n        \u003cp\u003eToujours diluée, jamais pure sur la peau. Respectez impérativement la précaution photosensibilisante propre aux huiles essentielles d'agrumes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-citr-step\"\u003e\n      \u003cdiv class=\"soi-citr-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-citr-step-content\"\u003e\n        \u003ch3\u003ePar voie orale\u003c\/h3\u003e\n        \u003cp\u003eUniquement sur recommandation d'un professionnel de santé ou d'un aromathérapeute qualifié. Ce produit ne se substitue pas à un traitement médical.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-citr-tip\"\u003e\n    \u003cdiv class=\"soi-citr-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003ePour une synergie rafraîchissante en diffusion, associez votre huile essentielle de citron avec la menthe poivrée ou la lavande fine, comme le suggère Pranarôm. Un duo idéal pour dynamiser votre intérieur tout en assainissant l'air ambiant.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-citr-section\"\u003e\n  \u003ch2\u003ePrécautions d'emploi à connaître\u003c\/h2\u003e\n  \u003cdiv class=\"soi-citr-accordion\"\u003e\n    \u003cdetails class=\"soi-citr-accordion-item\"\u003e\n      \u003csummary class=\"soi-citr-accordion-header\"\u003e☀️ Photosensibilisation\u003c\/summary\u003e\n      \u003cdiv class=\"soi-citr-accordion-content\"\u003e\n        \u003cp\u003eCette huile essentielle est photosensibilisante : ne vous exposez pas au soleil après application sur la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-citr-accordion-item\"\u003e\n      \u003csummary class=\"soi-citr-accordion-header\"\u003e🤰 Femmes enceintes, allaitantes et enfants\u003c\/summary\u003e\n      \u003cdiv class=\"soi-citr-accordion-content\"\u003e\n        \u003cp\u003eDéconseillée aux femmes enceintes ou allaitantes, et aux enfants de moins de 6 ans sans avis médical.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-citr-accordion-item\"\u003e\n      \u003csummary class=\"soi-citr-accordion-header\"\u003e⚠️ Précautions générales\u003c\/summary\u003e\n      \u003cdiv class=\"soi-citr-accordion-content\"\u003e\n        \u003cp\u003eTenir hors de portée des enfants. Ne pas avaler pure. En cas d'ingestion accidentelle, consultez un médecin. Éviter le contact avec les yeux et les muqueuses.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-citr-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-citr-cta-box\"\u003e\n    \u003cp class=\"soi-citr-cta-tag\" style=\"color: white;\"\u003eL'aromathérapie au naturel, certifiée bio\u003c\/p\u003e\n    \u003cp class=\"soi-citr-cta-text\" style=\"color: white;\"\u003eFraîche, pure et polyvalente, l'huile essentielle bio de citronnier zeste Pranarôm s'invite dans votre quotidien avec une simplicité désarmante. En diffusion, en soin ou dans votre shampoing : un essentiel de l'aromathérapie à garder toujours à portée de main.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-citr-marine: #1A2D3D;\n  --soi-citr-marine-dark: #0F1E2B;\n  --soi-citr-marine-light: #2C4458;\n  --soi-citr-pomme: #A1C544;\n  --soi-citr-pomme-dark: #84A636;\n  --soi-citr-pomme-light: rgba(161,197,68,0.10);\n  --soi-citr-white: #FFFFFF;\n  --soi-citr-off-white: #F8FAF6;\n  --soi-citr-stone: #F1F3EE;\n  --soi-citr-line: #E5E8E0;\n  --soi-citr-primary: #7A9A3E;\n  --soi-citr-primary-soft: #E8EDDA;\n  --soi-citr-accent: #D4C84A;\n  --soi-citr-text: #1A2D3D;\n  --soi-citr-text-soft: #4A5B6B;\n  --soi-citr-text-muted: #7B8693;\n  --soi-citr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-citr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-citr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-citr-radius: 12px;\n  --soi-citr-radius-sm: 8px;\n  --soi-citr-radius-pill: 999px;\n}\n\n.soi-citr-fiche * {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n.soi-citr-fiche img {\n  max-width: 100%;\n  height: auto;\n}\n\n.soi-citr-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-citr-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-citr-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-citr-hero {\n  position: relative;\n  background: var(--soi-citr-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-citr-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-citr-hero::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 4px;\n  background: var(--soi-citr-pomme);\n}\n\n.soi-citr-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-citr-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-citr-pomme);\n  border-radius: 50%;\n}\n\n.soi-citr-hero-title {\n  display: block;\n  color: var(--soi-citr-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-citr-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-citr-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-citr-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-citr-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-citr-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-citr-label-accent {\n  background: var(--soi-citr-pomme);\n  border-color: var(--soi-citr-pomme);\n  color: var(--soi-citr-marine);\n  font-weight: 600;\n}\n\n.soi-citr-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-citr-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-citr-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-citr-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-citr-pomme);\n  border-radius: 2px;\n}\n\n.soi-citr-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-citr-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-citr-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-citr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-citr-card {\n  background: var(--soi-citr-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-citr-radius);\n  border-left: 3px solid var(--soi-citr-pomme);\n}\n\n.soi-citr-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-citr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-citr-card p {\n  font-size: 14px;\n  color: var(--soi-citr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-citr-compo {\n  background: var(--soi-citr-off-white);\n  border-radius: var(--soi-citr-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-citr-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-citr-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-citr-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-citr-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-citr-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-citr-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-citr-marine);\n  text-align: right;\n}\n\n.soi-citr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-citr-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-citr-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-citr-radius);\n  border: 1px solid var(--soi-citr-line);\n  align-items: flex-start;\n}\n\n.soi-citr-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-citr-marine);\n  color: var(--soi-citr-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-citr-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-citr-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-citr-step-content p {\n  font-size: 14px;\n  color: var(--soi-citr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-citr-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-citr-pomme-light);\n  border-left: 4px solid var(--soi-citr-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-citr-radius) var(--soi-citr-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-citr-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-citr-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-citr-marine);\n  margin-bottom: 4px;\n}\n\n.soi-citr-tip p {\n  font-size: 14px;\n  color: var(--soi-citr-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-citr-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-citr-accordion-item {\n  background: var(--soi-citr-off-white);\n  border-radius: var(--soi-citr-radius-sm);\n  border: 1px solid var(--soi-citr-line);\n  overflow: hidden;\n}\n\n.soi-citr-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-citr-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-citr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-citr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-citr-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-citr-accordion-item[open] .soi-citr-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-citr-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-citr-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-citr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-citr-cta-box {\n  background: var(--soi-citr-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-citr-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-citr-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-citr-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-citr-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-citr-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-citr-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 500;\n  color: var(--soi-citr-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-citr-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-citr-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-citr-compo-value {\n    text-align: left;\n  }\n\n  .soi-citr-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-citr-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-citr-fiche {\n    --soi-citr-text-soft: #2C3E50;\n    --soi-citr-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603935584586,"sku":"RA0245","price":7.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-essentielle-bio-de-citronnier-zeste-pranarom-packshot.webp?v=1792055154"},{"product_id":"huile-essentielle-bio-de-gaultherie-odorante-pranarom","title":"Huile essentielle bio de gaultherie odorante - Pranarom","description":"\u003cdiv class=\"soi-gaul-fiche\"\u003e\n\n\u003csection class=\"soi-gaul-hero\"\u003e\n  \u003cdiv class=\"soi-gaul-hero-tag\"\u003e\n    \u003cspan class=\"soi-gaul-tag-dot\"\u003e\u003c\/span\u003e\n    Aromathérapie · Pranarom\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-gaul-hero-title\"\u003eL'alliée naturelle de vos muscles et articulations\u003c\/span\u003e\n  \u003cp class=\"soi-gaul-hero-subtitle\"\u003eHuile essentielle chémotypée de gaulthérie odorante, concentrée à plus de 95 % en salicylate de méthyle. Pureté certifiée, traçabilité irréprochable.\u003c\/p\u003e\n  \u003cdiv class=\"soi-gaul-hero-labels\"\u003e\n    \u003cspan class=\"soi-gaul-label soi-gaul-label-accent\"\u003eBIO\u003c\/span\u003e\n    \u003cspan class=\"soi-gaul-label\"\u003eHECT\u003c\/span\u003e\n    \u003cspan class=\"soi-gaul-label\"\u003e100% PURE ET NATURELLE\u003c\/span\u003e\n    \u003cspan class=\"soi-gaul-label\"\u003e10 ML\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gaul-section\"\u003e\n  \u003ch2\u003eGaulthérie couchée ou odorante : quelle différence ?\u003c\/h2\u003e\n  \u003cp\u003eOn confond souvent la \u003cstrong\u003egaulthérie odorante\u003c\/strong\u003e (\u003cem\u003eGaultheria fragrantissima\u003c\/em\u003e) et la \u003cstrong\u003egaulthérie couchée\u003c\/strong\u003e (\u003cem\u003eGaultheria procumbens\u003c\/em\u003e). Leurs propriétés sont très proches car toutes deux sont riches en salicylate de méthyle, le composé actif central. La gaulthérie couchée est originaire d'Amérique du Nord, tandis que la gaulthérie odorante provient d'Asie du Sud. En pratique, leurs utilisations et précautions d'emploi sont quasi identiques.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gaul-section\"\u003e\n  \u003ch2\u003eComposition : pourquoi le salicylate de méthyle change tout\u003c\/h2\u003e\n  \u003cp class=\"soi-gaul-section-intro\"\u003eL'huile essentielle de gaulthérie odorante Pranarom est composée à plus de 95 % de salicylate de méthyle, un ester naturel chimiquement proche de l'aspirine. C'est précisément cette concentration exceptionnelle qui lui confère ses propriétés reconnues.\u003c\/p\u003e\n  \u003cdiv class=\"soi-gaul-benefits\"\u003e\n    \u003cdiv class=\"soi-gaul-benefit\"\u003e\n      \u003cdiv class=\"soi-gaul-benefit-icon\"\u003e\u003cspan\u003e🔥\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAnti-inflammatoire puissant\u003c\/h3\u003e\n      \u003cp\u003eSoulage rhumatismes, arthrose, arthrite, tendinites et torticolis.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gaul-benefit\"\u003e\n      \u003cdiv class=\"soi-gaul-benefit-icon\"\u003e\u003cspan\u003e🎯\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAntalgique ciblé\u003c\/h3\u003e\n      \u003cp\u003eAtténue les douleurs musculaires et articulaires localisées.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gaul-benefit\"\u003e\n      \u003cdiv class=\"soi-gaul-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAntispasmodique\u003c\/h3\u003e\n      \u003cp\u003eDétend les contractures et crampes musculaires.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gaul-benefit\"\u003e\n      \u003cdiv class=\"soi-gaul-benefit-icon\"\u003e\u003cspan\u003e🩸\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eVasodilatateur périphérique\u003c\/h3\u003e\n      \u003cp\u003eAméliore la circulation locale et réduit les engourdissements.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gaul-section\"\u003e\n  \u003ch2\u003eComment utiliser l'huile essentielle de gaulthérie odorante ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-gaul-tip\"\u003e\n    \u003cdiv class=\"soi-gaul-tip-icon\"\u003e⚠️\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eRappel important\u003c\/strong\u003e\n      \u003cp\u003eLa dilution est impérative avant toute application cutanée. Pure, le salicylate de méthyle est irritant pour la peau.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-gaul-timeline\"\u003e\n    \u003cdiv class=\"soi-gaul-step\"\u003e\n      \u003cdiv class=\"soi-gaul-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-gaul-step-content\"\u003e\n        \u003ch3\u003eEn massage musculaire ou articulaire\u003c\/h3\u003e\n        \u003cp\u003eDiluez 2 à 3 gouttes dans une cuillère à café d'huile végétale (arnica, millepertuis ou calendula pour un effet renforcé), puis massez doucement la zone douloureuse. Idéal après l'effort sportif ou en cas de tension chronique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gaul-step\"\u003e\n      \u003cdiv class=\"soi-gaul-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-gaul-step-content\"\u003e\n        \u003ch3\u003eEn bain aromatique\u003c\/h3\u003e\n        \u003cp\u003eMélangez 5 à 6 gouttes à un dispersant (sel de bain, base neutre) avant d'intégrer au bain. Évitez tout contact direct avec l'eau non dispersée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gaul-step\"\u003e\n      \u003cdiv class=\"soi-gaul-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-gaul-step-content\"\u003e\n        \u003ch3\u003eEn diffusion atmosphérique\u003c\/h3\u003e\n        \u003cp\u003eNon recommandée pour cette huile essentielle en raison de sa concentration élevée en salicylate de méthyle.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gaul-section\"\u003e\n  \u003ch2\u003eEffets secondaires et précautions de la gaulthérie : ce qu'il faut savoir\u003c\/h2\u003e\n  \u003cp class=\"soi-gaul-section-intro\"\u003eL'huile essentielle de gaulthérie est contre-indiquée dans plusieurs situations. Prenez-les sérieusement en compte.\u003c\/p\u003e\n  \u003cdiv class=\"soi-gaul-accordion\"\u003e\n    \u003cdetails class=\"soi-gaul-accordion-item\"\u003e\n      \u003csummary class=\"soi-gaul-accordion-header\"\u003e🚫 Allergie à l'aspirine ou aux salicylés\u003c\/summary\u003e\n      \u003cdiv class=\"soi-gaul-accordion-content\"\u003e\n        \u003cp\u003eContre-indication absolue. Si vous êtes allergique à l'aspirine ou aux dérivés salicylés, n'utilisez pas cette huile essentielle.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-gaul-accordion-item\"\u003e\n      \u003csummary class=\"soi-gaul-accordion-header\"\u003e💊 Prise d'anticoagulants\u003c\/summary\u003e\n      \u003cdiv class=\"soi-gaul-accordion-content\"\u003e\n        \u003cp\u003eInteraction médicamenteuse possible. Consultez un professionnel de santé avant toute utilisation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-gaul-accordion-item\"\u003e\n      \u003csummary class=\"soi-gaul-accordion-header\"\u003e🤰 Femmes enceintes, allaitantes, enfants de moins de 6 ans\u003c\/summary\u003e\n      \u003cdiv class=\"soi-gaul-accordion-content\"\u003e\n        \u003cp\u003eL'utilisation de cette huile essentielle est déconseillée pour ces publics sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-gaul-accordion-item\"\u003e\n      \u003csummary class=\"soi-gaul-accordion-header\"\u003e🧴 Peaux sensibles\u003c\/summary\u003e\n      \u003cdiv class=\"soi-gaul-accordion-content\"\u003e\n        \u003cp\u003eTestez toujours sur une petite zone avant utilisation plus étendue.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-gaul-accordion-item\"\u003e\n      \u003csummary class=\"soi-gaul-accordion-header\"\u003e🚨 Voie orale\u003c\/summary\u003e\n      \u003cdiv class=\"soi-gaul-accordion-content\"\u003e\n        \u003cp\u003eNe jamais ingérer cette huile essentielle. Ce produit ne se substitue à aucun traitement médical. En cas de douleur persistante, consultez un médecin.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gaul-section\"\u003e\n  \u003ch2\u003eFiche technique\u003c\/h2\u003e\n  \u003cdiv class=\"soi-gaul-compo\"\u003e\n    \u003cdiv class=\"soi-gaul-compo-row\"\u003e\n      \u003cspan class=\"soi-gaul-compo-label\"\u003eNom botanique\u003c\/span\u003e\n      \u003cspan class=\"soi-gaul-compo-value\"\u003e\u003cem\u003eGaultheria fragrantissima\u003c\/em\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gaul-compo-row\"\u003e\n      \u003cspan class=\"soi-gaul-compo-label\"\u003ePartie distillée\u003c\/span\u003e\n      \u003cspan class=\"soi-gaul-compo-value\"\u003eFeuilles\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gaul-compo-row\"\u003e\n      \u003cspan class=\"soi-gaul-compo-label\"\u003eOrigine\u003c\/span\u003e\n      \u003cspan class=\"soi-gaul-compo-value\"\u003eNépal\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gaul-compo-row\"\u003e\n      \u003cspan class=\"soi-gaul-compo-label\"\u003eMéthode d'extraction\u003c\/span\u003e\n      \u003cspan class=\"soi-gaul-compo-value\"\u003eDistillation à la vapeur d'eau\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gaul-compo-row\"\u003e\n      \u003cspan class=\"soi-gaul-compo-label\"\u003eComposant principal\u003c\/span\u003e\n      \u003cspan class=\"soi-gaul-compo-value\"\u003eSalicylate de méthyle (95 %+)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gaul-compo-row\"\u003e\n      \u003cspan class=\"soi-gaul-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-gaul-compo-value\"\u003eBIO, HECT\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gaul-compo-row\"\u003e\n      \u003cspan class=\"soi-gaul-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-gaul-compo-value\"\u003e10 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gaul-compo-row\"\u003e\n      \u003cspan class=\"soi-gaul-compo-label\"\u003eMarque\u003c\/span\u003e\n      \u003cspan class=\"soi-gaul-compo-value\"\u003ePranarom\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gaul-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-gaul-cta-box\"\u003e\n    \u003cp class=\"soi-gaul-cta-text\" style=\"color: white;\"\u003eVéritable référence en aromathérapie, l'huile essentielle de gaulthérie odorante Pranarom accompagne vos muscles et articulations au quotidien avec une efficacité que la nature a mis des siècles à peaufiner.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-gaul-marine: #1A2D3D;\n  --soi-gaul-marine-dark: #0F1E2B;\n  --soi-gaul-marine-light: #2C4458;\n  --soi-gaul-pomme: #A1C544;\n  --soi-gaul-pomme-dark: #84A636;\n  --soi-gaul-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-gaul-white: #FFFFFF;\n  --soi-gaul-off-white: #F8FAF6;\n  --soi-gaul-stone: #F1F3EE;\n  --soi-gaul-line: #E5E8E0;\n\n  --soi-gaul-primary: #7A9A8E;\n  --soi-gaul-primary-soft: #D6E4DF;\n  --soi-gaul-accent: #5C7A4A;\n\n  --soi-gaul-text: #1A2D3D;\n  --soi-gaul-text-soft: #4A5B6B;\n  --soi-gaul-text-muted: #7B8693;\n\n  --soi-gaul-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-gaul-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-gaul-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-gaul-radius: 12px;\n  --soi-gaul-radius-sm: 8px;\n  --soi-gaul-radius-pill: 999px;\n}\n\n.soi-gaul-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gaul-fiche img { max-width: 100%; height: auto; }\n\n.soi-gaul-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-gaul-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-gaul-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-gaul-hero {\n  position: relative;\n  background: var(--soi-gaul-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-gaul-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-gaul-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-gaul-pomme);\n}\n\n.soi-gaul-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-gaul-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-gaul-pomme);\n  border-radius: 50%;\n}\n\n.soi-gaul-hero-title {\n  display: block;\n  color: var(--soi-gaul-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-gaul-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-gaul-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-gaul-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-gaul-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-gaul-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-gaul-label-accent {\n  background: var(--soi-gaul-pomme);\n  border-color: var(--soi-gaul-pomme);\n  color: var(--soi-gaul-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-gaul-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gaul-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-gaul-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-gaul-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-gaul-pomme);\n  border-radius: 2px;\n}\n\n.soi-gaul-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-gaul-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-gaul-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-gaul-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-gaul-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-gaul-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-gaul-benefit {\n  background: var(--soi-gaul-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-gaul-radius);\n  border: 1px solid var(--soi-gaul-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gaul-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-gaul-shadow-md);\n}\n\n.soi-gaul-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-gaul-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-gaul-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-gaul-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-gaul-benefit:hover .soi-gaul-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-gaul-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-gaul-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-gaul-benefit p {\n  font-size: 13px;\n  color: var(--soi-gaul-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-gaul-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-top: 1.25rem;\n}\n\n.soi-gaul-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-gaul-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-gaul-radius);\n  border: 1px solid var(--soi-gaul-line);\n  align-items: flex-start;\n}\n\n.soi-gaul-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-gaul-marine);\n  color: var(--soi-gaul-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-gaul-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-gaul-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-gaul-step-content p {\n  font-size: 14px;\n  color: var(--soi-gaul-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-gaul-compo {\n  background: var(--soi-gaul-off-white);\n  border-radius: var(--soi-gaul-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-gaul-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-gaul-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-gaul-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-gaul-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-gaul-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-gaul-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-gaul-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-gaul-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-gaul-pomme-light);\n  border-left: 4px solid var(--soi-gaul-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-gaul-radius) var(--soi-gaul-radius) 0;\n  align-items: flex-start;\n  margin-bottom: 1.25rem;\n}\n\n.soi-gaul-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-gaul-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-gaul-marine);\n  margin-bottom: 4px;\n}\n\n.soi-gaul-tip p {\n  font-size: 14px;\n  color: var(--soi-gaul-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-gaul-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-gaul-accordion-item {\n  background: var(--soi-gaul-off-white);\n  border-radius: var(--soi-gaul-radius-sm);\n  border: 1px solid var(--soi-gaul-line);\n  overflow: hidden;\n}\n\n.soi-gaul-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-gaul-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-gaul-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-gaul-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-gaul-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-gaul-accordion-item[open] .soi-gaul-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-gaul-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-gaul-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-gaul-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-gaul-cta-box {\n  background: var(--soi-gaul-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-gaul-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-gaul-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-gaul-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-gaul-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-gaul-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-gaul-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-gaul-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-gaul-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-gaul-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-gaul-compo-value {\n    text-align: left;\n  }\n\n  .soi-gaul-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-gaul-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-gaul-fiche {\n    --soi-gaul-text-soft: #2C3E50;\n    --soi-gaul-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603935715658,"sku":"RA0250","price":10.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-essentielle-bio-de-gaultherie-odorante-pranarom-packshot.webp?v=1791727868"},{"product_id":"oleobiotic-sante-intestinale-en-capsules-pranarom","title":"Oleobiotic - Santé intestinale en capsules - Pranarom","description":"\n\u003cdiv class=\"soi-oleo-fiche\"\u003e\n\n\u003csection class=\"soi-oleo-hero\"\u003e\n  \u003cdiv class=\"soi-oleo-hero-tag\"\u003e\n    \u003cspan class=\"soi-oleo-tag-dot\"\u003e\u003c\/span\u003e\n    Complément alimentaire · Pranarom\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-oleo-hero-title\"\u003eLa puissance des huiles essentielles pour vos intestins\u003c\/span\u003e\n  \u003cp class=\"soi-oleo-hero-subtitle\"\u003eUne synergie d'huiles essentielles biologiques chémotypées en capsules gastro-résistantes, pour un confort intestinal ciblé en seulement 5 jours.\u003c\/p\u003e\n  \u003cdiv class=\"soi-oleo-hero-labels\"\u003e\n    \u003cspan class=\"soi-oleo-label soi-oleo-label-accent\"\u003eHECT CERTIFIÉ\u003c\/span\u003e\n    \u003cspan class=\"soi-oleo-label\"\u003eAGRICULTURE BIOLOGIQUE\u003c\/span\u003e\n    \u003cspan class=\"soi-oleo-label\"\u003e150 MG D'HE \/ CAPSULE\u003c\/span\u003e\n    \u003cspan class=\"soi-oleo-label\"\u003eGASTRO-RÉSISTANT\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-oleo-section\"\u003e\n  \u003ch2\u003eOleobiotic Pranarom : soutien naturel de la santé intestinale aux huiles essentielles\u003c\/h2\u003e\n  \u003cp\u003eVous ressentez des ballonnements, un inconfort digestif après les repas ou un déséquilibre de votre flore intestinale ? \u003cstrong\u003eOleobiotic Santé intestinale de Pranarom\u003c\/strong\u003e est un complément alimentaire formulé à base d'huiles essentielles biologiques chémotypées, conçu pour accompagner votre confort intestinal au quotidien. Sans goût, sans odeur, en capsules gastro-résistantes pratiques à emporter partout.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-oleo-section\"\u003e\n  \u003ch2\u003ePourquoi choisir Oleobiotic pour votre digestion ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-oleo-grid\"\u003e\n    \u003cdiv class=\"soi-oleo-card\"\u003e\n      \u003ch3\u003e🌿 Huiles essentielles HECT, pas des probiotiques classiques\u003c\/h3\u003e\n      \u003cp\u003eContrairement à de nombreux compléments digestifs, Oleobiotic mise sur une synergie d'huiles essentielles 100 % pures, intégrales et certifiées HECT. Cette certification garantit traçabilité, pureté et efficacité constante, lot après lot.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-oleo-card\"\u003e\n      \u003ch3\u003e💊 Capsules gastro-résistantes pour une action ciblée\u003c\/h3\u003e\n      \u003cp\u003eLes capsules traversent l'estomac sans se désintégrer et libèrent les actifs directement au niveau intestinal, là où ils sont réellement utiles. Résultat : une biodisponibilité optimisée et une action ciblée sur la sphère digestive.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-oleo-section\"\u003e\n  \u003ch2\u003eLes huiles essentielles au cœur de la formule\u003c\/h2\u003e\n  \u003cdiv class=\"soi-oleo-benefits\"\u003e\n    \u003cdiv class=\"soi-oleo-benefit\"\u003e\n      \u003cdiv class=\"soi-oleo-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eOrigan vulgaire\u003c\/h3\u003e\n      \u003cp\u003e120 mg par capsule. Reconnu pour soutenir l'équilibre du microbiote intestinal et aider à maintenir un environnement digestif sain.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-oleo-benefit\"\u003e\n      \u003cdiv class=\"soi-oleo-benefit-icon\"\u003e\u003cspan\u003e🍂\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eCannelle de Chine\u003c\/h3\u003e\n      \u003cp\u003e90 mg par capsule. Participe activement au confort gastro-intestinal, notamment lors de déséquilibres alimentaires.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-oleo-benefit\"\u003e\n      \u003cdiv class=\"soi-oleo-benefit-icon\"\u003e\u003cspan\u003e⭐\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAnis étoilé\u003c\/h3\u003e\n      \u003cp\u003e60 mg par capsule. Favorise une digestion harmonieuse et aide à réduire les sensations de ballonnements et de lourdeurs.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-oleo-benefit\"\u003e\n      \u003cdiv class=\"soi-oleo-benefit-icon\"\u003e\u003cspan\u003e🌾\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eCarvi\u003c\/h3\u003e\n      \u003cp\u003e45 mg par capsule. Complète la synergie par son action apaisante sur l'ensemble du système digestif.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-oleo-tip\"\u003e\n    \u003cdiv class=\"soi-oleo-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n      \u003cp\u003eChaque capsule contient 150 mg d'huiles essentielles chémotypées au total, dosées avec précision pour une efficacité reproductible.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-oleo-section\"\u003e\n  \u003ch2\u003eComposition complète par capsule\u003c\/h2\u003e\n  \u003cdiv class=\"soi-oleo-compo\"\u003e\n    \u003cdiv class=\"soi-oleo-compo-row\"\u003e\n      \u003cspan class=\"soi-oleo-compo-label\"\u003eHuile essentielle d'Origan vulgaire\u003c\/span\u003e\n      \u003cspan class=\"soi-oleo-compo-value\"\u003e120 mg\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-oleo-compo-row\"\u003e\n      \u003cspan class=\"soi-oleo-compo-label\"\u003eHuile essentielle de Cannelle de Chine\u003c\/span\u003e\n      \u003cspan class=\"soi-oleo-compo-value\"\u003e90 mg\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-oleo-compo-row\"\u003e\n      \u003cspan class=\"soi-oleo-compo-label\"\u003eHuile essentielle d'Anis étoilé\u003c\/span\u003e\n      \u003cspan class=\"soi-oleo-compo-value\"\u003e60 mg\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-oleo-compo-row\"\u003e\n      \u003cspan class=\"soi-oleo-compo-label\"\u003eHuile essentielle de Citron (zeste)\u003c\/span\u003e\n      \u003cspan class=\"soi-oleo-compo-value\"\u003e60 mg\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-oleo-compo-row\"\u003e\n      \u003cspan class=\"soi-oleo-compo-label\"\u003eHuile essentielle de Carvi\u003c\/span\u003e\n      \u003cspan class=\"soi-oleo-compo-value\"\u003e45 mg\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-oleo-compo-row\"\u003e\n      \u003cspan class=\"soi-oleo-compo-label\"\u003eAutres ingrédients\u003c\/span\u003e\n      \u003cspan class=\"soi-oleo-compo-value\"\u003eHuile de Tournesol, gélifiant (sorbitol, gélatine), glycérol, eau, pectine, antioxydant (tocophérols)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-oleo-compo-row\"\u003e\n      \u003cspan class=\"soi-oleo-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-oleo-compo-value\"\u003eIngrédients issus d'Agriculture Biologique\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-oleo-section\"\u003e\n  \u003ch2\u003eComment prendre Oleobiotic Santé intestinale ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-oleo-timeline\"\u003e\n    \u003cdiv class=\"soi-oleo-step\"\u003e\n      \u003cdiv class=\"soi-oleo-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-oleo-step-content\"\u003e\n        \u003ch3\u003ePosologie\u003c\/h3\u003e\n        \u003cp\u003ePrenez 1 capsule avant ou pendant les repas, 3 fois par jour. Avalez la capsule avec un grand verre d'eau.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-oleo-step\"\u003e\n      \u003cdiv class=\"soi-oleo-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-oleo-step-content\"\u003e\n        \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n        \u003cp\u003ePoursuivez pendant 5 jours consécutifs. Ne dépassez pas la dose journalière conseillée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-oleo-step\"\u003e\n      \u003cdiv class=\"soi-oleo-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-oleo-step-content\"\u003e\n        \u003ch3\u003ePrécautions importantes\u003c\/h3\u003e\n        \u003cp\u003eCe complément est destiné aux adultes de 18 ans et plus. Il est déconseillé aux femmes enceintes ou allaitantes, aux personnes sous anticoagulants ou présentant des problèmes hépatiques. En cas de doute, consultez votre médecin ou pharmacien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-oleo-section\"\u003e\n  \u003ch2\u003eCe que vous devez retenir\u003c\/h2\u003e\n  \u003cdiv class=\"soi-oleo-grid-compact\"\u003e\n    \u003cdiv class=\"soi-oleo-card-mini\"\u003e\n      \u003cspan class=\"soi-oleo-card-mini-icon\"\u003e📦\u003c\/span\u003e\n      \u003cspan class=\"soi-oleo-card-mini-label\"\u003eContenu\u003c\/span\u003e\n      \u003cspan class=\"soi-oleo-card-mini-value\"\u003e15 capsules gastro-résistantes\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-oleo-card-mini\"\u003e\n      \u003cspan class=\"soi-oleo-card-mini-icon\"\u003e⏱️\u003c\/span\u003e\n      \u003cspan class=\"soi-oleo-card-mini-label\"\u003eDurée de cure\u003c\/span\u003e\n      \u003cspan class=\"soi-oleo-card-mini-value\"\u003e5 jours\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-oleo-card-mini\"\u003e\n      \u003cspan class=\"soi-oleo-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n      \u003cspan class=\"soi-oleo-card-mini-label\"\u003eDosage par capsule\u003c\/span\u003e\n      \u003cspan class=\"soi-oleo-card-mini-value\"\u003e150 mg d'HE bio\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-oleo-card-mini\"\u003e\n      \u003cspan class=\"soi-oleo-card-mini-icon\"\u003e✅\u003c\/span\u003e\n      \u003cspan class=\"soi-oleo-card-mini-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-oleo-card-mini-value\"\u003eHECT\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cp style=\"margin-top: 1.25rem;\"\u003e\u003cem\u003eCe produit est un complément alimentaire et ne remplace pas un traitement médical. En cas de symptômes persistants, consultez un professionnel de santé.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-oleo-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-oleo-cta-box\"\u003e\n    \u003cp class=\"soi-oleo-cta-tag\" style=\"color: white;\"\u003eVotre confort intestinal en 5 jours\u003c\/p\u003e\n    \u003cp class=\"soi-oleo-cta-text\" style=\"color: white;\"\u003eQuand votre intestin vous envoie des signaux, Oleobiotic vous répond avec la force des huiles essentielles biologiques. Une formule concentrée, précise, sans artifices, pour retrouver un confort digestif durable.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-oleo-marine: #1A2D3D;\n  --soi-oleo-marine-dark: #0F1E2B;\n  --soi-oleo-marine-light: #2C4458;\n  --soi-oleo-pomme: #A1C544;\n  --soi-oleo-pomme-dark: #84A636;\n  --soi-oleo-pomme-light: rgba(161,197,68,0.10);\n  --soi-oleo-white: #FFFFFF;\n  --soi-oleo-off-white: #F8FAF6;\n  --soi-oleo-stone: #F1F3EE;\n  --soi-oleo-line: #E5E8E0;\n  --soi-oleo-primary: #2E6EB5;\n  --soi-oleo-primary-soft: rgba(46,110,181,0.08);\n  --soi-oleo-accent: #8B5E3C;\n  --soi-oleo-text: #1A2D3D;\n  --soi-oleo-text-soft: #4A5B6B;\n  --soi-oleo-text-muted: #7B8693;\n  --soi-oleo-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-oleo-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-oleo-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-oleo-radius: 12px;\n  --soi-oleo-radius-sm: 8px;\n  --soi-oleo-radius-pill: 999px;\n}\n\n.soi-oleo-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-oleo-fiche img { max-width: 100%; height: auto; }\n\n.soi-oleo-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-oleo-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-oleo-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-oleo-hero {\n  position: relative;\n  background: var(--soi-oleo-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-oleo-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-oleo-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-oleo-pomme);\n}\n\n.soi-oleo-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-oleo-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-oleo-pomme);\n  border-radius: 50%;\n}\n\n.soi-oleo-hero-title {\n  display: block;\n  color: var(--soi-oleo-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-oleo-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-oleo-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-oleo-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-oleo-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-oleo-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-oleo-label-accent {\n  background: var(--soi-oleo-pomme);\n  border-color: var(--soi-oleo-pomme);\n  color: var(--soi-oleo-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-oleo-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-oleo-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-oleo-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-oleo-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-oleo-pomme);\n  border-radius: 2px;\n}\n\n.soi-oleo-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-oleo-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-oleo-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-oleo-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-oleo-benefit {\n  background: var(--soi-oleo-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-oleo-radius);\n  border: 1px solid var(--soi-oleo-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-oleo-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-oleo-shadow-md);\n}\n\n.soi-oleo-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-oleo-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-oleo-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-oleo-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-oleo-benefit:hover .soi-oleo-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-oleo-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-oleo-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-oleo-benefit p {\n  font-size: 13px;\n  color: var(--soi-oleo-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-oleo-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-oleo-card {\n  background: var(--soi-oleo-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-oleo-radius);\n  border-left: 3px solid var(--soi-oleo-pomme);\n}\n\n.soi-oleo-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-oleo-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-oleo-card p {\n  font-size: 14px;\n  color: var(--soi-oleo-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-oleo-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-oleo-card-mini {\n  background: var(--soi-oleo-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-oleo-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-oleo-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-oleo-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-oleo-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-oleo-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-oleo-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-oleo-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-oleo-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-oleo-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-oleo-radius);\n  border: 1px solid var(--soi-oleo-line);\n  align-items: flex-start;\n}\n\n.soi-oleo-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-oleo-marine);\n  color: var(--soi-oleo-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-oleo-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-oleo-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-oleo-step-content p {\n  font-size: 14px;\n  color: var(--soi-oleo-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-oleo-compo {\n  background: var(--soi-oleo-off-white);\n  border-radius: var(--soi-oleo-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-oleo-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-oleo-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-oleo-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-oleo-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-oleo-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-oleo-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-oleo-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-oleo-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-oleo-pomme-light);\n  border-left: 4px solid var(--soi-oleo-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-oleo-radius) var(--soi-oleo-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-oleo-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-oleo-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-oleo-marine);\n  margin-bottom: 4px;\n}\n\n.soi-oleo-tip p {\n  font-size: 14px;\n  color: var(--soi-oleo-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-oleo-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-oleo-accordion-item {\n  background: var(--soi-oleo-off-white);\n  border-radius: var(--soi-oleo-radius-sm);\n  border: 1px solid var(--soi-oleo-line);\n  overflow: hidden;\n}\n\n.soi-oleo-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-oleo-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-oleo-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-oleo-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-oleo-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-oleo-accordion-item[open] .soi-oleo-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-oleo-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-oleo-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-oleo-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-oleo-cta-box {\n  background: var(--soi-oleo-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-oleo-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-oleo-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-oleo-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-oleo-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-oleo-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-oleo-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-oleo-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-oleo-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-oleo-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-oleo-compo-value {\n    text-align: left;\n  }\n\n  .soi-oleo-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-oleo-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-oleo-fiche {\n    --soi-oleo-text-soft: #2C3E50;\n    --soi-oleo-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603935748426,"sku":"RA0255","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0255_oleobiotic_sante_intestinale_e8e67584-c913-4e93-8950-b0b6bcc25524.jpg?v=1778843515"},{"product_id":"huile-essentielle-bio-de-menthe-poivree-pranarom","title":"Huile essentielle bio de menthe poivrée - Pranarom","description":"\u003cdiv class=\"soi-mpoi-fiche\"\u003e\n\n\u003csection class=\"soi-mpoi-hero\"\u003e\n  \u003cdiv class=\"soi-mpoi-hero-tag\"\u003e\n    \u003cspan class=\"soi-mpoi-tag-dot\"\u003e\u003c\/span\u003e\n    Aromathérapie · Pranarom\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-mpoi-hero-title\"\u003eLa fraîcheur mentholée au service de votre bien-être\u003c\/span\u003e\n  \u003cp class=\"soi-mpoi-hero-subtitle\"\u003eHuile essentielle chémotypée, 100 % pure et naturelle, pour accompagner votre digestion, votre vitalité mentale et votre confort au quotidien.\u003c\/p\u003e\n  \u003cdiv class=\"soi-mpoi-hero-labels\"\u003e\n    \u003cspan class=\"soi-mpoi-label soi-mpoi-label-accent\"\u003eBIO\u003c\/span\u003e\n    \u003cspan class=\"soi-mpoi-label\"\u003eHECT CHÉMOTYPÉE\u003c\/span\u003e\n    \u003cspan class=\"soi-mpoi-label\"\u003e100 % PURE ET NATURELLE\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mpoi-section\"\u003e\n  \u003ch2\u003eUne huile essentielle de menthe poivrée d'exception : chémotypée et certifiée bio\u003c\/h2\u003e\n  \u003cp\u003eToutes les huiles essentielles de menthe ne se valent pas. Celle-ci est \u003cstrong\u003echémotypée HECT\u003c\/strong\u003e (Huile Essentielle Chémotypée), ce qui signifie que sa composition biochimique est identifiée et contrôlée avec précision. Vous savez exactement ce que vous utilisez.\u003c\/p\u003e\n\n  \u003cdiv class=\"soi-mpoi-compo\"\u003e\n    \u003cdiv class=\"soi-mpoi-compo-row\"\u003e\n      \u003cspan class=\"soi-mpoi-compo-label\"\u003ePlante\u003c\/span\u003e\n      \u003cspan class=\"soi-mpoi-compo-value\"\u003eMentha x piperita\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mpoi-compo-row\"\u003e\n      \u003cspan class=\"soi-mpoi-compo-label\"\u003ePartie distillée\u003c\/span\u003e\n      \u003cspan class=\"soi-mpoi-compo-value\"\u003eParties aériennes (tiges et feuilles)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mpoi-compo-row\"\u003e\n      \u003cspan class=\"soi-mpoi-compo-label\"\u003eComposants majoritaires\u003c\/span\u003e\n      \u003cspan class=\"soi-mpoi-compo-value\"\u003eMenthol, menthone\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mpoi-compo-row\"\u003e\n      \u003cspan class=\"soi-mpoi-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-mpoi-compo-value\"\u003eAgriculture Biologique\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mpoi-compo-row\"\u003e\n      \u003cspan class=\"soi-mpoi-compo-label\"\u003eConditionnement\u003c\/span\u003e\n      \u003cspan class=\"soi-mpoi-compo-value\"\u003eFlacon compte-gouttes 10 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mpoi-compo-row\"\u003e\n      \u003cspan class=\"soi-mpoi-compo-label\"\u003eMarque\u003c\/span\u003e\n      \u003cspan class=\"soi-mpoi-compo-value\"\u003ePranarom (Belgique)\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cp style=\"margin-top:1.25rem;\"\u003eLe \u003cstrong\u003ementhol\u003c\/strong\u003e, composant principal, est responsable de la fraîcheur intense et des propriétés anesthésiantes locales. La \u003cstrong\u003ementhone\u003c\/strong\u003e contribue quant à elle aux effets toniques et digestifs reconnus de cette plante.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mpoi-section\"\u003e\n  \u003ch2\u003eHuile essentielle de menthe poivrée : bienfaits concrets\u003c\/h2\u003e\n\n  \u003cdiv class=\"soi-mpoi-benefits\"\u003e\n    \u003cdiv class=\"soi-mpoi-benefit\"\u003e\n      \u003cdiv class=\"soi-mpoi-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eConfort digestif\u003c\/h3\u003e\n      \u003cp\u003eEn cas de ballonnements, digestion lente, nausées ou crampes après un repas copieux, la menthe poivrée est une référence. Elle détend les muscles lisses de l'estomac et favorise une digestion plus fluide.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mpoi-benefit\"\u003e\n      \u003cdiv class=\"soi-mpoi-benefit-icon\"\u003e\u003cspan\u003e🧊\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eMaux de tête et tensions\u003c\/h3\u003e\n      \u003cp\u003eQuelques gouttes diluées appliquées sur les tempes procurent un effet rafraîchissant et anesthésiant rapide, apprécié lors de maux de tête de tension. Un geste simple à garder à portée de main.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mpoi-benefit\"\u003e\n      \u003cdiv class=\"soi-mpoi-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eVitalité et concentration\u003c\/h3\u003e\n      \u003cp\u003eEn diffusion ou en inhalation, son arôme mentholé stimule les sens, clarifie l'esprit et combat la fatigue mentale. Idéale pour rester alerte lors d'une longue journée de travail ou d'étude.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mpoi-benefit\"\u003e\n      \u003cdiv class=\"soi-mpoi-benefit-icon\"\u003e\u003cspan\u003e🚗\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eNausées et mal des transports\u003c\/h3\u003e\n      \u003cp\u003eUne inhalation directe depuis le flacon ou sur un mouchoir suffit souvent à calmer une nausée passagère, y compris en voiture. Pratique et rapide à utiliser en toutes circonstances.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mpoi-section\"\u003e\n  \u003ch2\u003eComment utiliser l'huile essentielle de menthe poivrée ?\u003c\/h2\u003e\n\n  \u003cdiv class=\"soi-mpoi-timeline\"\u003e\n    \u003cdiv class=\"soi-mpoi-step\"\u003e\n      \u003cdiv class=\"soi-mpoi-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-mpoi-step-content\"\u003e\n        \u003ch3\u003eVoie cutanée\u003c\/h3\u003e\n        \u003cp\u003eDiluez 1 goutte dans 4 gouttes d'huile végétale (amande douce, jojoba) avant application sur la zone souhaitée. Ne jamais appliquer pure sur les muqueuses ou le visage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mpoi-step\"\u003e\n      \u003cdiv class=\"soi-mpoi-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-mpoi-step-content\"\u003e\n        \u003ch3\u003eDiffusion atmosphérique\u003c\/h3\u003e\n        \u003cp\u003e3 à 5 gouttes dans un diffuseur par ultrasons, en sessions de 20 à 30 minutes. Idéal pour dynamiser votre espace de travail.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mpoi-step\"\u003e\n      \u003cdiv class=\"soi-mpoi-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-mpoi-step-content\"\u003e\n        \u003ch3\u003eInhalation sèche\u003c\/h3\u003e\n        \u003cp\u003e1 à 2 gouttes sur un mouchoir, à inhaler lentement. Parfait contre les nausées ou la fatigue ponctuelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mpoi-step\"\u003e\n      \u003cdiv class=\"soi-mpoi-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-mpoi-step-content\"\u003e\n        \u003ch3\u003eVoie orale\u003c\/h3\u003e\n        \u003cp\u003eUniquement sur avis d'un professionnel de santé qualifié en aromathérapie.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mpoi-section\"\u003e\n  \u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n\n  \u003cdiv class=\"soi-mpoi-accordion\"\u003e\n    \u003cdetails class=\"soi-mpoi-accordion-item\"\u003e\n      \u003csummary class=\"soi-mpoi-accordion-header\"\u003e⚠️ Personnes sensibles\u003c\/summary\u003e\n      \u003cdiv class=\"soi-mpoi-accordion-content\"\u003e\n        \u003cp\u003eDéconseillée chez la femme enceinte ou allaitante, les enfants de moins de 6 ans et les personnes épileptiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-mpoi-accordion-item\"\u003e\n      \u003csummary class=\"soi-mpoi-accordion-header\"\u003e🚫 Zones d'application à éviter\u003c\/summary\u003e\n      \u003cdiv class=\"soi-mpoi-accordion-content\"\u003e\n        \u003cp\u003eNe pas appliquer près des yeux, des oreilles ou sur les muqueuses.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-mpoi-accordion-item\"\u003e\n      \u003csummary class=\"soi-mpoi-accordion-header\"\u003e💧 Dilution obligatoire\u003c\/summary\u003e\n      \u003cdiv class=\"soi-mpoi-accordion-content\"\u003e\n        \u003cp\u003eEffet dermocaustique possible : toujours diluer avant application cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-mpoi-accordion-item\"\u003e\n      \u003csummary class=\"soi-mpoi-accordion-header\"\u003e🔒 Conservation et sécurité\u003c\/summary\u003e\n      \u003cdiv class=\"soi-mpoi-accordion-content\"\u003e\n        \u003cp\u003eTenir hors de portée des enfants. Conserver à l'abri de la lumière et de la chaleur. Ce produit 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\n\u003csection class=\"soi-mpoi-section\"\u003e\n  \u003ch2\u003ePourquoi choisir la menthe poivrée bio Pranarom plutôt qu'une autre ?\u003c\/h2\u003e\n  \u003cp\u003ePranarom est une maison belge fondée sur des décennies d'expertise en aromathérapie scientifique. Leurs huiles sont \u003cstrong\u003e100 % pures, naturelles et intégrales\u003c\/strong\u003e, sans additif ni diluant. La certification biologique garantit l'absence de résidus de pesticides dans votre flacon. Pour une utilisation sérieuse en aromathérapie, cette rigueur fait toute la différence.\u003c\/p\u003e\n\n  \u003cdiv class=\"soi-mpoi-tip\"\u003e\n    \u003cdiv class=\"soi-mpoi-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eGardez ce flacon de 10 ml dans votre trousse de voyage ou votre sac : digestion apaisée, esprit affûté, maux de tête calmés, nausées soulagées. Une alliée fiable et naturelle à portée de main pour votre quotidien bien-être.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mpoi-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-mpoi-cta-box\"\u003e\n    \u003cp class=\"soi-mpoi-cta-text\" style=\"color: white;\"\u003eDécouvrez la puissance de la menthe poivrée bio Pranarom, votre alliée fraîcheur pour chaque instant du quotidien.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-mpoi-marine: #1A2D3D;\n  --soi-mpoi-marine-dark: #0F1E2B;\n  --soi-mpoi-marine-light: #2C4458;\n  --soi-mpoi-pomme: #A1C544;\n  --soi-mpoi-pomme-dark: #84A636;\n  --soi-mpoi-pomme-light: rgba(161,197,68,0.10);\n  --soi-mpoi-white: #FFFFFF;\n  --soi-mpoi-off-white: #F8FAF6;\n  --soi-mpoi-stone: #F1F3EE;\n  --soi-mpoi-line: #E5E8E0;\n  --soi-mpoi-primary: #7A9A8E;\n  --soi-mpoi-primary-soft: #E8F0EC;\n  --soi-mpoi-accent: #5A8A6F;\n  --soi-mpoi-text: #1A2D3D;\n  --soi-mpoi-text-soft: #4A5B6B;\n  --soi-mpoi-text-muted: #7B8693;\n  --soi-mpoi-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-mpoi-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-mpoi-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-mpoi-radius: 12px;\n  --soi-mpoi-radius-sm: 8px;\n  --soi-mpoi-radius-pill: 999px;\n}\n\n.soi-mpoi-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-mpoi-fiche img { max-width: 100%; height: auto; }\n\n.soi-mpoi-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-mpoi-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-mpoi-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-mpoi-hero {\n  position: relative;\n  background: var(--soi-mpoi-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-mpoi-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-mpoi-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-mpoi-pomme);\n}\n\n.soi-mpoi-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-mpoi-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-mpoi-pomme);\n  border-radius: 50%;\n}\n\n.soi-mpoi-hero-title {\n  display: block;\n  color: var(--soi-mpoi-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-mpoi-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-mpoi-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-mpoi-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-mpoi-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-mpoi-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-mpoi-label-accent {\n  background: var(--soi-mpoi-pomme);\n  border-color: var(--soi-mpoi-pomme);\n  color: var(--soi-mpoi-marine);\n  font-weight: 600;\n}\n\n.soi-mpoi-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-mpoi-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-mpoi-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-mpoi-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-mpoi-pomme);\n  border-radius: 2px;\n}\n\n.soi-mpoi-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-mpoi-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-mpoi-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-mpoi-compo {\n  background: var(--soi-mpoi-off-white);\n  border-radius: var(--soi-mpoi-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-mpoi-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-mpoi-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-mpoi-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-mpoi-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-mpoi-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-mpoi-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-mpoi-marine);\n  text-align: right;\n}\n\n.soi-mpoi-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-mpoi-benefit {\n  background: var(--soi-mpoi-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-mpoi-radius);\n  border: 1px solid var(--soi-mpoi-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-mpoi-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-mpoi-shadow-md);\n}\n\n.soi-mpoi-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-mpoi-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-mpoi-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-mpoi-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-mpoi-benefit:hover .soi-mpoi-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-mpoi-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-mpoi-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-mpoi-benefit p {\n  font-size: 13px;\n  color: var(--soi-mpoi-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mpoi-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-mpoi-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-mpoi-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-mpoi-radius);\n  border: 1px solid var(--soi-mpoi-line);\n  align-items: flex-start;\n}\n\n.soi-mpoi-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-mpoi-marine);\n  color: var(--soi-mpoi-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-mpoi-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-mpoi-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-mpoi-step-content p {\n  font-size: 14px;\n  color: var(--soi-mpoi-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mpoi-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-mpoi-accordion-item {\n  background: var(--soi-mpoi-off-white);\n  border-radius: var(--soi-mpoi-radius-sm);\n  border: 1px solid var(--soi-mpoi-line);\n  overflow: hidden;\n}\n\n.soi-mpoi-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-mpoi-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-mpoi-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-mpoi-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-mpoi-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-mpoi-accordion-item[open] .soi-mpoi-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-mpoi-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-mpoi-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-mpoi-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mpoi-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-mpoi-pomme-light);\n  border-left: 4px solid var(--soi-mpoi-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-mpoi-radius) var(--soi-mpoi-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-mpoi-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-mpoi-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-mpoi-marine);\n  margin-bottom: 4px;\n}\n\n.soi-mpoi-tip p {\n  font-size: 14px;\n  color: var(--soi-mpoi-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mpoi-cta-box {\n  background: var(--soi-mpoi-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-mpoi-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-mpoi-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-mpoi-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-mpoi-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-mpoi-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-mpoi-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-mpoi-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-mpoi-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-mpoi-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-mpoi-compo-value {\n    text-align: left;\n  }\n\n  .soi-mpoi-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-mpoi-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-mpoi-fiche {\n    --soi-mpoi-text-soft: #2C3E50;\n    --soi-mpoi-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603935846730,"sku":"RA0260","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-essentielle-bio-de-menthe-poivree-pranarom-packshot.webp?v=1791727775"},{"product_id":"huile-vegetale-dargan-bio-et-vegan-pranarom","title":"Huile végétale d'argan bio - Pranarom","description":"\n\n\u003cdiv class=\"soi-argn-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-argn-hero\"\u003e\n    \u003cdiv class=\"soi-argn-hero-tag\"\u003e\n      \u003cspan class=\"soi-argn-tag-dot\"\u003e\u003c\/span\u003e\n      Huile végétale · Pranarom\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-argn-hero-title\"\u003eL'or pur du soin naturel marocain\u003c\/span\u003e\n    \u003cp class=\"soi-argn-hero-subtitle\"\u003eUne huile d'argan vierge, pressée à froid depuis les amandons d'Argania spinosa cultivés au Maroc. Un seul ingrédient, zéro compromis.\u003c\/p\u003e\n    \u003cdiv class=\"soi-argn-hero-labels\"\u003e\n      \u003cspan class=\"soi-argn-label soi-argn-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-argn-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-argn-label\"\u003e100 % PURE\u003c\/span\u003e\n      \u003cspan class=\"soi-argn-label\"\u003ePRESSION À FROID\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 1 : Composition --\u003e\n  \u003csection class=\"soi-argn-section\"\u003e\n    \u003ch2\u003eComposition : que contient cette huile d'argan bio Pranarom ?\u003c\/h2\u003e\n    \u003cp class=\"soi-argn-section-intro\"\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e \u003cem\u003eArgania spinosa kernel oil\u003c\/em\u003e, huile d'argan vierge de première pression à froid, certifiée bio.\u003c\/p\u003e\n    \u003cdiv class=\"soi-argn-compo\"\u003e\n      \u003cdiv class=\"soi-argn-compo-row\"\u003e\n        \u003cspan class=\"soi-argn-compo-label\"\u003eAcide oléique (Oméga-9)\u003c\/span\u003e\n        \u003cspan class=\"soi-argn-compo-value\"\u003e≈ 45 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argn-compo-row\"\u003e\n        \u003cspan class=\"soi-argn-compo-label\"\u003eAcide linoléique (Oméga-6)\u003c\/span\u003e\n        \u003cspan class=\"soi-argn-compo-value\"\u003e≈ 35 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argn-compo-row\"\u003e\n        \u003cspan class=\"soi-argn-compo-label\"\u003eVitamine E (tocophérols)\u003c\/span\u003e\n        \u003cspan class=\"soi-argn-compo-value\"\u003eAntioxydant naturel\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argn-compo-row\"\u003e\n        \u003cspan class=\"soi-argn-compo-label\"\u003eInsaponifiables\u003c\/span\u003e\n        \u003cspan class=\"soi-argn-compo-value\"\u003eSqualène, stérols végétaux, polyphénols\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argn-compo-row\"\u003e\n        \u003cspan class=\"soi-argn-compo-label\"\u003eExtraction\u003c\/span\u003e\n        \u003cspan class=\"soi-argn-compo-value\"\u003ePremière pression à froid\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argn-compo-row\"\u003e\n        \u003cspan class=\"soi-argn-compo-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-argn-compo-value\"\u003eMaroc\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argn-compo-row\"\u003e\n        \u003cspan class=\"soi-argn-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-argn-compo-value\"\u003e50 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003eLa première pression à froid préserve l'intégralité de ces actifs. C'est un point essentiel : une huile d'argan chauffée perd une grande partie de ses bienfaits.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 2 : Bienfaits --\u003e\n  \u003csection class=\"soi-argn-section\"\u003e\n    \u003ch2\u003eBienfaits de l'huile d'argan bio pour le visage, les cheveux et les ongles\u003c\/h2\u003e\n    \u003cdiv class=\"soi-argn-benefits\"\u003e\n      \u003cdiv class=\"soi-argn-benefit\"\u003e\n        \u003cdiv class=\"soi-argn-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVisage\u003c\/h3\u003e\n        \u003cp\u003eHydrate en profondeur, lisse le grain de peau et atténue les premiers signes du vieillissement. Convient aux peaux sèches, mixtes, matures et sensibles grâce à sa légèreté et sa remarquable absorption.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argn-benefit\"\u003e\n        \u003cdiv class=\"soi-argn-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCheveux\u003c\/h3\u003e\n        \u003cp\u003eEn soin avant-shampoing ou en finition sur les longueurs, elle réduit les frisottis, gaine la fibre capillaire et protège de la chaleur. Brillance et souplesse dès les premières utilisations.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argn-benefit\"\u003e\n        \u003cdiv class=\"soi-argn-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eOngles et cuticules\u003c\/h3\u003e\n        \u003cp\u003eMassée quotidiennement sur les cuticules, elle nourrit, assouplit et renforce les ongles fragilisés ou cassants. Un geste express d'une minute le soir pour des résultats visibles en quelques semaines.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 3 : Comment utiliser --\u003e\n  \u003csection class=\"soi-argn-section\"\u003e\n    \u003ch2\u003eComment utiliser l'huile d'argan bio Pranarom au quotidien ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-argn-timeline\"\u003e\n      \u003cdiv class=\"soi-argn-step\"\u003e\n        \u003cdiv class=\"soi-argn-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-argn-step-content\"\u003e\n          \u003ch3\u003eVisage (matin ou soir)\u003c\/h3\u003e\n          \u003cp\u003eVersez 2 à 3 gouttes dans la paume, réchauffez entre vos mains et appliquez en effleurant sur peau propre, seule ou sous votre crème habituelle.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argn-step\"\u003e\n        \u003cdiv class=\"soi-argn-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-argn-step-content\"\u003e\n          \u003ch3\u003eCorps\u003c\/h3\u003e\n          \u003cp\u003eQuelques gouttes mélangées à votre lait corporel ou appliquées pures sur les zones sèches (coudes, genoux, talons) pour une hydratation intense.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argn-step\"\u003e\n        \u003cdiv class=\"soi-argn-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-argn-step-content\"\u003e\n          \u003ch3\u003eCheveux (masque)\u003c\/h3\u003e\n          \u003cp\u003eAppliquez généreusement sur les longueurs et pointes, laissez poser 20 minutes sous une serviette chaude, puis shampouinez.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argn-step\"\u003e\n        \u003cdiv class=\"soi-argn-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-argn-step-content\"\u003e\n          \u003ch3\u003eCheveux (finition)\u003c\/h3\u003e\n          \u003cp\u003e1 à 2 gouttes sur cheveux secs pour discipliner et faire briller sans alourdir.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argn-step\"\u003e\n        \u003cdiv class=\"soi-argn-step-num\"\u003e5\u003c\/div\u003e\n        \u003cdiv class=\"soi-argn-step-content\"\u003e\n          \u003ch3\u003eOngles\u003c\/h3\u003e\n          \u003cp\u003eMassez une goutte par ongle chaque soir avant de dormir.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 4 : Pourquoi choisir --\u003e\n  \u003csection class=\"soi-argn-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'huile d'argan bio Pranarom plutôt qu'une autre ?\u003c\/h2\u003e\n    \u003cp\u003eLe marché des huiles d'argan bio est saturé de produits dilués ou mélangés. Pranarom garantit ici une huile \u003cstrong\u003e100 % pure, vierge, issue de l'agriculture biologique\u003c\/strong\u003e et extraite par première pression à froid. Aucun solvant, aucun additif, aucun parfum ajouté.\u003c\/p\u003e\n    \u003cp\u003eLa traçabilité est complète, depuis les arganiers du Maroc jusqu'au flacon en verre ambré qui protège les actifs de la lumière. C'est une huile qui s'inscrit pleinement dans une routine beauté naturelle et responsable, sans compromis sur l'efficacité.\u003c\/p\u003e\n    \u003cdiv class=\"soi-argn-tip\"\u003e\n      \u003cdiv class=\"soi-argn-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eAppliquez votre huile d'argan sur peau légèrement humide (après la brumisation d'un hydrolat, par exemple) : l'absorption est optimisée et le fini reste soyeux, jamais gras.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 5 : Précautions --\u003e\n  \u003csection class=\"soi-argn-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"soi-argn-accordion\"\u003e\n      \u003cdetails class=\"soi-argn-accordion-item\"\u003e\n        \u003csummary class=\"soi-argn-accordion-header\"\u003e⚠️ Usage et sécurité\u003c\/summary\u003e\n        \u003cdiv class=\"soi-argn-accordion-content\"\u003e\n          \u003cp\u003eRéservé à l'usage externe. Tenir hors de portée des enfants. Ce produit est un soin cosmétique naturel et ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-argn-accordion-item\"\u003e\n        \u003csummary class=\"soi-argn-accordion-header\"\u003e🧪 Test de tolérance\u003c\/summary\u003e\n        \u003cdiv class=\"soi-argn-accordion-content\"\u003e\n          \u003cp\u003eEffectuez un test dans le pli du coude avant la première utilisation afin de vérifier l'absence de réaction cutanée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-argn-accordion-item\"\u003e\n        \u003csummary class=\"soi-argn-accordion-header\"\u003e🌡️ Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-argn-accordion-content\"\u003e\n          \u003cp\u003eConservez à l'abri de la chaleur et de la lumière directe pour préserver l'intégralité des actifs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-argn-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-argn-cta-box\"\u003e\n      \u003cp class=\"soi-argn-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-argn-cta-text\" style=\"color: white;\"\u003eUne seule goutte suffit pour nourrir votre peau, discipliner vos cheveux ou renforcer vos ongles. Pure, vierge, pressée à froid, certifiée bio et vegan. Parce que prendre soin de soi devrait toujours être aussi simple.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-argn-marine: #1A2D3D;\n  --soi-argn-marine-dark: #0F1E2B;\n  --soi-argn-marine-light: #2C4458;\n  --soi-argn-pomme: #A1C544;\n  --soi-argn-pomme-dark: #84A636;\n  --soi-argn-pomme-light: rgba(161,197,68,0.10);\n  --soi-argn-white: #FFFFFF;\n  --soi-argn-off-white: #F8FAF6;\n  --soi-argn-stone: #F1F3EE;\n  --soi-argn-line: #E5E8E0;\n  --soi-argn-primary: #D4A52A;\n  --soi-argn-primary-soft: #F5E6B8;\n  --soi-argn-accent: #B5854A;\n  --soi-argn-text: #1A2D3D;\n  --soi-argn-text-soft: #4A5B6B;\n  --soi-argn-text-muted: #7B8693;\n  --soi-argn-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-argn-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-argn-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-argn-radius: 12px;\n  --soi-argn-radius-sm: 8px;\n  --soi-argn-radius-pill: 999px;\n}\n\n.soi-argn-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-argn-fiche img { max-width: 100%; height: auto; }\n\n.soi-argn-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-argn-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-argn-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-argn-hero {\n  position: relative;\n  background: var(--soi-argn-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-argn-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-argn-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-argn-pomme);\n}\n\n.soi-argn-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-argn-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-argn-pomme);\n  border-radius: 50%;\n}\n\n.soi-argn-hero-title {\n  display: block;\n  color: var(--soi-argn-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-argn-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-argn-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-argn-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-argn-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-argn-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-argn-label-accent {\n  background: var(--soi-argn-pomme);\n  border-color: var(--soi-argn-pomme);\n  color: var(--soi-argn-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-argn-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-argn-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-argn-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-argn-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-argn-pomme);\n  border-radius: 2px;\n}\n\n.soi-argn-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-argn-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-argn-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-argn-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-argn-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-argn-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-argn-benefit {\n  background: var(--soi-argn-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-argn-radius);\n  border: 1px solid var(--soi-argn-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-argn-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-argn-shadow-md);\n}\n\n.soi-argn-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-argn-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-argn-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-argn-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-argn-benefit:hover .soi-argn-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-argn-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-argn-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-argn-benefit p {\n  font-size: 13px;\n  color: var(--soi-argn-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-argn-compo {\n  background: var(--soi-argn-off-white);\n  border-radius: var(--soi-argn-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.25rem;\n}\n\n.soi-argn-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-argn-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-argn-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-argn-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-argn-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-argn-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-argn-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-argn-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-argn-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-argn-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-argn-radius);\n  border: 1px solid var(--soi-argn-line);\n  align-items: flex-start;\n}\n\n.soi-argn-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-argn-marine);\n  color: var(--soi-argn-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-argn-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-argn-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-argn-step-content p {\n  font-size: 14px;\n  color: var(--soi-argn-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-argn-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-argn-pomme-light);\n  border-left: 4px solid var(--soi-argn-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-argn-radius) var(--soi-argn-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-argn-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-argn-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-argn-marine);\n  margin-bottom: 4px;\n}\n\n.soi-argn-tip p {\n  font-size: 14px;\n  color: var(--soi-argn-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-argn-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-argn-accordion-item {\n  background: var(--soi-argn-off-white);\n  border-radius: var(--soi-argn-radius-sm);\n  border: 1px solid var(--soi-argn-line);\n  overflow: hidden;\n}\n\n.soi-argn-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-argn-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-argn-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-argn-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-argn-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-argn-accordion-item[open] .soi-argn-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-argn-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-argn-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-argn-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-argn-cta-box {\n  background: var(--soi-argn-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-argn-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-argn-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-argn-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-argn-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-argn-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-argn-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-argn-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-argn-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-argn-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-argn-compo-value {\n    text-align: left;\n  }\n\n  .soi-argn-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-argn-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-argn-fiche {\n    --soi-argn-text-soft: #2C3E50;\n    --soi-argn-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603936764234,"sku":"RA0265","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0265_hv_argan.jpg?v=1776167908"},{"product_id":"spray-nasal-decongestionnant-bio-pranarom","title":"Spray nasal décongestionnant bio - Pranarom","description":"\u003cdiv class=\"soi-spray-fiche\"\u003e\n\n  \u003csection class=\"soi-spray-hero\"\u003e\n    \u003cdiv class=\"soi-spray-hero-tag\"\u003e\n      \u003cspan class=\"soi-spray-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie · Pranarom Aromaforce\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-spray-hero-title\"\u003eSpray Nasal Décongestionnant Bio\u003c\/span\u003e\n    \u003cp class=\"soi-spray-hero-subtitle\"\u003eLibérez vos voies nasales en quelques secondes grâce à la puissance d'une solution hypertonique associée à des huiles essentielles 100 % biologiques. Sans accoutumance, sans dessèchement.\u003c\/p\u003e\n    \u003cdiv class=\"soi-spray-hero-labels\"\u003e\n      \u003cspan class=\"soi-spray-label soi-spray-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-spray-label\"\u003eDISPOSITIF MÉDICAL CE\u003c\/span\u003e\n      \u003cspan class=\"soi-spray-label\"\u003eSANS VASOCONSTRICTEUR\u003c\/span\u003e\n      \u003cspan class=\"soi-spray-label\"\u003eDÈS 3 ANS\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-spray-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce spray nasal décongestionnant naturel ?\u003c\/h2\u003e\n    \u003cp class=\"soi-spray-section-intro\"\u003eContrairement aux sprays classiques à base de vasoconstricteurs (dont l'usage prolongé peut entraîner une dépendance), la formule Pranarom agit mécaniquement et naturellement. La solution hypertonique attire l'excès de liquide dans la muqueuse nasale pour fluidifier le mucus et favoriser son élimination. Les huiles essentielles biologiques prennent le relais en apportant des vertus assainissantes, apaisantes et rafraîchissantes.\u003c\/p\u003e\n    \u003cdiv class=\"soi-spray-benefits\"\u003e\n      \u003cdiv class=\"soi-spray-benefit\"\u003e\n        \u003cdiv class=\"soi-spray-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAction en 30 secondes\u003c\/h3\u003e\n        \u003cp\u003eDécongestion rapide et sensation immédiate de fraîcheur dès la première pulvérisation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-benefit\"\u003e\n        \u003cdiv class=\"soi-spray-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHuiles essentielles bio\u003c\/h3\u003e\n        \u003cp\u003eEucalyptus, menthe, ravintsara et cannelle certifiées biologiques, sélectionnées avec soin.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-benefit\"\u003e\n        \u003cdiv class=\"soi-spray-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePréserve la muqueuse\u003c\/h3\u003e\n        \u003cp\u003eHydrate et protège votre muqueuse nasale sans l'agresser ni la dessécher.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-benefit\"\u003e\n        \u003cdiv class=\"soi-spray-benefit-icon\"\u003e\u003cspan\u003e🔒\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFlacon sécurisé\u003c\/h3\u003e\n        \u003cp\u003ePompe précise, fermeture inviolable et filtre d'air intégré pour une hygiène optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-spray-section\"\u003e\n    \u003ch2\u003eComposition complète du spray nasal Pranarom Aromaforce\u003c\/h2\u003e\n    \u003cp class=\"soi-spray-section-intro\"\u003eChaque flacon de 15 ml contient une formule soigneusement élaborée à partir d'ingrédients naturels et biologiques :\u003c\/p\u003e\n    \u003cdiv class=\"soi-spray-compo\"\u003e\n      \u003cdiv class=\"soi-spray-compo-row\"\u003e\n        \u003cspan class=\"soi-spray-compo-label\"\u003eBase\u003c\/span\u003e\n        \u003cspan class=\"soi-spray-compo-value\"\u003eEau (Aqua), base purifiée de la solution hypertonique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-compo-row\"\u003e\n        \u003cspan class=\"soi-spray-compo-label\"\u003eActif végétal\u003c\/span\u003e\n        \u003cspan class=\"soi-spray-compo-value\"\u003eExtrait de Pelargonium sidoides, propriétés assainissantes ORL\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-compo-row\"\u003e\n        \u003cspan class=\"soi-spray-compo-label\"\u003eSel marin\u003c\/span\u003e\n        \u003cspan class=\"soi-spray-compo-value\"\u003eSodium chloride, confère la tonicité hypertonique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-compo-row\"\u003e\n        \u003cspan class=\"soi-spray-compo-label\"\u003ePropolis bio\u003c\/span\u003e\n        \u003cspan class=\"soi-spray-compo-value\"\u003eExtrait de Propolis aux vertus protectrices\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-compo-row\"\u003e\n        \u003cspan class=\"soi-spray-compo-label\"\u003eHE Cannelle bio\u003c\/span\u003e\n        \u003cspan class=\"soi-spray-compo-value\"\u003eCinnamomum verum\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-compo-row\"\u003e\n        \u003cspan class=\"soi-spray-compo-label\"\u003eHE Eucalyptus bio\u003c\/span\u003e\n        \u003cspan class=\"soi-spray-compo-value\"\u003eEucalyptus globulus, fraîcheur et confort respiratoire\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-compo-row\"\u003e\n        \u003cspan class=\"soi-spray-compo-label\"\u003eHE Ravintsara bio\u003c\/span\u003e\n        \u003cspan class=\"soi-spray-compo-value\"\u003eCinnamomum camphora\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-compo-row\"\u003e\n        \u003cspan class=\"soi-spray-compo-label\"\u003eHE Menthe poivrée bio\u003c\/span\u003e\n        \u003cspan class=\"soi-spray-compo-value\"\u003eMentha x piperita\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-compo-row\"\u003e\n        \u003cspan class=\"soi-spray-compo-label\"\u003eHE Menthe verte bio\u003c\/span\u003e\n        \u003cspan class=\"soi-spray-compo-value\"\u003eMentha spicata\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-compo-row\"\u003e\n        \u003cspan class=\"soi-spray-compo-label\"\u003eTexturant\u003c\/span\u003e\n        \u003cspan class=\"soi-spray-compo-value\"\u003eXanthan gum, adhérence naturelle sur la muqueuse\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-compo-row\"\u003e\n        \u003cspan class=\"soi-spray-compo-label\"\u003eConservateur\u003c\/span\u003e\n        \u003cspan class=\"soi-spray-compo-value\"\u003eSodium benzoate, autorisé en dispositif médical\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-compo-row\"\u003e\n        \u003cspan class=\"soi-spray-compo-label\"\u003eAjusteur de pH\u003c\/span\u003e\n        \u003cspan class=\"soi-spray-compo-value\"\u003eAcide citrique, stabilité de la formule\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-spray-section\"\u003e\n    \u003ch2\u003eDans quelles situations l'utiliser ?\u003c\/h2\u003e\n    \u003cp class=\"soi-spray-section-intro\"\u003eCe spray nasal décongestionnant est particulièrement adapté dans les situations suivantes :\u003c\/p\u003e\n    \u003cdiv class=\"soi-spray-grid\"\u003e\n      \u003cdiv class=\"soi-spray-card\"\u003e\n        \u003ch3\u003e🤧 Rhume et rhinite\u003c\/h3\u003e\n        \u003cp\u003eRhinite allergique ou non : nez bouché, écoulement nasal abondant. Une réponse rapide pour retrouver une respiration fluide.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-card\"\u003e\n        \u003ch3\u003e😤 Rhinosinusite\u003c\/h3\u003e\n        \u003cp\u003eCongestion des sinus, sensation de pression et de lourdeur. La solution hypertonique favorise le drainage naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-card\"\u003e\n        \u003ch3\u003e✈️ Voyage en avion\u003c\/h3\u003e\n        \u003cp\u003eFormat compact de 15 ml, idéal pour soulager la congestion liée aux variations de pression en cabine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-card\"\u003e\n        \u003ch3\u003e❄️ Prévention hivernale\u003c\/h3\u003e\n        \u003cp\u003eNettoyez et protégez votre muqueuse nasale en période froide pour limiter les inconforts saisonniers.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-spray-accordion\"\u003e\n      \u003cdetails class=\"soi-spray-accordion-item\"\u003e\n        \u003csummary class=\"soi-spray-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-spray-accordion-content\"\u003e\n          \u003cp\u003eCe produit est utilisable à partir de 3 ans. Il s'agit d'un dispositif médical, pas d'un médicament : il ne remplace pas un traitement prescrit par votre médecin. En cas de symptômes persistants, consultez un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-spray-section\"\u003e\n    \u003ch2\u003eComment utiliser le spray nasal décongestionnant Pranarom ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-spray-timeline\"\u003e\n      \u003cdiv class=\"soi-spray-step\"\u003e\n        \u003cdiv class=\"soi-spray-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-spray-step-content\"\u003e\n          \u003ch3\u003ePréparez vos narines\u003c\/h3\u003e\n          \u003cp\u003eMouchez-vous avant toute utilisation pour dégager partiellement les narines.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-step\"\u003e\n        \u003cdiv class=\"soi-spray-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-spray-step-content\"\u003e\n          \u003ch3\u003ePositionnez le spray\u003c\/h3\u003e\n          \u003cp\u003eInclinez légèrement la tête vers l'avant et introduisez doucement l'embout dans une narine.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-step\"\u003e\n        \u003cdiv class=\"soi-spray-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-spray-step-content\"\u003e\n          \u003ch3\u003ePulvérisez\u003c\/h3\u003e\n          \u003cp\u003eAppuyez fermement sur la pompe en inspirant légèrement par le nez. Répétez dans l'autre narine.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spray-step\"\u003e\n        \u003cdiv class=\"soi-spray-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-spray-step-content\"\u003e\n          \u003ch3\u003eFréquence d'utilisation\u003c\/h3\u003e\n          \u003cp\u003eUtilisez 2 à 6 fois par jour selon l'intensité de la congestion. Référez-vous à la notice pour le dosage adapté à votre âge.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-spray-section\"\u003e\n    \u003ch2\u003eAvis sur le spray nasal décongestionnant Pranarom : ce que disent les utilisateurs\u003c\/h2\u003e\n    \u003cp\u003eLes retours des utilisateurs du spray nasal décongestionnant Pranarom Aromaforce soulignent unanimement l'efficacité rapide de la sensation de fraîcheur dès la première utilisation. Beaucoup apprécient l'absence d'effet rebond comparé aux sprays vasoconstricteurs classiques, ainsi que le format pratique de 15 ml, facilement transportable en voyage ou en avion. La composition bio rassure les parents qui l'utilisent pour leurs enfants dès 3 ans.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-spray-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-spray-cta-box\"\u003e\n      \u003cp class=\"soi-spray-cta-tag\" style=\"color: white;\"\u003eRespirez librement, naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-spray-cta-text\" style=\"color: white;\"\u003eQuand la respiration redevient fluide et légère, que la pression disparaît, c'est ce moment de soulagement que le spray nasal décongestionnant bio Pranarom vous offre. Une formule naturelle, sans accoutumance, pensée pour respecter votre muqueuse tout en agissant vite.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-spray-marine: #1A2D3D;\n  --soi-spray-marine-dark: #0F1E2B;\n  --soi-spray-marine-light: #2C4458;\n  --soi-spray-pomme: #A1C544;\n  --soi-spray-pomme-dark: #84A636;\n  --soi-spray-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-spray-white: #FFFFFF;\n  --soi-spray-off-white: #F8FAF6;\n  --soi-spray-stone: #F1F3EE;\n  --soi-spray-line: #E5E8E0;\n\n  --soi-spray-primary: #3A7A4E;\n  --soi-spray-primary-soft: #E8F2EC;\n  --soi-spray-accent: #5B9A3A;\n\n  --soi-spray-text: #1A2D3D;\n  --soi-spray-text-soft: #4A5B6B;\n  --soi-spray-text-muted: #7B8693;\n\n  --soi-spray-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-spray-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-spray-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-spray-radius: 12px;\n  --soi-spray-radius-sm: 8px;\n  --soi-spray-radius-pill: 999px;\n}\n\n.soi-spray-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-spray-fiche img { max-width: 100%; height: auto; }\n\n.soi-spray-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-spray-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-spray-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-spray-hero {\n  position: relative;\n  background: var(--soi-spray-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-spray-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-spray-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-spray-pomme);\n}\n\n.soi-spray-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-spray-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-spray-pomme);\n  border-radius: 50%;\n}\n\n.soi-spray-hero-title {\n  display: block;\n  color: var(--soi-spray-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-spray-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-spray-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-spray-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-spray-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-spray-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-spray-label-accent {\n  background: var(--soi-spray-pomme);\n  border-color: var(--soi-spray-pomme);\n  color: var(--soi-spray-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-spray-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-spray-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-spray-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-spray-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-spray-pomme);\n  border-radius: 2px;\n}\n\n.soi-spray-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-spray-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-spray-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-spray-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-spray-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-spray-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-spray-benefit {\n  background: var(--soi-spray-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-spray-radius);\n  border: 1px solid var(--soi-spray-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-spray-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-spray-shadow-md);\n}\n\n.soi-spray-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-spray-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-spray-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-spray-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-spray-benefit:hover .soi-spray-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-spray-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-spray-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-spray-benefit p {\n  font-size: 13px;\n  color: var(--soi-spray-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-spray-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-spray-card {\n  background: var(--soi-spray-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-spray-radius);\n  border-left: 3px solid var(--soi-spray-pomme);\n}\n\n.soi-spray-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-spray-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-spray-card p {\n  font-size: 14px;\n  color: var(--soi-spray-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-spray-compo {\n  background: var(--soi-spray-off-white);\n  border-radius: var(--soi-spray-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-spray-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-spray-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-spray-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-spray-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-spray-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  flex-shrink: 0;\n}\n\n.soi-spray-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-spray-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-spray-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-spray-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-spray-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-spray-radius);\n  border: 1px solid var(--soi-spray-line);\n  align-items: flex-start;\n}\n\n.soi-spray-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-spray-marine);\n  color: var(--soi-spray-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-spray-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-spray-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-spray-step-content p {\n  font-size: 14px;\n  color: var(--soi-spray-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-spray-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-spray-accordion-item {\n  background: var(--soi-spray-off-white);\n  border-radius: var(--soi-spray-radius-sm);\n  border: 1px solid var(--soi-spray-line);\n  overflow: hidden;\n}\n\n.soi-spray-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-spray-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-spray-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-spray-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-spray-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-spray-accordion-item[open] .soi-spray-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-spray-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-spray-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-spray-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-spray-cta-box {\n  background: var(--soi-spray-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-spray-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-spray-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-spray-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-spray-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-spray-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-spray-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-spray-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-spray-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-spray-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-spray-compo-value {\n    text-align: left;\n  }\n\n  .soi-spray-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-spray-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-spray-fiche {\n    --soi-spray-text-soft: #2C3E50;\n    --soi-spray-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603937091914,"sku":"RA0270","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/spray-nasal-decongestionnant-bio-pranarom-packshot.webp?v=1779722458"},{"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"},{"product_id":"huile-essentielle-bio-de-ravintsara-pranarom","title":"Huile essentielle bio de ravintsara (10 ml) - Pranarom","description":"\u003cdiv class=\"soi-ravt-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-ravt-hero\"\u003e\n    \u003cdiv class=\"soi-ravt-hero-tag\"\u003e\n      \u003cspan class=\"soi-ravt-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie · Pranarom\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-ravt-hero-title\"\u003eLa référence pour vos défenses naturelles\u003c\/span\u003e\n    \u003cp class=\"soi-ravt-hero-subtitle\"\u003eHuile essentielle chémotypée CT cinéole, certifiée biologique, 100 % pure et naturelle. Un incontournable de votre trousse aromathérapie pour traverser l'hiver avec sérénité.\u003c\/p\u003e\n    \u003cdiv class=\"soi-ravt-hero-labels\"\u003e\n      \u003cspan class=\"soi-ravt-label soi-ravt-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-ravt-label\"\u003e100 % PURE ET NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-ravt-label\"\u003eHECT CHÉMOTYPÉE\u003c\/span\u003e\n      \u003cspan class=\"soi-ravt-label\"\u003eCT CINÉOLE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : Origines et profil aromatique --\u003e\n  \u003csection class=\"soi-ravt-section\"\u003e\n    \u003ch2\u003eQu'est-ce que le Ravintsara ? Origines et profil aromatique\u003c\/h2\u003e\n    \u003cp\u003eLe Ravintsara (\u003cem\u003eCinnamomum camphora\u003c\/em\u003e CT cinéole) est un grand arbre originaire de Madagascar, à ne pas confondre avec le Ravensara. Ses feuilles, distillées à la vapeur d'eau, libèrent une huile au parfum frais, légèrement camphré et eucalyptique, très appréciée en aromathérapie moderne.\u003c\/p\u003e\n    \u003cp\u003eSa richesse en \u003cstrong\u003e1,8 cinéole\u003c\/strong\u003e (eucalyptol), en sabinène et en alpha-terpinéol en fait l'une des huiles essentielles les plus complètes pour soutenir votre organisme en période hivernale.\u003c\/p\u003e\n    \u003cdiv class=\"soi-ravt-tip\"\u003e\n      \u003cdiv class=\"soi-ravt-tip-icon\"\u003e🌿\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n        \u003cp\u003eRavintsara et Ravensara sont deux huiles bien distinctes. Vérifiez toujours le nom botanique \u003cem\u003eCinnamomum camphora\u003c\/em\u003e CT cinéole pour vous assurer de disposer de la bonne huile essentielle.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Bienfaits --\u003e\n  \u003csection class=\"soi-ravt-section\"\u003e\n    \u003ch2\u003eBienfaits de l'huile essentielle de Ravintsara : ce que dit l'aromathérapie\u003c\/h2\u003e\n    \u003cp class=\"soi-ravt-section-intro\"\u003ePolyvalente et bien tolérée, l'huile essentielle de Ravintsara est reconnue en aromathérapie pour ses multiples propriétés. Voici les principaux bienfaits identifiés par les praticiens.\u003c\/p\u003e\n    \u003cdiv class=\"soi-ravt-benefits\"\u003e\n      \u003cdiv class=\"soi-ravt-benefit\"\u003e\n        \u003cdiv class=\"soi-ravt-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSoutien immunitaire\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour stimuler les défenses naturelles, notamment lors des changements de saison.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ravt-benefit\"\u003e\n        \u003cdiv class=\"soi-ravt-benefit-icon\"\u003e\u003cspan\u003e🌬️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eConfort respiratoire\u003c\/h3\u003e\n        \u003cp\u003eSon action expectorante et décongestionnante facilite la respiration en cas de gêne hivernale passagère.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ravt-benefit\"\u003e\n        \u003cdiv class=\"soi-ravt-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eNeurotonique\u003c\/h3\u003e\n        \u003cp\u003eElle vous aide à lutter contre la fatigue physique et mentale, et redonne de l'élan en période d'épuisement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ravt-benefit\"\u003e\n        \u003cdiv class=\"soi-ravt-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAssainissante\u003c\/h3\u003e\n        \u003cp\u003eEn diffusion, elle purifie l'air ambiant et crée un environnement sain au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ravt-benefit\"\u003e\n        \u003cdiv class=\"soi-ravt-benefit-icon\"\u003e\u003cspan\u003e😌\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAntistress\u003c\/h3\u003e\n        \u003cp\u003eSon parfum apaisant favorise la détente et contribue à un sommeil plus serein.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : Mode d'emploi --\u003e\n  \u003csection class=\"soi-ravt-section\"\u003e\n    \u003ch2\u003eComment utiliser l'huile essentielle de Ravintsara ? Modes d'emploi détaillés\u003c\/h2\u003e\n    \u003cdiv class=\"soi-ravt-timeline\"\u003e\n      \u003cdiv class=\"soi-ravt-step\"\u003e\n        \u003cdiv class=\"soi-ravt-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-ravt-step-content\"\u003e\n          \u003ch3\u003eEn diffusion atmosphérique\u003c\/h3\u003e\n          \u003cp\u003eDiffusez 4 à 6 gouttes pendant 20 minutes pour purifier l'air et soutenir les voies respiratoires. Idéal le matin ou en soirée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ravt-step\"\u003e\n        \u003cdiv class=\"soi-ravt-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-ravt-step-content\"\u003e\n          \u003ch3\u003eEn application cutanée\u003c\/h3\u003e\n          \u003cp\u003eDiluez 2 gouttes d'huile essentielle de Ravintsara dans 4 gouttes d'huile végétale (amande douce, jojoba). Appliquez sur le thorax, le dos ou la plante des pieds, 2 à 3 fois par jour en période de fragilité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ravt-step\"\u003e\n        \u003cdiv class=\"soi-ravt-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-ravt-step-content\"\u003e\n          \u003ch3\u003ePar voie orale (usage adulte, sur avis d'un professionnel)\u003c\/h3\u003e\n          \u003cp\u003e1 goutte sur un comprimé neutre ou associée à 1 goutte d'huile essentielle de citron, 3 fois par jour pendant 5 à 7 jours maximum. Ne jamais dépasser cette durée sans suivi.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ravt-step\"\u003e\n        \u003cdiv class=\"soi-ravt-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-ravt-step-content\"\u003e\n          \u003ch3\u003eEn inhalation sèche\u003c\/h3\u003e\n          \u003cp\u003eDéposez 1 à 2 gouttes sur un mouchoir et respirez profondément. Pratique, rapide et efficace en déplacement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Composition et chémotype --\u003e\n  \u003csection class=\"soi-ravt-section\"\u003e\n    \u003ch2\u003eComposition et chémotype : pourquoi la qualité Pranarom fait la différence\u003c\/h2\u003e\n    \u003cp class=\"soi-ravt-section-intro\"\u003eLa certification \u003cstrong\u003eHECT (Huile Essentielle Chémotypée)\u003c\/strong\u003e de Pranarom garantit un contrôle chromatographique précis à chaque lot. Vous savez exactement ce que contient votre flacon.\u003c\/p\u003e\n    \u003cdiv class=\"soi-ravt-grid\"\u003e\n      \u003cdiv class=\"soi-ravt-card\"\u003e\n        \u003ch3\u003e🧪 1,8 cinéole (eucalyptol)\u003c\/h3\u003e\n        \u003cp\u003ePrincipal actif, entre 50 et 60 %. Responsable des propriétés respiratoires et immunostimulantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ravt-card\"\u003e\n        \u003ch3\u003e🌿 Sabinène\u003c\/h3\u003e\n        \u003cp\u003eEnviron 10 à 15 %. Tonifiant et légèrement antibactérien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ravt-card\"\u003e\n        \u003ch3\u003e💧 Alpha-terpinéol\u003c\/h3\u003e\n        \u003cp\u003e5 à 10 %. Action calmante et antivirale complémentaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ravt-compo\"\u003e\n      \u003cdiv class=\"soi-ravt-compo-row\"\u003e\n        \u003cspan class=\"soi-ravt-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-ravt-compo-value\"\u003eBiologique, HECT chémotypée\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ravt-compo-row\"\u003e\n        \u003cspan class=\"soi-ravt-compo-label\"\u003eExtraction\u003c\/span\u003e\n        \u003cspan class=\"soi-ravt-compo-value\"\u003eDistillation à la vapeur d'eau des feuilles fraîches\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ravt-compo-row\"\u003e\n        \u003cspan class=\"soi-ravt-compo-label\"\u003ePartie distillée\u003c\/span\u003e\n        \u003cspan class=\"soi-ravt-compo-value\"\u003eFeuille\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ravt-compo-row\"\u003e\n        \u003cspan class=\"soi-ravt-compo-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-ravt-compo-value\"\u003eMadagascar\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ravt-compo-row\"\u003e\n        \u003cspan class=\"soi-ravt-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-ravt-compo-value\"\u003e10 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ravt-compo-row\"\u003e\n        \u003cspan class=\"soi-ravt-compo-label\"\u003eFormulation\u003c\/span\u003e\n        \u003cspan class=\"soi-ravt-compo-value\"\u003eSans solvants ni additifs\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 : Précautions --\u003e\n  \u003csection class=\"soi-ravt-section\"\u003e\n    \u003ch2\u003ePrécautions d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"soi-ravt-accordion\"\u003e\n      \u003cdetails class=\"soi-ravt-accordion-item\"\u003e\n        \u003csummary class=\"soi-ravt-accordion-header\"\u003e⚠️ Personnes sensibles\u003c\/summary\u003e\n        \u003cdiv class=\"soi-ravt-accordion-content\"\u003e\n          \u003cp\u003eDéconseillée aux enfants de moins de 6 ans, aux femmes enceintes et allaitantes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-ravt-accordion-item\"\u003e\n        \u003csummary class=\"soi-ravt-accordion-header\"\u003e🧴 Application cutanée\u003c\/summary\u003e\n        \u003cdiv class=\"soi-ravt-accordion-content\"\u003e\n          \u003cp\u003eNe pas appliquer pure sur la peau, toujours diluer dans une huile végétale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-ravt-accordion-item\"\u003e\n        \u003csummary class=\"soi-ravt-accordion-header\"\u003e🔒 Sécurité et conservation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-ravt-accordion-content\"\u003e\n          \u003cp\u003eTenir hors de portée des enfants. Éviter le contact avec les yeux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-ravt-accordion-item\"\u003e\n        \u003csummary class=\"soi-ravt-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"soi-ravt-accordion-content\"\u003e\n          \u003cp\u003eCe produit ne remplace pas un traitement médical. Consultez un professionnel de santé en cas de doute.\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-ravt-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-ravt-cta-box\"\u003e\n      \u003cp class=\"soi-ravt-cta-tag\" style=\"color: white;\"\u003eRespirez mieux, résistez mieux\u003c\/p\u003e\n      \u003cp class=\"soi-ravt-cta-text\" style=\"color: white;\"\u003eL'huile essentielle bio de Ravintsara Pranarom, c'est la tranquillité d'esprit en flacon : une huile authentique, traçable et véritablement efficace pour traverser l'hiver avec énergie.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-ravt-marine: #1A2D3D;\n  --soi-ravt-marine-dark: #0F1E2B;\n  --soi-ravt-marine-light: #2C4458;\n  --soi-ravt-pomme: #A1C544;\n  --soi-ravt-pomme-dark: #84A636;\n  --soi-ravt-pomme-light: rgba(161,197,68,0.10);\n  --soi-ravt-white: #FFFFFF;\n  --soi-ravt-off-white: #F8FAF6;\n  --soi-ravt-stone: #F1F3EE;\n  --soi-ravt-line: #E5E8E0;\n  --soi-ravt-primary: #7A9A8E;\n  --soi-ravt-primary-soft: rgba(122,154,142,0.12);\n  --soi-ravt-accent: #4A6B52;\n  --soi-ravt-text: #1A2D3D;\n  --soi-ravt-text-soft: #4A5B6B;\n  --soi-ravt-text-muted: #7B8693;\n  --soi-ravt-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-ravt-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-ravt-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-ravt-radius: 12px;\n  --soi-ravt-radius-sm: 8px;\n  --soi-ravt-radius-pill: 999px;\n}\n\n.soi-ravt-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-ravt-fiche img { max-width: 100%; height: auto; }\n\n.soi-ravt-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-ravt-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-ravt-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-ravt-hero {\n  position: relative;\n  background: var(--soi-ravt-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-ravt-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-ravt-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-ravt-pomme);\n}\n\n.soi-ravt-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-ravt-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-ravt-pomme);\n  border-radius: 50%;\n}\n\n.soi-ravt-hero-title {\n  display: block;\n  color: var(--soi-ravt-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-ravt-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-ravt-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-ravt-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-ravt-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-ravt-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-ravt-label-accent {\n  background: var(--soi-ravt-pomme);\n  border-color: var(--soi-ravt-pomme);\n  color: var(--soi-ravt-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-ravt-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-ravt-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-ravt-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-ravt-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-ravt-pomme);\n  border-radius: 2px;\n}\n\n.soi-ravt-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-ravt-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-ravt-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-ravt-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-ravt-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-ravt-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-ravt-benefit {\n  background: var(--soi-ravt-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-ravt-radius);\n  border: 1px solid var(--soi-ravt-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-ravt-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-ravt-shadow-md);\n}\n\n.soi-ravt-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-ravt-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-ravt-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-ravt-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-ravt-benefit:hover .soi-ravt-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-ravt-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-ravt-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-ravt-benefit p {\n  font-size: 13px;\n  color: var(--soi-ravt-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-ravt-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-ravt-card {\n  background: var(--soi-ravt-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-ravt-radius);\n  border-left: 3px solid var(--soi-ravt-pomme);\n}\n\n.soi-ravt-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-ravt-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-ravt-card p {\n  font-size: 14px;\n  color: var(--soi-ravt-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-ravt-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-ravt-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-ravt-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-ravt-radius);\n  border: 1px solid var(--soi-ravt-line);\n  align-items: flex-start;\n}\n\n.soi-ravt-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-ravt-marine);\n  color: var(--soi-ravt-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-ravt-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-ravt-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-ravt-step-content p {\n  font-size: 14px;\n  color: var(--soi-ravt-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION (data rows) *\/\n.soi-ravt-compo {\n  background: var(--soi-ravt-off-white);\n  border-radius: var(--soi-ravt-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-ravt-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-ravt-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-ravt-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-ravt-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-ravt-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-ravt-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-ravt-marine);\n  text-align: right;\n}\n\n\/* TIP *\/\n.soi-ravt-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-ravt-pomme-light);\n  border-left: 4px solid var(--soi-ravt-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-ravt-radius) var(--soi-ravt-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-ravt-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-ravt-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-ravt-marine);\n  margin-bottom: 4px;\n}\n\n.soi-ravt-tip p {\n  font-size: 14px;\n  color: var(--soi-ravt-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-ravt-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-ravt-accordion-item {\n  background: var(--soi-ravt-off-white);\n  border-radius: var(--soi-ravt-radius-sm);\n  border: 1px solid var(--soi-ravt-line);\n  overflow: hidden;\n}\n\n.soi-ravt-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-ravt-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-ravt-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-ravt-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-ravt-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-ravt-accordion-item[open] .soi-ravt-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-ravt-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-ravt-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-ravt-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-ravt-cta-box {\n  background: var(--soi-ravt-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-ravt-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-ravt-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-ravt-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-ravt-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-ravt-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-ravt-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-ravt-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-ravt-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-ravt-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-ravt-compo-value {\n    text-align: left;\n  }\n\n  .soi-ravt-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-ravt-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-ravt-fiche {\n    --soi-ravt-text-soft: #2C3E50;\n    --soi-ravt-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603938238794,"sku":"RA0280","price":13.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-essentielle-bio-de-ravintsara-pranarom-packshot.webp?v=1785920293"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/collections\/Copie_de_COLLAGENE_INOLAB_STICK_8__11zon.jpg?v=1779893845","url":"https:\/\/firmtoaromatherapy.com\/collections\/pranarom.oembed?page=2","provider":"Soinature","version":"1.0","type":"link"}