{"product_id":"huile-de-coco-bio-100-g-najel","title":"Huile de Coco bio - 100 g - Najel","description":"\u003cdiv class=\"hc-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"hc-hero\"\u003e\n\u003cdiv class=\"hc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hc-hero-content\"\u003e\n\u003cdiv class=\"hc-badges-top\"\u003e\n\u003cspan class=\"hc-badge\"\u003e🌴 100% naturelle\u003c\/span\u003e \u003cspan class=\"hc-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"hc-badge\"\u003e✨ Multi-usages\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"hc-hero-title\"\u003eHuile de Coco Bio\u003c\/span\u003e\n\u003cp class=\"hc-subtitle\"\u003eLe trésor tropical pour votre peau et vos cheveux\u003c\/p\u003e\n\u003cp class=\"hc-description\"\u003ePure, pressée à froid et certifiée bio. Un seul produit pour nourrir, protéger et sublimer l'ensemble de votre corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003ePourquoi l'huile de coco bio est-elle si prisée ?\u003c\/h2\u003e\n\u003cp class=\"hc-section-intro\"\u003eUne composition exceptionnelle qui en fait l'une des huiles végétales les plus complètes au monde.\u003c\/p\u003e\n\u003cdiv class=\"hc-grid\"\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🥥 Acide laurique (~50%)\u003c\/h3\u003e\n\u003cp\u003eCet acide gras aux propriétés remarquables aide à maintenir l'équilibre naturel de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e💧 Acides gras essentiels\u003c\/h3\u003e\n\u003cp\u003eForment un film protecteur qui limite la perte d'hydratation cutanée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🌟 Vitamine E naturelle\u003c\/h3\u003e\n\u003cp\u003eAntioxydant reconnu qui contribue à préserver la jeunesse de votre peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-tip\"\u003e\n\u003cspan class=\"hc-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eContrairement aux huiles raffinées, cette huile pressée à froid n'a subi aucun traitement chimique. Vous bénéficiez de tous ses bienfaits dans leur forme la plus pure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eL'huile de coco sur les cheveux : un soin profond et réparateur\u003c\/h2\u003e\n\u003cp class=\"hc-section-intro\"\u003eCheveux secs, abîmés ou difficiles à coiffer ? Découvrez pourquoi elle fait des merveilles sur la fibre capillaire.\u003c\/p\u003e\n\u003cdiv class=\"hc-grid\"\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🔬 Pénétration en profondeur\u003c\/h3\u003e\n\u003cp\u003eContrairement à d'autres huiles qui restent en surface, elle nourrit véritablement de l'intérieur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🛡️ Protection contre les agressions\u003c\/h3\u003e\n\u003cp\u003eChaleur du sèche-cheveux, soleil, eau de mer... vos cheveux sont mieux armés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e✨ Brillance naturelle\u003c\/h3\u003e\n\u003cp\u003eFini les cheveux ternes, ils retrouvent tout leur éclat et leur vitalité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🪮 Démêlage facilité\u003c\/h3\u003e\n\u003cp\u003eLes nœuds se défont plus aisément, sans casser ni fragiliser la fibre\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline\"\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003ePrélevez une noisette d'huile\u003c\/h3\u003e\n\u003cp\u003eElle se liquéfie au contact de la chaleur de vos mains\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003eAppliquez sur longueurs et pointes\u003c\/h3\u003e\n\u003cp\u003eMassez délicatement pour bien répartir le soin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003eLaissez poser 30 min à toute une nuit\u003c\/h3\u003e\n\u003cp\u003ePour un soin intensif, optez pour la pose nocturne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003eLavez avec votre shampoing habituel\u003c\/h3\u003e\n\u003cp\u003eRépétez une fois par semaine pour des résultats optimaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-tip\"\u003e\n\u003cspan class=\"hc-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce anti-frisottis :\u003c\/strong\u003e appliquez une infime quantité sur cheveux secs pour dompter les frisottis sans alourdir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eUn soin nourrissant pour le visage et le corps\u003c\/h2\u003e\n\u003cp class=\"hc-section-intro\"\u003eUne huile polyvalente qui s'adapte à toutes les zones qui réclament nutrition et douceur.\u003c\/p\u003e\n\u003cdiv class=\"hc-dual-grid\"\u003e\n\u003cdiv class=\"hc-dual-card\"\u003e\n\u003cdiv class=\"hc-dual-header\"\u003e\n\u003cspan class=\"hc-dual-icon\"\u003e🌸\u003c\/span\u003e\n\u003ch3\u003ePour le visage\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cul class=\"hc-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eDémaquillant naturel\u003c\/strong\u003e – Dissout même le maquillage waterproof tout en nourrissant\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoin de nuit\u003c\/strong\u003e – Une fine couche pour une peau souple et repulpée au réveil\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBaume à lèvres\u003c\/strong\u003e – Parfait pour réparer les lèvres gercées en hiver\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-dual-card\"\u003e\n\u003cdiv class=\"hc-dual-header\"\u003e\n\u003cspan class=\"hc-dual-icon\"\u003e🧴\u003c\/span\u003e\n\u003ch3\u003ePour le corps\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cul class=\"hc-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation après la douche\u003c\/strong\u003e – Pénètre rapidement sur peau humide\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoin zones très sèches\u003c\/strong\u003e – Coudes, talons, genoux retrouvent leur souplesse\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile de massage\u003c\/strong\u003e – Texture fondante et parfum délicat de coco\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-tip\"\u003e\n\u003cspan class=\"hc-tip-icon\"\u003e💆\u003c\/span\u003e\n\u003cp\u003eLes peaux sensibles et réactives l'apprécient particulièrement pour ses propriétés apaisantes naturelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eLa certification Cosmos Organic : une garantie de qualité\u003c\/h2\u003e\n\u003cp class=\"hc-section-intro\"\u003eLe label Cosmos Organic n'est pas qu'un simple logo. C'est l'assurance d'un produit d'exception.\u003c\/p\u003e\n\u003cdiv class=\"hc-grid-compact\"\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🌱 Origine biologique\u003c\/h3\u003e\n\u003cp\u003eIngrédients certifiés bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🚫 Sans substances controversées\u003c\/h3\u003e\n\u003cp\u003eParabènes, silicones... exclus\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🌍 Fabrication éco-responsable\u003c\/h3\u003e\n\u003cp\u003eProcessus respectueux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e📋 Traçabilité complète\u003c\/h3\u003e\n\u003cp\u003eDu champ au pot\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eComposition\u003cspan class=\"hc-composition-icon\"\u003e\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"hc-composition-box\"\u003e\n\u003cdiv class=\"hc-composition-header\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"hc-composition-inci\"\u003e\u003cstrong\u003e🥥 INCI :\u003c\/strong\u003e Cocos Nucifera Oil*\u003c\/p\u003e\n\u003cp class=\"hc-composition-note\"\u003e*Ingrédient issu de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-composition-badge\"\u003e\n\u003cspan\u003e100% d'origine naturelle\u003c\/span\u003e \u003cspan\u003e100% des ingrédients végétaux issus de l'agriculture biologique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et conservation\u003c\/h2\u003e\n\u003cp class=\"hc-section-intro\"\u003eL'huile de coco se solidifie en dessous de 25°C. C'est parfaitement normal et ne diminue en rien ses qualités.\u003c\/p\u003e\n\u003cdiv class=\"hc-timeline\"\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003ePrélevez la quantité souhaitée\u003c\/h3\u003e\n\u003cp\u003eUtilisez une spatule propre pour préserver l'hygiène du produit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003eRéchauffez entre vos paumes\u003c\/h3\u003e\n\u003cp\u003eL'huile fond instantanément au contact de la chaleur corporelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003eAppliquez sur la zone à traiter\u003c\/h3\u003e\n\u003cp\u003eMassez délicatement pour favoriser la pénétration\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-accordion\"\u003e\n\u003cdetails class=\"hc-accordion-item\"\u003e\n\u003csummary class=\"hc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"hc-accordion-content\"\u003e\n\u003cp\u003eGardez le pot à l'abri de la lumière directe et de l'humidité. Bien refermé, il se conserve plusieurs mois sans problème.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse cette huile de coco bio ?\u003c\/h2\u003e\n\u003cdiv class=\"hc-grid\"\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🏜️ Peau sèche ou déshydratée\u003c\/h3\u003e\n\u003cp\u003eNutrition intense pour retrouver confort et souplesse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e💇 Cheveux secs ou ternes\u003c\/h3\u003e\n\u003cp\u003eRéparation profonde et brillance retrouvée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🎯 Adeptes du minimalisme\u003c\/h3\u003e\n\u003cp\u003eUn seul produit multi-usages pour simplifier votre routine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🌿 Amateurs de naturel\u003c\/h3\u003e\n\u003cp\u003eSoins certifiés bio et composition irréprochable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-tip\"\u003e\n\u003cspan class=\"hc-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e si vous avez une peau à tendance acnéique, testez d'abord sur une petite zone car l'huile de coco peut être comédogène pour certains types de peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"hc-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eNajel : l'expertise des soins naturels depuis 1895\u003c\/h2\u003e\n\u003cdiv class=\"hc-testimonial\"\u003e\n\u003cp class=\"hc-testimonial-text\"\u003eLa maison Najel perpétue depuis plus d'un siècle un savoir-faire unique dans la fabrication de produits de soin naturels. Connue mondialement pour son authentique savon d'Alep, la marque propose une gamme complète d'huiles végétales biologiques, toutes sélectionnées avec le même souci d'excellence et de pureté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-cta-box\"\u003e\n\u003cp\u003e🥥 \u003cstrong\u003e100 g\u003c\/strong\u003e de pur trésor tropical pour sublimer votre peau et vos cheveux au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"hc-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  \/* Couleurs principales *\/\n  --hc-cream: #FDF8F3;\n  --hc-white: #ffffff;\n  --hc-primary: #C9A86C;\n  --hc-primary-dark: #4A3D35;\n  --hc-primary-light: #F5EDE0;\n  --hc-secondary: #8B7355;\n  --hc-accent: #E8D5B5;\n\n  \/* Textes *\/\n  --hc-text: #1a1a1a;\n  --hc-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --hc-border: #e0e0e0;\n  --hc-shadow: 0 4px 24px rgba(74,61,53,.08);\n  --hc-shadow-lg: 0 12px 48px rgba(74,61,53,.15);\n  --hc-radius: 20px;\n  --hc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.hc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--hc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #C9A86C 0%, #A88B5A 50%, #4A3D35 100%);\n  border-radius: var(--hc-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--hc-shadow-lg);\n}\n\n.hc-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 C35 15, 45 20, 55 20 C45 25, 35 35, 30 55 C25 35, 15 25, 5 20 C15 20, 25 15, 30 5Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.hc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.hc-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.hc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.hc-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--hc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.hc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.hc-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.hc-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.hc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--hc-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.hc-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--hc-primary), var(--hc-secondary));\n  border-radius: 2px;\n}\n\n.hc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--hc-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.hc-card {\n  background: var(--hc-white);\n  border-radius: var(--hc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--hc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.hc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--hc-shadow-lg);\n  border-color: var(--hc-primary);\n}\n\n.hc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--hc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.hc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--hc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.hc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.hc-grid-compact .hc-card {\n  padding: 1rem;\n}\n\n.hc-grid-compact .hc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.hc-grid-compact .hc-card p {\n  font-size: 12px;\n}\n\n\/* === DUAL GRID (visage\/corps) === *\/\n.hc-dual-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.hc-dual-card {\n  background: var(--hc-white);\n  border-radius: var(--hc-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--hc-shadow);\n}\n\n.hc-dual-header {\n  display: flex;\n  align-items: center;\n  gap: .75rem;\n  margin-bottom: 1rem;\n  padding-bottom: .75rem;\n  border-bottom: 2px solid var(--hc-primary-light);\n}\n\n.hc-dual-icon {\n  font-size: 28px;\n}\n\n.hc-dual-header h3 {\n  font-size: clamp(16px, 2.5vw, 20px);\n  font-weight: 800;\n  color: var(--hc-primary-dark);\n  margin: 0;\n}\n\n.hc-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.hc-list li {\n  padding: .625rem 0;\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--hc-text-light);\n  line-height: 1.6;\n  border-bottom: 1px solid var(--hc-border);\n}\n\n.hc-list li:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n\n.hc-list li strong {\n  color: var(--hc-primary-dark);\n}\n\n\/* === TIMELINE === *\/\n.hc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-top: 1.5rem;\n}\n\n.hc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.hc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--hc-primary), var(--hc-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.hc-timeline-content {\n  flex: 1;\n  background: var(--hc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--hc-radius-sm);\n  box-shadow: var(--hc-shadow);\n}\n\n.hc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--hc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.hc-timeline-content p {\n  font-size: 14px;\n  color: var(--hc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.hc-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--hc-primary-light);\n  border-radius: var(--hc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.hc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.hc-tip p {\n  font-size: 14px;\n  color: var(--hc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.hc-composition-box {\n  background: var(--hc-white);\n  border-radius: var(--hc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--hc-shadow);\n  border: 2px solid var(--hc-primary);\n}\n\n.hc-composition-header {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.hc-composition-icon {\n  font-size: 48px;\n}\n\n.hc-composition-inci {\n  font-size: clamp(16px, 2.5vw, 20px);\n  color: var(--hc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.hc-composition-note {\n  font-size: 14px;\n  color: var(--hc-text-light);\n  font-style: italic;\n  margin: 0;\n}\n\n.hc-composition-badge {\n  display: flex;\n  flex-wrap: wrap;\n  gap: .5rem;\n}\n\n.hc-composition-badge span {\n  background: var(--hc-primary-light);\n  padding: .5rem 1rem;\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--hc-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.hc-accordion {\n  background: var(--hc-white);\n  border-radius: var(--hc-radius);\n  box-shadow: var(--hc-shadow);\n  overflow: hidden;\n  margin-top: 1.25rem;\n}\n\n.hc-accordion-item {\n  border-bottom: 1px solid var(--hc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.hc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.hc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--hc-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.hc-accordion-header:hover {\n  background: var(--hc-primary-light);\n}\n\n.hc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.hc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--hc-primary);\n  transition: transform .2s ease;\n}\n\n.hc-accordion-item[open] .hc-accordion-header::after {\n  content: '−';\n}\n\n.hc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--hc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.hc-accordion-content p {\n  margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.hc-testimonial {\n  background: var(--hc-white);\n  border-radius: var(--hc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--hc-shadow);\n  border-left: 4px solid var(--hc-primary);\n  margin-bottom: 1.5rem;\n}\n\n.hc-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--hc-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.hc-cta-box {\n  background: linear-gradient(135deg, var(--hc-primary) 0%, var(--hc-primary-dark) 100%);\n  border-radius: var(--hc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.hc-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.hc-disclaimer {\n  font-size: 12px;\n  color: var(--hc-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .hc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .hc-card {\n    padding: 1.125rem;\n  }\n  \n  .hc-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .hc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--hc-radius-sm);\n  }\n  \n  .hc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .hc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .hc-grid-compact {\n    gap: .625rem;\n  }\n  \n  .hc-grid-compact .hc-card {\n    padding: .75rem;\n  }\n  \n  .hc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .hc-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .hc-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .hc-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .hc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .hc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .hc-testimonial {\n    padding: 1.25rem;\n  }\n  \n  .hc-testimonial-text {\n    font-size: 14px;\n  }\n  \n  .hc-dual-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .hc-dual-card {\n    padding: 1.25rem;\n  }\n  \n  .hc-composition-header {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .hc-composition-badge {\n    justify-content: center;\n  }\n  \n  .hc-composition-badge span {\n    font-size: 12px;\n    padding: .4rem .75rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .hc-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .hc-card:nth-child(1) { animation-delay: .05s; }\n  .hc-card:nth-child(2) { animation-delay: .1s; }\n  .hc-card:nth-child(3) { animation-delay: .15s; }\n  .hc-card:nth-child(4) { animation-delay: .2s; }\n  .hc-card:nth-child(5) { animation-delay: .25s; }\n  .hc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .hc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54931012485497,"sku":"NJ0210","price":7.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-coco-bio-100-g-najel-lifestyle.webp?v=1769156040","url":"https:\/\/www.naturellement-bio.com\/products\/huile-de-coco-bio-100-g-najel","provider":"Naturellement Bio","version":"1.0","type":"link"}