{"product_id":"xylitol-bio-250g-qualidiet","title":"Xylitol Bio - Surcre de Bouleau - 250g - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Xylitol Bio - Sucre de Bouleau 250g\nPalette détectée:\n  - Primaire: #8B6914 (marron doré du titre \"XYLITOL\")\n  - Secondaire: #4A7C31 (vert nature des logos bio\/maïs)\n  - Accent: #D4442C (rouge corail du logo Qualidiet)\n  - Background: #F9F7F2 (crème naturel du pot)\nAmbiance: Naturel\/Bio, alimentaire sain, chaleureux, familial\nType: Édulcorant naturel biologique - substitut du sucre\nStyle: Clean, naturel, certifications bio, convivialité cuisine\nPréfixe CSS: xyl\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Pourquoi choisir le xylitol biologique ?\"\n  2. \"Comment utiliser votre xylitol bio ?\"\n  3. \"Une composition d'une pureté exemplaire\"\n  4. \"Le xylitol bio est idéal pour vous si...\"\n  5. \"Conseils d'utilisation et précautions\"\n  6. \"Informations pratiques\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"xyl-premium\"\u003e\n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"xyl-hero\"\u003e\n    \u003cdiv class=\"xyl-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"xyl-hero-content\"\u003e\n      \u003cdiv class=\"xyl-badges-top\"\u003e\n        \u003cspan class=\"xyl-badge\"\u003e🌿 100% biologique\u003c\/span\u003e\n        \u003cspan class=\"xyl-badge\"\u003e🌽 Issu de la rafle de maïs\u003c\/span\u003e\n        \u003cspan class=\"xyl-badge\"\u003e📊 IG bas\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"xyl-hero-title\"\u003eXylitol biologique\u003c\/span\u003e\n      \u003cp class=\"xyl-subtitle\"\u003eSubstitut naturel du sucre certifié bio\u003c\/p\u003e\n      \u003cp class=\"xyl-description\"\u003eÉdulcorant 100% naturel avec 40% de calories en moins que le sucre traditionnel. Même goût sucré, sans les inconvénients. Certifié Agriculture Biologique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"xyl-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le xylitol biologique ?\u003c\/h2\u003e\n    \u003cdiv class=\"xyl-grid\"\u003e\n      \u003cdiv class=\"xyl-card\"\u003e\n        \u003ch3\u003e📊 Indice glycémique ultra-bas\u003c\/h3\u003e\n        \u003cp\u003eParfaitement adapté aux diabétiques et aux régimes à faible indice glycémique. Aucun pic de glycémie.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"xyl-card\"\u003e\n        \u003ch3\u003e⚖️ 40% de calories en moins\u003c\/h3\u003e\n        \u003cp\u003eSeulement 2,4 kcal\/g contre 4 kcal\/g pour le sucre classique. Idéal pour contrôler son poids.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"xyl-card\"\u003e\n        \u003ch3\u003e😋 Goût identique au sucre\u003c\/h3\u003e\n        \u003cp\u003eMême pouvoir sucrant que le saccharose, sans arrière-goût. Substitution directe 1:1 dans vos recettes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"xyl-card\"\u003e\n        \u003ch3\u003e🦷 Protection dentaire\u003c\/h3\u003e\n        \u003cp\u003eReconnu pour limiter les caries et soutenir l'équilibre de la flore buccale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"xyl-card\"\u003e\n        \u003ch3\u003e🔥 Résiste à la cuisson\u003c\/h3\u003e\n        \u003cp\u003eSupporte la chaleur jusqu'à 200°C pour vos pâtisseries, confitures et préparations chaudes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"xyl-card\"\u003e\n        \u003ch3\u003e🌿 Certifié bio Ecocert\u003c\/h3\u003e\n        \u003cp\u003eIssu de la rafle de maïs biologique, sans OGM ni pesticides. Pureté garantie.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"xyl-section\"\u003e\n    \u003ch2\u003eComment utiliser votre xylitol bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"xyl-timeline\"\u003e\n      \u003cdiv class=\"xyl-timeline-item\"\u003e\n        \u003cdiv class=\"xyl-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"xyl-timeline-content\"\u003e\n          \u003ch3\u003e☕ Boissons chaudes et froides\u003c\/h3\u003e\n          \u003cp\u003eCafé, thé, infusions, smoothies : remplacez le sucre à quantités égales. Dissolution rapide.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"xyl-timeline-item\"\u003e\n        \u003cdiv class=\"xyl-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"xyl-timeline-content\"\u003e\n          \u003ch3\u003e🍰 Pâtisserie et cuisine\u003c\/h3\u003e\n          \u003cp\u003eGâteaux, biscuits, confitures, compotes : mêmes proportions que le sucre traditionnel.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"xyl-timeline-item\"\u003e\n        \u003cdiv class=\"xyl-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"xyl-timeline-content\"\u003e\n          \u003ch3\u003e🥣 Saupoudrage\u003c\/h3\u003e\n          \u003cp\u003eYaourts, fromages blancs, fruits frais, céréales : ajoutez la douceur désirée sans culpabilité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"xyl-timeline-item\"\u003e\n        \u003cdiv class=\"xyl-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"xyl-timeline-content\"\u003e\n          \u003ch3\u003e🦷 Soin bucco-dentaire\u003c\/h3\u003e\n          \u003cp\u003eLaissez fondre ½ cuillère à café en bouche 2 à 4 fois par jour pour ses vertus protectrices.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"xyl-section\"\u003e\n    \u003ch2\u003eUne composition d'une pureté exemplaire\u003c\/h2\u003e\n    \u003cdiv class=\"xyl-composition-box\"\u003e\n      \u003cdiv class=\"xyl-composition-icon\"\u003e🌽\u003c\/div\u003e\n      \u003ch3\u003e100% Xylitol biologique\u003c\/h3\u003e\n      \u003cp\u003eIssu de la rafle de maïs cultivé en agriculture biologique contrôlée\u003c\/p\u003e\n      \u003cdiv class=\"xyl-certifications\"\u003e\n        \u003cdiv class=\"xyl-cert-item\"\u003e\n          \u003cspan class=\"xyl-cert-icon\"\u003e🍃\u003c\/span\u003e\n          \u003cdiv class=\"xyl-cert-text\"\u003e\n            \u003cstrong\u003eEcocert FR-BIO-01\u003c\/strong\u003e\n            \u003cspan\u003eCertification biologique officielle\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"xyl-cert-item\"\u003e\n          \u003cspan class=\"xyl-cert-icon\"\u003e🚫\u003c\/span\u003e\n          \u003cdiv class=\"xyl-cert-text\"\u003e\n            \u003cstrong\u003eSans OGM\u003c\/strong\u003e\n            \u003cspan\u003eGaranti sans organismes génétiquement modifiés\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"xyl-cert-item\"\u003e\n          \u003cspan class=\"xyl-cert-icon\"\u003e✨\u003c\/span\u003e\n          \u003cdiv class=\"xyl-cert-text\"\u003e\n            \u003cstrong\u003eSans additifs\u003c\/strong\u003e\n            \u003cspan\u003eAucun conservateur, colorant ou arôme\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"xyl-section\"\u003e\n    \u003ch2\u003eLe sucre de bouleau est idéal pour vous si...\u003c\/h2\u003e\n    \u003cdiv class=\"xyl-grid\"\u003e\n      \u003cdiv class=\"xyl-card\"\u003e\n        \u003ch3\u003e🩺 Vous êtes diabétique\u003c\/h3\u003e\n        \u003cp\u003eL'indice glycémique ultra-bas permet de contrôler votre glycémie sans renoncer au goût sucré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"xyl-card\"\u003e\n        \u003ch3\u003e⚖️ Vous surveillez votre poids\u003c\/h3\u003e\n        \u003cp\u003e40% de calories en moins pour un plaisir sucré sans culpabilité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"xyl-card\"\u003e\n        \u003ch3\u003e🦷 Vous prenez soin de vos dents\u003c\/h3\u003e\n        \u003cp\u003ePropriétés protectrices reconnues contre les caries et pour la santé buccale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"xyl-card\"\u003e\n        \u003ch3\u003e🌿 Vous privilégiez le bio\u003c\/h3\u003e\n        \u003cp\u003eCertifié Ecocert, 100% naturel, sans pesticides ni OGM.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"xyl-card\"\u003e\n        \u003ch3\u003e👨‍🍳 Vous aimez cuisiner\u003c\/h3\u003e\n        \u003cp\u003eParfait pour toutes vos recettes sucrées avec substitution directe 1:1.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"xyl-card\"\u003e\n        \u003ch3\u003e💪 Vous adoptez un mode de vie sain\u003c\/h3\u003e\n        \u003cp\u003eAlternative naturelle et intelligente au sucre raffiné.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"xyl-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation et précautions\u003c\/h2\u003e\n    \u003cdiv class=\"xyl-accordion\"\u003e\n      \u003cdetails class=\"xyl-accordion-item\"\u003e\n        \u003csummary class=\"xyl-accordion-header\"\u003e💡 Conseils d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"xyl-accordion-content\"\u003e\n          \u003cp\u003e• Commencez progressivement pour habituer votre organisme\u003cbr\u003e\n          • Conservation dans un endroit sec à l'abri de la lumière\u003cbr\u003e\n          • Substitution directe : 1 dose de xylitol = 1 dose de sucre\u003cbr\u003e\n          • Peut provoquer un léger effet rafraîchissant en bouche\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"xyl-accordion-item\"\u003e\n        \u003csummary class=\"xyl-accordion-header\"\u003e⚠️ Précautions importantes\u003c\/summary\u003e\n        \u003cdiv class=\"xyl-accordion-content\"\u003e\n          \u003cp\u003e• \u003cstrong\u003eNe pas dépasser 50g par jour\u003c\/strong\u003e : risque d'effet laxatif au-delà\u003cbr\u003e\n          • \u003cstrong\u003eDéconseillé aux enfants de moins de 3 ans\u003c\/strong\u003e\u003cbr\u003e\n          • \u003cstrong\u003eTOXIQUE pour les animaux\u003c\/strong\u003e, notamment les chiens : ne jamais leur en donner\u003cbr\u003e\n          • En cas de doute, consultez un professionnel de santé\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"xyl-accordion-item\"\u003e\n        \u003csummary class=\"xyl-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"xyl-accordion-content\"\u003e\n          \u003cp\u003eConservez votre xylitol dans son pot d'origine, bien fermé, à l'abri de l'humidité et de la chaleur. Se conserve plusieurs années dans de bonnes conditions.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"xyl-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"xyl-grid-compact\"\u003e\n      \u003cdiv class=\"xyl-card\"\u003e\n        \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n        \u003cp\u003e250g\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"xyl-card\"\u003e\n        \u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n        \u003cp\u003eQualidiet\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"xyl-card\"\u003e\n        \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n        \u003cp\u003eRafle de maïs bio\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"xyl-card\"\u003e\n        \u003ch3\u003e🍃 Certification\u003c\/h3\u003e\n        \u003cp\u003eEcocert FR-BIO-01\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"xyl-card\"\u003e\n        \u003ch3\u003e📊 Indice glycémique\u003c\/h3\u003e\n        \u003cp\u003eTrès bas (IG 7-8)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"xyl-card\"\u003e\n        \u003ch3\u003e⚡ Valeur énergétique\u003c\/h3\u003e\n        \u003cp\u003e2,4 kcal\/g\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"xyl-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"xyl-cta-box\"\u003e\n      \u003cp\u003e🌟 Adoptez le xylitol biologique Qualidiet pour une alimentation plus saine sans renoncer au plaisir sucré. Certifié bio, indice glycémique ultra-bas et goût identique au sucre : la révolution naturelle pour votre cuisine quotidienne.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"xyl-disclaimer\"\u003eLes compléments alimentaires ne se substituent 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\n\u003cstyle\u003e\n:root {\n  --xyl-cream: #F9F7F2;\n  --xyl-white: #ffffff;\n  --xyl-primary: #8B6914;\n  --xyl-primary-dark: #6B5010;\n  --xyl-primary-light: #FDF8E8;\n  --xyl-secondary: #4A7C31;\n  --xyl-accent: #D4442C;\n  --xyl-text: #1a1a1a;\n  --xyl-text-light: #5a5a5a;\n  --xyl-border: #e0e0e0;\n  --xyl-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --xyl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --xyl-radius: 20px;\n  --xyl-radius-sm: 12px;\n}\n\n.xyl-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--xyl-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.xyl-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--xyl-primary) 0%, var(--xyl-primary-dark) 50%, var(--xyl-secondary) 100%);\n  border-radius: var(--xyl-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(--xyl-shadow-lg);\n}\n\n.xyl-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .08;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n}\n\n.xyl-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.xyl-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.xyl-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(--xyl-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.xyl-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.xyl-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.xyl-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.xyl-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  margin: 0;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.xyl-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.xyl-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--xyl-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.xyl-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(--xyl-primary), var(--xyl-secondary));\n  border-radius: 2px;\n}\n\n.xyl-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.xyl-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.xyl-card {\n  background: var(--xyl-white);\n  border-radius: var(--xyl-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--xyl-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.xyl-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--xyl-shadow-lg);\n  border-color: var(--xyl-primary);\n}\n\n.xyl-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--xyl-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.xyl-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--xyl-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.xyl-grid-compact .xyl-card {\n  padding: 1rem;\n}\n\n.xyl-grid-compact .xyl-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.xyl-grid-compact .xyl-card p {\n  font-size: 12px;\n}\n\n.xyl-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.xyl-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.xyl-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--xyl-primary), var(--xyl-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.xyl-timeline-content {\n  flex: 1;\n  background: var(--xyl-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--xyl-radius-sm);\n  box-shadow: var(--xyl-shadow);\n}\n\n.xyl-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--xyl-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.xyl-timeline-content p {\n  font-size: 14px;\n  color: var(--xyl-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.xyl-composition-box {\n  background: var(--xyl-white);\n  border-radius: var(--xyl-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--xyl-shadow);\n  text-align: center;\n  border: 2px solid var(--xyl-primary-light);\n}\n\n.xyl-composition-icon {\n  font-size: 56px;\n  margin-bottom: 1rem;\n}\n\n.xyl-composition-box h3 {\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 800;\n  color: var(--xyl-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n.xyl-composition-box \u003e p {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--xyl-text-light);\n  margin: 0 0 1.5rem 0;\n}\n\n.xyl-certifications {\n  display: flex;\n  flex-direction: column;\n  gap: .75rem;\n}\n\n.xyl-cert-item {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  background: var(--xyl-primary-light);\n  padding: .75rem 1rem;\n  border-radius: var(--xyl-radius-sm);\n  text-align: left;\n}\n\n.xyl-cert-icon {\n  font-size: 28px;\n  flex-shrink: 0;\n}\n\n.xyl-cert-text {\n  display: flex;\n  flex-direction: column;\n}\n\n.xyl-cert-text strong {\n  font-size: 14px;\n  color: var(--xyl-primary-dark);\n}\n\n.xyl-cert-text span {\n  font-size: 12px;\n  color: var(--xyl-text-light);\n}\n\n.xyl-accordion {\n  background: var(--xyl-white);\n  border-radius: var(--xyl-radius);\n  box-shadow: var(--xyl-shadow);\n  overflow: hidden;\n}\n\n.xyl-accordion-item {\n  border-bottom: 1px solid var(--xyl-border);\n  margin: 0;\n  padding: 0;\n}\n\n.xyl-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.xyl-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--xyl-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.xyl-accordion-header:hover {\n  background: var(--xyl-primary-light);\n}\n\n.xyl-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.xyl-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--xyl-primary);\n  transition: transform .2s ease;\n}\n\n.xyl-accordion-item[open] .xyl-accordion-header::after {\n  content: '−';\n}\n\n.xyl-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--xyl-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.xyl-accordion-content p {\n  margin: 0;\n}\n\n.xyl-cta-box {\n  background: linear-gradient(135deg, var(--xyl-primary) 0%, var(--xyl-primary-dark) 100%);\n  border-radius: var(--xyl-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.xyl-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.xyl-disclaimer {\n  font-size: 12px;\n  color: var(--xyl-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .xyl-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .xyl-card {\n    padding: 1.125rem;\n  }\n  \n  .xyl-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .xyl-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--xyl-radius-sm);\n  }\n  \n  .xyl-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .xyl-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .xyl-grid-compact {\n    gap: .625rem;\n  }\n  \n  .xyl-grid-compact .xyl-card {\n    padding: .75rem;\n  }\n  \n  .xyl-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .xyl-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .xyl-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .xyl-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .xyl-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .xyl-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .xyl-cert-item {\n    flex-direction: column;\n    text-align: center;\n    gap: .5rem;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .xyl-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .xyl-card:nth-child(1) { animation-delay: .05s; }\n  .xyl-card:nth-child(2) { animation-delay: .1s; }\n  .xyl-card:nth-child(3) { animation-delay: .15s; }\n  .xyl-card:nth-child(4) { animation-delay: .2s; }\n  .xyl-card:nth-child(5) { animation-delay: .25s; }\n  .xyl-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@media (prefers-reduced-motion: reduce) {\n  .xyl-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":55221970305401,"sku":"VO4670","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/xylitol-bio-surcre-de-bouleau-250g-qualidiet-ingredients.webp?v=1769017594","url":"https:\/\/www.naturellement-bio.com\/products\/xylitol-bio-250g-qualidiet","provider":"Naturellement Bio","version":"1.0","type":"link"}