{"product_id":"hydrolat-citron-et-aloe-vera-certifie-bio-najel","title":"Hydrolat Citron \u0026 Aloe Vera Bio – Najel","description":"\n\u003cdiv class=\"soi-hcav-fiche\"\u003e\n\n  \u003csection class=\"soi-hcav-hero\"\u003e\n    \u003cdiv class=\"soi-hcav-hero-tag\"\u003e\n      \u003cspan class=\"soi-hcav-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique visage · Najel Méditerranée\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-hcav-hero-title\"\u003eHydrolat Citron \u0026amp; Aloe Vera certifié Bio\u003c\/span\u003e\n    \u003cp class=\"soi-hcav-hero-subtitle\"\u003eUne eau rééquilibrante légère et purifiante qui combine la puissance du citron et la douceur de l'aloe vera pour un teint frais et lumineux au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-hcav-hero-labels\"\u003e\n      \u003cspan class=\"soi-hcav-label soi-hcav-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-hcav-label\"\u003e99 % ORIGINE NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-hcav-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-hcav-label\"\u003eSANS ALCOOL\u003c\/span\u003e\n      \u003cspan class=\"soi-hcav-label\"\u003eTOUS TYPES DE PEAUX\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-hcav-section\"\u003e\n    \u003cp class=\"soi-hcav-section-intro\"\u003eVous cherchez un hydrolat visage naturel et efficace pour purifier votre peau en douceur ? L'hydrolat citron et aloe vera certifié bio de Najel est une eau rééquilibrante légère, sans alcool, qui combine la puissance purifiante du citron et le pouvoir apaisant de l'aloe vera. Certifié Cosmos Organic par Ecocert, formulé à 99 % d'origine naturelle et fabriqué en France, c'est un soin quotidien taillé pour les peaux mixtes à grasses, mais convenant à tous types de peaux.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-hcav-section\"\u003e\n    \u003ch2\u003ePourquoi choisir cet hydrolat de citron bio ?\u003c\/h2\u003e\n    \u003cp\u003eContrairement aux toniques classiques chargés en alcool ou en conservateurs, un hydrolat de citron bio comme celui de Najel est obtenu par hydrodistillation de fruits frais. Le résultat : une eau florale concentrée en principes actifs naturels, infiniment plus douce sur la peau et d'une efficacité réelle au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-hcav-benefits\"\u003e\n      \u003cdiv class=\"soi-hcav-benefit\"\u003e\n        \u003cdiv class=\"soi-hcav-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePurifiant et astringent\u003c\/h3\u003e\n        \u003cp\u003eLe citron resserre les pores dilatés, régule l'excès de sébum et aide à réduire l'apparence des points noirs et imperfections.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hcav-benefit\"\u003e\n        \u003cdiv class=\"soi-hcav-benefit-icon\"\u003e\u003cspan\u003e☀️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eÉclat immédiat\u003c\/h3\u003e\n        \u003cp\u003eIl unifie le teint, estompe les petites taches et redonne de la luminosité aux peaux ternes ou fatiguées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hcav-benefit\"\u003e\n        \u003cdiv class=\"soi-hcav-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eApaisant et réparateur\u003c\/h3\u003e\n        \u003cp\u003eL'aloe vera neutralise l'effet potentiellement asséchant du citron et apporte confort, souplesse et douceur à chaque application.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hcav-benefit\"\u003e\n        \u003cdiv class=\"soi-hcav-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eTonifiant\u003c\/h3\u003e\n        \u003cp\u003eUtilisé comme hydrolat pour le visage matin et soir, il prépare la peau à mieux absorber votre sérum ou votre crème hydratante.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-hcav-section\"\u003e\n    \u003ch2\u003eComment utiliser un hydrolat visage au quotidien ?\u003c\/h2\u003e\n    \u003cp\u003eLa question revient souvent : comment utiliser un hydrolat visage pour en tirer le meilleur ? Voici la routine simple et efficace recommandée.\u003c\/p\u003e\n    \u003cdiv class=\"soi-hcav-timeline\"\u003e\n      \u003cdiv class=\"soi-hcav-step\"\u003e\n        \u003cdiv class=\"soi-hcav-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-hcav-step-content\"\u003e\n          \u003ch3\u003eNettoyez votre peau\u003c\/h3\u003e\n          \u003cp\u003eAvec votre soin démaquillant habituel, débarrassez votre visage de toutes les impuretés accumulées.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hcav-step\"\u003e\n        \u003cdiv class=\"soi-hcav-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-hcav-step-content\"\u003e\n          \u003ch3\u003eAppliquez l'hydrolat\u003c\/h3\u003e\n          \u003cp\u003eVersez quelques gouttes sur un coton ou vaporisez directement sur le visage et le cou.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hcav-step\"\u003e\n        \u003cdiv class=\"soi-hcav-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-hcav-step-content\"\u003e\n          \u003ch3\u003eLaissez pénétrer\u003c\/h3\u003e\n          \u003cp\u003eSans rincer, laissez l'hydrolat agir puis appliquez votre crème ou huile de soin habituelle.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hcav-tip\"\u003e\n      \u003cdiv class=\"soi-hcav-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eCet hydrolat peut également s'utiliser en massage du cuir chevelu pour purifier et apaiser les démangeaisons. Son parfum frais et subtilement citronné rend chaque geste agréable, dès le matin.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-hcav-section\"\u003e\n    \u003ch2\u003eComposition de l'hydrolat citron et aloe vera Najel\u003c\/h2\u003e\n    \u003cp\u003eLa force de cet hydrolat réside dans la simplicité et la pureté de sa formule :\u003c\/p\u003e\n    \u003cdiv class=\"soi-hcav-grid\"\u003e\n      \u003cdiv class=\"soi-hcav-card\"\u003e\n        \u003ch3\u003e🍋 Eau florale de citron (Citrus limon)\u003c\/h3\u003e\n        \u003cp\u003eActif principal : purifiant, astringent, éclairant et régulateur de sébum.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hcav-card\"\u003e\n        \u003ch3\u003e🌱 Jus d'aloe vera (Aloe barbadensis)\u003c\/h3\u003e\n        \u003cp\u003eApaisant, hydratant, anti-inflammatoire naturel et réparateur cutané.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003eLa formule est sans alcool, sans parfum de synthèse, sans conservateurs controversés. Elle convient aux peaux sensibles qui souhaitent bénéficier des bienfaits du citron sans risquer d'irritation.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-hcav-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-hcav-compo\"\u003e\n      \u003cdiv class=\"soi-hcav-compo-row\"\u003e\n        \u003cspan class=\"soi-hcav-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-hcav-compo-value\"\u003eCosmos Organic (Ecocert), 99 % d'origine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hcav-compo-row\"\u003e\n        \u003cspan class=\"soi-hcav-compo-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-hcav-compo-value\"\u003eFabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hcav-compo-row\"\u003e\n        \u003cspan class=\"soi-hcav-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-hcav-compo-value\"\u003e200 ml, flacon ambré avec capsule disc-top\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hcav-compo-row\"\u003e\n        \u003cspan class=\"soi-hcav-compo-label\"\u003eUsage\u003c\/span\u003e\n        \u003cspan class=\"soi-hcav-compo-value\"\u003eMatin et soir, visage, cou, cuir chevelu\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hcav-compo-row\"\u003e\n        \u003cspan class=\"soi-hcav-compo-label\"\u003eConvient à\u003c\/span\u003e\n        \u003cspan class=\"soi-hcav-compo-value\"\u003eTous types de peaux, idéal peaux mixtes à grasses\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hcav-accordion\"\u003e\n      \u003cdetails class=\"soi-hcav-accordion-item\"\u003e\n        \u003csummary class=\"soi-hcav-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-hcav-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un soin cosmétique et ne se substitue pas à un avis ou traitement médical. En cas de doute sur une pathologie cutanée, consultez un dermatologue.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-hcav-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-hcav-cta-box\"\u003e\n      \u003cp class=\"soi-hcav-cta-tag\" style=\"color: white;\"\u003ePrendre soin de soi naturellement, un geste à la fois\u003c\/p\u003e\n      \u003cp class=\"soi-hcav-cta-text\" style=\"color: white;\"\u003eLégère comme une eau de source, efficace comme un vrai soin : l'hydrolat citron et aloe vera de Najel purifie, illumine et apaise votre peau chaque jour, avec toute la douceur du naturel certifié bio.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-hcav-marine: #1A2D3D;\n  --soi-hcav-marine-dark: #0F1E2B;\n  --soi-hcav-marine-light: #2C4458;\n  --soi-hcav-pomme: #A1C544;\n  --soi-hcav-pomme-dark: #84A636;\n  --soi-hcav-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-hcav-white: #FFFFFF;\n  --soi-hcav-off-white: #F8FAF6;\n  --soi-hcav-stone: #F1F3EE;\n  --soi-hcav-line: #E5E8E0;\n\n  --soi-hcav-primary: #E8A020;\n  --soi-hcav-primary-soft: #FFF5E0;\n  --soi-hcav-accent: #D4883A;\n\n  --soi-hcav-text: #1A2D3D;\n  --soi-hcav-text-soft: #4A5B6B;\n  --soi-hcav-text-muted: #7B8693;\n\n  --soi-hcav-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-hcav-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-hcav-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-hcav-radius: 12px;\n  --soi-hcav-radius-sm: 8px;\n  --soi-hcav-radius-pill: 999px;\n}\n\n.soi-hcav-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-hcav-fiche img { max-width: 100%; height: auto; }\n\n.soi-hcav-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-hcav-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-hcav-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-hcav-hero {\n  position: relative;\n  background: var(--soi-hcav-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-hcav-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-hcav-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-hcav-pomme);\n}\n\n.soi-hcav-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-hcav-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-hcav-pomme);\n  border-radius: 50%;\n}\n\n.soi-hcav-hero-title {\n  display: block;\n  color: var(--soi-hcav-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-hcav-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-hcav-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-hcav-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-hcav-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-hcav-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-hcav-label-accent {\n  background: var(--soi-hcav-pomme);\n  border-color: var(--soi-hcav-pomme);\n  color: var(--soi-hcav-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-hcav-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-hcav-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-hcav-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-hcav-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-hcav-pomme);\n  border-radius: 2px;\n}\n\n.soi-hcav-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-hcav-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.soi-hcav-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-hcav-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-hcav-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-hcav-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-top: 1.5rem;\n}\n\n.soi-hcav-benefit {\n  background: var(--soi-hcav-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-hcav-radius);\n  border: 1px solid var(--soi-hcav-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-hcav-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-hcav-shadow-md);\n}\n\n.soi-hcav-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-hcav-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-hcav-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-hcav-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-hcav-benefit:hover .soi-hcav-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-hcav-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-hcav-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-hcav-benefit p {\n  font-size: 13px;\n  color: var(--soi-hcav-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-hcav-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1rem;\n}\n\n.soi-hcav-card {\n  background: var(--soi-hcav-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-hcav-radius);\n  border-left: 3px solid var(--soi-hcav-pomme);\n}\n\n.soi-hcav-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-hcav-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-hcav-card p {\n  font-size: 14px;\n  color: var(--soi-hcav-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-hcav-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-hcav-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-hcav-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-hcav-radius);\n  border: 1px solid var(--soi-hcav-line);\n  align-items: flex-start;\n}\n\n.soi-hcav-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-hcav-marine);\n  color: var(--soi-hcav-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-hcav-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-hcav-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-hcav-step-content p {\n  font-size: 14px;\n  color: var(--soi-hcav-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-hcav-compo {\n  background: var(--soi-hcav-off-white);\n  border-radius: var(--soi-hcav-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1rem;\n}\n\n.soi-hcav-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-hcav-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-hcav-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-hcav-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-hcav-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-hcav-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-hcav-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-hcav-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-hcav-pomme-light);\n  border-left: 4px solid var(--soi-hcav-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-hcav-radius) var(--soi-hcav-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-hcav-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-hcav-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-hcav-marine);\n  margin-bottom: 4px;\n}\n\n.soi-hcav-tip p {\n  font-size: 14px;\n  color: var(--soi-hcav-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-hcav-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-hcav-accordion-item {\n  background: var(--soi-hcav-off-white);\n  border-radius: var(--soi-hcav-radius-sm);\n  border: 1px solid var(--soi-hcav-line);\n  overflow: hidden;\n}\n\n.soi-hcav-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-hcav-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-hcav-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-hcav-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-hcav-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-hcav-accordion-item[open] .soi-hcav-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-hcav-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-hcav-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-hcav-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-hcav-cta-box {\n  background: var(--soi-hcav-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-hcav-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-hcav-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-hcav-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-hcav-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-hcav-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-hcav-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-hcav-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-hcav-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-hcav-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-hcav-compo-value {\n    text-align: left;\n  }\n\n  .soi-hcav-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-hcav-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-hcav-fiche {\n    --soi-hcav-text-soft: #2C3E50;\n    --soi-hcav-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603662332234,"sku":"NJ0280","price":9.31,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/hydrolat-citron-et-aloe-vera-certifie-bio-najel-packshot.webp?v=1779640151","url":"https:\/\/www.soinature.com\/products\/hydrolat-citron-et-aloe-vera-certifie-bio-najel","provider":"Soinature","version":"1.0","type":"link"}