{"product_id":"huile-de-coco-certifiee-bio-najel","title":"Huile de coco certifiée bio – Najel","description":"\u003cdiv class=\"soi-coco-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-coco-hero\"\u003e\n    \u003cdiv class=\"soi-coco-hero-tag\"\u003e\n      \u003cspan class=\"soi-coco-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétiques et soins beauté · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-coco-hero-title\"\u003eHuile de coco certifiée bio\u003c\/span\u003e\n    \u003cp class=\"soi-coco-hero-subtitle\"\u003eUne huile végétale vierge, extraite par première pression à froid, pour nourrir et protéger votre peau, vos cheveux et votre visage au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-coco-hero-labels\"\u003e\n      \u003cspan class=\"soi-coco-label soi-coco-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-coco-label\"\u003eECOCERT\u003c\/span\u003e\n      \u003cspan class=\"soi-coco-label\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-coco-label\"\u003eHUILE VIERGE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : Huile vierge de coco bio --\u003e\n  \u003csection class=\"soi-coco-section\"\u003e\n    \u003ch2\u003eUne huile vierge de coco bio : ce que ça change vraiment\u003c\/h2\u003e\n    \u003cp\u003eToutes les huiles de coco ne se valent pas. La version vierge et bio de Najel est obtenue sans solvant, sans raffinage et sans déodorisation. Résultat : ses acides gras naturels, notamment l'acide laurique (environ 50 %), sont pleinement conservés. C'est précisément cet acide gras qui lui confère ses propriétés nourrissantes, apaisantes et protectrices si appréciées.\u003c\/p\u003e\n    \u003cp\u003eSon léger parfum gourmand de coco est tout simplement celui de l'huile brute, naturelle et vivante.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Bienfaits --\u003e\n  \u003csection class=\"soi-coco-section\"\u003e\n    \u003ch2\u003eBienfaits de l'huile de coco bio : peau, cheveux et visage\u003c\/h2\u003e\n    \u003cdiv class=\"soi-coco-benefits\"\u003e\n      \u003cdiv class=\"soi-coco-benefit\"\u003e\n        \u003cdiv class=\"soi-coco-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeau du corps\u003c\/h3\u003e\n        \u003cp\u003eAppliquée après la douche, elle nourrit en profondeur les peaux sèches, rugueuses ou sensibles. Elle forme une barrière protectrice contre les agressions extérieures tout en laissant la peau douce et confortable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-benefit\"\u003e\n        \u003cdiv class=\"soi-coco-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCheveux et pointes\u003c\/h3\u003e\n        \u003cp\u003eEn masque avant shampooing ou en soin des pointes, l'huile de coco bio vierge lisse la fibre capillaire, réduit les frisottis et apporte brillance et souplesse. Idéale aussi pour les cheveux secs ou abîmés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-benefit\"\u003e\n        \u003cdiv class=\"soi-coco-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVisage et contour des yeux\u003c\/h3\u003e\n        \u003cp\u003eEn démaquillant doux ou en soin du contour des yeux, elle hydrate la peau délicate sans agresser. Elle contribue à atténuer l'apparence des rides de déshydratation et apaise les rougeurs et irritations.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : Comment utiliser --\u003e\n  \u003csection class=\"soi-coco-section\"\u003e\n    \u003ch2\u003eComment utiliser l'huile de coco bio pour le corps et les cheveux ?\u003c\/h2\u003e\n    \u003cp class=\"soi-coco-section-intro\"\u003eQuelques conseils pratiques pour en tirer le meilleur :\u003c\/p\u003e\n    \u003cdiv class=\"soi-coco-timeline\"\u003e\n      \u003cdiv class=\"soi-coco-step\"\u003e\n        \u003cdiv class=\"soi-coco-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-coco-step-content\"\u003e\n          \u003ch3\u003eCorps\u003c\/h3\u003e\n          \u003cp\u003eFaites fondre une noisette entre vos paumes (elle se liquéfie dès 25 °C) et massez sur la peau propre et légèrement humide pour une absorption optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-step\"\u003e\n        \u003cdiv class=\"soi-coco-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-coco-step-content\"\u003e\n          \u003ch3\u003eCheveux\u003c\/h3\u003e\n          \u003cp\u003eAppliquez sur les longueurs et pointes 30 minutes avant le shampooing, ou une petite touche sur pointes sèches après coiffage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-step\"\u003e\n        \u003cdiv class=\"soi-coco-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-coco-step-content\"\u003e\n          \u003ch3\u003eVisage\u003c\/h3\u003e\n          \u003cp\u003eLe soir, une micro-dose suffit pour démaquiller ou nourrir le contour des yeux. Évitez en journée si votre peau est mixte à grasse.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-step\"\u003e\n        \u003cdiv class=\"soi-coco-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-coco-step-content\"\u003e\n          \u003ch3\u003eRasage\u003c\/h3\u003e\n          \u003cp\u003eQuelques gouttes sur la zone à raser réduisent les tiraillements et laissent la peau lisse après le passage du rasoir.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Composition --\u003e\n  \u003csection class=\"soi-coco-section\"\u003e\n    \u003ch2\u003eComposition de l'huile de coco vierge bio Najel\u003c\/h2\u003e\n    \u003cp class=\"soi-coco-section-intro\"\u003eIngrédient unique : \u003cem\u003eCocos Nucifera (Coconut) Oil\u003c\/em\u003e. C'est tout. Aucun additif, aucun conservateur, aucun parfum ajouté. La certification Cosmos Organic Ecocert garantit une agriculture biologique contrôlée et une transformation respectueuse des matières premières.\u003c\/p\u003e\n    \u003cdiv class=\"soi-coco-compo\"\u003e\n      \u003cdiv class=\"soi-coco-compo-row\"\u003e\n        \u003cspan class=\"soi-coco-compo-label\"\u003eAcide laurique\u003c\/span\u003e\n        \u003cspan class=\"soi-coco-compo-value\"\u003eEnviron 48 à 52 % — actif principal aux propriétés nourrissantes et protectrices\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-compo-row\"\u003e\n        \u003cspan class=\"soi-coco-compo-label\"\u003eAcide myristique\u003c\/span\u003e\n        \u003cspan class=\"soi-coco-compo-value\"\u003eEnviron 18 % — contribue à la texture fondante\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-compo-row\"\u003e\n        \u003cspan class=\"soi-coco-compo-label\"\u003eAcide palmitique\u003c\/span\u003e\n        \u003cspan class=\"soi-coco-compo-value\"\u003eEnviron 9 % — soutient l'effet barrière cutané\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 : Pour qui --\u003e\n  \u003csection class=\"soi-coco-section\"\u003e\n    \u003ch2\u003ePour qui est faite cette huile de coco bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-coco-grid\"\u003e\n      \u003cdiv class=\"soi-coco-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n        \u003cp\u003eElle convient aux peaux sensibles, aux enfants (hors nourrissons sans avis médical) et aux femmes enceintes pour prévenir l'apparence des vergetures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-card\"\u003e\n        \u003ch3\u003e⚠️ Peaux acnéiques\u003c\/h3\u003e\n        \u003cp\u003eSi vous avez une peau acnéique, réservez-la plutôt au corps et aux cheveux, car l'huile de coco est comédogène pour certains types de peaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 : Pourquoi choisir Najel --\u003e\n  \u003csection class=\"soi-coco-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'huile de coco bio Najel plutôt qu'une autre ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-coco-grid\"\u003e\n      \u003cdiv class=\"soi-coco-card\"\u003e\n        \u003ch3\u003e🏅 Cosmos Organic Ecocert\u003c\/h3\u003e\n        \u003cp\u003eGage de traçabilité et de qualité indépendante pour une huile végétale bio contrôlée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-card\"\u003e\n        \u003ch3\u003e❄️ Première pression à froid\u003c\/h3\u003e\n        \u003cp\u003eAucune chaleur excessive, tous les actifs préservés pour une huile vivante et riche en nutriments.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-card\"\u003e\n        \u003ch3\u003e🥥 Texture naturelle\u003c\/h3\u003e\n        \u003cp\u003eSolide naturellement sous 25 °C, sans aucun additif stabilisateur. Juste de l'huile de coco, pure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-card\"\u003e\n        \u003ch3\u003e🌿 Marque Najel\u003c\/h3\u003e\n        \u003cp\u003eRéférence reconnue dans les soins naturels et bio depuis des décennies.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-coco-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-coco-cta-box\"\u003e\n      \u003cp class=\"soi-coco-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-coco-cta-text\" style=\"color: white;\"\u003eDouce, pure et polyvalente, l'huile de coco bio vierge Najel s'invite dans toute votre routine beauté. Pour une peau nourrie, des cheveux soyeux et un soin du visage naturel, sans compromis sur la qualité ni sur l'authenticité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  \/* === Couleurs Soinat (FIXES) === *\/\n  --soi-coco-marine: #1A2D3D;\n  --soi-coco-marine-dark: #0F1E2B;\n  --soi-coco-marine-light: #2C4458;\n  --soi-coco-pomme: #A1C544;\n  --soi-coco-pomme-dark: #84A636;\n  --soi-coco-pomme-light: rgba(161,197,68,0.10);\n\n  \/* === Neutres Soinat === *\/\n  --soi-coco-white: #FFFFFF;\n  --soi-coco-off-white: #F8FAF6;\n  --soi-coco-stone: #F1F3EE;\n  --soi-coco-line: #E5E8E0;\n\n  \/* === Couleurs dynamiques (packaging : or\/sable, brun chocolat, crème) === *\/\n  --soi-coco-primary: #C4A265;\n  --soi-coco-primary-soft: #E8D5B0;\n  --soi-coco-accent: #5C3D2E;\n\n  \/* === Textes === *\/\n  --soi-coco-text: #1A2D3D;\n  --soi-coco-text-soft: #4A5B6B;\n  --soi-coco-text-muted: #7B8693;\n\n  \/* === Effets === *\/\n  --soi-coco-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-coco-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-coco-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-coco-radius: 12px;\n  --soi-coco-radius-sm: 8px;\n  --soi-coco-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-coco-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-coco-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-coco-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-coco-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-coco-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-coco-hero {\n  position: relative;\n  background: var(--soi-coco-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-coco-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-coco-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-coco-pomme);\n}\n\n.soi-coco-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-coco-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-coco-pomme);\n  border-radius: 50%;\n}\n\n.soi-coco-hero-title {\n  display: block;\n  color: var(--soi-coco-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-coco-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-coco-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-coco-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-coco-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-coco-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-coco-label-accent {\n  background: var(--soi-coco-pomme);\n  border-color: var(--soi-coco-pomme);\n  color: var(--soi-coco-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-coco-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-coco-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-coco-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-coco-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-coco-pomme);\n  border-radius: 2px;\n}\n\n.soi-coco-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-coco-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-coco-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-coco-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-coco-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-coco-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-coco-benefit {\n  background: var(--soi-coco-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-coco-radius);\n  border: 1px solid var(--soi-coco-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-coco-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-coco-shadow-md);\n}\n\n.soi-coco-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-coco-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-coco-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-coco-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-coco-benefit:hover .soi-coco-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-coco-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-coco-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-coco-benefit p {\n  font-size: 13px;\n  color: var(--soi-coco-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-coco-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-coco-card {\n  background: var(--soi-coco-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-coco-radius);\n  border-left: 3px solid var(--soi-coco-pomme);\n}\n\n.soi-coco-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-coco-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-coco-card p {\n  font-size: 14px;\n  color: var(--soi-coco-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-coco-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-coco-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-coco-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-coco-radius);\n  border: 1px solid var(--soi-coco-line);\n  align-items: flex-start;\n}\n\n.soi-coco-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-coco-marine);\n  color: var(--soi-coco-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-coco-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-coco-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-coco-step-content p {\n  font-size: 14px;\n  color: var(--soi-coco-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-coco-compo {\n  background: var(--soi-coco-off-white);\n  border-radius: var(--soi-coco-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-coco-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-coco-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-coco-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-coco-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-coco-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-coco-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-coco-marine);\n  text-align: right;\n}\n\n\/* === CTA BOX === *\/\n.soi-coco-cta-box {\n  background: var(--soi-coco-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-coco-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-coco-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-coco-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-coco-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-coco-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-coco-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 500;\n  color: var(--soi-coco-white);\n  line-height: 1.5;\n  margin: 0;\n  max-width: 620px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-coco-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-coco-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-coco-compo-value {\n    text-align: left;\n  }\n\n  .soi-coco-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-coco-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-coco-fiche {\n    --soi-coco-text-soft: #2C3E50;\n    --soi-coco-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603638608202,"sku":"NJ0210","price":6.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/najel_nj0210_huile_coco_349785ab-7b9d-4daa-b062-80d976b703e5.jpg?v=1778843259","url":"https:\/\/www.soinature.com\/products\/huile-de-coco-certifiee-bio-najel","provider":"Soinature","version":"1.0","type":"link"}