{"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":37.9,"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","url":"https:\/\/www.soinature.com\/products\/huile-essentielle-de-khella-pranarom","provider":"Soinature","version":"1.0","type":"link"}