{"product_id":"creme-a-lelixir-du-suedois-100-ml-dr-theiss","title":"Crème à l'Élixir du Suédois Dr. Theiss – 100 ml","description":"\u003cdiv class=\"es-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"es-hero\"\u003e\n\u003cdiv class=\"es-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"es-hero-content\"\u003e\n\u003cdiv class=\"es-badges-top\"\u003e\n\u003cspan class=\"es-badge\"\u003e🌿 Élixir du Suédois Bio\u003c\/span\u003e \u003cspan class=\"es-badge\"\u003e🇩🇪 Laboratoire allemand\u003c\/span\u003e \u003cspan class=\"es-badge\"\u003e🧴 100 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"es-hero-title\"\u003eCrème à l'Élixir du Suédois Dr. Theiss\u003c\/span\u003e\n\u003cp class=\"es-subtitle\"\u003eDu jardin d'herbes de Maria\u003c\/p\u003e\n\u003cp class=\"es-description\"\u003eLa puissance de la tradition herboriste européenne dans une crème apaisante à base d'extraits de plantes bio – camphre, aloe vera et huiles végétales nobles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"es-section\"\u003e\n\u003ch2\u003eCrème à l'Élixir du Suédois Dr. Theiss – Un soin naturel pour apaiser vos muscles\u003c\/h2\u003e\n\u003cp class=\"es-section-intro\"\u003eVous ressentez des \u003cstrong\u003etensions musculaires\u003c\/strong\u003e, des courbatures après l'effort ou des raideurs articulaires au quotidien ?\u003c\/p\u003e\n\u003cdiv class=\"es-highlight-box\"\u003e\n\u003cp\u003eLa \u003cstrong\u003eCrème à l'Élixir du Suédois Dr. Theiss\u003c\/strong\u003e est formulée pour vous offrir un \u003cstrong\u003esoulagement rapide et durable\u003c\/strong\u003e, grâce à une synergie d'extraits de plantes issue de la tradition herboriste européenne. Fabriquée par \u003cstrong\u003eDr. Theiss Naturwaren GmbH\u003c\/strong\u003e, cette crème de 100 ml s'inscrit dans la lignée des soins naturels de la marque, reconnue également pour son \u003cstrong\u003ebaume au souci Dr. Theiss\u003c\/strong\u003e, son argent colloïdal ou encore le Dissolium.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"es-section\"\u003e\n\u003ch2\u003eLa recette ancestrale de Maria Treben en crème\u003c\/h2\u003e\n\u003cdiv class=\"es-testimonial\"\u003e\n\u003cp class=\"es-testimonial-text\"\u003eL'\u003cstrong\u003eélixir du Suédois\u003c\/strong\u003e est un remède traditionnel à base de plantes médicinales, popularisé par l'herboriste autrichienne \u003cstrong\u003eMaria Treben\u003c\/strong\u003e. Utilisé depuis des siècles pour ses propriétés apaisantes et tonifiantes, il est ici décliné en crème pour une application locale ciblée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"es-stat-row\"\u003e\n\u003cdiv class=\"es-stat-card\"\u003e\n\u003cspan class=\"es-stat-number\"\u003e6 %\u003c\/span\u003e \u003cspan class=\"es-stat-label\"\u003ed'extraits de plantes bio\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"es-stat-card\"\u003e\n\u003cspan class=\"es-stat-number\"\u003e13\u003c\/span\u003e \u003cspan class=\"es-stat-label\"\u003eplantes médicinales\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"es-stat-card\"\u003e\n\u003cspan class=\"es-stat-number\"\u003e40+\u003c\/span\u003e \u003cspan class=\"es-stat-label\"\u003eans d'expertise\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"es-section-intro\"\u003eLa formule combine des actifs végétaux issus de cet élixir ancestral avec des ingrédients modernes, pour un soin à la fois fidèle à la tradition et adapté aux exigences actuelles.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"es-section\"\u003e\n\u003ch2\u003eDes ingrédients clés soigneusement sélectionnés\u003c\/h2\u003e\n\u003cdiv class=\"es-grid\"\u003e\n\u003cdiv class=\"es-card\"\u003e\n\u003ch3\u003e🌿 Extraits de plantes (6 %)\u003c\/h3\u003e\n\u003cp\u003eAngélique, rhubarbe, myrrhe, safran, valériane, cannelle, cardamome… Un complexe végétal aux vertus apaisantes et décontracturantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"es-card\"\u003e\n\u003ch3\u003e🔥 Camphre\u003c\/h3\u003e\n\u003cp\u003eProcure un effet chauffant immédiat qui aide à détendre les muscles noués et les articulations sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"es-card\"\u003e\n\u003ch3\u003e💧 Aloe vera\u003c\/h3\u003e\n\u003cp\u003eHydrate, apaise et favorise la régénération naturelle de la peau après l'effort ou au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"es-card\"\u003e\n\u003ch3\u003e🥑 Huiles de jojoba et d'avocat\u003c\/h3\u003e\n\u003cp\u003eNourrissent la peau en profondeur et facilitent la pénétration des actifs pour une efficacité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"es-card\"\u003e\n\u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n\u003cp\u003eAntioxydante, elle protège les cellules cutanées du stress oxydatif et préserve la jeunesse de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"es-card\"\u003e\n\u003ch3\u003e✨ Panthénol\u003c\/h3\u003e\n\u003cp\u003eRépare et hydrate les peaux fragilisées ou irritées par les frottements et les tensions répétées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"es-section\"\u003e\n\u003ch2\u003eComment utiliser cette crème à l'élixir du Suédois ?\u003c\/h2\u003e\n\u003cdiv class=\"es-timeline\"\u003e\n\u003cdiv class=\"es-timeline-item\"\u003e\n\u003cdiv class=\"es-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"es-timeline-content\"\u003e\n\u003ch3\u003ePrélevez une noisette de crème\u003c\/h3\u003e\n\u003cp\u003eUne petite quantité suffit pour couvrir une zone ciblée : dos, épaules, nuque, jambes ou genoux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"es-timeline-item\"\u003e\n\u003cdiv class=\"es-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"es-timeline-content\"\u003e\n\u003ch3\u003eMassez en mouvements circulaires\u003c\/h3\u003e\n\u003cp\u003eAppliquez sur les zones concernées et massez jusqu'à absorption complète. La texture onctueuse pénètre rapidement sans laisser de film gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"es-timeline-item\"\u003e\n\u003cdiv class=\"es-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"es-timeline-content\"\u003e\n\u003ch3\u003eRenouvelez 2 à 3 fois par jour\u003c\/h3\u003e\n\u003cp\u003eAdaptez la fréquence d'application selon vos besoins et l'intensité de vos tensions musculaires ou articulaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"es-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdetails class=\"es-accordion-item\"\u003e\n\u003csummary class=\"es-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"es-accordion-content mt-3\"\u003e\n\u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux et les muqueuses. Ne pas appliquer sur une peau lésée ou irritée. Déconseillé aux femmes enceintes sans avis médical. Ce produit ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"es-section\"\u003e\n\u003ch2\u003ePourquoi les avis sur Dr. Theiss sont-ils si positifs ?\u003c\/h2\u003e\n\u003cdiv class=\"es-grid-compact\"\u003e\n\u003cdiv class=\"es-card\"\u003e\n\u003ch3\u003e🚫 Sans ingrédients nocifs\u003c\/h3\u003e\n\u003cp\u003eSans PEG, sans colorants artificiels, sans graisse animale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"es-card\"\u003e\n\u003ch3\u003e🌱 Élixir du Suédois bio\u003c\/h3\u003e\n\u003cp\u003eExtraits de plantes issus de l'agriculture biologique certifiée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"es-card\"\u003e\n\u003ch3\u003e🏃 Polyvalence\u003c\/h3\u003e\n\u003cp\u003eIdéale après le sport, en période de stress ou pour retrouver du confort au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"es-card\"\u003e\n\u003ch3\u003e🇩🇪 Marque de confiance\u003c\/h3\u003e\n\u003cp\u003eDr. Theiss est un laboratoire allemand spécialisé dans les soins naturels depuis plus de 40 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"es-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"es-accordion\"\u003e\n\u003cdetails class=\"es-accordion-item\"\u003e\n\u003csummary class=\"es-accordion-header\"\u003e📋 Voir la liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"es-accordion-content mt-3\"\u003e\n\u003cp\u003eAqua, Buxus Chinensis, Squalan, Hydrogenated Coco-Glycerides, Persea Gratissima, Glyceryl Stearate, Glycerin, Cetyl Alcohol, Stearic Acid, Alcohol, Camphor, Tocopheryl Acetate, Panthenol, Phenoxyethanol, Methylparaben, Potassium Sorbate, Sodium Hydroxide, Citric Acid, Aloe Barbadensis, Angelica Archangelica, Carlina Acaulis, Cassia Angustifolia, Cimicifuga Racemosa, Cinnamomum Zeylanicum, Commiphora Myrrha, Crocus Sativus, Curcuma Zedoaria, Elettaria Cardamomum, Fraxinus Ornus, Rheum Palmatum, Valeriana Officinalis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"es-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"es-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à vos muscles le réconfort d'un soin ancestral revisité. La Crème à l'Élixir du Suédois Dr. Theiss, c'est la tradition au service de votre bien-être quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"es-disclaimer\"\u003eLes compléments alimentaires et soins ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --es-cream: #FDF6EC;\n  --es-white: #ffffff;\n  --es-primary: #2E7D32;\n  --es-primary-dark: #1B5E20;\n  --es-primary-light: #E8F5E9;\n  --es-secondary: #E8A317;\n  --es-accent: #D84315;\n  --es-text: #1a1a1a;\n  --es-text-light: #5a5a5a;\n  --es-border: #e0e0e0;\n  --es-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --es-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --es-radius: 20px;\n  --es-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.es-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--es-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.es-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--es-primary-dark) 0%, var(--es-primary) 50%, #43A047 100%);\n  border-radius: var(--es-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(--es-shadow-lg);\n}\n\n.es-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(232,163,23,.15) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.es-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.es-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.es-subtitle {\n  color: var(--es-secondary);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n  font-style: italic;\n}\n\n.es-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.es-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.es-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(--es-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.es-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.es-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.es-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--es-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.es-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(--es-primary), var(--es-secondary));\n  border-radius: 2px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.es-highlight-box {\n  background: var(--es-white);\n  border-radius: var(--es-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--es-shadow);\n  border-left: 4px solid var(--es-secondary);\n}\n\n.es-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--es-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === STAT ROW === *\/\n.es-stat-row {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n  margin: 1.5rem 0;\n}\n\n.es-stat-card {\n  background: var(--es-white);\n  border-radius: var(--es-radius-sm);\n  padding: clamp(1rem, 3vw, 1.5rem);\n  text-align: center;\n  box-shadow: var(--es-shadow);\n  border-top: 3px solid var(--es-primary);\n  transition: all .3s ease;\n}\n\n.es-stat-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--es-shadow-lg);\n}\n\n.es-stat-number {\n  display: block;\n  font-size: clamp(24px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--es-primary);\n  letter-spacing: -.03em;\n  line-height: 1.2;\n}\n\n.es-stat-label {\n  display: block;\n  font-size: clamp(11px, 2vw, 14px);\n  color: var(--es-text-light);\n  font-weight: 600;\n  margin-top: .25rem;\n}\n\n\/* === CARDS === *\/\n.es-card {\n  background: var(--es-white);\n  border-radius: var(--es-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--es-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.es-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--es-shadow-lg);\n  border-color: var(--es-primary);\n}\n\n.es-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--es-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.es-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--es-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.es-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.es-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.es-grid-compact .es-card {\n  padding: 1rem;\n}\n\n.es-grid-compact .es-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.es-grid-compact .es-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.es-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.es-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.es-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--es-primary), var(--es-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.es-timeline-content {\n  flex: 1;\n  background: var(--es-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--es-radius-sm);\n  box-shadow: var(--es-shadow);\n}\n\n.es-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--es-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.es-timeline-content p {\n  font-size: 14px;\n  color: var(--es-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.es-testimonial {\n  background: var(--es-white);\n  border-radius: var(--es-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--es-shadow);\n  border-left: 4px solid var(--es-primary);\n}\n\n.es-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--es-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.es-accordion {\n  background: var(--es-white);\n  border-radius: var(--es-radius);\n  box-shadow: var(--es-shadow);\n  overflow: hidden;\n}\n\n.es-accordion-item {\n  border-bottom: 1px solid var(--es-border);\n  margin: 0;\n  padding: 0;\n}\n\n.es-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.es-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--es-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.es-accordion-header:hover {\n  background: var(--es-primary-light);\n}\n\n.es-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.es-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--es-primary);\n  transition: transform .2s ease;\n}\n\n.es-accordion-item[open] .es-accordion-header::after {\n  content: '−';\n}\n\n.es-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--es-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.es-accordion-content p {\n  margin: 0;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.es-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--es-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\/* === CTA FINAL === *\/\n.es-cta-box {\n  background: linear-gradient(135deg, var(--es-primary) 0%, var(--es-primary-dark) 100%);\n  border-radius: var(--es-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.es-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 30% 70%, rgba(232,163,23,.2) 0%, transparent 50%);\n}\n\n.es-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  position: relative;\n  z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.es-disclaimer {\n  font-size: 12px;\n  color: var(--es-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  .es-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .es-card {\n    padding: 1.125rem;\n  }\n\n  .es-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .es-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--es-radius-sm);\n  }\n\n  .es-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .es-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  \/* Stats mobile *\/\n  .es-stat-row {\n    grid-template-columns: repeat(3, 1fr);\n    gap: .625rem;\n  }\n\n  .es-stat-card {\n    padding: .75rem .5rem;\n  }\n\n  .es-stat-number {\n    font-size: 22px;\n  }\n\n  .es-stat-label {\n    font-size: 10px;\n  }\n\n  \/* Grille compacte *\/\n  .es-grid-compact {\n    gap: .625rem;\n  }\n\n  .es-grid-compact .es-card {\n    padding: .75rem;\n  }\n\n  \/* Timeline mobile *\/\n  .es-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .es-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .es-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .es-timeline-content p {\n    font-size: 13px;\n  }\n\n  \/* Accordéon mobile *\/\n  .es-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .es-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  \/* Testimonial mobile *\/\n  .es-testimonial {\n    padding: 1.25rem;\n  }\n\n  .es-testimonial-text {\n    font-size: 14px;\n  }\n\n  \/* Highlight box mobile *\/\n  .es-highlight-box {\n    padding: 1.25rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .es-card {\n    animation: esFadeInUp .5s ease backwards;\n  }\n  .es-card:nth-child(1) { animation-delay: .05s; }\n  .es-card:nth-child(2) { animation-delay: .1s; }\n  .es-card:nth-child(3) { animation-delay: .15s; }\n  .es-card:nth-child(4) { animation-delay: .2s; }\n  .es-card:nth-child(5) { animation-delay: .25s; }\n  .es-card:nth-child(6) { animation-delay: .3s; }\n\n  .es-timeline-item {\n    animation: esFadeInUp .5s ease backwards;\n  }\n  .es-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .es-timeline-item:nth-child(2) { animation-delay: .15s; }\n  .es-timeline-item:nth-child(3) { animation-delay: .25s; }\n\n  .es-stat-card {\n    animation: esFadeInUp .5s ease backwards;\n  }\n  .es-stat-card:nth-child(1) { animation-delay: .05s; }\n  .es-stat-card:nth-child(2) { animation-delay: .1s; }\n  .es-stat-card:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes esFadeInUp {\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  .es-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"DR THEISS","offers":[{"title":"Default Title","offer_id":55231870697849,"sku":"NA0030","price":17.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-a-lelixir-du-suedois-dr-theiss-100-ml-packshothd.webp?v=1788516089","url":"https:\/\/www.naturellement-bio.com\/products\/creme-a-lelixir-du-suedois-100-ml-dr-theiss","provider":"Naturellement Bio","version":"1.0","type":"link"}