{"product_id":"savon-exfoliant-100-g-andromee","title":"Savon exfoliant - Pépins de raisin \u0026 Menthe - 100 g - Andromée","description":"\u003cdiv class=\"andr-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"andr-hero\"\u003e\n\u003cdiv class=\"andr-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"andr-hero-content\"\u003e\n\u003cdiv class=\"andr-badges-top\"\u003e\n\u003cspan class=\"andr-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e \u003cspan class=\"andr-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"andr-badge\"\u003e🐰 Vegan\u003c\/span\u003e \u003cspan class=\"andr-badge\"\u003e🍇 83 % bio\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"andr-hero-title\"\u003eSavon exfoliant pépins de raisin \u0026amp; menthe\u003c\/span\u003e\n\u003cp class=\"andr-subtitle\"\u003eAndromée · 100 g\u003c\/p\u003e\n\u003cp class=\"andr-description\"\u003eUn gommage corps 2-en-1 qui nettoie et exfolie en douceur grâce aux pépins de raisin bio et à la menthe verte vivifiante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"andr-section\"\u003e\n\u003cp class=\"andr-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon exfoliant\u003c\/strong\u003e capable de débarrasser votre peau des cellules mortes tout en la chouchoutant ?\u003c\/p\u003e\n\u003cdiv class=\"andr-grid-compact\"\u003e\n\u003cdiv class=\"andr-card\"\u003e\n\u003ch3\u003e🧼 Soin 2-en-1\u003c\/h3\u003e\n\u003cp\u003eNettoie et gomme en douceur, sans jamais agresser votre épiderme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"andr-card\"\u003e\n\u003ch3\u003e🧊 Saponification à froid\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France selon un procédé artisanal qui préserve toutes les vertus des huiles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"andr-card\"\u003e\n\u003ch3\u003e🌱 100 % naturel\u003c\/h3\u003e\n\u003cp\u003eD'origine entièrement naturelle, ce savon gommant respecte votre peau et la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"andr-card\"\u003e\n\u003ch3\u003e✋ Tous types de peau\u003c\/h3\u003e\n\u003cp\u003eConvient aussi bien aux peaux sensibles qu'aux peaux mixtes ou sèches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"andr-section\"\u003e\n\u003ch2\u003ePourquoi choisir un savon exfoliant naturel ?\u003c\/h2\u003e\n\u003cdiv class=\"andr-testimonial\"\u003e\n\u003cp class=\"andr-testimonial-text\"\u003eContrairement aux gommages classiques qui contiennent souvent des microbilles plastiques, ce \u003cstrong\u003esavon exfoliant corps\u003c\/strong\u003e mise sur la poudre de pépins de raisin pour un gommage mécanique respectueux de votre peau et de l'environnement. Les grains fins éliminent efficacement les impuretés en surface, tandis que la formule riche en beurre de karité et en huile de coco préserve l'hydratation naturelle de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"andr-tip\"\u003e\n\u003cspan class=\"andr-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eRésultat :\u003c\/strong\u003e une peau douce, lisse et revitalisée dès la première utilisation, sans sensation de tiraillement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"andr-section\"\u003e\n\u003ch2\u003eDes ingrédients soigneusement sélectionnés\u003c\/h2\u003e\n\u003cp class=\"andr-section-intro\"\u003eCe savon solide concentre le meilleur de la nature avec \u003cstrong\u003e83 % d'ingrédients issus de l'agriculture biologique\u003c\/strong\u003e :\u003c\/p\u003e\n\u003cdiv class=\"andr-grid\"\u003e\n\u003cdiv class=\"andr-card\"\u003e\n\u003ch3\u003e🍇 Poudre de pépins de raisin bio\u003c\/h3\u003e\n\u003cp\u003eExfoliante naturelle aux propriétés antioxydantes, elle désincruste les pores et stimule la circulation cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"andr-card\"\u003e\n\u003ch3\u003e🌿 Menthe verte bio\u003c\/h3\u003e\n\u003cp\u003eApporte une sensation de fraîcheur immédiate et un parfum vivifiant à chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"andr-card\"\u003e\n\u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n\u003cp\u003eNourrit en profondeur et renforce la barrière cutanée pour une peau protégée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"andr-card\"\u003e\n\u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n\u003cp\u003eGénère une mousse fine et onctueuse, tout en apportant une hydratation durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"andr-card\"\u003e\n\u003ch3\u003e🪨 Argiles purifiantes\u003c\/h3\u003e\n\u003cp\u003eIllite, kaolin et montmorillonite purifient la peau en douceur et absorbent l'excès de sébum.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"andr-card\"\u003e\n\u003ch3\u003e🌻 Huiles végétales bio\u003c\/h3\u003e\n\u003cp\u003eTournesol et colza complètent la formule avec des acides gras essentiels nourrissants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.25rem;\" class=\"andr-accordion\"\u003e\n\u003cdetails class=\"andr-accordion-item\"\u003e\n\u003csummary class=\"andr-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"andr-accordion-content mt-3\"\u003e\n\u003cp\u003eSodium Shea Butterate*, Sodium Cocoate*, Sodium Rapeseedate*, Sodium Sunflowerseedate*, Aqua, Glycerin*, Butyrospermum Parkii Butter*, Cocos Nucifera Oil*, Mentha Spicata Herb Oil*, Helianthus Annuus Seed Oil*, Brassica Napus Seed Oil*, Illite, Vitis Vinifera Seed Powder*, Kaolin, Montmorillonite. (*bio)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"andr-section\"\u003e\n\u003ch2\u003eComment utiliser ce savon gommant ?\u003c\/h2\u003e\n\u003cp class=\"andr-section-intro\"\u003ePour profiter pleinement de ses bienfaits exfoliants, suivez ces quelques étapes simples :\u003c\/p\u003e\n\u003cdiv class=\"andr-timeline\"\u003e\n\u003cdiv class=\"andr-timeline-item\"\u003e\n\u003cdiv class=\"andr-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"andr-timeline-content\"\u003e\n\u003ch3\u003eHumidifiez le savon\u003c\/h3\u003e\n\u003cp\u003ePassez le savon sous l'eau tiède pour activer les agents exfoliants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"andr-timeline-item\"\u003e\n\u003cdiv class=\"andr-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"andr-timeline-content\"\u003e\n\u003ch3\u003eFaites mousser\u003c\/h3\u003e\n\u003cp\u003eFrottez entre vos mains jusqu'à obtenir une mousse onctueuse et parfumée à la menthe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"andr-timeline-item\"\u003e\n\u003cdiv class=\"andr-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"andr-timeline-content\"\u003e\n\u003ch3\u003eAppliquez en mouvements circulaires\u003c\/h3\u003e\n\u003cp\u003eMassez l'ensemble du corps avec des gestes doux et circulaires pour un gommage uniforme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"andr-timeline-item\"\u003e\n\u003cdiv class=\"andr-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"andr-timeline-content\"\u003e\n\u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n\u003cp\u003eTerminez à l'eau claire pour révéler une peau douce et fraîche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"andr-tip\"\u003e\n\u003cspan class=\"andr-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eUtilisez ce \u003cstrong\u003esavon exfoliant corps 1 à 2 fois par semaine\u003c\/strong\u003e pour un résultat optimal. Entre chaque utilisation, conservez-le au sec sur un porte-savon adapté afin de prolonger sa durée de vie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"andr-section\"\u003e\n\u003ch2\u003eLes engagements Andromée\u003c\/h2\u003e\n\u003cp class=\"andr-section-intro\"\u003eAndromée est une marque de \u003cstrong\u003ecosmétique circulaire\u003c\/strong\u003e engagée pour une beauté plus responsable. Ce savon exfoliant de 100 g incarne parfaitement cette philosophie :\u003c\/p\u003e\n\u003cdiv class=\"andr-grid-compact\"\u003e\n\u003cdiv class=\"andr-card\"\u003e\n\u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n\u003cp\u003eAucun ingrédient synthétique dans la formule.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"andr-card\"\u003e\n\u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n\u003cp\u003eAucun ingrédient d'origine animale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"andr-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabriqué par saponification à froid.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"andr-card\"\u003e\n\u003ch3\u003e🚫 Zéro plastique\u003c\/h3\u003e\n\u003cp\u003eSans microbilles plastiques, exfoliation 100 % végétale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA + DISCLAIMER --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"andr-section\"\u003e\n\u003cdiv class=\"andr-cta-box\"\u003e\n\u003cp\u003e🍇 Offrez à votre peau un gommage naturel et sensoriel avec le savon exfoliant Andromée aux pépins de raisin et menthe verte bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"andr-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. Évitez le contact avec les yeux. En cas d'irritation, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES ANDROMÉE === *\/\n:root {\n  --andr-cream: #faf6f5;\n  --andr-white: #ffffff;\n  --andr-primary: #b5859a;\n  --andr-primary-dark: #6b3a55;\n  --andr-primary-light: #f3e8ee;\n  --andr-secondary: #c9a0b4;\n  --andr-accent: #8c5070;\n  --andr-text: #1a1a1a;\n  --andr-text-light: #5a5a5a;\n  --andr-border: #e8dce2;\n  --andr-shadow: 0 4px 24px rgba(107, 58, 85, .08);\n  --andr-shadow-lg: 0 12px 48px rgba(107, 58, 85, .15);\n  --andr-radius: 20px;\n  --andr-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.andr-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--andr-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.andr-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8c5070 0%, #b5859a 50%, #c9a0b4 100%);\n  border-radius: var(--andr-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(--andr-shadow-lg);\n}\n\n.andr-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n              repeating-conic-gradient(rgba(255,255,255,.02) 0% 25%, transparent 0% 50%) 0 0 \/ 60px 60px;\n  opacity: .5;\n}\n\n.andr-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.andr-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  line-height: 1.1;\n}\n\n.andr-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .05em;\n  text-transform: uppercase;\n}\n\n.andr-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2.5vw, 18px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.andr-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.andr-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(--andr-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.andr-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.andr-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.andr-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--andr-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  line-height: 1.25;\n}\n\n.andr-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(--andr-primary), var(--andr-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.andr-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--andr-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.andr-card {\n  background: var(--andr-white);\n  border-radius: var(--andr-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--andr-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.andr-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--andr-shadow-lg);\n  border-color: var(--andr-primary);\n}\n\n.andr-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--andr-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.andr-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--andr-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.andr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.andr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.andr-grid-compact .andr-card {\n  padding: 1rem;\n}\n\n.andr-grid-compact .andr-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.andr-grid-compact .andr-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.andr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.andr-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.andr-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--andr-primary), var(--andr-accent));\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.andr-timeline-content {\n  flex: 1;\n  background: var(--andr-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--andr-radius-sm);\n  box-shadow: var(--andr-shadow);\n}\n\n.andr-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--andr-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.andr-timeline-content p {\n  font-size: 14px;\n  color: var(--andr-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.andr-testimonial {\n  background: var(--andr-white);\n  border-radius: var(--andr-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--andr-shadow);\n  border-left: 4px solid var(--andr-primary);\n}\n\n.andr-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--andr-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.andr-accordion {\n  background: var(--andr-white);\n  border-radius: var(--andr-radius);\n  box-shadow: var(--andr-shadow);\n  overflow: hidden;\n}\n\n.andr-accordion-item {\n  border-bottom: 1px solid var(--andr-border);\n  margin: 0;\n  padding: 0;\n}\n\n.andr-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.andr-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--andr-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.andr-accordion-header:hover {\n  background: var(--andr-primary-light);\n}\n\n.andr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.andr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--andr-primary);\n  transition: transform .2s ease;\n}\n\n.andr-accordion-item[open] .andr-accordion-header::after {\n  content: '−';\n}\n\n.andr-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--andr-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.andr-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.andr-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--andr-primary-light);\n  border-radius: var(--andr-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.andr-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.andr-tip p {\n  font-size: 14px;\n  color: var(--andr-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.andr-cta-box {\n  background: linear-gradient(135deg, var(--andr-primary) 0%, var(--andr-primary-dark) 100%);\n  border-radius: var(--andr-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.andr-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.andr-disclaimer {\n  font-size: 12px;\n  color: var(--andr-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  .andr-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .andr-card {\n    padding: 1.125rem;\n  }\n\n  .andr-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .andr-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--andr-radius-sm);\n  }\n\n  .andr-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .andr-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .andr-grid-compact {\n    gap: .625rem;\n  }\n\n  .andr-grid-compact .andr-card {\n    padding: .75rem;\n  }\n\n  .andr-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .andr-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .andr-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .andr-timeline-content p {\n    font-size: 13px;\n  }\n\n  .andr-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .andr-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .andr-testimonial {\n    padding: 1.25rem;\n  }\n\n  .andr-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .andr-card {\n    animation: andr-fadeInUp .5s ease backwards;\n  }\n  .andr-card:nth-child(1) { animation-delay: .05s; }\n  .andr-card:nth-child(2) { animation-delay: .1s; }\n  .andr-card:nth-child(3) { animation-delay: .15s; }\n  .andr-card:nth-child(4) { animation-delay: .2s; }\n  .andr-card:nth-child(5) { animation-delay: .25s; }\n  .andr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes andr-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  .andr-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"ANDROMÉE","offers":[{"title":"Default Title","offer_id":56816578625913,"sku":"NBAIAND0012","price":9.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-exfoliant-pepins-de-raisin-menthe-100-g-andromee-ingredients.webp?v=1773599282","url":"https:\/\/www.naturellement-bio.com\/products\/savon-exfoliant-100-g-andromee","provider":"Naturellement Bio","version":"1.0","type":"link"}