{"product_id":"deodorant-soin-protecteur-certifie-bio-coslys","title":"Déodorant Soin Protecteur certifié Bio – Coslys","description":"\n\u003cdiv class=\"soi-deop-fiche\"\u003e\n\n  \u003csection class=\"soi-deop-hero\"\u003e\n    \u003cdiv class=\"soi-deop-hero-tag\"\u003e\n      \u003cspan class=\"soi-deop-tag-dot\"\u003e\u003c\/span\u003e\n      Hygiène naturelle · Coslys\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-deop-hero-title\"\u003e48 h de fraîcheur, zéro compromis sur la peau\u003c\/span\u003e\n    \u003cp class=\"soi-deop-hero-subtitle\"\u003eUn déodorant soin certifié bio, formulé à 99,9 % d'ingrédients d'origine naturelle, sans chlorhydrate d'aluminium ni alcool. Fabriqué en France, il protège durablement tout en respectant les peaux les plus réactives.\u003c\/p\u003e\n    \u003cdiv class=\"soi-deop-hero-labels\"\u003e\n      \u003cspan class=\"soi-deop-label soi-deop-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-deop-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-deop-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-deop-label\"\u003eSANS ALUMINIUM\u003c\/span\u003e\n      \u003cspan class=\"soi-deop-label\"\u003eSANS PARABEN\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-deop-section\"\u003e\n    \u003ch2\u003eDéodorant naturel et efficace : 48 h de protection, zéro compromis\u003c\/h2\u003e\n    \u003cp\u003eTrouver un déodorant naturel vraiment efficace est souvent un parcours du combattant. Trop doux pour certains, mal toléré pour d'autres… Le Déodorant Soin Protecteur certifié Bio Coslys répond à ce défi avec une formule à 99,9 % d'origine naturelle, certifiée Cosmos Organic, sans chlorhydrate d'aluminium et sans alcool. Fabriqué en France, il s'adresse aussi bien aux femmes qu'aux hommes, y compris aux peaux les plus réactives.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-deop-section\"\u003e\n    \u003ch2\u003ePourquoi ce déodorant bio se distingue vraiment ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-deop-benefits\"\u003e\n      \u003cdiv class=\"soi-deop-benefit\"\u003e\n        \u003cdiv class=\"soi-deop-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eLotus bio français\u003c\/h3\u003e\n        \u003cp\u003eCultivé en France, cet actif floral apporte douceur et un parfum subtil, 100 % naturel. Une note délicate qui vous accompagne toute la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-deop-benefit\"\u003e\n        \u003cdiv class=\"soi-deop-benefit-icon\"\u003e\u003cspan\u003e🪨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePierre d'alun naturelle\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour limiter la prolifération des bactéries responsables des mauvaises odeurs, sans obstruer les pores ni perturber la transpiration naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-deop-benefit\"\u003e\n        \u003cdiv class=\"soi-deop-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAloe vera et huile d'amande douce\u003c\/h3\u003e\n        \u003cp\u003eCes deux actifs apaisants hydratent la peau sous les bras, idéal après l'épilation pour éviter toute irritation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-deop-benefit\"\u003e\n        \u003cdiv class=\"soi-deop-benefit-icon\"\u003e\u003cspan\u003e⏱️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eProtection 48 heures\u003c\/h3\u003e\n        \u003cp\u003eUne tenue longue durée pour accompagner aussi bien les journées au bureau que les activités sportives légères.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-deop-section\"\u003e\n    \u003ch2\u003eComposition complète du déodorant naturel Coslys\u003c\/h2\u003e\n    \u003cp class=\"soi-deop-section-intro\"\u003eTransparence totale sur les ingrédients, parce que vous méritez de savoir ce que vous appliquez sur votre peau.\u003c\/p\u003e\n    \u003cdiv class=\"soi-deop-compo\"\u003e\n      \u003cdiv class=\"soi-deop-compo-row\"\u003e\n        \u003cspan class=\"soi-deop-compo-label\"\u003eAqua (eau)\u003c\/span\u003e\n        \u003cspan class=\"soi-deop-compo-value\"\u003eBase purifiée de la formule\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-deop-compo-row\"\u003e\n        \u003cspan class=\"soi-deop-compo-label\"\u003eAloe Barbadensis Leaf Juice*\u003c\/span\u003e\n        \u003cspan class=\"soi-deop-compo-value\"\u003eAloe vera bio : hydratation et apaisement\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-deop-compo-row\"\u003e\n        \u003cspan class=\"soi-deop-compo-label\"\u003ePotassium Alum\u003c\/span\u003e\n        \u003cspan class=\"soi-deop-compo-value\"\u003ePierre d'alun : action déodorante naturelle antibactérienne\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-deop-compo-row\"\u003e\n        \u003cspan class=\"soi-deop-compo-label\"\u003ePrunus Amygdalus Dulcis Oil*\u003c\/span\u003e\n        \u003cspan class=\"soi-deop-compo-value\"\u003eHuile d'amande douce bio : soin et douceur cutanée\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-deop-compo-row\"\u003e\n        \u003cspan class=\"soi-deop-compo-label\"\u003eNelumbo Nucifera Flower Extract*\u003c\/span\u003e\n        \u003cspan class=\"soi-deop-compo-value\"\u003eLotus bio français : parfum floral et actif apaisant\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-deop-compo-row\"\u003e\n        \u003cspan class=\"soi-deop-compo-label\"\u003eParfum naturel\u003c\/span\u003e\n        \u003cspan class=\"soi-deop-compo-value\"\u003e100 % d'origine naturelle, sans allergènes synthétiques\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-deop-compo-row\"\u003e\n        \u003cspan class=\"soi-deop-compo-label\"\u003eXanthan Gum\u003c\/span\u003e\n        \u003cspan class=\"soi-deop-compo-value\"\u003eAgent texturant d'origine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"margin-top: 1rem; font-size: 13px; color: var(--soi-deop-text-muted); font-style: italic;\"\u003e* Ingrédients issus de l'agriculture biologique. 99,9 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-deop-section\"\u003e\n    \u003ch2\u003eComment utiliser ce déodorant bio efficacement ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-deop-timeline\"\u003e\n      \u003cdiv class=\"soi-deop-step\"\u003e\n        \u003cdiv class=\"soi-deop-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-deop-step-content\"\u003e\n          \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n          \u003cp\u003eAppliquez sur les aisselles propres et sèches, de préférence après la douche.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-deop-step\"\u003e\n        \u003cdiv class=\"soi-deop-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-deop-step-content\"\u003e\n          \u003ch3\u003eDosez avec justesse\u003c\/h3\u003e\n          \u003cp\u003ePompez 2 à 3 fois pour obtenir la quantité nécessaire, sans excès.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-deop-step\"\u003e\n        \u003cdiv class=\"soi-deop-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-deop-step-content\"\u003e\n          \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n          \u003cp\u003ePatientez quelques secondes avant de vous habiller pour une tenue optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-deop-step\"\u003e\n        \u003cdiv class=\"soi-deop-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-deop-step-content\"\u003e\n          \u003ch3\u003eRenouvelez si besoin\u003c\/h3\u003e\n          \u003cp\u003eEn cas de journée intense, n'hésitez pas à renouveler l'application.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-deop-tip\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cdiv class=\"soi-deop-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eLors des premières semaines d'utilisation d'un déodorant naturel, la peau passe par une phase de transition. C'est normal. Persistez 2 à 3 semaines pour profiter pleinement de son efficacité.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-deop-section\"\u003e\n    \u003ch2\u003eCertifications et engagements Coslys\u003c\/h2\u003e\n    \u003cdiv class=\"soi-deop-grid-compact\"\u003e\n      \u003cdiv class=\"soi-deop-card-mini\"\u003e\n        \u003cspan class=\"soi-deop-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-deop-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-deop-card-mini-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-deop-card-mini\"\u003e\n        \u003cspan class=\"soi-deop-card-mini-icon\"\u003e🐇\u003c\/span\u003e\n        \u003cspan class=\"soi-deop-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n        \u003cspan class=\"soi-deop-card-mini-value\"\u003eVegan, non testé sur les animaux\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-deop-card-mini\"\u003e\n        \u003cspan class=\"soi-deop-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-deop-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-deop-card-mini-value\"\u003eFabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-deop-card-mini\"\u003e\n        \u003cspan class=\"soi-deop-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n        \u003cspan class=\"soi-deop-card-mini-label\"\u003eÉco-conception\u003c\/span\u003e\n        \u003cspan class=\"soi-deop-card-mini-value\"\u003eFlacon recyclé et recyclable, pompe airless\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-deop-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdetails class=\"soi-deop-accordion-item\"\u003e\n        \u003csummary class=\"soi-deop-accordion-header\"\u003e🚫 Formulé sans\u003c\/summary\u003e\n        \u003cdiv class=\"soi-deop-accordion-content\"\u003e\n          \u003cp\u003eSans chlorhydrate d'aluminium, sans alcool, sans paraben. Une formule minimaliste et respectueuse pour les peaux les plus exigeantes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-deop-section\"\u003e\n    \u003ch2\u003ePour qui est fait ce déodorant naturel ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-deop-grid\"\u003e\n      \u003cdiv class=\"soi-deop-card\"\u003e\n        \u003ch3\u003e👩 Femmes et hommes\u003c\/h3\u003e\n        \u003cp\u003eSon parfum floral discret de lotus plaît à tous. Que vous cherchiez un déodorant naturel pour homme avec une tenue sérieuse ou un soin doux pour une peau réactive, il convient à toute la famille.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-deop-card\"\u003e\n        \u003ch3\u003e🤸 Mode de vie actif\u003c\/h3\u003e\n        \u003cp\u003eCompact et pratique, il se glisse facilement dans un sac de sport pour une application express après l'effort. Sa protection 48 heures accompagne aussi bien les journées chargées que les séances d'activité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-deop-card\"\u003e\n        \u003ch3\u003e🩹 Peaux sensibles et réactives\u003c\/h3\u003e\n        \u003cp\u003eFormulé sans alcool ni chlorhydrate d'aluminium, enrichi en aloe vera et huile d'amande douce, il convient parfaitement aux peaux sensibles ou sujettes aux irritations, y compris après l'épilation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-deop-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-deop-cta-box\"\u003e\n      \u003cp class=\"soi-deop-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans les gestes du quotidien\u003c\/p\u003e\n      \u003cp class=\"soi-deop-cta-text\" style=\"color: white;\"\u003eUn déodorant bio honnête, certifié, pensé pour celles et ceux qui veulent prendre soin d'eux et de la planète, sans sacrifier le confort ni l'efficacité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-deop-marine: #1A2D3D;\n  --soi-deop-marine-dark: #0F1E2B;\n  --soi-deop-marine-light: #2C4458;\n  --soi-deop-pomme: #A1C544;\n  --soi-deop-pomme-dark: #84A636;\n  --soi-deop-pomme-light: rgba(161,197,68,0.10);\n  --soi-deop-white: #FFFFFF;\n  --soi-deop-off-white: #F8FAF6;\n  --soi-deop-stone: #F1F3EE;\n  --soi-deop-line: #E5E8E0;\n  --soi-deop-primary: #E8B0C0;\n  --soi-deop-primary-soft: #F5DDE5;\n  --soi-deop-accent: #A8B5D4;\n  --soi-deop-text: #1A2D3D;\n  --soi-deop-text-soft: #4A5B6B;\n  --soi-deop-text-muted: #7B8693;\n  --soi-deop-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-deop-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-deop-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-deop-radius: 12px;\n  --soi-deop-radius-sm: 8px;\n  --soi-deop-radius-pill: 999px;\n}\n\n.soi-deop-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-deop-fiche img { max-width: 100%; height: auto; }\n\n.soi-deop-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-deop-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-deop-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-deop-hero {\n  position: relative;\n  background: var(--soi-deop-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-deop-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-deop-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-deop-pomme);\n}\n\n.soi-deop-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-deop-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-deop-pomme);\n  border-radius: 50%;\n}\n\n.soi-deop-hero-title {\n  display: block;\n  color: var(--soi-deop-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-deop-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-deop-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-deop-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-deop-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-deop-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-deop-label-accent {\n  background: var(--soi-deop-pomme);\n  border-color: var(--soi-deop-pomme);\n  color: var(--soi-deop-marine);\n  font-weight: 600;\n}\n\n.soi-deop-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-deop-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-deop-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-deop-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-deop-pomme);\n  border-radius: 2px;\n}\n\n.soi-deop-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-deop-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-deop-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-deop-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-deop-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-deop-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-deop-benefit {\n  background: var(--soi-deop-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-deop-radius);\n  border: 1px solid var(--soi-deop-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-deop-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-deop-shadow-md);\n}\n\n.soi-deop-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-deop-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-deop-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-deop-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-deop-benefit:hover .soi-deop-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-deop-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-deop-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-deop-benefit p {\n  font-size: 13px;\n  color: var(--soi-deop-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-deop-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-deop-card {\n  background: var(--soi-deop-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-deop-radius);\n  border-left: 3px solid var(--soi-deop-pomme);\n}\n\n.soi-deop-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-deop-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-deop-card p {\n  font-size: 14px;\n  color: var(--soi-deop-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-deop-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-deop-card-mini {\n  background: var(--soi-deop-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-deop-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-deop-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-deop-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-deop-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-deop-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-deop-marine);\n}\n\n.soi-deop-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-deop-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-deop-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-deop-radius);\n  border: 1px solid var(--soi-deop-line);\n  align-items: flex-start;\n}\n\n.soi-deop-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-deop-marine);\n  color: var(--soi-deop-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-deop-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-deop-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-deop-step-content p {\n  font-size: 14px;\n  color: var(--soi-deop-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-deop-compo {\n  background: var(--soi-deop-off-white);\n  border-radius: var(--soi-deop-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-deop-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-deop-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-deop-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-deop-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-deop-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-deop-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-deop-marine);\n  text-align: right;\n}\n\n.soi-deop-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-deop-pomme-light);\n  border-left: 4px solid var(--soi-deop-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-deop-radius) var(--soi-deop-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-deop-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-deop-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-deop-marine);\n  margin-bottom: 4px;\n}\n\n.soi-deop-tip p {\n  font-size: 14px;\n  color: var(--soi-deop-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-deop-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-deop-accordion-item {\n  background: var(--soi-deop-off-white);\n  border-radius: var(--soi-deop-radius-sm);\n  border: 1px solid var(--soi-deop-line);\n  overflow: hidden;\n}\n\n.soi-deop-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-deop-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-deop-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-deop-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-deop-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-deop-accordion-item[open] .soi-deop-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-deop-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-deop-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-deop-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-deop-cta-box {\n  background: var(--soi-deop-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-deop-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-deop-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-deop-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-deop-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-deop-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-deop-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-deop-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-deop-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-deop-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-deop-compo-value {\n    text-align: left;\n  }\n\n  .soi-deop-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-deop-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-deop-fiche {\n    --soi-deop-text-soft: #2C3E50;\n    --soi-deop-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603521429834,"sku":"CS0225","price":6.07,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deodorant-soin-protecteur-certifie-bio-coslys-packshot.webp?v=1783247096","url":"https:\/\/firmtoaromatherapy.com\/products\/deodorant-soin-protecteur-certifie-bio-coslys","provider":"Soinature","version":"1.0","type":"link"}