{"product_id":"huile-dargan-certifiee-bio-najel","title":"Huile d'Argan certifiée bio – Najel","description":"\u003cdiv class=\"soi-argn-fiche\"\u003e\n\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    Cosmétique et soin beauté · Najel\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-argn-hero-title\"\u003eUn rituel de douceur, du visage aux pointes\u003c\/span\u003e\n  \u003cp class=\"soi-argn-hero-subtitle\"\u003eL'or du désert marocain au service de votre peau, de vos cheveux et de vos ongles. Pure à 100 %, extraite à froid, pour un soin régénérant sans compromis.\u003c\/p\u003e\n  \u003cdiv class=\"soi-argn-hero-labels\"\u003e\n    \u003cspan class=\"soi-argn-label soi-argn-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n    \u003cspan class=\"soi-argn-label\"\u003eECOCERT\u003c\/span\u003e\n    \u003cspan class=\"soi-argn-label\"\u003e100% PURE\u003c\/span\u003e\n    \u003cspan class=\"soi-argn-label\"\u003eORIGINE MAROC\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argn-section\"\u003e\n  \u003ch2\u003ePourquoi l'huile d'argan de Najel se démarque-t-elle ?\u003c\/h2\u003e\n  \u003cp\u003eToutes les huiles d'argan ne se valent pas. Celle de Najel est obtenue par \u003cstrong\u003eextraction à froid\u003c\/strong\u003e, un procédé qui préserve l'intégralité de ses actifs naturels : acides gras, vitamine E, insaponifiables. Rien n'est altéré, rien n'est perdu.\u003c\/p\u003e\n  \u003cp\u003eElle est fabriquée en partenariat avec des \u003cstrong\u003ecoopératives de femmes marocaines\u003c\/strong\u003e, soutenant ainsi une filière artisanale équitable et durable. Le flacon ambré avec pompe doseuse protège le produit de la lumière et de l'oxydation, tout en permettant une application précise sans gaspillage.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argn-section\"\u003e\n  \u003ch2\u003eComposition : ce que contient vraiment cette huile\u003c\/h2\u003e\n  \u003cp class=\"soi-argn-section-intro\"\u003eUn ingrédient unique, \u003cem\u003eArgania Spinosa Kernel Oil\u003c\/em\u003e (huile de noyau d'argan), certifiée biologique. Voici ce que cette composition d'exception renferme :\u003c\/p\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\u003eAcides gras insaturés\u003c\/h3\u003e\n      \u003cp\u003ePlus de 80 % d'acides oléique et linoléique pour une nutrition cellulaire intense et une restauration du film lipidique cutané.\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\u003eVitamine E (tocophérols)\u003c\/h3\u003e\n      \u003cp\u003ePuissant antioxydant naturel, elle protège la peau des radicaux libres et ralentit les signes visibles du vieillissement.\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\u003eInsaponifiables\u003c\/h3\u003e\n      \u003cp\u003eStérols et squalène, réputés pour leurs propriétés régénérantes et restructurantes, favorisent le renouvellement cellulaire.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argn-section\"\u003e\n  \u003ch2\u003eLes bienfaits concrets, zone par zone\u003c\/h2\u003e\n  \u003cdiv class=\"soi-argn-grid\"\u003e\n    \u003cdiv class=\"soi-argn-card\"\u003e\n      \u003ch3\u003e✨ Visage\u003c\/h3\u003e\n      \u003cp\u003eAppliquer l'huile d'argan sur le visage permet de lisser le grain de peau, réduire l'apparence des ridules, unifier le teint terne et apaiser les peaux réactives. Elle convient aux peaux sèches comme aux peaux mixtes, car elle régule le sébum sans obstruer les pores.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argn-card\"\u003e\n      \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n      \u003cp\u003eUtilisée après la douche sur peau légèrement humide, elle nourrit en profondeur, améliore l'élasticité et aide à atténuer les vergetures. Idéale pour les coudes, genoux et talons secs.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argn-card\"\u003e\n      \u003ch3\u003e💇 Cheveux\u003c\/h3\u003e\n      \u003cp\u003eEn masque avant-shampoing ou en soin sans rinçage sur les pointes, elle répare les cheveux abîmés, réduit les frisottis et restitue de la brillance sans alourdir.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argn-card\"\u003e\n      \u003ch3\u003e💅 Mains et ongles\u003c\/h3\u003e\n      \u003cp\u003eMassez quelques gouttes sur les cuticules et les ongles cassants pour les renforcer et retrouver des mains douces, même en hiver.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argn-section\"\u003e\n  \u003ch2\u003eComment utiliser l'huile d'argan sur le visage ?\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\u003eNettoyez votre visage\u003c\/h3\u003e\n        \u003cp\u003eAvec votre soin habituel, puis séchez délicatement.\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\u003eDéposez 2 à 3 gouttes\u003c\/h3\u003e\n        \u003cp\u003eDans le creux de la main. La pompe permet un dosage précis.\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\u003eRéchauffez l'huile\u003c\/h3\u003e\n        \u003cp\u003eEntre vos paumes pendant quelques secondes.\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\u003eAppliquez en effleurage\u003c\/h3\u003e\n        \u003cp\u003eSur le visage, le cou et le décolleté, en évitant le contour des yeux si vous avez la peau très sensible.\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\u003eUtilisez matin ou soir\u003c\/h3\u003e\n        \u003cp\u003eLe matin pour protéger votre peau, le soir pour régénérer pendant le sommeil.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argn-section\"\u003e\n  \u003ch2\u003ePour qui est-elle faite ?\u003c\/h2\u003e\n  \u003cp\u003eL'huile d'argan Najel s'adresse à toutes celles et ceux qui cherchent un soin naturel, efficace et polyvalent. Elle est particulièrement recommandée pour :\u003c\/p\u003e\n  \u003cdiv class=\"soi-argn-grid\"\u003e\n    \u003cdiv class=\"soi-argn-card\"\u003e\n      \u003ch3\u003e🌾 Peaux sèches ou matures\u003c\/h3\u003e\n      \u003cp\u003eNutrition intense et régénération pour les peaux en manque de confort ou marquées par le temps.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argn-card\"\u003e\n      \u003ch3\u003e🔥 Cheveux fragilisés\u003c\/h3\u003e\n      \u003cp\u003eRéparation et brillance pour les cheveux abîmés par la chaleur ou la coloration.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argn-card\"\u003e\n      \u003ch3\u003e🍃 Peaux sensibles\u003c\/h3\u003e\n      \u003cp\u003eBien tolérée par les personnes sensibles aux formules chimiques. Sa texture légère convient même aux peaux à tendance acnéique en application ponctuelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-argn-tip\"\u003e\n    \u003cdiv class=\"soi-argn-tip-icon\"\u003eℹ️\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eBon à savoir\u003c\/strong\u003e\n      \u003cp\u003eCe produit cosmétique ne constitue pas un traitement médical et ne remplace pas l'avis d'un dermatologue.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argn-section\"\u003e\n  \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n  \u003cdiv class=\"soi-argn-compo\"\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\"\u003e100 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argn-compo-row\"\u003e\n      \u003cspan class=\"soi-argn-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-argn-compo-value\"\u003eCosmos Organic (Ecocert)\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, coopératives artisanales\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argn-compo-row\"\u003e\n      \u003cspan class=\"soi-argn-compo-label\"\u003eConditionnement\u003c\/span\u003e\n      \u003cspan class=\"soi-argn-compo-value\"\u003eFlacon ambré avec pompe doseuse\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argn-compo-row\"\u003e\n      \u003cspan class=\"soi-argn-compo-label\"\u003eConservation\u003c\/span\u003e\n      \u003cspan class=\"soi-argn-compo-value\"\u003eÀ l'abri de la chaleur et de la lumière directe\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\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-text\" style=\"color: white;\"\u003eVéritable trésor de la nature marocaine, pure, certifiée, fabriquée dans le respect des femmes et de la terre : offrez à votre peau le meilleur de ce que la nature sait faire.\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\n  --soi-argn-white: #FFFFFF;\n  --soi-argn-off-white: #F8FAF6;\n  --soi-argn-stone: #F1F3EE;\n  --soi-argn-line: #E5E8E0;\n\n  --soi-argn-primary: #D88542;\n  --soi-argn-primary-soft: #FAECD8;\n  --soi-argn-accent: #C46A2A;\n\n  --soi-argn-text: #1A2D3D;\n  --soi-argn-text-soft: #4A5B6B;\n  --soi-argn-text-muted: #7B8693;\n\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\/* === GRID + CARDS === *\/\n.soi-argn-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-argn-card {\n  background: var(--soi-argn-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-argn-radius);\n  border-left: 3px solid var(--soi-argn-pomme);\n}\n\n.soi-argn-card 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-card p {\n  font-size: 14px;\n  color: var(--soi-argn-text-soft);\n  line-height: 1.6;\n  margin: 0;\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\/* === COMPOSITION (data rows) === *\/\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}\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\/* === 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.5rem;\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\/* === 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":"Najel","offers":[{"title":"Default Title","offer_id":61603663774026,"sku":"NJ0180","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-dargan-certifiee-bio-najel-packshot.webp?v=1782650791","url":"https:\/\/firmtoaromatherapy.com\/products\/huile-dargan-certifiee-bio-najel","provider":"Soinature","version":"1.0","type":"link"}