{"product_id":"deovert-hesperid-deodorant","title":"Déodorant fraîcheur Hespérid - 100 ml - Aromaspray","description":"\u003cdiv class=\"soi-hesp-fiche\"\u003e\n\n  \u003csection class=\"soi-hesp-hero\"\u003e\n    \u003cdiv class=\"soi-hesp-hero-tag\"\u003e\n      \u003cspan class=\"soi-hesp-tag-dot\"\u003e\u003c\/span\u003e\n      Déodorant corporel · Deovert, Saint Côme cosmétiques\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-hesp-hero-title\"\u003eLa fraîcheur des agrumes, sans aluminium\u003c\/span\u003e\n    \u003cp class=\"soi-hesp-hero-subtitle\"\u003eUn spray de 100 ml aux huiles essentielles pures et naturelles, qui agit sur les odeurs sans bloquer la transpiration de votre peau.\u003c\/p\u003e\n    \u003cdiv class=\"soi-hesp-hero-labels\"\u003e\n      \u003cspan class=\"soi-hesp-label soi-hesp-label-accent\"\u003eSANS ALUMINIUM\u003c\/span\u003e\n      \u003cspan class=\"soi-hesp-label\"\u003eSANS PARABENS\u003c\/span\u003e\n      \u003cspan class=\"soi-hesp-label\"\u003eHUILES ESSENTIELLES PURES ET NATURELLES\u003c\/span\u003e\n      \u003cspan class=\"soi-hesp-label\"\u003eTESTÉ DERMATOLOGIQUEMENT\u003c\/span\u003e\n      \u003cspan class=\"soi-hesp-label\"\u003eFABRIQUÉ EN BOURGOGNE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-hesp-section\"\u003e\n    \u003ch2\u003eUn déodorant naturel qui laisse votre peau respirer\u003c\/h2\u003e\n    \u003cp\u003eVous cherchez un \u003cstrong\u003edéodorant naturel efficace\u003c\/strong\u003e, sans aluminium, qui ne bloque pas la transpiration ? Le \u003cstrong\u003edéodorant fraîcheur Hespérid'\u003c\/strong\u003e de Deovert (Saint Côme cosmétiques) est un spray de 100 ml parfumé aux agrumes, formulé avec des huiles essentielles pures et naturelles. Il agit sur les odeurs au moment où elles se forment, sans empêcher la transpiration, qui reste un mécanisme normal du corps.\u003c\/p\u003e\n    \u003cp\u003eSa senteur fraîche de citron, d'orange et de pamplemousse, relevée par des notes résineuses, convient aussi bien comme \u003cstrong\u003edéodorant naturel pour homme\u003c\/strong\u003e que pour les femmes qui apprécient les parfums vifs et propres.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-hesp-section\"\u003e\n    \u003ch2\u003eCe qui le distingue d'un déodorant classique\u003c\/h2\u003e\n    \u003cdiv class=\"soi-hesp-benefits\"\u003e\n      \u003cdiv class=\"soi-hesp-benefit\"\u003e\n        \u003cdiv class=\"soi-hesp-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSans aluminium et sans parabens\u003c\/h3\u003e\n        \u003cp\u003eIl ne cherche pas à obstruer les pores de votre peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hesp-benefit\"\u003e\n        \u003cdiv class=\"soi-hesp-benefit-icon\"\u003e\u003cspan\u003e💨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFormat spray\u003c\/h3\u003e\n        \u003cp\u003ePas de contact direct, pas de résidus blancs, une application rapide même après le sport.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hesp-benefit\"\u003e\n        \u003cdiv class=\"soi-hesp-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eÉconomique\u003c\/h3\u003e\n        \u003cp\u003eUn flacon de 100 ml offre environ 500 pulvérisations, soit plusieurs mois d'utilisation selon votre rythme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hesp-benefit\"\u003e\n        \u003cdiv class=\"soi-hesp-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eTesté dermatologiquement\u003c\/h3\u003e\n        \u003cp\u003eUne formule testée dermatologiquement et fabriquée en Bourgogne.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"soi-hesp-after\"\u003eSi vous hésitez à passer au \u003cstrong\u003edéodorant homme naturel\u003c\/strong\u003e, sachez que l'adaptation de la peau prend souvent quelques jours. C'est normal : une transpiration non bloquée se ressent différemment, mais la fraîcheur des huiles essentielles vous accompagne pendant cette transition.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-hesp-section\"\u003e\n    \u003ch2\u003eComposition : 8 huiles essentielles aux rôles complémentaires\u003c\/h2\u003e\n    \u003cp class=\"soi-hesp-section-intro\"\u003eLa formule repose sur des huiles essentielles reconnues pour leur parfum et leur usage traditionnel en soin d'hygiène.\u003c\/p\u003e\n    \u003cdiv class=\"soi-hesp-compo\"\u003e\n      \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n        \u003cspan class=\"soi-hesp-compo-label\"\u003eCèdre\u003c\/span\u003e\n        \u003cspan class=\"soi-hesp-compo-value\"\u003eNote boisée, utilisée traditionnellement pour assainir et neutraliser les odeurs\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n        \u003cspan class=\"soi-hesp-compo-label\"\u003eCitron\u003c\/span\u003e\n        \u003cspan class=\"soi-hesp-compo-value\"\u003eFraîcheur acidulée et senteur nette\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n        \u003cspan class=\"soi-hesp-compo-label\"\u003eLavandin\u003c\/span\u003e\n        \u003cspan class=\"soi-hesp-compo-value\"\u003eNote aromatique apaisante pour la peau\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n        \u003cspan class=\"soi-hesp-compo-label\"\u003eLemongrass\u003c\/span\u003e\n        \u003cspan class=\"soi-hesp-compo-value\"\u003eTouche citronnée et tonique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n        \u003cspan class=\"soi-hesp-compo-label\"\u003eOrange\u003c\/span\u003e\n        \u003cspan class=\"soi-hesp-compo-value\"\u003eSenteur douce et enveloppante\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n        \u003cspan class=\"soi-hesp-compo-label\"\u003ePamplemousse\u003c\/span\u003e\n        \u003cspan class=\"soi-hesp-compo-value\"\u003eEffet tonique et pétillant\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n        \u003cspan class=\"soi-hesp-compo-label\"\u003ePin\u003c\/span\u003e\n        \u003cspan class=\"soi-hesp-compo-value\"\u003eNote résineuse purifiante\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n        \u003cspan class=\"soi-hesp-compo-label\"\u003eRomarin\u003c\/span\u003e\n        \u003cspan class=\"soi-hesp-compo-value\"\u003eParfum camphré et stimulant\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"soi-hesp-after\"\u003e\u003cstrong\u003eDosage :\u003c\/strong\u003e environ 500 pulvérisations par flacon de 100 ml. Les pourcentages exacts par huile essentielle ne sont pas communiqués par la marque. Les AJR\/VNR ne concernent pas ce produit, qui est un cosmétique et non un complément alimentaire.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-hesp-section\"\u003e\n    \u003ch2\u003eComment l'utiliser au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"soi-hesp-timeline\"\u003e\n      \u003cdiv class=\"soi-hesp-step\"\u003e\n        \u003cdiv class=\"soi-hesp-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-hesp-step-content\"\u003e\n          \u003ch3\u003eAppliquez\u003c\/h3\u003e\n          \u003cp\u003e2 à 3 pulvérisations par aisselle, sur une peau propre et bien sèche.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hesp-step\"\u003e\n        \u003cdiv class=\"soi-hesp-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-hesp-step-content\"\u003e\n          \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n          \u003cp\u003ePatientez quelques secondes avant de vous habiller.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hesp-step\"\u003e\n        \u003cdiv class=\"soi-hesp-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-hesp-step-content\"\u003e\n          \u003ch3\u003eRenouvelez si besoin\u003c\/h3\u003e\n          \u003cp\u003eDans la journée si nécessaire, par exemple après une séance de sport ou en cas de forte chaleur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hesp-tip\"\u003e\n      \u003cdiv class=\"soi-hesp-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eAprès le rasage ou l'épilation, attendez que la peau soit calmée avant d'appliquer : les huiles essentielles peuvent être piquantes sur une peau fraîchement irritée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\n  \u003csection class=\"soi-hesp-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"soi-hesp-accordion\"\u003e\n      \u003cdetails class=\"soi-hesp-accordion-item\"\u003e\n        \u003csummary class=\"soi-hesp-accordion-header\"\u003eContact et application\u003c\/summary\u003e\n        \u003cdiv class=\"soi-hesp-accordion-content\"\u003e\n          \u003cp\u003eÉvitez le contact avec les yeux et les muqueuses. Ne l'appliquez pas sur une peau lésée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-hesp-accordion-item\"\u003e\n        \u003csummary class=\"soi-hesp-accordion-header\"\u003eExposition au soleil\u003c\/summary\u003e\n        \u003cdiv class=\"soi-hesp-accordion-content\"\u003e\n          \u003cp\u003eLes agrumes peuvent être photosensibilisants : évitez l'exposition solaire directe sur la zone traitée juste après application.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-hesp-accordion-item\"\u003e\n        \u003csummary class=\"soi-hesp-accordion-header\"\u003eGrossesse, allaitement et allergies\u003c\/summary\u003e\n        \u003cdiv class=\"soi-hesp-accordion-content\"\u003e\n          \u003cp\u003eDemandez conseil à un professionnel de santé en cas de grossesse, d'allaitement ou d'allergie connue aux huiles essentielles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-hesp-accordion-item\"\u003e\n        \u003csummary class=\"soi-hesp-accordion-header\"\u003eEnfants\u003c\/summary\u003e\n        \u003cdiv class=\"soi-hesp-accordion-content\"\u003e\n          \u003cp\u003eTenez le flacon hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"soi-hesp-after\"\u003eCe déodorant est un produit cosmétique d'hygiène : il ne remplace pas un traitement médical. En cas de transpiration excessive persistante, parlez-en à votre médecin.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-hesp-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-hesp-cta-box\"\u003e\n      \u003cp class=\"soi-hesp-cta-tag\" style=\"color: white;\"\u003eUne fraîcheur vive et sincère, au quotidien\u003c\/p\u003e\n      \u003cp class=\"soi-hesp-cta-text\" style=\"color: white;\"\u003eAvec Hespérid', les agrumes et les huiles essentielles vous accompagnent sans aluminium, dans le respect de votre peau. Un geste simple, une senteur lumineuse, un flacon fabriqué en Bourgogne qui dure longtemps : sentez-vous bien, naturellement, du matin jusqu'au soir.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.soi-hesp-fiche {\n  \/* === Couleurs Soinat (fixes) === *\/\n  --soi-hesp-marine: #1A2D3D;\n  --soi-hesp-marine-dark: #0F1E2B;\n  --soi-hesp-marine-light: #2C4458;\n  --soi-hesp-pomme: #A1C544;\n  --soi-hesp-pomme-dark: #84A636;\n  --soi-hesp-pomme-light: rgba(161,197,68,0.10);\n\n  \/* === Neutres Soinat === *\/\n  --soi-hesp-white: #FFFFFF;\n  --soi-hesp-off-white: #F8FAF6;\n  --soi-hesp-stone: #F1F3EE;\n  --soi-hesp-line: #E5E8E0;\n\n  \/* === Couleurs dynamiques (agrumes du packaging) === *\/\n  --soi-hesp-primary: #E08A3C;\n  --soi-hesp-primary-soft: #FBEEDF;\n  --soi-hesp-accent: #E8C53A;\n\n  \/* === Textes === *\/\n  --soi-hesp-text: #1A2D3D;\n  --soi-hesp-text-soft: #4A5B6B;\n  --soi-hesp-text-muted: #7B8693;\n\n  \/* === Effets === *\/\n  --soi-hesp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-hesp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-hesp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-hesp-radius: 12px;\n  --soi-hesp-radius-sm: 8px;\n  --soi-hesp-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-hesp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-hesp-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-hesp-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-hesp-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-hesp-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-hesp-hero {\n  position: relative;\n  background: linear-gradient(160deg, var(--soi-hesp-marine) 0%, var(--soi-hesp-marine) 70%, var(--soi-hesp-marine-light) 100%);\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-hesp-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-hesp-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-hesp-pomme);\n}\n\n.soi-hesp-hero::after {\n  content: '';\n  position: absolute;\n  bottom: 0; left: 50%;\n  transform: translateX(-50%);\n  width: 80px;\n  height: 3px;\n  background: var(--soi-hesp-primary);\n  border-radius: 3px 3px 0 0;\n}\n\n.soi-hesp-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-hesp-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-hesp-pomme);\n  border-radius: 50%;\n}\n\n.soi-hesp-hero-title {\n  display: block;\n  color: var(--soi-hesp-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-hesp-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-hesp-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-hesp-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-hesp-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-hesp-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-hesp-label-accent {\n  background: var(--soi-hesp-pomme);\n  border-color: var(--soi-hesp-pomme);\n  color: var(--soi-hesp-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-hesp-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-hesp-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-hesp-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-hesp-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-hesp-pomme);\n  border-radius: 2px;\n}\n\n.soi-hesp-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-hesp-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-hesp-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-hesp-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-hesp-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-hesp-section strong {\n  color: var(--soi-hesp-marine);\n  font-weight: 600;\n}\n\n.soi-hesp-section .soi-hesp-after {\n  margin-top: 1.5rem;\n  color: var(--soi-hesp-text-soft);\n}\n\n\/* === BENEFITS === *\/\n.soi-hesp-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-hesp-benefit {\n  background: var(--soi-hesp-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-hesp-radius);\n  border: 1px solid var(--soi-hesp-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-hesp-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-hesp-shadow-md);\n}\n\n.soi-hesp-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-hesp-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-hesp-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-hesp-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-hesp-benefit:hover .soi-hesp-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-hesp-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-hesp-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-hesp-benefit p {\n  font-size: 15px;\n  color: var(--soi-hesp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-hesp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-hesp-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-hesp-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-hesp-radius);\n  border: 1px solid var(--soi-hesp-line);\n  align-items: flex-start;\n}\n\n.soi-hesp-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-hesp-marine);\n  color: var(--soi-hesp-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  box-shadow: 0 0 0 3px var(--soi-hesp-primary-soft);\n}\n\n.soi-hesp-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-hesp-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-hesp-step-content p {\n  font-size: 15px;\n  color: var(--soi-hesp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-hesp-compo {\n  background: var(--soi-hesp-off-white);\n  border-radius: var(--soi-hesp-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  border-top: 3px solid var(--soi-hesp-primary);\n}\n\n.soi-hesp-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-hesp-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-hesp-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-hesp-compo-label {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--soi-hesp-marine);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-hesp-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  color: var(--soi-hesp-text-soft);\n  text-align: right;\n  max-width: 70%;\n}\n\n\/* === TIP === *\/\n.soi-hesp-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-hesp-pomme-light);\n  border-left: 4px solid var(--soi-hesp-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-hesp-radius) var(--soi-hesp-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-hesp-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-hesp-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-hesp-marine);\n  margin-bottom: 4px;\n}\n\n.soi-hesp-tip p {\n  font-size: 15px;\n  color: var(--soi-hesp-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-hesp-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-hesp-accordion-item {\n  background: var(--soi-hesp-off-white);\n  border-radius: var(--soi-hesp-radius-sm);\n  border: 1px solid var(--soi-hesp-line);\n  overflow: hidden;\n}\n\n.soi-hesp-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-hesp-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  gap: 1rem;\n}\n\n.soi-hesp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-hesp-accordion-header::after {\n  content: '+';\n  flex-shrink: 0;\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-hesp-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-hesp-accordion-item[open] .soi-hesp-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-hesp-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-hesp-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-hesp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-hesp-cta-box {\n  background: var(--soi-hesp-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-hesp-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-hesp-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-hesp-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-hesp-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-hesp-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-hesp-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(16px, 2.5vw, 19px);\n  font-weight: 500;\n  color: var(--soi-hesp-white);\n  line-height: 1.5;\n  margin: 0;\n  max-width: 640px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-hesp-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-hesp-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-hesp-compo-value {\n    text-align: left;\n    max-width: 100%;\n  }\n\n  .soi-hesp-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-hesp-fiche * {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-hesp-fiche {\n    --soi-hesp-text-soft: #2C3E50;\n    --soi-hesp-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61603036397898,"sku":"SC8590","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deodorant-fraicheur-hesperid-100-ml-aromaspray-packshot.webp?v=1792056124","url":"https:\/\/firmtoaromatherapy.com\/products\/deovert-hesperid-deodorant","provider":"Soinature","version":"1.0","type":"link"}