{"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","url":"https:\/\/www.soinature.com\/products\/huile-vegetale-dargan-bio-et-vegan-pranarom","provider":"Soinature","version":"1.0","type":"link"}