{"product_id":"savon-de-marseille-douceur-bio-fleur-de-lavande-100g-la-corvette","title":"Savon de Marseille douceur bio - fleur de lavande - 100g - La Corvette","description":"\u003cdiv class=\"lav-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"lav-hero\"\u003e\n\u003cdiv class=\"lav-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lav-hero-content\"\u003e\n\u003cdiv class=\"lav-badges-top\"\u003e\n\u003cspan class=\"lav-badge\"\u003e🌿 Certifié Cosmos Organic\u003c\/span\u003e \u003cspan class=\"lav-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"lav-badge\"\u003e🏛️ Savonnerie fondée en 1894\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"lav-hero-title\"\u003eSavon de Marseille douceur bio - fleur de lavande\u003c\/span\u003e\n\u003cp class=\"lav-subtitle\"\u003eLa Corvette · Savonnerie du Midi · 100 g\u003c\/p\u003e\n\u003cp class=\"lav-description\"\u003eUn savon authentique, certifié bio, délicatement parfumé à la lavande de Provence. Le savoir-faire artisanal d'une maison historique au service de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"lav-section\"\u003e\n\u003cp class=\"lav-section-intro\"\u003eOffrez à votre peau la douceur d'un \u003cstrong\u003esavon de Marseille\u003c\/strong\u003e authentique, certifié bio et délicatement parfumé à la fleur de lavande. Fabriqué en Provence par \u003cstrong\u003eLa Corvette\u003c\/strong\u003e, savonnerie du Midi fondée en 1894, ce savon douceur associe un savoir-faire artisanal séculaire à une formulation respectueuse de votre peau et de l'environnement.\u003c\/p\u003e\n\u003cdiv class=\"lav-grid-compact\"\u003e\n\u003cdiv class=\"lav-card\"\u003e\n\u003ch3\u003e🌾 100 % végétal\u003c\/h3\u003e\n\u003cp\u003eIngrédients d'origine végétale uniquement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lav-card\"\u003e\n\u003ch3\u003e🌸 Fleur de lavande\u003c\/h3\u003e\n\u003cp\u003eParfum provençal apaisant et délicat\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lav-card\"\u003e\n\u003ch3\u003e🧴 Format 100 g\u003c\/h3\u003e\n\u003cp\u003ePratique pour la maison et le voyage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lav-card\"\u003e\n\u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eCertification bio internationale reconnue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"lav-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce savon de Marseille à la lavande bio ?\u003c\/h2\u003e\n\u003cdiv class=\"lav-testimonial\"\u003e\n\u003cp class=\"lav-testimonial-text\"\u003eContrairement à de nombreux savons industriels, ce savon douceur bio est formulé à partir d'ingrédients \u003cstrong\u003e100 % d'origine végétale\u003c\/strong\u003e et porte la certification \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e. Cela vous garantit une composition contrôlée, sans ingrédient controversé, issue de l'agriculture biologique. C'est un choix idéal si vous cherchez une alternative naturelle aux gels douche en flacon plastique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lav-highlight-box\"\u003e\n\u003cp\u003eSon parfum de \u003cstrong\u003efleur de lavande\u003c\/strong\u003e, typique de la Provence, transforme chaque toilette en un moment de bien-être. La mousse, onctueuse et lisse, nettoie votre peau en douceur \u003cstrong\u003esans l'assécher\u003c\/strong\u003e, tout en lui apportant éclat et souplesse. Il convient à \u003cstrong\u003etous les types de peaux\u003c\/strong\u003e et à toute la famille, des plus jeunes aux plus sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"lav-section\"\u003e\n\u003ch2\u003eBienfaits et propriétés du savon douceur bio La Corvette\u003c\/h2\u003e\n\u003cdiv class=\"lav-grid\"\u003e\n\u003cdiv class=\"lav-card\"\u003e\n\u003ch3\u003e🧼 Nettoie en douceur\u003c\/h3\u003e\n\u003cp\u003eLave les mains et le corps sans agresser la barrière cutanée naturelle de votre peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lav-card\"\u003e\n\u003ch3\u003e🤲 Propriétés adoucissantes\u003c\/h3\u003e\n\u003cp\u003eLaisse la peau souple, confortable et nourrie après chaque utilisation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lav-card\"\u003e\n\u003ch3\u003e✨ Apporte de l'éclat\u003c\/h3\u003e\n\u003cp\u003eVotre peau retrouve son éclat naturel au quotidien grâce à une formule douce\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lav-card\"\u003e\n\u003ch3\u003e🫧 Mousse généreuse\u003c\/h3\u003e\n\u003cp\u003eTexture onctueuse et agréable à l'application, pour un moment de plaisir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lav-card\"\u003e\n\u003ch3\u003e💜 Parfum naturel de lavande\u003c\/h3\u003e\n\u003cp\u003eSenteur apaisante et rafraîchissante, évocation directe des champs provençaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lav-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eAdapté à tous types de peaux, des plus jeunes aux plus sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"lav-section\"\u003e\n\u003ch2\u003eComment utiliser ce savon de Marseille ?\u003c\/h2\u003e\n\u003cdiv class=\"lav-timeline\"\u003e\n\u003cdiv class=\"lav-timeline-item\"\u003e\n\u003cdiv class=\"lav-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"lav-timeline-content\"\u003e\n\u003ch3\u003eHumidifiez votre peau\u003c\/h3\u003e\n\u003cp\u003eMouillez vos mains et la zone du corps à nettoyer avec de l'eau tiède\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lav-timeline-item\"\u003e\n\u003cdiv class=\"lav-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"lav-timeline-content\"\u003e\n\u003ch3\u003eFaites mousser le savon\u003c\/h3\u003e\n\u003cp\u003eFrottez le savon entre vos mains ou directement sur le corps pour obtenir une mousse onctueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lav-timeline-item\"\u003e\n\u003cdiv class=\"lav-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"lav-timeline-content\"\u003e\n\u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n\u003cp\u003eRincez à l'eau tiède. Évitez le contact avec les yeux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lav-timeline-item\"\u003e\n\u003cdiv class=\"lav-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"lav-timeline-content\"\u003e\n\u003ch3\u003eLaissez sécher le savon\u003c\/h3\u003e\n\u003cp\u003ePosez-le sur un porte-savon aéré pour prolonger sa durée de vie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lav-tip\"\u003e\n\u003cspan class=\"lav-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e ce savon solide de 100 g se glisse facilement dans votre trousse de voyage. Format pratique, zéro risque de fuite - contrairement à un \u003cstrong\u003esavon de Marseille liquide\u003c\/strong\u003e ou un \u003cstrong\u003esavon liquide de Marseille\u003c\/strong\u003e classique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"lav-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"lav-accordion\"\u003e\n\u003cdetails open=\"\" class=\"lav-accordion-item\"\u003e\n\u003csummary class=\"lav-accordion-header\"\u003e📋 Liste des ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"lav-accordion-content mt-3\"\u003e\n\u003cp\u003eDIACETATE · PARFUM (FRAGRANCE) · SODIUM CHLORIDE · SODIUM HYDROXIDE · CITRIC ACID · GERANIOL · LIMONENE · LINALOOL\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"lav-accordion-item\"\u003e\n\u003csummary class=\"lav-accordion-header\"\u003e🌿 Certification et origine\u003c\/summary\u003e\n\u003cdiv class=\"lav-accordion-content mt-3\"\u003e\n\u003cp\u003eFormulation \u003cstrong\u003e100 % d'origine végétale\u003c\/strong\u003e, certifiée \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e. Période après ouverture : 6 mois.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"lav-section\"\u003e\n\u003ch2\u003eLa Corvette : l'héritage de la maison du savon de Marseille\u003c\/h2\u003e\n\u003cdiv class=\"lav-testimonial\"\u003e\n\u003cp class=\"lav-testimonial-text\"\u003eLa Corvette, c'est la \u003cstrong\u003eSavonnerie du Midi\u003c\/strong\u003e, l'une des dernières savonneries historiques de Marseille. Fondée en 1894, elle perpétue la fabrication traditionnelle du \u003cstrong\u003esavon de Marseille\u003c\/strong\u003e au cœur de la cité phocéenne. Que vous connaissiez \u003cstrong\u003ela maison du savon de Marseille\u003c\/strong\u003e à travers ses cubes emblématiques, ses \u003cstrong\u003ecopeaux de savon de Marseille\u003c\/strong\u003e pour la lessive ou ses savons parfumés, la marque La Corvette incarne l'authenticité et l'exigence de qualité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lav-highlight-box\"\u003e\n\u003cp\u003eCe savon est \u003cstrong\u003efabriqué en France\u003c\/strong\u003e, en région Provence-Alpes-Côte d'Azur - là où tout a commencé. Si vous êtes amateur de savons traditionnels, vous apprécierez également les \u003cstrong\u003ecopeaux savon de Marseille\u003c\/strong\u003e de la même marque, parfaits pour préparer votre propre \u003cstrong\u003esavon de Marseille lessive\u003c\/strong\u003e maison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"lav-section\"\u003e\n\u003cdiv class=\"lav-cta-box\"\u003e\n\u003cp\u003e🌿 Ce savon de Marseille douceur bio à la fleur de lavande La Corvette est un indispensable pour qui recherche un soin lavant naturel, efficace et respectueux. Certifié bio, fabriqué en France, il prend soin de votre peau comme de la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"lav-disclaimer\"\u003eSavon certifié Cosmos Organic · 100 % d'origine végétale · Fabriqué en France · PAO : 6 mois\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  --lav-cream: #FAF7F2;\n  --lav-white: #ffffff;\n  --lav-primary: #8B7BB5;\n  --lav-primary-dark: #5A4A8A;\n  --lav-primary-light: #F0ECF7;\n  --lav-secondary: #D4A853;\n  --lav-accent: #5C8A3E;\n  --lav-text: #1a1a1a;\n  --lav-text-light: #5a5a5a;\n  --lav-border: #e8e0d8;\n  --lav-shadow: 0 4px 24px rgba(90, 74, 138, .08);\n  --lav-shadow-lg: 0 12px 48px rgba(90, 74, 138, .15);\n  --lav-radius: 20px;\n  --lav-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.lav-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lav-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lav-hero {\n  position: relative;\n  background: linear-gradient(135deg, #9B8BC5 0%, #7B6BA5 40%, #5A4A8A 100%);\n  border-radius: var(--lav-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(--lav-shadow-lg);\n}\n\n.lav-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(ellipse at 20% 80%, rgba(212, 168, 83, .15) 0%, transparent 60%),\n                    radial-gradient(ellipse at 80% 20%, rgba(255, 255, 255, .08) 0%, transparent 50%),\n                    repeating-linear-gradient(45deg, transparent, transparent 40px, rgba(255,255,255,.02) 40px, rgba(255,255,255,.02) 80px);\n  opacity: 1;\n}\n\n.lav-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.lav-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.15;\n}\n\n.lav-subtitle {\n  color: rgba(255, 255, 255, .85);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 600;\n  letter-spacing: .05em;\n  text-transform: uppercase;\n  margin: 0 0 1.25rem 0;\n}\n\n.lav-description {\n  color: rgba(255, 255, 255, .9);\n  font-size: clamp(15px, 2.5vw, 18px);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.lav-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.lav-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(--lav-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lav-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lav-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lav-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lav-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.lav-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(--lav-primary), var(--lav-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.lav-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lav-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.lav-card {\n  background: var(--lav-white);\n  border-radius: var(--lav-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lav-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lav-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lav-shadow-lg);\n  border-color: var(--lav-primary);\n}\n\n.lav-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lav-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lav-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lav-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lav-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.lav-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.lav-grid-compact .lav-card {\n  padding: 1rem;\n}\n\n.lav-grid-compact .lav-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.lav-grid-compact .lav-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.lav-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.lav-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.lav-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--lav-primary), var(--lav-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.lav-timeline-content {\n  flex: 1;\n  background: var(--lav-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--lav-radius-sm);\n  box-shadow: var(--lav-shadow);\n}\n\n.lav-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--lav-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.lav-timeline-content p {\n  font-size: 14px;\n  color: var(--lav-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.lav-testimonial {\n  background: var(--lav-white);\n  border-radius: var(--lav-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--lav-shadow);\n  border-left: 4px solid var(--lav-primary);\n  margin-bottom: 1.25rem;\n}\n\n.lav-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lav-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.lav-highlight-box {\n  background: var(--lav-primary-light);\n  border-radius: var(--lav-radius-sm);\n  padding: clamp(1.25rem, 3vw, 1.75rem);\n  border: 1px solid rgba(139, 123, 181, .15);\n}\n\n.lav-highlight-box p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--lav-text);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === ACCORDÉON === *\/\n.lav-accordion {\n  background: var(--lav-white);\n  border-radius: var(--lav-radius);\n  box-shadow: var(--lav-shadow);\n  overflow: hidden;\n}\n\n.lav-accordion-item {\n  border-bottom: 1px solid var(--lav-border);\n  margin: 0;\n  padding: 0;\n}\n\n.lav-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.lav-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lav-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.lav-accordion-header:hover {\n  background: var(--lav-primary-light);\n}\n\n.lav-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.lav-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--lav-primary);\n  transition: transform .2s ease;\n}\n\n.lav-accordion-item[open] .lav-accordion-header::after {\n  content: '−';\n}\n\n.lav-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lav-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.lav-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.lav-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--lav-primary-light);\n  border-radius: var(--lav-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.lav-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.lav-tip p {\n  font-size: 14px;\n  color: var(--lav-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.lav-cta-box {\n  background: linear-gradient(135deg, var(--lav-primary) 0%, var(--lav-primary-dark) 100%);\n  border-radius: var(--lav-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.lav-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(ellipse at 30% 50%, rgba(212, 168, 83, .15), transparent 70%);\n}\n\n.lav-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.lav-disclaimer {\n  font-size: 12px;\n  color: var(--lav-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  .lav-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .lav-card {\n    padding: 1.125rem;\n  }\n\n  .lav-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .lav-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--lav-radius-sm);\n  }\n\n  .lav-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .lav-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .lav-grid-compact {\n    gap: .625rem;\n  }\n\n  .lav-grid-compact .lav-card {\n    padding: .75rem;\n  }\n\n  .lav-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .lav-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .lav-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .lav-timeline-content p {\n    font-size: 13px;\n  }\n\n  .lav-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .lav-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .lav-testimonial {\n    padding: 1.25rem;\n  }\n\n  .lav-testimonial-text {\n    font-size: 14px;\n  }\n\n  .lav-highlight-box {\n    padding: 1rem;\n  }\n\n  .lav-highlight-box p {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .lav-card {\n    animation: lavFadeInUp .5s ease backwards;\n  }\n  .lav-card:nth-child(1) { animation-delay: .05s; }\n  .lav-card:nth-child(2) { animation-delay: .1s; }\n  .lav-card:nth-child(3) { animation-delay: .15s; }\n  .lav-card:nth-child(4) { animation-delay: .2s; }\n  .lav-card:nth-child(5) { animation-delay: .25s; }\n  .lav-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lavFadeInUp {\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  .lav-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":56730878574969,"sku":"NBAILAC0032","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-fleur-de-lavande-100g-la-corv-lifestyle.webp?v=1772008119","url":"https:\/\/www.naturellement-bio.com\/products\/savon-de-marseille-douceur-bio-fleur-de-lavande-100g-la-corvette","provider":"Naturellement Bio","version":"1.0","type":"link"}