{"product_id":"soin-lavant-visage-tea-treat-yourself-peaux-a-problemes-lamazuna","title":"Soin lavant visage Tea treat yourself - Peaux à problèmes - Lamazuna","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Soin lavant visage Tea treat yourself - Lamazuna\nPalette détectée:\n  - Primaire: #2D8C5A (vert forêt du packaging)\n  - Secondaire: #D4E157 (vert lime\/jaune vif accent)\n  - Accent: #1B5E3C (vert foncé profond)\n  - Neutre: #A59B8C (gris-beige du savon solide)\nAmbiance: Naturel\/Bio, frais, écologique, français, moderne et décalé\nPréfixe CSS: tty\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Un soin lavant visage solide pensé pour les peaux à problèmes\"\n  2. \"Pourquoi choisir ce soin lavant pour votre peau à imperfections ?\"\n  3. \"Trois actifs bio aux vertus complémentaires\"\n  4. \"Comment utiliser ce savon visage solide ?\"\n  5. \"À qui s'adresse ce nettoyant visage Lamazuna ?\"\n  6. \"Les engagements Lamazuna pour une beauté responsable\"\n  7. \"Conseils pour optimiser les résultats\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"tty-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"tty-hero\"\u003e\n    \u003cdiv class=\"tty-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"tty-hero-content\"\u003e\n      \u003cdiv class=\"tty-badges-top\"\u003e\n        \u003cspan class=\"tty-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"tty-badge\"\u003e🌿 Actifs bio\u003c\/span\u003e\n        \u003cspan class=\"tty-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"tty-hero-title\"\u003eTea Treat Yourself\u003c\/span\u003e\n      \u003cp class=\"tty-subtitle\"\u003eSoin lavant visage solide anti-imperfections\u003c\/p\u003e\n      \u003cp class=\"tty-description\"\u003eLa puissance du tea tree bio pour purifier votre peau sans l'agresser. Format solide 28 mL, économique et écologique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"tty-section\"\u003e\n    \u003ch2\u003eUn soin lavant visage solide pensé pour les peaux à problèmes\u003c\/h2\u003e\n    \u003cp class=\"tty-section-intro\"\u003eVous cherchez un \u003cstrong\u003esoin lavant visage\u003c\/strong\u003e efficace contre les imperfections, mais qui respecte vraiment votre peau ? Le savon solide \u003cstrong\u003eTea Treat Yourself de Lamazuna\u003c\/strong\u003e a été conçu spécifiquement pour répondre aux besoins des peaux acnéiques, sujettes aux boutons et aux inflammations.\u003c\/p\u003e\n    \u003cdiv class=\"tty-grid-compact\"\u003e\n      \u003cdiv class=\"tty-card\"\u003e\n        \u003ch3\u003e💧 Purifie en profondeur\u003c\/h3\u003e\n        \u003cp\u003eNettoie sans agresser ni assécher\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tty-card\"\u003e\n        \u003ch3\u003e🌿 Apaise les inflammations\u003c\/h3\u003e\n        \u003cp\u003eCalme rougeurs et irritations\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tty-card\"\u003e\n        \u003ch3\u003e✨ Combat les imperfections\u003c\/h3\u003e\n        \u003cp\u003eAction ciblée anti-boutons\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tty-card\"\u003e\n        \u003ch3\u003e💚 Respecte l'épiderme\u003c\/h3\u003e\n        \u003cp\u003eFormule douce et équilibrée\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"tty-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce soin lavant pour votre peau à imperfections ?\u003c\/h2\u003e\n    \u003cdiv class=\"tty-testimonial\"\u003e\n      \u003cp class=\"tty-testimonial-text\"\u003e\"Quand on a une peau à problèmes, trouver le bon nettoyant relève parfois du parcours du combattant. Trop décapant, il assèche et provoque un effet rebond. Trop doux, il ne nettoie pas assez. Ce soin lavant visage solide de Lamazuna trouve l'équilibre parfait grâce à une formule ciblée aux actifs bio soigneusement sélectionnés.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tty-tip\"\u003e\n      \u003cspan class=\"tty-tip-icon\"\u003e🌍\u003c\/span\u003e\n      \u003cp\u003eSon format solide de \u003cstrong\u003e28 mL\u003c\/strong\u003e vous offre une alternative écologique et économique aux gels et mousses nettoyantes classiques. Un geste beauté responsable qui fait du bien à votre peau comme à la planète.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"tty-section\"\u003e\n    \u003ch2\u003eTrois actifs bio aux vertus complémentaires\u003c\/h2\u003e\n    \u003cp class=\"tty-section-intro\"\u003eLa force de ce nettoyant visage réside dans sa composition trilogie d'ingrédients actifs biologiques :\u003c\/p\u003e\n    \u003cdiv class=\"tty-grid\"\u003e\n      \u003cdiv class=\"tty-card tty-card-ingredient\"\u003e\n        \u003ch3\u003e🌿 Huile essentielle de tea tree bio\u003c\/h3\u003e\n        \u003cp\u003eVéritable star des soins anti-imperfections, elle possède des \u003cstrong\u003epropriétés anti-acnéiques reconnues\u003c\/strong\u003e. Elle aide à assainir la peau et à réduire l'apparition des boutons.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tty-card tty-card-ingredient\"\u003e\n        \u003ch3\u003e🌼 Arnica bio\u003c\/h3\u003e\n        \u003cp\u003eCette plante aux \u003cstrong\u003evertus cicatrisantes et anti-inflammatoires\u003c\/strong\u003e apaise les rougeurs et favorise la réparation cutanée. Idéale pour les peaux irritées par les imperfections.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tty-card tty-card-ingredient\"\u003e\n        \u003ch3\u003e🍊 Petit grain bigaradier bio\u003c\/h3\u003e\n        \u003cp\u003eSon \u003cstrong\u003eaction anti-bactérienne\u003c\/strong\u003e complète parfaitement le tea tree en limitant la prolifération des bactéries responsables des boutons.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"tty-section\"\u003e\n    \u003ch2\u003eComment utiliser ce savon visage solide ?\u003c\/h2\u003e\n    \u003cp class=\"tty-section-intro\"\u003eL'utilisation de ce soin lavant visage est très simple et s'intègre facilement à votre routine quotidienne :\u003c\/p\u003e\n    \u003cdiv class=\"tty-timeline\"\u003e\n      \u003cdiv class=\"tty-timeline-item\"\u003e\n        \u003cspan class=\"tty-timeline-number\"\u003e1\u003c\/span\u003e\n        \u003cdiv class=\"tty-timeline-content\"\u003e\n          \u003ch3\u003eMouillez\u003c\/h3\u003e\n          \u003cp\u003eHumidifiez votre visage et le savon solide avec de l'eau tiède\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tty-timeline-item\"\u003e\n        \u003cspan class=\"tty-timeline-number\"\u003e2\u003c\/span\u003e\n        \u003cdiv class=\"tty-timeline-content\"\u003e\n          \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n          \u003cp\u003eFaites mousser le produit entre vos mains ou directement sur votre peau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tty-timeline-item\"\u003e\n        \u003cspan class=\"tty-timeline-number\"\u003e3\u003c\/span\u003e\n        \u003cdiv class=\"tty-timeline-content\"\u003e\n          \u003ch3\u003eMassez\u003c\/h3\u003e\n          \u003cp\u003eMassez délicatement l'ensemble de votre visage en mouvements circulaires\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tty-timeline-item\"\u003e\n        \u003cspan class=\"tty-timeline-number\"\u003e4\u003c\/span\u003e\n        \u003cdiv class=\"tty-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      \u003cdiv class=\"tty-timeline-item\"\u003e\n        \u003cspan class=\"tty-timeline-number\"\u003e5\u003c\/span\u003e\n        \u003cdiv class=\"tty-timeline-content\"\u003e\n          \u003ch3\u003eSéchez\u003c\/h3\u003e\n          \u003cp\u003eTamponnez doucement avec une serviette propre\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tty-tip\"\u003e\n      \u003cspan class=\"tty-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eUtilisez-le \u003cstrong\u003ematin et soir\u003c\/strong\u003e pour un nettoyage optimal. Après chaque utilisation, laissez sécher votre savon solide sur un porte-savon aéré pour prolonger sa durée de vie.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"tty-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce nettoyant visage Lamazuna ?\u003c\/h2\u003e\n    \u003cp class=\"tty-section-intro\"\u003eCe soin lavant a été formulé pour les personnes confrontées aux problématiques suivantes :\u003c\/p\u003e\n    \u003cdiv class=\"tty-grid-compact\"\u003e\n      \u003cdiv class=\"tty-card\"\u003e\n        \u003ch3\u003e🎯 Peaux acnéiques\u003c\/h3\u003e\n        \u003cp\u003eTendance à l'acné\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tty-card\"\u003e\n        \u003ch3\u003e⚫ Boutons \u0026amp; points noirs\u003c\/h3\u003e\n        \u003cp\u003eImperfections récurrentes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tty-card\"\u003e\n        \u003ch3\u003e💦 Peaux grasses\u003c\/h3\u003e\n        \u003cp\u003eExcès de sébum\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tty-card\"\u003e\n        \u003ch3\u003e⚖️ Peaux mixtes\u003c\/h3\u003e\n        \u003cp\u003eZone T brillante\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tty-card\"\u003e\n        \u003ch3\u003e😣 Peaux sensibilisées\u003c\/h3\u003e\n        \u003cp\u003eFragilisées par des soins trop agressifs\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tty-card\"\u003e\n        \u003ch3\u003e🌱 Éco-responsables\u003c\/h3\u003e\n        \u003cp\u003eAdeptes du zéro déchet\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tty-tip\"\u003e\n      \u003cspan class=\"tty-tip-icon\"\u003eℹ️\u003c\/span\u003e\n      \u003cp\u003eSi vous avez une peau très sèche ou mature sans imperfections, orientez-vous plutôt vers un nettoyant plus nourrissant de la gamme Lamazuna.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"tty-section\"\u003e\n    \u003ch2\u003eLes engagements Lamazuna pour une beauté responsable\u003c\/h2\u003e\n    \u003cdiv class=\"tty-commitment-box\"\u003e\n      \u003cp class=\"tty-commitment-quote\"\u003e\"Be conscious, be solid, be ohlala!\"\u003c\/p\u003e\n      \u003cp\u003eEn choisissant ce \u003cstrong\u003esoin lavant visage solide\u003c\/strong\u003e, vous optez pour une marque française pionnière du zéro déchet dans la salle de bain. Lamazuna s'engage depuis sa création à proposer des cosmétiques efficaces, naturels et respectueux de l'environnement.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tty-grid\"\u003e\n      \u003cdiv class=\"tty-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabrication française pour une traçabilité optimale et un impact carbone réduit\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tty-card\"\u003e\n        \u003ch3\u003e🌿 Ingrédients bio\u003c\/h3\u003e\n        \u003cp\u003eActifs issus de l'agriculture biologique certifiée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tty-card\"\u003e\n        \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n        \u003cp\u003eFormat solide sans emballage plastique superflu\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"tty-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eConseils pour optimiser les résultats\u003c\/h2\u003e\n    \u003cp class=\"tty-section-intro\"\u003ePour tirer le meilleur parti de votre routine anti-imperfections :\u003c\/p\u003e\n    \u003cdiv class=\"tty-accordion\"\u003e\n      \u003cdetails class=\"tty-accordion-item\"\u003e\n        \u003csummary class=\"tty-accordion-header\"\u003e💧 Complétez avec une lotion tonique\u003c\/summary\u003e\n        \u003cdiv class=\"tty-accordion-content\"\u003e\n          \u003cp\u003eComplétez votre nettoyage par une lotion tonique adaptée aux peaux à problèmes pour parfaire le nettoyage et resserrer les pores.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"tty-accordion-item\"\u003e\n        \u003csummary class=\"tty-accordion-header\"\u003e🧴 N'oubliez pas l'hydratation\u003c\/summary\u003e\n        \u003cdiv class=\"tty-accordion-content\"\u003e\n          \u003cp\u003eHydratez toujours votre peau après le nettoyage, même si elle est grasse. Une peau déshydratée produit plus de sébum en réaction.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"tty-accordion-item\"\u003e\n        \u003csummary class=\"tty-accordion-header\"\u003e🙅 Évitez de toucher votre visage\u003c\/summary\u003e\n        \u003cdiv class=\"tty-accordion-content\"\u003e\n          \u003cp\u003eÉvitez de toucher votre visage durant la journée pour limiter le transfert de bactéries responsables des imperfections.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"tty-accordion-item\"\u003e\n        \u003csummary class=\"tty-accordion-header\"\u003e🛏️ Changez votre taie d'oreiller\u003c\/summary\u003e\n        \u003cdiv class=\"tty-accordion-content\"\u003e\n          \u003cp\u003eChangez régulièrement votre taie d'oreiller (idéalement toutes les semaines) pour éviter l'accumulation de bactéries.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"tty-accordion-item\"\u003e\n        \u003csummary class=\"tty-accordion-header\"\u003e⏳ Soyez patient\u003c\/summary\u003e\n        \u003cdiv class=\"tty-accordion-content\"\u003e\n          \u003cp\u003eLes résultats visibles sur les imperfections demandent généralement quelques semaines d'utilisation régulière. Persévérez !\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tty-cta-box\"\u003e\n      \u003cp\u003e🌿 Ce soin lavant visage constitue un complément à votre hygiène quotidienne. En cas d'acné sévère ou persistante, consultez un dermatologue qui pourra vous proposer une prise en charge adaptée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --tty-cream: #F8F6F3;\n  --tty-white: #ffffff;\n  --tty-primary: #2D8C5A;\n  --tty-primary-dark: #1B5E3C;\n  --tty-primary-light: #E8F5E9;\n  --tty-secondary: #D4E157;\n  --tty-accent: #8BC34A;\n  --tty-text: #1a1a1a;\n  --tty-text-light: #5a5a5a;\n  --tty-border: #e0e0e0;\n  --tty-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --tty-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --tty-radius: 20px;\n  --tty-radius-sm: 12px;\n}\n\n.tty-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--tty-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.tty-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1B5E3C 0%, #2D8C5A 50%, #8BC34A 100%);\n  border-radius: var(--tty-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(--tty-shadow-lg);\n}\n\n.tty-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n  opacity: 1;\n}\n\n.tty-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.tty-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.tty-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(--tty-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.tty-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.tty-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.tty-subtitle {\n  color: var(--tty-secondary);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n.tty-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.tty-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tty-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--tty-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.tty-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(--tty-primary), var(--tty-secondary));\n  border-radius: 2px;\n}\n\n.tty-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--tty-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\/* === GRILLES === *\/\n.tty-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.tty-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.tty-card {\n  background: var(--tty-white);\n  border-radius: var(--tty-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--tty-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.tty-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--tty-shadow-lg);\n  border-color: var(--tty-primary);\n}\n\n.tty-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--tty-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.tty-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--tty-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.tty-grid-compact .tty-card {\n  padding: 1rem;\n}\n\n.tty-grid-compact .tty-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.tty-grid-compact .tty-card p {\n  font-size: 12px;\n}\n\n.tty-card-ingredient {\n  text-align: left;\n}\n\n.tty-card-ingredient p {\n  text-align: left;\n}\n\n\/* === TESTIMONIAL === *\/\n.tty-testimonial {\n  background: var(--tty-white);\n  border-radius: var(--tty-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--tty-shadow);\n  border-left: 4px solid var(--tty-primary);\n  margin-bottom: 1.25rem;\n}\n\n.tty-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--tty-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.tty-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.tty-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.tty-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--tty-primary), var(--tty-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(45, 140, 90, .3);\n}\n\n.tty-timeline-content {\n  flex: 1;\n  background: var(--tty-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--tty-radius-sm);\n  box-shadow: var(--tty-shadow);\n}\n\n.tty-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--tty-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.tty-timeline-content p {\n  font-size: 14px;\n  color: var(--tty-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.tty-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--tty-primary-light);\n  border-radius: var(--tty-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.tty-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.tty-tip p {\n  font-size: 14px;\n  color: var(--tty-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMMITMENT BOX === *\/\n.tty-commitment-box {\n  background: linear-gradient(135deg, var(--tty-primary-light) 0%, rgba(212, 225, 87, .2) 100%);\n  border-radius: var(--tty-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  text-align: center;\n  margin-bottom: 1.5rem;\n  border: 2px solid var(--tty-primary);\n}\n\n.tty-commitment-quote {\n  font-size: clamp(18px, 4vw, 26px);\n  font-weight: 900;\n  color: var(--tty-primary-dark);\n  font-style: italic;\n  margin: 0 0 1rem 0;\n}\n\n.tty-commitment-box p:last-child {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--tty-text);\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.tty-accordion {\n  background: var(--tty-white);\n  border-radius: var(--tty-radius);\n  box-shadow: var(--tty-shadow);\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.tty-accordion-item {\n  border-bottom: 1px solid var(--tty-border);\n  margin: 0;\n  padding: 0;\n}\n\n.tty-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.tty-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--tty-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.tty-accordion-header:hover {\n  background: var(--tty-primary-light);\n}\n\n.tty-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.tty-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--tty-primary);\n  transition: transform .2s ease;\n}\n\n.tty-accordion-item[open] .tty-accordion-header::after {\n  content: '−';\n}\n\n.tty-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--tty-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.tty-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.tty-cta-box {\n  background: linear-gradient(135deg, var(--tty-primary) 0%, var(--tty-primary-dark) 100%);\n  border-radius: var(--tty-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.tty-cta-box p {\n  color: white;\n  font-size: clamp(14px, 2.5vw, 16px);\n  line-height: 1.7;\n  font-weight: 500;\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  .tty-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .tty-card {\n    padding: 1.125rem;\n  }\n  \n  .tty-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .tty-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--tty-radius-sm);\n  }\n  \n  .tty-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .tty-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .tty-grid-compact {\n    gap: .625rem;\n  }\n  \n  .tty-grid-compact .tty-card {\n    padding: .75rem;\n  }\n  \n  .tty-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .tty-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .tty-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .tty-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .tty-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .tty-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .tty-testimonial {\n    padding: 1.25rem;\n  }\n  \n  .tty-testimonial-text {\n    font-size: 14px;\n  }\n  \n  .tty-tip {\n    padding: .875rem 1rem;\n  }\n  \n  .tty-tip-icon {\n    font-size: 20px;\n  }\n  \n  .tty-tip p {\n    font-size: 13px;\n  }\n  \n  .tty-commitment-box {\n    padding: 1.25rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .tty-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .tty-card:nth-child(1) { animation-delay: .05s; }\n  .tty-card:nth-child(2) { animation-delay: .1s; }\n  .tty-card:nth-child(3) { animation-delay: .15s; }\n  .tty-card:nth-child(4) { animation-delay: .2s; }\n  .tty-card:nth-child(5) { animation-delay: .25s; }\n  .tty-card:nth-child(6) { animation-delay: .3s; }\n  \n  .tty-timeline-item {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .tty-timeline-item:nth-child(1) { animation-delay: .1s; }\n  .tty-timeline-item:nth-child(2) { animation-delay: .15s; }\n  .tty-timeline-item:nth-child(3) { animation-delay: .2s; }\n  .tty-timeline-item:nth-child(4) { animation-delay: .25s; }\n  .tty-timeline-item:nth-child(5) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .tty-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LAMAZUNA","offers":[{"title":"Default Title","offer_id":56508410724729,"sku":"NBAILAM0149","price":8.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-lavant-visage-tea-treat-yourself-lamazuna_11zon.jpg?v=1768556073","url":"https:\/\/www.naturellement-bio.com\/products\/soin-lavant-visage-tea-treat-yourself-peaux-a-problemes-lamazuna","provider":"Naturellement Bio","version":"1.0","type":"link"}