{"product_id":"savonette-douceur-bio-lait-danesse-100g-la-corvette","title":"Savon de Marseille douceur bio - lait d'ânesse - 100g - La Corvette","description":"\u003cdiv class=\"lc-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"lc-hero\"\u003e\n    \u003cdiv class=\"lc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lc-hero-content\"\u003e\n      \u003cdiv class=\"lc-badges-top\"\u003e\n        \u003cspan class=\"lc-badge\"\u003e🌿 Certifié Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"lc-badge\"\u003e🏛️ Maison fondée en 1894\u003c\/span\u003e\n        \u003cspan class=\"lc-badge\"\u003e🐴 Lait d'ânesse bio\u003c\/span\u003e\n        \u003cspan class=\"lc-badge\"\u003e🇫🇷 Fabriqué à Marseille\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"lc-hero-title\"\u003eSavon de Marseille douceur bio au lait d'ânesse\u003c\/span\u003e\n      \u003cp class=\"lc-subtitle\"\u003eLa Corvette – Savonnerie du Midi\u003c\/p\u003e\n      \u003cp class=\"lc-description\"\u003eLe secret de beauté de Cléopâtre dans un savon artisanal certifié bio. 100 g de douceur pure, héritage de 130 ans de savoir-faire marseillais.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"lc-section\"\u003e\n    \u003ch2\u003eSavon douceur bio au lait d'ânesse La Corvette – Un soin ancestral certifié bio\u003c\/h2\u003e\n    \u003cp class=\"lc-section-intro\"\u003eConnaissez-vous le secret de beauté de Cléopâtre ? Le lait d'ânesse, utilisé depuis l'Antiquité pour préserver la douceur et l'éclat de la peau, est aujourd'hui au cœur de ce savon de Marseille douceur bio signé La Corvette.\u003c\/p\u003e\n    \u003cdiv class=\"lc-grid-compact\"\u003e\n      \u003cdiv class=\"lc-card\"\u003e\n        \u003ch3\u003e🏛️ Savoir-faire ancestral\u003c\/h3\u003e\n        \u003cp\u003eFabriqué par la Savonnerie du Midi, maison fondée en 1894 à Marseille\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lc-card\"\u003e\n        \u003ch3\u003e🌿 Certifié Cosmos Organic\u003c\/h3\u003e\n        \u003cp\u003eFormulation bio respectueuse de votre peau et de l'environnement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lc-card\"\u003e\n        \u003ch3\u003e🐴 Lait d'ânesse bio\u003c\/h3\u003e\n        \u003cp\u003eIngrédient star issu de l'agriculture biologique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lc-card\"\u003e\n        \u003ch3\u003e🧼 Format 100 g\u003c\/h3\u003e\n        \u003cp\u003eSavon solide artisanal compact de 6 × 3 × 6 cm\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"lc-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un savon au lait d'ânesse bio ?\u003c\/h2\u003e\n    \u003cp class=\"lc-section-intro\"\u003eLe lait d'ânesse est naturellement riche en vitamines, oligo-éléments et minéraux. Intégré dans un savon de Marseille, il offre des bienfaits remarquables pour votre peau au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"lc-grid\"\u003e\n      \u003cdiv class=\"lc-card\"\u003e\n        \u003ch3\u003e✨ Nettoie en douceur\u003c\/h3\u003e\n        \u003cp\u003eSans agresser le film hydrolipidique de la peau, pour un nettoyage respectueux jour après jour\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lc-card\"\u003e\n        \u003ch3\u003e🤍 Apaise les peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003eIdéal pour les peaux réactives et même les plus fragiles, il calme et réconforte l'épiderme\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lc-card\"\u003e\n        \u003ch3\u003e💧 Nourrit en profondeur\u003c\/h3\u003e\n        \u003cp\u003eGrâce aux propriétés émollientes du lait d'ânesse et de la glycérine naturelle issue de la saponification\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lc-tip\"\u003e\n      \u003cspan class=\"lc-tip-icon\"\u003e👨‍👩‍👧‍👦\u003c\/span\u003e\n      \u003cp\u003eQue vous ayez la peau sèche, mixte ou normale, ce savon \u003cstrong\u003econvient à tous les types de peau\u003c\/strong\u003e et à toute la famille. Il s'utilise aussi bien pour les mains que pour le corps, matin et soir.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"lc-section\"\u003e\n    \u003ch2\u003eUne composition bio et transparente\u003c\/h2\u003e\n    \u003cp class=\"lc-section-intro\"\u003eChez La Corvette, chaque ingrédient est choisi avec soin. Ce savon douceur est formulé à partir d'huiles végétales biologiques certifiées RSPO et parfumé exclusivement avec un parfum d'origine naturelle.\u003c\/p\u003e\n    \u003cdiv class=\"lc-accordion\"\u003e\n      \u003cdetails class=\"lc-accordion-item\" open\u003e\n        \u003csummary class=\"lc-accordion-header\"\u003e🧴 Agents nettoyants végétaux bio\u003c\/summary\u003e\n        \u003cdiv class=\"lc-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eSodium Palmate**\u003c\/strong\u003e – agent nettoyant d'origine végétale bio\u003cbr\u003e\n          \u003cstrong\u003eSodium Palm Kernelate**\u003c\/strong\u003e – tensioactif végétal bio\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lc-accordion-item\"\u003e\n        \u003csummary class=\"lc-accordion-header\"\u003e💧 Hydratants et base\u003c\/summary\u003e\n        \u003cdiv class=\"lc-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eAqua\u003c\/strong\u003e – eau\u003cbr\u003e\n          \u003cstrong\u003eGlycerin**\u003c\/strong\u003e – hydratant naturel issu de la saponification\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lc-accordion-item\"\u003e\n        \u003csummary class=\"lc-accordion-header\"\u003e🐴 Lait d'ânesse bio\u003c\/summary\u003e\n        \u003cdiv class=\"lc-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eDonkey Milk*\u003c\/strong\u003e – lait d'ânesse issu de l'agriculture biologique, l'ingrédient star de ce savon aux vertus nourrissantes et apaisantes ancestrales\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lc-accordion-item\"\u003e\n        \u003csummary class=\"lc-accordion-header\"\u003e🌸 Parfum et autres ingrédients\u003c\/summary\u003e\n        \u003cdiv class=\"lc-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eParfum***\u003c\/strong\u003e – parfum naturel\u003cbr\u003e\n          \u003cstrong\u003eTetrasodium Glutamate Diacetate\u003c\/strong\u003e – agent stabilisant\u003cbr\u003e\n          Sodium Chloride, Sodium Hydroxide, Citric Acid, Linalool\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lc-tip\"\u003e\n      \u003cspan class=\"lc-tip-icon\"\u003eℹ️\u003c\/span\u003e\n      \u003cp\u003e\u003cem\u003e*Ingrédient issu de l'agriculture biologique – **Transformés à partir d'ingrédients biologiques – ***Parfum naturel\u003c\/em\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"lc-section\"\u003e\n    \u003ch2\u003eComment utiliser votre savon de Marseille au lait d'ânesse ?\u003c\/h2\u003e\n    \u003cdiv class=\"lc-timeline\"\u003e\n      \u003cdiv class=\"lc-timeline-item\"\u003e\n        \u003cdiv class=\"lc-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"lc-timeline-content\"\u003e\n          \u003ch3\u003eMouillez\u003c\/h3\u003e\n          \u003cp\u003eHumidifiez vos mains ou directement la peau du corps sous l'eau tiède\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lc-timeline-item\"\u003e\n        \u003cdiv class=\"lc-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"lc-timeline-content\"\u003e\n          \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n          \u003cp\u003eFaites mousser le savon entre vos mains humides ou directement sur la peau mouillée du corps\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lc-timeline-item\"\u003e\n        \u003cdiv class=\"lc-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"lc-timeline-content\"\u003e\n          \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n          \u003cp\u003eProfitez de sa mousse onctueuse en massant doucement la peau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lc-timeline-item\"\u003e\n        \u003cdiv class=\"lc-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"lc-timeline-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau claire. Votre peau est souple et subtilement parfumée\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lc-tip\"\u003e\n      \u003cspan class=\"lc-tip-icon\"\u003e⚠️\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003ePrécautions :\u003c\/strong\u003e ce savon est destiné à un usage externe uniquement. Évitez le contact avec les yeux. En cas de projection, rincez abondamment à l'eau claire.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"lc-section\"\u003e\n    \u003ch2\u003eUn savon de Marseille authentique et responsable\u003c\/h2\u003e\n    \u003cp class=\"lc-section-intro\"\u003eLa Corvette perpétue depuis plus de 130 ans la tradition du véritable savon de Marseille. Contrairement aux copeaux de savon de Marseille ou au savon liquide de Marseille industriels que l'on trouve partout, ce savon solide est fabriqué dans les règles de l'art, à Marseille même.\u003c\/p\u003e\n    \u003cdiv class=\"lc-grid-compact\"\u003e\n      \u003cdiv class=\"lc-card\"\u003e\n        \u003ch3\u003e🏭 Fabriqué à Marseille\u003c\/h3\u003e\n        \u003cp\u003eDans la plus pure tradition savonnière provençale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lc-card\"\u003e\n        \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n        \u003cp\u003eCertification Cosmos Organic, huiles RSPO responsables\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lc-card\"\u003e\n        \u003ch3\u003e✈️ Format voyage\u003c\/h3\u003e\n        \u003cp\u003eCompact (6 × 3 × 6 cm), se glisse partout facilement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lc-card\"\u003e\n        \u003ch3\u003e🌱 100 % naturel\u003c\/h3\u003e\n        \u003cp\u003eFormulation respectueuse de votre peau et de l'environnement\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"lc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"lc-cta-box\"\u003e\n      \u003cp\u003e🐴 Offrez à votre peau le secret de beauté millénaire de Cléopâtre.\u003cbr\u003eUn geste beauté simple, naturel et éco-responsable pour prendre soin de vous chaque jour.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"lc-disclaimer\"\u003eCe savon cosmétique ne se substitue pas à un traitement dermatologique. En cas de problème cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --lc-cream: #FAF7F2;\n  --lc-white: #ffffff;\n  --lc-primary: #8B7355;\n  --lc-primary-dark: #5E4D37;\n  --lc-primary-light: #F0EAE0;\n  --lc-secondary: #5A7A3A;\n  --lc-accent: #D4C5A0;\n  --lc-text: #1a1a1a;\n  --lc-text-light: #5a5a5a;\n  --lc-border: #e5ded4;\n  --lc-shadow: 0 4px 24px rgba(94,77,55,.08);\n  --lc-shadow-lg: 0 12px 48px rgba(94,77,55,.15);\n  --lc-radius: 20px;\n  --lc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.lc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #5E4D37 0%, #8B7355 40%, #5A7A3A 100%);\n  border-radius: var(--lc-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(--lc-shadow-lg);\n}\n\n.lc-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(212,197,160,.1) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.lc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.lc-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.lc-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.lc-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.lc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.lc-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(--lc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lc-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.lc-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(--lc-primary), var(--lc-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.lc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lc-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.lc-card {\n  background: var(--lc-white);\n  border-radius: var(--lc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lc-shadow-lg);\n  border-color: var(--lc-primary);\n}\n\n.lc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.lc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.lc-grid-compact .lc-card {\n  padding: 1rem;\n}\n\n.lc-grid-compact .lc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.lc-grid-compact .lc-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.lc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.lc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.lc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--lc-primary), var(--lc-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.lc-timeline-content {\n  flex: 1;\n  background: var(--lc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--lc-radius-sm);\n  box-shadow: var(--lc-shadow);\n}\n\n.lc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--lc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.lc-timeline-content p {\n  font-size: 14px;\n  color: var(--lc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.lc-accordion {\n  background: var(--lc-white);\n  border-radius: var(--lc-radius);\n  box-shadow: var(--lc-shadow);\n  overflow: hidden;\n}\n\n.lc-accordion-item {\n  border-bottom: 1px solid var(--lc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.lc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.lc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lc-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.lc-accordion-header:hover {\n  background: var(--lc-primary-light);\n}\n\n.lc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.lc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--lc-primary);\n  transition: transform .2s ease;\n}\n\n.lc-accordion-item[open] .lc-accordion-header::after {\n  content: '−';\n}\n\n.lc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.lc-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.lc-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--lc-primary-light);\n  border-radius: var(--lc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.lc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.lc-tip p {\n  font-size: 14px;\n  color: var(--lc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.lc-cta-box {\n  background: linear-gradient(135deg, var(--lc-primary) 0%, var(--lc-primary-dark) 100%);\n  border-radius: var(--lc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.lc-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.lc-disclaimer {\n  font-size: 12px;\n  color: var(--lc-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  .lc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .lc-card {\n    padding: 1.125rem;\n  }\n\n  .lc-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .lc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--lc-radius-sm);\n  }\n\n  .lc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .lc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .lc-grid-compact {\n    gap: .625rem;\n  }\n\n  .lc-grid-compact .lc-card {\n    padding: .75rem;\n  }\n\n  .lc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .lc-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .lc-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .lc-timeline-content p {\n    font-size: 13px;\n  }\n\n  .lc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .lc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .lc-testimonial {\n    padding: 1.25rem;\n  }\n\n  .lc-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .lc-card {\n    animation: lcFadeInUp .5s ease backwards;\n  }\n  .lc-card:nth-child(1) { animation-delay: .05s; }\n  .lc-card:nth-child(2) { animation-delay: .1s; }\n  .lc-card:nth-child(3) { animation-delay: .15s; }\n  .lc-card:nth-child(4) { animation-delay: .2s; }\n  .lc-card:nth-child(5) { animation-delay: .25s; }\n  .lc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lcFadeInUp {\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  .lc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LA CORVETTE","offers":[{"title":"Default Title","offer_id":56731253965177,"sku":"NBAILAC0053","price":3.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-de-marseille-douceur-bio-lait-danesse-100g-la-corvette-lifestyle.webp?v=1772015697","url":"https:\/\/www.naturellement-bio.com\/products\/savonette-douceur-bio-lait-danesse-100g-la-corvette","provider":"Naturellement Bio","version":"1.0","type":"link"}