{"product_id":"axarola-bio-mauve","title":"Axarola Bio Mauve - 100 comprimés - Superdiet","description":"\u003cdiv class=\"ax-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ax-hero\"\u003e\n\u003cdiv class=\"ax-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ax-hero-content\"\u003e\n\u003cdiv class=\"ax-badges-top\"\u003e\n\u003cspan class=\"ax-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"ax-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"ax-badge\"\u003e🌱 5 plantes actives\u003c\/span\u003e \u003cspan class=\"ax-badge\"\u003e♻️ Flacon recyclé \u0026amp; recyclable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ax-hero-title\"\u003eAxarola Bio Mauve\u003c\/span\u003e\n\u003cp class=\"ax-subtitle\"\u003e100 comprimés – Superdiet\u003c\/p\u003e\n\u003cp class=\"ax-description\"\u003eVotre allié naturel pour un transit régulier et une digestion sereine, grâce à une synergie de 5 plantes biologiques françaises.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"ax-section\"\u003e\n\u003ch2\u003eAxarola Bio Mauve, le complément alimentaire transit et digestion par excellence\u003c\/h2\u003e\n\u003cp class=\"ax-section-intro\"\u003eBallonnements, digestion lente, transit irrégulier… Si ces désagréments font partie de votre quotidien, \u003cstrong\u003eAxarola Bio Mauve de Superdiet\u003c\/strong\u003e pourrait bien devenir votre allié naturel.\u003c\/p\u003e\n\u003cdiv class=\"ax-grid-compact\"\u003e\n\u003cdiv class=\"ax-card\"\u003e\n\u003ch3\u003e🌿 5 ingrédients végétaux\u003c\/h3\u003e\n\u003cp\u003eSoigneusement sélectionnés et certifiés bio pour une action complète\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ax-card\"\u003e\n\u003ch3\u003e💊 100 comprimés\u003c\/h3\u003e\n\u003cp\u003eJusqu'à 100 jours d'utilisation pour un confort longue durée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ax-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabriqué par Superdiet, 60 ans d'expertise en phytothérapie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ax-card\"\u003e\n\u003ch3\u003e🌾 Certifié Bio\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique pour une formule pure et respectueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"ax-section\"\u003e\n\u003ch2\u003eUne synergie de 5 plantes bio pour votre bien-être intestinal\u003c\/h2\u003e\n\u003cp class=\"ax-section-intro\"\u003eLa force d'Axarola Bio réside dans l'association intelligente de plantes aux vertus complémentaires, toutes issues de l'agriculture biologique.\u003c\/p\u003e\n\u003cdiv class=\"ax-grid\"\u003e\n\u003cdiv class=\"ax-card ax-card-plant\"\u003e\n\u003ch3\u003e🌸 Mauve\u003c\/h3\u003e\n\u003cp\u003eReconnue pour ses propriétés apaisantes, elle contribue au bon fonctionnement du transit intestinal grâce à ses \u003cstrong\u003emucilages naturels\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ax-card ax-card-plant\"\u003e\n\u003ch3\u003e🍃 Mélisse\u003c\/h3\u003e\n\u003cp\u003eCette plante aide à favoriser une \u003cstrong\u003edigestion confortable\u003c\/strong\u003e et participe à réduire les sensations de ballonnements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ax-card ax-card-plant\"\u003e\n\u003ch3\u003e🌿 Artichaut\u003c\/h3\u003e\n\u003cp\u003eTraditionnellement utilisé pour soutenir la fonction hépatique, il \u003cstrong\u003efacilite la digestion\u003c\/strong\u003e, notamment après des repas copieux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ax-card ax-card-plant\"\u003e\n\u003ch3\u003e🥕 Radis noir\u003c\/h3\u003e\n\u003cp\u003eContribue au bon fonctionnement du \u003cstrong\u003efoie et de la vésicule biliaire\u003c\/strong\u003e, aidant l'organisme dans le processus digestif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ax-card ax-card-plant\"\u003e\n\u003ch3\u003e🥝 Kiwi\u003c\/h3\u003e\n\u003cp\u003eNaturellement riche en fibres, il participe à la \u003cstrong\u003erégularité du transit\u003c\/strong\u003e de manière douce et progressive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"ax-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse Axarola Bio Mauve ?\u003c\/h2\u003e\n\u003cdiv class=\"ax-testimonial\"\u003e\n\u003cp class=\"ax-testimonial-text\"\u003eCe complément alimentaire bio s'adresse à toute personne adulte souhaitant \u003cstrong\u003eretrouver un transit régulier\u003c\/strong\u003e et une digestion plus sereine. Que vous soyez sujet aux inconforts digestifs occasionnels ou que vous cherchiez simplement à prendre soin de votre sphère intestinale au naturel, Axarola Bio constitue une réponse douce et respectueuse de votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ax-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdiv class=\"ax-card\"\u003e\n\u003ch3\u003e😣 Transit irrégulier\u003c\/h3\u003e\n\u003cp\u003ePour retrouver un rythme intestinal plus régulier\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ax-card\"\u003e\n\u003ch3\u003e🫧 Ballonnements\u003c\/h3\u003e\n\u003cp\u003ePour réduire les sensations d'inconfort abdominal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ax-card\"\u003e\n\u003ch3\u003e🍽️ Digestion lente\u003c\/h3\u003e\n\u003cp\u003ePour faciliter la digestion après les repas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ax-card\"\u003e\n\u003ch3\u003e🌱 Approche naturelle\u003c\/h3\u003e\n\u003cp\u003ePour ceux qui privilégient les solutions bio et végétales\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"ax-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"ax-timeline\"\u003e\n\u003cdiv class=\"ax-timeline-item\"\u003e\n\u003cdiv class=\"ax-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ax-timeline-content\"\u003e\n\u003ch3\u003eCommencez doucement\u003c\/h3\u003e\n\u003cp\u003eDébutez avec \u003cstrong\u003e1 comprimé par jour\u003c\/strong\u003e pour observer la réponse de votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ax-timeline-item\"\u003e\n\u003cdiv class=\"ax-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ax-timeline-content\"\u003e\n\u003ch3\u003eAjustez progressivement\u003c\/h3\u003e\n\u003cp\u003eAugmentez la dose jusqu'à \u003cstrong\u003e4 comprimés par jour\u003c\/strong\u003e selon vos besoins et votre confort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ax-timeline-item\"\u003e\n\u003cdiv class=\"ax-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ax-timeline-content\"\u003e\n\u003ch3\u003eAu moment des repas\u003c\/h3\u003e\n\u003cp\u003ePrenez vos comprimés de préférence \u003cstrong\u003ependant les repas\u003c\/strong\u003e, avec un grand verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ax-timeline-item\"\u003e\n\u003cdiv class=\"ax-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"ax-timeline-content\"\u003e\n\u003ch3\u003eCure de 25 à 100 jours\u003c\/h3\u003e\n\u003cp\u003eLe flacon de 100 comprimés offre une cure longue durée, ce qui en fait un produit \u003cstrong\u003eparticulièrement économique\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ax-tip\"\u003e\n\u003cspan class=\"ax-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e commencez votre cure le week-end pour observer sereinement la réponse de votre corps avant de l'intégrer à votre routine quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"ax-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cp class=\"ax-section-intro\"\u003eChaque comprimé d'Axarola Bio Mauve contient un mélange d'extraits végétaux biologiques soigneusement dosés.\u003c\/p\u003e\n\u003cdiv class=\"ax-grid\"\u003e\n\u003cdiv class=\"ax-card\"\u003e\n\u003ch3\u003e🌸 Mauve bio\u003c\/h3\u003e\n\u003cp\u003eExtrait de \u003cstrong\u003efleur\u003c\/strong\u003e – mucilages apaisants pour le transit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ax-card\"\u003e\n\u003ch3\u003e🍃 Mélisse bio\u003c\/h3\u003e\n\u003cp\u003eExtrait de \u003cstrong\u003efeuille\u003c\/strong\u003e – confort digestif et anti-ballonnements\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ax-card\"\u003e\n\u003ch3\u003e🌿 Artichaut bio\u003c\/h3\u003e\n\u003cp\u003eExtrait de \u003cstrong\u003efeuille\u003c\/strong\u003e – soutien hépatique et digestion\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ax-card\"\u003e\n\u003ch3\u003e🥕 Radis noir bio\u003c\/h3\u003e\n\u003cp\u003eExtrait de \u003cstrong\u003eracine\u003c\/strong\u003e – fonction biliaire et détoxification\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ax-card\"\u003e\n\u003ch3\u003e🥝 Kiwi bio\u003c\/h3\u003e\n\u003cp\u003eExtrait de \u003cstrong\u003efruit\u003c\/strong\u003e – fibres naturelles et régularité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ax-tip\"\u003e\n\u003cspan class=\"ax-tip-icon\"\u003e🏅\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eCertifié Agriculture Biologique\u003c\/strong\u003e – Fabrication française par le laboratoire Superdiet, fort de plus de 60 ans d'expertise en phytothérapie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"ax-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"ax-accordion\"\u003e\n\u003cdetails class=\"ax-accordion-item\"\u003e\n\u003csummary class=\"ax-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n\u003cdiv class=\"ax-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Respectez la dose journalière recommandée de 1 à 4 comprimés par jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ax-accordion-item\"\u003e\n\u003csummary class=\"ax-accordion-header\"\u003e👶 Femmes enceintes et allaitantes\u003c\/summary\u003e\n\u003cdiv class=\"ax-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical préalable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ax-accordion-item\"\u003e\n\u003csummary class=\"ax-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n\u003cdiv class=\"ax-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de traitement médical en cours, consultez votre médecin ou pharmacien avant toute prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ax-accordion-item\"\u003e\n\u003csummary class=\"ax-accordion-header\"\u003e🔒 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"ax-accordion-content mt-3\"\u003e\n\u003cp\u003eTenir hors de portée des enfants. Conserver dans un endroit sec et frais, à l'abri de la lumière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"ax-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePourquoi choisir Axarola Bio de Superdiet ?\u003c\/h2\u003e\n\u003cdiv class=\"ax-grid\"\u003e\n\u003cdiv class=\"ax-card\"\u003e\n\u003ch3\u003e🏭 60 ans d'expertise\u003c\/h3\u003e\n\u003cp\u003eSuperdiet est un \u003cstrong\u003elaboratoire français\u003c\/strong\u003e engagé depuis plus de 60 ans dans la fabrication de compléments alimentaires à base de plantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ax-card\"\u003e\n\u003ch3\u003e♻️ Écoresponsable\u003c\/h3\u003e\n\u003cp\u003eFlacon en \u003cstrong\u003ematière recyclée et recyclable\u003c\/strong\u003e, témoignant d'une démarche respectueuse de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ax-card\"\u003e\n\u003ch3\u003e✅ Qualité certifiée\u003c\/h3\u003e\n\u003cp\u003eProduit conçu dans le respect des \u003cstrong\u003enormes les plus strictes\u003c\/strong\u003e, certifié agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ax-cta-box\"\u003e\n\u003cp\u003e🌿 Retrouvez un transit régulier et une digestion sereine avec \u003cstrong\u003eAxarola Bio Mauve\u003c\/strong\u003e – une solution naturelle, bio et fabriquée en France, validée par des milliers d'utilisateurs satisfaits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ax-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --ax-cream: #f7f5f0;\n  --ax-white: #ffffff;\n  --ax-primary: #2D7A3A;\n  --ax-primary-dark: #1a5427;\n  --ax-primary-light: #e8f5e9;\n  --ax-secondary: #C41E3A;\n  --ax-accent: #8B5E3C;\n  --ax-text: #1a1a1a;\n  --ax-text-light: #5a5a5a;\n  --ax-border: #e0e0e0;\n  --ax-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ax-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ax-radius: 20px;\n  --ax-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ax-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ax-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ax-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a5427 0%, #2D7A3A 40%, #3d9b4e 70%, #C41E3A 100%);\n  border-radius: var(--ax-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(--ax-shadow-lg);\n}\n\n.ax-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.ax-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ax-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.ax-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.ax-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\/* === BADGES === *\/\n.ax-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ax-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(--ax-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ax-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ax-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ax-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ax-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.ax-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(--ax-primary), var(--ax-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ax-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ax-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ax-card {\n  background: var(--ax-white);\n  border-radius: var(--ax-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ax-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ax-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ax-shadow-lg);\n  border-color: var(--ax-primary);\n}\n\n.ax-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ax-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ax-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ax-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* Card plante - accent décoratif *\/\n.ax-card-plant {\n  border-top: 3px solid var(--ax-primary);\n}\n\n.ax-card-plant:hover {\n  border-top-color: var(--ax-secondary);\n}\n\n\/* === GRILLES === *\/\n.ax-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE (2 colonnes sur mobile) === *\/\n.ax-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ax-grid-compact .ax-card {\n  padding: 1rem;\n}\n\n.ax-grid-compact .ax-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ax-grid-compact .ax-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ax-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ax-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ax-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ax-primary), var(--ax-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.ax-timeline-content {\n  flex: 1;\n  background: var(--ax-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ax-radius-sm);\n  box-shadow: var(--ax-shadow);\n}\n\n.ax-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ax-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ax-timeline-content p {\n  font-size: 14px;\n  color: var(--ax-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ax-testimonial {\n  background: var(--ax-white);\n  border-radius: var(--ax-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ax-shadow);\n  border-left: 4px solid var(--ax-primary);\n}\n\n.ax-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ax-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ax-accordion {\n  background: var(--ax-white);\n  border-radius: var(--ax-radius);\n  box-shadow: var(--ax-shadow);\n  overflow: hidden;\n}\n\n.ax-accordion-item {\n  border-bottom: 1px solid var(--ax-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ax-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ax-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ax-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.ax-accordion-header:hover {\n  background: var(--ax-primary-light);\n}\n\n.ax-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ax-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ax-primary);\n  transition: transform .2s ease;\n}\n\n.ax-accordion-item[open] .ax-accordion-header::after {\n  content: '−';\n}\n\n.ax-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ax-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ax-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ax-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ax-primary-light);\n  border-radius: var(--ax-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ax-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ax-tip p {\n  font-size: 14px;\n  color: var(--ax-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ax-cta-box {\n  background: linear-gradient(135deg, var(--ax-primary) 0%, var(--ax-primary-dark) 100%);\n  border-radius: var(--ax-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  margin-top: 1.5rem;\n}\n\n.ax-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.ax-disclaimer {\n  font-size: 12px;\n  color: var(--ax-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  .ax-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ax-card {\n    padding: 1.125rem;\n  }\n\n  .ax-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ax-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ax-radius-sm);\n  }\n\n  .ax-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ax-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .ax-grid-compact {\n    gap: .625rem;\n  }\n\n  .ax-grid-compact .ax-card {\n    padding: .75rem;\n  }\n\n  .ax-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .ax-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .ax-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .ax-timeline-content p {\n    font-size: 13px;\n  }\n\n  .ax-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .ax-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .ax-testimonial {\n    padding: 1.25rem;\n  }\n\n  .ax-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ax-card {\n    animation: axFadeInUp .5s ease backwards;\n  }\n  .ax-card:nth-child(1) { animation-delay: .05s; }\n  .ax-card:nth-child(2) { animation-delay: .1s; }\n  .ax-card:nth-child(3) { animation-delay: .15s; }\n  .ax-card:nth-child(4) { animation-delay: .2s; }\n  .ax-card:nth-child(5) { animation-delay: .25s; }\n  .ax-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes axFadeInUp {\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  .ax-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":56717398638969,"sku":"NBAISUP0049","price":18.32,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/axarola-bio-mauve-100-comprimes-superdiet-lifestyle_4e9b7322-e261-4954-a382-181369b35d5e.webp?v=1771859180","url":"https:\/\/www.naturellement-bio.com\/products\/axarola-bio-mauve","provider":"Naturellement Bio","version":"1.0","type":"link"}