{"product_id":"deovert-oceanic","title":"Déodorant Fraîcheur Océanic","description":"\u003cdiv class=\"soi-ocea-fiche\"\u003e\n\n  \u003csection class=\"soi-ocea-hero\"\u003e\n    \u003cdiv class=\"soi-ocea-hero-tag\"\u003e\n      \u003cspan class=\"soi-ocea-tag-dot\"\u003e\u003c\/span\u003e\n      Déodorant corporel · Saint Côme\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-ocea-hero-title\"\u003eUne bouffée d'air marin, sans aluminium\u003c\/span\u003e\n    \u003cp class=\"soi-ocea-hero-subtitle\"\u003eUn spray corporel de la gamme Deovert, formulé avec huit huiles essentielles pures et naturelles. Il agit sur les odeurs et laisse votre peau respirer.\u003c\/p\u003e\n    \u003cdiv class=\"soi-ocea-hero-labels\"\u003e\n      \u003cspan class=\"soi-ocea-label soi-ocea-label-accent\"\u003eSANS ALUMINIUM\u003c\/span\u003e\n      \u003cspan class=\"soi-ocea-label\"\u003eSANS PARABENS\u003c\/span\u003e\n      \u003cspan class=\"soi-ocea-label\"\u003eHUILES ESSENTIELLES PURES ET NATURELLES\u003c\/span\u003e\n      \u003cspan class=\"soi-ocea-label\"\u003eFABRIQUÉ EN BOURGOGNE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-ocea-section\"\u003e\n    \u003cp class=\"soi-ocea-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel efficace\u003c\/strong\u003e qui ne bloque pas la transpiration ? Le \u003cstrong\u003edéodorant Fraîcheur Océanic\u003c\/strong\u003e de Saint Côme (gamme Deovert) est un spray corporel \u003cstrong\u003esans aluminium et sans parabens\u003c\/strong\u003e, formulé avec des huiles essentielles pures et naturelles. Son parfum évoque l'air marin : citrus, notes résineuses et touche herbacée. Fabriqué en Bourgogne, il trouve facilement sa place dans votre quotidien, au bureau comme à la salle de sport.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-ocea-section\"\u003e\n    \u003ch2\u003eDéodorant ou anti-transpirant : quelle différence ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-ocea-grid\"\u003e\n      \u003cdiv class=\"soi-ocea-card soi-ocea-card-alt\"\u003e\n        \u003ch3\u003e🧪 L'anti-transpirant\u003c\/h3\u003e\n        \u003cp\u003eLe plus souvent, il utilise des sels d'aluminium pour limiter la sudation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ocea-card\"\u003e\n        \u003ch3\u003e🌿 Le déodorant\u003c\/h3\u003e\n        \u003cp\u003eIl agit sur les \u003cstrong\u003eodeurs\u003c\/strong\u003e et laisse la sueur s'évacuer. C'est le principe d'Océanic.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"soi-ocea-after\"\u003eLa transpiration est un mécanisme naturel de régulation de la température. Ce sont les bactéries présentes sur la peau qui, en la décomposant, créent l'odeur. Les huiles essentielles de la formule visent à limiter ce phénomène, sans empêcher votre corps de faire son travail.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-ocea-section\"\u003e\n    \u003ch2\u003eLes huiles essentielles de la formule\u003c\/h2\u003e\n    \u003cp class=\"soi-ocea-section-intro\"\u003eLa composition repose sur \u003cstrong\u003e8 huiles essentielles\u003c\/strong\u003e, chacune avec son rôle dans la senteur et le confort d'usage.\u003c\/p\u003e\n    \u003cdiv class=\"soi-ocea-notes\"\u003e\n      \u003cdiv class=\"soi-ocea-note\"\u003e\n        \u003ch3\u003eCèdre\u003c\/h3\u003e\n        \u003cp\u003eUne base boisée, traditionnellement utilisée en parfumerie pour ses notes assainissantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ocea-note\"\u003e\n        \u003ch3\u003eCitron\u003c\/h3\u003e\n        \u003cp\u003eL'éclat vif et pétillant du parfum.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ocea-note\"\u003e\n        \u003ch3\u003eOrange\u003c\/h3\u003e\n        \u003cp\u003eUne facette douce et solaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ocea-note\"\u003e\n        \u003ch3\u003ePamplemousse\u003c\/h3\u003e\n        \u003cp\u003eUne fraîcheur tonique, légèrement amère.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ocea-note\"\u003e\n        \u003ch3\u003eLemongrass\u003c\/h3\u003e\n        \u003cp\u003eUne note herbacée et citronnée très rafraîchissante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ocea-note\"\u003e\n        \u003ch3\u003eLavandin\u003c\/h3\u003e\n        \u003cp\u003eUne touche aromatique, apaisante à l'odorat.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ocea-note\"\u003e\n        \u003ch3\u003ePin\u003c\/h3\u003e\n        \u003cp\u003eLe côté forêt et air marin, purifiant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ocea-note\"\u003e\n        \u003ch3\u003eRomarin\u003c\/h3\u003e\n        \u003cp\u003eUne note camphrée et dynamisante.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ocea-tip\"\u003e\n      \u003cdiv class=\"soi-ocea-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eLe dosage exact par pulvérisation n'étant pas communiqué, nous vous invitons à consulter la liste INCI complète figurant sur le flacon, notamment pour repérer les allergènes naturels des huiles essentielles (limonène, linalol...).\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-ocea-section\"\u003e\n    \u003ch2\u003eComment l'utiliser au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"soi-ocea-timeline\"\u003e\n      \u003cdiv class=\"soi-ocea-step\"\u003e\n        \u003cdiv class=\"soi-ocea-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-ocea-step-content\"\u003e\n          \u003ch3\u003ePréparez la peau\u003c\/h3\u003e\n          \u003cp\u003eAppliquez sur des aisselles propres et bien sèches, après la douche par exemple.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ocea-step\"\u003e\n        \u003cdiv class=\"soi-ocea-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-ocea-step-content\"\u003e\n          \u003ch3\u003eVaporisez à environ 15 cm\u003c\/h3\u003e\n          \u003cp\u003eUne ou deux pulvérisations par aisselle suffisent généralement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ocea-step\"\u003e\n        \u003cdiv class=\"soi-ocea-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-ocea-step-content\"\u003e\n          \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n          \u003cp\u003eQuelques secondes suffisent avant de vous habiller. Renouvelez dans la journée si vous en ressentez le besoin (sport, forte chaleur).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ocea-compo\"\u003e\n      \u003cdiv class=\"soi-ocea-compo-row\"\u003e\n        \u003cspan class=\"soi-ocea-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-ocea-compo-value\"\u003eFlacon de 100 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ocea-compo-row\"\u003e\n        \u003cspan class=\"soi-ocea-compo-label\"\u003eNombre de pulvérisations\u003c\/span\u003e\n        \u003cspan class=\"soi-ocea-compo-value\"\u003eEnviron 500 par flacon\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ocea-compo-row\"\u003e\n        \u003cspan class=\"soi-ocea-compo-label\"\u003eForme\u003c\/span\u003e\n        \u003cspan class=\"soi-ocea-compo-value\"\u003eSpray corporel\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"soi-ocea-after\"\u003eIl dure longtemps : un usage qui reste économique au fil des semaines.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-ocea-section\"\u003e\n    \u003ch2\u003eUn déodorant naturel pour homme comme pour femme\u003c\/h2\u003e\n    \u003cp\u003eCette senteur fraîche et unisexe plaît aussi bien en \u003cstrong\u003edéodorant naturel pour homme\u003c\/strong\u003e qu'en déodorant féminin. Si vous cherchiez un \u003cstrong\u003edéodorant homme naturel\u003c\/strong\u003e sans parfum lourd ni sillage sucré, son côté marin et boisé est un bon compromis. Le format spray, léger et non gras, ne laisse ni traces blanches ni film collant sur les vêtements.\u003c\/p\u003e\n    \u003cdiv class=\"soi-ocea-tip\"\u003e\n      \u003cdiv class=\"soi-ocea-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat pour la transition\u003c\/strong\u003e\n        \u003cp\u003eSi vous quittez un anti-transpirant, votre corps peut mettre quelques semaines à retrouver son équilibre. Soyez patient, et lavez vos aisselles quotidiennement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-ocea-section\"\u003e\n    \u003ch2\u003eDéodorant maison naturel ou produit formulé : que choisir ?\u003c\/h2\u003e\n    \u003cp\u003eBeaucoup de personnes testent d'abord un \u003cstrong\u003edéodorant maison naturel\u003c\/strong\u003e à base de bicarbonate de soude. Il absorbe l'humidité, mais il est abrasif et son pH alcalin peut provoquer rougeurs et picotements sur les peaux sensibles ou après rasage. Un \u003cstrong\u003edéodorant naturel maison\u003c\/strong\u003e demande aussi des dosages précis et une conservation rigoureuse.\u003c\/p\u003e\n    \u003cp\u003eUn produit comme Océanic vous apporte une formule déjà équilibrée, un spray hygiénique et une texture sans poudre. Ces avantages en font un \u003cstrong\u003edéodorant efficace naturel\u003c\/strong\u003e pratique, si vous n'avez pas le temps de bricoler.\u003c\/p\u003e\n    \u003cp\u003eÀ noter : Océanic est conçu pour le corps. Pour un \u003cstrong\u003edéodorant naturel pour chaussures\u003c\/strong\u003e, choisissez plutôt un produit dédié, et pensez à bien sécher vos pieds et à aérer vos paires.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-ocea-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"soi-ocea-accordion\"\u003e\n      \u003cdetails class=\"soi-ocea-accordion-item\"\u003e\n        \u003csummary class=\"soi-ocea-accordion-header\"\u003eAvant la première utilisation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-ocea-accordion-content\"\u003e\n          \u003cp\u003eFaites un test dans le pli du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-ocea-accordion-item\"\u003e\n        \u003csummary class=\"soi-ocea-accordion-header\"\u003eZones et peaux à éviter\u003c\/summary\u003e\n        \u003cdiv class=\"soi-ocea-accordion-content\"\u003e\n          \u003cp\u003eNe l'appliquez pas sur une peau irritée, lésée ou fraîchement rasée. Évitez les yeux et les muqueuses. Tenez hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-ocea-accordion-item\"\u003e\n        \u003csummary class=\"soi-ocea-accordion-header\"\u003ePublics particuliers\u003c\/summary\u003e\n        \u003cdiv class=\"soi-ocea-accordion-content\"\u003e\n          \u003cp\u003eFemmes enceintes ou allaitantes, personnes allergiques : demandez conseil à un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-ocea-accordion-item\"\u003e\n        \u003csummary class=\"soi-ocea-accordion-header\"\u003eExposition au soleil\u003c\/summary\u003e\n        \u003cdiv class=\"soi-ocea-accordion-content\"\u003e\n          \u003cp\u003eLes agrumes pouvant être photosensibilisants, évitez l'exposition solaire directe sur la zone traitée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-ocea-accordion-item\"\u003e\n        \u003csummary class=\"soi-ocea-accordion-header\"\u003eTranspiration excessive\u003c\/summary\u003e\n        \u003cdiv class=\"soi-ocea-accordion-content\"\u003e\n          \u003cp\u003eCe produit cosmétique ne remplace pas un traitement médical. En cas de transpiration excessive (hyperhidrose), consultez votre médecin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\n  \u003csection class=\"soi-ocea-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-ocea-cta-box\"\u003e\n      \u003cp class=\"soi-ocea-cta-tag\" style=\"color: white;\"\u003eVotre routine, version air marin\u003c\/p\u003e\n      \u003cp class=\"soi-ocea-cta-text\" style=\"color: white;\"\u003eHuit huiles essentielles, sans aluminium ni parabens, et une fabrication bourguignonne : un geste simple et vivifiant qui respecte le fonctionnement naturel de votre peau, du matin jusqu'au soir.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.soi-ocea-fiche {\n  --soi-ocea-marine: #1A2D3D;\n  --soi-ocea-marine-dark: #0F1E2B;\n  --soi-ocea-marine-light: #2C4458;\n  --soi-ocea-pomme: #A1C544;\n  --soi-ocea-pomme-dark: #84A636;\n  --soi-ocea-pomme-light: rgba(161,197,68,0.10);\n  --soi-ocea-white: #FFFFFF;\n  --soi-ocea-off-white: #F8FAF6;\n  --soi-ocea-stone: #F1F3EE;\n  --soi-ocea-line: #E5E8E0;\n  --soi-ocea-primary: #2F3B7A;\n  --soi-ocea-primary-soft: #EEF0F8;\n  --soi-ocea-accent: #F2C230;\n  --soi-ocea-text: #1A2D3D;\n  --soi-ocea-text-soft: #4A5B6B;\n  --soi-ocea-text-muted: #7B8693;\n  --soi-ocea-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-ocea-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-ocea-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-ocea-radius: 12px;\n  --soi-ocea-radius-sm: 8px;\n  --soi-ocea-radius-pill: 999px;\n}\n\n.soi-ocea-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-ocea-fiche img { max-width: 100%; height: auto; }\n\n.soi-ocea-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-ocea-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-ocea-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-ocea-hero {\n  position: relative;\n  background: var(--soi-ocea-marine);\n  background-image: linear-gradient(160deg, var(--soi-ocea-marine) 0%, var(--soi-ocea-marine) 60%, var(--soi-ocea-primary) 130%);\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-ocea-radius);\n  text-align: center;\n  overflow: hidden;\n}\n.soi-ocea-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-ocea-pomme);\n}\n.soi-ocea-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: clamp(10px, 1.5vw, 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.soi-ocea-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-ocea-pomme);\n  border-radius: 50%;\n}\n.soi-ocea-hero-title {\n  display: block;\n  color: var(--soi-ocea-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(24px, 5vw, 35px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n.soi-ocea-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.soi-ocea-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n.soi-ocea-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-ocea-white);\n  font-size: clamp(10px, 1.5vw, 11px);\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-ocea-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n.soi-ocea-label-accent {\n  background: var(--soi-ocea-pomme);\n  border-color: var(--soi-ocea-pomme);\n  color: var(--soi-ocea-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-ocea-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n.soi-ocea-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-ocea-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.soi-ocea-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-ocea-pomme);\n  border-radius: 2px;\n}\n.soi-ocea-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-ocea-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 760px;\n}\n.soi-ocea-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-ocea-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n.soi-ocea-section p:last-child {\n  margin-bottom: 0;\n}\n.soi-ocea-section .soi-ocea-section-intro {\n  color: var(--soi-ocea-text-soft);\n  font-size: clamp(14px, 2vw, 16px);\n}\n.soi-ocea-section strong {\n  color: var(--soi-ocea-marine);\n  font-weight: 600;\n}\n.soi-ocea-after {\n  margin-top: 1.25rem;\n}\n\n\/* GRID + CARDS *\/\n.soi-ocea-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n.soi-ocea-card {\n  background: var(--soi-ocea-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-ocea-radius);\n  border-left: 3px solid var(--soi-ocea-pomme);\n}\n.soi-ocea-card-alt {\n  background: var(--soi-ocea-stone);\n  border-left-color: var(--soi-ocea-text-muted);\n}\n.soi-ocea-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(15px, 2vw, 16px);\n  font-weight: 600;\n  color: var(--soi-ocea-marine);\n  margin-bottom: 0.5rem;\n}\n.soi-ocea-section .soi-ocea-card p {\n  font-size: clamp(13px, 2vw, 14px);\n  color: var(--soi-ocea-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* NOTES (huiles essentielles) *\/\n.soi-ocea-notes {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\n  gap: 12px;\n  margin-bottom: 1.5rem;\n}\n.soi-ocea-note {\n  background: var(--soi-ocea-white);\n  border: 1px solid var(--soi-ocea-line);\n  border-top: 3px solid var(--soi-ocea-primary);\n  border-radius: var(--soi-ocea-radius-sm);\n  padding: 1rem 1.25rem;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n.soi-ocea-note:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-ocea-shadow-md);\n}\n.soi-ocea-note h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(14px, 2vw, 15px);\n  font-weight: 600;\n  color: var(--soi-ocea-marine);\n  margin-bottom: 0.3rem;\n}\n.soi-ocea-section .soi-ocea-note p {\n  font-size: clamp(13px, 2vw, 14px);\n  color: var(--soi-ocea-text-soft);\n  line-height: 1.55;\n  margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-ocea-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n.soi-ocea-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-ocea-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-ocea-radius);\n  border: 1px solid var(--soi-ocea-line);\n  align-items: flex-start;\n}\n.soi-ocea-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-ocea-marine);\n  color: var(--soi-ocea-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  box-shadow: 0 0 0 3px var(--soi-ocea-pomme-light);\n}\n.soi-ocea-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(15px, 2vw, 16px);\n  font-weight: 600;\n  color: var(--soi-ocea-marine);\n  margin-bottom: 0.3rem;\n}\n.soi-ocea-section .soi-ocea-step-content p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-ocea-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-ocea-compo {\n  background: var(--soi-ocea-primary-soft);\n  border-radius: var(--soi-ocea-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n.soi-ocea-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-ocea-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n.soi-ocea-compo-row:last-child {\n  border-bottom: none;\n}\n.soi-ocea-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-ocea-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n.soi-ocea-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-ocea-marine);\n  text-align: right;\n}\n\n\/* TIP *\/\n.soi-ocea-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-ocea-pomme-light);\n  border-left: 4px solid var(--soi-ocea-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-ocea-radius) var(--soi-ocea-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n.soi-ocea-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n.soi-ocea-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-ocea-marine);\n  margin-bottom: 4px;\n}\n.soi-ocea-section .soi-ocea-tip p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-ocea-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-ocea-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.soi-ocea-accordion-item {\n  background: var(--soi-ocea-off-white);\n  border-radius: var(--soi-ocea-radius-sm);\n  border: 1px solid var(--soi-ocea-line);\n  overflow: hidden;\n}\n.soi-ocea-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-ocea-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  gap: 1rem;\n}\n.soi-ocea-accordion-header::-webkit-details-marker {\n  display: none;\n}\n.soi-ocea-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-ocea-pomme-dark);\n  transition: transform 0.2s ease;\n}\n.soi-ocea-accordion-item[open] .soi-ocea-accordion-header::after {\n  transform: rotate(45deg);\n}\n.soi-ocea-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n.soi-ocea-section .soi-ocea-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-ocea-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA *\/\n.soi-ocea-cta-box {\n  background: var(--soi-ocea-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-ocea-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n.soi-ocea-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-ocea-pomme);\n  border-radius: 0 0 4px 4px;\n}\n.soi-ocea-section .soi-ocea-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-ocea-pomme);\n  margin-bottom: 0.75rem;\n}\n.soi-ocea-section .soi-ocea-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(17px, 3vw, 21px);\n  font-weight: 500;\n  color: var(--soi-ocea-white);\n  line-height: 1.45;\n  margin: 0 auto;\n  max-width: 620px;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n  .soi-ocea-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n  .soi-ocea-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n  .soi-ocea-compo-value {\n    text-align: left;\n  }\n  .soi-ocea-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-ocea-fiche * {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n@media (prefers-contrast: more) {\n  .soi-ocea-fiche {\n    --soi-ocea-text-soft: #2C3E50;\n    --soi-ocea-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61603037610314,"sku":"SC8595","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deodorant-fraicheur-oceanic-packshot.webp?v=1792055497","url":"https:\/\/firmtoaromatherapy.com\/products\/deovert-oceanic","provider":"Soinature","version":"1.0","type":"link"}