{"product_id":"huile-vierge-avocat-bio-equitable-50ml-emma-noel","title":"Huile vierge d'avocat bio équitable - 50 mL - Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile vierge d'avocat bio équitable - 50 mL - Emma Noël\nPalette détectée:\n  - Primaire: #4A7C59 (vert avocat naturel, évoquant le fruit et le bio)\n  - Secondaire: #8B7355 (brun terre\/noyau d'avocat, chaleur équitable)\n  - Accent: #D4A84B (doré\/jaune huile, richesse et qualité premium)\nAmbiance: Naturel\/bio, éthique\/équitable, douceur féminine, cosmétique végétale premium\nPréfixe CSS: avo\n--\u003e\n\u003cdiv class=\"avo-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"avo-hero\"\u003e\n\u003cdiv class=\"avo-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"avo-hero-content\"\u003e\n\u003cdiv class=\"avo-badges-top\"\u003e\n\u003cspan class=\"avo-badge\"\u003e🥑 100% avocat bio\u003c\/span\u003e \u003cspan class=\"avo-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e \u003cspan class=\"avo-badge\"\u003e🌿 Pression à froid\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"avo-hero-title\"\u003eHuile vierge d'avocat bio équitable\u003c\/span\u003e\n\u003cp class=\"avo-subtitle\"\u003eL'élixir de beauté aux mille vertus\u003c\/p\u003e\n\u003cp class=\"avo-description\"\u003eUn trésor végétal venu d'Afrique, extrait par première pression à froid pour préserver toute sa richesse naturelle. Visage, corps, cheveux : un soin complet pour toute la famille.\u003c\/p\u003e\n\u003cdiv class=\"avo-hero-info\"\u003e\n\u003cspan class=\"avo-hero-badge\"\u003e50 mL\u003c\/span\u003e \u003cspan class=\"avo-hero-badge\"\u003eEmma Noël\u003c\/span\u003e \u003cspan class=\"avo-hero-badge\"\u003eOrigine Afrique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- RICHESSE NUTRITIVE --\u003e\n\u003csection class=\"avo-section\"\u003e\n\u003ch2\u003e🌟 Une richesse exceptionnelle\u003c\/h2\u003e\n\u003cdiv class=\"avo-grid\"\u003e\n\u003cdiv class=\"avo-card avo-nutrient\"\u003e\n\u003cdiv class=\"avo-nutrient-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eAcides gras essentiels\u003c\/h3\u003e\n\u003cp\u003eNourrissent intensément et renforcent la barrière cutanée pour une hydratation longue durée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avo-card avo-nutrient\"\u003e\n\u003cdiv class=\"avo-nutrient-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eVitamines A, D \u0026amp; E\u003c\/h3\u003e\n\u003cp\u003eUn cocktail vitaminé qui régénère, protège et revitalise la peau en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avo-card avo-nutrient\"\u003e\n\u003cdiv class=\"avo-nutrient-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eAntioxydants naturels\u003c\/h3\u003e\n\u003cp\u003eCombattent les radicaux libres et ralentissent les signes visibles du vieillissement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BIENFAITS --\u003e\n\u003csection class=\"avo-section\"\u003e\n\u003ch2\u003e🥑 Les bienfaits pour votre peau\u003c\/h2\u003e\n\u003cdiv class=\"avo-benefits-grid\"\u003e\n\u003cdiv class=\"avo-benefit-card\"\u003e\n\u003cdiv class=\"avo-benefit-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"avo-benefit-content\"\u003e\n\u003ch3\u003eHydratation intense\u003c\/h3\u003e\n\u003cp\u003ePénètre rapidement pour nourrir en profondeur sans effet gras\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avo-benefit-card\"\u003e\n\u003cdiv class=\"avo-benefit-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"avo-benefit-content\"\u003e\n\u003ch3\u003eProtection renforcée\u003c\/h3\u003e\n\u003cp\u003eBouclier naturel contre la pollution et les rayons UV\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avo-benefit-card\"\u003e\n\u003cdiv class=\"avo-benefit-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"avo-benefit-content\"\u003e\n\u003ch3\u003eAction anti-âge\u003c\/h3\u003e\n\u003cp\u003eRéduit visiblement rides et ridules pour une peau plus ferme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avo-benefit-card\"\u003e\n\u003cdiv class=\"avo-benefit-number\"\u003e04\u003c\/div\u003e\n\u003cdiv class=\"avo-benefit-content\"\u003e\n\u003ch3\u003eÉquilibre du sébum\u003c\/h3\u003e\n\u003cp\u003eNon comédogène, convient aussi aux peaux grasses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"avo-section\"\u003e\n\u003ch2\u003e🌱 Composition pure et simple\u003c\/h2\u003e\n\u003cdiv class=\"avo-composition-box\"\u003e\n\u003cdiv class=\"avo-composition-icon\"\u003e🥑\u003c\/div\u003e\n\u003cdiv class=\"avo-composition-content\"\u003e\n\u003cspan class=\"avo-composition-percent\"\u003e100%\u003c\/span\u003e\n\u003ch3\u003eHuile vierge d'avocat biologique\u003c\/h3\u003e\n\u003cp\u003eIssue du commerce équitable • Première pression à froid • Sans additif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avo-composition-badges\"\u003e\n\u003cspan class=\"avo-comp-badge\"\u003e🌿 Bio certifié\u003c\/span\u003e \u003cspan class=\"avo-comp-badge\"\u003e🤝 Équitable\u003c\/span\u003e \u003cspan class=\"avo-comp-badge\"\u003e🇫🇷 Emma Noël\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"avo-section\"\u003e\n\u003ch2\u003e💆 Comment l'utiliser ?\u003c\/h2\u003e\n\u003cdiv class=\"avo-usage-grid\"\u003e\n\u003cdiv class=\"avo-usage-card\"\u003e\n\u003cdiv class=\"avo-usage-header\"\u003e\n\u003cspan class=\"avo-usage-emoji\"\u003e👩\u003c\/span\u003e\n\u003ch3\u003eSoin du visage\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003eAppliquez quelques gouttes sur une peau propre et sèche, en massant délicatement du centre vers l'extérieur pour une hydratation maximale.\u003c\/p\u003e\n\u003cspan class=\"avo-usage-tip\"\u003e💡 Idéal matin et soir\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avo-usage-card\"\u003e\n\u003cdiv class=\"avo-usage-header\"\u003e\n\u003cspan class=\"avo-usage-emoji\"\u003e💇\u003c\/span\u003e\n\u003ch3\u003eSoin des cheveux\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003eUtilisez-la en masque capillaire avant le shampooing pour revitaliser vos cheveux secs et abîmés. Laissez poser 20 à 30 minutes.\u003c\/p\u003e\n\u003cspan class=\"avo-usage-tip\"\u003e💡 1 à 2 fois par semaine\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avo-usage-card\"\u003e\n\u003cdiv class=\"avo-usage-header\"\u003e\n\u003cspan class=\"avo-usage-emoji\"\u003e🧴\u003c\/span\u003e\n\u003ch3\u003eSoin du corps\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003eAjoutez quelques gouttes à votre crème hydratante habituelle ou appliquez pure pour une peau douce et satinée.\u003c\/p\u003e\n\u003cspan class=\"avo-usage-tip\"\u003e💡 Après la douche sur peau humide\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"avo-section\"\u003e\n\u003ch2\u003e👨👩👧👦 Pour toute la famille\u003c\/h2\u003e\n\u003cdiv class=\"avo-profiles-grid\"\u003e\n\u003cdiv class=\"avo-profile\"\u003e\n\u003cspan class=\"avo-profile-emoji\"\u003e👶\u003c\/span\u003e \u003cspan class=\"avo-profile-label\"\u003eBébés*\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avo-profile\"\u003e\n\u003cspan class=\"avo-profile-emoji\"\u003e👧\u003c\/span\u003e \u003cspan class=\"avo-profile-label\"\u003eEnfants\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avo-profile\"\u003e\n\u003cspan class=\"avo-profile-emoji\"\u003e👩\u003c\/span\u003e \u003cspan class=\"avo-profile-label\"\u003eFemmes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avo-profile\"\u003e\n\u003cspan class=\"avo-profile-emoji\"\u003e👨\u003c\/span\u003e \u003cspan class=\"avo-profile-label\"\u003eHommes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avo-profile\"\u003e\n\u003cspan class=\"avo-profile-emoji\"\u003e🤰\u003c\/span\u003e \u003cspan class=\"avo-profile-label\"\u003eFemmes enceintes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avo-profile\"\u003e\n\u003cspan class=\"avo-profile-emoji\"\u003e👴\u003c\/span\u003e \u003cspan class=\"avo-profile-label\"\u003eSeniors\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"avo-profile-note\"\u003e*Demander conseil à un professionnel de santé pour les très jeunes enfants\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- TYPES DE PEAU --\u003e\n\u003csection class=\"avo-section\"\u003e\n\u003ch2\u003e✅ Convient à tous les types de peau\u003c\/h2\u003e\n\u003cdiv class=\"avo-skin-grid\"\u003e\n\u003cdiv class=\"avo-skin-card\"\u003e\n\u003cspan class=\"avo-skin-icon\"\u003e💧\u003c\/span\u003e \u003cspan class=\"avo-skin-type\"\u003ePeau sèche\u003c\/span\u003e \u003cspan class=\"avo-skin-check\"\u003e✓\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avo-skin-card\"\u003e\n\u003cspan class=\"avo-skin-icon\"\u003e✨\u003c\/span\u003e \u003cspan class=\"avo-skin-type\"\u003ePeau normale\u003c\/span\u003e \u003cspan class=\"avo-skin-check\"\u003e✓\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avo-skin-card\"\u003e\n\u003cspan class=\"avo-skin-icon\"\u003e🌊\u003c\/span\u003e \u003cspan class=\"avo-skin-type\"\u003ePeau grasse\u003c\/span\u003e \u003cspan class=\"avo-skin-check\"\u003e✓\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avo-skin-card\"\u003e\n\u003cspan class=\"avo-skin-icon\"\u003e🌸\u003c\/span\u003e \u003cspan class=\"avo-skin-type\"\u003ePeau sensible\u003c\/span\u003e \u003cspan class=\"avo-skin-check\"\u003e✓\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avo-skin-card\"\u003e\n\u003cspan class=\"avo-skin-icon\"\u003e🕐\u003c\/span\u003e \u003cspan class=\"avo-skin-type\"\u003ePeau mature\u003c\/span\u003e \u003cspan class=\"avo-skin-check\"\u003e✓\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avo-skin-card\"\u003e\n\u003cspan class=\"avo-skin-icon\"\u003e🔀\u003c\/span\u003e \u003cspan class=\"avo-skin-type\"\u003ePeau mixte\u003c\/span\u003e \u003cspan class=\"avo-skin-check\"\u003e✓\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"avo-section\"\u003e\n\u003ch2\u003e⚠️ Précautions et conservation\u003c\/h2\u003e\n\u003cdiv class=\"avo-precautions-box\"\u003e\n\u003cdiv class=\"avo-precaution-item\"\u003e\n\u003cspan class=\"avo-precaution-icon\"\u003e🧪\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eTest cutané recommandé\u003c\/strong\u003e\n\u003cp\u003eAppliquez une petite quantité au creux du coude 24h avant la première utilisation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avo-precaution-item\"\u003e\n\u003cspan class=\"avo-precaution-icon\"\u003e🌡️\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eConservation optimale\u003c\/strong\u003e\n\u003cp\u003eÀ l'abri de la lumière et de la chaleur pour préserver toutes ses qualités\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avo-precaution-item\"\u003e\n\u003cspan class=\"avo-precaution-icon\"\u003e👶\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eJeunes enfants\u003c\/strong\u003e\n\u003cp\u003eConsulter un professionnel de santé avant utilisation sur les tout-petits\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"avo-section\"\u003e\n\u003ch2\u003e📋 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"avo-info-grid\"\u003e\n\u003cdiv class=\"avo-info-item\"\u003e\n\u003cspan class=\"avo-info-icon\"\u003e📦\u003c\/span\u003e \u003cspan class=\"avo-info-label\"\u003eContenance\u003c\/span\u003e \u003cspan class=\"avo-info-value\"\u003e50 mL\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avo-info-item\"\u003e\n\u003cspan class=\"avo-info-icon\"\u003e🏭\u003c\/span\u003e \u003cspan class=\"avo-info-label\"\u003eMarque\u003c\/span\u003e \u003cspan class=\"avo-info-value\"\u003eEmma Noël\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avo-info-item\"\u003e\n\u003cspan class=\"avo-info-icon\"\u003e🌍\u003c\/span\u003e \u003cspan class=\"avo-info-label\"\u003eOrigine\u003c\/span\u003e \u003cspan class=\"avo-info-value\"\u003eAfrique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avo-info-item\"\u003e\n\u003cspan class=\"avo-info-icon\"\u003e⚙️\u003c\/span\u003e \u003cspan class=\"avo-info-label\"\u003eExtraction\u003c\/span\u003e \u003cspan class=\"avo-info-value\"\u003ePression à froid\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avo-info-item\"\u003e\n\u003cspan class=\"avo-info-icon\"\u003e🌿\u003c\/span\u003e \u003cspan class=\"avo-info-label\"\u003eCertification\u003c\/span\u003e \u003cspan class=\"avo-info-value\"\u003eBio \u0026amp; Équitable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avo-info-item\"\u003e\n\u003cspan class=\"avo-info-icon\"\u003e🔢\u003c\/span\u003e \u003cspan class=\"avo-info-label\"\u003eRéférence\u003c\/span\u003e \u003cspan class=\"avo-info-value\"\u003eAIEMM0032\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"avo-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"avo-cta-box\"\u003e\n\u003cdiv class=\"avo-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"avo-cta-content\"\u003e\n\u003cspan class=\"avo-cta-emoji\"\u003e🥑\u003c\/span\u003e\n\u003cp\u003eOffrez à votre peau le meilleur de la nature avec cette huile d'avocat bio, éthique et polyvalente. Un seul flacon pour le visage, les cheveux et le corps de toute la famille.\u003c\/p\u003e\n\u003cdiv class=\"avo-cta-badges\"\u003e\n\u003cspan class=\"avo-cta-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"avo-cta-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e \u003cspan class=\"avo-cta-badge\"\u003e💚 Multi-usages\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  \/* Couleurs principales *\/\n  --avo-cream: #faf8f5;\n  --avo-white: #ffffff;\n  --avo-primary: #4A7C59;\n  --avo-primary-dark: #3a6247;\n  --avo-primary-light: #e8f0ea;\n  --avo-secondary: #8B7355;\n  --avo-secondary-light: #f5f0eb;\n  --avo-accent: #D4A84B;\n  --avo-accent-light: #fdf6e8;\n\n  \/* Textes *\/\n  --avo-text: #1a1a1a;\n  --avo-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --avo-border: #e8e4df;\n  --avo-shadow: 0 4px 24px rgba(74, 124, 89, .08);\n  --avo-shadow-lg: 0 12px 48px rgba(74, 124, 89, .15);\n  --avo-radius: 20px;\n  --avo-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.avo-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--avo-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--avo-text);\n  line-height: 1.6;\n}\n\n.avo-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.avo-hero {\n  position: relative;\n  background: linear-gradient(135deg, #4A7C59 0%, #5d9a6e 40%, #8B7355 100%);\n  border-radius: var(--avo-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--avo-shadow-lg);\n}\n\n.avo-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 20% 80%, rgba(212, 168, 75, .15) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(255, 255, 255, .1) 0%, transparent 40%),\n    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 5c8 0 15 12 15 25s-7 25-15 25-15-12-15-25S22 5 30 5z' fill='%23fff' fill-opacity='.03'\/%3E%3C\/svg%3E\");\n  opacity: 1;\n}\n\n.avo-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.avo-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.avo-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 10px 18px;\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(--avo-primary-dark);\n  box-shadow: 0 4px 16px rgba(0, 0, 0, .1);\n  transition: all .3s ease;\n}\n\n.avo-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 6px 20px rgba(0, 0, 0, .15);\n}\n\n.avo-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 6vw, 48px);\n  font-weight: 900;\n  margin: 0 0 .75rem 0;\n  letter-spacing: -.03em;\n  text-shadow: 0 4px 20px rgba(0, 0, 0, .2);\n  line-height: 1.1;\n}\n\n.avo-subtitle {\n  color: rgba(255, 255, 255, .95);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 10px rgba(0, 0, 0, .15);\n}\n\n.avo-description {\n  color: rgba(255, 255, 255, .9);\n  font-size: clamp(15px, 2vw, 18px);\n  max-width: 700px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.7;\n}\n\n.avo-hero-info {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 12px;\n}\n\n.avo-hero-badge {\n  padding: 8px 16px;\n  background: rgba(255, 255, 255, .2);\n  border: 1px solid rgba(255, 255, 255, .3);\n  border-radius: 999px;\n  color: white;\n  font-size: 13px;\n  font-weight: 600;\n  backdrop-filter: blur(10px);\n}\n\n\/* === SECTIONS === *\/\n.avo-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.avo-premium h2 {\n  font-size: clamp(24px, 5vw, 34px);\n  font-weight: 900;\n  color: var(--avo-primary-dark);\n  margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n  text-align: center;\n  letter-spacing: -.02em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.avo-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(--avo-primary), var(--avo-accent));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.avo-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n\/* === CARDS NUTRIMENTS === *\/\n.avo-card {\n  background: var(--avo-white);\n  border-radius: var(--avo-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--avo-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.avo-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--avo-shadow-lg);\n  border-color: var(--avo-primary);\n}\n\n.avo-nutrient {\n  text-align: center;\n}\n\n.avo-nutrient-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.avo-nutrient h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--avo-primary-dark);\n  margin: 0 0 .75rem 0;\n}\n\n.avo-nutrient p {\n  font-size: 15px;\n  color: var(--avo-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === BENEFITS === *\/\n.avo-benefits-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.25rem;\n}\n\n.avo-benefit-card {\n  display: flex;\n  align-items: flex-start;\n  gap: 1.25rem;\n  background: var(--avo-white);\n  border-radius: var(--avo-radius);\n  padding: clamp(1.25rem, 3vw, 1.75rem);\n  box-shadow: var(--avo-shadow);\n  border-left: 4px solid var(--avo-primary);\n  transition: all .3s ease;\n}\n\n.avo-benefit-card:hover {\n  transform: translateX(8px);\n  box-shadow: var(--avo-shadow-lg);\n}\n\n.avo-benefit-number {\n  font-size: 28px;\n  font-weight: 900;\n  color: var(--avo-primary);\n  opacity: .3;\n  line-height: 1;\n}\n\n.avo-benefit-content h3 {\n  font-size: 17px;\n  font-weight: 800;\n  color: var(--avo-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n.avo-benefit-content p {\n  font-size: 14px;\n  color: var(--avo-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === COMPOSITION === *\/\n.avo-composition-box {\n  background: linear-gradient(135deg, var(--avo-primary-light) 0%, var(--avo-accent-light) 100%);\n  border-radius: var(--avo-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  text-align: center;\n  border: 2px solid var(--avo-primary);\n  position: relative;\n  overflow: hidden;\n}\n\n.avo-composition-box::before {\n  content: '';\n  position: absolute;\n  top: -50%; right: -50%;\n  width: 100%; height: 100%;\n  background: radial-gradient(circle, rgba(74, 124, 89, .05) 0%, transparent 70%);\n}\n\n.avo-composition-icon {\n  font-size: 64px;\n  display: block;\n  margin-bottom: 1rem;\n}\n\n.avo-composition-percent {\n  display: inline-block;\n  font-size: clamp(48px, 10vw, 72px);\n  font-weight: 900;\n  color: var(--avo-primary);\n  line-height: 1;\n  margin-bottom: .5rem;\n}\n\n.avo-composition-content h3 {\n  font-size: clamp(20px, 4vw, 26px);\n  font-weight: 800;\n  color: var(--avo-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n.avo-composition-content p {\n  font-size: 15px;\n  color: var(--avo-text-light);\n  margin: 0 0 1.5rem 0;\n}\n\n.avo-composition-badges {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n}\n\n.avo-comp-badge {\n  padding: 8px 16px;\n  background: var(--avo-white);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--avo-primary-dark);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, .08);\n}\n\n\/* === USAGE === *\/\n.avo-usage-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.avo-usage-card {\n  background: var(--avo-white);\n  border-radius: var(--avo-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--avo-shadow);\n  transition: all .3s ease;\n  display: flex;\n  flex-direction: column;\n}\n\n.avo-usage-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--avo-shadow-lg);\n}\n\n.avo-usage-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 1rem;\n}\n\n.avo-usage-emoji {\n  font-size: 36px;\n}\n\n.avo-usage-header h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--avo-primary-dark);\n  margin: 0;\n}\n\n.avo-usage-card p {\n  font-size: 15px;\n  color: var(--avo-text-light);\n  margin: 0 0 1rem 0;\n  flex-grow: 1;\n  line-height: 1.6;\n}\n\n.avo-usage-tip {\n  display: inline-block;\n  padding: 8px 14px;\n  background: var(--avo-accent-light);\n  border-radius: var(--avo-radius-sm);\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--avo-secondary);\n}\n\n\/* === PROFILES === *\/\n.avo-profiles-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n  gap: 1rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.avo-profile {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  padding: 1.5rem 1rem;\n  background: var(--avo-white);\n  border-radius: var(--avo-radius);\n  box-shadow: var(--avo-shadow);\n  transition: all .3s ease;\n}\n\n.avo-profile:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--avo-shadow-lg);\n}\n\n.avo-profile-emoji {\n  font-size: 36px;\n}\n\n.avo-profile-label {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--avo-primary-dark);\n  text-align: center;\n}\n\n.avo-profile-note {\n  text-align: center;\n  font-size: 13px;\n  color: var(--avo-text-light);\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === SKIN TYPES === *\/\n.avo-skin-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n  gap: 1rem;\n}\n\n.avo-skin-card {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  padding: 1.25rem;\n  background: var(--avo-white);\n  border-radius: var(--avo-radius);\n  box-shadow: var(--avo-shadow);\n  position: relative;\n  transition: all .3s ease;\n}\n\n.avo-skin-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--avo-shadow-lg);\n}\n\n.avo-skin-icon {\n  font-size: 28px;\n}\n\n.avo-skin-type {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--avo-text);\n  text-align: center;\n}\n\n.avo-skin-check {\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  width: 24px;\n  height: 24px;\n  background: var(--avo-primary);\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  font-weight: 700;\n}\n\n\/* === PRÉCAUTIONS === *\/\n.avo-precautions-box {\n  background: var(--avo-white);\n  border-radius: var(--avo-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--avo-shadow);\n  border-left: 4px solid var(--avo-accent);\n}\n\n.avo-precaution-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  padding: 1rem 0;\n  border-bottom: 1px solid var(--avo-border);\n}\n\n.avo-precaution-item:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n\n.avo-precaution-item:first-child {\n  padding-top: 0;\n}\n\n.avo-precaution-icon {\n  font-size: 28px;\n  flex-shrink: 0;\n}\n\n.avo-precaution-item strong {\n  display: block;\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--avo-text);\n  margin-bottom: 4px;\n}\n\n.avo-precaution-item p {\n  font-size: 14px;\n  color: var(--avo-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === FAQ === *\/\n.avo-faq {\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.avo-faq-item {\n  background: var(--avo-white);\n  border-radius: var(--avo-radius-sm);\n  margin-bottom: 12px;\n  box-shadow: var(--avo-shadow);\n  overflow: hidden;\n  transition: all .3s ease;\n}\n\n.avo-faq-item[open] {\n  box-shadow: var(--avo-shadow-lg);\n}\n\n.avo-faq-item summary {\n  padding: 1.25rem 1.5rem;\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--avo-primary-dark);\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  transition: all .3s ease;\n}\n\n.avo-faq-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.avo-faq-item summary::after {\n  content: '+';\n  font-size: 24px;\n  font-weight: 300;\n  color: var(--avo-primary);\n  transition: transform .3s ease;\n}\n\n.avo-faq-item[open] summary::after {\n  transform: rotate(45deg);\n}\n\n.avo-faq-item summary:hover {\n  background: var(--avo-primary-light);\n}\n\n.avo-faq-item p {\n  padding: 0 1.5rem 1.25rem;\n  margin: 0;\n  font-size: 15px;\n  color: var(--avo-text-light);\n  line-height: 1.7;\n  border-top: 1px solid var(--avo-border);\n  padding-top: 1rem;\n}\n\n\/* === INFO GRID === *\/\n.avo-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 1rem;\n}\n\n.avo-info-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  padding: 1.25rem;\n  background: var(--avo-white);\n  border-radius: var(--avo-radius-sm);\n  box-shadow: var(--avo-shadow);\n  text-align: center;\n  transition: all .3s ease;\n}\n\n.avo-info-item:hover {\n  transform: translateY(-4px);\n}\n\n.avo-info-icon {\n  font-size: 24px;\n}\n\n.avo-info-label {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--avo-text-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n.avo-info-value {\n  font-size: 15px;\n  font-weight: 800;\n  color: var(--avo-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.avo-cta-box {\n  background: linear-gradient(135deg, var(--avo-primary) 0%, var(--avo-primary-dark) 50%, var(--avo-secondary) 100%);\n  border-radius: var(--avo-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--avo-shadow-lg);\n}\n\n.avo-cta-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: 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 5c8 0 15 12 15 25s-7 25-15 25-15-12-15-25S22 5 30 5z' fill='%23fff' fill-opacity='.05'\/%3E%3C\/svg%3E\");\n}\n\n.avo-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.avo-cta-emoji {\n  font-size: 56px;\n  display: block;\n  margin-bottom: 1rem;\n}\n\n.avo-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.7;\n  font-weight: 600;\n  margin: 0 auto 1.5rem;\n  max-width: 700px;\n  text-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n}\n\n.avo-cta-badges {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n}\n\n.avo-cta-badge {\n  padding: 10px 18px;\n  background: rgba(255, 255, 255, .2);\n  border: 1px solid rgba(255, 255, 255, .3);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  color: white;\n  font-size: 14px;\n  font-weight: 700;\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .avo-card,\n  .avo-benefit-card,\n  .avo-usage-card,\n  .avo-profile,\n  .avo-skin-card,\n  .avo-info-item,\n  .avo-faq-item {\n    animation: avoFadeInUp .6s ease backwards;\n  }\n  .avo-card:nth-child(1), .avo-benefit-card:nth-child(1) { animation-delay: .1s; }\n  .avo-card:nth-child(2), .avo-benefit-card:nth-child(2) { animation-delay: .2s; }\n  .avo-card:nth-child(3), .avo-benefit-card:nth-child(3) { animation-delay: .3s; }\n  .avo-card:nth-child(4), .avo-benefit-card:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes avoFadeInUp {\n  from { \n    opacity: 0; \n    transform: translateY(30px); \n  }\n  to { \n    opacity: 1; \n    transform: translateY(0); \n  }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .avo-benefits-grid,\n  .avo-usage-grid,\n  .avo-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .avo-profiles-grid {\n    grid-template-columns: repeat(3, 1fr);\n  }\n  \n  .avo-skin-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  \n  .avo-info-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  \n  .avo-badges-top {\n    flex-direction: column;\n    align-items: center;\n  }\n  \n  .avo-hero-info {\n    flex-direction: column;\n    align-items: center;\n  }\n}\n\n@media (max-width: 480px) {\n  .avo-profiles-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .avo-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .avo-premium {\n    --avo-text: #000000;\n    --avo-text-light: #333333;\n  }\n  \n  .avo-card,\n  .avo-benefit-card,\n  .avo-usage-card,\n  .avo-faq-item {\n    border: 2px solid var(--avo-text);\n  }\n}\n\u003c\/style\u003e","brand":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":55696606364025,"sku":"NBAIEMM0032","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vierge-davocat-bio-equitable-50-ml-emma-noel-packshothd.webp?v=1791391270","url":"https:\/\/www.naturellement-bio.com\/products\/huile-vierge-avocat-bio-equitable-50ml-emma-noel","provider":"Naturellement Bio","version":"1.0","type":"link"}