{"product_id":"deodorant-lotus-bio-50ml-coslys","title":"Déodorant - Lotus bio - 50m - Coslys","description":"\u003cdiv class=\"deo-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"deo-hero\"\u003e\n\u003cdiv class=\"deo-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"deo-hero-content\"\u003e\n\u003cdiv class=\"deo-badges-top\"\u003e\n\u003cspan class=\"deo-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"deo-badge\"\u003e⏱️ Efficacité 48h\u003c\/span\u003e \u003cspan class=\"deo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"deo-hero-title\"\u003eDéodorant soin protecteur au lotus bio\u003c\/span\u003e\n\u003cp class=\"deo-subtitle\"\u003eCoslys 50 ml\u003c\/p\u003e\n\u003cp class=\"deo-description\"\u003eLa solution idéale pour une efficacité longue durée sans compromis sur la naturalité. Sa formule riche en pierre d'alun et en actifs protecteurs d'origine naturelle neutralise les mauvaises odeurs pendant 48 heures tout en respectant votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"deo-section\"\u003e\n\u003ch2\u003eUn soin doux enrichi en lotus bio français\u003c\/h2\u003e\n\u003cdiv class=\"deo-grid\"\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🪷 Extrait de lotus bio\u003c\/h3\u003e\n\u003cp\u003eLa fleur de lotus bio française apaise et hydrate la peau en profondeur, préservant son équilibre naturel au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🛡️ Pierre d'alun naturelle\u003c\/h3\u003e\n\u003cp\u003eActif protecteur reconnu, elle neutralise efficacement les bactéries responsables des mauvaises odeurs pendant 48 heures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🌸 Parfum floral délicat\u003c\/h3\u003e\n\u003cp\u003eUn parfum 100% d'origine naturelle aux notes florales subtiles qui respecte même les peaux les plus sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"deo-section\"\u003e\n\u003ch2\u003eFormule clean, respectueuse de la peau et de la planète\u003c\/h2\u003e\n\u003cdiv class=\"deo-grid-compact\"\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🌱 99,9% naturel\u003c\/h3\u003e\n\u003cp\u003eIngrédients d'origine naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🌾 38% bio\u003c\/h3\u003e\n\u003cp\u003eIssus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🚫 Sans aluminium\u003c\/h3\u003e\n\u003cp\u003eSans chlorhydrate d'aluminium ni alcool\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n\u003cp\u003eNon testé sur les animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e✅ Certifié\u003c\/h3\u003e\n\u003cp\u003eCosmos Organic par Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-card\"\u003e\n\u003ch3\u003e♻️ Éco-conçu\u003c\/h3\u003e\n\u003cp\u003eFlacon recyclé et recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"deo-section\"\u003e\n\u003ch2\u003eUn parfum mixte et naturel\u003c\/h2\u003e\n\u003cdiv class=\"deo-testimonial\"\u003e\n\u003cp class=\"deo-testimonial-text\"\u003e\"Grâce à son parfum doux et floral, ce déodorant convient aussi bien aux femmes qu'aux hommes. Sa texture légère ne laisse aucun résidu et offre une sensation de fraîcheur immédiate dès l'application.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"deo-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"deo-timeline\"\u003e\n\u003cdiv class=\"deo-timeline-item\"\u003e\n\u003cdiv class=\"deo-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"deo-timeline-content\"\u003e\n\u003ch3\u003eBien agiter\u003c\/h3\u003e\n\u003cp\u003eAgitez le flacon avant chaque utilisation pour réactiver les actifs naturels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-timeline-item\"\u003e\n\u003cdiv class=\"deo-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"deo-timeline-content\"\u003e\n\u003ch3\u003eAppliquer sur peau propre\u003c\/h3\u003e\n\u003cp\u003eAppliquez le roll-on sur une peau propre et sèche, idéalement après la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-timeline-item\"\u003e\n\u003cdiv class=\"deo-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"deo-timeline-content\"\u003e\n\u003ch3\u003eProfiter de 48h de fraîcheur\u003c\/h3\u003e\n\u003cp\u003eLaissez sécher quelques instants et profitez d'une protection longue durée toute la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"deo-tip\"\u003e\n\u003cspan class=\"deo-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003eNe pas utiliser sur une peau irritée ou lésée. En cas de contact avec les yeux, rincer abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"deo-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"deo-cta-box\"\u003e\n\u003cp\u003e🌿 99,9% naturel · 🐰 Vegan · 🇫🇷 Made in France\u003cbr\u003eOffrez à votre peau une protection douce et certifiée bio, pendant 48 heures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"deo-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Produit certifié Cosmos Organic par Ecocert.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  --deo-cream: #f6faf4;\n  --deo-white: #ffffff;\n  --deo-primary: #5A9E3E;\n  --deo-primary-dark: #3B6E28;\n  --deo-primary-light: #eaf5e4;\n  --deo-secondary: #E8A0B5;\n  --deo-accent: #d4789a;\n  --deo-text: #1a1a1a;\n  --deo-text-light: #5a5a5a;\n  --deo-border: #e0e0e0;\n  --deo-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --deo-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --deo-radius: 20px;\n  --deo-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.deo-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--deo-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.deo-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--deo-primary-dark) 0%, var(--deo-primary) 50%, #8bc66b 100%);\n  border-radius: var(--deo-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(--deo-shadow-lg);\n}\n\n.deo-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(232,160,181,.2) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.deo-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.deo-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.deo-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  letter-spacing: .05em;\n  text-transform: uppercase;\n}\n\n.deo-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\/* === BADGES === *\/\n.deo-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.deo-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(--deo-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.deo-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.deo-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.deo-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--deo-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.deo-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(--deo-primary), var(--deo-secondary));\n  border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.deo-card {\n  background: var(--deo-white);\n  border-radius: var(--deo-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--deo-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.deo-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--deo-shadow-lg);\n  border-color: var(--deo-primary);\n}\n\n.deo-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--deo-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.deo-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--deo-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.deo-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.deo-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.deo-grid-compact .deo-card {\n  padding: 1rem;\n}\n\n.deo-grid-compact .deo-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.deo-grid-compact .deo-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.deo-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.deo-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.deo-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--deo-primary), var(--deo-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.deo-timeline-content {\n  flex: 1;\n  background: var(--deo-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--deo-radius-sm);\n  box-shadow: var(--deo-shadow);\n}\n\n.deo-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--deo-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.deo-timeline-content p {\n  font-size: 14px;\n  color: var(--deo-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.deo-testimonial {\n  background: var(--deo-white);\n  border-radius: var(--deo-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--deo-shadow);\n  border-left: 4px solid var(--deo-secondary);\n}\n\n.deo-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--deo-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.deo-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--deo-primary-light);\n  border-radius: var(--deo-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.deo-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.deo-tip p {\n  font-size: 14px;\n  color: var(--deo-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.deo-cta-box {\n  background: linear-gradient(135deg, var(--deo-primary) 0%, var(--deo-primary-dark) 100%);\n  border-radius: var(--deo-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.deo-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.deo-disclaimer {\n  font-size: 12px;\n  color: var(--deo-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  .deo-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .deo-card {\n    padding: 1.125rem;\n  }\n\n  .deo-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .deo-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--deo-radius-sm);\n  }\n\n  .deo-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .deo-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .deo-grid-compact {\n    gap: .625rem;\n  }\n\n  .deo-grid-compact .deo-card {\n    padding: .75rem;\n  }\n\n  .deo-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .deo-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .deo-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .deo-timeline-content p {\n    font-size: 13px;\n  }\n\n  .deo-testimonial {\n    padding: 1.25rem;\n  }\n\n  .deo-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .deo-card {\n    animation: deoFadeInUp .5s ease backwards;\n  }\n  .deo-card:nth-child(1) { animation-delay: .05s; }\n  .deo-card:nth-child(2) { animation-delay: .1s; }\n  .deo-card:nth-child(3) { animation-delay: .15s; }\n  .deo-card:nth-child(4) { animation-delay: .2s; }\n  .deo-card:nth-child(5) { animation-delay: .25s; }\n  .deo-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes deoFadeInUp {\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  .deo-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"COSLYS","offers":[{"title":"Default Title","offer_id":55084168348025,"sku":"CS0225","price":5.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-lotus-bio-50ml-coslys-lifestyle.webp?v=1770627827","url":"https:\/\/www.naturellement-bio.com\/products\/deodorant-lotus-bio-50ml-coslys","provider":"Naturellement Bio","version":"1.0","type":"link"}