{"title":"Savon de Marseille","description":"\u003cp\u003eUn cube brut qui ne sent que le propre, une savonnette parfumée près du lavabo, des copeaux pour la machine : le savon de Marseille a plusieurs vies, et mieux vaut savoir laquelle vous intéresse avant de choisir. Le nôtre vient de La Corvette, la Savonnerie du Midi, qui le fabrique à Marseille depuis 1894. Notre conseil : le cube Extra Pur, sans parfum, pour les peaux sensibles et pour la maison ; une savonnette douceur certifiée bio si vous cherchez avant tout le plaisir de la toilette.\u003c\/p\u003e\n\u003ch2\u003ePar où commencer ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eLe savon de Marseille d'autrefois\u003c\/strong\u003e : le cube Extra Pur, cuit au chaudron, à 72 % d'huiles végétales.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUne lessive faite maison\u003c\/strong\u003e : les copeaux, qui se dissolvent dans l'eau chaude sans avoir à râper.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa toilette de toute la famille, en bio\u003c\/strong\u003e : une savonnette douceur à la lavande, à l'amande ou à la feuille de figuier.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eQuel savon de Marseille choisir ?\u003c\/h2\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; background-color: #fdf6f0; font-family: inherit; font-size: 0.95em;\"\u003e\n\u003cthead\u003e\n\u003ctr style=\"background-color: #f0e0d0;\"\u003e\n\u003cth style=\"padding: 12px 14px; border: 1px solid #e8d5c4; text-align: left;\"\u003eVotre situation\u003c\/th\u003e\n\u003cth style=\"padding: 12px 14px; border: 1px solid #e8d5c4; text-align: left;\"\u003eNotre conseil\u003c\/th\u003e\n\u003cth style=\"padding: 12px 14px; border: 1px solid #e8d5c4; text-align: left;\"\u003eProduits\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVous cherchez le savon de Marseille traditionnel\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003ePrenez le cube Extra Pur, sans parfum, colorant ni conservateur\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\u003cli\u003e\u003ca href=\"\/products\/cube-de-savon-de-marseille-500g-la-corvette\" title=\"Cube Extra Pur 500 g – La Corvette\"\u003eCube Extra Pur 500 g La Corvette\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #fef9f5;\"\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVous préparez votre lessive vous-même\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eOptez pour les copeaux, prêts à dissoudre dans l'eau très chaude, sans râpe\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\u003cli\u003e\u003ca href=\"\/products\/savon-de-marseille-en-copeaux-750g-la-corvette\" title=\"Copeaux 750 g – La Corvette\"\u003eCopeaux 750 g La Corvette\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eToute la famille partage le même savon\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eChoisissez une savonnette douceur certifiée bio, au parfum léger\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\n\u003cli\u003e\u003ca href=\"\/products\/savon-de-marseille-douceur-bio-amande-douce-100g-la-corvette\" title=\"Douceur amande – La Corvette\"\u003eDouceur amande La Corvette\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/savon-de-marseille-douceur-bio-fleur-de-lavande-100g-la-corvette\" title=\"Douceur lavande – La Corvette\"\u003eDouceur lavande La Corvette\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #fef9f5;\"\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVous aimez changer de parfum\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eEssayez la feuille de figuier, fraîche et végétale, ou l'huile d'argan\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\n\u003cli\u003e\u003ca href=\"\/products\/savon-de-marseille-douceur-bio-feuille-de-figuier-100g-la-corvette\" title=\"Douceur figuier – La Corvette\"\u003eDouceur figuier La Corvette\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/savon-de-marseille-douceur-bio-huile-dargan-100g-la-corvette\" title=\"Douceur argan – La Corvette\"\u003eDouceur argan La Corvette\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch2\u003eCube Extra Pur ou savonnette douceur ?\u003c\/h2\u003e\n\u003cp\u003eLe \u003cstrong\u003ecube Extra Pur\u003c\/strong\u003e est le savon de Marseille dans sa forme historique : cuit au chaudron, à 72 % d'huiles végétales, sans aucun parfum ajouté. Il lave le corps, les mains, le linge délicat et les surfaces de la maison ; posé au sec sur un porte-savon, un cube de 500 g tient plusieurs mois. Ses huiles sont la palme et le palmiste, certifiées RSPO : si vous préférez un savon à l'huile d'olive, regardez du côté du savon d'Alep. Les \u003cstrong\u003esavonnettes douceur\u003c\/strong\u003e de 100 g gardent la base marseillaise, mais elles sont parfumées et certifiées bio Cosmos Organic : c'est la version pensée pour la salle de bains plutôt que pour la buanderie.\u003c\/p\u003e\n\u003ch2\u003ePour le linge et la maison\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eEn machine : 60 g de copeaux dans un litre d'eau très chaude, 24 heures de repos, un litre d'eau froide, puis 100 ml dans le tambour.\u003c\/li\u003e\n\u003cli\u003eÀ la main : 10 g dans une bassine d'eau chaude, pour la laine, la soie et la lingerie.\u003c\/li\u003e\n\u003cli\u003ePour les sols et le plan de travail, un cube humide frotté sur une éponge suffit.\u003c\/li\u003e\n\u003cli\u003eLes copeaux conviennent au linge délicat comme au linge de bébé.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eAutour du savon de Marseille\u003c\/h2\u003e\n\u003cp\u003eNotre guide pour \u003ca href=\"\/blogs\/news\/laver-linge-sans-lessive-guide-complet\"\u003elaver son linge sans lessive du commerce\u003c\/a\u003e détaille les recettes maison. Pour une peau qui demande plus de douceur, voyez nos savons au \u003ca href=\"\/collections\/savon-lait-d-anesse\"\u003elait d'ânesse\u003c\/a\u003e et au \u003ca href=\"\/collections\/savon-lait-de-chevre\"\u003elait de chèvre\u003c\/a\u003e ; pour l'olive et le laurier, notre sélection de \u003ca href=\"\/collections\/savon-d-alep\"\u003esavon d'Alep\u003c\/a\u003e. Les savons fabriqués à froid ont leur propre page, \u003ca href=\"\/collections\/savon-solide\"\u003esavon solide\u003c\/a\u003e. La maison est présentée sur la page \u003ca href=\"\/collections\/la-corvette\"\u003eLa Corvette\u003c\/a\u003e, et tout notre rayon de \u003ca href=\"\/collections\/savon\"\u003esavon bio et naturel\u003c\/a\u003e vous attend à côté.\u003c\/p\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eVos questions sur le savon de Marseille\u003c\/h2\u003e\n\u003cdetails\u003e\n\u003csummary\u003eComment reconnaître un vrai savon de Marseille ?\u003c\/summary\u003e\n\u003cp\u003eLe savon de Marseille traditionnel est cuit au chaudron, contient 72 % d'huiles végétales et ne porte ni parfum ni colorant. C'est le cas du cube Extra Pur de La Corvette, fabriqué à Marseille. Une savonnette parfumée garde la base marseillaise, sans être un savon extra pur.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eVotre savon de Marseille est-il bio ?\u003c\/summary\u003e\n\u003cp\u003eLes savonnettes douceur de La Corvette sont certifiées bio Cosmos Organic. Le cube Extra Pur et les copeaux sont certifiés naturels (Cosmos Natural et Ecocert Ecodétergent), sans être bio.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003ePeut-on se laver le visage au savon de Marseille ?\u003c\/summary\u003e\n\u003cp\u003eOui, le cube Extra Pur, sans parfum, convient au visage comme au corps : moussez entre vos mains, appliquez puis rincez bien à l'eau claire. Une peau sèche appréciera ensuite une crème hydratante.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCombien de temps dure un cube de 500 g ?\u003c\/summary\u003e\n\u003cp\u003ePlusieurs mois, s'il sèche sur un porte-savon aéré entre deux usages. Le même cube sert à la toilette, au linge délicat et au ménage.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle différence entre le cube et la savonnette ?\u003c\/summary\u003e\n\u003cp\u003eLe cube Extra Pur est brut, sans parfum, multi-usages et dure plusieurs mois. La savonnette douceur, plus petite, est parfumée et certifiée bio : elle est faite pour la toilette.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eOù est fabriqué votre savon de Marseille ?\u003c\/summary\u003e\n\u003cp\u003eÀ Marseille, par la Savonnerie du Midi, la maison qui produit les savons La Corvette depuis 1894.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n","products":[{"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"},{"product_id":"savon-de-marseille-douceur-bio-lait-de-chevre-100g-la-corvette","title":"Savon de Marseille douceur bio - lait de chèvre - 100g - La Corvette","description":"\u003cdiv class=\"lc-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"lc-hero\"\u003e\n\u003cdiv class=\"lc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lc-hero-content\"\u003e\n\u003cdiv class=\"lc-badges-top\"\u003e\n\u003cspan class=\"lc-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"lc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"lc-badge\"\u003e🐐 Lait de chèvre\u003c\/span\u003e \u003cspan class=\"lc-badge\"\u003e🏛️ Depuis 1894\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"lc-hero-title\"\u003eSavon de Marseille douceur bio au lait de chèvre\u003c\/span\u003e\n\u003cp class=\"lc-subtitle\"\u003eLa Corvette - Savonnerie du Midi\u003c\/p\u003e\n\u003cp class=\"lc-description\"\u003eUn savon certifié bio, enrichi au lait de chèvre, héritier de 130 ans de savoir-faire marseillais. Plus de 99 % d'ingrédients d'origine naturelle pour une douceur incomparable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"lc-section\"\u003e\n\u003cp class=\"lc-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon au lait de chèvre\u003c\/strong\u003e doux, naturel et certifié bio ? Ce \u003cstrong\u003esavon de Marseille\u003c\/strong\u003e Douceur Bio de La Corvette réunit le meilleur du savoir-faire traditionnel marseillais et les bienfaits reconnus du lait de chèvre.\u003c\/p\u003e\n\u003cdiv class=\"lc-grid-compact\"\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🌱 99 % naturel\u003c\/h3\u003e\n\u003cp\u003ePlus de 99 % d'ingrédients d'origine naturelle pour un soin authentique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🌾 76 % bio\u003c\/h3\u003e\n\u003cp\u003e76 % d'ingrédients issus de l'agriculture biologique certifiée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🤲 Douceur extrême\u003c\/h3\u003e\n\u003cp\u003ePrend soin de votre peau au quotidien avec une délicatesse incomparable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🏛️ Tradition\u003c\/h3\u003e\n\u003cp\u003eUn savoir-faire marseillais ancestral perpétué depuis 1894\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"lc-section\"\u003e\n\u003ch2\u003ePourquoi choisir un savon au lait de chèvre ?\u003c\/h2\u003e\n\u003cp class=\"lc-section-intro\"\u003eLe \u003cstrong\u003elait de chèvre\u003c\/strong\u003e est utilisé depuis des siècles dans les soins de la peau. Naturellement riche en acides gras et en vitamines, il est réputé pour ses propriétés apaisantes et hydratantes.\u003c\/p\u003e\n\u003cdiv class=\"lc-grid\"\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e💧 Hydratation naturelle\u003c\/h3\u003e\n\u003cp\u003eLe lait de chèvre nourrit en profondeur grâce à sa richesse en acides gras essentiels et en vitamines A, B et E\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🌸 Apaisant et doux\u003c\/h3\u003e\n\u003cp\u003eIdéal pour les peaux sensibles, sèches ou réactives, il calme les irritations et respecte l'épiderme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Pour toute la famille\u003c\/h3\u003e\n\u003cp\u003eUn nettoyage tout en douceur adapté à tous les types de peau, y compris celle des enfants dès 1 an\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\u003eAssocié à la recette ancestrale du \u003cstrong\u003esavon de Marseille\u003c\/strong\u003e, le lait de chèvre offre un nettoyage efficace sans jamais agresser la peau. C'est le choix parfait pour un retour à l'essentiel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"lc-section\"\u003e\n\u003ch2\u003eUn savon certifié Cosmos Organic, fabriqué en France\u003c\/h2\u003e\n\u003cp class=\"lc-section-intro\"\u003eLa Corvette, \u003cstrong\u003esavonnerie du Midi\u003c\/strong\u003e fondée en 1894 à Marseille, perpétue un héritage artisanal exceptionnel. Ce savon douceur est \u003cstrong\u003efabriqué en France à partir d'huiles végétales biologiques\u003c\/strong\u003e, dans le respect d'un cahier des charges rigoureux.\u003c\/p\u003e\n\u003cdiv class=\"lc-grid-compact\"\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🚫 Sans colorants\u003c\/h3\u003e\n\u003cp\u003eAbsence de colorants et de conservateurs de synthèse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🌿 Ingrédients sélectionnés\u003c\/h3\u003e\n\u003cp\u003eDes ingrédients d'origine naturelle soigneusement choisis\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eUn processus de fabrication respectueux de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🔍 Traçabilité complète\u003c\/h3\u003e\n\u003cp\u003eUne traçabilité totale des matières premières garantie\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\u003eLorsque vous tenez ce savon entre vos mains, vous tenez un véritable morceau de l'histoire de \u003cstrong\u003ela maison du savon de Marseille\u003c\/strong\u003e, revisité avec les exigences du bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"lc-section\"\u003e\n\u003ch2\u003eUtilisation : visage, corps et mains\u003c\/h2\u003e\n\u003cp class=\"lc-section-intro\"\u003eCe \u003cstrong\u003esavon lait de chèvre\u003c\/strong\u003e de 100 g est polyvalent. Utilisez-le chaque jour pour nettoyer en douceur vos \u003cstrong\u003emains, votre corps et votre visage\u003c\/strong\u003e. Il produit une mousse onctueuse et légèrement parfumée qui rend chaque toilette agréable.\u003c\/p\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\u003eFaites mousser\u003c\/h3\u003e\n\u003cp\u003eFaites mousser le savon entre vos mains humides ou avec un gant de toilette\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\u003eAppliquez en douceur\u003c\/h3\u003e\n\u003cp\u003eAppliquez sur la peau en massant délicatement le visage, le corps ou les mains\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\u003eRincez\u003c\/h3\u003e\n\u003cp\u003eRincez à l'eau claire pour une peau douce et nette\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\u003eLaissez sécher\u003c\/h3\u003e\n\u003cp\u003eAprès utilisation, laissez sécher votre savon sur un porte-savon 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=\"lc-tip\"\u003e\n\u003cspan class=\"lc-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003eÉ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\u003c!-- H2 #5 --\u003e\n\u003csection class=\"lc-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"lc-accordion\"\u003e\n\u003cdetails class=\"lc-accordion-item\"\u003e\n\u003csummary class=\"lc-accordion-header\"\u003e📋 Liste INCI\u003c\/summary\u003e\n\u003cdiv class=\"lc-accordion-content mt-3\"\u003e\n\u003cp\u003eSodium Palmate**, Sodium Palm Kernelate**, Aqua, Parfum, Glycerin**, \u003cstrong\u003eCaprae Lac*\u003c\/strong\u003e (lait de chèvre), Sodium Chloride, Citric Acid, Tetrasodium Glutamate Diacetate, Sodium Hydroxide, Citronellol, Linalool.\u003c\/p\u003e\n\u003cp style=\"margin-top: .75rem;\"\u003e\u003cem\u003e** Transformés à partir d'ingrédients biologiques – * Parfum naturel\u003c\/em\u003e\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=\"lc-section\"\u003e\n\u003ch2\u003eLes points forts de ce savon de Marseille bio\u003c\/h2\u003e\n\u003cdiv class=\"lc-grid\"\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e✅ Certifié Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eUn gage de qualité et de transparence reconnu internationalement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🌱 99 % d'ingrédients naturels\u003c\/h3\u003e\n\u003cp\u003eUne formule respectueuse de votre peau et de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🐐 Enrichi au lait de chèvre\u003c\/h3\u003e\n\u003cp\u003ePour une douceur et une hydratation incomparables au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003ePar La Corvette, savonnerie marseillaise historique depuis 1894\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e👨👩👧 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eConvient à tous, y compris aux enfants dès l'âge d'un an\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e✈️ Format voyage\u003c\/h3\u003e\n\u003cp\u003eFormat pratique de 100 g, idéal aussi pour vos déplacements\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"lc-section\"\u003e\n\u003cdiv class=\"lc-cta-box\"\u003e\n\u003cp\u003eEn choisissant ce savon douceur bio au lait de chèvre La Corvette, vous optez pour un soin quotidien authentique, ancré dans la tradition du \u003cstrong\u003esavon de Marseille\u003c\/strong\u003e tout en répondant aux standards les plus exigeants de la cosmétique biologique. ✨ Votre peau vous remerciera.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"lc-disclaimer\"\u003eCe savon cosmétique est destiné à un usage externe uniquement. Conserver à l'abri de l'humidité entre deux utilisations.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --lc-cream: #FAF6F1;\n --lc-white: #ffffff;\n --lc-primary: #8B7355;\n --lc-primary-dark: #5C4A32;\n --lc-primary-light: #F3EDE5;\n --lc-secondary: #D4B89C;\n --lc-accent: #5C7A3D;\n --lc-text: #1a1a1a;\n --lc-text-light: #5a5a5a;\n --lc-border: #E5DDD3;\n --lc-shadow: 0 4px 24px rgba(92,74,50,.08);\n --lc-shadow-lg: 0 12px 48px rgba(92,74,50,.15);\n --lc-radius: 20px;\n --lc-radius-sm: 12px;\n}\n\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, #5C4A32 0%, #8B7355 45%, #A6896B 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: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 20px,\n rgba(255,255,255,.03) 20px,\n rgba(255,255,255,.03) 40px\n );\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: var(--lc-secondary);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.lc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\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 === *\/\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.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\/* === TESTIMONIAL === *\/\n.lc-testimonial {\n background: var(--lc-white);\n border-radius: var(--lc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--lc-shadow);\n border-left: 4px solid var(--lc-primary);\n}\n\n.lc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\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":56730933854585,"sku":"NBAILAC0027","price":3.69,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-de-marseille-douceur-bio-lait-de-chevre-100g-la-corvet-lifestyle_66cc74c2-71c3-4865-acee-4b8212c49677.webp?v=1772010838"},{"product_id":"savon-de-marseille-douceur-bio-feuille-de-figuier-100g-la-corvette","title":"Savon de Marseille douceur bio - feuille de figuier - 100g - La Corvette","description":"\u003cdiv class=\"lc-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"lc-hero\"\u003e\n\u003cdiv class=\"lc-hero-pattern\"\u003e\u003cbr\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 \u003cspan class=\"lc-badge\"\u003e🇫🇷 Fabriqué à Marseille\u003c\/span\u003e \u003cspan class=\"lc-badge\"\u003e🏛️ Depuis 1894\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"lc-hero-title\"\u003eSavon de Marseille douceur bio - Feuille de figuier\u003c\/span\u003e\n\u003cp class=\"lc-subtitle\"\u003eLa Corvette · Savonnerie du Midi · 100 g\u003c\/p\u003e\n\u003cp class=\"lc-description\"\u003eUn savon solide certifié bio aux notes délicates de feuille de figuier, fidèle à la tradition marseillaise depuis plus de 130 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"lc-section\"\u003e\n\u003cp class=\"lc-section-intro\"\u003eLaissez-vous envelopper par la fragrance délicate de la \u003cstrong\u003efeuille de figuier\u003c\/strong\u003e avec ce \u003cstrong\u003esavon de Marseille douceur bio\u003c\/strong\u003e signé La Corvette. Fabriqué à Marseille par la Savonnerie du Midi, maison fondée en 1894, ce savon solide de 100 g allie tradition provençale et engagement biologique. Certifié \u003cstrong\u003eCOSMOS ORGANIC par Ecocert\u003c\/strong\u003e, il prend soin de votre peau au quotidien tout en respectant l'environnement.\u003c\/p\u003e\n\u003cdiv class=\"lc-grid-compact\"\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🌿 99 % naturel\u003c\/h3\u003e\n\u003cp\u003eIngrédients d'origine naturelle certifiés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🌱 75 % bio\u003c\/h3\u003e\n\u003cp\u003eIssus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🍃 Sans paraben\u003c\/h3\u003e\n\u003cp\u003eNi colorant, ni EDTA\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eConvient à tous les types de peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"lc-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce savon de Marseille bio à la feuille de figuier ?\u003c\/h2\u003e\n\u003cdiv class=\"lc-grid\"\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e✨ Douceur incomparable\u003c\/h3\u003e\n\u003cp\u003eLes huiles végétales certifiées bio nettoient votre peau en douceur, sans l'agresser ni la dessécher. Résultat : une peau \u003cstrong\u003edouce, hydratée et délicatement parfumée\u003c\/strong\u003e après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🛡️ Formulation saine\u003c\/h3\u003e\n\u003cp\u003eContrairement à de nombreux savons du commerce, celui-ci est formulé \u003cstrong\u003esans colorant, sans paraben et sans EDTA\u003c\/strong\u003e. Un choix sain pour toute la famille, des plus jeunes aux plus âgés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🌸 Parfum naturel\u003c\/h3\u003e\n\u003cp\u003eSa fragrance de \u003cstrong\u003efeuille de figuier\u003c\/strong\u003e d'origine naturelle vous transporte en Provence. Un parfum végétal, frais et enveloppant qui reste subtilement sur la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"lc-section\"\u003e\n\u003ch2\u003eUne composition courte et transparente\u003c\/h2\u003e\n\u003cp class=\"lc-section-intro\"\u003eSeulement \u003cstrong\u003e10 ingrédients\u003c\/strong\u003e soigneusement sélectionnés. Rien de superflu, que de l'essentiel.\u003c\/p\u003e\n\u003cdiv class=\"lc-grid\"\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🫧 Sodium Palmate*\u003c\/h3\u003e\n\u003cp\u003eBase lavante issue d'huile de palme biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🧴 Sodium Palm Kernelate*\u003c\/h3\u003e\n\u003cp\u003eAgent nettoyant d'origine végétale biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e💧 Aqua\u003c\/h3\u003e\n\u003cp\u003eEau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🤍 Glycerin*\u003c\/h3\u003e\n\u003cp\u003eGlycérine naturelle hydratante, issue du processus de saponification\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🍃 Parfum**\u003c\/h3\u003e\n\u003cp\u003eFragrance naturelle feuille de figuier\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🔬 Autres ingrédients\u003c\/h3\u003e\n\u003cp\u003eTetrasodium Glutamate Diacetate (chélateur biodégradable), Sodium Chloride, Sodium Hydroxide, Citric Acid, Linalool, Limonene, Eugenol\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\u003e\u003cem\u003e*Transformés à partir d'ingrédients biologiques - **Parfum d'origine naturelle\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"lc-section\"\u003e\n\u003ch2\u003eComment utiliser ce savon douceur au quotidien ?\u003c\/h2\u003e\n\u003cp class=\"lc-section-intro\"\u003eSon utilisation est très simple et convient aussi bien pour le \u003cstrong\u003ecorps\u003c\/strong\u003e que pour les \u003cstrong\u003emains\u003c\/strong\u003e.\u003c\/p\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\u003eHumidifiez\u003c\/h3\u003e\n\u003cp\u003eMouillez votre peau à l'eau tiède pour la préparer au nettoyage.\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 jusqu'à obtenir une \u003cstrong\u003emousse onctueuse\u003c\/strong\u003e.\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\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eAppliquez sur le corps ou les mains en massant délicatement.\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 abondamment à l'eau claire.\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\u003eAstuce :\u003c\/strong\u003e pour prolonger la durée de vie de votre savon, conservez-le sur un porte-savon aéré entre chaque utilisation, afin qu'il sèche correctement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-tip\"\u003e\n\u003cspan class=\"lc-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003eÉvitez le contact avec les yeux. En cas de projection, rincez abondamment à l'eau claire. Usage externe uniquement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"lc-section\"\u003e\n\u003ch2\u003eLa Corvette : l'héritage du savon de Marseille depuis 1894\u003c\/h2\u003e\n\u003cdiv class=\"lc-testimonial\"\u003e\n\u003cp class=\"lc-testimonial-text\"\u003eLa Corvette est la marque emblématique de la \u003cstrong\u003eSavonnerie du Midi\u003c\/strong\u003e, l'une des dernières savonneries historiques encore en activité à Marseille. Fidèle au savoir-faire traditionnel, elle perpétue la fabrication du \u003cstrong\u003esavon de Marseille\u003c\/strong\u003e authentique tout en innovant vers des formulations plus respectueuses de la peau et de la planète. Avec cette gamme douceur bio, La Corvette prouve qu'il est possible de conjuguer \u003cstrong\u003etradition marseillaise\u003c\/strong\u003e et exigences biologiques modernes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"lc-section\"\u003e\n\u003ch2\u003eEn résumé\u003c\/h2\u003e\n\u003cdiv class=\"lc-grid-compact\"\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e📦 Format\u003c\/h3\u003e\n\u003cp\u003ePain de savon solide - 100 g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🌿 Parfum\u003c\/h3\u003e\n\u003cp\u003eFeuille de figuier (fragrance naturelle)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e✅ Certification\u003c\/h3\u003e\n\u003cp\u003eCOSMOS ORGANIC par Ecocert Greenlife\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Convient à\u003c\/h3\u003e\n\u003cp\u003eToute la famille, tous types de peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n\u003cp\u003eMarseille, France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🚫 Sans\u003c\/h3\u003e\n\u003cp\u003eColorant, paraben, EDTA\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau la douceur d'un savon certifié bio, façonné à Marseille avec plus de 130 ans de savoir-faire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --lc-cream: #FAF6F0;\n --lc-white: #ffffff;\n --lc-primary: #9B5BA5;\n --lc-primary-dark: #6E3A78;\n --lc-primary-light: #F3EBF5;\n --lc-secondary: #C9A84C;\n --lc-accent: #6B8E4E;\n --lc-text: #1a1a1a;\n --lc-text-light: #5a5a5a;\n --lc-border: #e8e0d6;\n --lc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --lc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --lc-radius: 20px;\n --lc-radius-sm: 12px;\n}\n\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, var(--lc-primary) 0%, #B87BC4 50%, var(--lc-secondary) 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(255,255,255,.04) 0%, transparent 70%);\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 line-height: 1.15;\n}\n\n.lc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.lc-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\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 line-height: 1.3;\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\/* === TESTIMONIAL === *\/\n.lc-testimonial {\n background: var(--lc-white);\n border-radius: var(--lc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--lc-shadow);\n border-left: 4px solid var(--lc-primary);\n}\n\n.lc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lc-text);\n line-height: 1.8;\n font-style: italic;\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 margin-top: 1.5rem;\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\/* === 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-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":56730964984185,"sku":"NBAILAC0028","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-feuille-de-figuier-100g-la-co-lifestyle.webp?v=1772012375"},{"product_id":"savon-de-marseille-douceur-bio-huile-dargan-100g-la-corvette","title":"Savon de Marseille douceur bio - huile d'argan - 100g - La Corvette","description":"\u003cdiv class=\"lc-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"lc-hero\"\u003e\n\u003cdiv class=\"lc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lc-hero-content\"\u003e\n\u003cdiv class=\"lc-badges-top\"\u003e\n\u003cspan class=\"lc-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"lc-badge\"\u003e🇫🇷 Fabriqué à Marseille\u003c\/span\u003e \u003cspan class=\"lc-badge\"\u003e🏛️ Depuis 1894\u003c\/span\u003e \u003cspan class=\"lc-badge\"\u003e🧴 100 % végétal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"lc-hero-title\"\u003eSavon de Marseille douceur bio à l'huile d'argan\u003c\/span\u003e\n\u003cp class=\"lc-subtitle\"\u003eLa Corvette - Savonnerie du Midi\u003c\/p\u003e\n\u003cp class=\"lc-description\"\u003eLe savoir-faire artisanal marseillais depuis 1894, enrichi en huile d'argan biologique. Un soin lavant certifié bio pour toute la famille, d'une douceur incomparable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"lc-section\"\u003e\n\u003cp class=\"lc-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon de Marseille\u003c\/strong\u003e doux, naturel et respectueux de votre peau ? Ce savon douceur bio à l'huile d'argan de \u003cstrong\u003eLa Corvette\u003c\/strong\u003e, savonnerie du Midi fondée en 1894, allie le \u003cstrong\u003esavoir-faire traditionnel marseillais\u003c\/strong\u003e à une formulation certifiée \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"lc-grid-compact\"\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n\u003cp\u003eFormulation Cosmos Organic avec 99 % d'ingrédients d'origine naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🫒 Huile d'argan\u003c\/h3\u003e\n\u003cp\u003eNourrit et protège la peau sans l'assécher ni l'irriter\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eSoin lavant quotidien pour les mains et le corps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🌱 100 % végétal\u003c\/h3\u003e\n\u003cp\u003eHuiles exclusivement d'origine végétale, aucune graisse animale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"lc-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce savon bio à l'huile d'argan ?\u003c\/h2\u003e\n\u003cp class=\"lc-section-intro\"\u003eDans l'univers des savons naturels, la différence se joue dans la qualité des ingrédients et le sérieux de la fabrication. Ce savon solide de 100 g coche toutes les cases.\u003c\/p\u003e\n\u003cdiv class=\"lc-grid\"\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e✅ Certifié Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eUn label exigeant qui garantit une composition à \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e. Pas de greenwashing, mais une certification reconnue internationalement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e💧 Enrichi en huile d'argan\u003c\/h3\u003e\n\u003cp\u003eL'Argania Spinosa Kernel Oil est reconnue pour ses propriétés nourrissantes. Elle contribue à laver votre peau \u003cstrong\u003esans l'assécher ni l'irriter\u003c\/strong\u003e, même au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🌱 Huiles 100 % végétales\u003c\/h3\u003e\n\u003cp\u003eAucune graisse animale dans la formule. Un choix éthique et respectueux, en phase avec vos valeurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🏛️ Fabriqué à Marseille\u003c\/h3\u003e\n\u003cp\u003eDans le respect du procédé traditionnel transmis depuis plus d'un siècle par la \u003cstrong\u003eSavonnerie du Midi\u003c\/strong\u003e, fondée en 1894.\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\u003eSi vous aimez \u003cstrong\u003ela maison du savon de Marseille\u003c\/strong\u003e et ses valeurs d'authenticité, ce produit La Corvette s'inscrit pleinement dans cette tradition, avec une touche de modernité grâce à sa certification bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"lc-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cp class=\"lc-section-intro\"\u003eVoici la liste intégrale des ingrédients pour une transparence totale :\u003c\/p\u003e\n\u003cdiv class=\"lc-composition-box\"\u003e\n\u003cp class=\"lc-inci\"\u003eSodium Palmate**, Sodium Palm Kernelate**, Aqua (Water), Glycerin**, Parfum*** (Fragrance), Tetrasodium Glutamate Diacetate, \u003cstrong\u003eArgania Spinosa Kernel Oil*\u003c\/strong\u003e, Sodium Chloride, Sodium Hydroxide, Citric Acid, Geraniol.\u003cbr\u003e* Ingrédient issu de l'agriculture biologique. ** Transformé à partir d'ingrédients biologiques. *** Parfum naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-grid-compact\"\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🧬 Glycérine naturelle\u003c\/h3\u003e\n\u003cp\u003ePrésente naturellement dans la formule, elle aide à maintenir l'hydratation de la peau pendant le lavage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🌰 Huile d'argan\u003c\/h3\u003e\n\u003cp\u003eApporte une douceur incomparable que vous sentirez dès la première utilisation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"lc-section\"\u003e\n\u003ch2\u003eComment utiliser ce savon au quotidien ?\u003c\/h2\u003e\n\u003cp class=\"lc-section-intro\"\u003eCe savon douceur bio convient à \u003cstrong\u003el'hygiène des mains et du corps\u003c\/strong\u003e, pour toute la famille. Voici quelques conseils pour en profiter pleinement.\u003c\/p\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\u003eFaites mousser\u003c\/h3\u003e\n\u003cp\u003eMouillez vos mains ou un gant de toilette, puis faites mousser le savon généreusement.\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\u003eAppliquez et massez\u003c\/h3\u003e\n\u003cp\u003eAppliquez la mousse onctueuse sur le corps en massant doucement, puis rincez à l'eau claire.\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\u003eLaissez sécher\u003c\/h3\u003e\n\u003cp\u003eAprès usage, posez votre savon sur un \u003cstrong\u003eporte-savon bien drainé\u003c\/strong\u003e pour le laisser sécher entre chaque utilisation. Cela prolongera considérablement sa durée de vie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-accordion\"\u003e\n\u003cdetails class=\"lc-accordion-item\"\u003e\n\u003csummary class=\"lc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"lc-accordion-content mt-3\"\u003e\n\u003cp\u003eÉvitez le contact avec les yeux. En cas de projection, rincez abondamment à l'eau claire.\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✈️ Format voyage\u003c\/summary\u003e\n\u003cdiv class=\"lc-accordion-content mt-3\"\u003e\n\u003cp\u003eSon format de \u003cstrong\u003e100 g\u003c\/strong\u003e est idéal pour un usage quotidien ou pour glisser dans votre trousse de voyage. Pratique et économique !\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🧺 Gamme complète La Corvette\u003c\/summary\u003e\n\u003cdiv class=\"lc-accordion-content mt-3\"\u003e\n\u003cp\u003eSi vous appréciez les \u003cstrong\u003ecopeaux de savon de Marseille\u003c\/strong\u003e pour la lessive ou le ménage, sachez que La Corvette propose également une gamme complète adaptée à ces usages.\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=\"lc-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eUn savon de Marseille authentique et engagé\u003c\/h2\u003e\n\u003cdiv class=\"lc-cta-box\"\u003e\n\u003cp\u003eLa Corvette perpétue la tradition de \u003cstrong\u003ela maison savon de Marseille\u003c\/strong\u003e depuis 1894. Chaque pain est estampillé du logo emblématique de la corvette, gage d'authenticité. En choisissant ce savon bio, vous optez pour un produit \u003cstrong\u003edélicatement parfumé\u003c\/strong\u003e, respectueux de votre peau et porté par un savoir-faire artisanal français.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"lc-disclaimer\"\u003eCe produit est un cosmétique à usage externe uniquement. Il ne remplace en aucun cas un traitement dermatologique prescrit par un professionnel de santé. En cas de réaction cutanée, cessez l'utilisation et consultez votre médecin.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --lc-cream: #FAF6EE;\n --lc-white: #ffffff;\n --lc-primary: #C8974C;\n --lc-primary-dark: #7A5A1E;\n --lc-primary-light: #F5ECD8;\n --lc-secondary: #E8A030;\n --lc-accent: #D4883A;\n --lc-text: #1a1a1a;\n --lc-text-light: #5a5a5a;\n --lc-border: #e0d8c8;\n --lc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --lc-shadow-lg: 0 12px 48px rgba(0,0,0,.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, #7A5A1E 0%, #C8974C 45%, #E8A030 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 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.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 line-height: 1.1;\n}\n\n.lc-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.lc-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\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 line-height: 1.25;\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\/* === COMPOSITION BOX === *\/\n.lc-composition-box {\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 margin-bottom: 1.25rem;\n border-left: 4px solid var(--lc-primary);\n}\n\n.lc-inci {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lc-text-light);\n line-height: 1.8;\n margin: 0;\n word-break: break-word;\n}\n\n\/* === TIMELINE === *\/\n.lc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\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\/* === TESTIMONIAL === *\/\n.lc-testimonial {\n background: var(--lc-white);\n border-radius: var(--lc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--lc-shadow);\n border-left: 4px solid var(--lc-primary);\n}\n\n.lc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\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 .lc-composition-box {\n padding: 1rem;\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 .lc-timeline-item {\n animation: lcFadeInUp .5s ease backwards;\n }\n .lc-timeline-item:nth-child(1) { animation-delay: .05s; }\n .lc-timeline-item:nth-child(2) { animation-delay: .1s; }\n .lc-timeline-item:nth-child(3) { animation-delay: .15s; }\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":56731055849849,"sku":"NBAILAC0029","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-huile-dargan-100g-la-corvette-lifestyle.webp?v=1772013550"},{"product_id":"savon-de-marseille-douceur-bio-amande-douce-100g-la-corvette","title":"Savon de Marseille douceur bio - amande douce - 100g - La Corvette","description":"\u003cdiv class=\"lc-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"lc-hero\"\u003e\n\u003cdiv class=\"lc-hero-pattern\"\u003e\u003cbr\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 \u003cspan class=\"lc-badge\"\u003e🏭 Fabriqué à Marseille\u003c\/span\u003e \u003cspan class=\"lc-badge\"\u003e🧴 100 g \/ 3,53 oz\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"lc-hero-title\"\u003eSavon de Marseille Douceur Bio\u003cbr\u003eAmande Douce\u003c\/span\u003e\n\u003cp class=\"lc-subtitle\"\u003eLa Corvette - Savonnerie du Midi depuis 1894\u003c\/p\u003e\n\u003cp class=\"lc-description\"\u003eUn savon authentique, certifié bio, au parfum délicat d'amande douce. Le savoir-faire marseillais au service de votre peau, sans colorant, pour tous les types de peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"lc-section\"\u003e\n\u003cp class=\"lc-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon de Marseille\u003c\/strong\u003e authentique, doux et respectueux de votre peau comme de l'environnement ? Ce savon douceur bio à l'amande douce de \u003cstrong\u003eLa Corvette\u003c\/strong\u003e, savonnerie du Midi fondée en 1894, coche toutes les cases.\u003c\/p\u003e\n\u003cp class=\"lc-section-intro\"\u003eCertifié \u003cstrong\u003eCOSMOS Organic\u003c\/strong\u003e, il associe le savoir-faire traditionnel marseillais à une formulation biologique exigeante, sans colorant et adaptée à tous les types de peau.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"lc-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce savon douceur bio ?\u003c\/h2\u003e\n\u003cp class=\"lc-section-intro\"\u003eCe n'est pas un savon de Marseille comme les autres. Là où beaucoup de produits revendiquent l'appellation sans réel engagement, La Corvette propose ici une savonnette \u003cstrong\u003ecertifiée bio\u003c\/strong\u003e par l'organisme COSMOS, gage d'une composition contrôlée et d'ingrédients d'origine naturelle.\u003c\/p\u003e\n\u003cdiv class=\"lc-grid\"\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e✅ Certifié COSMOS Organic\u003c\/h3\u003e\n\u003cp\u003eFormulation biologique vérifiée par un organisme indépendant, garantissant des ingrédients d'origine naturelle contrôlés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🚫 Sans colorant\u003c\/h3\u003e\n\u003cp\u003eUne composition respectueuse de votre peau, sans ajout de colorants artificiels ni substances controversées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🤲 Tous types de peau\u003c\/h3\u003e\n\u003cp\u003eConvient aussi bien aux peaux sensibles qu'aux peaux normales, grâce à sa formule douce et délicate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e✈️ Format pratique 100 g\u003c\/h3\u003e\n\u003cp\u003eIdéal pour la salle de bain ou en voyage, ce format compact vous accompagne partout au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🏛️ Fabriqué à Marseille\u003c\/h3\u003e\n\u003cp\u003eDans la pure tradition savonnière du Midi, un savoir-faire artisanal transmis de génération en génération.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🌸 Parfum amande douce\u003c\/h3\u003e\n\u003cp\u003eUn parfum délicat et enveloppant qui transforme chaque lavage en un véritable moment de bien-être.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"lc-section\"\u003e\n\u003ch2\u003eL'amande douce : une douceur reconnue pour la peau\u003c\/h2\u003e\n\u003cdiv class=\"lc-highlight-box\"\u003e\n\u003cp\u003eL'amande douce est depuis longtemps appréciée en cosmétique naturelle pour ses propriétés \u003cstrong\u003eadoucissantes et nourrissantes\u003c\/strong\u003e. Intégrée à ce savon de Marseille bio, elle apporte une texture onctueuse et un parfum subtil qui plaît autant aux femmes qu'aux hommes.\u003c\/p\u003e\n\u003cp\u003eVotre peau est nettoyée en douceur, \u003cstrong\u003esans sensation de tiraillement\u003c\/strong\u003e après le rinçage.\u003cspan class=\"lc-tip-icon\"\u003e\u003c\/span\u003e\u003cspan class=\"lc-tip-icon\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"lc-section\"\u003e\n\u003ch2\u003eUn héritage marseillais depuis 1894\u003c\/h2\u003e\n\u003cdiv class=\"lc-testimonial\"\u003e\n\u003cp class=\"lc-testimonial-text\"\u003eLa Corvette, c'est plus de \u003cstrong\u003e130 ans d'histoire savonnière\u003c\/strong\u003e à Marseille. Cette maison du savon de Marseille perpétue un savoir-faire artisanal que l'on peut d'ailleurs découvrir au musée du savon de Marseille. Chaque pain de savon est le fruit d'une fabrication soignée, fidèle aux méthodes traditionnelles qui ont fait la renommée mondiale du savon marseillais.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-tip\"\u003e\n\u003cspan class=\"lc-tip-icon\"\u003e🌍\u003c\/span\u003e\n\u003cp\u003eEn choisissant ce produit, vous soutenez une \u003cstrong\u003efilière locale\u003c\/strong\u003e et un engagement concret en faveur d'une cosmétique plus propre et plus transparente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"lc-section\"\u003e\n\u003ch2\u003eComment utiliser ce savon ?\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 vos mains ou votre peau\u003c\/h3\u003e\n\u003cp\u003eHumidifiez vos mains ou la zone du corps à nettoyer avec de l'eau tiède ou claire.\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 la savonnette\u003c\/h3\u003e\n\u003cp\u003eFrottez le savon entre vos mains humides ou directement sur la peau mouillée jusqu'à obtenir une mousse onctueuse.\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\u003eRincez abondamment\u003c\/h3\u003e\n\u003cp\u003eRincez à l'eau claire. Ce savon s'utilise au quotidien pour le lavage des mains et 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\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"lc-timeline-content\"\u003e\n\u003ch3\u003eConservez au sec\u003c\/h3\u003e\n\u003cp\u003ePosez-le sur un porte-savon bien drainé entre chaque utilisation, afin qu'il sèche correctement et dure plus longtemps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"lc-section\"\u003e\n\u003ch2\u003eLes atouts essentiels en résumé\u003c\/h2\u003e\n\u003cdiv class=\"lc-grid-compact\"\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e⚖️ 100 g\u003c\/h3\u003e\n\u003cp\u003eSavon solide (3,53 oz)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🌸 Amande douce\u003c\/h3\u003e\n\u003cp\u003eSenteur naturelle et délicate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🌿 COSMOS Organic\u003c\/h3\u003e\n\u003cp\u003eCertification biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🚫 Sans colorant\u003c\/h3\u003e\n\u003cp\u003eOrigine naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e🤲 Tous types de peau\u003c\/h3\u003e\n\u003cp\u003eAdultes, peaux sensibles incluses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lc-card\"\u003e\n\u003ch3\u003e📐 6 × 6 × 3 cm\u003c\/h3\u003e\n\u003cp\u003eFormat compact et pratique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\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\u003eOffrez à votre peau la douceur d'un \u003cstrong\u003esavon de Marseille authentique et bio\u003c\/strong\u003e. Ce savon à l'amande douce de La Corvette est un choix simple, efficace et responsable pour prendre soin de vous chaque jour, sans compromis sur la qualité ni sur le respect de l'environnement. 🌿\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"lc-disclaimer\"\u003eCe savon est un produit cosmétique destiné à l'hygiène corporelle. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --lc-cream: #faf8f3;\n --lc-white: #ffffff;\n --lc-primary: #4a9e3f;\n --lc-primary-dark: #2d6b25;\n --lc-primary-light: #eef7ec;\n --lc-secondary: #c8a96e;\n --lc-accent: #d4a843;\n --lc-text: #1a1a1a;\n --lc-text-light: #5a5a5a;\n --lc-border: #e0ddd5;\n --lc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --lc-shadow-lg: 0 12px 48px rgba(0,0,0,.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, #3d7a34 0%, #4a9e3f 40%, #c8a96e 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:\n 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(200,169,110,.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 line-height: 1.15;\n}\n\n.lc-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 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,.85);\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.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 line-height: 1.25;\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\/* === HIGHLIGHT BOX === *\/\n.lc-highlight-box {\n background: var(--lc-white);\n border-radius: var(--lc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--lc-shadow);\n text-align: center;\n margin-bottom: 1.25rem;\n}\n\n.lc-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lc-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.lc-highlight-box p:last-child {\n margin-bottom: 0;\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\/* === TESTIMONIAL === *\/\n.lc-testimonial {\n background: var(--lc-white);\n border-radius: var(--lc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--lc-shadow);\n border-left: 4px solid var(--lc-primary);\n}\n\n.lc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lc-text);\n line-height: 1.8;\n font-style: italic;\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-testimonial {\n padding: 1.25rem;\n }\n\n .lc-testimonial-text {\n font-size: 14px;\n }\n\n .lc-highlight-box {\n padding: 1.25rem;\n }\n\n .lc-highlight-box p {\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":56731129839993,"sku":"NBAILAC0031","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-amande-douce-100g-la-corvette-lifestyle.webp?v=1772014497"},{"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":false}],"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"},{"product_id":"savon-de-marseille-en-copeaux-750g-la-corvette","title":"Savon de Marseille en Copeaux - 750g - La Corvette","description":"\u003cdiv class=\"sm-premium\"\u003e\n\n\u003cdiv class=\"sm-hero\"\u003e\n \u003cdiv class=\"sm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sm-hero-content\"\u003e\n \u003cdiv class=\"sm-badges-top\"\u003e\n \u003cspan class=\"sm-badge\"\u003e🇫🇷 Fabriqué à Marseille\u003c\/span\u003e\n \u003cspan class=\"sm-badge\"\u003e🌿 Certifié Ecocert\u003c\/span\u003e\n \u003cspan class=\"sm-badge\"\u003e🏛️ Depuis 1894\u003c\/span\u003e\n \u003cspan class=\"sm-badge\"\u003e♻️ 100 % biodégradable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sm-hero-title\"\u003eSavon de Marseille en Copeaux\u003c\/span\u003e\n \u003cp class=\"sm-subtitle\"\u003eLa Corvette — Savonnerie du Midi • 750 g\u003c\/p\u003e\n \u003cp class=\"sm-description\"\u003eL'authentique savon de Marseille Extra Pur en copeaux, fabriqué artisanalement depuis plus d'un siècle. Hypoallergénique, 100 % végétal, pour un entretien naturel du linge et de toute la maison.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"sm-section\"\u003e\n \u003ch2\u003eCopeaux de savon de Marseille Extra Pur – La Corvette 750g\u003c\/h2\u003e\n \u003cp class=\"sm-section-intro\"\u003eVous cherchez une alternative naturelle et polyvalente pour entretenir votre linge et votre maison ? Les \u003cstrong\u003ecopeaux de savon de Marseille La Corvette\u003c\/strong\u003e sont un incontournable. Fabriqués à Marseille par la Savonnerie du Midi, \u003cstrong\u003emaison fondée en 1894\u003c\/strong\u003e, ces copeaux perpétuent un savoir-faire artisanal reconnu depuis plus d'un siècle. Formulés à partir d'\u003cstrong\u003ehuiles exclusivement végétales\u003c\/strong\u003e et certifiés \u003cstrong\u003eCosmos Natural par Ecocert\u003c\/strong\u003e, ils vous offrent un produit d'une pureté irréprochable, 100 % d'origine naturelle et totalement biodégradable.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"sm-section\"\u003e\n \u003ch2\u003ePourquoi choisir ces copeaux de savon de Marseille ?\u003c\/h2\u003e\n \u003cp class=\"sm-section-intro\"\u003eLe savon de Marseille authentique se distingue par sa composition minimaliste et son efficacité éprouvée. La Corvette pousse cette exigence encore plus loin avec sa gamme Extra Pur :\u003c\/p\u003e\n \u003cdiv class=\"sm-grid\"\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🤍 Hypoallergénique\u003c\/h3\u003e\n \u003cp\u003eAucun allergène déclaré, idéal pour les peaux sensibles et le linge de bébé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🚫 Sans additif chimique\u003c\/h3\u003e\n \u003cp\u003eNi parfum de synthèse, ni colorant, ni conservateur. La pureté à l'état brut.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🌴 Huiles certifiées RSPO\u003c\/h3\u003e\n \u003cp\u003eIssues de plantations gérées durablement, pour un approvisionnement responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🌿 Certifié Ecocert Ecodétergent\u003c\/h3\u003e\n \u003cp\u003eUn gage de respect environnemental reconnu internationalement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eÀ Marseille, dans le berceau historique de la savonnerie, depuis 1894.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"sm-section\"\u003e\n \u003ch2\u003eComment utiliser les copeaux de savon de Marseille pour faire sa lessive ?\u003c\/h2\u003e\n \u003cp class=\"sm-section-intro\"\u003ePréparer votre propre \u003cstrong\u003elessive au savon de Marseille\u003c\/strong\u003e est très simple et remarquablement économique. Voici la marche à suivre :\u003c\/p\u003e\n\n \u003cdiv class=\"sm-usage-block\"\u003e\n \u003ch3 class=\"sm-usage-subtitle\"\u003e🧺 Lavage en machine\u003c\/h3\u003e\n \u003cdiv class=\"sm-timeline\"\u003e\n \u003cdiv class=\"sm-timeline-item\"\u003e\n \u003cdiv class=\"sm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sm-timeline-content\"\u003e\n \u003ch3\u003eDissolution\u003c\/h3\u003e\n \u003cp\u003eDissolvez \u003cstrong\u003e60 g de copeaux\u003c\/strong\u003e dans 1 litre d'eau très chaude.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-timeline-item\"\u003e\n \u003cdiv class=\"sm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sm-timeline-content\"\u003e\n \u003ch3\u003eRepos\u003c\/h3\u003e\n \u003cp\u003eLaissez reposer \u003cstrong\u003e24 heures\u003c\/strong\u003e pour obtenir un mélange homogène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-timeline-item\"\u003e\n \u003cdiv class=\"sm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sm-timeline-content\"\u003e\n \u003ch3\u003eDilution\u003c\/h3\u003e\n \u003cp\u003eAjoutez ensuite 1 litre d'eau froide et mélangez bien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-timeline-item\"\u003e\n \u003cdiv class=\"sm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sm-timeline-content\"\u003e\n \u003ch3\u003eDosage\u003c\/h3\u003e\n \u003cp\u003eVersez \u003cstrong\u003e100 ml de ce liquide\u003c\/strong\u003e directement dans le tambour de votre machine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-timeline-item\"\u003e\n \u003cdiv class=\"sm-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"sm-timeline-content\"\u003e\n \u003ch3\u003eAvant chaque usage\u003c\/h3\u003e\n \u003cp\u003ePensez à secouer le bidon avant chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sm-usage-block\"\u003e\n \u003ch3 class=\"sm-usage-subtitle\"\u003e🧤 Lavage à la main\u003c\/h3\u003e\n \u003cdiv class=\"sm-timeline\"\u003e\n \u003cdiv class=\"sm-timeline-item\"\u003e\n \u003cdiv class=\"sm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sm-timeline-content\"\u003e\n \u003ch3\u003ePréparation\u003c\/h3\u003e\n \u003cp\u003eDissolvez \u003cstrong\u003e10 g de copeaux\u003c\/strong\u003e dans une bassine d'eau très chaude.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-timeline-item\"\u003e\n \u003cdiv class=\"sm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sm-timeline-content\"\u003e\n \u003ch3\u003eLavage\u003c\/h3\u003e\n \u003cp\u003ePlongez-y vos textiles délicats, frottez délicatement puis rincez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sm-tip\"\u003e\n \u003cspan class=\"sm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCette méthode convient particulièrement aux \u003cstrong\u003etextiles délicats\u003c\/strong\u003e : laine, soie, lingerie fine et vêtements de bébé. Le savon de Marseille en copeaux lave en douceur sans agresser les fibres.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"sm-section\"\u003e\n \u003ch2\u003eUn produit multi-usages pour toute la maison\u003c\/h2\u003e\n \u003cp class=\"sm-section-intro\"\u003eAu-delà de la lessive, ces copeaux se prêtent à de nombreuses utilisations au quotidien :\u003c\/p\u003e\n \u003cdiv class=\"sm-grid\"\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🍽️ Liquide vaisselle maison\u003c\/h3\u003e\n \u003cp\u003eDissolvez les copeaux dans de l'eau chaude pour obtenir un produit vaisselle naturel et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🏠 Nettoyant multi-surfaces\u003c\/h3\u003e\n \u003cp\u003eIdéal pour l'entretien écologique des sols et des surfaces de la maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🧴 Soin du corps\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa formule hypoallergénique, le savon de Marseille convient aussi comme soin lavant doux pour la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"sm-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"sm-composition-box\"\u003e\n \u003cp class=\"sm-composition-inci\"\u003e\u003cstrong\u003eSodium Palmate*, Aqua (Water), Sodium Palm Kernelate*, Sodium Chloride, Sodium Hydroxide.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"sm-composition-note\"\u003e*Huiles certifiées RSPO, issues de plantations gérées durablement.\u003c\/p\u003e\n \u003cdiv class=\"sm-grid-compact\"\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🧼 +30 % de savon\u003c\/h3\u003e\n \u003cp\u003eConcentration élevée pour une efficacité maximale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum\u003c\/h3\u003e\n \u003cp\u003eAucune fragrance ajoutée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🎨 Sans colorant\u003c\/h3\u003e\n \u003cp\u003ePureté naturelle garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🛡️ Sans conservateur\u003c\/h3\u003e\n \u003cp\u003eFormule minimaliste\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"sm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLa Corvette : l'héritage authentique du savon de Marseille\u003c\/h2\u003e\n \u003cdiv class=\"sm-cta-box\"\u003e\n \u003cp\u003eLa maison du savon de Marseille La Corvette perpétue depuis \u003cstrong\u003e1894\u003c\/strong\u003e la tradition du véritable savon de Marseille. Chaque produit est fabriqué au cœur de la cité phocéenne, dans le respect des méthodes ancestrales de saponification. Avec ce sachet de \u003cstrong\u003e750 g de copeaux\u003c\/strong\u003e, vous disposez d'un produit économique, écologique et véritablement polyvalent qui remplace avantageusement de nombreux produits ménagers industriels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sm-disclaimer\"\u003eCe produit est destiné à un usage ménager et cosmétique courant. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sm-cream: #f7f4ef;\n --sm-white: #ffffff;\n --sm-primary: #3d6a8e;\n --sm-primary-dark: #2a4d6e;\n --sm-primary-light: #e8f0f6;\n --sm-secondary: #c9a96e;\n --sm-accent: #d4a853;\n --sm-text: #1a1a1a;\n --sm-text-light: #5a5a5a;\n --sm-border: #e0ddd6;\n --sm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sm-radius: 20px;\n --sm-radius-sm: 12px;\n}\n\n.sm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sm-hero {\n position: relative;\n background: linear-gradient(135deg, #2a4d6e 0%, #3d6a8e 40%, #c9a96e 100%);\n border-radius: var(--sm-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(--sm-shadow-lg);\n}\n\n.sm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.12) 1px, transparent 1px),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 1px, transparent 1px),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.06) 1px, transparent 1px);\n background-size: 60px 60px, 80px 80px, 100px 100px;\n opacity: .3;\n}\n\n.sm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sm-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(--sm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sm-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.sm-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.sm-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\/* === SECTIONS === *\/\n.sm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sm-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.sm-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(--sm-primary), var(--sm-secondary));\n border-radius: 2px;\n}\n\n.sm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sm-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.sm-card {\n background: var(--sm-white);\n border-radius: var(--sm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sm-shadow-lg);\n border-color: var(--sm-primary);\n}\n\n.sm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 1.25rem;\n}\n\n.sm-grid-compact .sm-card {\n padding: 1rem;\n}\n\n.sm-grid-compact .sm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sm-grid-compact .sm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sm-primary), var(--sm-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.sm-timeline-content {\n flex: 1;\n background: var(--sm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sm-radius-sm);\n box-shadow: var(--sm-shadow);\n}\n\n.sm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sm-timeline-content p {\n font-size: 14px;\n color: var(--sm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === USAGE BLOCK === *\/\n.sm-usage-block {\n margin-bottom: 1.5rem;\n}\n\n.sm-usage-subtitle {\n font-size: clamp(17px, 3vw, 22px);\n font-weight: 800;\n color: var(--sm-primary-dark);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n\/* === TIP === *\/\n.sm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sm-primary-light);\n border-radius: var(--sm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sm-tip p {\n font-size: 14px;\n color: var(--sm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.sm-composition-box {\n background: var(--sm-white);\n border-radius: var(--sm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sm-shadow);\n text-align: center;\n}\n\n.sm-composition-inci {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--sm-text);\n line-height: 1.7;\n margin: 0 0 .75rem 0;\n word-break: break-word;\n}\n\n.sm-composition-note {\n font-size: 13px;\n color: var(--sm-text-light);\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA === *\/\n.sm-cta-box {\n background: linear-gradient(135deg, var(--sm-primary) 0%, var(--sm-primary-dark) 100%);\n border-radius: var(--sm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sm-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.sm-disclaimer {\n font-size: 12px;\n color: var(--sm-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 .sm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sm-card {\n padding: 1.125rem;\n }\n\n .sm-section {\n margin-bottom: 1.75rem;\n }\n\n .sm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sm-radius-sm);\n }\n\n .sm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sm-grid-compact {\n gap: .625rem;\n }\n\n .sm-grid-compact .sm-card {\n padding: .75rem;\n }\n\n .sm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sm-timeline-content h3 {\n font-size: 14px;\n }\n\n .sm-timeline-content p {\n font-size: 13px;\n }\n\n .sm-usage-subtitle {\n font-size: 17px;\n }\n\n .sm-tip {\n padding: .875rem 1rem;\n }\n\n .sm-tip p {\n font-size: 13px;\n }\n\n .sm-composition-box {\n padding: 1.25rem;\n }\n\n .sm-section-intro {\n font-size: 14px;\n margin-bottom: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sm-card {\n animation: smFadeInUp .5s ease backwards;\n }\n .sm-card:nth-child(1) { animation-delay: .05s; }\n .sm-card:nth-child(2) { animation-delay: .1s; }\n .sm-card:nth-child(3) { animation-delay: .15s; }\n .sm-card:nth-child(4) { animation-delay: .2s; }\n .sm-card:nth-child(5) { animation-delay: .25s; }\n .sm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes smFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sm-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":56907355881849,"sku":"NBAILAC0021","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lacorvette-savondemarseille.jpg?v=1774515333"},{"product_id":"cube-de-savon-de-marseille-500g-la-corvette","title":"Cube de Savon de Marseille - 500G - La Corvette","description":"\u003cdiv class=\"sm-premium\"\u003e\n\n\u003cdiv class=\"sm-hero\"\u003e\n \u003cdiv class=\"sm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sm-hero-content\"\u003e\n \u003cdiv class=\"sm-badges-top\"\u003e\n \u003cspan class=\"sm-badge\"\u003e🇫🇷 Fabriqué à Marseille\u003c\/span\u003e\n \u003cspan class=\"sm-badge\"\u003e🌿 Certifié Ecocert Cosmos Natural\u003c\/span\u003e\n \u003cspan class=\"sm-badge\"\u003e🏛️ Depuis 1894\u003c\/span\u003e\n \u003cspan class=\"sm-badge\"\u003e♻️ 100 % biodégradable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sm-hero-title\"\u003eCube de Savon de Marseille 500 g\u003c\/span\u003e\n \u003cp class=\"sm-subtitle\"\u003eLa Corvette — Savonnerie du Midi • Extra Pur • 72 % d'huiles végétales\u003c\/p\u003e\n \u003cp class=\"sm-description\"\u003eL'iconique cube de savon de Marseille authentique, fabriqué artisanalement au cœur de la cité phocéenne. Pur végétal, hypoallergénique, aussi doux pour votre peau que pour l'entretien de votre maison et de votre linge.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"sm-section\"\u003e\n \u003ch2\u003eLe véritable savon de Marseille en cube – 500 g Extra Pur\u003c\/h2\u003e\n \u003cp class=\"sm-section-intro\"\u003eCe cube de 500 g signé \u003cstrong\u003eLa Corvette\u003c\/strong\u003e est fabriqué par la Savonnerie du Midi, \u003cstrong\u003emaison fondée en 1894\u003c\/strong\u003e à Marseille. Cuit en chaudron selon le procédé traditionnel, il contient \u003cstrong\u003e72 % d'huiles végétales\u003c\/strong\u003e. Certifié \u003cstrong\u003eCosmos Natural par Ecocert\u003c\/strong\u003e, c'est un produit multi-usages, écologique et durable.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"sm-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon de Marseille La Corvette ?\u003c\/h2\u003e\n \u003cdiv class=\"sm-grid\"\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🤍 Hypoallergénique\u003c\/h3\u003e\n \u003cp\u003eSans allergène déclaré, convient aux peaux sensibles et aux tout-petits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n \u003cp\u003eNi parfum, ni colorant, ni conservateur. Pureté exemplaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🌴 Huiles certifiées RSPO\u003c\/h3\u003e\n \u003cp\u003eIssues de filières durables et responsables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué à Marseille\u003c\/h3\u003e\n \u003cp\u003eSelon la méthode traditionnelle au chaudron.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eUn cube solide qui dure des mois, sans emballage plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🧼 Multi-usages\u003c\/h3\u003e\n \u003cp\u003eToilette du corps, lessive maison, entretien ménager.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"sm-section\"\u003e\n \u003ch2\u003eComment utiliser votre cube de savon de Marseille ?\u003c\/h2\u003e\n\n \u003cdiv class=\"sm-usage-block\"\u003e\n \u003ch3 class=\"sm-usage-subtitle\"\u003e🚿 Toilette du corps et des mains\u003c\/h3\u003e\n \u003cdiv class=\"sm-timeline\"\u003e\n \u003cdiv class=\"sm-timeline-item\"\u003e\n \u003cdiv class=\"sm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sm-timeline-content\"\u003e\n \u003ch3\u003eMoussez\u003c\/h3\u003e\n \u003cp\u003eHumidifiez le cube et frottez-le entre vos mains pour obtenir une mousse onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-timeline-item\"\u003e\n \u003cdiv class=\"sm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sm-timeline-content\"\u003e\n \u003ch3\u003eLavez\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le corps ou le visage, rincez à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sm-usage-block\"\u003e\n \u003ch3 class=\"sm-usage-subtitle\"\u003e🧺 Lessive et entretien ménager\u003c\/h3\u003e\n \u003cdiv class=\"sm-timeline\"\u003e\n \u003cdiv class=\"sm-timeline-item\"\u003e\n \u003cdiv class=\"sm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sm-timeline-content\"\u003e\n \u003ch3\u003eRâpez en copeaux\u003c\/h3\u003e\n \u003cp\u003eDissolvez \u003cstrong\u003e60 g\u003c\/strong\u003e de \u003cstrong\u003ecopeaux de savon de Marseille\u003c\/strong\u003e dans 1 litre d'eau chaude.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-timeline-item\"\u003e\n \u003cdiv class=\"sm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sm-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre lessive maison\u003c\/h3\u003e\n \u003cp\u003eAprès 24 h, ajoutez 1 litre d'eau froide. Versez 100 ml dans le tambour de votre machine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-timeline-item\"\u003e\n \u003cdiv class=\"sm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sm-timeline-content\"\u003e\n \u003ch3\u003eNettoyez vos surfaces\u003c\/h3\u003e\n \u003cp\u003eFrottez le cube humide sur une éponge pour nettoyer plans de travail et carrelages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sm-tip\"\u003e\n \u003cspan class=\"sm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLaissez sécher votre cube sur un \u003cstrong\u003eporte-savon aéré\u003c\/strong\u003e entre chaque utilisation. Un cube de 500 g bien entretenu dure plusieurs mois.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"sm-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"sm-composition-box\"\u003e\n \u003cp class=\"sm-composition-inci\"\u003e\u003cstrong\u003eSodium Palmate*, Aqua (Water), Sodium Palm Kernelate*, Sodium Chloride, Sodium Hydroxide.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"sm-composition-note\"\u003e*Huiles certifiées RSPO, issues de plantations gérées durablement. 100 % d'origine naturelle.\u003c\/p\u003e\n \u003cdiv class=\"sm-grid-compact\"\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🧼 72 % d'huiles végétales\u003c\/h3\u003e\n \u003cp\u003eTeneur traditionnelle du véritable savon de Marseille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum\u003c\/h3\u003e\n \u003cp\u003eAucune fragrance ajoutée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🎨 Sans colorant\u003c\/h3\u003e\n \u003cp\u003eCouleur naturelle du savon pur végétal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🛡️ Sans conservateur\u003c\/h3\u003e\n \u003cp\u003eFormule minimaliste et transparente\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"sm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLa Corvette : gardienne du savon de Marseille depuis 1894\u003c\/h2\u003e\n \u003cdiv class=\"sm-cta-box\"\u003e\n \u003cp\u003eLa Savonnerie du Midi est l'une des dernières savonneries artisanales de Marseille encore en activité. En choisissant ce \u003cstrong\u003ecube de savon de Marseille 500 g\u003c\/strong\u003e, vous adoptez un geste écologique, économique et ancré dans le patrimoine français. Un seul produit pour remplacer votre \u003cstrong\u003esavon de Marseille liquide\u003c\/strong\u003e, vos nettoyants et détergents chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sm-disclaimer\"\u003eCe produit est destiné à un usage cosmétique et ménager courant. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sm-cream: #f5f1ea;\n --sm-white: #ffffff;\n --sm-primary: #6b7f6e;\n --sm-primary-dark: #3c4f3f;\n --sm-primary-light: #eef3ee;\n --sm-secondary: #c9a96e;\n --sm-accent: #d4a853;\n --sm-warm: #e8d5a8;\n --sm-text: #1a1a1a;\n --sm-text-light: #5a5a5a;\n --sm-border: #e0ddd6;\n --sm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sm-radius: 20px;\n --sm-radius-sm: 12px;\n}\n\n.sm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.sm-hero {\n position: relative;\n background: linear-gradient(135deg, #3c4f3f 0%, #6b7f6e 35%, #c9a96e 75%, #e8d5a8 100%);\n border-radius: var(--sm-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(--sm-shadow-lg);\n}\n\n.sm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 15% 40%, rgba(255,255,255,.1) 2px, transparent 2px),\n radial-gradient(circle at 85% 25%, rgba(255,255,255,.07) 2px, transparent 2px),\n radial-gradient(circle at 50% 75%, rgba(255,255,255,.05) 2px, transparent 2px),\n repeating-linear-gradient(45deg, transparent, transparent 40px, rgba(255,255,255,.02) 40px, rgba(255,255,255,.02) 42px);\n background-size: 80px 80px, 100px 100px, 120px 120px, 60px 60px;\n opacity: .4;\n}\n\n.sm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sm-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(--sm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sm-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,.25);\n}\n\n.sm-subtitle {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.sm-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n.sm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sm-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.sm-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(--sm-primary), var(--sm-secondary));\n border-radius: 2px;\n}\n\n.sm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sm-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.sm-card {\n background: var(--sm-white);\n border-radius: var(--sm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sm-shadow-lg);\n border-color: var(--sm-primary);\n}\n\n.sm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 1.25rem;\n}\n\n.sm-grid-compact .sm-card {\n padding: 1rem;\n}\n\n.sm-grid-compact .sm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sm-grid-compact .sm-card p {\n font-size: 12px;\n}\n\n.sm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sm-primary), var(--sm-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.sm-timeline-content {\n flex: 1;\n background: var(--sm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sm-radius-sm);\n box-shadow: var(--sm-shadow);\n}\n\n.sm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sm-timeline-content p {\n font-size: 14px;\n color: var(--sm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.sm-usage-block {\n margin-bottom: 1.5rem;\n}\n\n.sm-usage-subtitle {\n font-size: clamp(17px, 3vw, 22px);\n font-weight: 800;\n color: var(--sm-primary-dark);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.sm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sm-primary-light);\n border-radius: var(--sm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sm-tip p {\n font-size: 14px;\n color: var(--sm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sm-composition-box {\n background: var(--sm-white);\n border-radius: var(--sm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sm-shadow);\n text-align: center;\n}\n\n.sm-composition-inci {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--sm-text);\n line-height: 1.7;\n margin: 0 0 .75rem 0;\n word-break: break-word;\n}\n\n.sm-composition-note {\n font-size: 13px;\n color: var(--sm-text-light);\n font-style: italic;\n margin: 0;\n}\n\n.sm-cta-box {\n background: linear-gradient(135deg, var(--sm-primary) 0%, var(--sm-primary-dark) 100%);\n border-radius: var(--sm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sm-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; left: -50%;\n width: 200%; height: 200%;\n background: radial-gradient(circle at 30% 30%, rgba(201,169,110,.15) 0%, transparent 60%);\n pointer-events: none;\n}\n\n.sm-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.sm-disclaimer {\n font-size: 12px;\n color: var(--sm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .sm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sm-card {\n padding: 1.125rem;\n }\n\n .sm-section {\n margin-bottom: 1.75rem;\n }\n\n .sm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sm-radius-sm);\n }\n\n .sm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sm-grid-compact {\n gap: .625rem;\n }\n\n .sm-grid-compact .sm-card {\n padding: .75rem;\n }\n\n .sm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sm-timeline-content h3 {\n font-size: 14px;\n }\n\n .sm-timeline-content p {\n font-size: 13px;\n }\n\n .sm-usage-subtitle {\n font-size: 17px;\n }\n\n .sm-tip {\n padding: .875rem 1rem;\n }\n\n .sm-tip p {\n font-size: 13px;\n }\n\n .sm-composition-box {\n padding: 1.25rem;\n }\n\n .sm-section-intro {\n font-size: 14px;\n margin-bottom: 1rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .sm-card {\n animation: smFadeInUp .5s ease backwards;\n }\n .sm-card:nth-child(1) { animation-delay: .05s; }\n .sm-card:nth-child(2) { animation-delay: .1s; }\n .sm-card:nth-child(3) { animation-delay: .15s; }\n .sm-card:nth-child(4) { animation-delay: .2s; }\n .sm-card:nth-child(5) { animation-delay: .25s; }\n .sm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes smFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sm-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":56907815223673,"sku":"NBAILAC0007","price":7.2,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lacorvette-CUBEsavondemarseille.jpg?v=1774520050"},{"product_id":"cube-de-savon-de-marseille-300g-la-corvette","title":"Cube de Savon de Marseille - 300G - La Corvette","description":"\u003cdiv class=\"sm-premium\"\u003e\n\n\u003cdiv class=\"sm-hero\"\u003e\n \u003cdiv class=\"sm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sm-hero-content\"\u003e\n \u003cdiv class=\"sm-badges-top\"\u003e\n \u003cspan class=\"sm-badge\"\u003e🇫🇷 Fabriqué à Marseille\u003c\/span\u003e\n \u003cspan class=\"sm-badge\"\u003e🌿 Certifié Ecocert Cosmos Natural\u003c\/span\u003e\n \u003cspan class=\"sm-badge\"\u003e🏛️ Depuis 1894\u003c\/span\u003e\n \u003cspan class=\"sm-badge\"\u003e♻️ 100 % biodégradable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sm-hero-title\"\u003eCube de Savon de Marseille 300 g\u003c\/span\u003e\n \u003cp class=\"sm-subtitle\"\u003eLa Corvette — Savonnerie du Midi • Extra Pur • 72 % d'huiles végétales\u003c\/p\u003e\n \u003cp class=\"sm-description\"\u003eL'iconique cube de savon de Marseille authentique, fabriqué artisanalement au cœur de la cité phocéenne. Pur végétal, hypoallergénique, aussi doux pour votre peau que pour l'entretien de votre maison et de votre linge.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"sm-section\"\u003e\n \u003ch2\u003eLe véritable savon de Marseille en cube – 500 g Extra Pur\u003c\/h2\u003e\n \u003cp class=\"sm-section-intro\"\u003eCe cube de 300 g signé \u003cstrong\u003eLa Corvette\u003c\/strong\u003e est fabriqué par la Savonnerie du Midi, \u003cstrong\u003emaison fondée en 1894\u003c\/strong\u003e à Marseille. Cuit en chaudron selon le procédé traditionnel, il contient \u003cstrong\u003e72 % d'huiles végétales\u003c\/strong\u003e. Certifié \u003cstrong\u003eCosmos Natural par Ecocert\u003c\/strong\u003e, c'est un produit multi-usages, écologique et durable.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"sm-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon de Marseille La Corvette ?\u003c\/h2\u003e\n \u003cdiv class=\"sm-grid\"\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🤍 Hypoallergénique\u003c\/h3\u003e\n \u003cp\u003eSans allergène déclaré, convient aux peaux sensibles et aux tout-petits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n \u003cp\u003eNi parfum, ni colorant, ni conservateur. Pureté exemplaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🌴 Huiles certifiées RSPO\u003c\/h3\u003e\n \u003cp\u003eIssues de filières durables et responsables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué à Marseille\u003c\/h3\u003e\n \u003cp\u003eSelon la méthode traditionnelle au chaudron.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eUn cube solide qui dure des mois, sans emballage plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🧼 Multi-usages\u003c\/h3\u003e\n \u003cp\u003eToilette du corps, lessive maison, entretien ménager.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"sm-section\"\u003e\n \u003ch2\u003eComment utiliser votre cube de savon de Marseille ?\u003c\/h2\u003e\n\n \u003cdiv class=\"sm-usage-block\"\u003e\n \u003ch3 class=\"sm-usage-subtitle\"\u003e🚿 Toilette du corps et des mains\u003c\/h3\u003e\n \u003cdiv class=\"sm-timeline\"\u003e\n \u003cdiv class=\"sm-timeline-item\"\u003e\n \u003cdiv class=\"sm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sm-timeline-content\"\u003e\n \u003ch3\u003eMoussez\u003c\/h3\u003e\n \u003cp\u003eHumidifiez le cube et frottez-le entre vos mains pour obtenir une mousse onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-timeline-item\"\u003e\n \u003cdiv class=\"sm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sm-timeline-content\"\u003e\n \u003ch3\u003eLavez\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le corps ou le visage, rincez à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sm-usage-block\"\u003e\n \u003ch3 class=\"sm-usage-subtitle\"\u003e🧺 Lessive et entretien ménager\u003c\/h3\u003e\n \u003cdiv class=\"sm-timeline\"\u003e\n \u003cdiv class=\"sm-timeline-item\"\u003e\n \u003cdiv class=\"sm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sm-timeline-content\"\u003e\n \u003ch3\u003eRâpez en copeaux\u003c\/h3\u003e\n \u003cp\u003eDissolvez \u003cstrong\u003e60 g\u003c\/strong\u003e de \u003cstrong\u003ecopeaux de savon de Marseille\u003c\/strong\u003e dans 1 litre d'eau chaude.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-timeline-item\"\u003e\n \u003cdiv class=\"sm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sm-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre lessive maison\u003c\/h3\u003e\n \u003cp\u003eAprès 24 h, ajoutez 1 litre d'eau froide. Versez 100 ml dans le tambour de votre machine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-timeline-item\"\u003e\n \u003cdiv class=\"sm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sm-timeline-content\"\u003e\n \u003ch3\u003eNettoyez vos surfaces\u003c\/h3\u003e\n \u003cp\u003eFrottez le cube humide sur une éponge pour nettoyer plans de travail et carrelages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sm-tip\"\u003e\n \u003cspan class=\"sm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLaissez sécher votre cube sur un \u003cstrong\u003eporte-savon aéré\u003c\/strong\u003e entre chaque utilisation. Un cube bien entretenu dure plusieurs mois.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"sm-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"sm-composition-box\"\u003e\n \u003cp class=\"sm-composition-inci\"\u003e\u003cstrong\u003eSodium Palmate*, Aqua (Water), Sodium Palm Kernelate*, Sodium Chloride, Sodium Hydroxide.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"sm-composition-note\"\u003e*Huiles certifiées RSPO, issues de plantations gérées durablement. 100 % d'origine naturelle.\u003c\/p\u003e\n \u003cdiv class=\"sm-grid-compact\"\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🧼 72 % d'huiles végétales\u003c\/h3\u003e\n \u003cp\u003eTeneur traditionnelle du véritable savon de Marseille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum\u003c\/h3\u003e\n \u003cp\u003eAucune fragrance ajoutée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🎨 Sans colorant\u003c\/h3\u003e\n \u003cp\u003eCouleur naturelle du savon pur végétal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🛡️ Sans conservateur\u003c\/h3\u003e\n \u003cp\u003eFormule minimaliste et transparente\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"sm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLa Corvette : gardienne du savon de Marseille depuis 1894\u003c\/h2\u003e\n \u003cdiv class=\"sm-cta-box\"\u003e\n \u003cp\u003eLa Savonnerie du Midi est l'une des dernières savonneries artisanales de Marseille encore en activité. En choisissant ce \u003cstrong\u003ecube de savon de Marseille 300 g\u003c\/strong\u003e, vous adoptez un geste écologique, économique et ancré dans le patrimoine français. Un seul produit pour remplacer votre \u003cstrong\u003esavon de Marseille liquide\u003c\/strong\u003e, vos nettoyants et détergents chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sm-disclaimer\"\u003eCe produit est destiné à un usage cosmétique et ménager courant. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sm-cream: #f7f3ec;\n --sm-white: #ffffff;\n --sm-primary: #b6a47a;\n --sm-primary-dark: #5c5038;\n --sm-primary-light: #f3efe6;\n --sm-secondary: #8a9aad;\n --sm-accent: #d4c9a8;\n --sm-warm: #e8dcc4;\n --sm-text: #1a1a1a;\n --sm-text-light: #5a5a5a;\n --sm-border: #e4dfd6;\n --sm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sm-radius: 20px;\n --sm-radius-sm: 12px;\n}\n\n.sm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.sm-hero {\n position: relative;\n background: linear-gradient(135deg, #5c5038 0%, #8a7b5a 30%, #b6a47a 55%, #8a9aad 80%, #6b7d92 100%);\n border-radius: var(--sm-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(--sm-shadow-lg);\n}\n\n.sm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 20% 35%, rgba(255,255,255,.08) 2px, transparent 2px),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 2px, transparent 2px),\n radial-gradient(circle at 55% 80%, rgba(255,255,255,.04) 2px, transparent 2px),\n repeating-linear-gradient(45deg, transparent, transparent 50px, rgba(255,255,255,.015) 50px, rgba(255,255,255,.015) 52px);\n background-size: 90px 90px, 110px 110px, 130px 130px, 70px 70px;\n opacity: .5;\n}\n\n.sm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sm-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(--sm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sm-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,.25);\n}\n\n.sm-subtitle {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.sm-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n.sm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sm-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.sm-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(--sm-primary), var(--sm-secondary));\n border-radius: 2px;\n}\n\n.sm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sm-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.sm-card {\n background: var(--sm-white);\n border-radius: var(--sm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sm-shadow-lg);\n border-color: var(--sm-primary);\n}\n\n.sm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 1.25rem;\n}\n\n.sm-grid-compact .sm-card {\n padding: 1rem;\n}\n\n.sm-grid-compact .sm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sm-grid-compact .sm-card p {\n font-size: 12px;\n}\n\n.sm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sm-primary), var(--sm-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.sm-timeline-content {\n flex: 1;\n background: var(--sm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sm-radius-sm);\n box-shadow: var(--sm-shadow);\n}\n\n.sm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sm-timeline-content p {\n font-size: 14px;\n color: var(--sm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.sm-usage-block {\n margin-bottom: 1.5rem;\n}\n\n.sm-usage-subtitle {\n font-size: clamp(17px, 3vw, 22px);\n font-weight: 800;\n color: var(--sm-primary-dark);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.sm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sm-primary-light);\n border-radius: var(--sm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sm-tip p {\n font-size: 14px;\n color: var(--sm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sm-composition-box {\n background: var(--sm-white);\n border-radius: var(--sm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sm-shadow);\n text-align: center;\n}\n\n.sm-composition-inci {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--sm-text);\n line-height: 1.7;\n margin: 0 0 .75rem 0;\n word-break: break-word;\n}\n\n.sm-composition-note {\n font-size: 13px;\n color: var(--sm-text-light);\n font-style: italic;\n margin: 0;\n}\n\n.sm-cta-box {\n background: linear-gradient(135deg, var(--sm-primary) 0%, var(--sm-primary-dark) 100%);\n border-radius: var(--sm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sm-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; left: -50%;\n width: 200%; height: 200%;\n background: radial-gradient(circle at 30% 30%, rgba(138,154,173,.2) 0%, transparent 60%);\n pointer-events: none;\n}\n\n.sm-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.sm-disclaimer {\n font-size: 12px;\n color: var(--sm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .sm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sm-card {\n padding: 1.125rem;\n }\n\n .sm-section {\n margin-bottom: 1.75rem;\n }\n\n .sm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sm-radius-sm);\n }\n\n .sm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sm-grid-compact {\n gap: .625rem;\n }\n\n .sm-grid-compact .sm-card {\n padding: .75rem;\n }\n\n .sm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sm-timeline-content h3 {\n font-size: 14px;\n }\n\n .sm-timeline-content p {\n font-size: 13px;\n }\n\n .sm-usage-subtitle {\n font-size: 17px;\n }\n\n .sm-tip {\n padding: .875rem 1rem;\n }\n\n .sm-tip p {\n font-size: 13px;\n }\n\n .sm-composition-box {\n padding: 1.25rem;\n }\n\n .sm-section-intro {\n font-size: 14px;\n margin-bottom: 1rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .sm-card {\n animation: smFadeInUp .5s ease backwards;\n }\n .sm-card:nth-child(1) { animation-delay: .05s; }\n .sm-card:nth-child(2) { animation-delay: .1s; }\n .sm-card:nth-child(3) { animation-delay: .15s; }\n .sm-card:nth-child(4) { animation-delay: .2s; }\n .sm-card:nth-child(5) { animation-delay: .25s; }\n .sm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes smFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sm-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":56914086199673,"sku":"NBAILAC0005","price":4.7,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cube-de-savon-de-marseille-300g-la-corvette-packshothd.webp?v=1774605676"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/savon-de-marseille.webp?v=1792143198","url":"https:\/\/www.naturellement-bio.com\/collections\/savon-de-marseille.oembed","provider":"Naturellement Bio","version":"1.0","type":"link"}