{"product_id":"deodorant-soin-fraicheur-certifie-bio-coslys","title":"Déodorant Soin Fraîcheur certifié bio – Coslys","description":"\u003cdiv class=\"soi-deofr-fiche\"\u003e\n\n\u003csection class=\"soi-deofr-hero\"\u003e\n  \u003cdiv class=\"soi-deofr-hero-tag\"\u003e\n    \u003cspan class=\"soi-deofr-tag-dot\"\u003e\u003c\/span\u003e\n    Hygiène · Coslys\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-deofr-hero-title\"\u003eFraîcheur naturelle, protection longue durée\u003c\/span\u003e\n  \u003cp class=\"soi-deofr-hero-subtitle\"\u003eUn déodorant soin certifié bio au thé vert et à l'aloe vera, formulé à 99 % d'ingrédients d'origine naturelle pour une protection fiable de 48 heures, sans compromis sur la douceur.\u003c\/p\u003e\n  \u003cdiv class=\"soi-deofr-hero-labels\"\u003e\n    \u003cspan class=\"soi-deofr-label soi-deofr-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n    \u003cspan class=\"soi-deofr-label\"\u003eVEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-deofr-label\"\u003eCRUELTY FREE\u003c\/span\u003e\n    \u003cspan class=\"soi-deofr-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-deofr-label\"\u003e0 % ALCOOL\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deofr-section\"\u003e\n  \u003ch2\u003ePourquoi choisir ce déodorant bio naturel et efficace ?\u003c\/h2\u003e\n  \u003cp class=\"soi-deofr-section-intro\"\u003eBeaucoup de déodorants naturels déçoivent sur l'efficacité. Celui-ci apporte une vraie réponse : le zinc, actif reconnu pour neutraliser les bactéries responsables des mauvaises odeurs, associé à l'aloe vera bio et au thé vert bio, deux ingrédients complémentaires qui apaisent, hydratent et protègent votre peau en profondeur. Le résultat : une fraîcheur stable et durable, même en journée chargée.\u003c\/p\u003e\n  \u003cdiv class=\"soi-deofr-benefits\"\u003e\n    \u003cdiv class=\"soi-deofr-benefit\"\u003e\n      \u003cdiv class=\"soi-deofr-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eSans chlorhydrate d'aluminium\u003c\/h3\u003e\n      \u003cp\u003eRespecte la physiologie naturelle de votre peau, sans bloquer la transpiration.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-deofr-benefit\"\u003e\n      \u003cdiv class=\"soi-deofr-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAloe vera bio\u003c\/h3\u003e\n      \u003cp\u003eApaise, adoucit et hydrate la zone axillaire pour un confort tout au long de la journée.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-deofr-benefit\"\u003e\n      \u003cdiv class=\"soi-deofr-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eThé vert bio\u003c\/h3\u003e\n      \u003cp\u003eAntioxydant puissant, il protège votre peau des agressions du quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-deofr-benefit\"\u003e\n      \u003cdiv class=\"soi-deofr-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eSans alcool, parfum naturel\u003c\/h3\u003e\n      \u003cp\u003eZéro irritation, même sur peaux sensibles ou après épilation. Notes vertes et mentholées, convient aux femmes et aux hommes.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deofr-section\"\u003e\n  \u003ch2\u003eComposition complète du déodorant Coslys thé vert bio\u003c\/h2\u003e\n  \u003cp class=\"soi-deofr-section-intro\"\u003eFormulé à 99 % d'ingrédients d'origine naturelle, ce déodorant mise sur la transparence totale. Voici ses principaux actifs :\u003c\/p\u003e\n  \u003cdiv class=\"soi-deofr-compo\"\u003e\n    \u003cdiv class=\"soi-deofr-compo-row\"\u003e\n      \u003cspan class=\"soi-deofr-compo-label\"\u003eAqua\u003c\/span\u003e\n      \u003cspan class=\"soi-deofr-compo-value\"\u003eBase purifiante\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-deofr-compo-row\"\u003e\n      \u003cspan class=\"soi-deofr-compo-label\"\u003eAloe Barbadensis Leaf Juice (bio)\u003c\/span\u003e\n      \u003cspan class=\"soi-deofr-compo-value\"\u003eAgent hydratant et apaisant certifié bio\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-deofr-compo-row\"\u003e\n      \u003cspan class=\"soi-deofr-compo-label\"\u003eCamellia Sinensis Leaf Extract (bio)\u003c\/span\u003e\n      \u003cspan class=\"soi-deofr-compo-value\"\u003eAntioxydant, certifié bio\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-deofr-compo-row\"\u003e\n      \u003cspan class=\"soi-deofr-compo-label\"\u003eZinc Gluconate\u003c\/span\u003e\n      \u003cspan class=\"soi-deofr-compo-value\"\u003eNeutralise les odeurs à la source\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-deofr-compo-row\"\u003e\n      \u003cspan class=\"soi-deofr-compo-label\"\u003eParfum naturel\u003c\/span\u003e\n      \u003cspan class=\"soi-deofr-compo-value\"\u003eNotes vertes et mentholées d'origine naturelle\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-deofr-compo-row\"\u003e\n      \u003cspan class=\"soi-deofr-compo-label\"\u003eXanthan Gum\u003c\/span\u003e\n      \u003cspan class=\"soi-deofr-compo-value\"\u003eTexturant d'origine naturelle\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-deofr-grid-compact\"\u003e\n    \u003cdiv class=\"soi-deofr-card-mini\"\u003e\n      \u003cspan class=\"soi-deofr-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n      \u003cspan class=\"soi-deofr-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n      \u003cspan class=\"soi-deofr-card-mini-value\"\u003e99 %\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-deofr-card-mini\"\u003e\n      \u003cspan class=\"soi-deofr-card-mini-icon\"\u003e⏱️\u003c\/span\u003e\n      \u003cspan class=\"soi-deofr-card-mini-label\"\u003eProtection\u003c\/span\u003e\n      \u003cspan class=\"soi-deofr-card-mini-value\"\u003e48 heures\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-deofr-card-mini\"\u003e\n      \u003cspan class=\"soi-deofr-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n      \u003cspan class=\"soi-deofr-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n      \u003cspan class=\"soi-deofr-card-mini-value\"\u003eFrance\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-deofr-card-mini\"\u003e\n      \u003cspan class=\"soi-deofr-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n      \u003cspan class=\"soi-deofr-card-mini-label\"\u003eFlacon\u003c\/span\u003e\n      \u003cspan class=\"soi-deofr-card-mini-value\"\u003eRecyclé \u0026amp; recyclable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deofr-section\"\u003e\n  \u003ch2\u003eComment utiliser ce déodorant naturel efficacement ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-deofr-timeline\"\u003e\n    \u003cdiv class=\"soi-deofr-step\"\u003e\n      \u003cdiv class=\"soi-deofr-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-deofr-step-content\"\u003e\n        \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n        \u003cp\u003eAppliquez le déodorant sur des aisselles propres et sèches, de préférence le matin après la douche.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-deofr-step\"\u003e\n      \u003cdiv class=\"soi-deofr-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-deofr-step-content\"\u003e\n        \u003ch3\u003eDiffusez le produit\u003c\/h3\u003e\n        \u003cp\u003eAppuyez légèrement sur le système pompe pour diffuser le produit uniformément.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-deofr-step\"\u003e\n      \u003cdiv class=\"soi-deofr-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-deofr-step-content\"\u003e\n        \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n        \u003cp\u003ePatientez quelques secondes avant de vous habiller pour un confort optimal.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-deofr-step\"\u003e\n      \u003cdiv class=\"soi-deofr-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-deofr-step-content\"\u003e\n        \u003ch3\u003eProtection longue durée\u003c\/h3\u003e\n        \u003cp\u003eUne seule application suffit pour une protection de 48 heures. Renouvelez selon vos besoins.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-deofr-tip\"\u003e\n    \u003cdiv class=\"soi-deofr-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eLors du passage à un déodorant naturel, une courte période d'adaptation de 1 à 2 semaines est possible. C'est tout à fait normal : votre peau se rééquilibre après des années de produits conventionnels.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deofr-section\"\u003e\n  \u003ch2\u003ePour qui est fait ce déodorant naturel homme et femme ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-deofr-grid\"\u003e\n    \u003cdiv class=\"soi-deofr-card\"\u003e\n      \u003ch3\u003e🌸 Peaux sensibles et réactives\u003c\/h3\u003e\n      \u003cp\u003eConvient parfaitement aux personnes dont la peau réagit aux déodorants classiques, grâce à sa formule sans alcool et sans sels d'aluminium.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-deofr-card\"\u003e\n      \u003ch3\u003e🚫 Adieu sels d'aluminium\u003c\/h3\u003e\n      \u003cp\u003eVous souhaitez éliminer les sels d'aluminium de votre routine ? Ce déodorant vous offre une alternative fiable et performante.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-deofr-card\"\u003e\n      \u003ch3\u003e🌍 Transition éco-responsable\u003c\/h3\u003e\n      \u003cp\u003ePour celles et ceux qui s'engagent vers une cosmétique plus naturelle et respectueuse de l'environnement.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-deofr-card\"\u003e\n      \u003ch3\u003e👫 Mixte, pour tous\u003c\/h3\u003e\n      \u003cp\u003eSon parfum vert et frais, neutre et subtil, convient aussi bien aux hommes qu'aux femmes.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deofr-section\"\u003e\n  \u003ch2\u003eEngagements Coslys : naturel, local, responsable\u003c\/h2\u003e\n  \u003cp\u003eCoslys est une marque française engagée depuis plus de 30 ans dans la cosmétique naturelle et biologique. Ce déodorant soin reflète ses valeurs : fabrication française, ingrédients certifiés bio, flacon recyclé et recyclable, et certifications indépendantes (Cosmos Organic, Vegan, Cruelty Free). Choisir ce produit, c'est aussi soutenir une démarche locale et transparente.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deofr-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-deofr-cta-box\"\u003e\n    \u003cp class=\"soi-deofr-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans les gestes du quotidien\u003c\/p\u003e\n    \u003cp class=\"soi-deofr-cta-text\" style=\"color: white;\"\u003e48 heures de fraîcheur, une peau apaisée par l'aloe vera et le thé vert, et la sérénité d'une formule saine fabriquée en France. Votre peau vous remerciera dès les premiers jours.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-deofr-marine: #1A2D3D;\n  --soi-deofr-marine-dark: #0F1E2B;\n  --soi-deofr-marine-light: #2C4458;\n  --soi-deofr-pomme: #A1C544;\n  --soi-deofr-pomme-dark: #84A636;\n  --soi-deofr-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-deofr-white: #FFFFFF;\n  --soi-deofr-off-white: #F8FAF6;\n  --soi-deofr-stone: #F1F3EE;\n  --soi-deofr-line: #E5E8E0;\n\n  --soi-deofr-primary: #7A9A8E;\n  --soi-deofr-primary-soft: #D6E5DF;\n  --soi-deofr-accent: #5B8C5A;\n\n  --soi-deofr-text: #1A2D3D;\n  --soi-deofr-text-soft: #4A5B6B;\n  --soi-deofr-text-muted: #7B8693;\n\n  --soi-deofr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-deofr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-deofr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-deofr-radius: 12px;\n  --soi-deofr-radius-sm: 8px;\n  --soi-deofr-radius-pill: 999px;\n}\n\n.soi-deofr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-deofr-fiche img { max-width: 100%; height: auto; }\n\n.soi-deofr-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-deofr-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-deofr-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-deofr-hero {\n  position: relative;\n  background: var(--soi-deofr-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-deofr-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-deofr-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-deofr-pomme);\n}\n\n.soi-deofr-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-deofr-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-deofr-pomme);\n  border-radius: 50%;\n}\n\n.soi-deofr-hero-title {\n  display: block;\n  color: var(--soi-deofr-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-deofr-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-deofr-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-deofr-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-deofr-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-deofr-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-deofr-label-accent {\n  background: var(--soi-deofr-pomme);\n  border-color: var(--soi-deofr-pomme);\n  color: var(--soi-deofr-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-deofr-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-deofr-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-deofr-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-deofr-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-deofr-pomme);\n  border-radius: 2px;\n}\n\n.soi-deofr-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-deofr-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-deofr-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-deofr-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-deofr-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-deofr-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-deofr-benefit {\n  background: var(--soi-deofr-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-deofr-radius);\n  border: 1px solid var(--soi-deofr-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-deofr-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-deofr-shadow-md);\n}\n\n.soi-deofr-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-deofr-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-deofr-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-deofr-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-deofr-benefit:hover .soi-deofr-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-deofr-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-deofr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-deofr-benefit p {\n  font-size: 13px;\n  color: var(--soi-deofr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-deofr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-deofr-card {\n  background: var(--soi-deofr-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-deofr-radius);\n  border-left: 3px solid var(--soi-deofr-pomme);\n}\n\n.soi-deofr-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-deofr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-deofr-card p {\n  font-size: 14px;\n  color: var(--soi-deofr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-deofr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-top: 1.5rem;\n}\n\n.soi-deofr-card-mini {\n  background: var(--soi-deofr-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-deofr-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-deofr-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-deofr-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-deofr-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-deofr-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-deofr-marine);\n}\n\n\/* COMPOSITION *\/\n.soi-deofr-compo {\n  background: var(--soi-deofr-off-white);\n  border-radius: var(--soi-deofr-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-deofr-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-deofr-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-deofr-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-deofr-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-deofr-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-deofr-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-deofr-marine);\n  text-align: right;\n}\n\n\/* TIMELINE *\/\n.soi-deofr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-deofr-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-deofr-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-deofr-radius);\n  border: 1px solid var(--soi-deofr-line);\n  align-items: flex-start;\n}\n\n.soi-deofr-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-deofr-marine);\n  color: var(--soi-deofr-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-deofr-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-deofr-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-deofr-step-content p {\n  font-size: 14px;\n  color: var(--soi-deofr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* TIP *\/\n.soi-deofr-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-deofr-pomme-light);\n  border-left: 4px solid var(--soi-deofr-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-deofr-radius) var(--soi-deofr-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-deofr-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-deofr-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-deofr-marine);\n  margin-bottom: 4px;\n}\n\n.soi-deofr-tip p {\n  font-size: 14px;\n  color: var(--soi-deofr-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-deofr-cta-box {\n  background: var(--soi-deofr-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-deofr-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-deofr-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-deofr-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-deofr-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-deofr-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-deofr-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-deofr-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n  .soi-deofr-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-deofr-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-deofr-compo-value {\n    text-align: left;\n  }\n\n  .soi-deofr-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-deofr-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-deofr-fiche {\n    --soi-deofr-text-soft: #2C3E50;\n    --soi-deofr-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603522412874,"sku":"CS0220","price":4.97,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deodorant-soin-fraicheur-certifie-bio-coslys-packshot.webp?v=1783247119","url":"https:\/\/firmtoaromatherapy.com\/products\/deodorant-soin-fraicheur-certifie-bio-coslys","provider":"Soinature","version":"1.0","type":"link"}