{"product_id":"creme-anti-rides-bio-50-ml-naturaloe","title":"Crème anti-rides bio - 50 mL - Naturaloé","description":"\u003cdiv class=\"nal-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"nal-hero\"\u003e\n\u003cdiv class=\"nal-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"nal-hero-content\"\u003e\n\u003cdiv class=\"nal-badges-top\"\u003e\n\u003cspan class=\"nal-badge\"\u003e🌿 Bio certifié Ecocert\u003c\/span\u003e \u003cspan class=\"nal-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"nal-badge\"\u003e💧 39% Aloé vera natif\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"nal-hero-title\"\u003eCrème Anti-Rides Bio NaturAloé\u003c\/span\u003e\n\u003cp class=\"nal-subtitle\"\u003eLe pouvoir régénérant de l'aloé vera au service de votre jeunesse\u003c\/p\u003e\n\u003cp class=\"nal-description\"\u003eUne formule 100% naturelle certifiée Demeter qui hydrate intensément et atténue visiblement les signes du temps. 92,7% des utilisatrices la recommandent.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"nal-section\"\u003e\n\u003ch2\u003eUne crème anti-rides bio qui prend vraiment soin de votre peau\u003c\/h2\u003e\n\u003cdiv class=\"nal-intro-card\"\u003e\n\u003cp\u003eVous cherchez une \u003cstrong\u003ecrème anti-rides bio efficace\u003c\/strong\u003e qui tient ses promesses sans compromettre la naturalité ? La crème anti-rides NaturAloé concentre le meilleur de l'aloé vera natif et d'actifs végétaux précieux pour accompagner votre peau dans sa lutte contre les signes du temps.\u003c\/p\u003e\n\u003cp\u003eFabriquée en France et certifiée bio, elle offre une réponse naturelle aux besoins des peaux matures en quête de fermeté et d'éclat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"nal-section\"\u003e\n\u003ch2\u003ePourquoi choisir l'aloé vera natif comme ingrédient star ?\u003c\/h2\u003e\n\u003cdiv class=\"nal-highlight-box\"\u003e\n\u003cdiv class=\"nal-highlight-number\"\u003e39%\u003c\/div\u003e\n\u003cdiv class=\"nal-highlight-text\"\u003e\n\u003cstrong\u003eMucilage frais pressé d'aloé vera bio\u003c\/strong\u003e\u003cbr\u003eCertifié Demeter (agriculture biodynamique)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"nal-section-text\"\u003eContrairement aux formules classiques qui utilisent de l'eau comme base, NaturAloé a fait le choix audacieux de placer ce gel végétal en tête de liste. Résultat : votre peau bénéficie d'une \u003cstrong\u003ehydratation intense\u003c\/strong\u003e et d'une concentration optimale en principes actifs dès la première application.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"nal-section\"\u003e\n\u003ch2\u003eDes actifs végétaux ciblés pour une action anti-âge complète\u003c\/h2\u003e\n\u003cp class=\"nal-section-intro\"\u003eUne synergie d'actifs soigneusement sélectionnés pour des résultats visibles\u003c\/p\u003e\n\u003cdiv class=\"nal-grid\"\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e🌹 Huile de rose muscat bio\u003c\/h3\u003e\n\u003cp\u003eRiche en acides gras essentiels, elle favorise la régénération cellulaire et améliore l'élasticité de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e🌸 Huile d'onagre bio\u003c\/h3\u003e\n\u003cp\u003eConnue pour ses propriétés nourrissantes et assouplissantes, elle redonne souplesse aux peaux matures\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e🍑 Huile de noyau d'abricot bio\u003c\/h3\u003e\n\u003cp\u003eUn concentré de vitamines A et E qui illumine le teint et adoucit la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e🫘 Extrait de soja non OGM\u003c\/h3\u003e\n\u003cp\u003eAide à stimuler la production naturelle de collagène pour une peau repulpée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e✨ Actif anti-âge d'origine sucrière\u003c\/h3\u003e\n\u003cp\u003eFavorise la synthèse d'élastine pour une peau visiblement plus ferme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e🛡️ Vitamine E naturelle\u003c\/h3\u003e\n\u003cp\u003ePuissant antioxydant qui protège la peau du stress oxydatif quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"nal-section\"\u003e\n\u003ch2\u003eDes résultats prouvés par les utilisatrices\u003c\/h2\u003e\n\u003cp class=\"nal-section-intro\"\u003eTest mené auprès de 55 personnes pendant 1 mois\u003c\/p\u003e\n\u003cdiv class=\"nal-stats-grid\"\u003e\n\u003cdiv class=\"nal-stat-card\"\u003e\n\u003cdiv class=\"nal-stat-number\"\u003e92,7%\u003c\/div\u003e\n\u003cp\u003erecommandent cette crème\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-stat-card\"\u003e\n\u003cdiv class=\"nal-stat-number\"\u003e91%\u003c\/div\u003e\n\u003cp\u003econstatent une peau plus hydratée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-stat-card\"\u003e\n\u003cdiv class=\"nal-stat-number\"\u003e60%\u003c\/div\u003e\n\u003cp\u003eobservent une atténuation visible de leurs rides\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-testimonial\"\u003e\n\u003cp class=\"nal-testimonial-text\"\u003e\"La peau est comme gainée et les ridules des pattes d'oies s'atténuent. Après plusieurs jours, ma peau semble plus raffermie, plus éclatante et vraiment bien hydratée.\"\u003c\/p\u003e\n\u003cp class=\"nal-testimonial-author\"\u003e— Sophia, cliente Naturellement bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"nal-section\"\u003e\n\u003ch2\u003eComment appliquer votre crème anti-rides pour optimiser ses bienfaits ?\u003c\/h2\u003e\n\u003cdiv class=\"nal-timeline\"\u003e\n\u003cdiv class=\"nal-timeline-item\"\u003e\n\u003cdiv class=\"nal-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"nal-timeline-content\"\u003e\n\u003ch3\u003e🌙 Le moment idéal\u003c\/h3\u003e\n\u003cp\u003ePrivilégiez une application le soir, lorsque la peau entre en phase de régénération nocturne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-timeline-item\"\u003e\n\u003cdiv class=\"nal-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"nal-timeline-content\"\u003e\n\u003ch3\u003e🧴 Préparez votre peau\u003c\/h3\u003e\n\u003cp\u003eNettoyez méticuleusement votre visage pour éliminer impuretés et résidus de maquillage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-timeline-item\"\u003e\n\u003cdiv class=\"nal-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"nal-timeline-content\"\u003e\n\u003ch3\u003e💫 La bonne quantité\u003c\/h3\u003e\n\u003cp\u003ePrélevez une noisette de crème grâce au flacon pompe hygiénique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-timeline-item\"\u003e\n\u003cdiv class=\"nal-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"nal-timeline-content\"\u003e\n\u003ch3\u003e🤲 Réchauffez le soin\u003c\/h3\u003e\n\u003cp\u003eFrottez délicatement la crème entre vos paumes pendant quelques secondes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-timeline-item\"\u003e\n\u003cdiv class=\"nal-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"nal-timeline-content\"\u003e\n\u003ch3\u003e💆 Le geste qui fait la différence\u003c\/h3\u003e\n\u003cp\u003eMassez en partant du centre du visage vers l'extérieur, en remontant vers les tempes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-timeline-item\"\u003e\n\u003cdiv class=\"nal-timeline-number\"\u003e6\u003c\/div\u003e\n\u003cdiv class=\"nal-timeline-content\"\u003e\n\u003ch3\u003e✨ N'oubliez pas le cou\u003c\/h3\u003e\n\u003cp\u003eCette zone souvent négligée mérite autant d'attention que votre visage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-tip\"\u003e\n\u003cspan class=\"nal-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eSa texture non grasse pénètre rapidement et laisse la peau douce, sans film gras ni sensation de lourdeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"nal-section\"\u003e\n\u003ch2\u003eLes garanties NaturAloé\u003c\/h2\u003e\n\u003cdiv class=\"nal-grid-compact\"\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e🏆 Certifiée Ecocert\u003c\/h3\u003e\n\u003cp\u003eLabellisée Cosmebio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e🌱 Demeter\u003c\/h3\u003e\n\u003cp\u003eAgriculture biodynamique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eEntreprise familiale depuis 2002\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n\u003cp\u003eOrigine naturelle garantie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e🧴 Flacon airless\u003c\/h3\u003e\n\u003cp\u003e50 mL, fraîcheur préservée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e💚 Éthique\u003c\/h3\u003e\n\u003cp\u003eIngrédients traçables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"nal-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse cette crème visage bio anti-rides ?\u003c\/h2\u003e\n\u003cdiv class=\"nal-grid\"\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e✨ Peaux matures\u003c\/h3\u003e\n\u003cp\u003eVotre peau commence à perdre en fermeté et en éclat\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e🔍 Premières rides\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez atténuer vos premières rides ou ridules\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e💨 Textures légères\u003c\/h3\u003e\n\u003cp\u003eVous préférez les textures qui pénètrent rapidement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e📋 Transparence\u003c\/h3\u003e\n\u003cp\u003eVous exigez des ingrédients traçables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"nal-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eConservation et précautions\u003c\/h2\u003e\n\u003cdiv class=\"nal-accordion\"\u003e\n\u003cdetails class=\"nal-accordion-item\"\u003e\n\u003csummary class=\"nal-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"nal-accordion-content\"\u003e\n\u003cp\u003eConservez votre crème à \u003cstrong\u003etempérature ambiante\u003c\/strong\u003e, à l'abri de la chaleur excessive et de la lumière directe. Le flacon pompe airless garantit une conservation optimale du produit en limitant le contact avec l'air.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nal-accordion-item\"\u003e\n\u003csummary class=\"nal-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"nal-accordion-content\"\u003e\n\u003cp\u003eComme pour tout cosmétique, réalisez un test dans le pli du coude 24h avant la première utilisation si vous avez la peau sensible ou réactive. En cas de réaction, cessez l'utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau le meilleur de la nature avec cette crème anti-rides bio d'exception, formulée avec 39% d'aloé vera natif certifié Demeter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"nal-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Les pourcentages indiqués proviennent d'un test consommateurs mené auprès de 55 personnes pendant 1 mois.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  \/* Couleurs principales *\/\n  --nal-cream: #FAF8F5;\n  --nal-white: #ffffff;\n  --nal-primary: #5C4033;\n  --nal-primary-dark: #3D2A22;\n  --nal-primary-light: #F5EDE7;\n  --nal-secondary: #7A9A5C;\n  --nal-secondary-light: #E8F0E0;\n  --nal-accent: #C4A77D;\n  \n  \/* Textes *\/\n  --nal-text: #1a1a1a;\n  --nal-text-light: #5a5a5a;\n  \n  \/* Effets *\/\n  --nal-border: #e0e0e0;\n  --nal-shadow: 0 4px 24px rgba(92,64,51,.08);\n  --nal-shadow-lg: 0 12px 48px rgba(92,64,51,.15);\n  --nal-radius: 20px;\n  --nal-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.nal-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--nal-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nal-hero {\n  position: relative;\n  background: linear-gradient(135deg, #5C4033 0%, #7A9A5C 50%, #3D2A22 100%);\n  border-radius: var(--nal-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(--nal-shadow-lg);\n}\n\n.nal-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 25 C45 30, 35 35, 30 45 C25 35, 15 30, 5 25 C15 20, 25 15, 30 5z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.nal-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.nal-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.nal-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.nal-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(--nal-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.nal-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.nal-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}\n\n.nal-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.nal-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nal-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--nal-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.nal-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(--nal-primary), var(--nal-secondary));\n  border-radius: 2px;\n}\n\n.nal-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--nal-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.nal-section-text {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--nal-text);\n  line-height: 1.8;\n  max-width: 800px;\n  margin: 0 auto 1rem;\n  text-align: center;\n}\n\n\/* === INTRO CARD === *\/\n.nal-intro-card {\n  background: var(--nal-white);\n  border-radius: var(--nal-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--nal-shadow);\n  border-left: 4px solid var(--nal-secondary);\n}\n\n.nal-intro-card p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--nal-text);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.nal-intro-card p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.nal-highlight-box {\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\n  background: linear-gradient(135deg, var(--nal-secondary-light) 0%, var(--nal-primary-light) 100%);\n  border-radius: var(--nal-radius);\n  padding: clamp(1.5rem, 4vw, 2rem);\n  margin-bottom: 1.5rem;\n}\n\n.nal-highlight-number {\n  font-size: clamp(36px, 8vw, 56px);\n  font-weight: 900;\n  color: var(--nal-secondary);\n  line-height: 1;\n}\n\n.nal-highlight-text {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--nal-text);\n  line-height: 1.5;\n}\n\n\/* === CARDS === *\/\n.nal-card {\n  background: var(--nal-white);\n  border-radius: var(--nal-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--nal-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.nal-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--nal-shadow-lg);\n  border-color: var(--nal-secondary);\n}\n\n.nal-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--nal-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.nal-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--nal-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nal-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.nal-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.nal-grid-compact .nal-card {\n  padding: 1rem;\n}\n\n.nal-grid-compact .nal-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.nal-grid-compact .nal-card p {\n  font-size: 12px;\n}\n\n\/* === STATS GRID === *\/\n.nal-stats-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.nal-stat-card {\n  background: linear-gradient(135deg, var(--nal-secondary) 0%, #5C8A4A 100%);\n  border-radius: var(--nal-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  color: white;\n}\n\n.nal-stat-number {\n  font-size: clamp(28px, 6vw, 42px);\n  font-weight: 900;\n  line-height: 1;\n  margin-bottom: .5rem;\n}\n\n.nal-stat-card p {\n  font-size: clamp(12px, 2vw, 14px);\n  margin: 0;\n  opacity: .95;\n  line-height: 1.4;\n}\n\n\/* === TIMELINE === *\/\n.nal-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.nal-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.nal-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--nal-primary), var(--nal-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.nal-timeline-content {\n  flex: 1;\n  background: var(--nal-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--nal-radius-sm);\n  box-shadow: var(--nal-shadow);\n}\n\n.nal-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--nal-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.nal-timeline-content p {\n  font-size: 14px;\n  color: var(--nal-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.nal-testimonial {\n  background: var(--nal-white);\n  border-radius: var(--nal-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--nal-shadow);\n  border-left: 4px solid var(--nal-accent);\n  text-align: center;\n}\n\n.nal-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--nal-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0 0 1rem 0;\n}\n\n.nal-testimonial-author {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--nal-primary);\n  margin: 0;\n}\n\n\/* === INGREDIENTS GRID === *\/\n.nal-ingredients-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: .75rem;\n  background: var(--nal-white);\n  border-radius: var(--nal-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--nal-shadow);\n}\n\n.nal-ingredient-item {\n  display: flex;\n  align-items: center;\n  gap: .75rem;\n  font-size: clamp(13px, 2vw, 14px);\n  color: var(--nal-text);\n  padding: .5rem 0;\n}\n\n.nal-ingredient-dot {\n  width: 8px;\n  height: 8px;\n  background: var(--nal-secondary);\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n\n\/* === ACCORDION === *\/\n.nal-accordion {\n  background: var(--nal-white);\n  border-radius: var(--nal-radius);\n  box-shadow: var(--nal-shadow);\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.nal-accordion-item {\n  border-bottom: 1px solid var(--nal-border);\n  margin: 0;\n  padding: 0;\n}\n\n.nal-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.nal-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--nal-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.nal-accordion-header:hover {\n  background: var(--nal-primary-light);\n}\n\n.nal-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.nal-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--nal-primary);\n  transition: transform .2s ease;\n}\n\n.nal-accordion-item[open] .nal-accordion-header::after {\n  content: '−';\n}\n\n.nal-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--nal-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.nal-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.nal-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--nal-secondary-light);\n  border-radius: var(--nal-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.nal-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.nal-tip p {\n  font-size: 14px;\n  color: var(--nal-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.nal-cta-box {\n  background: linear-gradient(135deg, var(--nal-primary) 0%, var(--nal-primary-dark) 100%);\n  border-radius: var(--nal-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.nal-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.nal-disclaimer {\n  font-size: 12px;\n  color: var(--nal-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  .nal-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .nal-card {\n    padding: 1.125rem;\n  }\n  \n  .nal-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .nal-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--nal-radius-sm);\n  }\n  \n  .nal-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .nal-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .nal-grid-compact {\n    gap: .625rem;\n  }\n  \n  .nal-grid-compact .nal-card {\n    padding: .75rem;\n  }\n  \n  .nal-stats-grid {\n    grid-template-columns: 1fr;\n    gap: .75rem;\n  }\n  \n  .nal-stat-card {\n    display: flex;\n    align-items: center;\n    gap: 1rem;\n    text-align: left;\n    padding: 1rem 1.25rem;\n  }\n  \n  .nal-stat-number {\n    font-size: 28px;\n    margin-bottom: 0;\n  }\n  \n  .nal-highlight-box {\n    flex-direction: column;\n    text-align: center;\n    gap: 1rem;\n  }\n  \n  .nal-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .nal-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .nal-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .nal-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .nal-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .nal-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .nal-testimonial {\n    padding: 1.25rem;\n  }\n  \n  .nal-testimonial-text {\n    font-size: 14px;\n  }\n  \n  .nal-ingredients-grid {\n    grid-template-columns: 1fr;\n    gap: .5rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .nal-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .nal-card:nth-child(1) { animation-delay: .05s; }\n  .nal-card:nth-child(2) { animation-delay: .1s; }\n  .nal-card:nth-child(3) { animation-delay: .15s; }\n  .nal-card:nth-child(4) { animation-delay: .2s; }\n  .nal-card:nth-child(5) { animation-delay: .25s; }\n  .nal-card:nth-child(6) { animation-delay: .3s; }\n  \n  .nal-stat-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .nal-stat-card:nth-child(1) { animation-delay: .1s; }\n  .nal-stat-card:nth-child(2) { animation-delay: .15s; }\n  .nal-stat-card:nth-child(3) { animation-delay: .2s; }\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  .nal-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"Naturaloé","offers":[{"title":"Default Title","offer_id":56528081027449,"sku":"NBAIALO0002","price":24.4,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-anti-rides-bio-50-ml-naturaloe-lifestyle.webp?v=1768899057","url":"https:\/\/www.naturellement-bio.com\/products\/creme-anti-rides-bio-50-ml-naturaloe","provider":"Naturellement Bio","version":"1.0","type":"link"}