{"title":"Hygiène","description":"","products":[{"product_id":"aromaspray-cedre-citron","title":"Spray d'ambiance Cèdre - Citron - Aromaspray","description":"\u003cdiv class=\"soi-cedr-fiche\"\u003e\n\n  \u003csection class=\"soi-cedr-hero\"\u003e\n    \u003cdiv class=\"soi-cedr-hero-tag\"\u003e\n      \u003cspan class=\"soi-cedr-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie atmosphérique · Aromaspray\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-cedr-hero-title\"\u003eSpray d'ambiance Cèdre Citron\u003c\/span\u003e\n    \u003cp class=\"soi-cedr-hero-subtitle\"\u003eSix huiles essentielles 100 % pures et naturelles réunies dans un spray assainissant pour purifier, dynamiser et apaiser l'atmosphère de vos espaces en un seul geste.\u003c\/p\u003e\n    \u003cdiv class=\"soi-cedr-hero-labels\"\u003e\n      \u003cspan class=\"soi-cedr-label soi-cedr-label-accent\"\u003e100 % PURES ET NATURELLES\u003c\/span\u003e\n      \u003cspan class=\"soi-cedr-label\"\u003eSANS CONSERVATEURS ARTIFICIELS\u003c\/span\u003e\n      \u003cspan class=\"soi-cedr-label\"\u003eSANS ADDITIFS ARTIFICIELS\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-cedr-section\"\u003e\n    \u003ch2\u003eUne composition aux huiles essentielles soigneusement sélectionnées\u003c\/h2\u003e\n    \u003cp class=\"soi-cedr-section-intro\"\u003eCe spray d'ambiance ne se contente pas de masquer les odeurs : il agit en profondeur grâce à un complexe de six huiles essentielles complémentaires, chacune apportant sa signature olfactive et ses propriétés spécifiques.\u003c\/p\u003e\n    \u003cdiv class=\"soi-cedr-grid\"\u003e\n      \u003cdiv class=\"soi-cedr-card\"\u003e\n        \u003ch3\u003e🌲 Cèdre\u003c\/h3\u003e\n        \u003cp\u003eNote boisée chaude aux vertus purifiantes et apaisantes, idéale pour créer une ambiance sereine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cedr-card\"\u003e\n        \u003ch3\u003e🍋 Citron\u003c\/h3\u003e\n        \u003cp\u003eNote fraîche et tonique qui dynamise instantanément l'atmosphère et contribue à assainir l'air ambiant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cedr-card\"\u003e\n        \u003ch3\u003e🍊 Orange douce\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour ses propriétés apaisantes, elle adoucit et réchauffe le mélange.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cedr-card\"\u003e\n        \u003ch3\u003e🍈 Pamplemousse\u003c\/h3\u003e\n        \u003cp\u003eVivifiante et revigorante, elle renforce l'effet coup de fouet de la formule.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cedr-card\"\u003e\n        \u003ch3\u003e🌿 Basilic\u003c\/h3\u003e\n        \u003cp\u003eAux effets clarifiants et énergisants, pour un esprit plus clair et concentré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cedr-card\"\u003e\n        \u003ch3\u003e🍃 Patchouli\u003c\/h3\u003e\n        \u003cp\u003eTouche exotique et équilibrante qui ancre et harmonise l'ensemble du bouquet olfactif.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-cedr-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce spray assainissant plutôt qu'un autre ?\u003c\/h2\u003e\n    \u003cp\u003eContrairement à de nombreux sprays d'ambiance classiques qui s'appuient sur des parfums de synthèse, l'Aromaspray Cèdre Citron mise sur la puissance réelle des huiles essentielles pures. Le résultat : une diffusion naturelle, sans agressivité olfactive, qui respecte les personnes sensibles aux parfums artificiels.\u003c\/p\u003e\n    \u003cp\u003eC'est aussi une alternative crédible aux références connues du marché, avec une approche 100 % atmosphérique et une formule sans alcool ajouté en excès. Vous profitez d'un assainissement réel de l'air ambiant, pas d'un simple masquage parfumé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-cedr-section\"\u003e\n    \u003ch2\u003eQuand et comment utiliser votre spray d'ambiance Cèdre Citron ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-cedr-timeline\"\u003e\n      \u003cdiv class=\"soi-cedr-step\"\u003e\n        \u003cdiv class=\"soi-cedr-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-cedr-step-content\"\u003e\n          \u003ch3\u003eÀ la maison\u003c\/h3\u003e\n          \u003cp\u003eVaporisez 2 à 3 fois dans la pièce, à distance des textiles délicats. Parfait après la cuisine, en cas d'humidité ou simplement pour renouveler l'ambiance d'un salon.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cedr-step\"\u003e\n        \u003cdiv class=\"soi-cedr-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-cedr-step-content\"\u003e\n          \u003ch3\u003eAu bureau\u003c\/h3\u003e\n          \u003cp\u003eUne légère diffusion avant une réunion ou une session de travail intense favorise la concentration grâce aux notes de basilic et de citron.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cedr-step\"\u003e\n        \u003cdiv class=\"soi-cedr-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-cedr-step-content\"\u003e\n          \u003ch3\u003eEn déplacement\u003c\/h3\u003e\n          \u003cp\u003eSon format compact se glisse facilement dans un sac. Idéal pour assainir une chambre d'hôtel ou rafraîchir l'habitacle d'un véhicule.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-cedr-section\"\u003e\n    \u003ch2\u003eCe spray d'ambiance est-il fait pour vous ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-cedr-grid\"\u003e\n      \u003cdiv class=\"soi-cedr-card\"\u003e\n        \u003ch3\u003e🏡 Vous cherchez le naturel\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez un spray assainissant maison naturel, sans chimie agressive.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cedr-card\"\u003e\n        \u003ch3\u003e🌳 Vous aimez le boisé et le frais\u003c\/h3\u003e\n        \u003cp\u003eVous appréciez les senteurs boisées et fraîches, loin des parfums synthétiques entêtants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cedr-card\"\u003e\n        \u003ch3\u003e🔄 Vous cherchez une alternative\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez une alternative naturelle pour assainir votre intérieur avec des huiles essentielles pures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cedr-card\"\u003e\n        \u003ch3\u003e🧳 Vous voulez la polyvalence\u003c\/h3\u003e\n        \u003cp\u003eVous voulez un produit polyvalent, utilisable à la maison, au bureau, en voiture ou en voyage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-cedr-section\"\u003e\n    \u003ch2\u003ePoints forts de l'Aromaspray Cèdre Citron\u003c\/h2\u003e\n    \u003cdiv class=\"soi-cedr-benefits\"\u003e\n      \u003cdiv class=\"soi-cedr-benefit\"\u003e\n        \u003cdiv class=\"soi-cedr-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHuiles essentielles pures\u003c\/h3\u003e\n        \u003cp\u003e100 % pures et naturelles, sans additifs artificiels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cedr-benefit\"\u003e\n        \u003cdiv class=\"soi-cedr-benefit-icon\"\u003e\u003cspan\u003e💨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAction assainissante réelle\u003c\/h3\u003e\n        \u003cp\u003eAgit véritablement sur l'air ambiant, pas seulement un effet masquant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cedr-benefit\"\u003e\n        \u003cdiv class=\"soi-cedr-benefit-icon\"\u003e\u003cspan\u003e✋\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFormat pratique\u003c\/h3\u003e\n        \u003cp\u003eFlacon pulvérisateur facile à doser, utilisable à la maison comme en déplacement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cedr-benefit\"\u003e\n        \u003cdiv class=\"soi-cedr-benefit-icon\"\u003e\u003cspan\u003e🌍\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFormule respectueuse\u003c\/h3\u003e\n        \u003cp\u003eRespectueuse de l'environnement, issue de sources durables.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-cedr-section\"\u003e\n    \u003cdiv class=\"soi-cedr-accordion\"\u003e\n      \u003cdetails class=\"soi-cedr-accordion-item\"\u003e\n        \u003csummary class=\"soi-cedr-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-cedr-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un spray d'ambiance destiné à un usage atmosphérique uniquement. Il ne se substitue à aucun traitement médical et n'est pas destiné à être inhalé directement ou appliqué sur la peau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-cedr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-cedr-cta-box\"\u003e\n      \u003cp class=\"soi-cedr-cta-tag\" style=\"color: white;\"\u003eFrais comme une forêt, dynamisant comme un zeste de citron\u003c\/p\u003e\n      \u003cp class=\"soi-cedr-cta-text\" style=\"color: white;\"\u003eL'Aromaspray Cèdre Citron redonne vie à vos espaces en un seul geste. Naturel, efficace et polyvalent, il devient vite le réflexe bien-être que vous gardez toujours à portée de main.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-cedr-marine: #1A2D3D;\n  --soi-cedr-marine-dark: #0F1E2B;\n  --soi-cedr-marine-light: #2C4458;\n  --soi-cedr-pomme: #A1C544;\n  --soi-cedr-pomme-dark: #84A636;\n  --soi-cedr-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-cedr-white: #FFFFFF;\n  --soi-cedr-off-white: #F8FAF6;\n  --soi-cedr-stone: #F1F3EE;\n  --soi-cedr-line: #E5E8E0;\n\n  --soi-cedr-primary: #1B3250;\n  --soi-cedr-primary-soft: #2A4A6A;\n  --soi-cedr-accent: #D4C842;\n\n  --soi-cedr-text: #1A2D3D;\n  --soi-cedr-text-soft: #4A5B6B;\n  --soi-cedr-text-muted: #7B8693;\n\n  --soi-cedr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-cedr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-cedr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-cedr-radius: 12px;\n  --soi-cedr-radius-sm: 8px;\n  --soi-cedr-radius-pill: 999px;\n}\n\n.soi-cedr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-cedr-fiche img { max-width: 100%; height: auto; }\n\n.soi-cedr-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-cedr-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-cedr-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-cedr-hero {\n  position: relative;\n  background: var(--soi-cedr-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-cedr-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-cedr-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-cedr-pomme);\n}\n\n.soi-cedr-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-cedr-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-cedr-pomme);\n  border-radius: 50%;\n}\n\n.soi-cedr-hero-title {\n  display: block;\n  color: var(--soi-cedr-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-cedr-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-cedr-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-cedr-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-cedr-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-cedr-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-cedr-label-accent {\n  background: var(--soi-cedr-pomme);\n  border-color: var(--soi-cedr-pomme);\n  color: var(--soi-cedr-marine);\n  font-weight: 600;\n}\n\n.soi-cedr-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-cedr-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-cedr-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-cedr-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-cedr-pomme);\n  border-radius: 2px;\n}\n\n.soi-cedr-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-cedr-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-cedr-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-cedr-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-cedr-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-cedr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-cedr-card {\n  background: var(--soi-cedr-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-cedr-radius);\n  border-left: 3px solid var(--soi-cedr-pomme);\n}\n\n.soi-cedr-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-cedr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-cedr-card p {\n  font-size: 14px;\n  color: var(--soi-cedr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-cedr-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-cedr-benefit {\n  background: var(--soi-cedr-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-cedr-radius);\n  border: 1px solid var(--soi-cedr-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-cedr-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-cedr-shadow-md);\n}\n\n.soi-cedr-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-cedr-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-cedr-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-cedr-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-cedr-benefit:hover .soi-cedr-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-cedr-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-cedr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-cedr-benefit p {\n  font-size: 13px;\n  color: var(--soi-cedr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-cedr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-cedr-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-cedr-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-cedr-radius);\n  border: 1px solid var(--soi-cedr-line);\n  align-items: flex-start;\n}\n\n.soi-cedr-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-cedr-marine);\n  color: var(--soi-cedr-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-cedr-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-cedr-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-cedr-step-content p {\n  font-size: 14px;\n  color: var(--soi-cedr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-cedr-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-cedr-accordion-item {\n  background: var(--soi-cedr-off-white);\n  border-radius: var(--soi-cedr-radius-sm);\n  border: 1px solid var(--soi-cedr-line);\n  overflow: hidden;\n}\n\n.soi-cedr-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-cedr-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-cedr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-cedr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-cedr-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-cedr-accordion-item[open] .soi-cedr-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-cedr-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-cedr-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-cedr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-cedr-cta-box {\n  background: var(--soi-cedr-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-cedr-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-cedr-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-cedr-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-cedr-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-cedr-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-cedr-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-cedr-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-cedr-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-cedr-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-cedr-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-cedr-fiche {\n    --soi-cedr-text-soft: #2C3E50;\n    --soi-cedr-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61602681585994,"sku":"SC8510","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/spray-dambiance-cedre-citron-aromaspray-packshot.webp?v=1779173347"},{"product_id":"aromaspray-girofle-camphre","title":"Spray d'ambiance Girofle - Camphre | Aromaspray","description":"\u003cdiv class=\"soi-gicam-fiche\"\u003e\n\n\u003csection class=\"soi-gicam-hero\"\u003e\n  \u003cdiv class=\"soi-gicam-hero-tag\"\u003e\n    \u003cspan class=\"soi-gicam-tag-dot\"\u003e\u003c\/span\u003e\n    Aromathérapie atmosphérique · Aromaspray\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-gicam-hero-title\"\u003eSpray d'ambiance Girofle Camphre\u003c\/span\u003e\n  \u003cp class=\"soi-gicam-hero-subtitle\"\u003eUne synergie d'huiles essentielles pures à l'action balsamique respiratoire, pour purifier et revitaliser l'air de votre intérieur en quelques secondes.\u003c\/p\u003e\n  \u003cdiv class=\"soi-gicam-hero-labels\"\u003e\n    \u003cspan class=\"soi-gicam-label soi-gicam-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-gicam-label\"\u003eHUILES ESSENTIELLES 100 % PURES\u003c\/span\u003e\n    \u003cspan class=\"soi-gicam-label\"\u003eSANS CONSERVATEURS\u003c\/span\u003e\n    \u003cspan class=\"soi-gicam-label\"\u003eSANS GAZ PROPULSEUR\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gicam-section\"\u003e\n  \u003ch2\u003eSpray d'ambiance Girofle Camphre : l'aromathérapie atmosphérique au naturel\u003c\/h2\u003e\n  \u003cp\u003eVous cherchez un \u003cstrong\u003espray d'ambiance maison naturel\u003c\/strong\u003e, vraiment efficace, sans produits chimiques ni conservateurs artificiels ? L'\u003cstrong\u003eAromaspray Girofle Camphre\u003c\/strong\u003e est une réponse concrète à ce besoin. Fabriqué en France à base d'\u003cstrong\u003ehuiles essentielles 100 % pures et naturelles\u003c\/strong\u003e, ce vaporisateur d'atmosphère combine le meilleur de l'aromathérapie pour purifier, revitaliser et adoucir l'air de votre intérieur en quelques secondes.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gicam-section\"\u003e\n  \u003ch2\u003eUne composition pensée pour la sphère respiratoire\u003c\/h2\u003e\n  \u003cp class=\"soi-gicam-section-intro\"\u003eCe spray d'ambiance à l'action \u003cstrong\u003ebalsamique respiratoire\u003c\/strong\u003e repose sur une synergie d'huiles essentielles complémentaires, sélectionnées pour leur efficacité et leur profil aromatique distinctif.\u003c\/p\u003e\n  \u003cdiv class=\"soi-gicam-grid\"\u003e\n    \u003cdiv class=\"soi-gicam-card\"\u003e\n      \u003ch3\u003e🌺 Girofle\u003c\/h3\u003e\n      \u003cp\u003eHuile essentielle réputée pour ses puissantes propriétés antiseptiques. Elle assainit l'air ambiant et apporte une note chaude, légèrement épicée, qui crée une atmosphère enveloppante.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gicam-card\"\u003e\n      \u003ch3\u003e❄️ Camphre\u003c\/h3\u003e\n      \u003cp\u003eNote fraîche et pénétrante, idéale pour libérer la respiration et revigorer l'atmosphère d'une pièce confinée ou chargée.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gicam-card\"\u003e\n      \u003ch3\u003e🌿 Cajeput et niaouli\u003c\/h3\u003e\n      \u003cp\u003eDeux huiles essentielles aux vertus purifiantes et décongestionnantes, qui renforcent l'action du camphre sur la sphère ORL.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gicam-card\"\u003e\n      \u003ch3\u003e🍃 Menthe poivrée\u003c\/h3\u003e\n      \u003cp\u003eApporte la touche de fraîcheur finale qui dynamise l'ensemble de la formule et stimule les sens.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gicam-section\"\u003e\n  \u003ch2\u003ePourquoi choisir un spray d'ambiance aux huiles essentielles ?\u003c\/h2\u003e\n  \u003cp\u003eContrairement à de nombreux sprays d'ambiance du commerce qui masquent les odeurs avec des parfums synthétiques, l'Aromaspray Girofle Camphre agit réellement sur la qualité de l'air. Les huiles essentielles de girofle, de cajeput et de niaouli sont connues pour leurs propriétés assainissantes. Résultat : vous ne parfumez pas seulement votre pièce, vous la purifiez.\u003c\/p\u003e\n  \u003cp\u003eC'est une alternative naturelle, sans alcool agressif ni additifs, idéale si vous êtes sensible aux parfums chimiques ou si vous souhaitez un environnement sain pour votre famille.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gicam-section\"\u003e\n  \u003ch2\u003eComment utiliser votre spray d'ambiance Aromaspray ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-gicam-timeline\"\u003e\n    \u003cdiv class=\"soi-gicam-step\"\u003e\n      \u003cdiv class=\"soi-gicam-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-gicam-step-content\"\u003e\n        \u003ch3\u003eÀ la maison\u003c\/h3\u003e\n        \u003cp\u003eVaporisez 2 à 3 fois dans la pièce, en hauteur, pour une diffusion optimale. Idéal dans la chambre, le salon ou les espaces de vie partagés, notamment en période hivernale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gicam-step\"\u003e\n      \u003cdiv class=\"soi-gicam-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-gicam-step-content\"\u003e\n        \u003ch3\u003eAu bureau\u003c\/h3\u003e\n        \u003cp\u003eAssainissez votre espace de travail et retrouvez de la concentration grâce à la note stimulante de la menthe poivrée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gicam-step\"\u003e\n      \u003cdiv class=\"soi-gicam-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-gicam-step-content\"\u003e\n        \u003ch3\u003eEn voiture\u003c\/h3\u003e\n        \u003cp\u003eUn ou deux sprays suffisent pour éliminer les odeurs persistantes et rendre vos trajets plus agréables.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gicam-step\"\u003e\n      \u003cdiv class=\"soi-gicam-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-gicam-step-content\"\u003e\n        \u003ch3\u003eEn voyage\u003c\/h3\u003e\n        \u003cp\u003eLe flacon compact se glisse facilement dans un sac. Parfait pour purifier une chambre d'hôtel ou tout espace inconnu.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-gicam-tip\"\u003e\n    \u003cdiv class=\"soi-gicam-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eNe vaporisez pas directement sur les tissus clairs ou les surfaces délicates. Privilégiez une diffusion en suspension dans l'air, à distance raisonnable des personnes et des animaux de compagnie.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gicam-section\"\u003e\n  \u003ch2\u003eLes points forts de l'Aromaspray Girofle Camphre\u003c\/h2\u003e\n  \u003cdiv class=\"soi-gicam-benefits\"\u003e\n    \u003cdiv class=\"soi-gicam-benefit\"\u003e\n      \u003cdiv class=\"soi-gicam-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n      \u003cp\u003eDans le respect des standards de qualité de l'aromathérapie française.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gicam-benefit\"\u003e\n      \u003cdiv class=\"soi-gicam-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003e100 % pures et naturelles\u003c\/h3\u003e\n      \u003cp\u003eHuiles essentielles sans conservateurs ni composés synthétiques.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gicam-benefit\"\u003e\n      \u003cdiv class=\"soi-gicam-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAction rapide\u003c\/h3\u003e\n      \u003cp\u003eDiffusion immédiate, effet ressenti en quelques secondes.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gicam-benefit\"\u003e\n      \u003cdiv class=\"soi-gicam-benefit-icon\"\u003e\u003cspan\u003e🌍\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eSans gaz propulseur\u003c\/h3\u003e\n      \u003cp\u003eFormule plus respectueuse de l'environnement que les aérosols classiques.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gicam-section\"\u003e\n  \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n  \u003cdiv class=\"soi-gicam-accordion\"\u003e\n    \u003cdetails class=\"soi-gicam-accordion-item\"\u003e\n      \u003csummary class=\"soi-gicam-accordion-header\"\u003e⚠️ Usage et restrictions\u003c\/summary\u003e\n      \u003cdiv class=\"soi-gicam-accordion-content\"\u003e\n        \u003cp\u003eCe spray d'ambiance est destiné à un usage atmosphérique uniquement. Ne pas ingérer, ne pas appliquer sur la peau. Tenir hors de portée des enfants de moins de 3 ans. Éviter tout contact direct avec les yeux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-gicam-accordion-item\"\u003e\n      \u003csummary class=\"soi-gicam-accordion-header\"\u003e🏠 Conservation\u003c\/summary\u003e\n      \u003cdiv class=\"soi-gicam-accordion-content\"\u003e\n        \u003cp\u003eConserver à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-gicam-accordion-item\"\u003e\n      \u003csummary class=\"soi-gicam-accordion-header\"\u003e💊 Avertissement\u003c\/summary\u003e\n      \u003cdiv class=\"soi-gicam-accordion-content\"\u003e\n        \u003cp\u003eCe produit ne se substitue à aucun traitement médical.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gicam-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-gicam-cta-box\"\u003e\n    \u003cp class=\"soi-gicam-cta-tag\" style=\"color: white;\"\u003eRespirez mieux, vivez mieux\u003c\/p\u003e\n    \u003cp class=\"soi-gicam-cta-text\" style=\"color: white;\"\u003eL'Aromaspray Girofle Camphre transforme instantanément n'importe quelle pièce en espace sain et revitalisant. Une synergie d'huiles essentielles pures, un geste simple, et votre intérieur retrouve une atmosphère fraîche et purifiée.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-gicam-marine: #1A2D3D;\n  --soi-gicam-marine-dark: #0F1E2B;\n  --soi-gicam-marine-light: #2C4458;\n  --soi-gicam-pomme: #A1C544;\n  --soi-gicam-pomme-dark: #84A636;\n  --soi-gicam-pomme-light: rgba(161,197,68,0.10);\n  --soi-gicam-white: #FFFFFF;\n  --soi-gicam-off-white: #F8FAF6;\n  --soi-gicam-stone: #F1F3EE;\n  --soi-gicam-line: #E5E8E0;\n  --soi-gicam-primary: #1C1C1E;\n  --soi-gicam-primary-soft: #2A2A2E;\n  --soi-gicam-accent: #C45A4A;\n  --soi-gicam-text: #1A2D3D;\n  --soi-gicam-text-soft: #4A5B6B;\n  --soi-gicam-text-muted: #7B8693;\n  --soi-gicam-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-gicam-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-gicam-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-gicam-radius: 12px;\n  --soi-gicam-radius-sm: 8px;\n  --soi-gicam-radius-pill: 999px;\n}\n\n.soi-gicam-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gicam-fiche img { max-width: 100%; height: auto; }\n\n.soi-gicam-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-gicam-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-gicam-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-gicam-hero {\n  position: relative;\n  background: var(--soi-gicam-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-gicam-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-gicam-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-gicam-pomme);\n}\n\n.soi-gicam-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-gicam-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-gicam-pomme);\n  border-radius: 50%;\n}\n\n.soi-gicam-hero-title {\n  display: block;\n  color: var(--soi-gicam-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-gicam-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-gicam-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-gicam-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-gicam-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-gicam-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-gicam-label-accent {\n  background: var(--soi-gicam-pomme);\n  border-color: var(--soi-gicam-pomme);\n  color: var(--soi-gicam-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-gicam-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gicam-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-gicam-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-gicam-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-gicam-pomme);\n  border-radius: 2px;\n}\n\n.soi-gicam-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-gicam-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-gicam-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-gicam-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-gicam-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-gicam-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-gicam-card {\n  background: var(--soi-gicam-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-gicam-radius);\n  border-left: 3px solid var(--soi-gicam-pomme);\n}\n\n.soi-gicam-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-gicam-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-gicam-card p {\n  font-size: 14px;\n  color: var(--soi-gicam-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-gicam-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-gicam-benefit {\n  background: var(--soi-gicam-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-gicam-radius);\n  border: 1px solid var(--soi-gicam-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gicam-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-gicam-shadow-md);\n}\n\n.soi-gicam-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-gicam-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-gicam-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-gicam-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-gicam-benefit:hover .soi-gicam-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-gicam-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-gicam-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-gicam-benefit p {\n  font-size: 13px;\n  color: var(--soi-gicam-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-gicam-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-gicam-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-gicam-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-gicam-radius);\n  border: 1px solid var(--soi-gicam-line);\n  align-items: flex-start;\n}\n\n.soi-gicam-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-gicam-marine);\n  color: var(--soi-gicam-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-gicam-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-gicam-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-gicam-step-content p {\n  font-size: 14px;\n  color: var(--soi-gicam-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-gicam-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-gicam-pomme-light);\n  border-left: 4px solid var(--soi-gicam-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-gicam-radius) var(--soi-gicam-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-gicam-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-gicam-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-gicam-marine);\n  margin-bottom: 4px;\n}\n\n.soi-gicam-tip p {\n  font-size: 14px;\n  color: var(--soi-gicam-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-gicam-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-gicam-accordion-item {\n  background: var(--soi-gicam-off-white);\n  border-radius: var(--soi-gicam-radius-sm);\n  border: 1px solid var(--soi-gicam-line);\n  overflow: hidden;\n}\n\n.soi-gicam-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-gicam-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-gicam-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-gicam-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-gicam-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-gicam-accordion-item[open] .soi-gicam-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-gicam-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-gicam-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-gicam-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-gicam-cta-box {\n  background: var(--soi-gicam-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-gicam-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-gicam-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-gicam-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-gicam-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-gicam-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-gicam-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-gicam-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-gicam-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-gicam-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-gicam-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-gicam-fiche {\n    --soi-gicam-text-soft: #2C3E50;\n    --soi-gicam-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61602683584842,"sku":"SC8515","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/spray-dambiance-girofle-camphre-aromaspray-packshot.webp?v=1779370887"},{"product_id":"aromaspray-lavande-romarin","title":"Spray d'ambiance Lavande Romarin - Aromaspray","description":"\n\u003cdiv class=\"soi-lavr-fiche\"\u003e\n\n  \u003csection class=\"soi-lavr-hero\"\u003e\n    \u003cdiv class=\"soi-lavr-hero-tag\"\u003e\n      \u003cspan class=\"soi-lavr-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie atmosphérique · Aromaspray\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-lavr-hero-title\"\u003eSpray d'ambiance Lavande Romarin\u003c\/span\u003e\n    \u003cp class=\"soi-lavr-hero-subtitle\"\u003eTrois huiles essentielles provençales en synergie pour purifier votre intérieur, favoriser la détente et retrouver un équilibre entre calme et vitalité.\u003c\/p\u003e\n    \u003cdiv class=\"soi-lavr-hero-labels\"\u003e\n      \u003cspan class=\"soi-lavr-label soi-lavr-label-accent\"\u003e100% PURES ET NATURELLES\u003c\/span\u003e\n      \u003cspan class=\"soi-lavr-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-lavr-label\"\u003eSANS CONSERVATEUR ARTIFICIEL\u003c\/span\u003e\n      \u003cspan class=\"soi-lavr-label\"\u003eSANS PROPULSEUR NOCIF\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lavr-section\"\u003e\n    \u003cp class=\"soi-lavr-section-intro\"\u003eFermez les yeux et imaginez un champ de lavande provençal, le vent doux qui porte les effluves de romarin sauvage. C'est exactement ce que vous apporte l'Aromaspray Lavande Romarin en quelques vaporisations. Formulé à base d'huiles essentielles 100 % pures et naturelles, ce spray d'ambiance est votre allié du quotidien pour purifier l'air, favoriser la détente et retrouver un équilibre entre calme et vitalité.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lavr-section\"\u003e\n    \u003ch2\u003eComposition : trois huiles essentielles au cœur de la Provence\u003c\/h2\u003e\n    \u003cp\u003eLa force de ce spray repose sur une synergie soigneusement pensée entre trois actifs aromatiques complémentaires :\u003c\/p\u003e\n\n    \u003cdiv class=\"soi-lavr-grid\"\u003e\n      \u003cdiv class=\"soi-lavr-card\"\u003e\n        \u003ch3\u003e💜 Lavande vraie (Lavandula angustifolia)\u003c\/h3\u003e\n        \u003cp\u003eL'huile essentielle apaisante par excellence. Elle aide à calmer les tensions nerveuses, réduire le stress et préparer doucement au repos.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lavr-card\"\u003e\n        \u003ch3\u003e🌿 Romarin (Rosmarinus officinalis)\u003c\/h3\u003e\n        \u003cp\u003eTonique et stimulant, il apporte une note fraîche et vive qui revitalise l'atmosphère et soutient la concentration.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lavr-card\"\u003e\n        \u003ch3\u003e💐 Lavandin (Lavandula hybrida)\u003c\/h3\u003e\n        \u003cp\u003eHybride naturel entre lavande et aspic, il enrichit le bouquet floral d'une touche plus intense et contribue à une ambiance harmonieuse et équilibrée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-lavr-tip\"\u003e\n      \u003cdiv class=\"soi-lavr-tip-icon\"\u003e🧪\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eAucun conservateur artificiel, aucun additif chimique : la formule est fabriquée en France dans le respect des matières premières naturelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lavr-section\"\u003e\n    \u003ch2\u003eQuand et comment utiliser votre spray Lavande Romarin ?\u003c\/h2\u003e\n    \u003cp\u003eSon format spray aérosol le rend immédiatement opérationnel, sans diffuseur, sans branchement, sans préparation. Voici les moments où il fait toute la différence :\u003c\/p\u003e\n\n    \u003cdiv class=\"soi-lavr-grid soi-lavr-grid-4\"\u003e\n      \u003cdiv class=\"soi-lavr-card\"\u003e\n        \u003ch3\u003e🌙 Avant de dormir\u003c\/h3\u003e\n        \u003cp\u003eVaporisez 2 à 3 fois dans votre chambre, à distance des textiles, pour créer une atmosphère propice au lâcher-prise.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lavr-card\"\u003e\n        \u003ch3\u003e💼 Au bureau\u003c\/h3\u003e\n        \u003cp\u003eLe romarin soutient la vigilance et la clarté mentale. Idéal avant une session de travail concentré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lavr-card\"\u003e\n        \u003ch3\u003e🏠 Dans les espaces de vie\u003c\/h3\u003e\n        \u003cp\u003eSalon, salle de bain, entrée : purifiez et parfumez naturellement chaque pièce en quelques secondes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lavr-card\"\u003e\n        \u003ch3\u003e🚗 En déplacement\u003c\/h3\u003e\n        \u003cp\u003eSon format compact se glisse dans un sac ou une boîte à gants pour transformer n'importe quel environnement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lavr-section\"\u003e\n    \u003ch2\u003eCe qui distingue l'Aromaspray de la concurrence\u003c\/h2\u003e\n\n    \u003cdiv class=\"soi-lavr-benefits\"\u003e\n      \u003cdiv class=\"soi-lavr-benefit\"\u003e\n        \u003cdiv class=\"soi-lavr-benefit-icon\"\u003e\u003cspan\u003e🌾\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSynergie à trois huiles\u003c\/h3\u003e\n        \u003cp\u003eContrairement à de nombreux sprays mono-note, cette formule associe lavande, romarin et lavandin pour un effet aromatique plus riche et plus durable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lavr-benefit\"\u003e\n        \u003cdiv class=\"soi-lavr-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eMade in France\u003c\/h3\u003e\n        \u003cp\u003eProduction française, avec des huiles essentielles issues de sources respectueuses de l'environnement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lavr-benefit\"\u003e\n        \u003cdiv class=\"soi-lavr-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSans propulseur nocif\u003c\/h3\u003e\n        \u003cp\u003eLa diffusion est conçue pour être douce et sûre pour votre intérieur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lavr-benefit\"\u003e\n        \u003cdiv class=\"soi-lavr-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eUsage instantané\u003c\/h3\u003e\n        \u003cp\u003eAucune manipulation, aucun accessoire supplémentaire requis.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lavr-section\"\u003e\n    \u003ch2\u003ePrécautions d'utilisation\u003c\/h2\u003e\n\n    \u003cdiv class=\"soi-lavr-accordion\"\u003e\n      \u003cdetails class=\"soi-lavr-accordion-item\"\u003e\n        \u003csummary class=\"soi-lavr-accordion-header\"\u003e⚠️ Consignes de sécurité\u003c\/summary\u003e\n        \u003cdiv class=\"soi-lavr-accordion-content\"\u003e\n          \u003cp\u003eNe pas vaporiser directement sur la peau, les yeux ou les muqueuses. Éviter toute projection sur des surfaces délicates (soie, bois verni).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-lavr-accordion-item\"\u003e\n        \u003csummary class=\"soi-lavr-accordion-header\"\u003e👶 Enfants et femmes enceintes\u003c\/summary\u003e\n        \u003cdiv class=\"soi-lavr-accordion-content\"\u003e\n          \u003cp\u003eTenir hors de portée des enfants de moins de 3 ans. Déconseillé aux femmes enceintes sans avis médical préalable (présence de romarin).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-lavr-accordion-item\"\u003e\n        \u003csummary class=\"soi-lavr-accordion-header\"\u003e💊 Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"soi-lavr-accordion-content\"\u003e\n          \u003cp\u003eCe produit ne remplace pas un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lavr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-lavr-cta-box\"\u003e\n      \u003cp class=\"soi-lavr-cta-tag\" style=\"color: white;\"\u003eFermez les yeux, vaporisez, respirez\u003c\/p\u003e\n      \u003cp class=\"soi-lavr-cta-text\" style=\"color: white;\"\u003eL'Aromaspray Lavande Romarin fait entrer la Provence dans votre quotidien en un instant. Une synergie naturelle et authentique, fabriquée en France, pour transformer chaque pièce en refuge de sérénité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-lavr-marine: #1A2D3D;\n  --soi-lavr-marine-dark: #0F1E2B;\n  --soi-lavr-marine-light: #2C4458;\n  --soi-lavr-pomme: #A1C544;\n  --soi-lavr-pomme-dark: #84A636;\n  --soi-lavr-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-lavr-white: #FFFFFF;\n  --soi-lavr-off-white: #F8FAF6;\n  --soi-lavr-stone: #F1F3EE;\n  --soi-lavr-line: #E5E8E0;\n\n  --soi-lavr-primary: #6B5B8A;\n  --soi-lavr-primary-soft: #F3F0F8;\n  --soi-lavr-accent: #7A9A6E;\n\n  --soi-lavr-text: #1A2D3D;\n  --soi-lavr-text-soft: #4A5B6B;\n  --soi-lavr-text-muted: #7B8693;\n\n  --soi-lavr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-lavr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-lavr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-lavr-radius: 12px;\n  --soi-lavr-radius-sm: 8px;\n  --soi-lavr-radius-pill: 999px;\n}\n\n.soi-lavr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-lavr-fiche img { max-width: 100%; height: auto; }\n\n.soi-lavr-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-lavr-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-lavr-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-lavr-hero {\n  position: relative;\n  background: var(--soi-lavr-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-lavr-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-lavr-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-lavr-pomme);\n}\n\n.soi-lavr-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-lavr-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-lavr-pomme);\n  border-radius: 50%;\n}\n\n.soi-lavr-hero-title {\n  display: block;\n  color: var(--soi-lavr-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-lavr-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-lavr-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-lavr-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-lavr-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-lavr-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-lavr-label-accent {\n  background: var(--soi-lavr-pomme);\n  border-color: var(--soi-lavr-pomme);\n  color: var(--soi-lavr-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-lavr-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-lavr-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-lavr-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-lavr-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-lavr-pomme);\n  border-radius: 2px;\n}\n\n.soi-lavr-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-lavr-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.soi-lavr-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-lavr-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-lavr-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-lavr-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-lavr-benefit {\n  background: var(--soi-lavr-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-lavr-radius);\n  border: 1px solid var(--soi-lavr-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-lavr-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-lavr-shadow-md);\n}\n\n.soi-lavr-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-lavr-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-lavr-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-lavr-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-lavr-benefit:hover .soi-lavr-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-lavr-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-lavr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-lavr-benefit p {\n  font-size: 13px;\n  color: var(--soi-lavr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-lavr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-lavr-grid-4 {\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n.soi-lavr-card {\n  background: var(--soi-lavr-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-lavr-radius);\n  border-left: 3px solid var(--soi-lavr-pomme);\n}\n\n.soi-lavr-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-lavr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-lavr-card p {\n  font-size: 14px;\n  color: var(--soi-lavr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-lavr-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-lavr-pomme-light);\n  border-left: 4px solid var(--soi-lavr-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-lavr-radius) var(--soi-lavr-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-lavr-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-lavr-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-lavr-marine);\n  margin-bottom: 4px;\n}\n\n.soi-lavr-tip p {\n  font-size: 14px;\n  color: var(--soi-lavr-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-lavr-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-lavr-accordion-item {\n  background: var(--soi-lavr-off-white);\n  border-radius: var(--soi-lavr-radius-sm);\n  border: 1px solid var(--soi-lavr-line);\n  overflow: hidden;\n}\n\n.soi-lavr-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-lavr-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-lavr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-lavr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-lavr-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-lavr-accordion-item[open] .soi-lavr-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-lavr-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-lavr-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-lavr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-lavr-cta-box {\n  background: var(--soi-lavr-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-lavr-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-lavr-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-lavr-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-lavr-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-lavr-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-lavr-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-lavr-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-lavr-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-lavr-grid,\n  .soi-lavr-grid-4 {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-lavr-benefits {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-lavr-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-lavr-fiche {\n    --soi-lavr-text-soft: #2C3E50;\n    --soi-lavr-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61602687189322,"sku":"SC8520","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/spray-dambiance-lavande-romarin-aromaspray-packshot.webp?v=1779436872"},{"product_id":"aromaspray-lemongrass-serpolet","title":"Spray Ambiance Lemongrass Serpolet - Aromaspray","description":"\n\u003cdiv class=\"soi-lmgs-fiche\"\u003e\n\n  \u003csection class=\"soi-lmgs-hero\"\u003e\n    \u003cdiv class=\"soi-lmgs-hero-tag\"\u003e\n      \u003cspan class=\"soi-lmgs-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie atmosphérique · Aromaspray\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-lmgs-hero-title\"\u003eSpray d'ambiance Lemongrass Serpolet\u003c\/span\u003e\n    \u003cp class=\"soi-lmgs-hero-subtitle\"\u003eUn souffle vivifiant et tonique aux huiles essentielles 100 % pures et naturelles, pour assainir et revitaliser votre intérieur en quelques vaporisations.\u003c\/p\u003e\n    \u003cdiv class=\"soi-lmgs-hero-labels\"\u003e\n      \u003cspan class=\"soi-lmgs-label soi-lmgs-label-accent\"\u003e100 % NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-lmgs-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-lmgs-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-lmgs-label\"\u003eSANS CONSERVATEURS ARTIFICIELS\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lmgs-section\"\u003e\n    \u003cp class=\"soi-lmgs-section-intro\"\u003eImaginez rentrer chez vous après une longue journée et être accueilli par un souffle d'air pur, légèrement citronné et herbacé. C'est exactement ce que vous offre l'Aromaspray Lemongrass Serpolet : une bouffée de nature en quelques secondes, sans diffuseur, sans prise électrique, sans complication.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lmgs-section\"\u003e\n    \u003ch2\u003eUn quatuor d'huiles essentielles vivifiant et tonique\u003c\/h2\u003e\n    \u003cp class=\"soi-lmgs-section-intro\"\u003eCe spray d'ambiance aux huiles essentielles associe quatre plantes complémentaires pour un résultat immédiat sur l'atmosphère de votre pièce.\u003c\/p\u003e\n    \u003cdiv class=\"soi-lmgs-grid\"\u003e\n      \u003cdiv class=\"soi-lmgs-card\"\u003e\n        \u003ch3\u003e🍋 Lemongrass (Cymbopogon citratus)\u003c\/h3\u003e\n        \u003cp\u003eSa note citronnée fraîche et lumineuse assainit l'air, neutralise les mauvaises odeurs et insuffle une énergie positive dans la pièce. Idéal le matin ou en milieu de journée pour vous remotiver.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lmgs-card\"\u003e\n        \u003ch3\u003e🌿 Serpolet (Thymus serpyllum)\u003c\/h3\u003e\n        \u003cp\u003eCousin sauvage du thym, il apporte une dimension herbacée et tonique. Son action purifiante renforce celle du lemongrass pour un air intérieur plus sain.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lmgs-card\"\u003e\n        \u003ch3\u003e💜 Lavande vraie\u003c\/h3\u003e\n        \u003cp\u003eElle adoucit l'ensemble de la formule et offre une légère touche apaisante pour éviter une sensation trop agressive.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lmgs-card\"\u003e\n        \u003ch3\u003e🍊 Orange douce\u003c\/h3\u003e\n        \u003cp\u003eRonde et chaleureuse, elle arrondit les angles et apporte une dimension plus enveloppante au mélange.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"margin-top: 1.25rem;\"\u003eLe résultat : une fragrance \u003cstrong\u003evivifiante, naturelle et équilibrée\u003c\/strong\u003e, ni trop puissante, ni trop discrète.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lmgs-section\"\u003e\n    \u003ch2\u003eComposition et informations techniques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-lmgs-compo\"\u003e\n      \u003cdiv class=\"soi-lmgs-compo-row\"\u003e\n        \u003cspan class=\"soi-lmgs-compo-label\"\u003eHuiles essentielles\u003c\/span\u003e\n        \u003cspan class=\"soi-lmgs-compo-value\"\u003eLemongrass, Serpolet, Lavande vraie, Orange douce\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lmgs-compo-row\"\u003e\n        \u003cspan class=\"soi-lmgs-compo-label\"\u003eBase\u003c\/span\u003e\n        \u003cspan class=\"soi-lmgs-compo-value\"\u003eEau purifiée, alcool naturel d'origine végétale\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lmgs-compo-row\"\u003e\n        \u003cspan class=\"soi-lmgs-compo-label\"\u003eVolume\u003c\/span\u003e\n        \u003cspan class=\"soi-lmgs-compo-value\"\u003e100 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lmgs-compo-row\"\u003e\n        \u003cspan class=\"soi-lmgs-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-lmgs-compo-value\"\u003eFrance, Bourgogne\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lmgs-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"soi-lmgs-card-mini\"\u003e\n        \u003cspan class=\"soi-lmgs-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-lmgs-card-mini-label\"\u003eFormule\u003c\/span\u003e\n        \u003cspan class=\"soi-lmgs-card-mini-value\"\u003e100 % naturel\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lmgs-card-mini\"\u003e\n        \u003cspan class=\"soi-lmgs-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-lmgs-card-mini-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-lmgs-card-mini-value\"\u003eConservateurs, colorants\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lmgs-card-mini\"\u003e\n        \u003cspan class=\"soi-lmgs-card-mini-icon\"\u003e🐇\u003c\/span\u003e\n        \u003cspan class=\"soi-lmgs-card-mini-label\"\u003eEngagement\u003c\/span\u003e\n        \u003cspan class=\"soi-lmgs-card-mini-value\"\u003eVegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lmgs-card-mini\"\u003e\n        \u003cspan class=\"soi-lmgs-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-lmgs-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-lmgs-card-mini-value\"\u003eFabriqué en Bourgogne\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lmgs-section\"\u003e\n    \u003ch2\u003eComment utiliser votre spray Aromaspray ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-lmgs-timeline\"\u003e\n      \u003cdiv class=\"soi-lmgs-step\"\u003e\n        \u003cdiv class=\"soi-lmgs-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-lmgs-step-content\"\u003e\n          \u003ch3\u003eAgitez légèrement\u003c\/h3\u003e\n          \u003cp\u003eSecouez le flacon avant chaque utilisation pour homogénéiser les huiles essentielles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lmgs-step\"\u003e\n        \u003cdiv class=\"soi-lmgs-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-lmgs-step-content\"\u003e\n          \u003ch3\u003eVaporisez 2 à 3 fois\u003c\/h3\u003e\n          \u003cp\u003ePulvérisez en l'air, au centre de la pièce ou sur vos textiles (coussins, rideaux), à environ 30 cm de distance.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lmgs-step\"\u003e\n        \u003cdiv class=\"soi-lmgs-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-lmgs-step-content\"\u003e\n          \u003ch3\u003ePrécautions d'usage\u003c\/h3\u003e\n          \u003cp\u003eÉvitez les yeux et les muqueuses. Ne pas vaporiser directement sur la peau ni sur des enfants en bas âge. Conservez hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lmgs-tip\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"soi-lmgs-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eCe spray convient parfaitement pour la maison, le bureau, la voiture ou tout espace clos où vous souhaitez assainir et tonifier l'atmosphère.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lmgs-section\"\u003e\n    \u003ch2\u003ePour qui est fait ce spray d'ambiance ?\u003c\/h2\u003e\n    \u003cp\u003eCe spray est fait pour vous si vous cherchez une \u003cstrong\u003ealternative naturelle aux désodorisants chimiques\u003c\/strong\u003e, si vous pratiquez le yoga ou la méditation et souhaitez préparer un espace propice à la concentration, ou si vous voulez simplement redonner vie à une pièce un peu confinée. Le Lemongrass Serpolet convient aussi très bien le matin pour un réveil en douceur, ou en début d'après-midi pour lutter contre le coup de fatigue.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lmgs-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes sur l'Aromaspray Lemongrass Serpolet\u003c\/h2\u003e\n    \u003cdiv class=\"soi-lmgs-accordion\"\u003e\n      \u003cdetails class=\"soi-lmgs-accordion-item\"\u003e\n        \u003csummary class=\"soi-lmgs-accordion-header\"\u003e⏱️ Combien de temps dure le parfum après vaporisation ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-lmgs-accordion-content\"\u003e\n          \u003cp\u003eLa diffusion reste perceptible pendant 20 à 40 minutes selon la taille de la pièce et sa ventilation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-lmgs-accordion-item\"\u003e\n        \u003csummary class=\"soi-lmgs-accordion-header\"\u003e🐾 Ce spray est-il compatible avec les animaux de compagnie ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-lmgs-accordion-content\"\u003e\n          \u003cp\u003ePar précaution, évitez de vaporiser en présence de chats ou de petits animaux sensibles aux huiles essentielles. Aérez la pièce avant qu'ils y entrent.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-lmgs-accordion-item\"\u003e\n        \u003csummary class=\"soi-lmgs-accordion-header\"\u003e🛏️ Peut-on utiliser ce spray comme linge de maison ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-lmgs-accordion-content\"\u003e\n          \u003cp\u003eOui, une légère vaporisation sur les taies d'oreiller ou les draps offre une fraîcheur agréable. Testez d'abord sur un coin discret du tissu.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lmgs-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-lmgs-cta-box\"\u003e\n      \u003cp class=\"soi-lmgs-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, respirer pleinement\u003c\/p\u003e\n      \u003cp class=\"soi-lmgs-cta-text\" style=\"color: white;\"\u003eEn quelques vaporisations, votre intérieur retrouve un air pur, vivifiant et naturellement parfumé. Un geste simple, un effet immédiat, pour vous et ceux que vous aimez.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-lmgs-marine: #1A2D3D;\n  --soi-lmgs-marine-dark: #0F1E2B;\n  --soi-lmgs-marine-light: #2C4458;\n  --soi-lmgs-pomme: #A1C544;\n  --soi-lmgs-pomme-dark: #84A636;\n  --soi-lmgs-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-lmgs-white: #FFFFFF;\n  --soi-lmgs-off-white: #F8FAF6;\n  --soi-lmgs-stone: #F1F3EE;\n  --soi-lmgs-line: #E5E8E0;\n\n  --soi-lmgs-primary: #7A9A8E;\n  --soi-lmgs-primary-soft: rgba(122,154,142,0.12);\n  --soi-lmgs-accent: #D88542;\n\n  --soi-lmgs-text: #1A2D3D;\n  --soi-lmgs-text-soft: #4A5B6B;\n  --soi-lmgs-text-muted: #7B8693;\n\n  --soi-lmgs-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-lmgs-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-lmgs-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-lmgs-radius: 12px;\n  --soi-lmgs-radius-sm: 8px;\n  --soi-lmgs-radius-pill: 999px;\n}\n\n.soi-lmgs-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-lmgs-fiche img { max-width: 100%; height: auto; }\n\n.soi-lmgs-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-lmgs-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-lmgs-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-lmgs-hero {\n  position: relative;\n  background: var(--soi-lmgs-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-lmgs-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-lmgs-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-lmgs-pomme);\n}\n\n.soi-lmgs-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-lmgs-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-lmgs-pomme);\n  border-radius: 50%;\n}\n\n.soi-lmgs-hero-title {\n  display: block;\n  color: var(--soi-lmgs-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-lmgs-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-lmgs-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-lmgs-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-lmgs-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-lmgs-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-lmgs-label-accent {\n  background: var(--soi-lmgs-pomme);\n  border-color: var(--soi-lmgs-pomme);\n  color: var(--soi-lmgs-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-lmgs-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-lmgs-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-lmgs-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-lmgs-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-lmgs-pomme);\n  border-radius: 2px;\n}\n\n.soi-lmgs-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-lmgs-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.soi-lmgs-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-lmgs-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-lmgs-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-lmgs-section p strong {\n  color: var(--soi-lmgs-marine);\n}\n\n\/* === GRID + CARDS === *\/\n.soi-lmgs-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-lmgs-card {\n  background: var(--soi-lmgs-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-lmgs-radius);\n  border-left: 3px solid var(--soi-lmgs-pomme);\n}\n\n.soi-lmgs-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-lmgs-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-lmgs-card p {\n  font-size: 14px;\n  color: var(--soi-lmgs-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-lmgs-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-lmgs-card-mini {\n  background: var(--soi-lmgs-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-lmgs-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-lmgs-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-lmgs-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-lmgs-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-lmgs-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-lmgs-marine);\n}\n\n\/* === COMPOSITION === *\/\n.soi-lmgs-compo {\n  background: var(--soi-lmgs-off-white);\n  border-radius: var(--soi-lmgs-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-lmgs-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-lmgs-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-lmgs-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-lmgs-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-lmgs-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-lmgs-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-lmgs-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-lmgs-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-lmgs-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-lmgs-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-lmgs-radius);\n  border: 1px solid var(--soi-lmgs-line);\n  align-items: flex-start;\n}\n\n.soi-lmgs-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-lmgs-marine);\n  color: var(--soi-lmgs-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-lmgs-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-lmgs-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-lmgs-step-content p {\n  font-size: 14px;\n  color: var(--soi-lmgs-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-lmgs-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-lmgs-pomme-light);\n  border-left: 4px solid var(--soi-lmgs-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-lmgs-radius) var(--soi-lmgs-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-lmgs-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-lmgs-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-lmgs-marine);\n  margin-bottom: 4px;\n}\n\n.soi-lmgs-tip p {\n  font-size: 14px;\n  color: var(--soi-lmgs-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-lmgs-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-lmgs-accordion-item {\n  background: var(--soi-lmgs-off-white);\n  border-radius: var(--soi-lmgs-radius-sm);\n  border: 1px solid var(--soi-lmgs-line);\n  overflow: hidden;\n}\n\n.soi-lmgs-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-lmgs-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-lmgs-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-lmgs-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-lmgs-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-lmgs-accordion-item[open] .soi-lmgs-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-lmgs-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-lmgs-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-lmgs-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-lmgs-cta-box {\n  background: var(--soi-lmgs-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-lmgs-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-lmgs-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-lmgs-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-lmgs-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-lmgs-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-lmgs-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-lmgs-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-lmgs-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-lmgs-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-lmgs-compo-value {\n    text-align: left;\n  }\n\n  .soi-lmgs-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-lmgs-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-lmgs-fiche {\n    --soi-lmgs-text-soft: #2C3E50;\n    --soi-lmgs-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61602691023178,"sku":"SC8525","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/spray-ambiance-lemongrass-serpolet-aromaspray-packshot.webp?v=1779370839"},{"product_id":"spray-d-ambiance-menthe-eucalyptus-aromaspray","title":"Spray d’ambiance Menthe Eucalyptus - Aromaspray","description":"\u003cdiv class=\"soi-meuc-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-meuc-hero\"\u003e\n    \u003cdiv class=\"soi-meuc-hero-tag\"\u003e\n      \u003cspan class=\"soi-meuc-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie atmosphérique · Aromaspray\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-meuc-hero-title\"\u003eSpray d'ambiance Menthe Eucalyptus\u003c\/span\u003e\n    \u003cp class=\"soi-meuc-hero-subtitle\"\u003eUne fraîcheur aromatique immédiate grâce aux huiles essentielles 100 % pures et naturelles de menthe poivrée, d'eucalyptus et de pin sylvestre.\u003c\/p\u003e\n    \u003cdiv class=\"soi-meuc-hero-labels\"\u003e\n      \u003cspan class=\"soi-meuc-label soi-meuc-label-accent\"\u003eHUILES ESSENTIELLES 100 % PURES ET NATURELLES\u003c\/span\u003e\n      \u003cspan class=\"soi-meuc-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-meuc-label\"\u003eSANS CONSERVATEUR\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : Introduction --\u003e\n  \u003csection class=\"soi-meuc-section\"\u003e\n    \u003ch2\u003eUn souffle de nature dans chaque pièce : le spray d'ambiance Menthe Eucalyptus Aromaspray\u003c\/h2\u003e\n    \u003cp\u003eVous rentrez chez vous après une longue journée et vous cherchez à changer d'atmosphère en quelques secondes ? Ce spray d'ambiance à la menthe et l'eucalyptus d'Aromaspray est fait pour vous. Une seule pression suffit pour diffuser une fraîcheur aromatique immédiate, grâce à une formule aux huiles essentielles 100 % pures et naturelles, sans conservateurs ni additifs artificiels. Fabriqué en Bourgogne, ce spray d'ambiance pour la maison est une invitation à respirer mieux, ici et maintenant.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Composition --\u003e\n  \u003csection class=\"soi-meuc-section\"\u003e\n    \u003ch2\u003eComposition : trois huiles essentielles au service de votre bien-être\u003c\/h2\u003e\n    \u003cp class=\"soi-meuc-section-intro\"\u003eChaque ingrédient de ce spray a été sélectionné pour son efficacité aromatique et sa naturalité.\u003c\/p\u003e\n    \u003cdiv class=\"soi-meuc-benefits\"\u003e\n      \u003cdiv class=\"soi-meuc-benefit\"\u003e\n        \u003cdiv class=\"soi-meuc-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eMenthe poivrée\u003c\/h3\u003e\n        \u003cp\u003eFraîcheur intense, effet tonifiant immédiat, idéale pour dynamiser une pièce en quelques instants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-meuc-benefit\"\u003e\n        \u003cdiv class=\"soi-meuc-benefit-icon\"\u003e\u003cspan\u003e🌲\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eEucalyptus\u003c\/h3\u003e\n        \u003cp\u003eNote camphrée et purifiante, reconnue pour assainir l'air et favoriser une respiration plus libre.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-meuc-benefit\"\u003e\n        \u003cdiv class=\"soi-meuc-benefit-icon\"\u003e\u003cspan\u003e🏔️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePin sylvestre\u003c\/h3\u003e\n        \u003cp\u003eTouche boisée et revigorante, qui rappelle une promenade en forêt et complète harmonieusement les deux premières.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-meuc-tip\"\u003e\n      \u003cdiv class=\"soi-meuc-tip-icon\"\u003e🍃\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eFormule respectueuse\u003c\/strong\u003e\n        \u003cp\u003eLa formule ne contient aucun alcool agressif, aucun conservateur, ce qui en fait un choix idéal si vous recherchez un spray d'ambiance maison respectueux des personnes sensibles et de l'environnement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : Où et quand utiliser --\u003e\n  \u003csection class=\"soi-meuc-section\"\u003e\n    \u003ch2\u003eOù et quand utiliser votre spray d'ambiance pour la maison ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-meuc-grid\"\u003e\n      \u003cdiv class=\"soi-meuc-card\"\u003e\n        \u003ch3\u003e☀️ Le matin\u003c\/h3\u003e\n        \u003cp\u003eDémarrez la journée avec une bouffée d'énergie dans le salon ou la salle de bain.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-meuc-card\"\u003e\n        \u003ch3\u003e💼 Au bureau\u003c\/h3\u003e\n        \u003cp\u003eAssainissez l'air et gardez la concentration, notamment dans les espaces clos ou mal ventilés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-meuc-card\"\u003e\n        \u003ch3\u003e🚗 Dans la voiture\u003c\/h3\u003e\n        \u003cp\u003eNeutralisez les odeurs et retrouvez une ambiance fraîche à chaque trajet.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-meuc-card\"\u003e\n        \u003ch3\u003e🏠 Dans la chambre\u003c\/h3\u003e\n        \u003cp\u003eAvant ou après le sport, purifiez l'atmosphère rapidement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-meuc-card\"\u003e\n        \u003ch3\u003e🚿 Dans les sanitaires\u003c\/h3\u003e\n        \u003cp\u003eUne alternative naturelle aux sprays chimiques conventionnels.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Pourquoi choisir Aromaspray --\u003e\n  \u003csection class=\"soi-meuc-section\"\u003e\n    \u003ch2\u003ePourquoi choisir Aromaspray plutôt qu'un spray d'ambiance classique ?\u003c\/h2\u003e\n    \u003cp class=\"soi-meuc-section-intro\"\u003eLes sprays d'ambiance classiques contiennent souvent des parfums de synthèse, des propulseurs chimiques et des conservateurs. L'Aromaspray Menthe Eucalyptus prend le contre-pied de cette approche.\u003c\/p\u003e\n    \u003cdiv class=\"soi-meuc-grid-compact\"\u003e\n      \u003cdiv class=\"soi-meuc-card-mini\"\u003e\n        \u003cspan class=\"soi-meuc-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-meuc-card-mini-label\"\u003eFormule\u003c\/span\u003e\n        \u003cspan class=\"soi-meuc-card-mini-value\"\u003eHE 100 % pures et naturelles\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-meuc-card-mini\"\u003e\n        \u003cspan class=\"soi-meuc-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-meuc-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-meuc-card-mini-value\"\u003eFrance, Bourgogne\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-meuc-card-mini\"\u003e\n        \u003cspan class=\"soi-meuc-card-mini-icon\"\u003e✨\u003c\/span\u003e\n        \u003cspan class=\"soi-meuc-card-mini-label\"\u003eParfum\u003c\/span\u003e\n        \u003cspan class=\"soi-meuc-card-mini-value\"\u003eAuthentique et frais\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-meuc-card-mini\"\u003e\n        \u003cspan class=\"soi-meuc-card-mini-icon\"\u003e👜\u003c\/span\u003e\n        \u003cspan class=\"soi-meuc-card-mini-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"soi-meuc-card-mini-value\"\u003ePratique et portable\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 : Mode d'emploi --\u003e\n  \u003csection class=\"soi-meuc-section\"\u003e\n    \u003ch2\u003eComment utiliser le spray d'ambiance Aromaspray ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-meuc-timeline\"\u003e\n      \u003cdiv class=\"soi-meuc-step\"\u003e\n        \u003cdiv class=\"soi-meuc-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-meuc-step-content\"\u003e\n          \u003ch3\u003eAgitez légèrement le flacon\u003c\/h3\u003e\n          \u003cp\u003eAvant chaque utilisation, agitez le flacon pour homogénéiser la formule.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-meuc-step\"\u003e\n        \u003cdiv class=\"soi-meuc-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-meuc-step-content\"\u003e\n          \u003ch3\u003eVaporisez à 30 cm environ\u003c\/h3\u003e\n          \u003cp\u003ePulvérisez dans la pièce en évitant les textiles délicats et les yeux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-meuc-step\"\u003e\n        \u003cdiv class=\"soi-meuc-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-meuc-step-content\"\u003e\n          \u003ch3\u003e1 à 3 pressions suffisent\u003c\/h3\u003e\n          \u003cp\u003eC'est tout ce qu'il faut pour parfumer agréablement une pièce de taille standard.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-meuc-step\"\u003e\n        \u003cdiv class=\"soi-meuc-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-meuc-step-content\"\u003e\n          \u003ch3\u003eConservez à l'abri de la chaleur\u003c\/h3\u003e\n          \u003cp\u003eGardez votre spray à l'abri de la lumière directe pour préserver les actifs naturels.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 : Précautions --\u003e\n  \u003csection class=\"soi-meuc-section\"\u003e\n    \u003ch2\u003ePrécautions d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"soi-meuc-accordion\"\u003e\n      \u003cdetails class=\"soi-meuc-accordion-item\"\u003e\n        \u003csummary class=\"soi-meuc-accordion-header\"\u003e⚠️ Usage et sécurité\u003c\/summary\u003e\n        \u003cdiv class=\"soi-meuc-accordion-content\"\u003e\n          \u003cp\u003eCe spray est réservé à un usage atmosphérique uniquement. Ne pas avaler, ne pas appliquer sur la peau ni dans les yeux. Tenir hors de portée des enfants en bas âge.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-meuc-accordion-item\"\u003e\n        \u003csummary class=\"soi-meuc-accordion-header\"\u003e🤰 Personnes sensibles\u003c\/summary\u003e\n        \u003cdiv class=\"soi-meuc-accordion-content\"\u003e\n          \u003cp\u003eDéconseillé en présence de femmes enceintes, nourrissons ou animaux dans la pièce sans aération préalable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-meuc-accordion-item\"\u003e\n        \u003csummary class=\"soi-meuc-accordion-header\"\u003e💊 Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"soi-meuc-accordion-content\"\u003e\n          \u003cp\u003eCe produit ne constitue pas un traitement médical et ne remplace en aucun cas l'avis d'un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"soi-meuc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-meuc-cta-box\"\u003e\n      \u003cp class=\"soi-meuc-cta-tag\" style=\"color: white;\"\u003eRespirez enfin un air qui vous ressemble\u003c\/p\u003e\n      \u003cp class=\"soi-meuc-cta-text\" style=\"color: white;\"\u003eLe spray d'ambiance Menthe Eucalyptus Aromaspray transforme votre intérieur en quelques secondes : fini les odeurs tenaces, place à une fraîcheur naturelle et tonifiante. Le geste simple et naturel que votre quotidien méritait vraiment.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-meuc-marine: #1A2D3D;\n  --soi-meuc-marine-dark: #0F1E2B;\n  --soi-meuc-marine-light: #2C4458;\n  --soi-meuc-pomme: #A1C544;\n  --soi-meuc-pomme-dark: #84A636;\n  --soi-meuc-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-meuc-white: #FFFFFF;\n  --soi-meuc-off-white: #F8FAF6;\n  --soi-meuc-stone: #F1F3EE;\n  --soi-meuc-line: #E5E8E0;\n\n  --soi-meuc-primary: #3A7A5E;\n  --soi-meuc-primary-soft: rgba(58,122,94,0.08);\n  --soi-meuc-accent: #7A9A8E;\n\n  --soi-meuc-text: #1A2D3D;\n  --soi-meuc-text-soft: #4A5B6B;\n  --soi-meuc-text-muted: #7B8693;\n\n  --soi-meuc-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-meuc-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-meuc-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-meuc-radius: 12px;\n  --soi-meuc-radius-sm: 8px;\n  --soi-meuc-radius-pill: 999px;\n}\n\n.soi-meuc-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-meuc-fiche img { max-width: 100%; height: auto; }\n\n.soi-meuc-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-meuc-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-meuc-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-meuc-hero {\n  position: relative;\n  background: var(--soi-meuc-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-meuc-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-meuc-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-meuc-pomme);\n}\n\n.soi-meuc-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-meuc-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-meuc-pomme);\n  border-radius: 50%;\n}\n\n.soi-meuc-hero-title {\n  display: block;\n  color: var(--soi-meuc-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-meuc-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-meuc-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-meuc-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-meuc-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-meuc-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-meuc-label-accent {\n  background: var(--soi-meuc-pomme);\n  border-color: var(--soi-meuc-pomme);\n  color: var(--soi-meuc-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-meuc-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-meuc-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-meuc-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-meuc-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-meuc-pomme);\n  border-radius: 2px;\n}\n\n.soi-meuc-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-meuc-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-meuc-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-meuc-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-meuc-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-meuc-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-meuc-benefit {\n  background: var(--soi-meuc-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-meuc-radius);\n  border: 1px solid var(--soi-meuc-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-meuc-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-meuc-shadow-md);\n}\n\n.soi-meuc-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-meuc-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-meuc-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-meuc-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-meuc-benefit:hover .soi-meuc-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-meuc-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-meuc-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-meuc-benefit p {\n  font-size: 13px;\n  color: var(--soi-meuc-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-meuc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-meuc-card {\n  background: var(--soi-meuc-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-meuc-radius);\n  border-left: 3px solid var(--soi-meuc-pomme);\n}\n\n.soi-meuc-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-meuc-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-meuc-card p {\n  font-size: 14px;\n  color: var(--soi-meuc-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-meuc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-meuc-card-mini {\n  background: var(--soi-meuc-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-meuc-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-meuc-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-meuc-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-meuc-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-meuc-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-meuc-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-meuc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-meuc-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-meuc-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-meuc-radius);\n  border: 1px solid var(--soi-meuc-line);\n  align-items: flex-start;\n}\n\n.soi-meuc-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-meuc-marine);\n  color: var(--soi-meuc-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-meuc-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-meuc-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-meuc-step-content p {\n  font-size: 14px;\n  color: var(--soi-meuc-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-meuc-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-meuc-pomme-light);\n  border-left: 4px solid var(--soi-meuc-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-meuc-radius) var(--soi-meuc-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-meuc-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-meuc-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-meuc-marine);\n  margin-bottom: 4px;\n}\n\n.soi-meuc-tip p {\n  font-size: 14px;\n  color: var(--soi-meuc-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-meuc-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-meuc-accordion-item {\n  background: var(--soi-meuc-off-white);\n  border-radius: var(--soi-meuc-radius-sm);\n  border: 1px solid var(--soi-meuc-line);\n  overflow: hidden;\n}\n\n.soi-meuc-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-meuc-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-meuc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-meuc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-meuc-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-meuc-accordion-item[open] .soi-meuc-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-meuc-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-meuc-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-meuc-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-meuc-cta-box {\n  background: var(--soi-meuc-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-meuc-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-meuc-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-meuc-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-meuc-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-meuc-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-meuc-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-meuc-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-meuc-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-meuc-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-meuc-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-meuc-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-meuc-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-meuc-fiche {\n    --soi-meuc-text-soft: #2C3E50;\n    --soi-meuc-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61602694627658,"sku":"SC8530","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/spray-dambiance-menthe-eucalyptus-aromaspray-packshot.webp?v=1779264901"},{"product_id":"aromaspray-menthe-niaouli","title":"Spray d'ambiance Menthe Niaouli - Aromaspray","description":"\u003cdiv class=\"soi-mntni-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-mntni-hero\"\u003e\n    \u003cdiv class=\"soi-mntni-hero-tag\"\u003e\n      \u003cspan class=\"soi-mntni-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie atmosphérique · Aromaspray\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-mntni-hero-title\"\u003eSpray d'ambiance Menthe Niaouli\u003c\/span\u003e\n    \u003cp class=\"soi-mntni-hero-subtitle\"\u003eDeux huiles essentielles 100 % pures et naturelles pour une fraîcheur douce, vivifiante et purifiante, en un seul geste.\u003c\/p\u003e\n    \u003cdiv class=\"soi-mntni-hero-labels\"\u003e\n      \u003cspan class=\"soi-mntni-label soi-mntni-label-accent\"\u003eHUILES ESSENTIELLES 100 % PURES\u003c\/span\u003e\n      \u003cspan class=\"soi-mntni-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-mntni-label\"\u003eSANS CONSERVATEURS ARTIFICIELS\u003c\/span\u003e\n      \u003cspan class=\"soi-mntni-label\"\u003e100 % NATUREL\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Deux huiles essentielles, une alliance parfaite --\u003e\n  \u003csection class=\"soi-mntni-section\"\u003e\n    \u003ch2\u003eDeux huiles essentielles, une alliance parfaite\u003c\/h2\u003e\n    \u003cp class=\"soi-mntni-section-intro\"\u003eLa force de ce spray d'aromathérapie réside dans la complémentarité de ses actifs naturels.\u003c\/p\u003e\n    \u003cdiv class=\"soi-mntni-grid\"\u003e\n      \u003cdiv class=\"soi-mntni-card\"\u003e\n        \u003ch3\u003e🌿 Huile essentielle de menthe poivrée\u003c\/h3\u003e\n        \u003cp\u003eSa fraîcheur caractéristique et son action stimulante en font un incontournable pour revitaliser rapidement un espace confiné, un bureau ou une pièce de vie. Elle contribue également à la clarté mentale et à la concentration.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mntni-card\"\u003e\n        \u003ch3\u003e🌸 Huile essentielle de niaouli\u003c\/h3\u003e\n        \u003cp\u003eMoins connue que la menthe, le niaouli est pourtant un allié précieux. Reconnu pour ses propriétés purifiantes et décongestionnantes, il assainit l'air ambiant tout en douceur et facilite une respiration plus libre, notamment en période hivernale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"margin-top:1.25rem;\"\u003eEnsemble, ces deux huiles essentielles créent une fraîcheur douce et équilibrée, ni trop froide ni trop médicale, qui s'intègre naturellement dans votre quotidien.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- À qui s'adresse ce spray d'ambiance ? --\u003e\n  \u003csection class=\"soi-mntni-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce spray d'ambiance ?\u003c\/h2\u003e\n    \u003cp class=\"soi-mntni-section-intro\"\u003eCe spray aux huiles essentielles convient à toute personne souhaitant prendre soin de son environnement intérieur de manière naturelle.\u003c\/p\u003e\n    \u003cdiv class=\"soi-mntni-benefits\"\u003e\n      \u003cdiv class=\"soi-mntni-benefit\"\u003e\n        \u003cdiv class=\"soi-mntni-benefit-icon\"\u003e\u003cspan\u003e💨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePurifier l'air ambiant\u003c\/h3\u003e\n        \u003cp\u003eNeutralisez rapidement les odeurs persistantes après la cuisine, le tabac ou dans tout espace confiné.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mntni-benefit\"\u003e\n        \u003cdiv class=\"soi-mntni-benefit-icon\"\u003e\u003cspan\u003e🧠\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eConcentration et énergie\u003c\/h3\u003e\n        \u003cp\u003eRetrouvez de la clarté mentale et de l'énergie au bureau ou en télétravail grâce à la fraîcheur stimulante de la menthe.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mntni-benefit\"\u003e\n        \u003cdiv class=\"soi-mntni-benefit-icon\"\u003e\u003cspan\u003e🫁\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eConfort respiratoire\u003c\/h3\u003e\n        \u003cp\u003eSoutenez votre confort respiratoire en automne et en hiver grâce aux propriétés purifiantes du niaouli.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mntni-benefit\"\u003e\n        \u003cdiv class=\"soi-mntni-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAlternative naturelle\u003c\/h3\u003e\n        \u003cp\u003eRemplacez les désodorisants chimiques par une solution 100 % naturelle, sans conservateurs artificiels ni colorants.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mntni-tip\" style=\"margin-top:1.5rem;\"\u003e\n      \u003cdiv class=\"soi-mntni-tip-icon\"\u003e🏠\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eCe spray s'utilise aussi bien à la maison qu'en voiture ou dans tout espace clos où l'air a besoin d'être revitalisé.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Composition et caractéristiques du produit --\u003e\n  \u003csection class=\"soi-mntni-section\"\u003e\n    \u003ch2\u003eComposition et caractéristiques du produit\u003c\/h2\u003e\n    \u003cdiv class=\"soi-mntni-grid\" style=\"margin-bottom:1.5rem;\"\u003e\n      \u003cdiv class=\"soi-mntni-card\"\u003e\n        \u003ch3\u003e🌿 Mentha piperita\u003c\/h3\u003e\n        \u003cp\u003eHuile essentielle de menthe poivrée, fraîche et stimulante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mntni-card\"\u003e\n        \u003ch3\u003e🌸 Melaleuca quinquenervia\u003c\/h3\u003e\n        \u003cp\u003eHuile essentielle de niaouli, purifiante et douce pour les voies respiratoires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mntni-card\"\u003e\n        \u003ch3\u003e💧 Base aqueuse neutre\u003c\/h3\u003e\n        \u003cp\u003eFormule sans conservateurs artificiels, sans alcool agressif, sans colorants.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mntni-compo\"\u003e\n      \u003cdiv class=\"soi-mntni-compo-row\"\u003e\n        \u003cspan class=\"soi-mntni-compo-label\"\u003eVolume\u003c\/span\u003e\n        \u003cspan class=\"soi-mntni-compo-value\"\u003e100 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mntni-compo-row\"\u003e\n        \u003cspan class=\"soi-mntni-compo-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-mntni-compo-value\"\u003eFabriqué en France, en Bourgogne\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mntni-compo-row\"\u003e\n        \u003cspan class=\"soi-mntni-compo-label\"\u003eHuiles essentielles\u003c\/span\u003e\n        \u003cspan class=\"soi-mntni-compo-value\"\u003e100 % pures et naturelles\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mntni-compo-row\"\u003e\n        \u003cspan class=\"soi-mntni-compo-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"soi-mntni-compo-value\"\u003eFlacon pulvérisateur nomade\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Comment utiliser l'Aromaspray Menthe Niaouli ? --\u003e\n  \u003csection class=\"soi-mntni-section\"\u003e\n    \u003ch2\u003eComment utiliser l'Aromaspray Menthe Niaouli ?\u003c\/h2\u003e\n    \u003cp class=\"soi-mntni-section-intro\"\u003eL'utilisation est intuitive et ne demande que quelques secondes.\u003c\/p\u003e\n    \u003cdiv class=\"soi-mntni-timeline\"\u003e\n      \u003cdiv class=\"soi-mntni-step\"\u003e\n        \u003cdiv class=\"soi-mntni-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-mntni-step-content\"\u003e\n          \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n          \u003cp\u003eSecouez légèrement le flacon avant chaque utilisation pour bien mélanger les actifs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mntni-step\"\u003e\n        \u003cdiv class=\"soi-mntni-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-mntni-step-content\"\u003e\n          \u003ch3\u003eVaporisez dans la pièce\u003c\/h3\u003e\n          \u003cp\u003eEffectuez 2 à 3 pressions dans la pièce à traiter, en évitant les surfaces sensibles et les yeux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mntni-step\"\u003e\n        \u003cdiv class=\"soi-mntni-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-mntni-step-content\"\u003e\n          \u003ch3\u003eLaissez diffuser\u003c\/h3\u003e\n          \u003cp\u003eLaissez le parfum se diffuser naturellement pendant quelques minutes dans votre espace.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mntni-step\"\u003e\n        \u003cdiv class=\"soi-mntni-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-mntni-step-content\"\u003e\n          \u003ch3\u003eRenouvelez selon vos besoins\u003c\/h3\u003e\n          \u003cp\u003eRépétez l'opération autant que nécessaire, en aérant régulièrement la pièce.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mntni-tip\" style=\"margin-top:1.5rem;\"\u003e\n      \u003cdiv class=\"soi-mntni-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eQuelques sprays dans votre bureau avant une session de travail intense ou dans la salle de bain au réveil suffisent pour bénéficier d'un effet revigorant immédiat.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Précautions d'emploi --\u003e\n  \u003csection class=\"soi-mntni-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"soi-mntni-accordion\"\u003e\n      \u003cdetails class=\"soi-mntni-accordion-item\"\u003e\n        \u003csummary class=\"soi-mntni-accordion-header\"\u003e👶 Enfants et personnes sensibles\u003c\/summary\u003e\n        \u003cdiv class=\"soi-mntni-accordion-content\"\u003e\n          \u003cp\u003eTenir hors de portée des enfants de moins de 3 ans. Déconseillé aux femmes enceintes ou allaitantes sans avis médical préalable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-mntni-accordion-item\"\u003e\n        \u003csummary class=\"soi-mntni-accordion-header\"\u003e⚠️ Utilisation et sécurité\u003c\/summary\u003e\n        \u003cdiv class=\"soi-mntni-accordion-content\"\u003e\n          \u003cp\u003eNe pas inhaler directement et éviter le contact avec les yeux. Ne pas vaporiser sur des animaux de compagnie. Ce produit est un spray d'ambiance, non destiné à être appliqué sur la peau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-mntni-accordion-item\"\u003e\n        \u003csummary class=\"soi-mntni-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"soi-mntni-accordion-content\"\u003e\n          \u003cp\u003eCe spray d'aromathérapie ne se substitue à aucun traitement médical. En cas de problème respiratoire persistant, consultez un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-mntni-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-mntni-cta-box\"\u003e\n      \u003cp class=\"soi-mntni-cta-tag\" style=\"color: white;\"\u003eUn air pur, naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-mntni-cta-text\" style=\"color: white;\"\u003eUn matin qui démarre avec la fraîcheur de la menthe et la pureté du niaouli, c'est une journée qui commence sous les meilleurs auspices. Simple, efficace, 100 % naturel : prenez soin de votre intérieur au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-mntni-marine: #1A2D3D;\n  --soi-mntni-marine-dark: #0F1E2B;\n  --soi-mntni-marine-light: #2C4458;\n  --soi-mntni-pomme: #A1C544;\n  --soi-mntni-pomme-dark: #84A636;\n  --soi-mntni-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-mntni-white: #FFFFFF;\n  --soi-mntni-off-white: #F8FAF6;\n  --soi-mntni-stone: #F1F3EE;\n  --soi-mntni-line: #E5E8E0;\n\n  --soi-mntni-primary: #3A5C4A;\n  --soi-mntni-primary-soft: #E8F0EB;\n  --soi-mntni-accent: #7A9A8E;\n\n  --soi-mntni-text: #1A2D3D;\n  --soi-mntni-text-soft: #4A5B6B;\n  --soi-mntni-text-muted: #7B8693;\n\n  --soi-mntni-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-mntni-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-mntni-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-mntni-radius: 12px;\n  --soi-mntni-radius-sm: 8px;\n  --soi-mntni-radius-pill: 999px;\n}\n\n.soi-mntni-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-mntni-fiche img { max-width: 100%; height: auto; }\n\n.soi-mntni-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-mntni-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-mntni-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-mntni-hero {\n  position: relative;\n  background: var(--soi-mntni-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-mntni-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-mntni-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-mntni-pomme);\n}\n\n.soi-mntni-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-mntni-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-mntni-pomme);\n  border-radius: 50%;\n}\n\n.soi-mntni-hero-title {\n  display: block;\n  color: var(--soi-mntni-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-mntni-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-mntni-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-mntni-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-mntni-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-mntni-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-mntni-label-accent {\n  background: var(--soi-mntni-pomme);\n  border-color: var(--soi-mntni-pomme);\n  color: var(--soi-mntni-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-mntni-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-mntni-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-mntni-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-mntni-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-mntni-pomme);\n  border-radius: 2px;\n}\n\n.soi-mntni-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-mntni-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-mntni-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-mntni-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-mntni-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-mntni-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-mntni-benefit {\n  background: var(--soi-mntni-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-mntni-radius);\n  border: 1px solid var(--soi-mntni-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-mntni-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-mntni-shadow-md);\n}\n\n.soi-mntni-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-mntni-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-mntni-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-mntni-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-mntni-benefit:hover .soi-mntni-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-mntni-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-mntni-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-mntni-benefit p {\n  font-size: 13px;\n  color: var(--soi-mntni-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-mntni-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-mntni-card {\n  background: var(--soi-mntni-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-mntni-radius);\n  border-left: 3px solid var(--soi-mntni-pomme);\n}\n\n.soi-mntni-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-mntni-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-mntni-card p {\n  font-size: 14px;\n  color: var(--soi-mntni-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-mntni-compo {\n  background: var(--soi-mntni-off-white);\n  border-radius: var(--soi-mntni-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-mntni-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-mntni-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-mntni-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-mntni-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-mntni-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-mntni-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-mntni-marine);\n  text-align: right;\n}\n\n\/* TIMELINE *\/\n.soi-mntni-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-mntni-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-mntni-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-mntni-radius);\n  border: 1px solid var(--soi-mntni-line);\n  align-items: flex-start;\n}\n\n.soi-mntni-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-mntni-marine);\n  color: var(--soi-mntni-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-mntni-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-mntni-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-mntni-step-content p {\n  font-size: 14px;\n  color: var(--soi-mntni-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* TIP *\/\n.soi-mntni-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-mntni-pomme-light);\n  border-left: 4px solid var(--soi-mntni-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-mntni-radius) var(--soi-mntni-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-mntni-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-mntni-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-mntni-marine);\n  margin-bottom: 4px;\n}\n\n.soi-mntni-tip p {\n  font-size: 14px;\n  color: var(--soi-mntni-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-mntni-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-mntni-accordion-item {\n  background: var(--soi-mntni-off-white);\n  border-radius: var(--soi-mntni-radius-sm);\n  border: 1px solid var(--soi-mntni-line);\n  overflow: hidden;\n}\n\n.soi-mntni-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-mntni-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-mntni-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-mntni-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-mntni-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-mntni-accordion-item[open] .soi-mntni-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-mntni-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-mntni-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-mntni-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-mntni-cta-box {\n  background: var(--soi-mntni-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-mntni-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-mntni-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-mntni-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-mntni-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-mntni-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-mntni-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-mntni-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-mntni-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-mntni-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-mntni-compo-value {\n    text-align: left;\n  }\n\n  .soi-mntni-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-mntni-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-mntni-fiche {\n    --soi-mntni-text-soft: #2C3E50;\n    --soi-mntni-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61602698264906,"sku":"SC8535","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/spray-dambiance-menthe-niaouli-aromaspray-packshot.webp?v=1779538945"},{"product_id":"aromaspray-myrte-santal","title":"Spray d'ambiance Myrte Santal - Aromaspray","description":"\u003cdiv class=\"soi-mysa-fiche\"\u003e\n\n\u003csection class=\"soi-mysa-hero\"\u003e\n  \u003cdiv class=\"soi-mysa-hero-tag\"\u003e\n    \u003cspan class=\"soi-mysa-tag-dot\"\u003e\u003c\/span\u003e\n    Aromathérapie atmosphérique · Aromaspray\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-mysa-hero-title\"\u003eSpray d'ambiance Myrte Santal\u003c\/span\u003e\n  \u003cp class=\"soi-mysa-hero-subtitle\"\u003eUn accord équilibrant boisé aux huiles essentielles 100 % pures et naturelles, pour transformer l'atmosphère de votre intérieur en un geste.\u003c\/p\u003e\n  \u003cdiv class=\"soi-mysa-hero-labels\"\u003e\n    \u003cspan class=\"soi-mysa-label soi-mysa-label-accent\"\u003e100 % PURES ET NATURELLES\u003c\/span\u003e\n    \u003cspan class=\"soi-mysa-label\"\u003eSANS ALCOOL AJOUTÉ\u003c\/span\u003e\n    \u003cspan class=\"soi-mysa-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-mysa-label\"\u003eSANS CONSERVATEURS\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mysa-section\"\u003e\n  \u003ch2\u003eUne association olfactive pensée pour l'équilibre\u003c\/h2\u003e\n  \u003cp\u003eLe \u003cstrong\u003emyrte\u003c\/strong\u003e et le \u003cstrong\u003esantal\u003c\/strong\u003e forment un duo rare et complémentaire. Le myrte, légèrement camphré et végétal, apporte fraîcheur et clarté mentale. Le santal, lui, pose une base chaleureuse et boisée, typique des grandes huiles de méditation. Ensemble, ils créent un accord \u003cstrong\u003eéquilibrant boisé\u003c\/strong\u003e qui agit autant sur l'odorat que sur l'état d'esprit.\u003c\/p\u003e\n  \u003cp\u003eCe spray d'ambiance aux huiles essentielles est idéal pour les moments de yoga, de méditation, de lecture ou simplement pour retrouver un intérieur sain et harmonieux après une journée chargée.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mysa-section\"\u003e\n  \u003ch2\u003eComposition complète du spray Myrte Santal\u003c\/h2\u003e\n  \u003cp class=\"soi-mysa-section-intro\"\u003eChaque ingrédient de cette formule a été sélectionné pour son intérêt olfactif et ses propriétés reconnues en aromathérapie atmosphérique.\u003c\/p\u003e\n  \u003cdiv class=\"soi-mysa-grid\"\u003e\n    \u003cdiv class=\"soi-mysa-card\"\u003e\n      \u003ch3\u003e🌿 Huile essentielle de Myrte\u003c\/h3\u003e\n      \u003cp\u003ePurifiante et assainissante, elle clarifie l'air et crée une atmosphère aérée et propre.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mysa-card\"\u003e\n      \u003ch3\u003e🪵 Huile essentielle de Santal\u003c\/h3\u003e\n      \u003cp\u003eApaisante et enveloppante, elle favorise la détente profonde et la méditation.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mysa-card\"\u003e\n      \u003ch3\u003e🍃 Cajeput\u003c\/h3\u003e\n      \u003cp\u003eTonique et purificateur d'air, proche de l'eucalyptus dans ses effets respiratoires.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mysa-card\"\u003e\n      \u003ch3\u003e🫚 Cannelle\u003c\/h3\u003e\n      \u003cp\u003eRéchauffante et enveloppante, elle apporte une touche épicée réconfortante.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mysa-card\"\u003e\n      \u003ch3\u003e🌸 Géranium\u003c\/h3\u003e\n      \u003cp\u003eÉquilibrant, à l'odeur florale douce, il harmonise les émotions.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mysa-card\"\u003e\n      \u003ch3\u003e💜 Lavandin\u003c\/h3\u003e\n      \u003cp\u003eRelaxant et légèrement camphré, complément naturel de la détente.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mysa-card\"\u003e\n      \u003ch3\u003e🌱 Menthe poivrée\u003c\/h3\u003e\n      \u003cp\u003eVivifiante, elle apporte une note fraîche et tonique.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mysa-card\"\u003e\n      \u003ch3\u003e🌾 Serpolet\u003c\/h3\u003e\n      \u003cp\u003eProche du thym, aux propriétés assainissantes reconnues.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mysa-card\"\u003e\n      \u003ch3\u003e🌳 Shiu (Cinnamomum camphora CT linalol)\u003c\/h3\u003e\n      \u003cp\u003eDoux, fleuri et boisé, il renforce la sérénité de l'ensemble.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-mysa-tip\" style=\"margin-top:1.5rem;\"\u003e\n    \u003cdiv class=\"soi-mysa-tip-icon\"\u003e🧪\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eFormule transparente\u003c\/strong\u003e\n      \u003cp\u003eSans alcool ajouté, sans conservateurs artificiels. Fabriqué en Bourgogne, France.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mysa-section\"\u003e\n  \u003ch2\u003eComment utiliser votre spray d'ambiance Aromaspray ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-mysa-timeline\"\u003e\n    \u003cdiv class=\"soi-mysa-step\"\u003e\n      \u003cdiv class=\"soi-mysa-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-mysa-step-content\"\u003e\n        \u003ch3\u003eAgitez légèrement\u003c\/h3\u003e\n        \u003cp\u003eSecouez le flacon avant chaque utilisation pour homogénéiser le mélange d'huiles essentielles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mysa-step\"\u003e\n      \u003cdiv class=\"soi-mysa-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-mysa-step-content\"\u003e\n        \u003ch3\u003eVaporisez 2 à 3 fois\u003c\/h3\u003e\n        \u003cp\u003ePulvérisez dans la pièce, en hauteur, en évitant les surfaces fragiles, textiles délicats et les yeux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mysa-step\"\u003e\n      \u003cdiv class=\"soi-mysa-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-mysa-step-content\"\u003e\n        \u003ch3\u003eLaissez la brume se diffuser\u003c\/h3\u003e\n        \u003cp\u003eEn quelques secondes, le parfum envahit la pièce et l'atmosphère change naturellement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-mysa-tip\" style=\"margin-top:1.5rem;\"\u003e\n    \u003cdiv class=\"soi-mysa-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eConvient pour la maison, le bureau, la salle de bain ou la voiture. Gardez hors de portée des enfants et des animaux.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mysa-section\"\u003e\n  \u003ch2\u003ePourquoi choisir l'Aromaspray plutôt qu'un spray d'ambiance classique ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-mysa-benefits\"\u003e\n    \u003cdiv class=\"soi-mysa-benefit\"\u003e\n      \u003cdiv class=\"soi-mysa-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eHuiles essentielles pures\u003c\/h3\u003e\n      \u003cp\u003eNon diluées dans de l'alcool dénaturé, pour une diffusion plus respectueuse et olfactivement fidèle.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mysa-benefit\"\u003e\n      \u003cdiv class=\"soi-mysa-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n      \u003cp\u003eConçu en Bourgogne avec des standards de qualité élevés.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mysa-benefit\"\u003e\n      \u003cdiv class=\"soi-mysa-benefit-icon\"\u003e\u003cspan\u003e✈️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eFormat pratique\u003c\/h3\u003e\n      \u003cp\u003eÀ emporter partout, sans encombrement, pour retrouver votre ambiance où que vous soyez.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mysa-benefit\"\u003e\n      \u003cdiv class=\"soi-mysa-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eOlfaction naturelle\u003c\/h3\u003e\n      \u003cp\u003eAucun accord synthétique, uniquement des matières premières végétales authentiques.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mysa-section\"\u003e\n  \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n  \u003cdiv class=\"soi-mysa-accordion\"\u003e\n    \u003cdetails class=\"soi-mysa-accordion-item\"\u003e\n      \u003csummary class=\"soi-mysa-accordion-header\"\u003e⚠️ Usage et sécurité\u003c\/summary\u003e\n      \u003cdiv class=\"soi-mysa-accordion-content\"\u003e\n        \u003cp\u003eUsage olfactif uniquement : ne pas appliquer sur la peau ni ingérer. Tenir à l'écart des flammes nues et sources de chaleur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-mysa-accordion-item\"\u003e\n      \u003csummary class=\"soi-mysa-accordion-header\"\u003e🤰 Personnes sensibles\u003c\/summary\u003e\n      \u003cdiv class=\"soi-mysa-accordion-content\"\u003e\n        \u003cp\u003eDéconseillé aux femmes enceintes et aux enfants de moins de 6 ans sans avis médical.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-mysa-accordion-item\"\u003e\n      \u003csummary class=\"soi-mysa-accordion-header\"\u003e💊 Avis médical\u003c\/summary\u003e\n      \u003cdiv class=\"soi-mysa-accordion-content\"\u003e\n        \u003cp\u003eCe produit ne remplace pas un traitement médical.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mysa-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-mysa-cta-box\"\u003e\n    \u003cp class=\"soi-mysa-cta-tag\" style=\"color: white;\"\u003eUne pause de sérénité en un seul geste\u003c\/p\u003e\n    \u003cp class=\"soi-mysa-cta-text\" style=\"color: white;\"\u003eLaissez le boisé enveloppant du santal et la fraîcheur purifiante du myrte redéfinir l'ambiance de votre intérieur. 100 % naturel, conçu en France.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-mysa-marine: #1A2D3D;\n  --soi-mysa-marine-dark: #0F1E2B;\n  --soi-mysa-marine-light: #2C4458;\n  --soi-mysa-pomme: #A1C544;\n  --soi-mysa-pomme-dark: #84A636;\n  --soi-mysa-pomme-light: rgba(161,197,68,0.10);\n  --soi-mysa-white: #FFFFFF;\n  --soi-mysa-off-white: #F8FAF6;\n  --soi-mysa-stone: #F1F3EE;\n  --soi-mysa-line: #E5E8E0;\n  --soi-mysa-primary: #2E4A3A;\n  --soi-mysa-primary-soft: #3D6B50;\n  --soi-mysa-accent: #C49A5C;\n  --soi-mysa-text: #1A2D3D;\n  --soi-mysa-text-soft: #4A5B6B;\n  --soi-mysa-text-muted: #7B8693;\n  --soi-mysa-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-mysa-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-mysa-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-mysa-radius: 12px;\n  --soi-mysa-radius-sm: 8px;\n  --soi-mysa-radius-pill: 999px;\n}\n\n.soi-mysa-fiche * {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n.soi-mysa-fiche img {\n  max-width: 100%;\n  height: auto;\n}\n\n.soi-mysa-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-mysa-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-mysa-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-mysa-hero {\n  position: relative;\n  background: var(--soi-mysa-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-mysa-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-mysa-hero::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 4px;\n  background: var(--soi-mysa-pomme);\n}\n\n.soi-mysa-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-mysa-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-mysa-pomme);\n  border-radius: 50%;\n}\n\n.soi-mysa-hero-title {\n  display: block;\n  color: var(--soi-mysa-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-mysa-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-mysa-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-mysa-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-mysa-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-mysa-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-mysa-label-accent {\n  background: var(--soi-mysa-pomme);\n  border-color: var(--soi-mysa-pomme);\n  color: var(--soi-mysa-marine);\n  font-weight: 600;\n}\n\n.soi-mysa-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-mysa-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-mysa-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-mysa-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-mysa-pomme);\n  border-radius: 2px;\n}\n\n.soi-mysa-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-mysa-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-mysa-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-mysa-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-mysa-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-mysa-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-mysa-benefit {\n  background: var(--soi-mysa-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-mysa-radius);\n  border: 1px solid var(--soi-mysa-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-mysa-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-mysa-shadow-md);\n}\n\n.soi-mysa-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-mysa-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-mysa-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-mysa-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-mysa-benefit:hover .soi-mysa-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-mysa-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-mysa-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-mysa-benefit p {\n  font-size: 13px;\n  color: var(--soi-mysa-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mysa-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-mysa-card {\n  background: var(--soi-mysa-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-mysa-radius);\n  border-left: 3px solid var(--soi-mysa-pomme);\n}\n\n.soi-mysa-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-mysa-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-mysa-card p {\n  font-size: 14px;\n  color: var(--soi-mysa-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mysa-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-mysa-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-mysa-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-mysa-radius);\n  border: 1px solid var(--soi-mysa-line);\n  align-items: flex-start;\n}\n\n.soi-mysa-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-mysa-marine);\n  color: var(--soi-mysa-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-mysa-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-mysa-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-mysa-step-content p {\n  font-size: 14px;\n  color: var(--soi-mysa-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mysa-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-mysa-pomme-light);\n  border-left: 4px solid var(--soi-mysa-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-mysa-radius) var(--soi-mysa-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-mysa-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-mysa-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-mysa-marine);\n  margin-bottom: 4px;\n}\n\n.soi-mysa-tip p {\n  font-size: 14px;\n  color: var(--soi-mysa-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mysa-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-mysa-accordion-item {\n  background: var(--soi-mysa-off-white);\n  border-radius: var(--soi-mysa-radius-sm);\n  border: 1px solid var(--soi-mysa-line);\n  overflow: hidden;\n}\n\n.soi-mysa-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-mysa-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-mysa-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-mysa-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-mysa-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-mysa-accordion-item[open] .soi-mysa-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-mysa-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-mysa-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-mysa-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mysa-cta-box {\n  background: var(--soi-mysa-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-mysa-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-mysa-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-mysa-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-mysa-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-mysa-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-mysa-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-mysa-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-mysa-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-mysa-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-mysa-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-mysa-fiche {\n    --soi-mysa-text-soft: #2C3E50;\n    --soi-mysa-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61602702098762,"sku":"SC8540","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/spray-dambiance-myrte-santal-aromaspray-packshot.webp?v=1779262265"},{"product_id":"aromaspray-orange-palmarosa","title":"Spray d’ambiance Orange Palmarosa - Aromaspray","description":"\u003cdiv class=\"soi-opal-fiche\"\u003e\n\n  \u003csection class=\"soi-opal-hero\"\u003e\n    \u003cdiv class=\"soi-opal-hero-tag\"\u003e\n      \u003cspan class=\"soi-opal-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie atmosphérique · Aromaspray\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-opal-hero-title\"\u003eSpray d'ambiance Orange Palmarosa\u003c\/span\u003e\n    \u003cp class=\"soi-opal-hero-subtitle\"\u003eUne brise régénérante et relaxante d'huiles essentielles pures pour transformer votre intérieur en quelques secondes.\u003c\/p\u003e\n    \u003cdiv class=\"soi-opal-hero-labels\"\u003e\n      \u003cspan class=\"soi-opal-label soi-opal-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-opal-label\"\u003e100% NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-opal-label\"\u003eSANS ALCOOL\u003c\/span\u003e\n      \u003cspan class=\"soi-opal-label\"\u003eHUILES ESSENTIELLES PURES\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-opal-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce spray d'ambiance naturel ?\u003c\/h2\u003e\n    \u003cp\u003eContrairement à de nombreux sprays d'ambiance du marché qui contiennent des parfums de synthèse ou de l'alcool, l'Aromaspray Orange Palmarosa est formulé exclusivement à base d'huiles essentielles 100 % pures et naturelles. Pas d'additifs, pas de conservateurs artificiels : seulement la puissance brute des plantes, au service de votre bien-être.\u003c\/p\u003e\n    \u003cp\u003eSi vous cherchez une alternative efficace aux sprays d'ambiance maison sans alcool, ce produit clé en main vous évite toute préparation tout en garantissant un résultat professionnel.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-opal-section\"\u003e\n    \u003ch2\u003eComposition : des huiles essentielles soigneusement associées\u003c\/h2\u003e\n    \u003cp class=\"soi-opal-section-intro\"\u003eUne synergie de quatre actifs aromatiques, sélectionnés pour leurs propriétés complémentaires et leur harmonie olfactive.\u003c\/p\u003e\n    \u003cdiv class=\"soi-opal-grid\"\u003e\n      \u003cdiv class=\"soi-opal-card\"\u003e\n        \u003ch3\u003e🍊 Orange douce (Citrus sinensis)\u003c\/h3\u003e\n        \u003cp\u003eTonifiante et légèrement euphorisante, elle apporte une note lumineuse et chaleureuse qui revitalise instantanément l'atmosphère.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opal-card\"\u003e\n        \u003ch3\u003e🌿 Palmarosa (Cymbopogon martinii)\u003c\/h3\u003e\n        \u003cp\u003eFlorale et légèrement rosée, cette huile est reconnue pour ses propriétés équilibrantes. Elle apaise les tensions et favorise une ambiance harmonieuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opal-card\"\u003e\n        \u003ch3\u003e🌸 Géranium (Pelargonium graveolens)\u003c\/h3\u003e\n        \u003cp\u003eÉquilibrant émotionnel par excellence, il complète le duo principal avec une note verte et fleurie très douce.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opal-card\"\u003e\n        \u003ch3\u003e💧 Shui\u003c\/h3\u003e\n        \u003cp\u003eActif complémentaire qui amplifie les propriétés purifiantes de la formule pour un air plus sain.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-opal-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce spray d'ambiance maison ?\u003c\/h2\u003e\n    \u003cp class=\"soi-opal-section-intro\"\u003eCe spray convient parfaitement si vous souhaitez :\u003c\/p\u003e\n    \u003cdiv class=\"soi-opal-grid\"\u003e\n      \u003cdiv class=\"soi-opal-card\"\u003e\n        \u003ch3\u003e🛋️ Détente après le travail\u003c\/h3\u003e\n        \u003cp\u003eCréez une ambiance relaxante dans votre salon ou votre chambre, dès votre retour à la maison.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opal-card\"\u003e\n        \u003ch3\u003e🌬️ Air purifié naturellement\u003c\/h3\u003e\n        \u003cp\u003eAssainissez l'air de votre intérieur sans recourir à des produits chimiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opal-card\"\u003e\n        \u003ch3\u003e🇫🇷 Alternative naturelle et traçable\u003c\/h3\u003e\n        \u003cp\u003eOffrez-vous une alternative aux grandes marques de sprays d'ambiance, avec des ingrédients traçables et un savoir-faire français.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opal-card\"\u003e\n        \u003ch3\u003e💼 Partout avec vous\u003c\/h3\u003e\n        \u003cp\u003eParfumez discrètement un bureau, un couloir ou même votre voiture grâce à son format nomade.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-opal-section\"\u003e\n    \u003ch2\u003eComment utiliser votre Aromaspray Orange Palmarosa ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-opal-timeline\"\u003e\n      \u003cdiv class=\"soi-opal-step\"\u003e\n        \u003cdiv class=\"soi-opal-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-opal-step-content\"\u003e\n          \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n          \u003cp\u003eAgitez légèrement avant chaque utilisation pour homogénéiser les huiles essentielles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opal-step\"\u003e\n        \u003cdiv class=\"soi-opal-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-opal-step-content\"\u003e\n          \u003ch3\u003eVaporisez 2 à 3 fois\u003c\/h3\u003e\n          \u003cp\u003eOrientez le spray vers le centre de la pièce ou en hauteur pour une diffusion optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opal-step\"\u003e\n        \u003cdiv class=\"soi-opal-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-opal-step-content\"\u003e\n          \u003ch3\u003ePrécautions de vaporisation\u003c\/h3\u003e\n          \u003cp\u003eÉvitez de vaporiser directement sur les textiles clairs ou les surfaces délicates, et tenez le flacon à l'écart des enfants en bas âge.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-opal-tip\"\u003e\n      \u003cdiv class=\"soi-opal-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eLa synergie orange et palmarosa est à la fois dynamisante en journée et apaisante en soirée : adaptez le moment de vaporisation selon l'atmosphère que vous souhaitez créer.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-opal-section\"\u003e\n    \u003ch2\u003eLes points forts de l'Aromaspray Orange Palmarosa\u003c\/h2\u003e\n    \u003cdiv class=\"soi-opal-benefits\"\u003e\n      \u003cdiv class=\"soi-opal-benefit\"\u003e\n        \u003cdiv class=\"soi-opal-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFabriqué en Bourgogne\u003c\/h3\u003e\n        \u003cp\u003eUn savoir-faire français avec un contrôle qualité rigoureux, au cœur de la Bourgogne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opal-benefit\"\u003e\n        \u003cdiv class=\"soi-opal-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003e100 % naturel, sans alcool\u003c\/h3\u003e\n        \u003cp\u003eFormule sans alcool ni parfums synthétiques, idéale pour les personnes sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opal-benefit\"\u003e\n        \u003cdiv class=\"soi-opal-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCompact et nomade\u003c\/h3\u003e\n        \u003cp\u003eGlissez-le dans votre sac, posez-le sur votre bureau ou rangez-le dans votre boîte à gants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opal-benefit\"\u003e\n        \u003cdiv class=\"soi-opal-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFilières durables\u003c\/h3\u003e\n        \u003cp\u003eDes matières premières issues de filières durables, dans le respect de l'environnement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-opal-section\"\u003e\n    \u003cdiv class=\"soi-opal-accordion\"\u003e\n      \u003cdetails class=\"soi-opal-accordion-item\"\u003e\n        \u003csummary class=\"soi-opal-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-opal-accordion-content\"\u003e\n          \u003cp\u003eCe produit est destiné à un usage atmosphérique uniquement. Il ne constitue pas un traitement médical et ne remplace en aucun cas l'avis d'un professionnel de santé. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-opal-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-opal-cta-box\"\u003e\n      \u003cp class=\"soi-opal-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, respirer pleinement\u003c\/p\u003e\n      \u003cp class=\"soi-opal-cta-text\" style=\"color: white;\"\u003eOffrez à votre intérieur une fraîcheur 100 % naturelle et sincère. Quelques secondes de geste, une atmosphère apaisante qui dure.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-opal-marine: #1A2D3D;\n  --soi-opal-marine-dark: #0F1E2B;\n  --soi-opal-marine-light: #2C4458;\n  --soi-opal-pomme: #A1C544;\n  --soi-opal-pomme-dark: #84A636;\n  --soi-opal-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-opal-white: #FFFFFF;\n  --soi-opal-off-white: #F8FAF6;\n  --soi-opal-stone: #F1F3EE;\n  --soi-opal-line: #E5E8E0;\n\n  --soi-opal-primary: #D88542;\n  --soi-opal-primary-soft: #F5E6D4;\n  --soi-opal-accent: #E8983A;\n\n  --soi-opal-text: #1A2D3D;\n  --soi-opal-text-soft: #4A5B6B;\n  --soi-opal-text-muted: #7B8693;\n\n  --soi-opal-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-opal-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-opal-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-opal-radius: 12px;\n  --soi-opal-radius-sm: 8px;\n  --soi-opal-radius-pill: 999px;\n}\n\n.soi-opal-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-opal-fiche img { max-width: 100%; height: auto; }\n\n.soi-opal-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-opal-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-opal-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-opal-hero {\n  position: relative;\n  background: var(--soi-opal-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-opal-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-opal-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-opal-pomme);\n}\n\n.soi-opal-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-opal-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-opal-pomme);\n  border-radius: 50%;\n}\n\n.soi-opal-hero-title {\n  display: block;\n  color: var(--soi-opal-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-opal-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-opal-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-opal-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-opal-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-opal-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-opal-label-accent {\n  background: var(--soi-opal-pomme);\n  border-color: var(--soi-opal-pomme);\n  color: var(--soi-opal-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-opal-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-opal-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-opal-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-opal-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-opal-pomme);\n  border-radius: 2px;\n}\n\n.soi-opal-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-opal-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-opal-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-opal-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-opal-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-opal-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-opal-benefit {\n  background: var(--soi-opal-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-opal-radius);\n  border: 1px solid var(--soi-opal-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-opal-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-opal-shadow-md);\n}\n\n.soi-opal-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-opal-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-opal-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-opal-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-opal-benefit:hover .soi-opal-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-opal-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-opal-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-opal-benefit p {\n  font-size: 13px;\n  color: var(--soi-opal-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-opal-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-opal-card {\n  background: var(--soi-opal-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-opal-radius);\n  border-left: 3px solid var(--soi-opal-pomme);\n}\n\n.soi-opal-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-opal-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-opal-card p {\n  font-size: 14px;\n  color: var(--soi-opal-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-opal-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-opal-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-opal-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-opal-radius);\n  border: 1px solid var(--soi-opal-line);\n  align-items: flex-start;\n}\n\n.soi-opal-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-opal-marine);\n  color: var(--soi-opal-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-opal-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-opal-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-opal-step-content p {\n  font-size: 14px;\n  color: var(--soi-opal-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-opal-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-opal-pomme-light);\n  border-left: 4px solid var(--soi-opal-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-opal-radius) var(--soi-opal-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-opal-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-opal-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-opal-marine);\n  margin-bottom: 4px;\n}\n\n.soi-opal-tip p {\n  font-size: 14px;\n  color: var(--soi-opal-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-opal-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-opal-accordion-item {\n  background: var(--soi-opal-off-white);\n  border-radius: var(--soi-opal-radius-sm);\n  border: 1px solid var(--soi-opal-line);\n  overflow: hidden;\n}\n\n.soi-opal-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-opal-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-opal-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-opal-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-opal-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-opal-accordion-item[open] .soi-opal-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-opal-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-opal-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-opal-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-opal-cta-box {\n  background: var(--soi-opal-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-opal-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-opal-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-opal-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-opal-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-opal-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-opal-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-opal-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-opal-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-opal-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-opal-tip {\n    flex-direction: column;\n    gap: 0.5rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-opal-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-opal-fiche {\n    --soi-opal-text-soft: #2C3E50;\n    --soi-opal-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61602715861322,"sku":"SC8545","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/spray-dambiance-orange-palmarosa-aromaspray-packshot.webp?v=1779264163"},{"product_id":"aromaspray-thym-cannelle","title":"Spray d'ambiance Thym Cannelle - Aromaspray","description":"\u003cdiv class=\"soi-thca-fiche\"\u003e\n\n\u003csection class=\"soi-thca-hero\"\u003e\n  \u003cdiv class=\"soi-thca-hero-tag\"\u003e\n    \u003cspan class=\"soi-thca-tag-dot\"\u003e\u003c\/span\u003e\n    Aromathérapie atmosphérique · Aromaspray\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-thca-hero-title\"\u003eSpray d'ambiance Thym Cannelle\u003c\/span\u003e\n  \u003cp class=\"soi-thca-hero-subtitle\"\u003eLa signature épicée et chaleureuse du thym et de la cannelle, portée par des huiles essentielles 100 % pures et naturelles, pour assainir et vivifier votre intérieur en quelques secondes.\u003c\/p\u003e\n  \u003cdiv class=\"soi-thca-hero-labels\"\u003e\n    \u003cspan class=\"soi-thca-label soi-thca-label-accent\"\u003eHUILES ESSENTIELLES 100 % PURES ET NATURELLES\u003c\/span\u003e\n    \u003cspan class=\"soi-thca-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-thca-label\"\u003eSANS CONSERVATEURS\u003c\/span\u003e\n    \u003cspan class=\"soi-thca-label\"\u003eSANS ADDITIFS ARTIFICIELS\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-thca-section\"\u003e\n  \u003ch2\u003eAromaspray Thym Cannelle : le spray d'ambiance tonique aux huiles essentielles pures\u003c\/h2\u003e\n  \u003cp\u003eVous cherchez un \u003cstrong\u003espray d'ambiance maison naturel\u003c\/strong\u003e, capable de transformer l'atmosphère d'une pièce en quelques secondes ? L'\u003cstrong\u003eAromaspray Thym Cannelle\u003c\/strong\u003e est fait pour vous. Avec sa signature olfactive épicée et chaleureuse, il associe la puissance purifiante du thym aux notes enveloppantes de la cannelle, pour une ambiance à la fois tonique et réconfortante.\u003c\/p\u003e\n  \u003cp\u003eFabriqué en \u003cstrong\u003eBourgogne\u003c\/strong\u003e, à partir d'\u003cstrong\u003ehuiles essentielles 100 % pures et naturelles\u003c\/strong\u003e, sans conservateurs ni additifs artificiels, ce spray incarne une aromathérapie atmosphérique accessible au quotidien.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-thca-section\"\u003e\n  \u003ch2\u003ePourquoi choisir ce spray d'ambiance plutôt qu'un autre ?\u003c\/h2\u003e\n  \u003cp\u003eContrairement à beaucoup de sprays parfumés du marché qui misent sur des fragrances synthétiques, l'Aromaspray Thym Cannelle s'appuie sur de vraies huiles essentielles aux vertus reconnues. Résultat : vous ne masquez pas les odeurs, vous \u003cstrong\u003eassainissez réellement l'air\u003c\/strong\u003e de votre intérieur tout en créant une ambiance chaleureuse et vivifiante.\u003c\/p\u003e\n  \u003cdiv class=\"soi-thca-grid\"\u003e\n    \u003cdiv class=\"soi-thca-card\"\u003e\n      \u003ch3\u003e🌿 Thym\u003c\/h3\u003e\n      \u003cp\u003eHuile essentielle aux propriétés antiseptiques et purifiantes reconnues. Elle contribue à assainir l'air ambiant et à dynamiser l'atmosphère.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-thca-card\"\u003e\n      \u003ch3\u003e🫚 Cannelle\u003c\/h3\u003e\n      \u003cp\u003eNote épicée et boisée qui apporte chaleur et réconfort. Idéale pour les soirées d'automne, les matins frileux ou les moments cocooning.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-thca-section\"\u003e\n  \u003ch2\u003eComposition du spray Thym Cannelle Aromaspray\u003c\/h2\u003e\n  \u003cp\u003eCe spray d'ambiance est formulé à base d'\u003cstrong\u003ehuiles essentielles de thym (\u003cem\u003eThymus vulgaris\u003c\/em\u003e) et de cannelle (\u003cem\u003eCinnamomum zeylanicum\u003c\/em\u003e)\u003c\/strong\u003e, dans un support aqueux sans alcool agressif. Aucun conservateur artificiel, aucun colorant : une formule transparente, respectueuse de votre intérieur et de l'environnement.\u003c\/p\u003e\n  \u003cp\u003eLa mention \u003cstrong\u003e« aux huiles essentielles 100 % pures et naturelles »\u003c\/strong\u003e apposée sur le flacon n'est pas un argument marketing vide : elle reflète un vrai choix de formulation, validé par des normes de production strictes appliquées en France.\u003c\/p\u003e\n  \u003cdiv class=\"soi-thca-compo\"\u003e\n    \u003cdiv class=\"soi-thca-compo-row\"\u003e\n      \u003cspan class=\"soi-thca-compo-label\"\u003eHuiles essentielles\u003c\/span\u003e\n      \u003cspan class=\"soi-thca-compo-value\"\u003eThym (\u003cem\u003eThymus vulgaris\u003c\/em\u003e) et Cannelle (\u003cem\u003eCinnamomum zeylanicum\u003c\/em\u003e)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-thca-compo-row\"\u003e\n      \u003cspan class=\"soi-thca-compo-label\"\u003eSupport\u003c\/span\u003e\n      \u003cspan class=\"soi-thca-compo-value\"\u003eAqueux, sans alcool agressif\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-thca-compo-row\"\u003e\n      \u003cspan class=\"soi-thca-compo-label\"\u003eFormulation\u003c\/span\u003e\n      \u003cspan class=\"soi-thca-compo-value\"\u003eSans conservateurs artificiels, sans colorant\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-thca-compo-row\"\u003e\n      \u003cspan class=\"soi-thca-compo-label\"\u003eFabrication\u003c\/span\u003e\n      \u003cspan class=\"soi-thca-compo-value\"\u003eFrance (Bourgogne)\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-thca-section\"\u003e\n  \u003ch2\u003eDans quelles situations utiliser ce spray d'ambiance ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-thca-benefits\"\u003e\n    \u003cdiv class=\"soi-thca-benefit\"\u003e\n      \u003cdiv class=\"soi-thca-benefit-icon\"\u003e\u003cspan\u003e❄️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eEn hiver\u003c\/h3\u003e\n      \u003cp\u003eDeux à trois pulvérisations dans le salon pour recréer une ambiance feu de cheminée, sans allumer une seule bougie.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-thca-benefit\"\u003e\n      \u003cdiv class=\"soi-thca-benefit-icon\"\u003e\u003cspan\u003e💼\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAu bureau\u003c\/h3\u003e\n      \u003cp\u003eLe thym stimule la concentration et l'énergie. Un spray discret en début de journée peut suffire à changer l'atmosphère de votre espace de travail.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-thca-benefit\"\u003e\n      \u003cdiv class=\"soi-thca-benefit-icon\"\u003e\u003cspan\u003e🚿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eSalle de bain ou toilettes\u003c\/h3\u003e\n      \u003cp\u003eUne alternative naturelle et efficace aux désodorisants conventionnels.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-thca-benefit\"\u003e\n      \u003cdiv class=\"soi-thca-benefit-icon\"\u003e\u003cspan\u003e🚗\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eEn voiture\u003c\/h3\u003e\n      \u003cp\u003eLe flacon compact se glisse facilement dans la boîte à gants pour une diffusion rapide entre deux trajets.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-thca-benefit\"\u003e\n      \u003cdiv class=\"soi-thca-benefit-icon\"\u003e\u003cspan\u003e🏠\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAvant de recevoir\u003c\/h3\u003e\n      \u003cp\u003eQuelques sprays suffisent à créer une atmosphère accueillante et mémorable dès l'entrée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-thca-section\"\u003e\n  \u003ch2\u003eCaractéristiques clés de l'Aromaspray Thym Cannelle\u003c\/h2\u003e\n  \u003cdiv class=\"soi-thca-grid-compact\"\u003e\n    \u003cdiv class=\"soi-thca-card-mini\"\u003e\n      \u003cspan class=\"soi-thca-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n      \u003cspan class=\"soi-thca-card-mini-label\"\u003eHuiles essentielles\u003c\/span\u003e\n      \u003cspan class=\"soi-thca-card-mini-value\"\u003e100 % pures et naturelles\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-thca-card-mini\"\u003e\n      \u003cspan class=\"soi-thca-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n      \u003cspan class=\"soi-thca-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n      \u003cspan class=\"soi-thca-card-mini-value\"\u003eFrance, Bourgogne\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-thca-card-mini\"\u003e\n      \u003cspan class=\"soi-thca-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n      \u003cspan class=\"soi-thca-card-mini-label\"\u003eFormule\u003c\/span\u003e\n      \u003cspan class=\"soi-thca-card-mini-value\"\u003eSans conservateurs ni additifs\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-thca-card-mini\"\u003e\n      \u003cspan class=\"soi-thca-card-mini-icon\"\u003e✨\u003c\/span\u003e\n      \u003cspan class=\"soi-thca-card-mini-label\"\u003eParfum\u003c\/span\u003e\n      \u003cspan class=\"soi-thca-card-mini-value\"\u003eTonique épicé\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-thca-card-mini\"\u003e\n      \u003cspan class=\"soi-thca-card-mini-icon\"\u003e💨\u003c\/span\u003e\n      \u003cspan class=\"soi-thca-card-mini-label\"\u003eFormat\u003c\/span\u003e\n      \u003cspan class=\"soi-thca-card-mini-value\"\u003eFlacon pulvérisateur\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-thca-card-mini\"\u003e\n      \u003cspan class=\"soi-thca-card-mini-icon\"\u003e🏡\u003c\/span\u003e\n      \u003cspan class=\"soi-thca-card-mini-label\"\u003eUsage\u003c\/span\u003e\n      \u003cspan class=\"soi-thca-card-mini-value\"\u003eMaison, bureau, voiture\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-thca-section\"\u003e\n  \u003ch2\u003eComment utiliser le spray d'ambiance Aromaspray ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-thca-timeline\"\u003e\n    \u003cdiv class=\"soi-thca-step\"\u003e\n      \u003cdiv class=\"soi-thca-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-thca-step-content\"\u003e\n        \u003ch3\u003eAgiter le flacon\u003c\/h3\u003e\n        \u003cp\u003eAgitez légèrement le flacon avant chaque utilisation pour bien mélanger les huiles essentielles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-thca-step\"\u003e\n      \u003cdiv class=\"soi-thca-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-thca-step-content\"\u003e\n        \u003ch3\u003eVaporiser 2 à 4 fois\u003c\/h3\u003e\n        \u003cp\u003eDirigez le spray vers le centre de la pièce ou en hauteur pour une diffusion optimale. Évitez de vaporiser directement sur les textiles clairs ou les surfaces délicates.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-thca-step\"\u003e\n      \u003cdiv class=\"soi-thca-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-thca-step-content\"\u003e\n        \u003ch3\u003ePrécautions\u003c\/h3\u003e\n        \u003cp\u003eGardez le flacon hors de portée des enfants et loin des sources de chaleur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-thca-tip\"\u003e\n    \u003cdiv class=\"soi-thca-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eCe produit est destiné à un usage olfactif atmosphérique uniquement. Il ne remplace pas un traitement médical.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-thca-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-thca-cta-box\"\u003e\n    \u003cp class=\"soi-thca-cta-tag\" style=\"color: white;\"\u003eUne brume épicée, une fabrique française, un geste simple\u003c\/p\u003e\n    \u003cp class=\"soi-thca-cta-text\" style=\"color: white;\"\u003eCertains sprays se contentent de parfumer. L'Aromaspray Thym Cannelle va plus loin : il transforme votre intérieur en un espace vivifiant et chaleureux, grâce à de vraies huiles essentielles aux vertus purifiantes.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-thca-marine: #1A2D3D;\n  --soi-thca-marine-dark: #0F1E2B;\n  --soi-thca-marine-light: #2C4458;\n  --soi-thca-pomme: #A1C544;\n  --soi-thca-pomme-dark: #84A636;\n  --soi-thca-pomme-light: rgba(161,197,68,0.10);\n  --soi-thca-white: #FFFFFF;\n  --soi-thca-off-white: #F8FAF6;\n  --soi-thca-stone: #F1F3EE;\n  --soi-thca-line: #E5E8E0;\n  --soi-thca-primary: #B5694A;\n  --soi-thca-primary-soft: #D4A88A;\n  --soi-thca-accent: #D88542;\n  --soi-thca-text: #1A2D3D;\n  --soi-thca-text-soft: #4A5B6B;\n  --soi-thca-text-muted: #7B8693;\n  --soi-thca-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-thca-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-thca-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-thca-radius: 12px;\n  --soi-thca-radius-sm: 8px;\n  --soi-thca-radius-pill: 999px;\n}\n\n.soi-thca-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-thca-fiche img { max-width: 100%; height: auto; }\n\n.soi-thca-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-thca-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-thca-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-thca-hero {\n  position: relative;\n  background: var(--soi-thca-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-thca-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-thca-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-thca-pomme);\n}\n\n.soi-thca-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-thca-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-thca-pomme);\n  border-radius: 50%;\n}\n\n.soi-thca-hero-title {\n  display: block;\n  color: var(--soi-thca-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-thca-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-thca-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-thca-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-thca-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-thca-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-thca-label-accent {\n  background: var(--soi-thca-pomme);\n  border-color: var(--soi-thca-pomme);\n  color: var(--soi-thca-marine);\n  font-weight: 600;\n}\n\n.soi-thca-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-thca-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-thca-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-thca-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-thca-pomme);\n  border-radius: 2px;\n}\n\n.soi-thca-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-thca-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-thca-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-thca-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-thca-benefit {\n  background: var(--soi-thca-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-thca-radius);\n  border: 1px solid var(--soi-thca-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-thca-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-thca-shadow-md);\n}\n\n.soi-thca-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-thca-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-thca-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-thca-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-thca-benefit:hover .soi-thca-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-thca-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-thca-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-thca-benefit p {\n  font-size: 13px;\n  color: var(--soi-thca-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-thca-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.soi-thca-card {\n  background: var(--soi-thca-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-thca-radius);\n  border-left: 3px solid var(--soi-thca-pomme);\n}\n\n.soi-thca-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-thca-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-thca-card p {\n  font-size: 14px;\n  color: var(--soi-thca-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-thca-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-thca-card-mini {\n  background: var(--soi-thca-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-thca-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-thca-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-thca-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-thca-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-thca-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-thca-marine);\n}\n\n.soi-thca-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-thca-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-thca-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-thca-radius);\n  border: 1px solid var(--soi-thca-line);\n  align-items: flex-start;\n}\n\n.soi-thca-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-thca-marine);\n  color: var(--soi-thca-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-thca-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-thca-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-thca-step-content p {\n  font-size: 14px;\n  color: var(--soi-thca-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-thca-compo {\n  background: var(--soi-thca-off-white);\n  border-radius: var(--soi-thca-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-top: 1.25rem;\n}\n\n.soi-thca-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-thca-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-thca-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-thca-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-thca-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-thca-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-thca-marine);\n  text-align: right;\n}\n\n.soi-thca-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-thca-pomme-light);\n  border-left: 4px solid var(--soi-thca-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-thca-radius) var(--soi-thca-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-thca-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-thca-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-thca-marine);\n  margin-bottom: 4px;\n}\n\n.soi-thca-tip p {\n  font-size: 14px;\n  color: var(--soi-thca-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-thca-cta-box {\n  background: var(--soi-thca-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-thca-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-thca-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-thca-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-thca-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-thca-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-thca-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-thca-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-thca-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-thca-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-thca-compo-value {\n    text-align: left;\n  }\n\n  .soi-thca-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-thca-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-thca-fiche {\n    --soi-thca-text-soft: #2C3E50;\n    --soi-thca-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61602722120010,"sku":"SC8550","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/spray-dambiance-thym-cannelle-aromaspray-packshot.webp?v=1779353678"},{"product_id":"aromaspray-ylang-bergamote","title":"Spray d'ambiance Ylang Bergamote - Aromaspray","description":"\u003cdiv class=\"soi-yberg-fiche\"\u003e\n\n  \u003csection class=\"soi-yberg-hero\"\u003e\n    \u003cdiv class=\"soi-yberg-hero-tag\"\u003e\n      \u003cspan class=\"soi-yberg-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie atmosphérique · Aromaspray\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-yberg-hero-title\"\u003eSpray d'ambiance Ylang Bergamote\u003c\/span\u003e\n    \u003cp class=\"soi-yberg-hero-subtitle\"\u003eUne synergie harmonisante et tonique aux huiles essentielles 100 % pures et naturelles, pour transformer votre intérieur en espace de bien-être.\u003c\/p\u003e\n    \u003cdiv class=\"soi-yberg-hero-labels\"\u003e\n      \u003cspan class=\"soi-yberg-label soi-yberg-label-accent\"\u003e100 % PURES ET NATURELLES\u003c\/span\u003e\n      \u003cspan class=\"soi-yberg-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-yberg-label\"\u003eSANS ALCOOL SYNTHÉTIQUE\u003c\/span\u003e\n      \u003cspan class=\"soi-yberg-label\"\u003eSANS CONSERVATEURS ARTIFICIELS\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-yberg-section\"\u003e\n    \u003ch2\u003eUne synergie olfactive pensée pour harmoniser votre espace\u003c\/h2\u003e\n    \u003cp class=\"soi-yberg-section-intro\"\u003eContrairement à un simple spray parfumé à base de fragrances synthétiques, l'Aromaspray Ylang Bergamote tire sa puissance d'une formule entièrement naturelle. Chaque ingrédient a été sélectionné pour son profil aromatique et ses vertus reconnues en aromathérapie.\u003c\/p\u003e\n    \u003cdiv class=\"soi-yberg-grid\"\u003e\n      \u003cdiv class=\"soi-yberg-card\"\u003e\n        \u003ch3\u003e🌸 Ylang-ylang\u003c\/h3\u003e\n        \u003cp\u003eFleur emblématique aux propriétés relaxantes et équilibrantes, elle adoucit les tensions et enveloppe la pièce d'une note florale chaleureuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-yberg-card\"\u003e\n        \u003ch3\u003e🍋 Bergamote\u003c\/h3\u003e\n        \u003cp\u003eAgrume tonique et revitalisant, elle apporte fraîcheur, légèreté et une énergie positive immédiate dans votre espace de vie.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-yberg-card\"\u003e\n        \u003ch3\u003e🌿 Lemongrass\u003c\/h3\u003e\n        \u003cp\u003ePurifiante et dynamisante, elle renforce l'assainissement de l'air avec sa note herbacée et citronnée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-yberg-card\"\u003e\n        \u003ch3\u003e🍊 Orange douce\u003c\/h3\u003e\n        \u003cp\u003eChaleureuse et joyeuse, elle arrondit le mélange et installe une ambiance conviviale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-yberg-card\"\u003e\n        \u003ch3\u003e🌱 Petitgrain\u003c\/h3\u003e\n        \u003cp\u003eFraîche et légèrement boisée, elle apporte profondeur et équilibre à la synergie.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-yberg-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets de ce spray d'ambiance maison\u003c\/h2\u003e\n    \u003cdiv class=\"soi-yberg-benefits\"\u003e\n      \u003cdiv class=\"soi-yberg-benefit\"\u003e\n        \u003cdiv class=\"soi-yberg-benefit-icon\"\u003e\u003cspan\u003e🧘\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eDétente et apaisement\u003c\/h3\u003e\n        \u003cp\u003eL'ylang-ylang calme le mental après une journée chargée. Quelques sprays suffisent à créer une bulle de sérénité dans votre salon ou votre chambre.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-yberg-benefit\"\u003e\n        \u003cdiv class=\"soi-yberg-benefit-icon\"\u003e\u003cspan\u003e🌬️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePurification de l'air\u003c\/h3\u003e\n        \u003cp\u003eLes huiles essentielles neutralisent les mauvaises odeurs en profondeur, sans masquer : elles assainissent réellement l'air ambiant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-yberg-benefit\"\u003e\n        \u003cdiv class=\"soi-yberg-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eÉnergie positive\u003c\/h3\u003e\n        \u003cp\u003eLa bergamote et l'orange douce revitalisent l'atmosphère et apportent une touche de bonne humeur, idéale le matin ou avant de recevoir des invités.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-yberg-benefit\"\u003e\n        \u003cdiv class=\"soi-yberg-benefit-icon\"\u003e\u003cspan\u003e☯️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHarmonie de l'espace\u003c\/h3\u003e\n        \u003cp\u003eLa synergie complète équilibre les ambiances et crée une atmosphère harmonieuse, que ce soit au bureau, dans la chambre ou dans le salon.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-yberg-section\"\u003e\n    \u003ch2\u003eComment utiliser votre spray d'ambiance Aromaspray ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-yberg-timeline\"\u003e\n      \u003cdiv class=\"soi-yberg-step\"\u003e\n        \u003cdiv class=\"soi-yberg-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-yberg-step-content\"\u003e\n          \u003ch3\u003eAgitez légèrement\u003c\/h3\u003e\n          \u003cp\u003eSecouez le flacon avant chaque utilisation pour homogénéiser les huiles essentielles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-yberg-step\"\u003e\n        \u003cdiv class=\"soi-yberg-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-yberg-step-content\"\u003e\n          \u003ch3\u003eVaporisez 2 à 4 fois\u003c\/h3\u003e\n          \u003cp\u003eDirigez le spray vers le centre ou les coins de la pièce, à hauteur de buste.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-yberg-step\"\u003e\n        \u003cdiv class=\"soi-yberg-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-yberg-step-content\"\u003e\n          \u003ch3\u003eÉvitez le contact direct\u003c\/h3\u003e\n          \u003cp\u003eNe pas diriger vers les yeux, les surfaces délicates et les textiles clairs. Ne pas utiliser sur la peau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-yberg-step\"\u003e\n        \u003cdiv class=\"soi-yberg-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-yberg-step-content\"\u003e\n          \u003ch3\u003eRenouvelez selon vos besoins\u003c\/h3\u003e\n          \u003cp\u003eMatin et soir, ou à chaque fois que vous souhaitez renouveler l'atmosphère de votre intérieur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-yberg-section\"\u003e\n    \u003ch2\u003eCaractéristiques du produit\u003c\/h2\u003e\n    \u003cdiv class=\"soi-yberg-compo\"\u003e\n      \u003cdiv class=\"soi-yberg-compo-row\"\u003e\n        \u003cspan class=\"soi-yberg-compo-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"soi-yberg-compo-value\"\u003eVaporisateur pratique, facile à emporter partout\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-yberg-compo-row\"\u003e\n        \u003cspan class=\"soi-yberg-compo-label\"\u003eComposition\u003c\/span\u003e\n        \u003cspan class=\"soi-yberg-compo-value\"\u003eYlang-ylang, Bergamote, Lemongrass, Orange douce, Petitgrain\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-yberg-compo-row\"\u003e\n        \u003cspan class=\"soi-yberg-compo-label\"\u003eQualité\u003c\/span\u003e\n        \u003cspan class=\"soi-yberg-compo-value\"\u003eHuiles essentielles 100 % pures et naturelles\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-yberg-compo-row\"\u003e\n        \u003cspan class=\"soi-yberg-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-yberg-compo-value\"\u003eFrance, Bourgogne\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-yberg-compo-row\"\u003e\n        \u003cspan class=\"soi-yberg-compo-label\"\u003eUsage recommandé\u003c\/span\u003e\n        \u003cspan class=\"soi-yberg-compo-value\"\u003eSalon, chambre, bureau, salle de bain, véhicule\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-yberg-tip\"\u003e\n      \u003cdiv class=\"soi-yberg-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eQuelques vaporisations dans votre salon avant un moment de détente ou dans votre chambre avant le coucher suffisent à transformer l'atmosphère. Un geste simple pour un bien-être quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-yberg-section\"\u003e\n    \u003cdiv class=\"soi-yberg-accordion\"\u003e\n      \u003cdetails class=\"soi-yberg-accordion-item\"\u003e\n        \u003csummary class=\"soi-yberg-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-yberg-accordion-content\"\u003e\n          \u003cp\u003eCe produit est destiné à un usage olfactif et atmosphérique uniquement. Il ne constitue pas un traitement médical et ne remplace en aucun cas un avis professionnel de santé. Tenir hors de portée des enfants. Éviter l'inhalation directe prolongée. Ne pas utiliser sur la peau. Éviter le contact avec les yeux, les surfaces délicates et les textiles clairs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-yberg-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-yberg-cta-box\"\u003e\n      \u003cp class=\"soi-yberg-cta-tag\" style=\"color: white;\"\u003eVotre rituel d'aromathérapie au quotidien\u003c\/p\u003e\n      \u003cp class=\"soi-yberg-cta-text\" style=\"color: white;\"\u003eOffrez-vous chaque jour une parenthèse de douceur et de vitalité. Quelques sprays suffisent pour que votre intérieur devienne un véritable espace de bien-être, 100 % naturel.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-yberg-marine: #1A2D3D;\n  --soi-yberg-marine-dark: #0F1E2B;\n  --soi-yberg-marine-light: #2C4458;\n  --soi-yberg-pomme: #A1C544;\n  --soi-yberg-pomme-dark: #84A636;\n  --soi-yberg-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-yberg-white: #FFFFFF;\n  --soi-yberg-off-white: #F8FAF6;\n  --soi-yberg-stone: #F1F3EE;\n  --soi-yberg-line: #E5E8E0;\n\n  --soi-yberg-primary: #5C3D6E;\n  --soi-yberg-primary-soft: #7A5A8E;\n  --soi-yberg-accent: #C9547A;\n\n  --soi-yberg-text: #1A2D3D;\n  --soi-yberg-text-soft: #4A5B6B;\n  --soi-yberg-text-muted: #7B8693;\n\n  --soi-yberg-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-yberg-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-yberg-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-yberg-radius: 12px;\n  --soi-yberg-radius-sm: 8px;\n  --soi-yberg-radius-pill: 999px;\n}\n\n.soi-yberg-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-yberg-fiche img { max-width: 100%; height: auto; }\n\n.soi-yberg-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-yberg-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-yberg-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-yberg-hero {\n  position: relative;\n  background: var(--soi-yberg-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-yberg-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-yberg-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-yberg-pomme);\n}\n\n.soi-yberg-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-yberg-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-yberg-pomme);\n  border-radius: 50%;\n}\n\n.soi-yberg-hero-title {\n  display: block;\n  color: var(--soi-yberg-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-yberg-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-yberg-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-yberg-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-yberg-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-yberg-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-yberg-label-accent {\n  background: var(--soi-yberg-pomme);\n  border-color: var(--soi-yberg-pomme);\n  color: var(--soi-yberg-marine);\n  font-weight: 600;\n}\n\n.soi-yberg-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-yberg-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-yberg-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-yberg-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-yberg-pomme);\n  border-radius: 2px;\n}\n\n.soi-yberg-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-yberg-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-yberg-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-yberg-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-yberg-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-yberg-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-yberg-benefit {\n  background: var(--soi-yberg-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-yberg-radius);\n  border: 1px solid var(--soi-yberg-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-yberg-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-yberg-shadow-md);\n}\n\n.soi-yberg-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-yberg-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-yberg-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-yberg-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-yberg-benefit:hover .soi-yberg-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-yberg-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-yberg-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-yberg-benefit p {\n  font-size: 13px;\n  color: var(--soi-yberg-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-yberg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-yberg-card {\n  background: var(--soi-yberg-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-yberg-radius);\n  border-left: 3px solid var(--soi-yberg-pomme);\n}\n\n.soi-yberg-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-yberg-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-yberg-card p {\n  font-size: 14px;\n  color: var(--soi-yberg-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-yberg-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-yberg-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-yberg-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-yberg-radius);\n  border: 1px solid var(--soi-yberg-line);\n  align-items: flex-start;\n}\n\n.soi-yberg-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-yberg-marine);\n  color: var(--soi-yberg-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-yberg-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-yberg-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-yberg-step-content p {\n  font-size: 14px;\n  color: var(--soi-yberg-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-yberg-compo {\n  background: var(--soi-yberg-off-white);\n  border-radius: var(--soi-yberg-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.soi-yberg-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-yberg-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-yberg-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-yberg-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-yberg-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-yberg-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-yberg-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-yberg-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-yberg-pomme-light);\n  border-left: 4px solid var(--soi-yberg-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-yberg-radius) var(--soi-yberg-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-yberg-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-yberg-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-yberg-marine);\n  margin-bottom: 4px;\n}\n\n.soi-yberg-tip p {\n  font-size: 14px;\n  color: var(--soi-yberg-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-yberg-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-yberg-accordion-item {\n  background: var(--soi-yberg-off-white);\n  border-radius: var(--soi-yberg-radius-sm);\n  border: 1px solid var(--soi-yberg-line);\n  overflow: hidden;\n}\n\n.soi-yberg-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-yberg-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-yberg-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-yberg-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-yberg-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-yberg-accordion-item[open] .soi-yberg-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-yberg-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-yberg-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-yberg-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-yberg-cta-box {\n  background: var(--soi-yberg-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-yberg-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-yberg-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-yberg-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-yberg-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-yberg-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-yberg-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-yberg-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-yberg-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-yberg-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-yberg-compo-value {\n    text-align: left;\n  }\n\n  .soi-yberg-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-yberg-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-yberg-benefits {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-yberg-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-yberg-fiche {\n    --soi-yberg-text-soft: #2C3E50;\n    --soi-yberg-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61602728444234,"sku":"SC8555","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/aromaspray_sc8555_ylang_bergamote.jpg?v=1776155103"},{"product_id":"aromaspray-arbre-the-ravintsara","title":"Spray d’ambiance Arbre à thé Ravintsara - Aromaspray","description":"\u003cdiv class=\"soi-athr-fiche\"\u003e\n\n\u003csection class=\"soi-athr-hero\"\u003e\n  \u003cdiv class=\"soi-athr-hero-tag\"\u003e\n    \u003cspan class=\"soi-athr-tag-dot\"\u003e\u003c\/span\u003e\n    Aromathérapie atmosphérique · Aromaspray\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-athr-hero-title\"\u003eSpray d'ambiance Arbre à thé Ravintsara\u003c\/span\u003e\n  \u003cp class=\"soi-athr-hero-subtitle\"\u003eUn bouclier protecteur aux 7 huiles essentielles 100 % pures et naturelles pour purifier l'air, neutraliser les germes et envelopper votre intérieur d'une atmosphère fraîche et vivifiante.\u003c\/p\u003e\n  \u003cdiv class=\"soi-athr-hero-labels\"\u003e\n    \u003cspan class=\"soi-athr-label soi-athr-label-accent\"\u003e100 % NATUREL\u003c\/span\u003e\n    \u003cspan class=\"soi-athr-label\"\u003eHUILES ESSENTIELLES PURES\u003c\/span\u003e\n    \u003cspan class=\"soi-athr-label\"\u003eFABRIQUÉ EN BOURGOGNE\u003c\/span\u003e\n    \u003cspan class=\"soi-athr-label\"\u003eMULTIUSAGE\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-athr-section\"\u003e\n  \u003ch2\u003eUne synergie de 7 huiles essentielles, choisies pour leur efficacité\u003c\/h2\u003e\n  \u003cp class=\"soi-athr-section-intro\"\u003eChaque ingrédient de ce spray a été sélectionné pour son rôle précis dans la purification atmosphérique.\u003c\/p\u003e\n  \u003cdiv class=\"soi-athr-grid\"\u003e\n    \u003cdiv class=\"soi-athr-card\"\u003e\n      \u003ch3\u003e🌿 Arbre à thé (Tea Tree)\u003c\/h3\u003e\n      \u003cp\u003eRéférence en aromathérapie pour ses propriétés antibactériennes et antiseptiques reconnues. Il assainit l'air en profondeur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-athr-card\"\u003e\n      \u003ch3\u003e🛡️ Ravintsara\u003c\/h3\u003e\n      \u003cp\u003eL'huile essentielle star des périodes hivernales, appréciée pour ses effets antiviraux et immunostimulants. Elle complète idéalement l'arbre à thé.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-athr-card\"\u003e\n      \u003ch3\u003e🔥 Origan\u003c\/h3\u003e\n      \u003cp\u003ePuissant actif naturel aux vertus antimicrobiennes, il renforce l'action purifiante de la formule.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-athr-card\"\u003e\n      \u003ch3\u003e💧 Niaouli\u003c\/h3\u003e\n      \u003cp\u003eCousin de l'arbre à thé, il amplifie l'action assainissante et apporte une note fraîche et légèrement camphrée.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-athr-card\"\u003e\n      \u003ch3\u003e🍊 Orange douce\u003c\/h3\u003e\n      \u003cp\u003eUne touche agrumée ensoleillée qui équilibre la formule et rend l'espace accueillant.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-athr-card\"\u003e\n      \u003ch3\u003e🌬️ Menthe poivrée\u003c\/h3\u003e\n      \u003cp\u003eVivifiante et rafraîchissante, elle éveille les sens et dynamise l'atmosphère.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-athr-card\"\u003e\n      \u003ch3\u003e🌲 Bois de cèdre\u003c\/h3\u003e\n      \u003cp\u003eUne note boisée apaisante qui ancre la fragrance et lui donne de la profondeur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-athr-section\"\u003e\n  \u003ch2\u003eÀ quoi sert concrètement ce spray assainissant naturel ?\u003c\/h2\u003e\n  \u003cp class=\"soi-athr-section-intro\"\u003eCe spray d'ambiance répond à des situations du quotidien que vous connaissez bien.\u003c\/p\u003e\n  \u003cdiv class=\"soi-athr-benefits\"\u003e\n    \u003cdiv class=\"soi-athr-benefit\"\u003e\n      \u003cdiv class=\"soi-athr-benefit-icon\"\u003e\u003cspan\u003e🤒\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAprès une période de maladie\u003c\/h3\u003e\n      \u003cp\u003eAssainissez l'air d'une chambre ou d'un salon en quelques secondes.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-athr-benefit\"\u003e\n      \u003cdiv class=\"soi-athr-benefit-icon\"\u003e\u003cspan\u003e❄️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eEn hiver ou aux intersaisons\u003c\/h3\u003e\n      \u003cp\u003eCréez un environnement atmosphérique plus sain, en prévention des virus saisonniers.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-athr-benefit\"\u003e\n      \u003cdiv class=\"soi-athr-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eÉliminer les mauvaises odeurs\u003c\/h3\u003e\n      \u003cp\u003eCuisine, tabac, animaux de compagnie : les huiles essentielles neutralisent réellement les odeurs plutôt que de les masquer.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-athr-benefit\"\u003e\n      \u003cdiv class=\"soi-athr-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eInstaurer le bien-être\u003c\/h3\u003e\n      \u003cp\u003eAu bureau, dans la voiture ou à la maison, quelques sprays suffisent à transformer l'ambiance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-athr-section\"\u003e\n  \u003ch2\u003eComment utiliser l'Aromaspray Arbre à thé Ravintsara ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-athr-timeline\"\u003e\n    \u003cdiv class=\"soi-athr-step\"\u003e\n      \u003cdiv class=\"soi-athr-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-athr-step-content\"\u003e\n        \u003ch3\u003eSur votre masque ou mouchoir\u003c\/h3\u003e\n        \u003cp\u003e1 à 2 pulvérisations suffisent pour une inhalation directe des actifs aromatiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-athr-step\"\u003e\n      \u003cdiv class=\"soi-athr-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-athr-step-content\"\u003e\n        \u003ch3\u003eDans la pièce\u003c\/h3\u003e\n        \u003cp\u003eVaporisez en hauteur, portes fermées, et laissez agir quelques minutes avant de ventiler.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-athr-step\"\u003e\n      \u003cdiv class=\"soi-athr-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-athr-step-content\"\u003e\n        \u003ch3\u003eSur votre oreiller\u003c\/h3\u003e\n        \u003cp\u003e1 pulvérisation avant le coucher pour une nuit dans une atmosphère purifiée et apaisante.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-athr-tip\"\u003e\n    \u003cdiv class=\"soi-athr-tip-icon\"\u003e⚠️\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003ePrécautions d'emploi\u003c\/strong\u003e\n      \u003cp\u003eNe pas pulvériser directement sur la peau ou dans les yeux. Tenir hors de portée des enfants de moins de 6 ans. Déconseillé aux femmes enceintes sans avis médical. Ce produit ne se substitue à aucun traitement médical.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-athr-section\"\u003e\n  \u003ch2\u003eCe qui distingue Aromaspray de la concurrence\u003c\/h2\u003e\n  \u003cdiv class=\"soi-athr-grid-compact\"\u003e\n    \u003cdiv class=\"soi-athr-card-mini\"\u003e\n      \u003cspan class=\"soi-athr-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n      \u003cspan class=\"soi-athr-card-mini-label\"\u003eFormule\u003c\/span\u003e\n      \u003cspan class=\"soi-athr-card-mini-value\"\u003e100 % naturel\u003c\/span\u003e\n      \u003cspan class=\"soi-athr-card-mini-desc\"\u003eAucun conservateur ni additif artificiel\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-athr-card-mini\"\u003e\n      \u003cspan class=\"soi-athr-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n      \u003cspan class=\"soi-athr-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n      \u003cspan class=\"soi-athr-card-mini-value\"\u003eBourgogne, France\u003c\/span\u003e\n      \u003cspan class=\"soi-athr-card-mini-desc\"\u003eQualité française garantie\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-athr-card-mini\"\u003e\n      \u003cspan class=\"soi-athr-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n      \u003cspan class=\"soi-athr-card-mini-label\"\u003eUsage\u003c\/span\u003e\n      \u003cspan class=\"soi-athr-card-mini-value\"\u003eMultiusage\u003c\/span\u003e\n      \u003cspan class=\"soi-athr-card-mini-desc\"\u003eMasque, mouchoir, oreiller, pièce\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-athr-card-mini\"\u003e\n      \u003cspan class=\"soi-athr-card-mini-icon\"\u003e✅\u003c\/span\u003e\n      \u003cspan class=\"soi-athr-card-mini-label\"\u003ePraticité\u003c\/span\u003e\n      \u003cspan class=\"soi-athr-card-mini-value\"\u003ePrêt à l'emploi\u003c\/span\u003e\n      \u003cspan class=\"soi-athr-card-mini-desc\"\u003ePas de diffuseur nécessaire\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-athr-section\"\u003e\n  \u003ch2\u003eQuestions fréquentes sur ce spray d'ambiance\u003c\/h2\u003e\n  \u003cdiv class=\"soi-athr-accordion\"\u003e\n    \u003cdetails class=\"soi-athr-accordion-item\"\u003e\n      \u003csummary class=\"soi-athr-accordion-header\"\u003e💬 Peut-on utiliser ce spray tous les jours ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-athr-accordion-content\"\u003e\n        \u003cp\u003eOui, son format pratique et sa formule naturelle le rendent parfaitement adapté à un usage quotidien, en intérieur comme en déplacement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-athr-accordion-item\"\u003e\n      \u003csummary class=\"soi-athr-accordion-header\"\u003e🔬 Quelle est la différence entre arbre à thé et ravintsara ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-athr-accordion-content\"\u003e\n        \u003cp\u003eL'arbre à thé agit principalement sur les bactéries et champignons, tandis que le ravintsara est reconnu pour son action antivirale et son soutien immunitaire. Ensemble, ils forment un duo particulièrement complémentaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-athr-accordion-item\"\u003e\n      \u003csummary class=\"soi-athr-accordion-header\"\u003e🌀 Ce spray peut-il remplacer un diffuseur d'huiles essentielles ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-athr-accordion-content\"\u003e\n        \u003cp\u003eIl constitue une alternative immédiate et sans matériel, idéale en déplacement ou pour une utilisation rapide au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-athr-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-athr-cta-box\"\u003e\n    \u003cp class=\"soi-athr-cta-tag\" style=\"color: white;\"\u003ePurifiez votre intérieur, naturellement\u003c\/p\u003e\n    \u003cp class=\"soi-athr-cta-text\" style=\"color: white;\"\u003eQuand l'hiver pointe le bout de son nez ou que l'air de la maison semble lourd, l'Aromaspray Arbre à thé Ravintsara devient votre allié de confiance. Un geste simple, un résultat immédiat, la puissance douce des huiles essentielles dans chaque flacon.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-athr-marine: #1A2D3D;\n  --soi-athr-marine-dark: #0F1E2B;\n  --soi-athr-marine-light: #2C4458;\n  --soi-athr-pomme: #A1C544;\n  --soi-athr-pomme-dark: #84A636;\n  --soi-athr-pomme-light: rgba(161,197,68,0.10);\n  --soi-athr-white: #FFFFFF;\n  --soi-athr-off-white: #F8FAF6;\n  --soi-athr-stone: #F1F3EE;\n  --soi-athr-line: #E5E8E0;\n  --soi-athr-primary: #7A9A8E;\n  --soi-athr-primary-soft: #D4E4DD;\n  --soi-athr-accent: #2D4A3E;\n  --soi-athr-text: #1A2D3D;\n  --soi-athr-text-soft: #4A5B6B;\n  --soi-athr-text-muted: #7B8693;\n  --soi-athr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-athr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-athr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-athr-radius: 12px;\n  --soi-athr-radius-sm: 8px;\n  --soi-athr-radius-pill: 999px;\n}\n\n.soi-athr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-athr-fiche img { max-width: 100%; height: auto; }\n\n.soi-athr-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-athr-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-athr-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-athr-hero {\n  position: relative;\n  background: var(--soi-athr-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-athr-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-athr-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-athr-pomme);\n}\n\n.soi-athr-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-athr-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-athr-pomme);\n  border-radius: 50%;\n}\n\n.soi-athr-hero-title {\n  display: block;\n  color: var(--soi-athr-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-athr-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-athr-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-athr-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-athr-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-athr-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-athr-label-accent {\n  background: var(--soi-athr-pomme);\n  border-color: var(--soi-athr-pomme);\n  color: var(--soi-athr-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-athr-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-athr-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-athr-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-athr-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-athr-pomme);\n  border-radius: 2px;\n}\n\n.soi-athr-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-athr-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-athr-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-athr-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-athr-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-athr-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-athr-benefit {\n  background: var(--soi-athr-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-athr-radius);\n  border: 1px solid var(--soi-athr-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-athr-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-athr-shadow-md);\n}\n\n.soi-athr-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-athr-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-athr-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-athr-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-athr-benefit:hover .soi-athr-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-athr-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-athr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-athr-benefit p {\n  font-size: 13px;\n  color: var(--soi-athr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-athr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-athr-card {\n  background: var(--soi-athr-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-athr-radius);\n  border-left: 3px solid var(--soi-athr-pomme);\n}\n\n.soi-athr-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-athr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-athr-card p {\n  font-size: 14px;\n  color: var(--soi-athr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-athr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-athr-card-mini {\n  background: var(--soi-athr-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-athr-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-athr-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-athr-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-athr-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-athr-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-athr-marine);\n}\n\n.soi-athr-card-mini-desc {\n  font-size: 12px;\n  color: var(--soi-athr-text-soft);\n  line-height: 1.4;\n  margin-top: 2px;\n}\n\n\/* === TIMELINE === *\/\n.soi-athr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-athr-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-athr-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-athr-radius);\n  border: 1px solid var(--soi-athr-line);\n  align-items: flex-start;\n}\n\n.soi-athr-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-athr-marine);\n  color: var(--soi-athr-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-athr-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-athr-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-athr-step-content p {\n  font-size: 14px;\n  color: var(--soi-athr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-athr-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-athr-pomme-light);\n  border-left: 4px solid var(--soi-athr-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-athr-radius) var(--soi-athr-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-athr-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-athr-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-athr-marine);\n  margin-bottom: 4px;\n}\n\n.soi-athr-tip p {\n  font-size: 14px;\n  color: var(--soi-athr-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-athr-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-athr-accordion-item {\n  background: var(--soi-athr-off-white);\n  border-radius: var(--soi-athr-radius-sm);\n  border: 1px solid var(--soi-athr-line);\n  overflow: hidden;\n}\n\n.soi-athr-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-athr-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-athr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-athr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-athr-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-athr-accordion-item[open] .soi-athr-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-athr-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-athr-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-athr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-athr-cta-box {\n  background: var(--soi-athr-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-athr-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-athr-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-athr-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-athr-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-athr-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-athr-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-athr-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-athr-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-athr-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-athr-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-athr-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .soi-athr-benefits {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (max-width: 420px) {\n  .soi-athr-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-athr-grid-compact {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-athr-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-athr-fiche {\n    --soi-athr-text-soft: #2C3E50;\n    --soi-athr-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61602733261130,"sku":"SC8560","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/spray-dambiance-arbre-a-the-ravintsara-aromaspray-packshot.webp?v=1779359820"},{"product_id":"aromaspray-sauge-citronnelle","title":"Spray d'ambiance Sauge Citronnelle - Aromaspray","description":"\u003cdiv class=\"soi-sagc-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-sagc-hero\"\u003e\n    \u003cdiv class=\"soi-sagc-hero-tag\"\u003e\n      \u003cspan class=\"soi-sagc-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie atmosphérique · Aromaspray\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-sagc-hero-title\"\u003eSpray d'ambiance Sauge Citronnelle\u003c\/span\u003e\n    \u003cp class=\"soi-sagc-hero-subtitle\"\u003eUn spray d'ambiance formulé exclusivement à base d'huiles essentielles pures et naturelles, distillées en Bourgogne, pour purifier, rafraîchir et protéger votre intérieur en un seul geste.\u003c\/p\u003e\n    \u003cdiv class=\"soi-sagc-hero-labels\"\u003e\n      \u003cspan class=\"soi-sagc-label soi-sagc-label-accent\"\u003e100% NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-sagc-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-sagc-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-sagc-label\"\u003eSANS ALCOOL\u003c\/span\u003e\n      \u003cspan class=\"soi-sagc-label\"\u003eHE PURES\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : Intro --\u003e\n  \u003csection class=\"soi-sagc-section\"\u003e\n    \u003ch2\u003eSpray d'ambiance Sauge Citronnelle aux huiles essentielles 100% pures\u003c\/h2\u003e\n    \u003cp\u003eVous cherchez un \u003cstrong\u003espray d'ambiance maison\u003c\/strong\u003e vraiment naturel, sans alcool agressif ni fragrance synthétique ? L'\u003cstrong\u003eAromaspray Sauge Citronnelle\u003c\/strong\u003e est formulé exclusivement à base d'huiles essentielles pures et naturelles, distillées en Bourgogne. Un seul geste suffit pour transformer l'atmosphère d'une pièce : l'air se purifie, les odeurs désagréables disparaissent, et une fraîcheur herbacée et citronnée s'installe durablement.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Composition --\u003e\n  \u003csection class=\"soi-sagc-section\"\u003e\n    \u003ch2\u003eComposition complète du spray\u003c\/h2\u003e\n    \u003cp class=\"soi-sagc-section-intro\"\u003eCe spray d'ambiance aux huiles essentielles tire sa puissance d'une synergie de plantes soigneusement sélectionnées :\u003c\/p\u003e\n    \u003cdiv class=\"soi-sagc-grid\"\u003e\n      \u003cdiv class=\"soi-sagc-card\"\u003e\n        \u003ch3\u003e🌿 Sauge officinale\u003c\/h3\u003e\n        \u003cp\u003ePurifiante et assainissante, elle neutralise les germes en suspension et élimine les mauvaises odeurs à la source.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sagc-card\"\u003e\n        \u003ch3\u003e🍋 Citronnelle\u003c\/h3\u003e\n        \u003cp\u003eNote fraîche et vivifiante, reconnue pour son action répulsive naturelle contre les insectes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sagc-card\"\u003e\n        \u003ch3\u003e🌱 Eucalyptus citriodora\u003c\/h3\u003e\n        \u003cp\u003eRenforce l'action purifiante avec une touche citronnée et aérienne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sagc-card\"\u003e\n        \u003ch3\u003e🌸 Géranium\u003c\/h3\u003e\n        \u003cp\u003eApporte une note florale douce et favorise une atmosphère apaisante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sagc-card\"\u003e\n        \u003ch3\u003e💜 Lavandin\u003c\/h3\u003e\n        \u003cp\u003eComplète la formule avec ses propriétés relaxantes et son parfum familier.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sagc-card\"\u003e\n        \u003ch3\u003e🧊 Menthe poivrée\u003c\/h3\u003e\n        \u003cp\u003eDynamisante, elle ajoute une fraîcheur instantanée et vivifiante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sagc-card\"\u003e\n        \u003ch3\u003e🍊 Orange douce\u003c\/h3\u003e\n        \u003cp\u003eNote chaude et enveloppante qui équilibre la synergie et rend l'ensemble agréable à diffuser.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-sagc-tip\"\u003e\n      \u003cdiv class=\"soi-sagc-tip-icon\"\u003e✅\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eEngagement qualité\u003c\/strong\u003e\n        \u003cp\u003eAucun conservateur artificiel, aucun propulseur chimique. 100% naturel, fabriqué en France.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : Utilisations --\u003e\n  \u003csection class=\"soi-sagc-section\"\u003e\n    \u003ch2\u003eÀ quoi sert concrètement ce spray d'ambiance ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-sagc-benefits\"\u003e\n      \u003cdiv class=\"soi-sagc-benefit\"\u003e\n        \u003cdiv class=\"soi-sagc-benefit-icon\"\u003e\u003cspan\u003e🏠\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAssainir l'air intérieur\u003c\/h3\u003e\n        \u003cp\u003eIdéal après la cuisine, dans une pièce confinée ou dans un espace régulièrement fréquenté.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sagc-benefit\"\u003e\n        \u003cdiv class=\"soi-sagc-benefit-icon\"\u003e\u003cspan\u003e🦟\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eÉloigner les insectes naturellement\u003c\/h3\u003e\n        \u003cp\u003eLa citronnelle et l'eucalyptus citriodora créent une barrière olfactive dissuasive, sans produits chimiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sagc-benefit\"\u003e\n        \u003cdiv class=\"soi-sagc-benefit-icon\"\u003e\u003cspan\u003e💨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eRafraîchir et purifier\u003c\/h3\u003e\n        \u003cp\u003eUne pulvérisation suffit pour renouveler l'atmosphère d'une chambre, d'un bureau ou d'une voiture.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sagc-benefit\"\u003e\n        \u003cdiv class=\"soi-sagc-benefit-icon\"\u003e\u003cspan\u003e🧘\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFavoriser la détente\u003c\/h3\u003e\n        \u003cp\u003eLe géranium et le lavandin apportent une dimension apaisante, parfaite en fin de journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Mode d'emploi --\u003e\n  \u003csection class=\"soi-sagc-section\"\u003e\n    \u003ch2\u003eComment utiliser l'Aromaspray Sauge Citronnelle ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-sagc-timeline\"\u003e\n      \u003cdiv class=\"soi-sagc-step\"\u003e\n        \u003cdiv class=\"soi-sagc-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-sagc-step-content\"\u003e\n          \u003ch3\u003ePréparez le flacon\u003c\/h3\u003e\n          \u003cp\u003eAgitez légèrement le flacon avant chaque utilisation pour homogénéiser la synergie d'huiles essentielles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sagc-step\"\u003e\n        \u003cdiv class=\"soi-sagc-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-sagc-step-content\"\u003e\n          \u003ch3\u003eVaporisez dans l'air\u003c\/h3\u003e\n          \u003cp\u003eEffectuez 2 à 3 pressions dans l'air de la pièce, à hauteur moyenne, en orientant le spray vers le centre de la pièce. Évitez les surfaces délicates, les textiles clairs et les yeux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sagc-step\"\u003e\n        \u003cdiv class=\"soi-sagc-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-sagc-step-content\"\u003e\n          \u003ch3\u003eLaissez agir\u003c\/h3\u003e\n          \u003cp\u003eLaissez les huiles essentielles se disperser naturellement dans l'atmosphère. Convient pour le salon, la chambre, les toilettes, le bureau ou l'habitacle d'une voiture.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-sagc-accordion\"\u003e\n      \u003cdetails class=\"soi-sagc-accordion-item\"\u003e\n        \u003csummary class=\"soi-sagc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-sagc-accordion-content\"\u003e\n          \u003cp\u003eDéconseillé en présence de nourrissons, de femmes enceintes ou d'animaux sensibles aux huiles essentielles. Ce produit n'est pas un médicament et ne remplace pas un avis médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 : Pourquoi choisir Aromaspray --\u003e\n  \u003csection class=\"soi-sagc-section\"\u003e\n    \u003ch2\u003ePourquoi choisir Aromaspray plutôt qu'un spray d'ambiance classique ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-sagc-grid\"\u003e\n      \u003cdiv class=\"soi-sagc-card\"\u003e\n        \u003ch3\u003e🌿 Pureté garantie\u003c\/h3\u003e\n        \u003cp\u003eHuiles essentielles 100% pures et naturelles, sans alcool dénaturé ni parfum de synthèse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sagc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en Bourgogne, avec des sourcing responsables et traçables.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sagc-card\"\u003e\n        \u003ch3\u003e🌍 Formule écoresponsable\u003c\/h3\u003e\n        \u003cp\u003eFormule vegan et écoresponsable, respectueuse de votre intérieur et de l'environnement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sagc-card\"\u003e\n        \u003ch3\u003e✨ Diffusion instantanée\u003c\/h3\u003e\n        \u003cp\u003eGrâce au vaporisateur de précision, sans effort ni matériel supplémentaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sagc-card\"\u003e\n        \u003ch3\u003e💚 Parfum unique\u003c\/h3\u003e\n        \u003cp\u003eVif, frais et protecteur, bien différent des sprays d'ambiance génériques disponibles en grande surface.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 : Caractéristiques techniques --\u003e\n  \u003csection class=\"soi-sagc-section\"\u003e\n    \u003ch2\u003eCaractéristiques techniques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-sagc-compo\"\u003e\n      \u003cdiv class=\"soi-sagc-compo-row\"\u003e\n        \u003cspan class=\"soi-sagc-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-sagc-compo-value\"\u003e100 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sagc-compo-row\"\u003e\n        \u003cspan class=\"soi-sagc-compo-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"soi-sagc-compo-value\"\u003eFlacon vaporisateur\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sagc-compo-row\"\u003e\n        \u003cspan class=\"soi-sagc-compo-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-sagc-compo-value\"\u003eFabriqué en France (Bourgogne)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sagc-compo-row\"\u003e\n        \u003cspan class=\"soi-sagc-compo-label\"\u003eComposition\u003c\/span\u003e\n        \u003cspan class=\"soi-sagc-compo-value\"\u003eHuiles essentielles pures, sans alcool, sans conservateurs synthétiques\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sagc-compo-row\"\u003e\n        \u003cspan class=\"soi-sagc-compo-label\"\u003eUsage\u003c\/span\u003e\n        \u003cspan class=\"soi-sagc-compo-value\"\u003eAérien uniquement, intérieur\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-sagc-grid-compact\"\u003e\n      \u003cdiv class=\"soi-sagc-card-mini\"\u003e\n        \u003cspan class=\"soi-sagc-card-mini-icon\"\u003e📏\u003c\/span\u003e\n        \u003cspan class=\"soi-sagc-card-mini-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-sagc-card-mini-value\"\u003e100 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sagc-card-mini\"\u003e\n        \u003cspan class=\"soi-sagc-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-sagc-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-sagc-card-mini-value\"\u003eBourgogne\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sagc-card-mini\"\u003e\n        \u003cspan class=\"soi-sagc-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan class=\"soi-sagc-card-mini-label\"\u003eFormule\u003c\/span\u003e\n        \u003cspan class=\"soi-sagc-card-mini-value\"\u003e100% naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sagc-card-mini\"\u003e\n        \u003cspan class=\"soi-sagc-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-sagc-card-mini-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-sagc-card-mini-value\"\u003eAlcool ni synthèse\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"soi-sagc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-sagc-cta-box\"\u003e\n      \u003cp class=\"soi-sagc-cta-tag\" style=\"color: white;\"\u003eRafriachir naturellement, respirer pleinement\u003c\/p\u003e\n      \u003cp class=\"soi-sagc-cta-text\" style=\"color: white;\"\u003eUn spray d'ambiance pensé pour ceux qui refusent de choisir entre efficacité et naturel. En une seule vaporisation, votre intérieur retrouve une fraîcheur herbacée et protectrice, portée par des huiles essentielles pures sélectionnées avec soin.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-sagc-marine: #1A2D3D;\n  --soi-sagc-marine-dark: #0F1E2B;\n  --soi-sagc-marine-light: #2C4458;\n  --soi-sagc-pomme: #A1C544;\n  --soi-sagc-pomme-dark: #84A636;\n  --soi-sagc-pomme-light: rgba(161,197,68,0.10);\n  --soi-sagc-white: #FFFFFF;\n  --soi-sagc-off-white: #F8FAF6;\n  --soi-sagc-stone: #F1F3EE;\n  --soi-sagc-line: #E5E8E0;\n  --soi-sagc-primary: #7A9A8E;\n  --soi-sagc-primary-soft: rgba(122,154,142,0.12);\n  --soi-sagc-accent: #C6B84A;\n  --soi-sagc-text: #1A2D3D;\n  --soi-sagc-text-soft: #4A5B6B;\n  --soi-sagc-text-muted: #7B8693;\n  --soi-sagc-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-sagc-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-sagc-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-sagc-radius: 12px;\n  --soi-sagc-radius-sm: 8px;\n  --soi-sagc-radius-pill: 999px;\n}\n\n.soi-sagc-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-sagc-fiche img { max-width: 100%; height: auto; }\n\n.soi-sagc-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-sagc-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-sagc-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-sagc-hero {\n  position: relative;\n  background: var(--soi-sagc-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-sagc-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-sagc-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-sagc-pomme);\n}\n\n.soi-sagc-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-sagc-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-sagc-pomme);\n  border-radius: 50%;\n}\n\n.soi-sagc-hero-title {\n  display: block;\n  color: var(--soi-sagc-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-sagc-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-sagc-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-sagc-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-sagc-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-sagc-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-sagc-label-accent {\n  background: var(--soi-sagc-pomme);\n  border-color: var(--soi-sagc-pomme);\n  color: var(--soi-sagc-marine);\n  font-weight: 600;\n}\n\n.soi-sagc-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-sagc-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-sagc-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-sagc-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-sagc-pomme);\n  border-radius: 2px;\n}\n\n.soi-sagc-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-sagc-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-sagc-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-sagc-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-sagc-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-sagc-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-sagc-benefit {\n  background: var(--soi-sagc-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-sagc-radius);\n  border: 1px solid var(--soi-sagc-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-sagc-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-sagc-shadow-md);\n}\n\n.soi-sagc-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-sagc-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-sagc-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-sagc-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-sagc-benefit:hover .soi-sagc-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-sagc-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-sagc-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-sagc-benefit p {\n  font-size: 13px;\n  color: var(--soi-sagc-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-sagc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-sagc-card {\n  background: var(--soi-sagc-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-sagc-radius);\n  border-left: 3px solid var(--soi-sagc-pomme);\n}\n\n.soi-sagc-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-sagc-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-sagc-card p {\n  font-size: 14px;\n  color: var(--soi-sagc-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-sagc-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-sagc-card-mini {\n  background: var(--soi-sagc-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-sagc-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-sagc-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-sagc-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-sagc-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-sagc-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-sagc-marine);\n}\n\n.soi-sagc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-sagc-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-sagc-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-sagc-radius);\n  border: 1px solid var(--soi-sagc-line);\n  align-items: flex-start;\n}\n\n.soi-sagc-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-sagc-marine);\n  color: var(--soi-sagc-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-sagc-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-sagc-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-sagc-step-content p {\n  font-size: 14px;\n  color: var(--soi-sagc-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-sagc-compo {\n  background: var(--soi-sagc-off-white);\n  border-radius: var(--soi-sagc-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-sagc-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-sagc-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-sagc-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-sagc-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-sagc-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-sagc-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-sagc-marine);\n  text-align: right;\n}\n\n.soi-sagc-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-sagc-pomme-light);\n  border-left: 4px solid var(--soi-sagc-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-sagc-radius) var(--soi-sagc-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-sagc-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-sagc-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-sagc-marine);\n  margin-bottom: 4px;\n}\n\n.soi-sagc-tip p {\n  font-size: 14px;\n  color: var(--soi-sagc-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-sagc-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-sagc-accordion-item {\n  background: var(--soi-sagc-off-white);\n  border-radius: var(--soi-sagc-radius-sm);\n  border: 1px solid var(--soi-sagc-line);\n  overflow: hidden;\n}\n\n.soi-sagc-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-sagc-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-sagc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-sagc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-sagc-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-sagc-accordion-item[open] .soi-sagc-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-sagc-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-sagc-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-sagc-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-sagc-cta-box {\n  background: var(--soi-sagc-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-sagc-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-sagc-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-sagc-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-sagc-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-sagc-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-sagc-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-sagc-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-sagc-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-sagc-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-sagc-compo-value {\n    text-align: left;\n  }\n\n  .soi-sagc-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-sagc-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-sagc-fiche {\n    --soi-sagc-text-soft: #2C3E50;\n    --soi-sagc-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61602738962762,"sku":"SC8570","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/spray-dambiance-sauge-citronnelle-aromaspray-packshot.webp?v=1779360716"},{"product_id":"deovert-deodorant-corporel","title":"Déodorant Fraîcheur Tonic","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_SC8575_8d302e28-3cca-4075-81a7-3904fef9062c.jpg?v=1776180192\" alt=\"Photo d'une femme heureuse levant les bras\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003eLe \u003cstrong\u003edéodorant Fraicheur Tonic'\u003c\/strong\u003e de la marque Deovert est spécialement formulé pour offrir \u003cstrong\u003eune protection efficace et une sensation de fraîcheur durable.\u003c\/strong\u003e Composé d'ingrédients naturels et sans aluminium, il respecte le processus naturel de la transpiration tout en neutralisant les odeurs désagréables dès leur formation.\u003c\/p\u003e\n\u003ch2\u003eBienfaits du déodorant Fraicheur Tonic' :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eNeutralisation des odeurs\u003c\/strong\u003e : Neutralise efficacement les odeurs dès leur formation sans modifier le processus naturel de la transpiration.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFraîcheur durable\u003c\/strong\u003e : Grâce à ses huiles essentielles, il procure une sensation de fraîcheur et de tonicité tout au long de la journée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTolérance parfaite\u003c\/strong\u003e : Testé sous contrôle dermatologique, ce déodorant assure une tolérance optimale pour tous types de peau.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eCaractéristiques du déodorant Fraicheur Tonic' :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule naturelle\u003c\/strong\u003e : Composé à 100% d'ingrédients naturels sans aluminium, respectueux de la peau et de l'environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉconomique et pratique\u003c\/strong\u003e : Un flacon de 100 ml permet environ 500 pulvérisations, rendant ce produit économique et idéal pour une utilisation quotidienne.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabrication française\u003c\/strong\u003e : Fabriqué en Bourgogne, ce produit garantit une qualité supérieure et un savoir-faire local.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eLe déodorant Fraicheur Tonic' de Deovert est une solution naturelle et efficace pour assurer une protection déodorante tout en respectant la peau et l'environnement. Sa formule enrichie en huiles essentielles garantit \u003cstrong\u003eune fraîcheur et un bien-être durables\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61602743779658,"sku":"SC8575","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/saintcome_sc8575_deovert_tonic_422b2eff-ac64-4b49-96d7-20546744c3e2.jpg?v=1778842771"},{"product_id":"dentifrice-propolis-menthe","title":"Dentifrice Propolis \u0026 Menthe - 75ml - Propolia","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_AP0011_1c8869e8-1f1f-4dd8-b277-19d684680afa.jpg?v=1776180217\" alt=\"Photo d'une femme qui se brosse les dents\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003eLe dentifrice Propolis \u0026amp; Menthe de Propolia offre une \u003cstrong\u003epurification efficace de la sphère buccale\u003c\/strong\u003e tout en apaisant les gencives et en luttant contre la plaque dentaire. Enrichi en ingrédients naturels, il procure une \u003cstrong\u003esensation de fraîcheur\u003c\/strong\u003e grâce à la menthe, la cardamome et l'anis vert.\u003c\/p\u003e\n\u003ch2\u003eCaractéristiques principales du dentifrice Propolis \u0026amp; Menthe\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eConsommation saine :\u003c\/strong\u003e Formulé avec 96% d'ingrédients d'origine naturelle.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSans fluor :\u003c\/strong\u003e Idéal pour ceux qui préfèrent éviter le fluor dans leur routine bucco-dentaire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGoût frais :\u003c\/strong\u003e Menthe, cardamome et anis vert pour une haleine fraîche et agréable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePour toute la famille :\u003c\/strong\u003e Convient aux adultes et aux enfants dès 3 ans.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits du dentifrice Propolis \u0026amp; Menthe\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePurifie la sphère buccale :\u003c\/strong\u003e Nettoie efficacement et aide à maintenir une bouche saine.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApaise les gencives :\u003c\/strong\u003e La propolis agit pour réduire les irritations des gencives.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLutte contre la plaque dentaire :\u003c\/strong\u003e Aide à prévenir l'accumulation de la plaque pour une meilleure santé dentaire.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eEngagements qualité du Dentifrice Propolis \u0026amp; Menthe Propolia\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabriqué en France :\u003c\/strong\u003e Développé et produit en Occitanie, garantissant des normes de qualité élevées.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eQualité garantie :\u003c\/strong\u003e Formulé avec 96 % d’ingrédients naturels, sans fluor, sans actifs ni colorants de synthèse, assurant une utilisation saine et un produit de qualité.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLe dentifrice Propolis \u0026amp; Menthe de Propolia est parfait pour ceux qui cherchent un soin bucco-dentaire naturel et efficace. Il offre une \u003cstrong\u003epurification complète de la bouche, apaise les gencives et lutte contre la plaque dentaire\u003c\/strong\u003e, tout en procurant une haleine fraîche. Grâce à sa formule douce, il convient parfaitement à toute la famille.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61602813968714,"sku":"AP0011","price":6.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/propolia_ap0011_dentifrice_gencives_haleine_d220c46a-c1b6-4f29-817f-2eeb5ddc798e.jpg?v=1778842772"},{"product_id":"spray-nasal-propolia","title":"Spray Nasal Purifiant - Propolia","description":"\u003c!--\n=== ANALYSE SOINATURE ===\nProduit: Spray Nasal Purifiant - Propolia\nMarque: Propolia\nCatégorie Soinat: Médecines alternatives \u003e Apithérapie (produits de la ruche)\n\n=== INVENTAIRE DES DONNÉES SOURCE (preuve anti-invention) ===\nLabels\/certifications mentionnés : Bio (propolis bio, miel bio, plantes bio), Sans OGM, Sans colorant de synthèse, Sans paraben, Fabriqué en France (Occitanie)\nChiffres précis mentionnés : 99% d'ingrédients naturels, 20 ml, dès 3 ans, 2 à 3 pulvérisations par narine, 2 à 4 fois par jour\nOrigine mentionnée : France (Occitanie), sel de Camargue\nForme galénique : Spray nasal (pulvérisation)\nActifs\/plantes nommés : Propolis bio, Sel de Camargue, Miel bio, Romarin bio, Eucalyptus bio, Thym bio, Ortie blanche bio\nPosologie mentionnée : Moucher avant application, incliner la tête, 2 à 3 pulvérisations par narine, 2 à 4 fois par jour\nPrécautions mentionnées : Adultes et enfants dès 3 ans (implicitement pas avant 3 ans)\n\n=== PALETTE CSS ===\nMarine Soinat: #1A2D3D (fixe)\nPomme Soinat: #A1C544 (fixe)\nPrimaire produit: #3B7ABD (bleu du packaging Propolia)\nAccent produit: #D4A82A (or miel, apithérapie)\nPréfixe CSS: soi-spnp\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés :\n  1. \"Un spray nasal naturel à base de propolis bio et sel de Camargue\"\n  2. \"Pour qui est-il fait ? Quand l'utiliser ?\"\n  3. \"Comment utiliser le Spray Nasal Purifiant Propolia ?\"\n  4. \"Composition complète du Spray Nasal Propolia\"\n  5. \"Fabriqué en France, par des passionnés des produits de la ruche\"\n  6. \"Ce que disent ceux qui l'ont essayé\"\n\n=== COMPOSANTS RETENUS POUR CHAQUE SECTION ===\nHero : labels affichés = BIO, 99% NATUREL, SANS OGM, SANS PARABEN, FABRIQUÉ EN FRANCE (label accent)\nH2 #1 → benefits (4 actifs\/groupes d'actifs avec descriptions claires dans la source) + paragraphe résultat\nH2 #2 → grid cards (5 situations d'utilisation listées) + paragraphe intro\nH2 #3 → timeline (4 étapes numérotées) + tip (conseil pratique mentionné)\nH2 #4 → compo (composition INCI complète fournie) + paragraphe mentions bio\nH2 #5 → paragraphe simple (texte narratif sur Propolia)\nH2 #6 → paragraphe simple (texte narratif sur les retours utilisateurs)\nCTA final → basé sur le paragraphe de clôture de la source\nComposants OMIS faute de données : accordion (pas de précautions détaillées structurées), grid-compact (pas assez de specs chiffrées distinctes pour justifier ce format)\n--\u003e\n\n\u003cdiv class=\"soi-spnp-fiche\"\u003e\n\n  \u003csection class=\"soi-spnp-hero\"\u003e\n    \u003cdiv class=\"soi-spnp-hero-tag\"\u003e\n      \u003cspan class=\"soi-spnp-tag-dot\"\u003e\u003c\/span\u003e\n      Apithérapie · Propolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-spnp-hero-title\"\u003eSpray Nasal Purifiant\u003c\/span\u003e\n    \u003cp class=\"soi-spnp-hero-subtitle\"\u003eLa puissance purifiante de la propolis bio associée au sel de Camargue pour dégager vos voies nasales en douceur, sans cortisone ni décongestionnant chimique.\u003c\/p\u003e\n    \u003cdiv class=\"soi-spnp-hero-labels\"\u003e\n      \u003cspan class=\"soi-spnp-label soi-spnp-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-spnp-label\"\u003e99% NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-spnp-label\"\u003eSANS OGM\u003c\/span\u003e\n      \u003cspan class=\"soi-spnp-label\"\u003eSANS PARABEN\u003c\/span\u003e\n      \u003cspan class=\"soi-spnp-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-spnp-section\"\u003e\n    \u003ch2\u003eUn spray nasal naturel à base de propolis bio et sel de Camargue\u003c\/h2\u003e\n    \u003cp class=\"soi-spnp-section-intro\"\u003eCe qui distingue ce spray nasal des solutions classiques, c'est avant tout sa formule : 99 % d'ingrédients naturels, certifiés bio pour la plupart, choisis pour leur complémentarité et leur efficacité douce sur les muqueuses nasales.\u003c\/p\u003e\n    \u003cdiv class=\"soi-spnp-benefits\"\u003e\n      \u003cdiv class=\"soi-spnp-benefit\"\u003e\n        \u003cdiv class=\"soi-spnp-benefit-icon\"\u003e\u003cspan\u003e🐝\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePropolis bio\u003c\/h3\u003e\n        \u003cp\u003eRésine végétale récoltée par les abeilles, reconnue pour ses propriétés purifiantes et antiseptiques naturelles sur les voies ORL.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spnp-benefit\"\u003e\n        \u003cdiv class=\"soi-spnp-benefit-icon\"\u003e\u003cspan\u003e🧂\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSel de Camargue\u003c\/h3\u003e\n        \u003cp\u003eEn solution isotonique, il nettoie les fosses nasales sans agresser les muqueuses, même fragiles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spnp-benefit\"\u003e\n        \u003cdiv class=\"soi-spnp-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eMiel bio\u003c\/h3\u003e\n        \u003cp\u003eAdoucit et apaise les tissus irrités pour un confort immédiat des muqueuses nasales.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spnp-benefit\"\u003e\n        \u003cdiv class=\"soi-spnp-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePlantes bio\u003c\/h3\u003e\n        \u003cp\u003eRomarin, eucalyptus, thym et ortie blanche : des plantes aux vertus respiratoires éprouvées qui favorisent une respiration plus libre.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"margin-top:1.25rem;\"\u003eRésultat : un spray nasal décongestionnant doux, sans cortisone, sans vasoconstricteur, qui peut s'utiliser au quotidien sans risque d'accoutumance.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-spnp-section\"\u003e\n    \u003ch2\u003ePour qui est-il fait ? Quand l'utiliser ?\u003c\/h2\u003e\n    \u003cp class=\"soi-spnp-section-intro\"\u003eCe spray nasal purifiant est adapté à toute la famille, adultes et enfants dès 3 ans. Il est particulièrement utile dans ces situations :\u003c\/p\u003e\n    \u003cdiv class=\"soi-spnp-grid\"\u003e\n      \u003cdiv class=\"soi-spnp-card\"\u003e\n        \u003ch3\u003e🤧 Rhume et sinusite\u003c\/h3\u003e\n        \u003cp\u003eNez bouché suite à un rhume ou une sinusite : retrouvez une respiration dégagée naturellement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spnp-card\"\u003e\n        \u003ch3\u003e🌸 Allergies saisonnières\u003c\/h3\u003e\n        \u003cp\u003eGêne respiratoire liée aux pollens et aux poussières : un soulagement doux sans effet de rebond.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spnp-card\"\u003e\n        \u003ch3\u003e☀️ Confort au réveil\u003c\/h3\u003e\n        \u003cp\u003eSensation de nez encombré le matin au réveil : commencez la journée en respirant librement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spnp-card\"\u003e\n        \u003ch3\u003e❄️ Hygiène hivernale\u003c\/h3\u003e\n        \u003cp\u003eEntretien quotidien de l'hygiène nasale en période hivernale pour prévenir les infections ORL à répétition.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"margin-top:1.25rem;\"\u003eSi vous cherchez une alternative naturelle aux sprays nasaux médicamenteux (comme ceux à base de cortisone ou aux décongestionnants puissants), ce spray Propolia répond à ce besoin sans les effets secondaires associés à un usage prolongé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-spnp-section\"\u003e\n    \u003ch2\u003eComment utiliser le Spray Nasal Purifiant Propolia ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-spnp-timeline\"\u003e\n      \u003cdiv class=\"soi-spnp-step\"\u003e\n        \u003cdiv class=\"soi-spnp-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-spnp-step-content\"\u003e\n          \u003ch3\u003ePréparez vos narines\u003c\/h3\u003e\n          \u003cp\u003eMouchez-vous légèrement avant l'application pour dégager les narines.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spnp-step\"\u003e\n        \u003cdiv class=\"soi-spnp-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-spnp-step-content\"\u003e\n          \u003ch3\u003ePremière narine\u003c\/h3\u003e\n          \u003cp\u003eInclinez légèrement la tête, introduisez l'embout dans une narine et pressez une fois.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spnp-step\"\u003e\n        \u003cdiv class=\"soi-spnp-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-spnp-step-content\"\u003e\n          \u003ch3\u003eSeconde narine\u003c\/h3\u003e\n          \u003cp\u003eRépétez de l'autre côté. 2 à 3 pulvérisations par narine et par application suffisent.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spnp-step\"\u003e\n        \u003cdiv class=\"soi-spnp-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-spnp-step-content\"\u003e\n          \u003ch3\u003eFréquence d'utilisation\u003c\/h3\u003e\n          \u003cp\u003eUtilisez 2 à 4 fois par jour selon les besoins, ou en entretien quotidien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-spnp-tip\"\u003e\n      \u003cdiv class=\"soi-spnp-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eGardez le flacon à portée de main au bureau ou dans votre sac en période de grand froid ou de forte saison pollinique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-spnp-section\"\u003e\n    \u003ch2\u003eComposition complète du Spray Nasal Propolia\u003c\/h2\u003e\n    \u003cdiv class=\"soi-spnp-compo\"\u003e\n      \u003cdiv class=\"soi-spnp-compo-row\"\u003e\n        \u003cspan class=\"soi-spnp-compo-label\"\u003eAqua\u003c\/span\u003e\n        \u003cspan class=\"soi-spnp-compo-value\"\u003eEau\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spnp-compo-row\"\u003e\n        \u003cspan class=\"soi-spnp-compo-label\"\u003eMaris Sal\u003c\/span\u003e\n        \u003cspan class=\"soi-spnp-compo-value\"\u003eSel de Camargue\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spnp-compo-row\"\u003e\n        \u003cspan class=\"soi-spnp-compo-label\"\u003ePropolis Cera*\u003c\/span\u003e\n        \u003cspan class=\"soi-spnp-compo-value\"\u003ePropolis bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spnp-compo-row\"\u003e\n        \u003cspan class=\"soi-spnp-compo-label\"\u003eMel*\u003c\/span\u003e\n        \u003cspan class=\"soi-spnp-compo-value\"\u003eMiel bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spnp-compo-row\"\u003e\n        \u003cspan class=\"soi-spnp-compo-label\"\u003eRosmarinus Officinalis*\u003c\/span\u003e\n        \u003cspan class=\"soi-spnp-compo-value\"\u003eRomarin bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spnp-compo-row\"\u003e\n        \u003cspan class=\"soi-spnp-compo-label\"\u003eEucalyptus Globulus*\u003c\/span\u003e\n        \u003cspan class=\"soi-spnp-compo-value\"\u003eEucalyptus bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spnp-compo-row\"\u003e\n        \u003cspan class=\"soi-spnp-compo-label\"\u003eThymus Vulgaris*\u003c\/span\u003e\n        \u003cspan class=\"soi-spnp-compo-value\"\u003eThym bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spnp-compo-row\"\u003e\n        \u003cspan class=\"soi-spnp-compo-label\"\u003eUrtica Dioica*\u003c\/span\u003e\n        \u003cspan class=\"soi-spnp-compo-value\"\u003eOrtie blanche bio\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"margin-top:1rem;\"\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique. Sans OGM, sans colorant de synthèse, sans paraben.\u003c\/em\u003e\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-spnp-section\"\u003e\n    \u003ch2\u003eFabriqué en France, par des passionnés des produits de la ruche\u003c\/h2\u003e\n    \u003cp\u003ePropolia est une marque française fondée par des apiculteurs engagés. Leur spray nasal est développé, fabriqué et conditionné en Occitanie, dans le respect des ressources naturelles et du savoir-faire apicole. Chaque flacon de 20 ml est conçu pour durer plusieurs semaines d'utilisation régulière.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-spnp-section\"\u003e\n    \u003ch2\u003eCe que disent ceux qui l'ont essayé\u003c\/h2\u003e\n    \u003cp\u003eLes utilisateurs apprécient particulièrement la douceur de la formule sur des muqueuses sensibles, son efficacité rapide sur le nez encombré, et l'absence d'effet de rebond contrairement à certains sprays décongestionnants médicamenteux. Beaucoup l'adoptent comme incontournable de leur trousse santé hivernale.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-spnp-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-spnp-cta-box\"\u003e\n      \u003cp class=\"soi-spnp-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, respirer librement\u003c\/p\u003e\n      \u003cp class=\"soi-spnp-cta-text\" style=\"color: white;\"\u003eLe Spray Nasal Purifiant Propolia combine la puissance de la propolis bio au sel de Camargue pour dégager vos voies nasales en douceur. Idéal dès 3 ans, il s'invite dans toutes les trousses à pharmacie familiales.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-spnp-marine: #1A2D3D;\n  --soi-spnp-marine-dark: #0F1E2B;\n  --soi-spnp-marine-light: #2C4458;\n  --soi-spnp-pomme: #A1C544;\n  --soi-spnp-pomme-dark: #84A636;\n  --soi-spnp-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-spnp-white: #FFFFFF;\n  --soi-spnp-off-white: #F8FAF6;\n  --soi-spnp-stone: #F1F3EE;\n  --soi-spnp-line: #E5E8E0;\n\n  --soi-spnp-primary: #3B7ABD;\n  --soi-spnp-primary-soft: rgba(59,122,189,0.10);\n  --soi-spnp-accent: #D4A82A;\n\n  --soi-spnp-text: #1A2D3D;\n  --soi-spnp-text-soft: #4A5B6B;\n  --soi-spnp-text-muted: #7B8693;\n\n  --soi-spnp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-spnp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-spnp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-spnp-radius: 12px;\n  --soi-spnp-radius-sm: 8px;\n  --soi-spnp-radius-pill: 999px;\n}\n\n.soi-spnp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-spnp-fiche img { max-width: 100%; height: auto; }\n\n.soi-spnp-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-spnp-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-spnp-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-spnp-hero {\n  position: relative;\n  background: var(--soi-spnp-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-spnp-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-spnp-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-spnp-pomme);\n}\n\n.soi-spnp-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-spnp-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-spnp-pomme);\n  border-radius: 50%;\n}\n\n.soi-spnp-hero-title {\n  display: block;\n  color: var(--soi-spnp-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-spnp-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-spnp-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-spnp-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-spnp-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-spnp-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-spnp-label-accent {\n  background: var(--soi-spnp-pomme);\n  border-color: var(--soi-spnp-pomme);\n  color: var(--soi-spnp-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-spnp-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-spnp-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-spnp-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-spnp-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-spnp-pomme);\n  border-radius: 2px;\n}\n\n.soi-spnp-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-spnp-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-spnp-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-spnp-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-spnp-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-spnp-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-spnp-benefit {\n  background: var(--soi-spnp-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-spnp-radius);\n  border: 1px solid var(--soi-spnp-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-spnp-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-spnp-shadow-md);\n}\n\n.soi-spnp-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-spnp-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-spnp-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-spnp-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-spnp-benefit:hover .soi-spnp-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-spnp-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-spnp-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-spnp-benefit p {\n  font-size: 13px;\n  color: var(--soi-spnp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-spnp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-spnp-card {\n  background: var(--soi-spnp-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-spnp-radius);\n  border-left: 3px solid var(--soi-spnp-pomme);\n}\n\n.soi-spnp-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-spnp-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-spnp-card p {\n  font-size: 14px;\n  color: var(--soi-spnp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-spnp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-spnp-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-spnp-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-spnp-radius);\n  border: 1px solid var(--soi-spnp-line);\n  align-items: flex-start;\n}\n\n.soi-spnp-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-spnp-marine);\n  color: var(--soi-spnp-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-spnp-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-spnp-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-spnp-step-content p {\n  font-size: 14px;\n  color: var(--soi-spnp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-spnp-compo {\n  background: var(--soi-spnp-off-white);\n  border-radius: var(--soi-spnp-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-spnp-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-spnp-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-spnp-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-spnp-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-spnp-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-spnp-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-spnp-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-spnp-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-spnp-pomme-light);\n  border-left: 4px solid var(--soi-spnp-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-spnp-radius) var(--soi-spnp-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-spnp-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-spnp-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-spnp-marine);\n  margin-bottom: 4px;\n}\n\n.soi-spnp-tip p {\n  font-size: 14px;\n  color: var(--soi-spnp-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-spnp-cta-box {\n  background: var(--soi-spnp-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-spnp-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-spnp-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-spnp-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-spnp-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-spnp-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-spnp-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-spnp-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-spnp-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-spnp-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-spnp-compo-value {\n    text-align: left;\n  }\n\n  .soi-spnp-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-spnp-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-spnp-fiche {\n    --soi-spnp-text-soft: #2C3E50;\n    --soi-spnp-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61602846736714,"sku":"AP0034","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/spray-nasal-purifiant-propolia-packshot.webp?v=1780932782"},{"product_id":"spray-nasal-doux-propolia","title":"Spray nasal doux Propolis et Miel - Propolia","description":"\u003c!--\n=== ANALYSE SOINATURE ===\nProduit: Spray nasal doux Propolis et Miel\nMarque: Propolia (France)\nCatégorie Soinat: Médecines alternatives \u003e Apithérapie \/ Hygiène nasale\n\n=== INVENTAIRE DES DONNÉES SOURCE (preuve anti-invention) ===\nLabels\/certifications mentionnés : Bio (propolis bio, miel bio, prêle des champs bio, thym bio), Sans OGM, Fabriqué en France (Occitanie), 99 % d'origine naturelle, sans colorant de synthèse, sans matière active de synthèse, sans huile minérale, 10 % des ingrédients issus de l'agriculture biologique\nChiffres précis mentionnés : 20 mL, 99 % d'origine naturelle, 10 % issus de l'agriculture biologique, solution isotonique 0,9 %, dès 3 ans, 1 à 2 pulvérisations par narine, 2 à 3 fois par jour\nOrigine mentionnée : Fabriqué en France (Occitanie)\nForme galénique : Spray nasal (flacon en verre teinté 20 mL)\nActifs\/plantes nommés : Propolis bio, Miel bio, Prêle des champs bio, Thym bio, Eau purifiée, Chlorure de sodium\nPosologie mentionnée : Se moucher avant, insérer l'embout tête inclinée, 1 à 2 pulvérisations par narine, répéter autre narine, 2 à 3 fois par jour ou en prévention lors des changements de saison\nPrécautions mentionnées : Dispositif d'hygiène nasale, ne remplace pas un traitement médical, consulter médecin si symptômes persistants, dès 3 ans\n\n=== PALETTE CSS ===\nMarine Soinat: #1A2D3D (fixe)\nPomme Soinat: #A1C544 (fixe)\nPrimaire produit: #5BAAD5 (bleu ciel du packaging)\nAccent produit: #E8A4B8 (rose doux du packaging)\nPréfixe CSS: soi-snpr\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés :\n  1. \"Pourquoi choisir ce spray nasal à la propolis ?\"\n  2. \"Composition du spray nasal Propolia\"\n  3. \"Comment utiliser le spray nasal propolis ?\"\n  4. \"Engagements qualité Propolia\"\n  5. \"À qui s'adresse ce spray nasal propolis bio ?\"\n\n=== COMPOSANTS RETENUS POUR CHAQUE SECTION ===\nHero : labels affichés = BIO, FABRIQUÉ EN FRANCE, 99 % NATUREL, SANS OGM, DÈS 3 ANS\nH2 #1 \"Pourquoi choisir ce spray nasal à la propolis ?\" → benefits (4 actifs avec bénéfices distincts) + paragraphe intro + paragraphe isotonique\nH2 #2 \"Composition du spray nasal Propolia\" → compo (data rows pour les ingrédients) + paragraphe mentions\nH2 #3 \"Comment utiliser le spray nasal propolis ?\" → timeline (4 étapes numérotées) + paragraphe flacon\nH2 #4 \"Engagements qualité Propolia\" → grid-compact (5 specs courtes)\nH2 #5 \"À qui s'adresse ce spray nasal propolis bio ?\" → grid cards (4 profils cibles) + accordéon précautions\nCTA final basé sur la phrase de clôture de la source\nComposants OMIS faute de données : tip (pas de conseil spécifique supplémentaire au-delà de la posologie)\n--\u003e\n\n\u003cdiv class=\"soi-snpr-fiche\"\u003e\n\n  \u003csection class=\"soi-snpr-hero\"\u003e\n    \u003cdiv class=\"soi-snpr-hero-tag\"\u003e\n      \u003cspan class=\"soi-snpr-tag-dot\"\u003e\u003c\/span\u003e\n      Apithérapie · Hygiène nasale · Propolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-snpr-hero-title\"\u003eSpray Nasal Doux Propolis \u0026amp; Miel\u003c\/span\u003e\n    \u003cp class=\"soi-snpr-hero-subtitle\"\u003eLa douceur du miel et la puissance purifiante de la propolis bio réunies dans un spray nasal familial, pour nettoyer, apaiser et protéger vos voies nasales au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-snpr-hero-labels\"\u003e\n      \u003cspan class=\"soi-snpr-label soi-snpr-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-snpr-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-snpr-label\"\u003e99 % NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-snpr-label\"\u003eSANS OGM\u003c\/span\u003e\n      \u003cspan class=\"soi-snpr-label\"\u003eDÈS 3 ANS\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-snpr-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce spray nasal à la propolis ?\u003c\/h2\u003e\n    \u003cp class=\"soi-snpr-section-intro\"\u003eContrairement à de nombreux sprays nasaux conventionnels, cette formule 99 % d'origine naturelle mise sur la synergie de deux actifs apicoles reconnus, enrichis de plantes certifiées biologiques.\u003c\/p\u003e\n    \u003cdiv class=\"soi-snpr-benefits\"\u003e\n      \u003cdiv class=\"soi-snpr-benefit\"\u003e\n        \u003cdiv class=\"soi-snpr-benefit-icon\"\u003e\u003cspan\u003e🐝\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePropolis bio\u003c\/h3\u003e\n        \u003cp\u003eSubstance naturelle produite par les abeilles, reconnue pour ses propriétés purifiantes et protectrices des muqueuses.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-snpr-benefit\"\u003e\n        \u003cdiv class=\"soi-snpr-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eMiel bio\u003c\/h3\u003e\n        \u003cp\u003eAdoucit et apaise les irritations nasales, notamment lors des épisodes de nez bouché, de rhume ou de rhinite saisonnière.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-snpr-benefit\"\u003e\n        \u003cdiv class=\"soi-snpr-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePrêle des champs bio\u003c\/h3\u003e\n        \u003cp\u003ePlante riche en silice, connue pour ses vertus reminéralisantes et protectrices.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-snpr-benefit\"\u003e\n        \u003cdiv class=\"soi-snpr-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eThym bio\u003c\/h3\u003e\n        \u003cp\u003eActif végétal traditionnellement associé à la purification des voies respiratoires.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-snpr-tip\"\u003e\n      \u003cdiv class=\"soi-snpr-tip-icon\"\u003e💧\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eFormule isotonique\u003c\/strong\u003e\n        \u003cp\u003eUn confort d'utilisation optimal : ni brûlure, ni picotement. Un nettoyage efficace et bien toléré par toute la famille.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-snpr-section\"\u003e\n    \u003ch2\u003eComposition du spray nasal Propolia\u003c\/h2\u003e\n    \u003cdiv class=\"soi-snpr-compo\"\u003e\n      \u003cdiv class=\"soi-snpr-compo-row\"\u003e\n        \u003cspan class=\"soi-snpr-compo-label\"\u003eBase\u003c\/span\u003e\n        \u003cspan class=\"soi-snpr-compo-value\"\u003eEau purifiée (base isotonique)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-snpr-compo-row\"\u003e\n        \u003cspan class=\"soi-snpr-compo-label\"\u003eSolution saline\u003c\/span\u003e\n        \u003cspan class=\"soi-snpr-compo-value\"\u003eChlorure de sodium (sel marin, 0,9 %)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-snpr-compo-row\"\u003e\n        \u003cspan class=\"soi-snpr-compo-label\"\u003eActif apicole\u003c\/span\u003e\n        \u003cspan class=\"soi-snpr-compo-value\"\u003eExtrait de propolis bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-snpr-compo-row\"\u003e\n        \u003cspan class=\"soi-snpr-compo-label\"\u003eActif apicole\u003c\/span\u003e\n        \u003cspan class=\"soi-snpr-compo-value\"\u003eMiel bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-snpr-compo-row\"\u003e\n        \u003cspan class=\"soi-snpr-compo-label\"\u003eActif végétal\u003c\/span\u003e\n        \u003cspan class=\"soi-snpr-compo-value\"\u003eExtrait de prêle des champs bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-snpr-compo-row\"\u003e\n        \u003cspan class=\"soi-snpr-compo-label\"\u003eActif végétal\u003c\/span\u003e\n        \u003cspan class=\"soi-snpr-compo-value\"\u003eExtrait de thym bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-snpr-compo-row\"\u003e\n        \u003cspan class=\"soi-snpr-compo-label\"\u003eIngrédients bio\u003c\/span\u003e\n        \u003cspan class=\"soi-snpr-compo-value\"\u003e10 % issus de l'agriculture biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"soi-snpr-compo-note\"\u003eFormule sans OGM, sans colorant de synthèse, sans matière active de synthèse et sans huile minérale.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-snpr-section\"\u003e\n    \u003ch2\u003eComment utiliser le spray nasal à la propolis ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-snpr-timeline\"\u003e\n      \u003cdiv class=\"soi-snpr-step\"\u003e\n        \u003cdiv class=\"soi-snpr-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-snpr-step-content\"\u003e\n          \u003ch3\u003ePréparez vos narines\u003c\/h3\u003e\n          \u003cp\u003eMouchez-vous doucement avant l'application pour libérer les narines.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-snpr-step\"\u003e\n        \u003cdiv class=\"soi-snpr-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-snpr-step-content\"\u003e\n          \u003ch3\u003ePositionnez l'embout\u003c\/h3\u003e\n          \u003cp\u003eInsérez l'embout dans une narine, tête légèrement inclinée sur le côté opposé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-snpr-step\"\u003e\n        \u003cdiv class=\"soi-snpr-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-snpr-step-content\"\u003e\n          \u003ch3\u003ePulvérisez\u003c\/h3\u003e\n          \u003cp\u003eAppuyez 1 à 2 fois sur la pompe en inspirant doucement. Répétez pour l'autre narine.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-snpr-step\"\u003e\n        \u003cdiv class=\"soi-snpr-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-snpr-step-content\"\u003e\n          \u003ch3\u003eFréquence d'utilisation\u003c\/h3\u003e\n          \u003cp\u003eUtilisez 2 à 3 fois par jour selon les besoins, ou en prévention lors des changements de saison.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"soi-snpr-flacon-note\"\u003eLe flacon de 20 mL en verre teinté préserve la qualité des actifs et reste facilement transportable en déplacement.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-snpr-section\"\u003e\n    \u003ch2\u003eEngagements qualité Propolia\u003c\/h2\u003e\n    \u003cdiv class=\"soi-snpr-grid-compact\"\u003e\n      \u003cdiv class=\"soi-snpr-card-mini\"\u003e\n        \u003cspan class=\"soi-snpr-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-snpr-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-snpr-card-mini-value\"\u003eFrance (Occitanie)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-snpr-card-mini\"\u003e\n        \u003cspan class=\"soi-snpr-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan class=\"soi-snpr-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n        \u003cspan class=\"soi-snpr-card-mini-value\"\u003e99 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-snpr-card-mini\"\u003e\n        \u003cspan class=\"soi-snpr-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-snpr-card-mini-label\"\u003eGarantie\u003c\/span\u003e\n        \u003cspan class=\"soi-snpr-card-mini-value\"\u003eSans OGM\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-snpr-card-mini\"\u003e\n        \u003cspan class=\"soi-snpr-card-mini-icon\"\u003e👶\u003c\/span\u003e\n        \u003cspan class=\"soi-snpr-card-mini-label\"\u003eConvient\u003c\/span\u003e\n        \u003cspan class=\"soi-snpr-card-mini-value\"\u003eDès 3 ans\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-snpr-card-mini\"\u003e\n        \u003cspan class=\"soi-snpr-card-mini-icon\"\u003e🫙\u003c\/span\u003e\n        \u003cspan class=\"soi-snpr-card-mini-label\"\u003eConditionnement\u003c\/span\u003e\n        \u003cspan class=\"soi-snpr-card-mini-value\"\u003eVerre teinté 20 mL\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-snpr-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce spray nasal propolis bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-snpr-grid\"\u003e\n      \u003cdiv class=\"soi-snpr-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n        \u003cp\u003eAdultes et enfants dès 3 ans cherchant une hygiène nasale quotidienne naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-snpr-card\"\u003e\n        \u003ch3\u003e🤧 Nez sensible\u003c\/h3\u003e\n        \u003cp\u003ePersonnes sujettes aux rhumes, rhinites ou nez bouché à répétition.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-snpr-card\"\u003e\n        \u003ch3\u003e🌱 Adeptes du naturel\u003c\/h3\u003e\n        \u003cp\u003eFamilles souhaitant éviter les sprays nasaux contenant des substances de synthèse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-snpr-card\"\u003e\n        \u003ch3\u003e✈️ En déplacement\u003c\/h3\u003e\n        \u003cp\u003eSportifs, voyageurs ou personnes exposées à des environnements pollués ou climatisés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-snpr-accordion\"\u003e\n      \u003cdetails class=\"soi-snpr-accordion-item\"\u003e\n        \u003csummary class=\"soi-snpr-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-snpr-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un dispositif d'hygiène nasale et ne remplace pas un traitement médical. En cas de symptômes persistants, 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  \u003csection class=\"soi-snpr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-snpr-cta-box\"\u003e\n      \u003cp class=\"soi-snpr-cta-tag\" style=\"color: white;\"\u003eRespirez mieux, naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-snpr-cta-text\" style=\"color: white;\"\u003eRetrouvez le confort respiratoire au quotidien avec la douceur du miel et la puissance purifiante de la propolis bio. Une formule familiale, fabriquée en France, qui prend soin de vos voies nasales sans agresser vos muqueuses.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-snpr-marine: #1A2D3D;\n  --soi-snpr-marine-dark: #0F1E2B;\n  --soi-snpr-marine-light: #2C4458;\n  --soi-snpr-pomme: #A1C544;\n  --soi-snpr-pomme-dark: #84A636;\n  --soi-snpr-pomme-light: rgba(161,197,68,0.10);\n  --soi-snpr-white: #FFFFFF;\n  --soi-snpr-off-white: #F8FAF6;\n  --soi-snpr-stone: #F1F3EE;\n  --soi-snpr-line: #E5E8E0;\n  --soi-snpr-primary: #5BAAD5;\n  --soi-snpr-primary-soft: #D6EAF5;\n  --soi-snpr-accent: #E8A4B8;\n  --soi-snpr-text: #1A2D3D;\n  --soi-snpr-text-soft: #4A5B6B;\n  --soi-snpr-text-muted: #7B8693;\n  --soi-snpr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-snpr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-snpr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-snpr-radius: 12px;\n  --soi-snpr-radius-sm: 8px;\n  --soi-snpr-radius-pill: 999px;\n}\n\n.soi-snpr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-snpr-fiche img { max-width: 100%; height: auto; }\n\n.soi-snpr-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-snpr-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-snpr-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-snpr-hero {\n  position: relative;\n  background: var(--soi-snpr-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-snpr-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-snpr-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-snpr-pomme);\n}\n\n.soi-snpr-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-snpr-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-snpr-pomme);\n  border-radius: 50%;\n}\n\n.soi-snpr-hero-title {\n  display: block;\n  color: var(--soi-snpr-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-snpr-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-snpr-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-snpr-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-snpr-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-snpr-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-snpr-label-accent {\n  background: var(--soi-snpr-pomme);\n  border-color: var(--soi-snpr-pomme);\n  color: var(--soi-snpr-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-snpr-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-snpr-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-snpr-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-snpr-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-snpr-pomme);\n  border-radius: 2px;\n}\n\n.soi-snpr-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-snpr-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-snpr-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-snpr-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-snpr-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-snpr-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-snpr-benefit {\n  background: var(--soi-snpr-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-snpr-radius);\n  border: 1px solid var(--soi-snpr-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-snpr-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-snpr-shadow-md);\n}\n\n.soi-snpr-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-snpr-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-snpr-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-snpr-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-snpr-benefit:hover .soi-snpr-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-snpr-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-snpr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-snpr-benefit p {\n  font-size: 13px;\n  color: var(--soi-snpr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-snpr-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-snpr-pomme-light);\n  border-left: 4px solid var(--soi-snpr-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-snpr-radius) var(--soi-snpr-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-snpr-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-snpr-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-snpr-marine);\n  margin-bottom: 4px;\n}\n\n.soi-snpr-tip p {\n  font-size: 14px;\n  color: var(--soi-snpr-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-snpr-compo {\n  background: var(--soi-snpr-off-white);\n  border-radius: var(--soi-snpr-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1rem;\n}\n\n.soi-snpr-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-snpr-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-snpr-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-snpr-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-snpr-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-snpr-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-snpr-marine);\n  text-align: right;\n}\n\n.soi-snpr-compo-note {\n  font-size: clamp(13px, 2vw, 14px);\n  color: var(--soi-snpr-text-soft);\n  font-style: italic;\n  line-height: 1.6;\n  margin-top: 0.5rem;\n}\n\n\/* === TIMELINE === *\/\n.soi-snpr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-snpr-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-snpr-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-snpr-radius);\n  border: 1px solid var(--soi-snpr-line);\n  align-items: flex-start;\n}\n\n.soi-snpr-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-snpr-marine);\n  color: var(--soi-snpr-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-snpr-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-snpr-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-snpr-step-content p {\n  font-size: 14px;\n  color: var(--soi-snpr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-snpr-flacon-note {\n  font-size: clamp(13px, 2vw, 14px);\n  color: var(--soi-snpr-text-soft);\n  line-height: 1.6;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-snpr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-snpr-card-mini {\n  background: var(--soi-snpr-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-snpr-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-snpr-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-snpr-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-snpr-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-snpr-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-snpr-marine);\n}\n\n\/* === GRID + CARDS === *\/\n.soi-snpr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-snpr-card {\n  background: var(--soi-snpr-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-snpr-radius);\n  border-left: 3px solid var(--soi-snpr-pomme);\n}\n\n.soi-snpr-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-snpr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-snpr-card p {\n  font-size: 14px;\n  color: var(--soi-snpr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-snpr-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-snpr-accordion-item {\n  background: var(--soi-snpr-off-white);\n  border-radius: var(--soi-snpr-radius-sm);\n  border: 1px solid var(--soi-snpr-line);\n  overflow: hidden;\n}\n\n.soi-snpr-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-snpr-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-snpr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-snpr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-snpr-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-snpr-accordion-item[open] .soi-snpr-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-snpr-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-snpr-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-snpr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-snpr-cta-box {\n  background: var(--soi-snpr-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-snpr-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-snpr-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-snpr-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-snpr-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-snpr-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-snpr-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-snpr-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-snpr-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-snpr-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-snpr-compo-value {\n    text-align: left;\n  }\n\n  .soi-snpr-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-snpr-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-snpr-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-snpr-fiche {\n    --soi-snpr-text-soft: #2C3E50;\n    --soi-snpr-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61602849521994,"sku":"AP0035","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/spray-nasal-doux-propolis-et-miel-propolia-packshot.webp?v=1779261408"},{"product_id":"silahair-shampooing-anti-chute","title":"Silahair - Shampooing Anti-Chute","description":"\n\n\u003cdiv class=\"soi-silh-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-silh-hero\"\u003e\n    \u003cdiv class=\"soi-silh-hero-tag\"\u003e\n      \u003cspan class=\"soi-silh-tag-dot\"\u003e\u003c\/span\u003e\n      Soin capillaire · Dr. Saubens®\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-silh-hero-title\"\u003eSilahair®\u003c\/span\u003e\n    \u003cp class=\"soi-silh-hero-subtitle\"\u003eLa formule 2-en-1 complète contre la chute et le déséquilibre du cuir chevelu. Nourrir, renforcer et revitaliser du cuir chevelu à la pointe, en un seul geste.\u003c\/p\u003e\n    \u003cdiv class=\"soi-silh-hero-labels\"\u003e\n      \u003cspan class=\"soi-silh-label soi-silh-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-silh-label\"\u003eSANS PARABEN\u003c\/span\u003e\n      \u003cspan class=\"soi-silh-label\"\u003eACTIFS NATURELS\u003c\/span\u003e\n      \u003cspan class=\"soi-silh-label\"\u003e200 ML\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : INTRO --\u003e\n  \u003csection class=\"soi-silh-section\"\u003e\n    \u003ch2\u003eShampooing Silahair® : la formule complète contre la chute et le déséquilibre du cuir chevelu\u003c\/h2\u003e\n    \u003cp\u003eVous cherchez un shampooing capable de s'adapter à vos vrais besoins capillaires, qu'il s'agisse de \u003cstrong\u003echeveux gras\u003c\/strong\u003e, abîmés, colorés ou bouclés ? Le \u003cstrong\u003eSilahair® Shampooing de Labo Santé Silice (Dr. Saubens, France)\u003c\/strong\u003e est une formule 2-en-1 inédite, alliant les propriétés d'un shampooing nettoyant et d'une lotion capillaire active. Un seul geste, une action profonde : nourrir, renforcer et revitaliser du cuir chevelu à la pointe.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : TYPES DE CHEVEUX --\u003e\n  \u003csection class=\"soi-silh-section\"\u003e\n    \u003ch2\u003eUne formule pensée pour tous les types de cheveux\u003c\/h2\u003e\n    \u003cp class=\"soi-silh-section-intro\"\u003eQu'ils soient gras, colorés, bouclés ou fragilisés, vos cheveux méritent un soin à la hauteur de leurs besoins. Silahair® répond à chacune de ces situations grâce à ses actifs complémentaires.\u003c\/p\u003e\n    \u003cdiv class=\"soi-silh-grid\"\u003e\n      \u003cdiv class=\"soi-silh-card\"\u003e\n        \u003ch3\u003e💧 Cheveux gras\u003c\/h3\u003e\n        \u003cp\u003eLe Fucus (extrait d'algue) et l'Ortie piquante régulent l'excès de sébum et rééquilibrent le cuir chevelu durablement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silh-card\"\u003e\n        \u003ch3\u003e🎨 Cheveux colorés\u003c\/h3\u003e\n        \u003cp\u003eLes Microprotéines Hydrolysées et le Collagène Marin scellent la fibre capillaire, protègent la couleur et prolongent l'éclat.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silh-card\"\u003e\n        \u003ch3\u003e🌀 Cheveux bouclés\u003c\/h3\u003e\n        \u003cp\u003eL'Aloe Vera et le Collagène Marin apportent élasticité, hydratation et définition sans alourdir la boucle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silh-card\"\u003e\n        \u003ch3\u003e🛡️ Cheveux en chute ou fragilisés\u003c\/h3\u003e\n        \u003cp\u003eLe Silicium Organique renforce la structure interne du cheveu tandis que les huiles essentielles de Menthe poivrée et Lavande vraie stimulent la microcirculation du cuir chevelu.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : COMPOSITION --\u003e\n  \u003csection class=\"soi-silh-section\"\u003e\n    \u003ch2\u003eComposition complète et rôle de chaque actif\u003c\/h2\u003e\n    \u003cp class=\"soi-silh-section-intro\"\u003eChaque ingrédient de Silahair® a été sélectionné pour son efficacité prouvée, sans remplissage inutile.\u003c\/p\u003e\n    \u003cdiv class=\"soi-silh-grid soi-silh-grid-compo\"\u003e\n      \u003cdiv class=\"soi-silh-card\"\u003e\n        \u003ch3\u003e🔬 Silicium Organique\u003c\/h3\u003e\n        \u003cp\u003eMinéral structurant essentiel, il renforce la kératine et contribue à prévenir la chute capillaire dès les premières semaines.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silh-card\"\u003e\n        \u003ch3\u003e🐚 Collagène Marin\u003c\/h3\u003e\n        \u003cp\u003eRestitue élasticité et souplesse à la fibre, idéal pour les cheveux colorés ou décolorés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silh-card\"\u003e\n        \u003ch3\u003e🧬 Microprotéines Hydrolysées\u003c\/h3\u003e\n        \u003cp\u003eS'infiltrent dans le cortex du cheveu pour réparer les dommages de l'intérieur et renforcer la résistance.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silh-card\"\u003e\n        \u003ch3\u003e🌊 Fucus (algue brune)\u003c\/h3\u003e\n        \u003cp\u003eRiche en iode, vitamines et oligo-éléments, il hydrate en profondeur et régule le sébum.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silh-card\"\u003e\n        \u003ch3\u003e🌿 Huile Essentielle de Menthe Poivrée\u003c\/h3\u003e\n        \u003cp\u003eSensation de fraîcheur immédiate et stimulation de la circulation sanguine du cuir chevelu.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silh-card\"\u003e\n        \u003ch3\u003e💜 Huile Essentielle de Lavande Vraie\u003c\/h3\u003e\n        \u003cp\u003eApaisante, elle calme les irritations et équilibre le microbiome cutané.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silh-card\"\u003e\n        \u003ch3\u003e🌱 Aloe Vera\u003c\/h3\u003e\n        \u003cp\u003eHydratation intense, apaisement des démangeaisons et douceur accrue, même sur les cheveux bouclés sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silh-card\"\u003e\n        \u003ch3\u003e🌾 Ortie Piquante\u003c\/h3\u003e\n        \u003cp\u003eConcentrée en silice naturelle, fer et vitamines B, elle fortifie le bulbe et contribue à réduire la chute.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : UTILISATION --\u003e\n  \u003csection class=\"soi-silh-section\"\u003e\n    \u003ch2\u003eComment utiliser le Shampooing Silahair® ?\u003c\/h2\u003e\n    \u003cp class=\"soi-silh-section-intro\"\u003ePour des résultats optimaux, voici le protocole recommandé.\u003c\/p\u003e\n    \u003cdiv class=\"soi-silh-timeline\"\u003e\n      \u003cdiv class=\"soi-silh-step\"\u003e\n        \u003cdiv class=\"soi-silh-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-silh-step-content\"\u003e\n          \u003ch3\u003eAppliquer\u003c\/h3\u003e\n          \u003cp\u003eAppliquez le shampooing sur cheveux mouillés, en quantité généreuse selon la longueur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silh-step\"\u003e\n        \u003cdiv class=\"soi-silh-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-silh-step-content\"\u003e\n          \u003ch3\u003eMasser\u003c\/h3\u003e\n          \u003cp\u003eMassez en mouvements circulaires pendant \u003cstrong\u003e1 à 2 minutes\u003c\/strong\u003e pour activer la circulation et maximiser la pénétration des actifs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silh-step\"\u003e\n        \u003cdiv class=\"soi-silh-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-silh-step-content\"\u003e\n          \u003ch3\u003eRincer\u003c\/h3\u003e\n          \u003cp\u003eRincez soigneusement à l'eau tiède, jamais trop chaude pour préserver la couleur et le film hydrolipidique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silh-step\"\u003e\n        \u003cdiv class=\"soi-silh-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-silh-step-content\"\u003e\n          \u003ch3\u003eRépéter\u003c\/h3\u003e\n          \u003cp\u003eRépétez \u003cstrong\u003e2 à 3 fois par semaine\u003c\/strong\u003e pour un effet revitalisant durable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-silh-tip\"\u003e\n      \u003cdiv class=\"soi-silh-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eUne cure de \u003cstrong\u003e6 à 8 semaines\u003c\/strong\u003e est généralement nécessaire pour observer des résultats visibles sur la densité et la qualité du cheveu.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 : INFORMATIONS PRATIQUES --\u003e\n  \u003csection class=\"soi-silh-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-silh-compo\"\u003e\n      \u003cdiv class=\"soi-silh-compo-row\"\u003e\n        \u003cspan class=\"soi-silh-compo-label\"\u003eContenu\u003c\/span\u003e\n        \u003cspan class=\"soi-silh-compo-value\"\u003e200 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silh-compo-row\"\u003e\n        \u003cspan class=\"soi-silh-compo-label\"\u003eMarque\u003c\/span\u003e\n        \u003cspan class=\"soi-silh-compo-value\"\u003eDr. Saubens® \/ Labo Santé Silice, France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silh-compo-row\"\u003e\n        \u003cspan class=\"soi-silh-compo-label\"\u003eConvient à\u003c\/span\u003e\n        \u003cspan class=\"soi-silh-compo-value\"\u003eCheveux gras, colorés, bouclés, fragilisés, cuir chevelu sensible ou séborrhéique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silh-compo-row\"\u003e\n        \u003cspan class=\"soi-silh-compo-label\"\u003eUsage\u003c\/span\u003e\n        \u003cspan class=\"soi-silh-compo-value\"\u003e2 à 3 lavages par semaine\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silh-compo-row\"\u003e\n        \u003cspan class=\"soi-silh-compo-label\"\u003eFormule\u003c\/span\u003e\n        \u003cspan class=\"soi-silh-compo-value\"\u003eSans paraben, actifs naturels majoritaires\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-silh-accordion\"\u003e\n      \u003cdetails class=\"soi-silh-accordion-item\"\u003e\n        \u003csummary class=\"soi-silh-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-silh-accordion-content\"\u003e\n          \u003cp\u003eCe produit ne se substitue pas à un avis médical en cas de chute importante.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"soi-silh-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-silh-cta-box\"\u003e\n      \u003cp class=\"soi-silh-cta-tag\" style=\"color: white;\"\u003ePrendre soin de soi naturellement, lavage après lavage\u003c\/p\u003e\n      \u003cp class=\"soi-silh-cta-text\" style=\"color: white;\"\u003ePrendre soin de vos cheveux, c'est aussi prendre soin de vous. Silahair® réunit en un seul flacon tout ce dont votre cuir chevelu a besoin : équilibre, force et vitalité retrouvée. Faites confiance à la science naturelle de Labo Santé Silice pour une chevelure transformée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-silh-marine: #1A2D3D;\n  --soi-silh-marine-dark: #0F1E2B;\n  --soi-silh-marine-light: #2C4458;\n  --soi-silh-pomme: #A1C544;\n  --soi-silh-pomme-dark: #84A636;\n  --soi-silh-pomme-light: rgba(161,197,68,0.10);\n  --soi-silh-white: #FFFFFF;\n  --soi-silh-off-white: #F8FAF6;\n  --soi-silh-stone: #F1F3EE;\n  --soi-silh-line: #E5E8E0;\n  --soi-silh-primary: #7EC8B5;\n  --soi-silh-primary-soft: rgba(126,200,181,0.12);\n  --soi-silh-accent: #94C5A8;\n  --soi-silh-text: #1A2D3D;\n  --soi-silh-text-soft: #4A5B6B;\n  --soi-silh-text-muted: #7B8693;\n  --soi-silh-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-silh-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-silh-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-silh-radius: 12px;\n  --soi-silh-radius-sm: 8px;\n  --soi-silh-radius-pill: 999px;\n}\n\n.soi-silh-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-silh-fiche img { max-width: 100%; height: auto; }\n\n.soi-silh-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-silh-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-silh-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-silh-hero {\n  position: relative;\n  background: var(--soi-silh-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-silh-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-silh-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-silh-pomme);\n}\n\n.soi-silh-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-silh-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-silh-pomme);\n  border-radius: 50%;\n}\n\n.soi-silh-hero-title {\n  display: block;\n  color: var(--soi-silh-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-silh-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-silh-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-silh-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-silh-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-silh-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-silh-label-accent {\n  background: var(--soi-silh-pomme);\n  border-color: var(--soi-silh-pomme);\n  color: var(--soi-silh-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-silh-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-silh-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-silh-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-silh-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-silh-pomme);\n  border-radius: 2px;\n}\n\n.soi-silh-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-silh-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-silh-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-silh-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-silh-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-silh-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-silh-grid-compo {\n  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\n}\n\n.soi-silh-card {\n  background: var(--soi-silh-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-silh-radius);\n  border-left: 3px solid var(--soi-silh-primary);\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-silh-card:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-silh-shadow-md);\n}\n\n.soi-silh-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-silh-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-silh-card p {\n  font-size: 14px;\n  color: var(--soi-silh-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-silh-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-silh-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-silh-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-silh-radius);\n  border: 1px solid var(--soi-silh-line);\n  align-items: flex-start;\n}\n\n.soi-silh-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-silh-marine);\n  color: var(--soi-silh-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-silh-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-silh-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-silh-step-content p {\n  font-size: 14px;\n  color: var(--soi-silh-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-silh-compo {\n  background: var(--soi-silh-off-white);\n  border-radius: var(--soi-silh-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.25rem;\n}\n\n.soi-silh-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-silh-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-silh-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-silh-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-silh-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-silh-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-silh-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-silh-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-silh-pomme-light);\n  border-left: 4px solid var(--soi-silh-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-silh-radius) var(--soi-silh-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-silh-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-silh-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-silh-marine);\n  margin-bottom: 4px;\n}\n\n.soi-silh-tip p {\n  font-size: 14px;\n  color: var(--soi-silh-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-silh-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-silh-accordion-item {\n  background: var(--soi-silh-off-white);\n  border-radius: var(--soi-silh-radius-sm);\n  border: 1px solid var(--soi-silh-line);\n  overflow: hidden;\n}\n\n.soi-silh-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-silh-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-silh-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-silh-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-silh-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-silh-accordion-item[open] .soi-silh-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-silh-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-silh-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-silh-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-silh-cta-box {\n  background: var(--soi-silh-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-silh-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-silh-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-silh-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-silh-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-silh-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-silh-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-silh-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-silh-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-silh-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-silh-compo-value {\n    text-align: left;\n  }\n\n  .soi-silh-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-silh-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-silh-grid-compo {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-silh-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-silh-fiche {\n    --soi-silh-text-soft: #2C3E50;\n    --soi-silh-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Labo Santé Silice","offers":[{"title":"Default Title","offer_id":61602989506890,"sku":"LS0160","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/Silahair-Shampooing-Anti-Chute_11zon.webp?v=1781261242"},{"product_id":"silagencyl-en-flacon","title":"SILAGENCYL en flacon","description":"\u003cdiv class=\"soi-sila-fiche\"\u003e\n\n  \u003csection class=\"soi-sila-hero\"\u003e\n    \u003cdiv class=\"soi-sila-hero-tag\"\u003e\n      \u003cspan class=\"soi-sila-tag-dot\"\u003e\u003c\/span\u003e\n      Hygiène bucco-dentaire · Labo Santé Silice\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-sila-hero-title\"\u003eSilagencyl®\u003c\/span\u003e\n    \u003cp class=\"soi-sila-hero-subtitle\"\u003eBain de bouche au silicium organique pour la tonicité des gencives, l'hydratation des muqueuses et une hygiène bucco-dentaire naturelle au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-sila-hero-labels\"\u003e\n      \u003cspan class=\"soi-sila-label soi-sila-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-sila-label\"\u003eSANS CHLORHEXIDINE\u003c\/span\u003e\n      \u003cspan class=\"soi-sila-label\"\u003eSANS ALCOOL IRRITANT\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sila-section\"\u003e\n    \u003ch2\u003ePourquoi choisir Silagencyl® plutôt qu'un bain de bouche antiseptique classique ?\u003c\/h2\u003e\n    \u003cp\u003eLes bains de bouche antiseptiques à la chlorhexidine (Paroex, Eludril, etc.) sont efficaces contre les bactéries, mais leur usage prolongé peut déséquilibrer la flore buccale et irriter les muqueuses. Silagencyl® adopte une approche différente : plutôt que de combattre l'environnement buccal, il le \u003cstrong\u003enourrit et le renforce\u003c\/strong\u003e grâce à trois actifs complémentaires soigneusement sélectionnés. Une alternative naturelle et ciblée pour celles et ceux qui recherchent un soin quotidien respectueux de leur bouche.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sila-section\"\u003e\n    \u003ch2\u003eLes 3 actifs clés de Silagencyl®\u003c\/h2\u003e\n    \u003cdiv class=\"soi-sila-benefits\"\u003e\n      \u003cdiv class=\"soi-sila-benefit\"\u003e\n        \u003cdiv class=\"soi-sila-benefit-icon\"\u003e\u003cspan\u003e🧬\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSilicium organique\u003c\/h3\u003e\n        \u003cp\u003eActif phare de la formule, il stimule la synthèse du collagène et favorise la tonicité ainsi que la souplesse des tissus gingivaux. Particulièrement adapté en cas de gencives fragilisées ou qui se déchaussent.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sila-benefit\"\u003e\n        \u003cdiv class=\"soi-sila-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHuile essentielle de girofle\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour ses propriétés apaisantes et tonifiantes, elle procure un confort buccal immédiat et renforce la résistance des gencives aux agressions du quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sila-benefit\"\u003e\n        \u003cdiv class=\"soi-sila-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAcide hyaluronique\u003c\/h3\u003e\n        \u003cp\u003eIl hydrate les muqueuses en profondeur, maintient la cohésion des tissus et favorise une meilleure cicatrisation en cas de micro-lésions gingivales.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sila-section\"\u003e\n    \u003ch2\u003eComment utiliser Silagencyl® efficacement ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-sila-timeline\"\u003e\n      \u003cdiv class=\"soi-sila-step\"\u003e\n        \u003cdiv class=\"soi-sila-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-sila-step-content\"\u003e\n          \u003ch3\u003eBrossage habituel\u003c\/h3\u003e\n          \u003cp\u003eBrossez et rincez vos dents normalement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sila-step\"\u003e\n        \u003cdiv class=\"soi-sila-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-sila-step-content\"\u003e\n          \u003ch3\u003eDosage\u003c\/h3\u003e\n          \u003cp\u003ePrélevez \u003cstrong\u003e20 ml de Silagencyl®\u003c\/strong\u003e à l'aide du bouchon doseur fourni.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sila-step\"\u003e\n        \u003cdiv class=\"soi-sila-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-sila-step-content\"\u003e\n          \u003ch3\u003eBain de bouche\u003c\/h3\u003e\n          \u003cp\u003eFaites circuler le liquide dans votre bouche pendant \u003cstrong\u003e2 à 3 minutes\u003c\/strong\u003e, en veillant à bien entourer les gencives.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sila-step\"\u003e\n        \u003cdiv class=\"soi-sila-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-sila-step-content\"\u003e\n          \u003ch3\u003eFréquence\u003c\/h3\u003e\n          \u003cp\u003eRépétez \u003cstrong\u003edeux fois par jour\u003c\/strong\u003e, matin et soir, pour des résultats optimaux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-sila-tip\"\u003e\n      \u003cdiv class=\"soi-sila-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eVeillez à bien faire circuler le liquide autour des gencives pour permettre aux actifs d'agir efficacement sur les zones sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sila-section\"\u003e\n    \u003ch2\u003eComposition de Silagencyl®\u003c\/h2\u003e\n    \u003cdiv class=\"soi-sila-compo\"\u003e\n      \u003cdiv class=\"soi-sila-compo-row\"\u003e\n        \u003cspan class=\"soi-sila-compo-label\"\u003eListe INCI\u003c\/span\u003e\n        \u003cspan class=\"soi-sila-compo-value\"\u003eAqua, Glycerin, Sorbitol, Silicium organique (acide orthosilicique stabilisé), Acide hyaluronique, Huile essentielle d'Eugenia caryophyllus (girofle), Sodium Benzoate, Potassium Sorbate, Citric Acid, Aroma\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sila-compo-row\"\u003e\n        \u003cspan class=\"soi-sila-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-sila-compo-value\"\u003eFrance, Labo Santé Silice (Dr. Saubens)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sila-compo-row\"\u003e\n        \u003cspan class=\"soi-sila-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-sila-compo-value\"\u003eChlorhexidine, alcool irritant\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sila-section\"\u003e\n    \u003ch2\u003ePour qui est recommandé Silagencyl® ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-sila-grid\"\u003e\n      \u003cdiv class=\"soi-sila-card\"\u003e\n        \u003ch3\u003e🩸 Gencives sensibles ou qui saignent\u003c\/h3\u003e\n        \u003cp\u003eVous souffrez de gencives gonflées, sensibles ou sujettes aux saignements ? Silagencyl® contribue à renforcer la tonicité des tissus gingivaux grâce au silicium organique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sila-card\"\u003e\n        \u003ch3\u003e🦷 Déchaussement dentaire\u003c\/h3\u003e\n        \u003cp\u003eSi vous êtes concerné(e) par le déchaussement dentaire, ce bain de bouche favorise la souplesse et la résistance des gencives au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sila-card\"\u003e\n        \u003ch3\u003e🛡️ Hygiène sans antiseptique agressif\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez renforcer votre hygiène bucco-dentaire sans recourir à un bain de bouche antiseptique classique ? Silagencyl® offre une alternative naturelle et respectueuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sila-card\"\u003e\n        \u003ch3\u003e💦 Bouches sèches et muqueuses fragilisées\u003c\/h3\u003e\n        \u003cp\u003eL'acide hyaluronique contenu dans la formule hydrate les muqueuses en profondeur, apportant confort et soulagement aux bouches sèches.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-sila-accordion\"\u003e\n      \u003cdetails class=\"soi-sila-accordion-item\"\u003e\n        \u003csummary class=\"soi-sila-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-sila-accordion-content\"\u003e\n          \u003cp\u003eCe produit ne remplace pas un traitement médical ou un suivi chez votre dentiste. En cas de problème gingival persistant, consultez un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sila-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-sila-cta-box\"\u003e\n      \u003cp class=\"soi-sila-cta-tag\" style=\"color: white;\"\u003ePrenez soin de vos gencives comme vous prenez soin de votre peau\u003c\/p\u003e\n      \u003cp class=\"soi-sila-cta-text\" style=\"color: white;\"\u003eSilagencyl® allie silicium organique, acide hyaluronique et huile essentielle de girofle dans un bain de bouche doux, complet et fabriqué en France. Deux minutes matin et soir suffisent pour retrouver des gencives plus fermes, une bouche confortable et un sourire qui respire la santé.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-sila-marine: #1A2D3D;\n  --soi-sila-marine-dark: #0F1E2B;\n  --soi-sila-marine-light: #2C4458;\n  --soi-sila-pomme: #A1C544;\n  --soi-sila-pomme-dark: #84A636;\n  --soi-sila-pomme-light: rgba(161,197,68,0.10);\n  --soi-sila-white: #FFFFFF;\n  --soi-sila-off-white: #F8FAF6;\n  --soi-sila-stone: #F1F3EE;\n  --soi-sila-line: #E5E8E0;\n  --soi-sila-primary: #2A6496;\n  --soi-sila-primary-soft: #E8F1F8;\n  --soi-sila-accent: #94C5A8;\n  --soi-sila-text: #1A2D3D;\n  --soi-sila-text-soft: #4A5B6B;\n  --soi-sila-text-muted: #7B8693;\n  --soi-sila-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-sila-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-sila-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-sila-radius: 12px;\n  --soi-sila-radius-sm: 8px;\n  --soi-sila-radius-pill: 999px;\n}\n\n.soi-sila-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-sila-fiche img { max-width: 100%; height: auto; }\n\n.soi-sila-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-sila-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-sila-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-sila-hero {\n  position: relative;\n  background: var(--soi-sila-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-sila-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-sila-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-sila-pomme);\n}\n\n.soi-sila-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-sila-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-sila-pomme);\n  border-radius: 50%;\n}\n\n.soi-sila-hero-title {\n  display: block;\n  color: var(--soi-sila-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-sila-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-sila-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-sila-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-sila-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-sila-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-sila-label-accent {\n  background: var(--soi-sila-pomme);\n  border-color: var(--soi-sila-pomme);\n  color: var(--soi-sila-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-sila-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-sila-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-sila-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-sila-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-sila-pomme);\n  border-radius: 2px;\n}\n\n.soi-sila-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-sila-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-sila-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-sila-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-sila-benefit {\n  background: var(--soi-sila-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-sila-radius);\n  border: 1px solid var(--soi-sila-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-sila-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-sila-shadow-md);\n}\n\n.soi-sila-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-sila-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-sila-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-sila-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-sila-benefit:hover .soi-sila-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-sila-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-sila-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-sila-benefit p {\n  font-size: 13px;\n  color: var(--soi-sila-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-sila-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-sila-card {\n  background: var(--soi-sila-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-sila-radius);\n  border-left: 3px solid var(--soi-sila-pomme);\n}\n\n.soi-sila-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-sila-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-sila-card p {\n  font-size: 14px;\n  color: var(--soi-sila-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-sila-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-sila-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-sila-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-sila-radius);\n  border: 1px solid var(--soi-sila-line);\n  align-items: flex-start;\n}\n\n.soi-sila-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-sila-marine);\n  color: var(--soi-sila-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-sila-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-sila-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-sila-step-content p {\n  font-size: 14px;\n  color: var(--soi-sila-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-sila-compo {\n  background: var(--soi-sila-off-white);\n  border-radius: var(--soi-sila-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-sila-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-sila-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-sila-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-sila-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-sila-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  flex-shrink: 0;\n}\n\n.soi-sila-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-sila-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-sila-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-sila-pomme-light);\n  border-left: 4px solid var(--soi-sila-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-sila-radius) var(--soi-sila-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-sila-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-sila-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-sila-marine);\n  margin-bottom: 4px;\n}\n\n.soi-sila-tip p {\n  font-size: 14px;\n  color: var(--soi-sila-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-sila-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-sila-accordion-item {\n  background: var(--soi-sila-off-white);\n  border-radius: var(--soi-sila-radius-sm);\n  border: 1px solid var(--soi-sila-line);\n  overflow: hidden;\n}\n\n.soi-sila-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-sila-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-sila-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-sila-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-sila-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-sila-accordion-item[open] .soi-sila-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-sila-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-sila-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-sila-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-sila-cta-box {\n  background: var(--soi-sila-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-sila-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-sila-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-sila-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-sila-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-sila-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-sila-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 500;\n  color: var(--soi-sila-white);\n  line-height: 1.5;\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-sila-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-sila-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-sila-compo-value {\n    text-align: left;\n  }\n\n  .soi-sila-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-sila-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-sila-fiche {\n    --soi-sila-text-soft: #2C3E50;\n    --soi-sila-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Labo Santé Silice","offers":[{"title":"Default Title","offer_id":61602994323786,"sku":"LS0230","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/silagencyl-en-flacon-packshot.webp?v=1779435496"},{"product_id":"aromaspray-pin-vetiver","title":"Spray d'Ambiance Pin Vétiver - Aromaspray","description":"\n\u003cdiv class=\"soi-pinv-fiche\"\u003e\n\n  \u003csection class=\"soi-pinv-hero\"\u003e\n    \u003cdiv class=\"soi-pinv-hero-tag\"\u003e\n      \u003cspan class=\"soi-pinv-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie atmosphérique · Aromaspray\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-pinv-hero-title\"\u003eSpray d'Ambiance Pin Vétiver\u003c\/span\u003e\n    \u003cp class=\"soi-pinv-hero-subtitle\"\u003eUn sanctuaire boisé et vivifiant dans votre intérieur : la fraîcheur résineuse du pin sylvestre alliée à la profondeur apaisante du vétiver, en un simple geste.\u003c\/p\u003e\n    \u003cdiv class=\"soi-pinv-hero-labels\"\u003e\n      \u003cspan class=\"soi-pinv-label soi-pinv-label-accent\"\u003eHUILES ESSENTIELLES 100% PURES ET NATURELLES\u003c\/span\u003e\n      \u003cspan class=\"soi-pinv-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-pinv-label\"\u003eSANS CONSERVATEURS\u003c\/span\u003e\n      \u003cspan class=\"soi-pinv-label\"\u003eSANS ADDITIFS\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-pinv-section\"\u003e\n    \u003cp class=\"soi-pinv-section-intro\"\u003eUn intérieur qui sent le sous-bois frais après la pluie, une atmosphère qui calme l'esprit en quelques secondes : c'est exactement ce que vous offre ce spray d'ambiance naturel. Fabriqué en Bourgogne à partir d'huiles essentielles 100 % pures, l'Aromaspray Pin Vétiver transforme votre espace en sanctuaire boisé et vivifiant, sans aucun additif artificiel.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-pinv-section\"\u003e\n    \u003ch2\u003eUn accord boisé unique : pourquoi Pin et Vétiver ?\u003c\/h2\u003e\n    \u003cp\u003eCes deux huiles essentielles se complètent à merveille. Le \u003cstrong\u003epin sylvestre\u003c\/strong\u003e apporte une fraîcheur résineuse et tonique, évocatrice des forêts de montagne. Le \u003cstrong\u003evétiver\u003c\/strong\u003e, extrait des racines d'une plante tropicale, lui répond avec des notes terreuses, profondes et apaisantes. Ensemble, ils créent une fragrance naturelle équilibrée, ni trop vive ni trop lourde, parfaite du matin au soir.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-pinv-section\"\u003e\n    \u003ch2\u003eComposition complète du spray d'ambiance Pin Vétiver\u003c\/h2\u003e\n    \u003cp class=\"soi-pinv-section-intro\"\u003eLa formule Aromaspray associe plusieurs huiles essentielles sélectionnées pour leurs propriétés complémentaires :\u003c\/p\u003e\n    \u003cdiv class=\"soi-pinv-grid\"\u003e\n      \u003cdiv class=\"soi-pinv-card\"\u003e\n        \u003ch3\u003e🌲 Pin sylvestre\u003c\/h3\u003e\n        \u003cp\u003eAssainissant et tonique, il évoque la forêt vivifiante des sommets.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-pinv-card\"\u003e\n        \u003ch3\u003e🪵 Vétiver\u003c\/h3\u003e\n        \u003cp\u003eAncrant et apaisant, aux notes boisées et terreuses profondes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-pinv-card\"\u003e\n        \u003ch3\u003e🍃 Eucalyptus\u003c\/h3\u003e\n        \u003cp\u003eFrais et purifiant, il favorise une atmosphère respiratoire agréable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-pinv-card\"\u003e\n        \u003ch3\u003e🫐 Genièvre\u003c\/h3\u003e\n        \u003cp\u003ePurificateur d'atmosphère aux accents légèrement boisés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-pinv-card\"\u003e\n        \u003ch3\u003e💜 Lavandin\u003c\/h3\u003e\n        \u003cp\u003eApaisant et floral discret, pour une touche de douceur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-pinv-card\"\u003e\n        \u003ch3\u003e🌿 Niaouli\u003c\/h3\u003e\n        \u003cp\u003eAssainissant au tonus doux, il complète l'action purifiante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-pinv-card\"\u003e\n        \u003ch3\u003e🎄 Sapin Baumier\u003c\/h3\u003e\n        \u003cp\u003eNote balsamique profonde et très naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"margin-top:1rem;\"\u003eAucun conservateur, aucun propulseur chimique. Un spray d'ambiance maison réellement naturel, conçu pour respecter votre intérieur comme l'environnement.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-pinv-section\"\u003e\n    \u003ch2\u003eCe que vous allez ressentir au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"soi-pinv-benefits\"\u003e\n      \u003cdiv class=\"soi-pinv-benefit\"\u003e\n        \u003cdiv class=\"soi-pinv-benefit-icon\"\u003e\u003cspan\u003e🌬️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eUn air plus sain\u003c\/h3\u003e\n        \u003cp\u003eLes huiles essentielles de pin, niaouli et eucalyptus assainissent naturellement l'atmosphère de vos pièces.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-pinv-benefit\"\u003e\n        \u003cdiv class=\"soi-pinv-benefit-icon\"\u003e\u003cspan\u003e🧘\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eUne détente immédiate\u003c\/h3\u003e\n        \u003cp\u003eLe vétiver et le lavandin favorisent la relaxation, idéal après une longue journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-pinv-benefit\"\u003e\n        \u003cdiv class=\"soi-pinv-benefit-icon\"\u003e\u003cspan\u003e⛰️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eUne énergie douce\u003c\/h3\u003e\n        \u003cp\u003eLe pin et le sapin baumier apportent cette impression de grand air, sans agresser les voies respiratoires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-pinv-benefit\"\u003e\n        \u003cdiv class=\"soi-pinv-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eUn intérieur sans mauvaises odeurs\u003c\/h3\u003e\n        \u003cp\u003eLes effluves de cuisine ou de tabac laissent place à un parfum naturel discret et persistant.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-pinv-section\"\u003e\n    \u003ch2\u003eComment utiliser votre spray d'ambiance naturel ?\u003c\/h2\u003e\n    \u003cp class=\"soi-pinv-section-intro\"\u003eVaporisez quelques pressions dans la pièce de votre choix, en évitant les surfaces fragiles. Voici les usages les plus appréciés :\u003c\/p\u003e\n    \u003cdiv class=\"soi-pinv-timeline\"\u003e\n      \u003cdiv class=\"soi-pinv-step\"\u003e\n        \u003cdiv class=\"soi-pinv-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-pinv-step-content\"\u003e\n          \u003ch3\u003eSalon ou bureau\u003c\/h3\u003e\n          \u003cp\u003eQuelques pressions pour créer une atmosphère de concentration sereine tout au long de la journée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-pinv-step\"\u003e\n        \u003cdiv class=\"soi-pinv-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-pinv-step-content\"\u003e\n          \u003ch3\u003eChambre, avant le coucher\u003c\/h3\u003e\n          \u003cp\u003eVaporisez pour favoriser l'endormissement dans un cocon boisé et apaisant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-pinv-step\"\u003e\n        \u003cdiv class=\"soi-pinv-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-pinv-step-content\"\u003e\n          \u003ch3\u003eSalle de bain, après la douche\u003c\/h3\u003e\n          \u003cp\u003eProlongez la sensation de fraîcheur avec les notes résineuses et balsamiques.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-pinv-step\"\u003e\n        \u003cdiv class=\"soi-pinv-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-pinv-step-content\"\u003e\n          \u003ch3\u003eVoiture\u003c\/h3\u003e\n          \u003cp\u003eQuelques petits sprays discrets sur les sièges ou moquettes pour un habitacle naturellement parfumé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-pinv-tip\"\u003e\n      \u003cdiv class=\"soi-pinv-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eContrairement à de nombreux sprays du commerce, la formule Aromaspray ne contient pas d'alcool de synthèse ni de parfums de composition chimique : un choix idéal si vous cherchez une alternative naturelle et saine pour votre intérieur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-pinv-section\"\u003e\n    \u003ch2\u003eLes garanties Aromaspray\u003c\/h2\u003e\n    \u003cdiv class=\"soi-pinv-grid-compact\"\u003e\n      \u003cdiv class=\"soi-pinv-card-mini\"\u003e\n        \u003cspan class=\"soi-pinv-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-pinv-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-pinv-card-mini-value\"\u003eFrance, Bourgogne\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-pinv-card-mini\"\u003e\n        \u003cspan class=\"soi-pinv-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan class=\"soi-pinv-card-mini-label\"\u003eHuiles essentielles\u003c\/span\u003e\n        \u003cspan class=\"soi-pinv-card-mini-value\"\u003e100% pures et naturelles\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-pinv-card-mini\"\u003e\n        \u003cspan class=\"soi-pinv-card-mini-icon\"\u003e🌍\u003c\/span\u003e\n        \u003cspan class=\"soi-pinv-card-mini-label\"\u003eEngagement\u003c\/span\u003e\n        \u003cspan class=\"soi-pinv-card-mini-value\"\u003eSourcing éco-responsable\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-pinv-card-mini\"\u003e\n        \u003cspan class=\"soi-pinv-card-mini-icon\"\u003e🎒\u003c\/span\u003e\n        \u003cspan class=\"soi-pinv-card-mini-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"soi-pinv-card-mini-value\"\u003ePratique, à emporter partout\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-pinv-section\"\u003e\n    \u003ch2\u003eLes notes olfactives en un coup d'œil\u003c\/h2\u003e\n    \u003cdiv class=\"soi-pinv-grid soi-pinv-grid-notes\"\u003e\n      \u003cdiv class=\"soi-pinv-card soi-pinv-card-note\"\u003e\n        \u003ch3\u003e🌲 Note de tête\u003c\/h3\u003e\n        \u003cp\u003ePin, Eucalyptus, Niaouli\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-pinv-card soi-pinv-card-note\"\u003e\n        \u003ch3\u003e🌿 Note de cœur\u003c\/h3\u003e\n        \u003cp\u003eLavandin, Genièvre, Sapin Baumier\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-pinv-card soi-pinv-card-note\"\u003e\n        \u003ch3\u003e🪵 Note de fond\u003c\/h3\u003e\n        \u003cp\u003eVétiver, boisé profond\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-pinv-section\"\u003e\n    \u003cdiv class=\"soi-pinv-accordion\"\u003e\n      \u003cdetails class=\"soi-pinv-accordion-item\"\u003e\n        \u003csummary class=\"soi-pinv-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-pinv-accordion-content\"\u003e\n          \u003cp\u003eCe spray d'ambiance est destiné à un usage olfactif et atmosphérique uniquement. Il ne constitue pas un produit médical et ne remplace en aucun cas un traitement ou un avis médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-pinv-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-pinv-cta-box\"\u003e\n      \u003cp class=\"soi-pinv-cta-tag\" style=\"color: white;\"\u003eFermez les yeux, vaporisez, respirez\u003c\/p\u003e\n      \u003cp class=\"soi-pinv-cta-text\" style=\"color: white;\"\u003eL'Aromaspray Pin Vétiver vous transporte au cœur d'une forêt apaisante, sans quitter votre salon. Un spray d'ambiance 100 % naturel, fabriqué en France, qui prend soin de vous et de votre air intérieur, chaque jour, simplement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-pinv-marine: #1A2D3D;\n  --soi-pinv-marine-dark: #0F1E2B;\n  --soi-pinv-marine-light: #2C4458;\n  --soi-pinv-pomme: #A1C544;\n  --soi-pinv-pomme-dark: #84A636;\n  --soi-pinv-pomme-light: rgba(161,197,68,0.10);\n  --soi-pinv-white: #FFFFFF;\n  --soi-pinv-off-white: #F8FAF6;\n  --soi-pinv-stone: #F1F3EE;\n  --soi-pinv-line: #E5E8E0;\n  --soi-pinv-primary: #7A9A8E;\n  --soi-pinv-primary-soft: #D4E4DD;\n  --soi-pinv-accent: #4A6B5A;\n  --soi-pinv-text: #1A2D3D;\n  --soi-pinv-text-soft: #4A5B6B;\n  --soi-pinv-text-muted: #7B8693;\n  --soi-pinv-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-pinv-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-pinv-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-pinv-radius: 12px;\n  --soi-pinv-radius-sm: 8px;\n  --soi-pinv-radius-pill: 999px;\n}\n\n.soi-pinv-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-pinv-fiche img { max-width: 100%; height: auto; }\n\n.soi-pinv-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-pinv-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-pinv-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-pinv-hero {\n  position: relative;\n  background: var(--soi-pinv-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-pinv-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-pinv-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-pinv-pomme);\n}\n\n.soi-pinv-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-pinv-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-pinv-pomme);\n  border-radius: 50%;\n}\n\n.soi-pinv-hero-title {\n  display: block;\n  color: var(--soi-pinv-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-pinv-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-pinv-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-pinv-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-pinv-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-pinv-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-pinv-label-accent {\n  background: var(--soi-pinv-pomme);\n  border-color: var(--soi-pinv-pomme);\n  color: var(--soi-pinv-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-pinv-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-pinv-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-pinv-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-pinv-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-pinv-pomme);\n  border-radius: 2px;\n}\n\n.soi-pinv-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-pinv-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-pinv-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-pinv-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-pinv-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-pinv-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-pinv-benefit {\n  background: var(--soi-pinv-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-pinv-radius);\n  border: 1px solid var(--soi-pinv-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-pinv-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-pinv-shadow-md);\n}\n\n.soi-pinv-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-pinv-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-pinv-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-pinv-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-pinv-benefit:hover .soi-pinv-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-pinv-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-pinv-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-pinv-benefit p {\n  font-size: 13px;\n  color: var(--soi-pinv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-pinv-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-pinv-card {\n  background: var(--soi-pinv-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-pinv-radius);\n  border-left: 3px solid var(--soi-pinv-pomme);\n}\n\n.soi-pinv-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-pinv-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-pinv-card p {\n  font-size: 14px;\n  color: var(--soi-pinv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* Notes olfactives : variante centrée *\/\n.soi-pinv-grid-notes {\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n}\n\n.soi-pinv-card-note {\n  text-align: center;\n  border-left: none;\n  border-bottom: 3px solid var(--soi-pinv-primary);\n  background: var(--soi-pinv-stone);\n}\n\n\/* === GRID COMPACT === *\/\n.soi-pinv-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-pinv-card-mini {\n  background: var(--soi-pinv-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-pinv-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-pinv-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-pinv-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-pinv-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-pinv-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-pinv-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-pinv-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-pinv-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-pinv-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-pinv-radius);\n  border: 1px solid var(--soi-pinv-line);\n  align-items: flex-start;\n}\n\n.soi-pinv-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-pinv-marine);\n  color: var(--soi-pinv-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-pinv-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-pinv-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-pinv-step-content p {\n  font-size: 14px;\n  color: var(--soi-pinv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-pinv-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-pinv-pomme-light);\n  border-left: 4px solid var(--soi-pinv-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-pinv-radius) var(--soi-pinv-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-pinv-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-pinv-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-pinv-marine);\n  margin-bottom: 4px;\n}\n\n.soi-pinv-tip p {\n  font-size: 14px;\n  color: var(--soi-pinv-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-pinv-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-pinv-accordion-item {\n  background: var(--soi-pinv-off-white);\n  border-radius: var(--soi-pinv-radius-sm);\n  border: 1px solid var(--soi-pinv-line);\n  overflow: hidden;\n}\n\n.soi-pinv-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-pinv-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-pinv-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-pinv-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-pinv-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-pinv-accordion-item[open] .soi-pinv-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-pinv-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-pinv-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-pinv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-pinv-cta-box {\n  background: var(--soi-pinv-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-pinv-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-pinv-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-pinv-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-pinv-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-pinv-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-pinv-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-pinv-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-pinv-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-pinv-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-pinv-grid-notes {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-pinv-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-pinv-fiche {\n    --soi-pinv-text-soft: #2C3E50;\n    --soi-pinv-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61603004973386,"sku":"SC8585","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/spray-dambiance-pin-vetiver-aromaspray-packshot.webp?v=1779353697"},{"product_id":"deodorant-bio-propolia","title":"Déodorant Bio Miel, Hamamélis et Cristal d'Alun - Propolia","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_AP0077_5bd8c771-f8f2-4bd9-bcb3-d5bb184e81b6.jpg?v=1776180303\" alt=\"Photo d'une femme souriante en train de s'appliquer du déodorant en bille\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003eLe déodorant bille Bio de Propolia combine les bienfaits du miel, de l'hamamélis et du cristal d'alun pour offrir une \u003cstrong\u003eprotection naturelle et efficace contre les odeurs et la transpiration\u003c\/strong\u003e. Sa formule douce et certifiée bio convient à toute la famille.\u003c\/p\u003e\n\u003ch2\u003eCaractéristiques principales de ce déodorant\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule douce :\u003c\/strong\u003e Enrichie en miel, propolis, hamamélis et cristal d'alun, cette formule naturelle est conçue pour apaiser et protéger la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNon irritant :\u003c\/strong\u003e Ne pique pas et ne colle pas, offrant une application confortable et agréable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNe tache pas :\u003c\/strong\u003e Laisse les vêtements sans traces, pour une utilisation discrète et efficace.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum frais :\u003c\/strong\u003e Parfum naturel aux huiles essentielles d'agrumes, pour une sensation de fraîcheur durable.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits du déodorant hamamélis, miel et cristal d’alun\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eAction déodorante et anti-transpirante :\u003c\/strong\u003e Le cristal d'alun régule la transpiration et neutralise les odeurs de manière efficace.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApaisement et protection :\u003c\/strong\u003e L'hamamélis et le miel calment et protègent la peau sensible contre les irritations.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTolérance optimale :\u003c\/strong\u003e Formulé sans chlorhydrate d'aluminium ni actifs de synthèse, et testé sous contrôle dermatologique, il assure une tolérance optimale pour tous les types de peau.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eEngagements qualité du déodorant Propolia\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabriqué en France :\u003c\/strong\u003e Conçu et produit en Occitanie, garantissant des normes de qualité élevées et un savoir-faire local.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients bio et naturels :\u003c\/strong\u003e Composé à 99% d'ingrédients d'origine naturelle, dont 69% sont issus de l'agriculture biologique, respectant l'environnement et votre santé.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePureté garantie :\u003c\/strong\u003e Sans chlorhydrate d'aluminium, sans parfums ni actifs de synthèse, pour une utilisation saine et naturelle.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLe déodorant bille Bio de Propolia est parfait pour ceux qui cherchent une \u003cstrong\u003eprotection naturelle contre la transpiration et les odeurs\u003c\/strong\u003e, tout en respectant la peau sensible. Grâce à sa formule riche en actifs naturels et son format pratique, il convient parfaitement à un usage quotidien. Ce déodorant offre non seulement \u003cstrong\u003eune efficacité durable\u003c\/strong\u003e mais aussi \u003cstrong\u003eune expérience agréable\u003c\/strong\u003e grâce à son parfum frais et sa texture non irritante. Optez pour une solution naturelle et respectueuse de votre peau.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603033809226,"sku":"AP0077","price":11.3,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soinat_propolia_ap0077_deodorant_bio.jpg?v=1776156069"},{"product_id":"deovert-hesperid-deodorant","title":"Déodorant fraîcheur Hespérid - Aromaspray","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLe \u003cstrong\u003edéodorant Fraicheur Hespérid'\u003c\/strong\u003e de la marque Deovert est conçu pour offrir une protection efficace et \u003cstrong\u003eune fraîcheur durable\u003c\/strong\u003e grâce à une combinaison d'huiles essentielles naturelles. Sans aluminium, il respecte le processus naturel de la transpiration tout en neutralisant les odeurs.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_SC8590_09918654-b965-47af-baa4-e0e34f26a837.jpg?v=1776180304\" alt=\"Photo d'un homme de dos qui court dans la nature\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003eComposition du déodorant Fraicheur Hespérid' :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCèdre\u003c\/strong\u003e : Connu pour ses propriétés antiseptiques et déodorantes, il aide à neutraliser les odeurs.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCitron\u003c\/strong\u003e : Apporte une fraîcheur agrumée tout en ayant des vertus antibactériennes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLavandin\u003c\/strong\u003e : Reconnu pour ses propriétés calmantes et apaisantes sur la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLemongrass\u003c\/strong\u003e : Connu pour son effet rafraîchissant et tonifiant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOrange\u003c\/strong\u003e : Offre une senteur douce et apaisante tout en ayant des propriétés antibactériennes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePamplemousse\u003c\/strong\u003e : Contribue à un effet tonifiant et rafraîchissant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePin\u003c\/strong\u003e : Possède des propriétés purifiantes et déodorantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRomarin\u003c\/strong\u003e : Connu pour ses vertus stimulantes et antibactériennes.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits du déodorant Fraicheur Hespérid' :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eNeutralisation des odeurs\u003c\/strong\u003e : Neutralise les odeurs dès leur formation sans entraver le processus naturel de la transpiration.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSensation de fraîcheur\u003c\/strong\u003e : Apporte une fraîcheur durable avec une base parfumante aux agrumes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTolérance cutanée\u003c\/strong\u003e : Testé dermatologiquement, il assure une tolérance parfaite pour tous types de peau.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eCaractéristiques du déodorant Fraicheur Hespérid' :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule naturelle\u003c\/strong\u003e : Composé d'ingrédients 100% naturels et sans aluminium, respectueux de la peau et de l'environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉconomique et pratique\u003c\/strong\u003e : Chaque flacon de 100 ml offre environ 500 pulvérisations, garantissant une utilisation économique et durable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabrication française\u003c\/strong\u003e : Fabriqué en Bourgogne, ce produit assure une qualité supérieure et un savoir-faire local.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cul\u003e\n\u003cli\u003e\n\u003cspan style=\"color: #333333;\"\u003eLe déodorant Fraicheur Hespérid' de Deovert est \u003c\/span\u003e\u003cstrong style=\"color: #333333;\"\u003eune solution naturelle et efficace pour une protection déodorante longue durée\u003c\/strong\u003e\u003cspan style=\"color: #333333;\"\u003e. Sa formule riche en huiles essentielles garantit une fraîcheur durable et un bien-être cutané optimal.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61603036397898,"sku":"SC8590","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soinat_aromaspray_sc8590_deovert_hesperid.jpg?v=1776156081"},{"product_id":"deovert-oceanic","title":"Déodorant Fraîcheur Océanic","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLe \u003cstrong\u003edéodorant Fraicheur Océanic\u003c\/strong\u003e de la marque Deovert est formulé pour offrir une \u003cstrong\u003eprotection durable contre les odeurs tout en apportant une sensation de fraîcheur marine\u003c\/strong\u003e. Sans aluminium, il respecte le processus naturel de la transpiration tout en neutralisant efficacement les odeurs.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_SC8595_c1585c59-fced-487f-af5c-d9aba61fd5d2.jpg?v=1776180308\" alt=\"Photo d'une femme en bord de mer\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003eComposition du déodorant Fraicheur Océanic :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCèdre\u003c\/strong\u003e : Possède des propriétés antiseptiques et déodorantes, aidant à neutraliser les odeurs.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCitron\u003c\/strong\u003e : Apporte une fraîcheur vivifiante tout en offrant des vertus antibactériennes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLavandin\u003c\/strong\u003e : Connu pour ses propriétés apaisantes et calmantes sur la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLemongrass\u003c\/strong\u003e : Contribue à un effet rafraîchissant et tonifiant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOrange\u003c\/strong\u003e : Offre une senteur douce et apaisante avec des propriétés antibactériennes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePamplemousse\u003c\/strong\u003e : Apporte un effet tonifiant et rafraîchissant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePin\u003c\/strong\u003e : Possède des propriétés purifiantes et déodorantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRomarin\u003c\/strong\u003e : Connu pour ses vertus stimulantes et antibactériennes.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits du déodorant Fraicheur Océanic :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eNeutralisation des odeurs\u003c\/strong\u003e : Les huiles essentielles de cèdre, citron et pin aident à neutraliser les odeurs dès leur formation sans bloquer la transpiration naturelle.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSensation de fraîcheur\u003c\/strong\u003e : La combinaison d'huiles essentielles d'orange, de pamplemousse et de lemongrass procure une sensation de fraîcheur durable et revitalisante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTolérance cutanée\u003c\/strong\u003e : Enrichi en lavandin et en romarin, ce déodorant assure une tolérance parfaite pour tous types de peau, apaisant et protégeant la peau délicate.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003ch2\u003eCaractéristiques du déodorant Fraicheur Océanic :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule naturelle\u003c\/strong\u003e : Composé d'ingrédients 100% naturels, sans aluminium, respectueux de la peau et de l'environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉconomique et pratique\u003c\/strong\u003e : Chaque flacon de 100 ml offre environ 500 pulvérisations, garantissant une utilisation économique et durable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabrication française\u003c\/strong\u003e : Fabriqué en Bourgogne, ce produit assure une qualité supérieure et un savoir-faire local.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eLe déodorant Fraicheur Océanic de Deovert est une solution naturelle et efficace pour une \u003cstrong\u003eprotection déodorante longue durée\u003c\/strong\u003e. Sa formule riche en huiles essentielles garantit une fraîcheur durable et un bien-être cutané optimal.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61603037610314,"sku":"SC8595","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soinat_aromaspray_sc8595_deovert_oceanic.jpg?v=1776156096"},{"product_id":"brume-oreiller","title":"Spray Brume d’oreiller - Aromaspray","description":"\u003cdiv class=\"soi-brum-fiche\"\u003e\n\n\u003csection class=\"soi-brum-hero\"\u003e\n  \u003cdiv class=\"soi-brum-hero-tag\"\u003e\n    \u003cspan class=\"soi-brum-tag-dot\"\u003e\u003c\/span\u003e\n    Aromathérapie · Aromaspray\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-brum-hero-title\"\u003eBrume d'oreiller Aromaspray\u003c\/span\u003e\n  \u003cp class=\"soi-brum-hero-subtitle\"\u003eDix huiles essentielles réunies en un seul geste pour transformer votre chambre en cocon olfactif et vous accompagner vers un sommeil profond et réparateur.\u003c\/p\u003e\n  \u003cdiv class=\"soi-brum-hero-labels\"\u003e\n    \u003cspan class=\"soi-brum-label soi-brum-label-accent\"\u003e100 % NATUREL\u003c\/span\u003e\n    \u003cspan class=\"soi-brum-label\"\u003eSANS PARABENS\u003c\/span\u003e\n    \u003cspan class=\"soi-brum-label\"\u003eSANS CONSERVATEURS SYNTHÉTIQUES\u003c\/span\u003e\n    \u003cspan class=\"soi-brum-label\"\u003e10 HUILES ESSENTIELLES\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-brum-section\"\u003e\n  \u003ch2\u003eL'aromathérapie naturelle pour des nuits vraiment réparatrices\u003c\/h2\u003e\n  \u003cp\u003eVous avez du mal à décrocher le soir, l'esprit encore encombré par la journée ? La \u003cstrong\u003eBrume d'oreiller Aromaspray\u003c\/strong\u003e est pensée exactement pour ces moments-là. Un simple geste, quelques vaporisations sur votre linge de lit, et votre chambre se transforme en véritable cocon olfactif. Ce \u003cstrong\u003espray d'aromathérapie 100 % naturel\u003c\/strong\u003e associe dix huiles essentielles soigneusement sélectionnées pour accompagner votre corps et votre mental vers un \u003cstrong\u003esommeil profond et réparateur\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-brum-section\"\u003e\n  \u003ch2\u003eUne synergie de 10 huiles essentielles pour un sommeil apaisé\u003c\/h2\u003e\n  \u003cp class=\"soi-brum-section-intro\"\u003eCe qui distingue vraiment cette brume d'oreiller, c'est la richesse de sa composition. Chaque huile a été choisie pour son rôle précis dans la mécanique du sommeil.\u003c\/p\u003e\n  \u003cdiv class=\"soi-brum-grid\"\u003e\n    \u003cdiv class=\"soi-brum-card\"\u003e\n      \u003ch3\u003e🌼 Camomille\u003c\/h3\u003e\n      \u003cp\u003eApaisante profonde, elle calme les pensées agitées et prépare l'esprit au lâcher-prise.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-brum-card\"\u003e\n      \u003ch3\u003e🌸 Néroli\u003c\/h3\u003e\n      \u003cp\u003eExtrait délicat de fleurs d'oranger, reconnu pour atténuer le stress et les tensions émotionnelles.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-brum-card\"\u003e\n      \u003ch3\u003e💜 Lavandin\u003c\/h3\u003e\n      \u003cp\u003eLa référence naturelle pour la relaxation, il réduit l'anxiété et favorise l'endormissement.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-brum-card\"\u003e\n      \u003ch3\u003e🌿 Marjolaine\u003c\/h3\u003e\n      \u003cp\u003eAgit en douceur sur le système nerveux pour relâcher les tensions accumulées.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-brum-card\"\u003e\n      \u003ch3\u003e🌺 Ylang-ylang\u003c\/h3\u003e\n      \u003cp\u003eLibère les crispations nerveuses et invite à une détente profonde.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-brum-card\"\u003e\n      \u003ch3\u003e🌹 Géranium\u003c\/h3\u003e\n      \u003cp\u003eHarmonise les émotions et crée une atmosphère équilibrée et sereine.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-brum-card\"\u003e\n      \u003ch3\u003e🍊 Orange douce\u003c\/h3\u003e\n      \u003cp\u003eSon parfum chaleureux et familier enveloppe dans une sensation de sécurité.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-brum-card\"\u003e\n      \u003ch3\u003e🍃 Petit grain\u003c\/h3\u003e\n      \u003cp\u003eStabilise les émotions et favorise un bien-être intérieur durable.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-brum-card\"\u003e\n      \u003ch3\u003e🍋 Mandarine\u003c\/h3\u003e\n      \u003cp\u003eDouce et rassurante, elle contribue à calmer un mental hyperactif.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-brum-card\"\u003e\n      \u003ch3\u003e🌾 Lemongrass\u003c\/h3\u003e\n      \u003cp\u003eNote fraîche et purifiante qui assainit l'air de votre chambre avant le repos.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-brum-section\"\u003e\n  \u003ch2\u003ePourquoi choisir ce spray d'aromathérapie plutôt qu'un autre ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-brum-benefits\"\u003e\n    \u003cdiv class=\"soi-brum-benefit\"\u003e\n      \u003cdiv class=\"soi-brum-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eFormule 100 % naturelle\u003c\/h3\u003e\n      \u003cp\u003eHuiles essentielles pures, sans parabens ni conservateurs synthétiques.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-brum-benefit\"\u003e\n      \u003cdiv class=\"soi-brum-benefit-icon\"\u003e\u003cspan\u003e🫧\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eBase alcool végétal de betterave\u003c\/h3\u003e\n      \u003cp\u003eAssure une diffusion homogène et respectueuse de l'environnement.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-brum-benefit\"\u003e\n      \u003cdiv class=\"soi-brum-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eUsage polyvalent\u003c\/h3\u003e\n      \u003cp\u003eVaporisez sur l'oreiller, le linge de lit ou dans l'air de la pièce, à environ 50 cm.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-brum-benefit\"\u003e\n      \u003cdiv class=\"soi-brum-benefit-icon\"\u003e\u003cspan\u003e💼\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eFormat pratique\u003c\/h3\u003e\n      \u003cp\u003eCompact et transportable, idéal à la maison comme en déplacement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-brum-tip\"\u003e\n    \u003cdiv class=\"soi-brum-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eAucun risque pour la qualité de l'air : la formulation douce est adaptée à un usage quotidien dans la chambre.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-brum-section\"\u003e\n  \u003ch2\u003eComment utiliser la brume d'oreiller Aromaspray ?\u003c\/h2\u003e\n  \u003cp class=\"soi-brum-section-intro\"\u003eL'utilisation est volontairement simple pour ne pas compliquer votre rituel du soir.\u003c\/p\u003e\n  \u003cdiv class=\"soi-brum-timeline\"\u003e\n    \u003cdiv class=\"soi-brum-step\"\u003e\n      \u003cdiv class=\"soi-brum-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-brum-step-content\"\u003e\n        \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n        \u003cp\u003eSecouez légèrement le flacon avant chaque emploi pour bien homogénéiser les huiles essentielles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-brum-step\"\u003e\n      \u003cdiv class=\"soi-brum-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-brum-step-content\"\u003e\n        \u003ch3\u003eVaporisez sur votre linge de lit\u003c\/h3\u003e\n        \u003cp\u003e1 à 2 vaporisations sur votre oreiller et votre linge de lit, à une distance d'environ 50 cm.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-brum-step\"\u003e\n      \u003cdiv class=\"soi-brum-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-brum-step-content\"\u003e\n        \u003ch3\u003eBrumisez dans l'air\u003c\/h3\u003e\n        \u003cp\u003eVous pouvez aussi brumiser légèrement dans l'air de votre chambre pour diffuser l'ambiance aromatique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-brum-step\"\u003e\n      \u003cdiv class=\"soi-brum-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-brum-step-content\"\u003e\n        \u003ch3\u003eRespirez et lâchez prise\u003c\/h3\u003e\n        \u003cp\u003eAttendez quelques secondes, respirez profondément et laissez les huiles essentielles faire leur travail.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-brum-tip\"\u003e\n    \u003cdiv class=\"soi-brum-tip-icon\"\u003e🌙\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003ePour un effet optimal, intégrez ce geste à un rituel du coucher régulier : quelques pages de lecture, une respiration lente, et la brume comme signal olfactif que le moment de dormir est arrivé.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-brum-section\"\u003e\n  \u003ch2\u003eÀ qui s'adresse la Brume d'oreiller Aromaspray ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-brum-grid\"\u003e\n    \u003cdiv class=\"soi-brum-card\"\u003e\n      \u003ch3\u003e😤 Personnes stressées\u003c\/h3\u003e\n      \u003cp\u003eVous traversez des périodes exigeantes et votre esprit peine à se calmer le soir. La brume vous aide à poser un repère olfactif apaisant.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-brum-card\"\u003e\n      \u003ch3\u003e🎯 Grands sensibles\u003c\/h3\u003e\n      \u003cp\u003eSensible au bruit, aux tensions ambiantes, vous avez besoin d'un environnement enveloppant pour trouver le sommeil.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-brum-card\"\u003e\n      \u003ch3\u003e✈️ Voyageurs fréquents\u003c\/h3\u003e\n      \u003cp\u003eVous peinez à dormir hors de chez vous. Le format compact se glisse partout et recrée votre bulle de sérénité, où que vous soyez.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-brum-card\"\u003e\n      \u003ch3\u003e🧘 En quête de naturalité\u003c\/h3\u003e\n      \u003cp\u003eVous cherchez un rituel apaisant sans recourir aux solutions médicamenteuses pour améliorer la qualité de vos nuits.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-brum-tip\"\u003e\n    \u003cdiv class=\"soi-brum-tip-icon\"\u003e⚕️\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eImportant\u003c\/strong\u003e\n      \u003cp\u003eCe produit ne se substitue pas à un suivi médical en cas de troubles du sommeil persistants.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-brum-section\"\u003e\n  \u003ch2\u003eComposition complète\u003c\/h2\u003e\n  \u003cdiv class=\"soi-brum-compo\"\u003e\n    \u003cdiv class=\"soi-brum-compo-row\"\u003e\n      \u003cspan class=\"soi-brum-compo-label\"\u003eBase\u003c\/span\u003e\n      \u003cspan class=\"soi-brum-compo-value\"\u003eAlcool végétal (betterave)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-brum-compo-row\"\u003e\n      \u003cspan class=\"soi-brum-compo-label\"\u003eHuiles essentielles\u003c\/span\u003e\n      \u003cspan class=\"soi-brum-compo-value\"\u003eCamomille, néroli, lavandin, marjolaine, ylang-ylang, géranium, orange douce, petit grain, mandarine, lemongrass\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-brum-compo-row\"\u003e\n      \u003cspan class=\"soi-brum-compo-label\"\u003eOrigine\u003c\/span\u003e\n      \u003cspan class=\"soi-brum-compo-value\"\u003e100 % d'origine naturelle\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-brum-compo-row\"\u003e\n      \u003cspan class=\"soi-brum-compo-label\"\u003eSans\u003c\/span\u003e\n      \u003cspan class=\"soi-brum-compo-value\"\u003eSans parabens, sans conservateurs synthétiques\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-brum-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-brum-cta-box\"\u003e\n    \u003cp class=\"soi-brum-cta-tag\" style=\"color: white;\"\u003eVotre rituel du coucher commence ici\u003c\/p\u003e\n    \u003cp class=\"soi-brum-cta-text\" style=\"color: white;\"\u003eChaque soir mérite un vrai moment de paix. Dix huiles essentielles qui travaillent ensemble pour déposer sur votre oreiller une invitation au repos. Un geste simple, un parfum naturel et enveloppant, et des nuits que vous attendez à nouveau avec plaisir.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-brum-marine: #1A2D3D;\n  --soi-brum-marine-dark: #0F1E2B;\n  --soi-brum-marine-light: #2C4458;\n  --soi-brum-pomme: #A1C544;\n  --soi-brum-pomme-dark: #84A636;\n  --soi-brum-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-brum-white: #FFFFFF;\n  --soi-brum-off-white: #F8FAF6;\n  --soi-brum-stone: #F1F3EE;\n  --soi-brum-line: #E5E8E0;\n\n  --soi-brum-primary: #2A3F6E;\n  --soi-brum-primary-soft: #3D5A7A;\n  --soi-brum-accent: #D4C28A;\n\n  --soi-brum-text: #1A2D3D;\n  --soi-brum-text-soft: #4A5B6B;\n  --soi-brum-text-muted: #7B8693;\n\n  --soi-brum-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-brum-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-brum-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-brum-radius: 12px;\n  --soi-brum-radius-sm: 8px;\n  --soi-brum-radius-pill: 999px;\n}\n\n.soi-brum-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-brum-fiche img { max-width: 100%; height: auto; }\n\n.soi-brum-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-brum-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-brum-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-brum-hero {\n  position: relative;\n  background: var(--soi-brum-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-brum-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-brum-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-brum-pomme);\n}\n\n.soi-brum-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-brum-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-brum-pomme);\n  border-radius: 50%;\n}\n\n.soi-brum-hero-title {\n  display: block;\n  color: var(--soi-brum-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-brum-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-brum-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-brum-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-brum-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-brum-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-brum-label-accent {\n  background: var(--soi-brum-pomme);\n  border-color: var(--soi-brum-pomme);\n  color: var(--soi-brum-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-brum-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-brum-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-brum-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-brum-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-brum-pomme);\n  border-radius: 2px;\n}\n\n.soi-brum-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-brum-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-brum-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-brum-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-brum-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-brum-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-brum-benefit {\n  background: var(--soi-brum-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-brum-radius);\n  border: 1px solid var(--soi-brum-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-brum-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-brum-shadow-md);\n}\n\n.soi-brum-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-brum-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-brum-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-brum-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-brum-benefit:hover .soi-brum-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-brum-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-brum-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-brum-benefit p {\n  font-size: 13px;\n  color: var(--soi-brum-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-brum-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-brum-card {\n  background: var(--soi-brum-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-brum-radius);\n  border-left: 3px solid var(--soi-brum-pomme);\n}\n\n.soi-brum-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-brum-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-brum-card p {\n  font-size: 14px;\n  color: var(--soi-brum-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-brum-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-brum-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-brum-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-brum-radius);\n  border: 1px solid var(--soi-brum-line);\n  align-items: flex-start;\n}\n\n.soi-brum-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-brum-marine);\n  color: var(--soi-brum-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-brum-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-brum-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-brum-step-content p {\n  font-size: 14px;\n  color: var(--soi-brum-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-brum-compo {\n  background: var(--soi-brum-off-white);\n  border-radius: var(--soi-brum-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-brum-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-brum-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-brum-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-brum-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-brum-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-brum-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-brum-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-brum-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-brum-pomme-light);\n  border-left: 4px solid var(--soi-brum-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-brum-radius) var(--soi-brum-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-brum-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-brum-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-brum-marine);\n  margin-bottom: 4px;\n}\n\n.soi-brum-tip p {\n  font-size: 14px;\n  color: var(--soi-brum-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-brum-cta-box {\n  background: var(--soi-brum-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-brum-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-brum-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-brum-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-brum-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-brum-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-brum-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-brum-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-brum-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-brum-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-brum-compo-value {\n    text-align: left;\n  }\n\n  .soi-brum-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-brum-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-brum-benefits {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n@media (max-width: 420px) {\n  .soi-brum-benefits {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-brum-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-brum-fiche {\n    --soi-brum-text-soft: #2C3E50;\n    --soi-brum-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61603086860618,"sku":"SC8599","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/spray-brume-doreiller-aromaspray-packshot.webp?v=1779192335"},{"product_id":"shampooing-creme-douceur-centifolia","title":"Shampoing crème cheveux normaux - Centifolia","description":"\u003cdiv class=\"soi-shid-fiche\"\u003e\n\n  \u003csection class=\"soi-shid-hero\"\u003e\n    \u003cdiv class=\"soi-shid-hero-tag\"\u003e\n      \u003cspan class=\"soi-shid-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique capillaire · Centifolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-shid-hero-title\"\u003eShampooing hydratant Infinie Douceur\u003c\/span\u003e\n    \u003cp class=\"soi-shid-hero-subtitle\"\u003eUn soin lavant certifié bio, concentré à 40 % d'aloe vera, pour redonner douceur, souplesse et brillance à vos cheveux normaux à déshydratés.\u003c\/p\u003e\n    \u003cdiv class=\"soi-shid-hero-labels\"\u003e\n      \u003cspan class=\"soi-shid-label soi-shid-label-accent\"\u003eBIO ECOCERT\u003c\/span\u003e\n      \u003cspan class=\"soi-shid-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-shid-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-shid-label\"\u003e99 % NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-shid-label\"\u003eSANS SULFATE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shid-section\"\u003e\n    \u003ch2\u003eShampooing hydratant Infinie Douceur : conçu pour les cheveux normaux à déshydratés\u003c\/h2\u003e\n    \u003cp\u003eVos cheveux manquent de souplesse, semblent ternes ou tirent vers la sécheresse ? Ce shampoing crème Centifolia a été pensé précisément pour les chevelures normales à déshydratées, celles qui ont besoin d'hydratation sans être alourdies. Avec sa nouvelle formule à efficacité boostée, certifiée bio et vegan, il nettoie en douceur tout en redonnant brillance, légèreté et douceur durable.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shid-section\"\u003e\n    \u003ch2\u003eDes actifs naturels vraiment efficaces\u003c\/h2\u003e\n    \u003cp class=\"soi-shid-section-intro\"\u003eCe qui distingue ce shampoing pour cheveux normaux, c'est la qualité et la concentration de ses ingrédients botaniques.\u003c\/p\u003e\n    \u003cdiv class=\"soi-shid-benefits\"\u003e\n      \u003cdiv class=\"soi-shid-benefit\"\u003e\n        \u003cdiv class=\"soi-shid-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003e40 % de gel d'Aloe Vera Bio\u003c\/h3\u003e\n        \u003cp\u003eUne concentration exceptionnelle pour une hydratation intense, des propriétés apaisantes reconnues et une fibre capillaire visiblement plus souple à chaque lavage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shid-benefit\"\u003e\n        \u003cdiv class=\"soi-shid-benefit-icon\"\u003e\u003cspan\u003e🌰\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eProtéines d'Amande Douce Bio\u003c\/h3\u003e\n        \u003cp\u003eElles facilitent le démêlage, lissent la surface du cheveu et renforcent sa structure en profondeur pour un résultat soyeux et facile à coiffer.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shid-benefit\"\u003e\n        \u003cdiv class=\"soi-shid-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eKératine végétale\u003c\/h3\u003e\n        \u003cp\u003eUn actif gainant qui protège la fibre capillaire des agressions quotidiennes (pollution, chaleur, frottements) tout en apportant légèreté et brillance.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shid-benefit\"\u003e\n        \u003cdiv class=\"soi-shid-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eParfum 100 % naturel\u003c\/h3\u003e\n        \u003cp\u003eUne fragrance douce, issue exclusivement d'ingrédients d'origine naturelle, pour un moment de soin sensoriel agréable sans irritation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shid-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce shampoing plutôt qu'un autre ?\u003c\/h2\u003e\n    \u003cp\u003eContrairement à de nombreux shampoings cheveux normaux du marché, la formule Centifolia est sans sulfate, sans silicone et sans ingrédients d'origine animale. Elle respecte le cuir chevelu, préserve le microbiome naturel du cheveu et convient aux personnes sensibles ou en quête d'une routine capillaire plus saine. Fabriquée en France, elle affiche 99 % d'ingrédients d'origine naturelle et répond aux exigences de la certification bio Ecocert.\u003c\/p\u003e\n    \u003cp\u003eRésultat dès les premiers lavages : une mousse généreuse et onctueuse, un rinçage rapide sans résidu, et des cheveux qui semblent plus doux, plus lumineux, plus légers.\u003c\/p\u003e\n    \u003cdiv class=\"soi-shid-grid-compact\"\u003e\n      \u003cdiv class=\"soi-shid-card-mini\"\u003e\n        \u003cspan class=\"soi-shid-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-shid-card-mini-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-shid-card-mini-value\"\u003eSulfate\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shid-card-mini\"\u003e\n        \u003cspan class=\"soi-shid-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-shid-card-mini-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-shid-card-mini-value\"\u003eSilicone\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shid-card-mini\"\u003e\n        \u003cspan class=\"soi-shid-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-shid-card-mini-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-shid-card-mini-value\"\u003eParabène\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shid-card-mini\"\u003e\n        \u003cspan class=\"soi-shid-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-shid-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-shid-card-mini-value\"\u003eFrançaise\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shid-section\"\u003e\n    \u003ch2\u003eComment utiliser le shampooing Infinie Douceur ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-shid-timeline\"\u003e\n      \u003cdiv class=\"soi-shid-step\"\u003e\n        \u003cdiv class=\"soi-shid-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-shid-step-content\"\u003e\n          \u003ch3\u003eAppliquez\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés. Une petite quantité suffit, la mousse est abondante.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shid-step\"\u003e\n        \u003cdiv class=\"soi-shid-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-shid-step-content\"\u003e\n          \u003ch3\u003eMassez\u003c\/h3\u003e\n          \u003cp\u003eMassez doucement le cuir chevelu avec les doigts pendant 1 à 2 minutes pour activer la mousse et libérer les actifs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shid-step\"\u003e\n        \u003cdiv class=\"soi-shid-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-shid-step-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau tiède pour éliminer tous les résidus sans effort.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shid-step\"\u003e\n        \u003cdiv class=\"soi-shid-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-shid-step-content\"\u003e\n          \u003ch3\u003eRenouvelez si nécessaire\u003c\/h3\u003e\n          \u003cp\u003eSur cheveux très souillés, renouvelez l'application, puis complétez avec un soin hydratant Centifolia pour un résultat optimal.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shid-tip\"\u003e\n      \u003cdiv class=\"soi-shid-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eUtilisez ce shampoing 2 à 3 fois par semaine ou selon vos habitudes capillaires. Il convient à un usage régulier, y compris sur les cheveux colorés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shid-section\"\u003e\n    \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n    \u003cp\u003eAqua, \u003cstrong\u003eAloe Barbadensis Leaf Juice* (40 %)\u003c\/strong\u003e, Sodium Cocoyl Isethionate, Cocamidopropyl Betaine, Sodium Lauryl Sulfoacetate, Glycerin, \u003cstrong\u003eHydrolyzed Sweet Almond Protein*\u003c\/strong\u003e, Hydrolyzed Wheat Protein (kératine végétale), Parfum (fragrance naturelle), Sodium Chloride, Citric Acid, Benzyl Alcohol, Dehydroacetic Acid.\u003c\/p\u003e\n    \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique. 99 % des ingrédients sont d'origine naturelle.\u003c\/em\u003e\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shid-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-shid-compo\"\u003e\n      \u003cdiv class=\"soi-shid-compo-row\"\u003e\n        \u003cspan class=\"soi-shid-compo-label\"\u003eVolume\u003c\/span\u003e\n        \u003cspan class=\"soi-shid-compo-value\"\u003e200 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shid-compo-row\"\u003e\n        \u003cspan class=\"soi-shid-compo-label\"\u003eType de cheveux\u003c\/span\u003e\n        \u003cspan class=\"soi-shid-compo-value\"\u003eNormaux à déshydratés\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shid-compo-row\"\u003e\n        \u003cspan class=\"soi-shid-compo-label\"\u003eCertifications\u003c\/span\u003e\n        \u003cspan class=\"soi-shid-compo-value\"\u003eBio Ecocert, Vegan, Fabrication française\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shid-compo-row\"\u003e\n        \u003cspan class=\"soi-shid-compo-label\"\u003eFlacon\u003c\/span\u003e\n        \u003cspan class=\"soi-shid-compo-value\"\u003eRecyclable, 100 % matériaux recyclés\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shid-compo-row\"\u003e\n        \u003cspan class=\"soi-shid-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-shid-compo-value\"\u003eSulfate, silicone, parabène, ingrédients d'origine animale\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shid-section\"\u003e\n    \u003cdiv class=\"soi-shid-accordion\"\u003e\n      \u003cdetails class=\"soi-shid-accordion-item\"\u003e\n        \u003csummary class=\"soi-shid-accordion-header\"\u003e⚠️ Avertissement\u003c\/summary\u003e\n        \u003cdiv class=\"soi-shid-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un soin cosmétique. Il ne se substitue à aucun avis ou traitement médical dermatologique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shid-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-shid-cta-box\"\u003e\n      \u003cp class=\"soi-shid-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans vos cheveux\u003c\/p\u003e\n      \u003cp class=\"soi-shid-cta-text\" style=\"color: white;\"\u003eOffrez à vos cheveux une formule bio concentrée à 40 % d'aloe vera, enrichie en protéines d'amande douce, pour une douceur qui dure bien au-delà du rinçage.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-shid-marine: #1A2D3D;\n  --soi-shid-marine-dark: #0F1E2B;\n  --soi-shid-marine-light: #2C4458;\n  --soi-shid-pomme: #A1C544;\n  --soi-shid-pomme-dark: #84A636;\n  --soi-shid-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-shid-white: #FFFFFF;\n  --soi-shid-off-white: #F8FAF6;\n  --soi-shid-stone: #F1F3EE;\n  --soi-shid-line: #E5E8E0;\n\n  --soi-shid-primary: #5E3B2A;\n  --soi-shid-primary-soft: #8B6A55;\n  --soi-shid-accent: #7CA86E;\n\n  --soi-shid-text: #1A2D3D;\n  --soi-shid-text-soft: #4A5B6B;\n  --soi-shid-text-muted: #7B8693;\n\n  --soi-shid-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-shid-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-shid-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-shid-radius: 12px;\n  --soi-shid-radius-sm: 8px;\n  --soi-shid-radius-pill: 999px;\n}\n\n.soi-shid-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shid-fiche img { max-width: 100%; height: auto; }\n\n.soi-shid-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-shid-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-shid-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shid-hero {\n  position: relative;\n  background: var(--soi-shid-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-shid-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-shid-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-shid-pomme);\n}\n\n.soi-shid-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-shid-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-shid-pomme);\n  border-radius: 50%;\n}\n\n.soi-shid-hero-title {\n  display: block;\n  color: var(--soi-shid-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-shid-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-shid-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-shid-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-shid-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-shid-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-shid-label-accent {\n  background: var(--soi-shid-pomme);\n  border-color: var(--soi-shid-pomme);\n  color: var(--soi-shid-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shid-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shid-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-shid-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-shid-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-shid-pomme);\n  border-radius: 2px;\n}\n\n.soi-shid-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-shid-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-shid-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-shid-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-shid-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shid-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-shid-benefit {\n  background: var(--soi-shid-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-shid-radius);\n  border: 1px solid var(--soi-shid-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shid-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-shid-shadow-md);\n}\n\n.soi-shid-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-shid-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-shid-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-shid-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-shid-benefit:hover .soi-shid-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-shid-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shid-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shid-benefit p {\n  font-size: 13px;\n  color: var(--soi-shid-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-shid-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-shid-card-mini {\n  background: var(--soi-shid-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-shid-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-shid-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-shid-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-shid-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-shid-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-shid-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-shid-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-shid-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-shid-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shid-radius);\n  border: 1px solid var(--soi-shid-line);\n  align-items: flex-start;\n}\n\n.soi-shid-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-shid-marine);\n  color: var(--soi-shid-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-shid-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-shid-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-shid-step-content p {\n  font-size: 14px;\n  color: var(--soi-shid-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-shid-compo {\n  background: var(--soi-shid-off-white);\n  border-radius: var(--soi-shid-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-shid-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-shid-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-shid-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-shid-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-shid-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-shid-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-shid-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-shid-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-shid-pomme-light);\n  border-left: 4px solid var(--soi-shid-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-shid-radius) var(--soi-shid-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-shid-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-shid-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-shid-marine);\n  margin-bottom: 4px;\n}\n\n.soi-shid-tip p {\n  font-size: 14px;\n  color: var(--soi-shid-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-shid-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-shid-accordion-item {\n  background: var(--soi-shid-off-white);\n  border-radius: var(--soi-shid-radius-sm);\n  border: 1px solid var(--soi-shid-line);\n  overflow: hidden;\n}\n\n.soi-shid-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-shid-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-shid-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-shid-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-shid-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-shid-accordion-item[open] .soi-shid-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-shid-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-shid-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-shid-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shid-cta-box {\n  background: var(--soi-shid-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-shid-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-shid-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-shid-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-shid-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-shid-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-shid-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-shid-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-shid-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-shid-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-shid-compo-value {\n    text-align: left;\n  }\n\n  .soi-shid-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-shid-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-shid-fiche {\n    --soi-shid-text-soft: #2C3E50;\n    --soi-shid-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603158032714,"sku":"CE0246","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-creme-cheveux-normaux-centifolia-packshot.webp?v=1779450820"},{"product_id":"shampoing-purifiant-certifie-bio-et-vegan-centifolia","title":"Shampoing Purifiant Bio pour Cheveux Gras - Centifolia","description":"\u003cdiv class=\"soi-shor-fiche\"\u003e\n\n\u003csection class=\"soi-shor-hero\"\u003e\n  \u003cdiv class=\"soi-shor-hero-tag\"\u003e\n    \u003cspan class=\"soi-shor-tag-dot\"\u003e\u003c\/span\u003e\n    Hygiène capillaire · Centifolia\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-shor-hero-title\"\u003eShampoing purifiant certifié bio et vegan\u003c\/span\u003e\n  \u003cp class=\"soi-shor-hero-subtitle\"\u003eFormulé à 99 % d'ingrédients d'origine naturelle, ce soin rééquilibre votre cuir chevelu en profondeur grâce à l'ortie bio française et un complexe d'argiles absorbantes. Des cheveux légers, frais et purifiés, qui regraissent moins vite.\u003c\/p\u003e\n  \u003cdiv class=\"soi-shor-hero-labels\"\u003e\n    \u003cspan class=\"soi-shor-label soi-shor-label-accent\"\u003eCERTIFIÉ BIO\u003c\/span\u003e\n    \u003cspan class=\"soi-shor-label\"\u003eVEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-shor-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-shor-label\"\u003eSANS SULFATE\u003c\/span\u003e\n    \u003cspan class=\"soi-shor-label\"\u003e99 % NATUREL\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shor-section\"\u003e\n  \u003ch2\u003ePourquoi choisir ce shampoing purifiant sans sulfate ?\u003c\/h2\u003e\n  \u003cp\u003eSi vos cheveux regraissent en moins de 48 heures, que votre cuir chevelu tend vers l'excès de sébum ou que vos lavages classiques vous laissent une sensation d'inconfort, ce shampoing purifiant Centifolia a été pensé exactement pour vous. Il nettoie en profondeur sans jamais agresser, grâce à une base lavante douce, exempte de tensioactifs sulfatés. Contrairement à de nombreux shampoings conventionnels, il ne décape pas : il rééquilibre.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shor-section\"\u003e\n  \u003ch2\u003eLes actifs clés qui font la différence\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shor-benefits\"\u003e\n    \u003cdiv class=\"soi-shor-benefit\"\u003e\n      \u003cdiv class=\"soi-shor-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eExtrait d'ortie bio française\u003c\/h3\u003e\n      \u003cp\u003eReconnue pour ses vertus assainissantes et séborégulatrices, l'ortie aide à ralentir le regraissage et à prolonger la sensation de cheveux propres.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-benefit\"\u003e\n      \u003cdiv class=\"soi-shor-benefit-icon\"\u003e\u003cspan\u003e🪨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eBentonite et kaolin\u003c\/h3\u003e\n      \u003cp\u003eCe duo d'argiles naturelles absorbe l'excès de sébum et élimine les impuretés accumulées sur le cuir chevelu, sans assécher la fibre capillaire.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-benefit\"\u003e\n      \u003cdiv class=\"soi-shor-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eBase lavante sans sulfate\u003c\/h3\u003e\n      \u003cp\u003eDouce sur le cuir chevelu sensible, elle mousse bien tout en respectant le film hydrolipidique naturel. Aucune sensation de tiraillement après le rinçage.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-benefit\"\u003e\n      \u003cdiv class=\"soi-shor-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eParfum 100 % naturel\u003c\/h3\u003e\n      \u003cp\u003eUne fragrance végétale fraîche et subtile pour un moment de bien-être à chaque lavage.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shor-section\"\u003e\n  \u003ch2\u003eComment utiliser ce shampoing purifiant pour cheveux gras ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shor-timeline\"\u003e\n    \u003cdiv class=\"soi-shor-step\"\u003e\n      \u003cdiv class=\"soi-shor-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-shor-step-content\"\u003e\n        \u003ch3\u003eAppliquez sur cheveux mouillés\u003c\/h3\u003e\n        \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés, puis massez doucement le cuir chevelu avec le bout des doigts pendant 1 à 2 minutes pour activer l'action purifiante.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-step\"\u003e\n      \u003cdiv class=\"soi-shor-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-shor-step-content\"\u003e\n        \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n        \u003cp\u003eRincez à l'eau claire. Pour des résultats optimaux, vous pouvez réaliser un double shampoing : le premier décrasse, le second purifie en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-step\"\u003e\n      \u003cdiv class=\"soi-shor-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-shor-step-content\"\u003e\n        \u003ch3\u003eEspacez progressivement vos lavages\u003c\/h3\u003e\n        \u003cp\u003eUn ou deux lavages par semaine suffisent généralement à réguler la production de sébum sur le long terme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shor-section\"\u003e\n  \u003ch2\u003eComposition complète\u003c\/h2\u003e\n  \u003cp class=\"soi-shor-section-intro\"\u003eAqua, Sodium Cocoyl Glutamate, Coco-Glucoside, Glycerin*, Bentonite*, Kaolin*, Urtica Dioica (Nettle) Leaf Extract*, Polyglyceryl-4 Caprate, Sodium Chloride, Citric Acid, Parfum (Natural Fragrance), Sodium Benzoate, Potassium Sorbate, Tocopherol.\u003c\/p\u003e\n  \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n  \u003cdiv class=\"soi-shor-compo\"\u003e\n    \u003cdiv class=\"soi-shor-compo-row\"\u003e\n      \u003cspan class=\"soi-shor-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-compo-value\"\u003e99 % d'ingrédients d'origine naturelle\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-compo-row\"\u003e\n      \u003cspan class=\"soi-shor-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-compo-value\"\u003eCertifié BIO par Ecocert\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-compo-row\"\u003e\n      \u003cspan class=\"soi-shor-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-compo-value\"\u003e200 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-compo-row\"\u003e\n      \u003cspan class=\"soi-shor-compo-label\"\u003eFlacon\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-compo-value\"\u003e100 % recyclé et recyclable\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-compo-row\"\u003e\n      \u003cspan class=\"soi-shor-compo-label\"\u003eFabrication\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-compo-value\"\u003eFabriqué en France\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shor-section\"\u003e\n  \u003ch2\u003eCe shampoing est fait pour vous si...\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shor-grid\"\u003e\n    \u003cdiv class=\"soi-shor-card\"\u003e\n      \u003ch3\u003e💆 Regraissage rapide\u003c\/h3\u003e\n      \u003cp\u003eVos cheveux regraissent vite, même après un lavage récent, et vous souhaitez retrouver une sensation de fraîcheur durable.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-card\"\u003e\n      \u003ch3\u003e🍃 Cuir chevelu en manque de légèreté\u003c\/h3\u003e\n      \u003cp\u003eVotre cuir chevelu manque de légèreté ou présente de petites impuretés que les shampoings classiques ne parviennent pas à éliminer.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-card\"\u003e\n      \u003ch3\u003e🌱 Exigence bio et vegan\u003c\/h3\u003e\n      \u003cp\u003eVous cherchez un shampoing purifiant sans sulfate, certifié bio et vegan, qui respecte autant votre cuir chevelu que vos valeurs.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-card\"\u003e\n      \u003ch3\u003e⏳ Espacer les lavages\u003c\/h3\u003e\n      \u003cp\u003eVous souhaitez espacer vos lavages tout en gardant des cheveux frais, sans que le sébum ne reprenne le dessus.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-card\"\u003e\n      \u003ch3\u003e🛡️ Cuir chevelu sensible\u003c\/h3\u003e\n      \u003cp\u003eLes shampoings conventionnels vous irritent ou vous dessèchent le cuir chevelu, et vous avez besoin d'une alternative douce et efficace.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shor-section\"\u003e\n  \u003ch2\u003eEngagements Centifolia\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shor-grid-compact\"\u003e\n    \u003cdiv class=\"soi-shor-card-mini\"\u003e\n      \u003cspan class=\"soi-shor-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-card-mini-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-card-mini-value\"\u003eCertifié BIO par Ecocert\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-card-mini\"\u003e\n      \u003cspan class=\"soi-shor-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-card-mini-value\"\u003eVegan\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-card-mini\"\u003e\n      \u003cspan class=\"soi-shor-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-card-mini-value\"\u003eFabriqué en France\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-card-mini\"\u003e\n      \u003cspan class=\"soi-shor-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-card-mini-label\"\u003eEmballage\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-card-mini-value\"\u003eFlacon 100 % recyclé\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-card-mini\"\u003e\n      \u003cspan class=\"soi-shor-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-card-mini-label\"\u003eFormule\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-card-mini-value\"\u003eSans sulfate, silicone, paraben\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shor-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-shor-cta-box\"\u003e\n    \u003cp class=\"soi-shor-cta-tag\" style=\"color: white;\"\u003eLégèreté et fraîcheur retrouvées\u003c\/p\u003e\n    \u003cp class=\"soi-shor-cta-text\" style=\"color: white;\"\u003eUne formule bio, douce et vraiment efficace, portée par l'ortie française et les argiles naturelles. Vos cheveux retrouvent légèreté et fraîcheur dès le premier lavage, et regraissent sensiblement moins vite avec le temps.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-shor-marine: #1A2D3D;\n  --soi-shor-marine-dark: #0F1E2B;\n  --soi-shor-marine-light: #2C4458;\n  --soi-shor-pomme: #A1C544;\n  --soi-shor-pomme-dark: #84A636;\n  --soi-shor-pomme-light: rgba(161,197,68,0.10);\n  --soi-shor-white: #FFFFFF;\n  --soi-shor-off-white: #F8FAF6;\n  --soi-shor-stone: #F1F3EE;\n  --soi-shor-line: #E5E8E0;\n  --soi-shor-primary: #5B3A1E;\n  --soi-shor-primary-soft: #8B6A4A;\n  --soi-shor-accent: #6B8E23;\n  --soi-shor-text: #1A2D3D;\n  --soi-shor-text-soft: #4A5B6B;\n  --soi-shor-text-muted: #7B8693;\n  --soi-shor-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-shor-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-shor-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-shor-radius: 12px;\n  --soi-shor-radius-sm: 8px;\n  --soi-shor-radius-pill: 999px;\n}\n\n.soi-shor-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shor-fiche img { max-width: 100%; height: auto; }\n\n.soi-shor-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-shor-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-shor-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shor-hero {\n  position: relative;\n  background: var(--soi-shor-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-shor-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-shor-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-shor-pomme);\n}\n\n.soi-shor-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-shor-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-shor-pomme);\n  border-radius: 50%;\n}\n\n.soi-shor-hero-title {\n  display: block;\n  color: var(--soi-shor-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-shor-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-shor-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-shor-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-shor-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-shor-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-shor-label-accent {\n  background: var(--soi-shor-pomme);\n  border-color: var(--soi-shor-pomme);\n  color: var(--soi-shor-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shor-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shor-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-shor-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-shor-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-shor-pomme);\n  border-radius: 2px;\n}\n\n.soi-shor-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-shor-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-shor-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-shor-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-shor-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shor-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-shor-benefit {\n  background: var(--soi-shor-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-shor-radius);\n  border: 1px solid var(--soi-shor-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shor-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-shor-shadow-md);\n}\n\n.soi-shor-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-shor-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-shor-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-shor-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-shor-benefit:hover .soi-shor-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-shor-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shor-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shor-benefit p {\n  font-size: 13px;\n  color: var(--soi-shor-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shor-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-shor-card {\n  background: var(--soi-shor-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shor-radius);\n  border-left: 3px solid var(--soi-shor-pomme);\n}\n\n.soi-shor-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shor-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shor-card p {\n  font-size: 14px;\n  color: var(--soi-shor-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-shor-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-shor-card-mini {\n  background: var(--soi-shor-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-shor-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-shor-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-shor-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-shor-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-shor-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-shor-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-shor-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-shor-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-shor-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shor-radius);\n  border: 1px solid var(--soi-shor-line);\n  align-items: flex-start;\n}\n\n.soi-shor-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-shor-marine);\n  color: var(--soi-shor-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-shor-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-shor-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-shor-step-content p {\n  font-size: 14px;\n  color: var(--soi-shor-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-shor-compo {\n  background: var(--soi-shor-off-white);\n  border-radius: var(--soi-shor-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-shor-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-shor-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-shor-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-shor-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-shor-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-shor-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-shor-marine);\n  text-align: right;\n}\n\n\/* === CTA BOX === *\/\n.soi-shor-cta-box {\n  background: var(--soi-shor-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-shor-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-shor-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-shor-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-shor-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-shor-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-shor-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-shor-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-shor-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-shor-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-shor-compo-value {\n    text-align: left;\n  }\n\n  .soi-shor-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-shor-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-shor-fiche {\n    --soi-shor-text-soft: #2C3E50;\n    --soi-shor-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603159736650,"sku":"CE0251","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-purifiant-certifie-bio-et-vegan-centifolia-packshot.webp?v=1779446066"},{"product_id":"shampoing-nutrition-centifolia","title":"Shampoing nutrition bio - Centifolia","description":"\u003cdiv class=\"soi-nutr-fiche\"\u003e\n\n  \u003csection class=\"soi-nutr-hero\"\u003e\n    \u003cdiv class=\"soi-nutr-hero-tag\"\u003e\n      \u003cspan class=\"soi-nutr-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétiques et soins capillaires · Centifolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-nutr-hero-title\"\u003eShampoing Nutrition Bio\u003c\/span\u003e\n    \u003cp class=\"soi-nutr-hero-subtitle\"\u003eNourrissez en profondeur vos cheveux secs, rêches et indisciplinés grâce à l'huile d'abricot bio et aux céramides like, sans alourdir ni agresser le cuir chevelu.\u003c\/p\u003e\n    \u003cdiv class=\"soi-nutr-hero-labels\"\u003e\n      \u003cspan class=\"soi-nutr-label soi-nutr-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-nutr-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-nutr-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-nutr-label\"\u003e99 % ORIGINE NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-nutr-label\"\u003eFLACON 100 % RECYCLÉ\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-nutr-section\"\u003e\n    \u003ch2\u003eUne formule ciblée pour les cheveux qui en ont vraiment besoin\u003c\/h2\u003e\n    \u003cp class=\"soi-nutr-section-intro\"\u003eCe shampoing nutrition associe deux actifs complémentaires qui travaillent ensemble à chaque lavage pour redonner souplesse, brillance et discipline à votre chevelure.\u003c\/p\u003e\n    \u003cdiv class=\"soi-nutr-benefits\"\u003e\n      \u003cdiv class=\"soi-nutr-benefit\"\u003e\n        \u003cdiv class=\"soi-nutr-benefit-icon\"\u003e\u003cspan\u003e🍑\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHuile d'abricot bio\u003c\/h3\u003e\n        \u003cp\u003eRiche en acides gras oméga-6 et oméga-9, elle pénètre la fibre capillaire pour la nourrir durablement, des racines jusqu'aux pointes, sans effet gras au toucher.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nutr-benefit\"\u003e\n        \u003cdiv class=\"soi-nutr-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCéramides like\u003c\/h3\u003e\n        \u003cp\u003eCes actifs biomimétiques imitent les céramides naturels du cheveu, reconstituent le ciment intercellulaire, scellent les écailles et réduisent visiblement les frisottis et l'effet rêche.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nutr-benefit\"\u003e\n        \u003cdiv class=\"soi-nutr-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eRésultat visible\u003c\/h3\u003e\n        \u003cp\u003eDes cheveux plus souples, plus brillants et nettement plus faciles à démêler dès les premières utilisations.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-nutr-section\"\u003e\n    \u003ch2\u003eConvient-il à votre type de cheveux ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-nutr-grid\"\u003e\n      \u003cdiv class=\"soi-nutr-card\"\u003e\n        \u003ch3\u003e✅ Idéal pour\u003c\/h3\u003e\n        \u003cp\u003eCheveux secs et déshydratés, cheveux rêches ou cassants, cheveux bouclés, frisés ou indisciplinés, cheveux colorés ou décolorés fragilisés, cheveux blancs ou grisonnants (souvent plus poreux).\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nutr-card\"\u003e\n        \u003ch3\u003e⚠️ Moins adapté pour\u003c\/h3\u003e\n        \u003cp\u003eCheveux très fins et naturellement gras, cuir chevelu à tendance séborrhéique marquée. Dans ce cas, un shampoing régulateur sera plus adapté à vos besoins.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-nutr-section\"\u003e\n    \u003ch2\u003eComment utiliser ce shampoing nutrition bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-nutr-timeline\"\u003e\n      \u003cdiv class=\"soi-nutr-step\"\u003e\n        \u003cdiv class=\"soi-nutr-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-nutr-step-content\"\u003e\n          \u003ch3\u003eMouiller abondamment les cheveux\u003c\/h3\u003e\n          \u003cp\u003eÀ l'eau tiède de préférence. Évitez l'eau trop chaude qui fragilise les écailles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nutr-step\"\u003e\n        \u003cdiv class=\"soi-nutr-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-nutr-step-content\"\u003e\n          \u003ch3\u003eAppliquer une noix de shampoing\u003c\/h3\u003e\n          \u003cp\u003eMassez doucement le cuir chevelu avec les pulpes des doigts pendant 1 à 2 minutes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nutr-step\"\u003e\n        \u003cdiv class=\"soi-nutr-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-nutr-step-content\"\u003e\n          \u003ch3\u003eRincer soigneusement\u003c\/h3\u003e\n          \u003cp\u003eRenouvelez si nécessaire pour un cheveu très chargé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nutr-step\"\u003e\n        \u003cdiv class=\"soi-nutr-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-nutr-step-content\"\u003e\n          \u003ch3\u003eProlonger l'effet nutritif\u003c\/h3\u003e\n          \u003cp\u003eAssociez ce shampoing au masque ou à l'après-shampoing Centifolia de la gamme Nutrition Expert.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-nutr-tip\"\u003e\n      \u003cdiv class=\"soi-nutr-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour des cheveux très abîmés, une utilisation 2 à 3 fois par semaine est recommandée. Les résultats se consolident sur 4 à 6 semaines d'utilisation régulière.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-nutr-section\"\u003e\n    \u003ch2\u003eComposition et ingrédients clés\u003c\/h2\u003e\n    \u003cdiv class=\"soi-nutr-compo\"\u003e\n      \u003cdiv class=\"soi-nutr-compo-row\"\u003e\n        \u003cspan class=\"soi-nutr-compo-label\"\u003eActif nourrissant principal\u003c\/span\u003e\n        \u003cspan class=\"soi-nutr-compo-value\"\u003ePrunus Armeniaca (Apricot) Kernel Oil* (huile d'abricot bio)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nutr-compo-row\"\u003e\n        \u003cspan class=\"soi-nutr-compo-label\"\u003eReconstruction capillaire\u003c\/span\u003e\n        \u003cspan class=\"soi-nutr-compo-value\"\u003eCéramides like (glycolipides végétaux)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nutr-compo-row\"\u003e\n        \u003cspan class=\"soi-nutr-compo-label\"\u003eBase lavante\u003c\/span\u003e\n        \u003cspan class=\"soi-nutr-compo-value\"\u003eSans sulfates (SLS\/SLES), nettoyage doux\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nutr-compo-row\"\u003e\n        \u003cspan class=\"soi-nutr-compo-label\"\u003eParfum\u003c\/span\u003e\n        \u003cspan class=\"soi-nutr-compo-value\"\u003e100 % naturel, fragrance subtile et douce\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"font-size: 13px; color: var(--soi-nutr-text-muted); margin-top: 1rem;\"\u003e* Ingrédient issu de l'agriculture biologique. 99 % des ingrédients sont d'origine naturelle. Formule vegan, sans ingrédients d'origine animale.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-nutr-section\"\u003e\n    \u003ch2\u003eLes engagements Centifolia qui font la différence\u003c\/h2\u003e\n    \u003cdiv class=\"soi-nutr-grid-compact\"\u003e\n      \u003cdiv class=\"soi-nutr-card-mini\"\u003e\n        \u003cspan class=\"soi-nutr-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan class=\"soi-nutr-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-nutr-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nutr-card-mini\"\u003e\n        \u003cspan class=\"soi-nutr-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-nutr-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-nutr-card-mini-value\"\u003eFrance, depuis 1992\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nutr-card-mini\"\u003e\n        \u003cspan class=\"soi-nutr-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n        \u003cspan class=\"soi-nutr-card-mini-label\"\u003eFlacon\u003c\/span\u003e\n        \u003cspan class=\"soi-nutr-card-mini-value\"\u003e100 % recyclé et recyclable\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nutr-card-mini\"\u003e\n        \u003cspan class=\"soi-nutr-card-mini-icon\"\u003e🐇\u003c\/span\u003e\n        \u003cspan class=\"soi-nutr-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n        \u003cspan class=\"soi-nutr-card-mini-value\"\u003eVegan, non testé sur animaux\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-nutr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-nutr-cta-box\"\u003e\n      \u003cp class=\"soi-nutr-cta-tag\" style=\"color: white;\"\u003eUne nutrition en profondeur, naturelle et certifiée\u003c\/p\u003e\n      \u003cp class=\"soi-nutr-cta-text\" style=\"color: white;\"\u003eParce que vos cheveux méritent mieux qu'un soin ordinaire, offrez-leur à chaque lavage la nutrition dont ils ont vraiment besoin : brillance retrouvée, douceur qui dure, et une routine simple, efficace, pour vous et pour la planète.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-nutr-marine: #1A2D3D;\n  --soi-nutr-marine-dark: #0F1E2B;\n  --soi-nutr-marine-light: #2C4458;\n  --soi-nutr-pomme: #A1C544;\n  --soi-nutr-pomme-dark: #84A636;\n  --soi-nutr-pomme-light: rgba(161,197,68,0.10);\n  --soi-nutr-white: #FFFFFF;\n  --soi-nutr-off-white: #F8FAF6;\n  --soi-nutr-stone: #F1F3EE;\n  --soi-nutr-line: #E5E8E0;\n  --soi-nutr-primary: #D88F3A;\n  --soi-nutr-primary-soft: #F5E6D0;\n  --soi-nutr-accent: #B5694A;\n  --soi-nutr-text: #1A2D3D;\n  --soi-nutr-text-soft: #4A5B6B;\n  --soi-nutr-text-muted: #7B8693;\n  --soi-nutr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-nutr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-nutr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-nutr-radius: 12px;\n  --soi-nutr-radius-sm: 8px;\n  --soi-nutr-radius-pill: 999px;\n}\n\n.soi-nutr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-nutr-fiche img { max-width: 100%; height: auto; }\n\n.soi-nutr-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-nutr-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-nutr-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-nutr-hero {\n  position: relative;\n  background: var(--soi-nutr-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-nutr-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-nutr-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-nutr-pomme);\n}\n\n.soi-nutr-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-nutr-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-nutr-pomme);\n  border-radius: 50%;\n}\n\n.soi-nutr-hero-title {\n  display: block;\n  color: var(--soi-nutr-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-nutr-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-nutr-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-nutr-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-nutr-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-nutr-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-nutr-label-accent {\n  background: var(--soi-nutr-pomme);\n  border-color: var(--soi-nutr-pomme);\n  color: var(--soi-nutr-marine);\n  font-weight: 600;\n}\n\n.soi-nutr-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-nutr-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-nutr-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-nutr-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-nutr-pomme);\n  border-radius: 2px;\n}\n\n.soi-nutr-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-nutr-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-nutr-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-nutr-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-nutr-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-nutr-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-nutr-benefit {\n  background: var(--soi-nutr-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-nutr-radius);\n  border: 1px solid var(--soi-nutr-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-nutr-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-nutr-shadow-md);\n}\n\n.soi-nutr-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-nutr-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-nutr-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-nutr-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-nutr-benefit:hover .soi-nutr-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-nutr-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-nutr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-nutr-benefit p {\n  font-size: 13px;\n  color: var(--soi-nutr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-nutr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-nutr-card {\n  background: var(--soi-nutr-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-nutr-radius);\n  border-left: 3px solid var(--soi-nutr-pomme);\n}\n\n.soi-nutr-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-nutr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-nutr-card p {\n  font-size: 14px;\n  color: var(--soi-nutr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-nutr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-nutr-card-mini {\n  background: var(--soi-nutr-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-nutr-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-nutr-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-nutr-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-nutr-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-nutr-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-nutr-marine);\n}\n\n.soi-nutr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-nutr-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-nutr-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-nutr-radius);\n  border: 1px solid var(--soi-nutr-line);\n  align-items: flex-start;\n}\n\n.soi-nutr-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-nutr-marine);\n  color: var(--soi-nutr-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-nutr-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-nutr-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-nutr-step-content p {\n  font-size: 14px;\n  color: var(--soi-nutr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-nutr-compo {\n  background: var(--soi-nutr-off-white);\n  border-radius: var(--soi-nutr-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-nutr-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-nutr-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-nutr-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-nutr-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-nutr-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-nutr-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-nutr-marine);\n  text-align: right;\n}\n\n.soi-nutr-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-nutr-pomme-light);\n  border-left: 4px solid var(--soi-nutr-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-nutr-radius) var(--soi-nutr-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-nutr-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-nutr-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-nutr-marine);\n  margin-bottom: 4px;\n}\n\n.soi-nutr-tip p {\n  font-size: 14px;\n  color: var(--soi-nutr-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-nutr-cta-box {\n  background: var(--soi-nutr-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-nutr-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-nutr-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-nutr-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-nutr-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-nutr-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-nutr-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-nutr-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-nutr-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-nutr-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-nutr-compo-value {\n    text-align: left;\n  }\n\n  .soi-nutr-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-nutr-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-nutr-fiche {\n    --soi-nutr-text-soft: #2C3E50;\n    --soi-nutr-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603162816842,"sku":"CE0256","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-nutrition-bio-centifolia-packshot.webp?v=1779447899"},{"product_id":"gel-douche-doux-bio-miel","title":"Gel douche doux Bio Miel, Aloe Vera et Lait d'Amande - Propolia","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_AP0103_3b08a6d3-e655-4520-88f5-985eb789e013.jpg?v=1776180419\" alt=\"Photo d'une femme sous une cascade d'eau\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003eLe gel douche doux Bio de Propolia combine les bienfaits du miel, de l'aloe vera et du lait d'amande pour \u003cstrong\u003enettoyer, hydrater et adoucir la peau\u003c\/strong\u003e. Avec son odeur gourmande d'amande douce et sa formule hypoallergénique, ce gel douche est idéal pour toute la famille.\u003c\/p\u003e\n\u003ch2\u003eCaractéristiques principales de ce gel douche doux\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients naturels et bio :\u003c\/strong\u003e Formulé avec 99% d'ingrédients d'origine naturelle, dont 16% issus de l'agriculture biologique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUsage familial :\u003c\/strong\u003e Adapté à toute la famille, ce gel douche convient aux adultes et aux enfants dès 3 ans.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum gourmand :\u003c\/strong\u003e Laisse une odeur agréable et délicate d'amande douce sur la peau.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits du gel douche doux miel, aloe vera et lait d’amande\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation intense :\u003c\/strong\u003e Le miel et l'aloe vera hydratent et nourrissent la peau en profondeur.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApaisement :\u003c\/strong\u003e Le lait d'amande adoucit la peau et procure une sensation de confort.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDouceur et confort :\u003c\/strong\u003e Allie les pouvoirs adoucissants du miel, de l'aloe vera et du lait d'amande pour une peau douce et sans tiraillements.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eEngagements qualité du gel douche doux Propolia\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eProduction locale :\u003c\/strong\u003e Développé et fabriqué en Occitanie, garantissant un savoir-faire régional de haute qualité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertification biologique :\u003c\/strong\u003e Certifié Bio par Ecocert, assurant l'utilisation d'ingrédients respectueux de l'environnement et de votre santé.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormulation sûre :\u003c\/strong\u003e Sans savon et sans tensio-actifs sulfatés, pour une peau respectée et protégée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTests dermatologiques :\u003c\/strong\u003e Rigoureusement testé sous contrôle dermatologique, pour une tolérance optimale, même sur les peaux les plus sensibles.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLe gel douche doux Bio de Propolia est idéal pour ceux qui cherchent à \u003cstrong\u003enettoyer, hydrater et adoucir leur peau naturellement.\u003c\/strong\u003e Grâce à sa formule riche en actifs naturels et sa texture onctueuse, il convient parfaitement à une utilisation quotidienne pour toute la famille. Utilisez ce gel douche pour une peau douce, hydratée et délicatement parfumée.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603178611018,"sku":"AP0103","price":11.3,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ap0103_2f716684-2d10-4c1e-8c9f-2813fe71723b.jpg?v=1778842815"},{"product_id":"savon-actif-propolis-miel-karite","title":"Savon actif Bio - Propolis, Miel \u0026 Karité - Propolia","description":"\n\u003cdiv class=\"soi-sav-fiche\"\u003e\n\n  \u003csection class=\"soi-sav-hero\"\u003e\n    \u003cdiv class=\"soi-sav-hero-tag\"\u003e\n      \u003cspan class=\"soi-sav-tag-dot\"\u003e\u003c\/span\u003e\n      Hygiène · Apithérapie · Propolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-sav-hero-title\"\u003ePropolis, Miel \u0026amp; Karité réunis dans un savon\u003c\/span\u003e\n    \u003cp class=\"soi-sav-hero-subtitle\"\u003eTrois trésors de la ruche et du karité réunis dans un savon purifiant certifié bio, pour une peau nette, apaisée et nourrie au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-sav-hero-labels\"\u003e\n      \u003cspan class=\"soi-sav-label soi-sav-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-sav-label\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-sav-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-sav-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n      \u003cspan class=\"soi-sav-label\"\u003eSANS SULFATES\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sav-section\"\u003e\n    \u003ch2\u003ePourquoi ce savon miel propolis bio fait la différence\u003c\/h2\u003e\n    \u003cp\u003eLa propolis est une résine naturelle produite par les abeilles pour protéger leur ruche. Riche en flavonoïdes et en composés phénoliques, elle est reconnue pour ses puissantes propriétés purifiantes et assainissantes. Associée au miel bio, hydratant et apaisant, et au beurre de karité, fondant et nourrissant, ce trio forme une formule cohérente et complémentaire, particulièrement adaptée aux peaux mixtes, grasses ou à tendance acnéique.\u003c\/p\u003e\n    \u003cp\u003eContrairement à de nombreux savons du commerce, celui-ci est certifié Cosmos Organic par Ecocert, composé à 99 % d'ingrédients d'origine naturelle, sans sulfates agressifs ni parabènes. Il est fabriqué en France, en Occitanie, selon des exigences de qualité rigoureuses.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sav-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce savon actif bio propolis ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-sav-grid\"\u003e\n      \u003cdiv class=\"soi-sav-card\"\u003e\n        \u003ch3\u003e🌱 Peaux jeunes et juvéniles\u003c\/h3\u003e\n        \u003cp\u003eIdéal pour les adolescents confrontés aux imperfections et aux excès de sébum.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sav-card\"\u003e\n        \u003ch3\u003e✨ Peaux à problèmes\u003c\/h3\u003e\n        \u003cp\u003eBoutons, points noirs, pores dilatés, peau terne : ce savon purifiant vous aide à retrouver un teint plus net.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sav-card\"\u003e\n        \u003ch3\u003e🤍 Peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003eLa douceur du karité et du miel équilibre le pouvoir purifiant de la propolis, pour un nettoyage sans agression.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sav-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n        \u003cp\u003eConvient aux adultes et aux enfants dès 3 ans, pour le visage comme pour le corps.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sav-section\"\u003e\n    \u003ch2\u003eComposition du savon karité miel propolis\u003c\/h2\u003e\n    \u003cp class=\"soi-sav-section-intro\"\u003eCe savon repose sur une recette enrichie en propolis bio, pensée pour allier efficacité et respect cutané.\u003c\/p\u003e\n    \u003cdiv class=\"soi-sav-benefits\"\u003e\n      \u003cdiv class=\"soi-sav-benefit\"\u003e\n        \u003cdiv class=\"soi-sav-benefit-icon\"\u003e\u003cspan\u003e🐝\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePropolis bio\u003c\/h3\u003e\n        \u003cp\u003eAction purifiante, assainissante et protectrice.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sav-benefit\"\u003e\n        \u003cdiv class=\"soi-sav-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eMiel bio\u003c\/h3\u003e\n        \u003cp\u003eHydratant et apaisant, il aide à maintenir le film hydrolipidique naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sav-benefit\"\u003e\n        \u003cdiv class=\"soi-sav-benefit-icon\"\u003e\u003cspan\u003e🌰\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eBeurre de karité bio\u003c\/h3\u003e\n        \u003cp\u003eNourrit, adoucit et protège la barrière cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sav-benefit\"\u003e\n        \u003cdiv class=\"soi-sav-benefit-icon\"\u003e\u003cspan\u003e🫧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eBase saponifiée végétale\u003c\/h3\u003e\n        \u003cp\u003eRiche et onctueuse, pour une mousse douce et enveloppante.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"margin-top: 1.25rem;\"\u003e\u003cem\u003eIngrédients INCI complets disponibles sur l'emballage. Formule sans sulfates (SLS\/SLES), sans parabènes, sans huile de palme.\u003c\/em\u003e\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sav-section\"\u003e\n    \u003ch2\u003eComment utiliser ce savon bio pour le visage et le corps ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-sav-timeline\"\u003e\n      \u003cdiv class=\"soi-sav-step\"\u003e\n        \u003cdiv class=\"soi-sav-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-sav-step-content\"\u003e\n          \u003ch3\u003eHumidifiez\u003c\/h3\u003e\n          \u003cp\u003eMouillez votre peau avec de l'eau tiède pour ouvrir les pores et préparer le nettoyage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sav-step\"\u003e\n        \u003cdiv class=\"soi-sav-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-sav-step-content\"\u003e\n          \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n          \u003cp\u003eFaites mousser le savon entre vos mains ou directement sur la peau en effectuant des mouvements circulaires doux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sav-step\"\u003e\n        \u003cdiv class=\"soi-sav-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-sav-step-content\"\u003e\n          \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau claire. Pour une conservation optimale du pain de savon, laissez-le sécher entre deux utilisations.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-sav-tip\"\u003e\n      \u003cdiv class=\"soi-sav-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eUne utilisation quotidienne, matin et soir, est idéale pour les peaux à tendance acnéique. Pour les peaux plus sèches, réservez-le à une utilisation le soir.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sav-section\"\u003e\n    \u003ch2\u003eCertifications et engagements Propolia\u003c\/h2\u003e\n    \u003cdiv class=\"soi-sav-grid-compact\"\u003e\n      \u003cdiv class=\"soi-sav-card-mini\"\u003e\n        \u003cspan class=\"soi-sav-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan class=\"soi-sav-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-sav-card-mini-value\"\u003eCosmos Organic Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sav-card-mini\"\u003e\n        \u003cspan class=\"soi-sav-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-sav-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-sav-card-mini-value\"\u003eFrance, Occitanie\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sav-card-mini\"\u003e\n        \u003cspan class=\"soi-sav-card-mini-icon\"\u003e🐝\u003c\/span\u003e\n        \u003cspan class=\"soi-sav-card-mini-label\"\u003eSavoir-faire\u003c\/span\u003e\n        \u003cspan class=\"soi-sav-card-mini-value\"\u003ePlus de 30 ans d'expertise apicole\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sav-card-mini\"\u003e\n        \u003cspan class=\"soi-sav-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-sav-card-mini-label\"\u003eNaturalité\u003c\/span\u003e\n        \u003cspan class=\"soi-sav-card-mini-value\"\u003e99 % d'origine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sav-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-sav-cta-box\"\u003e\n      \u003cp class=\"soi-sav-cta-tag\" style=\"color: white;\"\u003ePropolis, miel et karité : le trio purifiant de la ruche\u003c\/p\u003e\n      \u003cp class=\"soi-sav-cta-text\" style=\"color: white;\"\u003eUn savon bio fabriqué en France, conçu pour toute la famille. Une routine simple, naturelle et efficace pour retrouver une peau nette et douce au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-sav-marine: #1A2D3D;\n  --soi-sav-marine-dark: #0F1E2B;\n  --soi-sav-marine-light: #2C4458;\n  --soi-sav-pomme: #A1C544;\n  --soi-sav-pomme-dark: #84A636;\n  --soi-sav-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-sav-white: #FFFFFF;\n  --soi-sav-off-white: #F8FAF6;\n  --soi-sav-stone: #F1F3EE;\n  --soi-sav-line: #E5E8E0;\n\n  --soi-sav-primary: #7B4FA6;\n  --soi-sav-primary-soft: #F5F0FA;\n  --soi-sav-accent: #D4A42A;\n\n  --soi-sav-text: #1A2D3D;\n  --soi-sav-text-soft: #4A5B6B;\n  --soi-sav-text-muted: #7B8693;\n\n  --soi-sav-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-sav-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-sav-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-sav-radius: 12px;\n  --soi-sav-radius-sm: 8px;\n  --soi-sav-radius-pill: 999px;\n}\n\n.soi-sav-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-sav-fiche img { max-width: 100%; height: auto; }\n\n.soi-sav-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-sav-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-sav-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-sav-hero {\n  position: relative;\n  background: var(--soi-sav-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-sav-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-sav-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-sav-pomme);\n}\n\n.soi-sav-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-sav-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-sav-pomme);\n  border-radius: 50%;\n}\n\n.soi-sav-hero-title {\n  display: block;\n  color: var(--soi-sav-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-sav-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-sav-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-sav-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-sav-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-sav-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-sav-label-accent {\n  background: var(--soi-sav-pomme);\n  border-color: var(--soi-sav-pomme);\n  color: var(--soi-sav-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-sav-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-sav-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-sav-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-sav-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-sav-pomme);\n  border-radius: 2px;\n}\n\n.soi-sav-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-sav-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-sav-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-sav-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-sav-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-sav-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-sav-benefit {\n  background: var(--soi-sav-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-sav-radius);\n  border: 1px solid var(--soi-sav-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-sav-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-sav-shadow-md);\n}\n\n.soi-sav-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-sav-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-sav-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-sav-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-sav-benefit:hover .soi-sav-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-sav-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-sav-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-sav-benefit p {\n  font-size: 13px;\n  color: var(--soi-sav-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-sav-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-sav-card {\n  background: var(--soi-sav-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-sav-radius);\n  border-left: 3px solid var(--soi-sav-pomme);\n}\n\n.soi-sav-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-sav-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-sav-card p {\n  font-size: 14px;\n  color: var(--soi-sav-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-sav-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-sav-card-mini {\n  background: var(--soi-sav-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-sav-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-sav-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-sav-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-sav-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-sav-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-sav-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-sav-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-sav-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-sav-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-sav-radius);\n  border: 1px solid var(--soi-sav-line);\n  align-items: flex-start;\n}\n\n.soi-sav-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-sav-marine);\n  color: var(--soi-sav-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-sav-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-sav-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-sav-step-content p {\n  font-size: 14px;\n  color: var(--soi-sav-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-sav-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-sav-pomme-light);\n  border-left: 4px solid var(--soi-sav-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-sav-radius) var(--soi-sav-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-sav-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-sav-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-sav-marine);\n  margin-bottom: 4px;\n}\n\n.soi-sav-tip p {\n  font-size: 14px;\n  color: var(--soi-sav-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-sav-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-sav-accordion-item {\n  background: var(--soi-sav-off-white);\n  border-radius: var(--soi-sav-radius-sm);\n  border: 1px solid var(--soi-sav-line);\n  overflow: hidden;\n}\n\n.soi-sav-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-sav-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-sav-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-sav-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-sav-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-sav-accordion-item[open] .soi-sav-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-sav-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-sav-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-sav-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-sav-cta-box {\n  background: var(--soi-sav-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-sav-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-sav-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-sav-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-sav-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-sav-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-sav-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-sav-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-sav-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-sav-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-sav-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-sav-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-sav-fiche {\n    --soi-sav-text-soft: #2C3E50;\n    --soi-sav-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603179659594,"sku":"AP0104","price":7.85,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-actif-certifie-bio-propolis-miel-et-karite-propolia-packshot_caa0d251-f3b7-4bc3-ba91-480aa3949b4f.webp?v=1779809098"},{"product_id":"dentifrice-fruits-rouges-special-enfants-certifie-bio-centifolia","title":"Dentifrice fruits rouges spécial enfants certifié bio - Centifolia","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0601_14ebda72-5f14-4851-be0b-20d53b0930c8.jpg?v=1776180498\" alt=\"Une petite fille en train de se laver les dents\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp data-start=\"176\" data-end=\"600\"\u003eDès les premières années, il est essentiel d’instaurer une routine bucco-dentaire adaptée. Pour accompagner les enfants dans ce geste quotidien, Centifolia a créé un dentifrice au \u003cstrong data-start=\"356\" data-end=\"390\"\u003egoût gourmand de fruits rouges\u003c\/strong\u003e, spécialement conçu pour respecter l’émail fragile des dents de lait et rendre le brossage plus agréable. Sa formule douce et naturelle fait du soin des premières dents un moment à la fois efficace et ludique.\u003c\/p\u003e\n\u003ch2 data-start=\"602\" data-end=\"695\"\u003eCaractéristiques et bienfaits du Dentifrice sans fluor fruits rouges Enfants de Centifolia\u003c\/h2\u003e\n\u003cp data-start=\"697\" data-end=\"1102\"\u003eCe dentifrice a été élaboré pour répondre aux besoins spécifiques des enfants de 2 à 6 ans. Sa texture onctueuse et son arôme fruité encouragent les plus petits à adopter une bonne hygiène dentaire au quotidien. Conçu \u003cstrong data-start=\"915\" data-end=\"929\"\u003esans fluor\u003c\/strong\u003e, il convient parfaitement aux situations où les enfants bénéficient déjà d’apports externes en fluor, ou lorsqu’il existe une sensibilité ou une intolérance particulière.\u003c\/p\u003e\n\u003cp data-start=\"1104\" data-end=\"1365\"\u003eSa formule, enrichie en \u003cstrong data-start=\"1128\" data-end=\"1145\"\u003ealoe vera bio\u003c\/strong\u003e, assure un nettoyage en douceur et aide à protéger l’émail fragile des dents de lait sans agresser les gencives sensibles. Non abrasif, il offre un brossage respectueux tout en garantissant une bouche propre et saine.\u003c\/p\u003e\n\u003cp data-start=\"1367\" data-end=\"1724\"\u003eApprouvé par un chirurgien-dentiste et fabriqué en France, ce soin quotidien est vegan et labellisé Cosmébio, gage de naturalité et de respect de l’environnement. Des tests d’usage ont par ailleurs confirmé l’efficacité et la satisfaction des utilisateurs : les dents sont nettoyées en douceur, protégées et le produit est parfaitement adapté aux enfants.\u003c\/p\u003e\n\u003cp data-start=\"1726\" data-end=\"1895\"\u003eL’utilisation est simple : une noisette de dentifrice de la taille d’un petit pois, sous la surveillance d’un adulte, suffit pour un brossage optimal après chaque repas.\u003c\/p\u003e\n\u003ch2 data-start=\"1897\" data-end=\"1940\"\u003ePour un sourire qui grandit en confiance\u003c\/h2\u003e\n\u003cp data-start=\"1942\" data-end=\"2353\"\u003eLe dentifrice sans fluor fruits rouges Centifolia accompagne les enfants dans leur apprentissage de l’hygiène bucco-dentaire en alliant efficacité, sécurité et plaisir. Grâce à son goût naturel et sa composition respectueuse, il transforme le brossage en un moment agréable, rassurant et adapté aux besoins des plus jeunes. Offrez à vos enfants le meilleur départ pour des dents saines et un sourire éclatant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603231957322,"sku":"CE0601","price":3.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soinat_centifolia_ce0601_dentifrice_enfants_fruits_rouges.jpg?v=1776157764"},{"product_id":"dentifrice-certifie-bio-neem-triphala-ayurvana","title":"Dentifrice certifié bio Neem \u0026 Triphala - Ayurvana","description":"\u003cdiv class=\"soi-neem-fiche\"\u003e\n\n  \u003csection class=\"soi-neem-hero\"\u003e\n    \u003cdiv class=\"soi-neem-hero-tag\"\u003e\n      \u003cspan class=\"soi-neem-tag-dot\"\u003e\u003c\/span\u003e\n      Hygiène bucco-dentaire · Ayurvana\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-neem-hero-title\"\u003eNeem \u0026amp; Triphala aux service de votre hygiène bucco-dentaire\u003c\/span\u003e\n    \u003cp class=\"soi-neem-hero-subtitle\"\u003eLa sagesse ayurvédique au service de vos dents et de vos gencives : un soin complet, sans fluor, sans compromis sur l'efficacité ni sur la transparence des ingrédients.\u003c\/p\u003e\n    \u003cdiv class=\"soi-neem-hero-labels\"\u003e\n      \u003cspan class=\"soi-neem-label soi-neem-label-accent\"\u003eCOSMOS ORGANIC ECOCERT\u003c\/span\u003e\n      \u003cspan class=\"soi-neem-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-neem-label\"\u003eSANS FLUOR\u003c\/span\u003e\n      \u003cspan class=\"soi-neem-label\"\u003eSANS PARABEN\u003c\/span\u003e\n      \u003cspan class=\"soi-neem-label\"\u003eSANS SLS\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-neem-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce dentifrice bio Neem \u0026amp; Triphala ?\u003c\/h2\u003e\n    \u003cp\u003eLa plupart des dentifrices conventionnels contiennent du SLS, des arômes synthétiques ou du dioxyde de titane. Ici, rien de tout cela. La formule Ayurvana est construite sur des actifs botaniques reconnus, sans compromis sur l'efficacité ni sur la transparence des ingrédients.\u003c\/p\u003e\n    \u003cdiv class=\"soi-neem-benefits\"\u003e\n      \u003cdiv class=\"soi-neem-benefit\"\u003e\n        \u003cdiv class=\"soi-neem-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCosmos Organic Ecocert\u003c\/h3\u003e\n        \u003cp\u003eGarantie indépendante sur la qualité et l'origine biologique des ingrédients.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-neem-benefit\"\u003e\n        \u003cdiv class=\"soi-neem-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eTraçabilité assurée, de la formulation au conditionnement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-neem-benefit\"\u003e\n        \u003cdiv class=\"soi-neem-benefit-icon\"\u003e\u003cspan\u003e🚫\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFormule sans controverses\u003c\/h3\u003e\n        \u003cp\u003eSans fluor, sans paraben, sans aluminium, sans SLS, sans dioxyde de titane, sans conservateur chimique : idéal pour les personnes sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-neem-section\"\u003e\n    \u003ch2\u003eLes actifs clés : ce que chaque ingrédient apporte concrètement\u003c\/h2\u003e\n    \u003cdiv class=\"soi-neem-grid\"\u003e\n      \u003cdiv class=\"soi-neem-card\"\u003e\n        \u003ch3\u003e🌱 Neem (Azadirachta indica)\u003c\/h3\u003e\n        \u003cp\u003eUtilisé depuis des millénaires en Ayurveda, le neem est reconnu pour ses propriétés assainissantes. Il aide à limiter le développement des bactéries responsables de la plaque dentaire et des caries, tout en fortifiant les gencives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-neem-card\"\u003e\n        \u003ch3\u003e🍇 Triphala\u003c\/h3\u003e\n        \u003cp\u003eMélange de trois fruits (Amalaki, Bibhitaki, Haritaki), le Triphala est un classique ayurvédique aux vertus antioxydantes et purifiantes. Il contribue à l'équilibre de la flore buccale et aide à révéler l'éclat naturel des dents.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-neem-card\"\u003e\n        \u003ch3\u003e🤍 Argile blanche\u003c\/h3\u003e\n        \u003cp\u003eAbrasif doux et naturel, elle polit délicatement l'émail sans l'abîmer, favorisant des dents plus blanches et une haleine fraîche dès les premières utilisations.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-neem-card\"\u003e\n        \u003ch3\u003e💧 Aloe vera bio\u003c\/h3\u003e\n        \u003cp\u003eReconnu pour ses propriétés apaisantes et cicatrisantes, il protège les gencives irritées et renforce la muqueuse buccale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-neem-card\"\u003e\n        \u003ch3\u003e🍃 Huiles essentielles de menthe poivrée et de citron\u003c\/h3\u003e\n        \u003cp\u003ePour une fraîcheur longue durée et une sensation de bouche propre qui dure tout au long de la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-neem-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cp class=\"soi-neem-inci\"\u003eAqua, Kaolin, Glycerin*, Sodium Bicarbonate, Aloe Barbadensis Leaf Juice*, Azadirachta Indica Leaf Extract*, Emblica Officinalis Fruit Extract*, Terminalia Belerica Fruit Extract*, Terminalia Chebula Fruit Extract*, Mentha Piperita Oil*, Citrus Limon Peel Oil*, Xanthan Gum, Sodium Benzoate, Potassium Sorbate, Citric Acid.\u003c\/p\u003e\n    \u003cp class=\"soi-neem-inci-note\"\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-neem-section\"\u003e\n    \u003ch2\u003eComment utiliser ce dentifrice bio au quotidien ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-neem-timeline\"\u003e\n      \u003cdiv class=\"soi-neem-step\"\u003e\n        \u003cdiv class=\"soi-neem-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-neem-step-content\"\u003e\n          \u003ch3\u003eAppliquez\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de dentifrice sur une brosse à dents humide, de préférence à soies souples.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-neem-step\"\u003e\n        \u003cdiv class=\"soi-neem-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-neem-step-content\"\u003e\n          \u003ch3\u003eBrossez\u003c\/h3\u003e\n          \u003cp\u003eBrossez pendant 2 minutes minimum, en insistant sur la jonction dents-gencives, matin et soir.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-neem-step\"\u003e\n        \u003cdiv class=\"soi-neem-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-neem-step-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau claire. L'absence de mousse est normale : ce dentifrice ne contient pas de SLS.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-neem-tip\"\u003e\n      \u003cdiv class=\"soi-neem-tip-icon\"\u003e👶\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eEt pour les enfants ?\u003c\/strong\u003e\n        \u003cp\u003eCe dentifrice ne contient ni fluor ni colorants. Pour les enfants de moins de 6 ans, demandez conseil à votre pédiatre ou dentiste avant utilisation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-neem-section\"\u003e\n    \u003ch2\u003eCe que vous n'y trouverez pas\u003c\/h2\u003e\n    \u003cdiv class=\"soi-neem-grid-compact\"\u003e\n      \u003cdiv class=\"soi-neem-card-mini\"\u003e\n        \u003cspan class=\"soi-neem-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-neem-card-mini-label\"\u003eFluor\u003c\/span\u003e\n        \u003cspan class=\"soi-neem-card-mini-value\"\u003eAucun\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-neem-card-mini\"\u003e\n        \u003cspan class=\"soi-neem-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-neem-card-mini-label\"\u003eSLS \/ Agent moussant\u003c\/span\u003e\n        \u003cspan class=\"soi-neem-card-mini-value\"\u003eAucun\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-neem-card-mini\"\u003e\n        \u003cspan class=\"soi-neem-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-neem-card-mini-label\"\u003eParaben \/ Conservateur chimique\u003c\/span\u003e\n        \u003cspan class=\"soi-neem-card-mini-value\"\u003eAucun\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-neem-card-mini\"\u003e\n        \u003cspan class=\"soi-neem-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-neem-card-mini-label\"\u003eAluminium\u003c\/span\u003e\n        \u003cspan class=\"soi-neem-card-mini-value\"\u003eAucun\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-neem-card-mini\"\u003e\n        \u003cspan class=\"soi-neem-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-neem-card-mini-label\"\u003eDioxyde de titane\u003c\/span\u003e\n        \u003cspan class=\"soi-neem-card-mini-value\"\u003eAucun\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-neem-card-mini\"\u003e\n        \u003cspan class=\"soi-neem-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-neem-card-mini-label\"\u003eArôme \/ Colorant synthétique\u003c\/span\u003e\n        \u003cspan class=\"soi-neem-card-mini-value\"\u003eAucun\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-neem-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-neem-compo\"\u003e\n      \u003cdiv class=\"soi-neem-compo-row\"\u003e\n        \u003cspan class=\"soi-neem-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-neem-compo-value\"\u003e75 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-neem-compo-row\"\u003e\n        \u003cspan class=\"soi-neem-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-neem-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-neem-compo-row\"\u003e\n        \u003cspan class=\"soi-neem-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-neem-compo-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-neem-compo-row\"\u003e\n        \u003cspan class=\"soi-neem-compo-label\"\u003eConservation\u003c\/span\u003e\n        \u003cspan class=\"soi-neem-compo-value\"\u003eÀ l'abri de la chaleur et de l'humidité excessive\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-neem-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-neem-cta-box\"\u003e\n      \u003cp class=\"soi-neem-cta-tag\" style=\"color: white;\"\u003eUn rituel bucco-dentaire ancré dans la tradition ayurvédique\u003c\/p\u003e\n      \u003cp class=\"soi-neem-cta-text\" style=\"color: white;\"\u003eDes gencives apaisées, des dents purifiées, une haleine fraîche : offrez-vous la sérénité d'une formule certifiée bio, fabriquée en France, sans aucun ingrédient superflu.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-neem-marine: #1A2D3D;\n  --soi-neem-marine-dark: #0F1E2B;\n  --soi-neem-marine-light: #2C4458;\n  --soi-neem-pomme: #A1C544;\n  --soi-neem-pomme-dark: #84A636;\n  --soi-neem-pomme-light: rgba(161,197,68,0.10);\n  --soi-neem-white: #FFFFFF;\n  --soi-neem-off-white: #F8FAF6;\n  --soi-neem-stone: #F1F3EE;\n  --soi-neem-line: #E5E8E0;\n  --soi-neem-primary: #8BBFCF;\n  --soi-neem-primary-soft: #D6ECF2;\n  --soi-neem-accent: #D4A52A;\n  --soi-neem-text: #1A2D3D;\n  --soi-neem-text-soft: #4A5B6B;\n  --soi-neem-text-muted: #7B8693;\n  --soi-neem-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-neem-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-neem-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-neem-radius: 12px;\n  --soi-neem-radius-sm: 8px;\n  --soi-neem-radius-pill: 999px;\n}\n\n.soi-neem-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-neem-fiche img { max-width: 100%; height: auto; }\n\n.soi-neem-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-neem-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-neem-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-neem-hero {\n  position: relative;\n  background: var(--soi-neem-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-neem-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-neem-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-neem-pomme);\n}\n\n.soi-neem-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-neem-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-neem-pomme);\n  border-radius: 50%;\n}\n\n.soi-neem-hero-title {\n  display: block;\n  color: var(--soi-neem-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-neem-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-neem-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-neem-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-neem-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-neem-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-neem-label-accent {\n  background: var(--soi-neem-pomme);\n  border-color: var(--soi-neem-pomme);\n  color: var(--soi-neem-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-neem-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-neem-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-neem-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-neem-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-neem-pomme);\n  border-radius: 2px;\n}\n\n.soi-neem-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-neem-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-neem-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-neem-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-neem-benefit {\n  background: var(--soi-neem-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-neem-radius);\n  border: 1px solid var(--soi-neem-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-neem-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-neem-shadow-md);\n}\n\n.soi-neem-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-neem-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-neem-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-neem-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-neem-benefit:hover .soi-neem-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-neem-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-neem-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-neem-benefit p {\n  font-size: 13px;\n  color: var(--soi-neem-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-neem-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-neem-card {\n  background: var(--soi-neem-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-neem-radius);\n  border-left: 3px solid var(--soi-neem-pomme);\n}\n\n.soi-neem-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-neem-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-neem-card p {\n  font-size: 14px;\n  color: var(--soi-neem-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === INCI === *\/\n.soi-neem-inci {\n  background: var(--soi-neem-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-neem-radius);\n  font-size: clamp(13px, 1.8vw, 14px);\n  color: var(--soi-neem-text-soft);\n  line-height: 1.8;\n  font-family: 'Inter', sans-serif;\n  word-break: break-word;\n}\n\n.soi-neem-inci-note {\n  font-size: 13px;\n  color: var(--soi-neem-text-muted);\n  font-style: italic;\n  margin-top: 0.5rem;\n}\n\n\/* === TIMELINE === *\/\n.soi-neem-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-neem-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-neem-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-neem-radius);\n  border: 1px solid var(--soi-neem-line);\n  align-items: flex-start;\n}\n\n.soi-neem-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-neem-marine);\n  color: var(--soi-neem-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-neem-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-neem-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-neem-step-content p {\n  font-size: 14px;\n  color: var(--soi-neem-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-neem-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-neem-pomme-light);\n  border-left: 4px solid var(--soi-neem-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-neem-radius) var(--soi-neem-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-neem-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-neem-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-neem-marine);\n  margin-bottom: 4px;\n}\n\n.soi-neem-tip p {\n  font-size: 14px;\n  color: var(--soi-neem-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-neem-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-neem-card-mini {\n  background: var(--soi-neem-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-neem-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-neem-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-neem-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-neem-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-neem-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-neem-marine);\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-neem-compo {\n  background: var(--soi-neem-off-white);\n  border-radius: var(--soi-neem-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-neem-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-neem-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-neem-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-neem-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-neem-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-neem-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-neem-marine);\n  text-align: right;\n}\n\n\/* === CTA BOX === *\/\n.soi-neem-cta-box {\n  background: var(--soi-neem-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-neem-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-neem-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-neem-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-neem-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-neem-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-neem-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-neem-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-neem-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-neem-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-neem-compo-value {\n    text-align: left;\n  }\n\n  .soi-neem-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-neem-tip {\n    flex-direction: column;\n    gap: 0.5rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-neem-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-neem-fiche {\n    --soi-neem-text-soft: #2C3E50;\n    --soi-neem-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Ayur-vana","offers":[{"title":"Default Title","offer_id":61603268264266,"sku":"AY9954","price":10.25,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/dentifrice-neem-triphala-ayurvana_11zon.webp?v=1781967044"},{"product_id":"deovert-pieds-chaussures","title":"Déodorant pour Pieds et Chaussures","description":"\n\u003cdiv class=\"soi-deov-fiche\"\u003e\n\n\u003csection class=\"soi-deov-hero\"\u003e\n  \u003cdiv class=\"soi-deov-hero-tag\"\u003e\n    \u003cspan class=\"soi-deov-tag-dot\"\u003e\u003c\/span\u003e\n    Hygiène podologique · Saint Côme Cosmétiques\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-deov-hero-title\"\u003eFraîcheur naturelle pour vos pieds au quotidien\u003c\/span\u003e\n  \u003cp class=\"soi-deov-hero-subtitle\"\u003eLe Déovert Podologique neutralise les odeurs et assainit vos chaussures grâce à ses huiles essentielles 100 % naturelles, sans sels d'aluminium ni conservateurs.\u003c\/p\u003e\n  \u003cdiv class=\"soi-deov-hero-labels\"\u003e\n    \u003cspan class=\"soi-deov-label soi-deov-label-accent\"\u003e100 % NATUREL\u003c\/span\u003e\n    \u003cspan class=\"soi-deov-label\"\u003eSANS SELS D'ALUMINIUM\u003c\/span\u003e\n    \u003cspan class=\"soi-deov-label\"\u003eSANS COLORANTS\u003c\/span\u003e\n    \u003cspan class=\"soi-deov-label\"\u003eSANS CONSERVATEURS\u003c\/span\u003e\n    \u003cspan class=\"soi-deov-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deov-section\"\u003e\n  \u003ch2\u003eUn déodorant naturel pour les pieds qui va à l'essentiel\u003c\/h2\u003e\n  \u003cp\u003eContrairement à de nombreux déodorants pour chaussures chargés de conservateurs ou de colorants, le Déovert Podologique mise sur des huiles essentielles 100 % naturelles aux propriétés déodorantes, assainissantes et apaisantes. Résultat : pas de simple masquage d'odeur, mais une action réelle à la source de la transpiration excessive.\u003c\/p\u003e\n  \u003cp\u003eSa formule sans sels d'aluminium, sans colorants et sans conservateurs en fait un déodorant pour les pieds particulièrement adapté aux peaux sensibles, même utilisé quotidiennement. Il s'applique aussi bien directement sur les pieds que dans les chaussures, pour une double protection durable.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deov-section\"\u003e\n  \u003ch2\u003eCe que ce déodorant pour pieds fait concrètement pour vous\u003c\/h2\u003e\n  \u003cdiv class=\"soi-deov-benefits\"\u003e\n    \u003cdiv class=\"soi-deov-benefit\"\u003e\n      \u003cdiv class=\"soi-deov-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eNeutralise les odeurs\u003c\/h3\u003e\n      \u003cp\u003eLes huiles essentielles agissent directement sur les bactéries responsables des odeurs, sans simplement les camoufler.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-deov-benefit\"\u003e\n      \u003cdiv class=\"soi-deov-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eRégule la transpiration\u003c\/h3\u003e\n      \u003cp\u003eLimite les sensations d'humidité et d'inconfort à l'intérieur des chaussures, même lors des journées actives.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-deov-benefit\"\u003e\n      \u003cdiv class=\"soi-deov-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAssainit les chaussures\u003c\/h3\u003e\n      \u003cp\u003eEn pulvérisant dans vos chaussures le soir, vous empêchez la prolifération des bactéries et des odeurs persistantes.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-deov-benefit\"\u003e\n      \u003cdiv class=\"soi-deov-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eApaise et rafraîchit\u003c\/h3\u003e\n      \u003cp\u003eLes actifs naturels procurent une sensation de fraîcheur immédiate, idéale après le sport ou une longue marche.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deov-section\"\u003e\n  \u003ch2\u003eComment utiliser votre déodorant pour chaussures et pieds ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-deov-timeline\"\u003e\n    \u003cdiv class=\"soi-deov-step\"\u003e\n      \u003cdiv class=\"soi-deov-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-deov-step-content\"\u003e\n        \u003ch3\u003eSur les pieds propres et secs\u003c\/h3\u003e\n        \u003cp\u003ePulvérisez à environ 15 cm, en insistant sur la plante et entre les orteils. Laissez sécher quelques secondes avant d'enfiler vos chaussettes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-deov-step\"\u003e\n      \u003cdiv class=\"soi-deov-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-deov-step-content\"\u003e\n        \u003ch3\u003eDans les chaussures\u003c\/h3\u003e\n        \u003cp\u003e2 à 3 pulvérisations à l'intérieur de chaque chaussure, idéalement la veille ou le matin. Laissez agir quelques minutes avant de les enfiler.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-deov-step\"\u003e\n      \u003cdiv class=\"soi-deov-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-deov-step-content\"\u003e\n        \u003ch3\u003eFréquence recommandée\u003c\/h3\u003e\n        \u003cp\u003eUtilisez-le chaque jour pour un confort optimal. Le flacon de 100 ml offre environ 500 pulvérisations, soit plusieurs mois d'utilisation quotidienne.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-deov-tip\"\u003e\n    \u003cdiv class=\"soi-deov-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003ePulvérisez dans vos chaussures de sport le soir après l'entraînement : les huiles essentielles agissent toute la nuit pour assainir et désodoriser en profondeur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deov-section\"\u003e\n  \u003ch2\u003eComposition du Déovert Podologique\u003c\/h2\u003e\n  \u003cp\u003eLa formule est construite autour d'huiles essentielles 100 % naturelles aux vertus reconnues pour l'hygiène des pieds : notes végétales fraîches, propriétés purifiantes et assainissantes. Elle est conçue sans colorants, sans conservateurs synthétiques, dans le respect des exigences cosmétiques françaises.\u003c\/p\u003e\n  \u003cdiv class=\"soi-deov-compo\"\u003e\n    \u003cdiv class=\"soi-deov-compo-row\"\u003e\n      \u003cspan class=\"soi-deov-compo-label\"\u003eActifs principaux\u003c\/span\u003e\n      \u003cspan class=\"soi-deov-compo-value\"\u003eHuiles essentielles 100 % naturelles\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-deov-compo-row\"\u003e\n      \u003cspan class=\"soi-deov-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-deov-compo-value\"\u003e100 ml (≈ 500 pulvérisations)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-deov-compo-row\"\u003e\n      \u003cspan class=\"soi-deov-compo-label\"\u003eFabrication\u003c\/span\u003e\n      \u003cspan class=\"soi-deov-compo-value\"\u003eBourgogne, France\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-deov-compo-row\"\u003e\n      \u003cspan class=\"soi-deov-compo-label\"\u003eSans\u003c\/span\u003e\n      \u003cspan class=\"soi-deov-compo-value\"\u003eSels d'aluminium, colorants, conservateurs\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deov-section\"\u003e\n  \u003ch2\u003eQuestions fréquentes sur le déodorant pour les pieds\u003c\/h2\u003e\n  \u003cdiv class=\"soi-deov-accordion\"\u003e\n    \u003cdetails class=\"soi-deov-accordion-item\"\u003e\n      \u003csummary class=\"soi-deov-accordion-header\"\u003e💊 Ce déodorant pieds remplace-t-il un traitement antifongique ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-deov-accordion-content\"\u003e\n        \u003cp\u003eNon. Si vous souffrez d'une mycose avérée, consultez un professionnel de santé. Ce produit est un déodorant cosmétique, non un médicament.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-deov-accordion-item\"\u003e\n      \u003csummary class=\"soi-deov-accordion-header\"\u003e👟 Peut-on l'utiliser sur toutes les chaussures ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-deov-accordion-content\"\u003e\n        \u003cp\u003eOui, y compris les chaussures de sport, les mocassins et les bottes. Évitez simplement de pulvériser directement sur des matières délicates comme le cuir verni.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-deov-accordion-item\"\u003e\n      \u003csummary class=\"soi-deov-accordion-header\"\u003e👨‍👩‍👧‍👦 Convient-il à toute la famille ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-deov-accordion-content\"\u003e\n        \u003cp\u003eIl est formulé pour les adultes. Pour les enfants, demandez l'avis d'un professionnel.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deov-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-deov-cta-box\"\u003e\n    \u003cp class=\"soi-deov-cta-tag\" style=\"color: white;\"\u003eLe confort commence dès le premier pas\u003c\/p\u003e\n    \u003cp class=\"soi-deov-cta-text\" style=\"color: white;\"\u003eFini les chaussures que l'on cache. Le Déovert Podologique Saint Côme est le compagnon discret de vos journées : une formule naturelle, fabriquée en France, qui prend soin de vos pieds et de vos chaussures en toute simplicité.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-deov-marine: #1A2D3D;\n  --soi-deov-marine-dark: #0F1E2B;\n  --soi-deov-marine-light: #2C4458;\n  --soi-deov-pomme: #A1C544;\n  --soi-deov-pomme-dark: #84A636;\n  --soi-deov-pomme-light: rgba(161,197,68,0.10);\n  --soi-deov-white: #FFFFFF;\n  --soi-deov-off-white: #F8FAF6;\n  --soi-deov-stone: #F1F3EE;\n  --soi-deov-line: #E5E8E0;\n  --soi-deov-primary: #6BAF8D;\n  --soi-deov-primary-soft: rgba(107,175,141,0.12);\n  --soi-deov-accent: #E2C94A;\n  --soi-deov-text: #1A2D3D;\n  --soi-deov-text-soft: #4A5B6B;\n  --soi-deov-text-muted: #7B8693;\n  --soi-deov-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-deov-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-deov-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-deov-radius: 12px;\n  --soi-deov-radius-sm: 8px;\n  --soi-deov-radius-pill: 999px;\n}\n\n.soi-deov-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-deov-fiche img { max-width: 100%; height: auto; }\n\n.soi-deov-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-deov-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-deov-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-deov-hero {\n  position: relative;\n  background: var(--soi-deov-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-deov-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-deov-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-deov-pomme);\n}\n\n.soi-deov-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-deov-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-deov-pomme);\n  border-radius: 50%;\n}\n\n.soi-deov-hero-title {\n  display: block;\n  color: var(--soi-deov-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-deov-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-deov-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-deov-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-deov-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-deov-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-deov-label-accent {\n  background: var(--soi-deov-pomme);\n  border-color: var(--soi-deov-pomme);\n  color: var(--soi-deov-marine);\n  font-weight: 600;\n}\n\n.soi-deov-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-deov-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-deov-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-deov-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-deov-pomme);\n  border-radius: 2px;\n}\n\n.soi-deov-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-deov-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-deov-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-deov-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-deov-benefit {\n  background: var(--soi-deov-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-deov-radius);\n  border: 1px solid var(--soi-deov-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-deov-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-deov-shadow-md);\n}\n\n.soi-deov-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-deov-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-deov-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-deov-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-deov-benefit:hover .soi-deov-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-deov-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-deov-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-deov-benefit p {\n  font-size: 13px;\n  color: var(--soi-deov-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-deov-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-deov-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-deov-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-deov-radius);\n  border: 1px solid var(--soi-deov-line);\n  align-items: flex-start;\n}\n\n.soi-deov-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-deov-marine);\n  color: var(--soi-deov-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-deov-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-deov-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-deov-step-content p {\n  font-size: 14px;\n  color: var(--soi-deov-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-deov-compo {\n  background: var(--soi-deov-off-white);\n  border-radius: var(--soi-deov-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-top: 1.25rem;\n}\n\n.soi-deov-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-deov-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-deov-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-deov-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-deov-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-deov-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-deov-marine);\n  text-align: right;\n}\n\n.soi-deov-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-deov-pomme-light);\n  border-left: 4px solid var(--soi-deov-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-deov-radius) var(--soi-deov-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-deov-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-deov-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-deov-marine);\n  margin-bottom: 4px;\n}\n\n.soi-deov-tip p {\n  font-size: 14px;\n  color: var(--soi-deov-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-deov-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-deov-accordion-item {\n  background: var(--soi-deov-off-white);\n  border-radius: var(--soi-deov-radius-sm);\n  border: 1px solid var(--soi-deov-line);\n  overflow: hidden;\n}\n\n.soi-deov-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-deov-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-deov-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-deov-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-deov-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-deov-accordion-item[open] .soi-deov-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-deov-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-deov-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-deov-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-deov-cta-box {\n  background: var(--soi-deov-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-deov-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-deov-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-deov-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-deov-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-deov-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-deov-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-deov-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-deov-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n  .soi-deov-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n  .soi-deov-compo-value {\n    text-align: left;\n  }\n  .soi-deov-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-deov-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-deov-fiche {\n    --soi-deov-text-soft: #2C3E50;\n    --soi-deov-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61603283173706,"sku":"SC8605","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deovert-vapo-podologique-deodorant-pieds-chaussures_11zon.webp?v=1780733061"},{"product_id":"moskitoo-laboratoire-saint-come","title":"Spray anti-moustiques Moskitoo","description":"\u003cdiv class=\"soi-mosk-fiche\"\u003e\n\n\u003csection class=\"soi-mosk-hero\"\u003e\n  \u003cdiv class=\"soi-mosk-hero-tag\"\u003e\n    \u003cspan class=\"soi-mosk-tag-dot\"\u003e\u003c\/span\u003e\n    Répulsif naturel · Laboratoire Saint Côme\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-mosk-hero-title\"\u003eSpray anti-moustiques Moskitoo Tropic Citriodora\u003c\/span\u003e\n  \u003cp class=\"soi-mosk-hero-subtitle\"\u003eUne protection naturelle à indice 25, formulée aux huiles essentielles 100 % naturelles pour vous accompagner partout où les moustiques sévissent.\u003c\/p\u003e\n  \u003cdiv class=\"soi-mosk-hero-labels\"\u003e\n    \u003cspan class=\"soi-mosk-label soi-mosk-label-accent\"\u003eHUILES ESSENTIELLES 100 % NATURELLES\u003c\/span\u003e\n    \u003cspan class=\"soi-mosk-label\"\u003eSANS DEET\u003c\/span\u003e\n    \u003cspan class=\"soi-mosk-label\"\u003eSANS PARABÈNE\u003c\/span\u003e\n    \u003cspan class=\"soi-mosk-label\"\u003eSANS CONSERVATEURS SYNTHÉTIQUES\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mosk-section\"\u003e\n  \u003ch2\u003eUn répulsif naturel pour moustiques vraiment efficace\u003c\/h2\u003e\n  \u003cp\u003eCe qui distingue le Moskitoo Tropic Citriodora de nombreux répulsifs classiques, c'est son indice de protection \u003cstrong\u003e25\u003c\/strong\u003e, adapté aux zones à forte densité de moustiques. Sa formule biphasique combine une phase aqueuse légère et une phase huileuse active : il vous suffit d'agiter le flacon avant chaque application pour activer toute la puissance des huiles essentielles répulsives.\u003c\/p\u003e\n  \u003cp\u003eRésultat : une protection anti-moustiques efficace et longue durée, sans recourir aux molécules de synthèse comme le DEET ou la picaridine.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mosk-section\"\u003e\n  \u003ch2\u003eComposition : les plantes répulsives à moustiques au cœur de la formule\u003c\/h2\u003e\n  \u003cp class=\"soi-mosk-section-intro\"\u003eChaque huile essentielle a été sélectionnée pour ses propriétés reconnues contre les insectes piqueurs.\u003c\/p\u003e\n  \u003cdiv class=\"soi-mosk-grid\"\u003e\n    \u003cdiv class=\"soi-mosk-card\"\u003e\n      \u003ch3\u003e🍋 Eucalyptus citronné (Citriodora)\u003c\/h3\u003e\n      \u003cp\u003eL'actif vedette du répulsif, dont l'efficacité est reconnue par l'OMS. Il contient du PMD (para-menthane-3,8-diol), particulièrement redouté des moustiques tropicaux et tigres.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mosk-card\"\u003e\n      \u003ch3\u003e🌿 Citronnelle\u003c\/h3\u003e\n      \u003cp\u003eHuile essentielle répulsive emblématique, elle perturbe les sens olfactifs des moustiques et éloigne également les autres insectes.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mosk-card\"\u003e\n      \u003ch3\u003e🌸 Géranium rosat\u003c\/h3\u003e\n      \u003cp\u003eNote florale douce pour vous, barrière naturelle efficace pour les insectes.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mosk-card\"\u003e\n      \u003ch3\u003e💜 Lavandin\u003c\/h3\u003e\n      \u003cp\u003eApaise la peau tout en renforçant l'effet répulsif global de la formule.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mosk-card\"\u003e\n      \u003ch3\u003e🌱 Menthe poivrée\u003c\/h3\u003e\n      \u003cp\u003eProcure une sensation de fraîcheur immédiate et intensifie la protection.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-mosk-tip\"\u003e\n    \u003cdiv class=\"soi-mosk-tip-icon\"\u003e🧴\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eBon à savoir\u003c\/strong\u003e\n      \u003cp\u003eLa formule est sans parabène, sans conservateurs synthétiques et respecte les peaux sensibles comme l'environnement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mosk-section\"\u003e\n  \u003ch2\u003eComment utiliser le spray répulsif moustiques Moskitoo ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-mosk-timeline\"\u003e\n    \u003cdiv class=\"soi-mosk-step\"\u003e\n      \u003cdiv class=\"soi-mosk-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-mosk-step-content\"\u003e\n        \u003ch3\u003eAgitez bien le flacon\u003c\/h3\u003e\n        \u003cp\u003eAvant chaque utilisation, mélangez les deux phases pour activer les huiles essentielles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mosk-step\"\u003e\n      \u003cdiv class=\"soi-mosk-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-mosk-step-content\"\u003e\n        \u003ch3\u003eVaporisez sur les zones exposées\u003c\/h3\u003e\n        \u003cp\u003eAppliquez sur la peau (bras, jambes, nuque) en évitant le contour des yeux et les muqueuses.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mosk-step\"\u003e\n      \u003cdiv class=\"soi-mosk-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-mosk-step-content\"\u003e\n        \u003ch3\u003eRenouvelez l'application\u003c\/h3\u003e\n        \u003cp\u003eToutes les 3 à 4 heures selon l'exposition, ou après avoir transpiré ou nagé.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mosk-step\"\u003e\n      \u003cdiv class=\"soi-mosk-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-mosk-step-content\"\u003e\n        \u003ch3\u003eUtilisez aussi sur les vêtements\u003c\/h3\u003e\n        \u003cp\u003ePulvérisez sur les textiles ou dans l'air ambiant pour créer une zone de protection autour de vous.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mosk-section\"\u003e\n  \u003ch2\u003ePour qui est ce répulsif pour moustiques naturel ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-mosk-benefits\"\u003e\n    \u003cdiv class=\"soi-mosk-benefit\"\u003e\n      \u003cdiv class=\"soi-mosk-benefit-icon\"\u003e\u003cspan\u003e✈️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eVoyageurs\u003c\/h3\u003e\n      \u003cp\u003eEn zones tropicales ou à forte présence de moustiques tigres.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mosk-benefit\"\u003e\n      \u003cdiv class=\"soi-mosk-benefit-icon\"\u003e\u003cspan\u003e🏕️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAmoureux de la nature\u003c\/h3\u003e\n      \u003cp\u003eRandonnée, camping, jardinage : profitez du plein air en toute sérénité.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mosk-benefit\"\u003e\n      \u003cdiv class=\"soi-mosk-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAdeptes du naturel\u003c\/h3\u003e\n      \u003cp\u003ePour celles et ceux qui souhaitent éviter les répulsifs chimiques conventionnels.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mosk-benefit\"\u003e\n      \u003cdiv class=\"soi-mosk-benefit-icon\"\u003e\u003cspan\u003e👨‍👩‍👧\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAdultes et enfants dès 3 ans\u003c\/h3\u003e\n      \u003cp\u003eConvient à toute la famille, toujours sous surveillance parentale pour les plus jeunes.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mosk-section\"\u003e\n  \u003ch2\u003eCaractéristiques clés\u003c\/h2\u003e\n  \u003cdiv class=\"soi-mosk-compo\"\u003e\n    \u003cdiv class=\"soi-mosk-compo-row\"\u003e\n      \u003cspan class=\"soi-mosk-compo-label\"\u003eIndice de protection\u003c\/span\u003e\n      \u003cspan class=\"soi-mosk-compo-value\"\u003e25 (zones fortement infestées)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mosk-compo-row\"\u003e\n      \u003cspan class=\"soi-mosk-compo-label\"\u003eFormule\u003c\/span\u003e\n      \u003cspan class=\"soi-mosk-compo-value\"\u003eBiphasique, huiles essentielles 100 % naturelles et pures\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mosk-compo-row\"\u003e\n      \u003cspan class=\"soi-mosk-compo-label\"\u003eSans\u003c\/span\u003e\n      \u003cspan class=\"soi-mosk-compo-value\"\u003eDEET, parabène, conservateurs synthétiques\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mosk-compo-row\"\u003e\n      \u003cspan class=\"soi-mosk-compo-label\"\u003eConditionnement\u003c\/span\u003e\n      \u003cspan class=\"soi-mosk-compo-value\"\u003eFlacon spray pratique, facile à glisser dans un sac\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mosk-compo-row\"\u003e\n      \u003cspan class=\"soi-mosk-compo-label\"\u003eMarque\u003c\/span\u003e\n      \u003cspan class=\"soi-mosk-compo-value\"\u003eLaboratoire Saint Côme, spécialiste des solutions naturelles\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mosk-section\"\u003e\n  \u003cdiv class=\"soi-mosk-accordion\"\u003e\n    \u003cdetails class=\"soi-mosk-accordion-item\"\u003e\n      \u003csummary class=\"soi-mosk-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n      \u003cdiv class=\"soi-mosk-accordion-content\"\u003e\n        \u003cp\u003eCe produit est un répulsif cosmétique à base de plantes. Il ne constitue pas un traitement médical et ne remplace pas les précautions recommandées en zones à risque sanitaire (paludisme, dengue, etc.). Consultez un professionnel de santé avant tout voyage en zone tropicale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mosk-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-mosk-cta-box\"\u003e\n    \u003cp class=\"soi-mosk-cta-tag\" style=\"color: white;\"\u003eVotre bouclier naturel contre les moustiques\u003c\/p\u003e\n    \u003cp class=\"soi-mosk-cta-text\" style=\"color: white;\"\u003ePartez l'esprit léger, en forêt, au bord de l'eau ou sous les tropiques. Le Moskitoo Tropic Citriodora vous offre la protection naturelle que vous méritez, grâce aux plantes les plus redoutées des moustiques.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-mosk-marine: #1A2D3D;\n  --soi-mosk-marine-dark: #0F1E2B;\n  --soi-mosk-marine-light: #2C4458;\n  --soi-mosk-pomme: #A1C544;\n  --soi-mosk-pomme-dark: #84A636;\n  --soi-mosk-pomme-light: rgba(161,197,68,0.10);\n  --soi-mosk-white: #FFFFFF;\n  --soi-mosk-off-white: #F8FAF6;\n  --soi-mosk-stone: #F1F3EE;\n  --soi-mosk-line: #E5E8E0;\n  --soi-mosk-primary: #B5252A;\n  --soi-mosk-primary-soft: #F4E8E8;\n  --soi-mosk-accent: #D4A52A;\n  --soi-mosk-text: #1A2D3D;\n  --soi-mosk-text-soft: #4A5B6B;\n  --soi-mosk-text-muted: #7B8693;\n  --soi-mosk-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-mosk-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-mosk-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-mosk-radius: 12px;\n  --soi-mosk-radius-sm: 8px;\n  --soi-mosk-radius-pill: 999px;\n}\n\n.soi-mosk-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-mosk-fiche img { max-width: 100%; height: auto; }\n\n.soi-mosk-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-mosk-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-mosk-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-mosk-hero {\n  position: relative;\n  background: var(--soi-mosk-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-mosk-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-mosk-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-mosk-pomme);\n}\n\n.soi-mosk-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-mosk-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-mosk-pomme);\n  border-radius: 50%;\n}\n\n.soi-mosk-hero-title {\n  display: block;\n  color: var(--soi-mosk-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-mosk-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-mosk-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-mosk-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-mosk-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-mosk-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-mosk-label-accent {\n  background: var(--soi-mosk-pomme);\n  border-color: var(--soi-mosk-pomme);\n  color: var(--soi-mosk-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-mosk-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-mosk-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-mosk-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-mosk-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-mosk-pomme);\n  border-radius: 2px;\n}\n\n.soi-mosk-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-mosk-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-mosk-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-mosk-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-mosk-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-mosk-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-mosk-benefit {\n  background: var(--soi-mosk-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-mosk-radius);\n  border: 1px solid var(--soi-mosk-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-mosk-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-mosk-shadow-md);\n}\n\n.soi-mosk-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-mosk-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-mosk-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-mosk-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-mosk-benefit:hover .soi-mosk-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-mosk-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-mosk-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-mosk-benefit p {\n  font-size: 13px;\n  color: var(--soi-mosk-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-mosk-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-mosk-card {\n  background: var(--soi-mosk-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-mosk-radius);\n  border-left: 3px solid var(--soi-mosk-pomme);\n}\n\n.soi-mosk-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-mosk-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-mosk-card p {\n  font-size: 14px;\n  color: var(--soi-mosk-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-mosk-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-mosk-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-mosk-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-mosk-radius);\n  border: 1px solid var(--soi-mosk-line);\n  align-items: flex-start;\n}\n\n.soi-mosk-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-mosk-marine);\n  color: var(--soi-mosk-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-mosk-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-mosk-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-mosk-step-content p {\n  font-size: 14px;\n  color: var(--soi-mosk-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-mosk-compo {\n  background: var(--soi-mosk-off-white);\n  border-radius: var(--soi-mosk-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-mosk-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-mosk-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-mosk-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-mosk-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-mosk-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-mosk-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-mosk-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-mosk-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-mosk-pomme-light);\n  border-left: 4px solid var(--soi-mosk-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-mosk-radius) var(--soi-mosk-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-mosk-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-mosk-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-mosk-marine);\n  margin-bottom: 4px;\n}\n\n.soi-mosk-tip p {\n  font-size: 14px;\n  color: var(--soi-mosk-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-mosk-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-mosk-accordion-item {\n  background: var(--soi-mosk-off-white);\n  border-radius: var(--soi-mosk-radius-sm);\n  border: 1px solid var(--soi-mosk-line);\n  overflow: hidden;\n}\n\n.soi-mosk-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-mosk-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-mosk-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-mosk-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-mosk-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-mosk-accordion-item[open] .soi-mosk-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-mosk-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-mosk-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-mosk-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-mosk-cta-box {\n  background: var(--soi-mosk-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-mosk-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-mosk-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-mosk-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-mosk-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-mosk-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-mosk-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-mosk-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-mosk-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-mosk-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-mosk-compo-value {\n    text-align: left;\n  }\n\n  .soi-mosk-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-mosk-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-mosk-fiche {\n    --soi-mosk-text-soft: #2C3E50;\n    --soi-mosk-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61603286057290,"sku":"SC8607","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/spray-anti-moustiques-moskitoo-packshot.webp?v=1779178163"},{"product_id":"aromaspray-cedre-patchouli","title":"Spray d'ambiance Cèdre Patchouli - Aromaspray","description":"\u003cdiv class=\"soi-cepa-fiche\"\u003e\n\n\u003csection class=\"soi-cepa-hero\"\u003e\n  \u003cdiv class=\"soi-cepa-hero-tag\"\u003e\n    \u003cspan class=\"soi-cepa-tag-dot\"\u003e\u003c\/span\u003e\n    Aromathérapie atmosphérique · Aromaspray\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-cepa-hero-title\"\u003eSpray d'ambiance Cèdre Patchouli\u003c\/span\u003e\n  \u003cp class=\"soi-cepa-hero-subtitle\"\u003eUne synergie boisée et enveloppante aux huiles essentielles 100 % pures et naturelles, pour transformer votre intérieur en cocon apaisant en quelques secondes.\u003c\/p\u003e\n  \u003cdiv class=\"soi-cepa-hero-labels\"\u003e\n    \u003cspan class=\"soi-cepa-label soi-cepa-label-accent\"\u003e100 % NATUREL\u003c\/span\u003e\n    \u003cspan class=\"soi-cepa-label\"\u003eHUILES ESSENTIELLES PURES\u003c\/span\u003e\n    \u003cspan class=\"soi-cepa-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-cepa-label\"\u003eSANS CONSERVATEURS ARTIFICIELS\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-cepa-section\"\u003e\n  \u003ch2\u003eUne synergie boisée et enveloppante\u003c\/h2\u003e\n  \u003cp class=\"soi-cepa-section-intro\"\u003eContrairement à un simple spray parfumé à base de fragrance synthétique, ce vaporisateur repose sur une synergie d'huiles essentielles soigneusement dosées. Chaque note joue un rôle précis dans l'atmosphère créée.\u003c\/p\u003e\n  \u003cdiv class=\"soi-cepa-grid\"\u003e\n    \u003cdiv class=\"soi-cepa-card\"\u003e\n      \u003ch3\u003e🌲 Cèdre (Cedrus atlantica)\u003c\/h3\u003e\n      \u003cp\u003eNote de fond boisée et légèrement résineuse, reconnue pour ses propriétés purifiantes et son effet apaisant sur le mental.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-cepa-card\"\u003e\n      \u003ch3\u003e🌿 Patchouli (Pogostemon cablin)\u003c\/h3\u003e\n      \u003cp\u003eArôme terreux, chaud et envoûtant, associé à l'équilibre émotionnel et à la relaxation profonde.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-cepa-card\"\u003e\n      \u003ch3\u003e🍊 Orange douce, pamplemousse, basilic\u003c\/h3\u003e\n      \u003cp\u003eNotes de tête et de cœur qui apportent légèreté et fraîcheur pour équilibrer la richesse du patchouli.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cp style=\"margin-top:1.25rem;\"\u003eLe résultat : une fragrance complexe, jamais écrasante, qui imprègne doucement l'air sans saturer l'espace.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-cepa-section\"\u003e\n  \u003ch2\u003eÀ quoi sert concrètement ce spray d'ambiance ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-cepa-benefits\"\u003e\n    \u003cdiv class=\"soi-cepa-benefit\"\u003e\n      \u003cdiv class=\"soi-cepa-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003ePurifier l'air\u003c\/h3\u003e\n      \u003cp\u003eAssainissez votre intérieur grâce aux propriétés purifiantes des huiles essentielles, sans recours aux produits chimiques.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-cepa-benefit\"\u003e\n      \u003cdiv class=\"soi-cepa-benefit-icon\"\u003e\u003cspan\u003e🧘\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eFavoriser la détente\u003c\/h3\u003e\n      \u003cp\u003eQuelques sprays dans le salon ou la chambre après une journée chargée, et l'atmosphère change immédiatement.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-cepa-benefit\"\u003e\n      \u003cdiv class=\"soi-cepa-benefit-icon\"\u003e\u003cspan\u003e🏠\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eCréer une ambiance chaleureuse\u003c\/h3\u003e\n      \u003cp\u003ePour recevoir vos proches ou simplement vous ressourcer chez vous, dans un cocon naturellement parfumé.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-cepa-benefit\"\u003e\n      \u003cdiv class=\"soi-cepa-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eNeutraliser les odeurs\u003c\/h3\u003e\n      \u003cp\u003eCuisine, animaux, tabac : remplacez les odeurs tenaces par un parfum naturel et non chimique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-cepa-tip\"\u003e\n    \u003cdiv class=\"soi-cepa-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eCe spray est aussi parfait pour parfumer votre voiture ou votre bureau, pour une pause sensorielle à tout moment de la journée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-cepa-section\"\u003e\n  \u003ch2\u003eComment utiliser votre spray d'ambiance Aromaspray ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-cepa-timeline\"\u003e\n    \u003cdiv class=\"soi-cepa-step\"\u003e\n      \u003cdiv class=\"soi-cepa-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-cepa-step-content\"\u003e\n        \u003ch3\u003eAgitez légèrement\u003c\/h3\u003e\n        \u003cp\u003eSecouez le flacon avant chaque utilisation pour homogénéiser les huiles essentielles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-cepa-step\"\u003e\n      \u003cdiv class=\"soi-cepa-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-cepa-step-content\"\u003e\n        \u003ch3\u003eVaporisez 2 à 4 fois\u003c\/h3\u003e\n        \u003cp\u003ePulvérisez dans la pièce, à environ 50 cm des surfaces. Évitez les tissus délicats et le contact avec les yeux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-cepa-step\"\u003e\n      \u003cdiv class=\"soi-cepa-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-cepa-step-content\"\u003e\n        \u003ch3\u003eRenouvelez selon vos envies\u003c\/h3\u003e\n        \u003cp\u003eMatin et soir, ou à chaque fois que vous souhaitez recharger l'atmosphère de votre intérieur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cp style=\"margin-top:1.25rem;\"\u003eCe spray ne nécessite ni diffuseur ni branchement électrique : il est prêt à l'emploi, instantané et nomade.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-cepa-section\"\u003e\n  \u003ch2\u003eComposition complète\u003c\/h2\u003e\n  \u003cdiv class=\"soi-cepa-compo\"\u003e\n    \u003cdiv class=\"soi-cepa-compo-row\"\u003e\n      \u003cspan class=\"soi-cepa-compo-label\"\u003eBase\u003c\/span\u003e\n      \u003cspan class=\"soi-cepa-compo-value\"\u003eAqua, alcool végétal\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-cepa-compo-row\"\u003e\n      \u003cspan class=\"soi-cepa-compo-label\"\u003eHuile essentielle\u003c\/span\u003e\n      \u003cspan class=\"soi-cepa-compo-value\"\u003eCèdre (Cedrus atlantica)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-cepa-compo-row\"\u003e\n      \u003cspan class=\"soi-cepa-compo-label\"\u003eHuile essentielle\u003c\/span\u003e\n      \u003cspan class=\"soi-cepa-compo-value\"\u003ePatchouli (Pogostemon cablin)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-cepa-compo-row\"\u003e\n      \u003cspan class=\"soi-cepa-compo-label\"\u003eHuile essentielle\u003c\/span\u003e\n      \u003cspan class=\"soi-cepa-compo-value\"\u003eOrange douce\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-cepa-compo-row\"\u003e\n      \u003cspan class=\"soi-cepa-compo-label\"\u003eHuile essentielle\u003c\/span\u003e\n      \u003cspan class=\"soi-cepa-compo-value\"\u003ePamplemousse\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-cepa-compo-row\"\u003e\n      \u003cspan class=\"soi-cepa-compo-label\"\u003eHuile essentielle\u003c\/span\u003e\n      \u003cspan class=\"soi-cepa-compo-value\"\u003eBasilic\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-cepa-compo-row\"\u003e\n      \u003cspan class=\"soi-cepa-compo-label\"\u003eFormule\u003c\/span\u003e\n      \u003cspan class=\"soi-cepa-compo-value\"\u003eSans conservateurs artificiels, sans colorants, sans propulseurs chimiques\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-cepa-section\"\u003e\n  \u003ch2\u003ePourquoi choisir Aromaspray plutôt qu'un spray d'ambiance classique ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-cepa-grid-compact\"\u003e\n    \u003cdiv class=\"soi-cepa-card-mini\"\u003e\n      \u003cspan class=\"soi-cepa-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n      \u003cspan class=\"soi-cepa-card-mini-label\"\u003eFormule\u003c\/span\u003e\n      \u003cspan class=\"soi-cepa-card-mini-value\"\u003e100 % naturel\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-cepa-card-mini\"\u003e\n      \u003cspan class=\"soi-cepa-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n      \u003cspan class=\"soi-cepa-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n      \u003cspan class=\"soi-cepa-card-mini-value\"\u003eBourgogne, France\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-cepa-card-mini\"\u003e\n      \u003cspan class=\"soi-cepa-card-mini-icon\"\u003e💨\u003c\/span\u003e\n      \u003cspan class=\"soi-cepa-card-mini-label\"\u003eTechnologie\u003c\/span\u003e\n      \u003cspan class=\"soi-cepa-card-mini-value\"\u003eAromathérapie atmosphérique\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-cepa-card-mini\"\u003e\n      \u003cspan class=\"soi-cepa-card-mini-icon\"\u003e✈️\u003c\/span\u003e\n      \u003cspan class=\"soi-cepa-card-mini-label\"\u003eFormat\u003c\/span\u003e\n      \u003cspan class=\"soi-cepa-card-mini-value\"\u003eFlacon pompe nomade\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cp style=\"margin-top:1.25rem;\"\u003eAucune fragrance de synthèse, aucun conservateur chimique. Les huiles essentielles agissent réellement sur l'air et votre bien-être, pas seulement sur l'odeur.\u003c\/p\u003e\n  \u003cdiv class=\"soi-cepa-accordion\"\u003e\n    \u003cdetails class=\"soi-cepa-accordion-item\"\u003e\n      \u003csummary class=\"soi-cepa-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n      \u003cdiv class=\"soi-cepa-accordion-content\"\u003e\n        \u003cp\u003eCe spray d'ambiance est destiné à un usage olfactif et atmosphérique. Il ne constitue pas un traitement médical et ne remplace pas un avis professionnel de santé. Tenir hors de portée des enfants. Éviter le contact avec les yeux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-cepa-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-cepa-cta-box\"\u003e\n    \u003cp class=\"soi-cepa-cta-tag\" style=\"color: white;\"\u003eVotre rituel sensoriel au quotidien\u003c\/p\u003e\n    \u003cp class=\"soi-cepa-cta-text\" style=\"color: white;\"\u003eLa nature en flacon : une fragrance boisée, chaude et apaisante qui transforme votre intérieur en un seul geste. Naturel, français, immédiat.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-cepa-marine: #1A2D3D;\n  --soi-cepa-marine-dark: #0F1E2B;\n  --soi-cepa-marine-light: #2C4458;\n  --soi-cepa-pomme: #A1C544;\n  --soi-cepa-pomme-dark: #84A636;\n  --soi-cepa-pomme-light: rgba(161,197,68,0.10);\n  --soi-cepa-white: #FFFFFF;\n  --soi-cepa-off-white: #F8FAF6;\n  --soi-cepa-stone: #F1F3EE;\n  --soi-cepa-line: #E5E8E0;\n  --soi-cepa-primary: #2B6B6B;\n  --soi-cepa-primary-soft: #3A8A8A;\n  --soi-cepa-accent: #7A9A8E;\n  --soi-cepa-text: #1A2D3D;\n  --soi-cepa-text-soft: #4A5B6B;\n  --soi-cepa-text-muted: #7B8693;\n  --soi-cepa-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-cepa-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-cepa-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-cepa-radius: 12px;\n  --soi-cepa-radius-sm: 8px;\n  --soi-cepa-radius-pill: 999px;\n}\n\n.soi-cepa-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-cepa-fiche img { max-width: 100%; height: auto; }\n\n.soi-cepa-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-cepa-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-cepa-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-cepa-hero {\n  position: relative;\n  background: var(--soi-cepa-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-cepa-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-cepa-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-cepa-pomme);\n}\n\n.soi-cepa-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-cepa-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-cepa-pomme);\n  border-radius: 50%;\n}\n\n.soi-cepa-hero-title {\n  display: block;\n  color: var(--soi-cepa-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-cepa-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-cepa-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-cepa-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-cepa-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-cepa-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-cepa-label-accent {\n  background: var(--soi-cepa-pomme);\n  border-color: var(--soi-cepa-pomme);\n  color: var(--soi-cepa-marine);\n  font-weight: 600;\n}\n\n.soi-cepa-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-cepa-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-cepa-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-cepa-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-cepa-pomme);\n  border-radius: 2px;\n}\n\n.soi-cepa-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-cepa-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-cepa-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-cepa-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-cepa-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-cepa-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-cepa-benefit {\n  background: var(--soi-cepa-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-cepa-radius);\n  border: 1px solid var(--soi-cepa-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-cepa-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-cepa-shadow-md);\n}\n\n.soi-cepa-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-cepa-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-cepa-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-cepa-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-cepa-benefit:hover .soi-cepa-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-cepa-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-cepa-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-cepa-benefit p {\n  font-size: 13px;\n  color: var(--soi-cepa-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-cepa-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-cepa-card {\n  background: var(--soi-cepa-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-cepa-radius);\n  border-left: 3px solid var(--soi-cepa-pomme);\n}\n\n.soi-cepa-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-cepa-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-cepa-card p {\n  font-size: 14px;\n  color: var(--soi-cepa-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-cepa-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-cepa-card-mini {\n  background: var(--soi-cepa-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-cepa-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-cepa-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-cepa-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-cepa-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-cepa-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-cepa-marine);\n}\n\n.soi-cepa-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-cepa-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-cepa-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-cepa-radius);\n  border: 1px solid var(--soi-cepa-line);\n  align-items: flex-start;\n}\n\n.soi-cepa-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-cepa-marine);\n  color: var(--soi-cepa-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-cepa-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-cepa-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-cepa-step-content p {\n  font-size: 14px;\n  color: var(--soi-cepa-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-cepa-compo {\n  background: var(--soi-cepa-off-white);\n  border-radius: var(--soi-cepa-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-cepa-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-cepa-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-cepa-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-cepa-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-cepa-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-cepa-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-cepa-marine);\n  text-align: right;\n}\n\n.soi-cepa-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-cepa-pomme-light);\n  border-left: 4px solid var(--soi-cepa-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-cepa-radius) var(--soi-cepa-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-cepa-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-cepa-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-cepa-marine);\n  margin-bottom: 4px;\n}\n\n.soi-cepa-tip p {\n  font-size: 14px;\n  color: var(--soi-cepa-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-cepa-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 1.5rem;\n}\n\n.soi-cepa-accordion-item {\n  background: var(--soi-cepa-off-white);\n  border-radius: var(--soi-cepa-radius-sm);\n  border: 1px solid var(--soi-cepa-line);\n  overflow: hidden;\n}\n\n.soi-cepa-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-cepa-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-cepa-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-cepa-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-cepa-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-cepa-accordion-item[open] .soi-cepa-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-cepa-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-cepa-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-cepa-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-cepa-cta-box {\n  background: var(--soi-cepa-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-cepa-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-cepa-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-cepa-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-cepa-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-cepa-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-cepa-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-cepa-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-cepa-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-cepa-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-cepa-compo-value {\n    text-align: left;\n  }\n\n  .soi-cepa-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-cepa-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-cepa-fiche {\n    --soi-cepa-text-soft: #2C3E50;\n    --soi-cepa-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61603291070794,"sku":"SC8608","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/spray-dambiance-cedre-patchouli-aromaspray-packshot.webp?v=1779370736"},{"product_id":"aromaspray-bois-ho-gingembre","title":"Spray d’atmosphère Bois de Hô et Gingembre - Aromaspray","description":"\n\u003cdiv class=\"soi-bhgin-fiche\"\u003e\n\n  \u003csection class=\"soi-bhgin-hero\"\u003e\n    \u003cdiv class=\"soi-bhgin-hero-tag\"\u003e\n      \u003cspan class=\"soi-bhgin-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie atmosphérique · Aromaspray\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-bhgin-hero-title\"\u003eSpray d'atmosphère Bois de Hô et Gingembre\u003c\/span\u003e\n    \u003cp class=\"soi-bhgin-hero-subtitle\"\u003eUne alliance vivifiante et épicée d'huiles essentielles 100 % pures et naturelles, pour redonner de l'élan à votre espace et à vos sens.\u003c\/p\u003e\n    \u003cdiv class=\"soi-bhgin-hero-labels\"\u003e\n      \u003cspan class=\"soi-bhgin-label soi-bhgin-label-accent\"\u003e100 % PURES ET NATURELLES\u003c\/span\u003e\n      \u003cspan class=\"soi-bhgin-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-bhgin-label\"\u003eSANS COLORANTS\u003c\/span\u003e\n      \u003cspan class=\"soi-bhgin-label\"\u003eSANS CONSERVATEURS\u003c\/span\u003e\n      \u003cspan class=\"soi-bhgin-label\"\u003eSANS GAZ PROPULSEUR\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-bhgin-section\"\u003e\n    \u003ch2\u003eSpray d'aromathérapie Bois de Hô et Gingembre : l'énergie des épices dans votre intérieur\u003c\/h2\u003e\n    \u003cp\u003eVous cherchez à transformer l'atmosphère de votre maison en quelques secondes ? Ce spray d'aromathérapie Bois de Hô et Gingembre d'Aromaspray diffuse une alliance vivifiante d'huiles essentielles 100 % pures et naturelles, pour redonner de l'élan à votre espace et à vos sens. Un geste simple, un effet immédiat.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-bhgin-section\"\u003e\n    \u003ch2\u003eUne composition épicée et équilibrée, entièrement naturelle\u003c\/h2\u003e\n    \u003cp class=\"soi-bhgin-section-intro\"\u003eChaque ingrédient a été sélectionné pour son rôle précis dans l'expérience olfactive et atmosphérique.\u003c\/p\u003e\n    \u003cdiv class=\"soi-bhgin-grid\"\u003e\n      \u003cdiv class=\"soi-bhgin-card\"\u003e\n        \u003ch3\u003e🪵 Bois de Hô\u003c\/h3\u003e\n        \u003cp\u003eNote boisée et douce, connue pour ses vertus stimulantes et équilibrantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bhgin-card\"\u003e\n        \u003ch3\u003e🫚 Gingembre\u003c\/h3\u003e\n        \u003cp\u003eÉpicé et tonifiant, il apporte dynamisme et chaleur à l'ambiance.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bhgin-card\"\u003e\n        \u003ch3\u003e🌰 Cannelle\u003c\/h3\u003e\n        \u003cp\u003eChaleureuse et enveloppante, elle stimule les sens en douceur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bhgin-card\"\u003e\n        \u003ch3\u003e🍋 Lemongrass\u003c\/h3\u003e\n        \u003cp\u003eTouche citronnée et fraîche, aux propriétés purifiantes reconnues.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bhgin-card\"\u003e\n        \u003ch3\u003e🌸 Géranium\u003c\/h3\u003e\n        \u003cp\u003eNote florale harmonisante, pour un équilibre intérieur apaisé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bhgin-card\"\u003e\n        \u003ch3\u003e🌾 Palmarosa\u003c\/h3\u003e\n        \u003cp\u003eEffet équilibrant et doux sur l'atmosphère ambiante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bhgin-card\"\u003e\n        \u003ch3\u003e🌺 Ylang-ylang\u003c\/h3\u003e\n        \u003cp\u003eExotique et relaxant, il enrichit la composition d'une profondeur sensorielle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bhgin-card\"\u003e\n        \u003ch3\u003e🪔 Extrait de benjoin oriental\u003c\/h3\u003e\n        \u003cp\u003eNote résineuse réconfortante qui ancre et prolonge le parfum.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bhgin-tip\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"soi-bhgin-tip-icon\"\u003e🇫🇷\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eFormule propre\u003c\/strong\u003e\n        \u003cp\u003eSans colorants, sans conservateurs, sans gaz propulseur. Fabriqué en France.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-bhgin-section\"\u003e\n    \u003ch2\u003eÀ quoi sert ce spray d'atmosphère ? Les vrais bienfaits au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"soi-bhgin-benefits\"\u003e\n      \u003cdiv class=\"soi-bhgin-benefit\"\u003e\n        \u003cdiv class=\"soi-bhgin-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eRevitalisation instantanée\u003c\/h3\u003e\n        \u003cp\u003eLe duo bois de hô et gingembre réveille l'atmosphère d'une pièce et chasse la sensation de lourdeur ou de fatigue ambiante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bhgin-benefit\"\u003e\n        \u003cdiv class=\"soi-bhgin-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePurification de l'air\u003c\/h3\u003e\n        \u003cp\u003eLemongrass et palmarosa contribuent à assainir l'air ambiant, pour un intérieur plus sain et plus agréable à respirer.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bhgin-benefit\"\u003e\n        \u003cdiv class=\"soi-bhgin-benefit-icon\"\u003e\u003cspan\u003e🧘\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHarmonie et bien-être\u003c\/h3\u003e\n        \u003cp\u003eGéranium, ylang-ylang et benjoin créent une atmosphère douce et équilibrée, idéale pour les moments de détente.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bhgin-benefit\"\u003e\n        \u003cdiv class=\"soi-bhgin-benefit-icon\"\u003e\u003cspan\u003e🏡\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eParfum d'intérieur naturel\u003c\/h3\u003e\n        \u003cp\u003eContrairement aux sprays synthétiques, ce spray d'aromathérapie parfume sans masquer : il apporte une vraie présence olfactive.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-bhgin-section\"\u003e\n    \u003ch2\u003eComment utiliser le spray Aromaspray Bois de Hô et Gingembre ?\u003c\/h2\u003e\n    \u003cp class=\"soi-bhgin-section-intro\"\u003eL'utilisation est volontairement simple pour s'intégrer à tous vos moments.\u003c\/p\u003e\n    \u003cdiv class=\"soi-bhgin-timeline\"\u003e\n      \u003cdiv class=\"soi-bhgin-step\"\u003e\n        \u003cdiv class=\"soi-bhgin-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-bhgin-step-content\"\u003e\n          \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n          \u003cp\u003eSecouez légèrement le flacon avant chaque utilisation pour homogénéiser les huiles essentielles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bhgin-step\"\u003e\n        \u003cdiv class=\"soi-bhgin-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-bhgin-step-content\"\u003e\n          \u003ch3\u003eVaporisez 2 à 3 pressions\u003c\/h3\u003e\n          \u003cp\u003eOrientez le spray vers le haut pour une diffusion optimale dans la pièce.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bhgin-step\"\u003e\n        \u003cdiv class=\"soi-bhgin-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-bhgin-step-content\"\u003e\n          \u003ch3\u003eÉvitez les surfaces sensibles\u003c\/h3\u003e\n          \u003cp\u003eNe vaporisez pas directement sur les textiles délicats, les meubles vernis ou les surfaces fragiles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bhgin-step\"\u003e\n        \u003cdiv class=\"soi-bhgin-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-bhgin-step-content\"\u003e\n          \u003ch3\u003eChoisissez votre moment\u003c\/h3\u003e\n          \u003cp\u003eIdéal le matin pour démarrer la journée ou en début de soirée pour créer une atmosphère chaleureuse. Convient pour le salon, le bureau, la chambre ou les espaces de méditation et de yoga.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-bhgin-section\"\u003e\n    \u003ch2\u003ePourquoi choisir Aromaspray plutôt qu'un autre spray d'ambiance ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-bhgin-grid\"\u003e\n      \u003cdiv class=\"soi-bhgin-card\"\u003e\n        \u003ch3\u003e🌱 Huiles essentielles authentiques\u003c\/h3\u003e\n        \u003cp\u003e100 % pures et naturelles, sans arômes de synthèse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bhgin-card\"\u003e\n        \u003ch3\u003e🇫🇷 Conception française\u003c\/h3\u003e\n        \u003cp\u003eConçu et fabriqué en France, avec des matières premières sélectionnées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bhgin-card\"\u003e\n        \u003ch3\u003e🍃 Formule écologique et saine\u003c\/h3\u003e\n        \u003cp\u003eSans gaz propulseur, sans conservateurs, sans colorants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bhgin-card\"\u003e\n        \u003ch3\u003e✨ Diffusion fine et homogène\u003c\/h3\u003e\n        \u003cp\u003ePour une expérience olfactive authentique et enveloppante.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-bhgin-section\"\u003e\n    \u003cdiv class=\"soi-bhgin-accordion\"\u003e\n      \u003cdetails class=\"soi-bhgin-accordion-item\"\u003e\n        \u003csummary class=\"soi-bhgin-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-bhgin-accordion-content\"\u003e\n          \u003cp\u003eCe produit est destiné à un usage d'aromathérapie atmosphérique uniquement. Il ne constitue pas un traitement médical et ne remplace pas l'avis d'un professionnel de santé. Tenir hors de portée des enfants. Ne pas inhaler directement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-bhgin-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-bhgin-cta-box\"\u003e\n      \u003cp class=\"soi-bhgin-cta-tag\" style=\"color: white;\"\u003eVivifiez votre intérieur, naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-bhgin-cta-text\" style=\"color: white;\"\u003eUn flacon dans la main, quelques secondes de vaporisation, et votre atmosphère se transforme. Simple, efficace, authentique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-bhgin-marine: #1A2D3D;\n  --soi-bhgin-marine-dark: #0F1E2B;\n  --soi-bhgin-marine-light: #2C4458;\n  --soi-bhgin-pomme: #A1C544;\n  --soi-bhgin-pomme-dark: #84A636;\n  --soi-bhgin-pomme-light: rgba(161,197,68,0.10);\n  --soi-bhgin-white: #FFFFFF;\n  --soi-bhgin-off-white: #F8FAF6;\n  --soi-bhgin-stone: #F1F3EE;\n  --soi-bhgin-line: #E5E8E0;\n  --soi-bhgin-primary: #7A9A8E;\n  --soi-bhgin-primary-soft: rgba(122,154,142,0.12);\n  --soi-bhgin-accent: #D88542;\n  --soi-bhgin-text: #1A2D3D;\n  --soi-bhgin-text-soft: #4A5B6B;\n  --soi-bhgin-text-muted: #7B8693;\n  --soi-bhgin-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-bhgin-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-bhgin-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-bhgin-radius: 12px;\n  --soi-bhgin-radius-sm: 8px;\n  --soi-bhgin-radius-pill: 999px;\n}\n\n.soi-bhgin-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-bhgin-fiche img { max-width: 100%; height: auto; }\n\n.soi-bhgin-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-bhgin-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-bhgin-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-bhgin-hero {\n  position: relative;\n  background: var(--soi-bhgin-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-bhgin-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-bhgin-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-bhgin-pomme);\n}\n\n.soi-bhgin-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-bhgin-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-bhgin-pomme);\n  border-radius: 50%;\n}\n\n.soi-bhgin-hero-title {\n  display: block;\n  color: var(--soi-bhgin-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-bhgin-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-bhgin-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-bhgin-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-bhgin-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-bhgin-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-bhgin-label-accent {\n  background: var(--soi-bhgin-pomme);\n  border-color: var(--soi-bhgin-pomme);\n  color: var(--soi-bhgin-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-bhgin-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-bhgin-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-bhgin-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-bhgin-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-bhgin-pomme);\n  border-radius: 2px;\n}\n\n.soi-bhgin-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-bhgin-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-bhgin-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-bhgin-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-bhgin-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-bhgin-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-bhgin-benefit {\n  background: var(--soi-bhgin-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-bhgin-radius);\n  border: 1px solid var(--soi-bhgin-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-bhgin-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-bhgin-shadow-md);\n}\n\n.soi-bhgin-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-bhgin-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-bhgin-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-bhgin-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-bhgin-benefit:hover .soi-bhgin-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-bhgin-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-bhgin-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-bhgin-benefit p {\n  font-size: 13px;\n  color: var(--soi-bhgin-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-bhgin-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-bhgin-card {\n  background: var(--soi-bhgin-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-bhgin-radius);\n  border-left: 3px solid var(--soi-bhgin-pomme);\n}\n\n.soi-bhgin-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-bhgin-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-bhgin-card p {\n  font-size: 14px;\n  color: var(--soi-bhgin-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-bhgin-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-bhgin-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-bhgin-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-bhgin-radius);\n  border: 1px solid var(--soi-bhgin-line);\n  align-items: flex-start;\n}\n\n.soi-bhgin-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-bhgin-marine);\n  color: var(--soi-bhgin-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-bhgin-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-bhgin-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-bhgin-step-content p {\n  font-size: 14px;\n  color: var(--soi-bhgin-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-bhgin-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-bhgin-pomme-light);\n  border-left: 4px solid var(--soi-bhgin-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-bhgin-radius) var(--soi-bhgin-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-bhgin-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-bhgin-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-bhgin-marine);\n  margin-bottom: 4px;\n}\n\n.soi-bhgin-tip p {\n  font-size: 14px;\n  color: var(--soi-bhgin-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-bhgin-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-bhgin-accordion-item {\n  background: var(--soi-bhgin-off-white);\n  border-radius: var(--soi-bhgin-radius-sm);\n  border: 1px solid var(--soi-bhgin-line);\n  overflow: hidden;\n}\n\n.soi-bhgin-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-bhgin-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-bhgin-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-bhgin-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-bhgin-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-bhgin-accordion-item[open] .soi-bhgin-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-bhgin-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-bhgin-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-bhgin-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-bhgin-cta-box {\n  background: var(--soi-bhgin-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-bhgin-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-bhgin-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-bhgin-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-bhgin-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-bhgin-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-bhgin-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-bhgin-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-bhgin-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-bhgin-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-bhgin-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-bhgin-benefits {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-bhgin-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-bhgin-fiche {\n    --soi-bhgin-text-soft: #2C3E50;\n    --soi-bhgin-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61603291726154,"sku":"SC8609","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/spray-datmosphere-bois-de-ho-et-gingembre-aromaspray-packshot.webp?v=1779191056"},{"product_id":"hygiene-intime-200ml-centifolia","title":"Soin Hygiène Intime Neutre certifié bio – Centifolia","description":"\n\u003cdiv class=\"soi-hint-fiche\"\u003e\n\n\u003csection class=\"soi-hint-hero\"\u003e\n  \u003cdiv class=\"soi-hint-hero-tag\"\u003e\n    \u003cspan class=\"soi-hint-tag-dot\"\u003e\u003c\/span\u003e\n    Hygiène intime · Centifolia\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-hint-hero-title\"\u003eSoin Hygiène Intime Neutre certifié bio\u003c\/span\u003e\n  \u003cp class=\"soi-hint-hero-subtitle\"\u003eUn gel nettoyant intime à la douceur exemplaire, enrichi en prébiotique actif, pour respecter et protéger les muqueuses sensibles au quotidien.\u003c\/p\u003e\n  \u003cdiv class=\"soi-hint-hero-labels\"\u003e\n    \u003cspan class=\"soi-hint-label soi-hint-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n    \u003cspan class=\"soi-hint-label\"\u003eSANS PARFUM\u003c\/span\u003e\n    \u003cspan class=\"soi-hint-label\"\u003e99% ORIGINE NATURELLE\u003c\/span\u003e\n    \u003cspan class=\"soi-hint-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-hint-label\"\u003eTESTÉ SOUS CONTRÔLE GYNÉCOLOGIQUE\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n  \u003ch2\u003ePourquoi choisir ce soin hygiène intime certifié bio ?\u003c\/h2\u003e\n  \u003cp class=\"soi-hint-section-intro\"\u003ePrendre soin de votre hygiène intime ne s'improvise pas. La zone intime possède un pH naturellement acide (entre 3,8 et 4,5) qu'il est essentiel de préserver pour éviter irritations, démangeaisons et déséquilibres de la flore. Contrairement à un savon classique, ce gel nettoyant intime bio est conçu pour respecter cet équilibre fragile, sans agresser les muqueuses.\u003c\/p\u003e\n  \u003cdiv class=\"soi-hint-benefits\"\u003e\n    \u003cdiv class=\"soi-hint-benefit\"\u003e\n      \u003cdiv class=\"soi-hint-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003epH physiologique respecté\u003c\/h3\u003e\n      \u003cp\u003eNettoie en douceur sans perturber l'environnement naturel de votre flore intime.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hint-benefit\"\u003e\n      \u003cdiv class=\"soi-hint-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eSans parfum\u003c\/h3\u003e\n      \u003cp\u003eIdéal pour les peaux réactives et les muqueuses sensibles, sans aucune fragrance ajoutée.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hint-benefit\"\u003e\n      \u003cdiv class=\"soi-hint-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003e99% d'origine naturelle\u003c\/h3\u003e\n      \u003cp\u003eFormule certifiée Cosmos Organic, propre et transparente, pour une toilette en toute confiance.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hint-benefit\"\u003e\n      \u003cdiv class=\"soi-hint-benefit-icon\"\u003e\u003cspan\u003e👨‍👩‍👧\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAdapté à toute la famille\u003c\/h3\u003e\n      \u003cp\u003eConvient aux femmes enceintes, allaitantes, et aux enfants dès 3 ans.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n  \u003ch2\u003eLa technologie prébiotique active : ce qui fait la différence\u003c\/h2\u003e\n  \u003cp class=\"soi-hint-section-intro\"\u003eCe qui distingue le soin hygiène intime Centifolia des autres nettoyants intimes, c'est sa synergie unique entre un prébiotique actif et un polysaccharide apaisant. Concrètement, ces deux actifs travaillent ensemble pour vous offrir une protection complète.\u003c\/p\u003e\n  \u003cdiv class=\"soi-hint-grid\"\u003e\n    \u003cdiv class=\"soi-hint-card\"\u003e\n      \u003ch3\u003e🦠 Nourrir le microbiote\u003c\/h3\u003e\n      \u003cp\u003eLe prébiotique actif nourrit les bonnes bactéries de votre microbiote intime et cutané, favorisant un environnement sain.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hint-card\"\u003e\n      \u003ch3\u003e🛡️ Renforcer la barrière naturelle\u003c\/h3\u003e\n      \u003cp\u003eLes muqueuses sont protégées contre les agressions extérieures grâce au renforcement de leur barrière naturelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hint-card\"\u003e\n      \u003ch3\u003e✨ Prévenir les inconforts\u003c\/h3\u003e\n      \u003cp\u003eContribue à prévenir les déséquilibres responsables des inconforts récurrents : sécheresse, tiraillements, irritations.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-hint-tip\"\u003e\n    \u003cdiv class=\"soi-hint-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eDès la première utilisation, vous retrouvez une zone intime propre, apaisée et protégée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n  \u003ch2\u003eComment utiliser ce nettoyant intime bio au quotidien ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-hint-timeline\"\u003e\n    \u003cdiv class=\"soi-hint-step\"\u003e\n      \u003cdiv class=\"soi-hint-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-hint-step-content\"\u003e\n        \u003ch3\u003eDosez avec parcimonie\u003c\/h3\u003e\n        \u003cp\u003eUne petite noisette suffit pour une toilette intime efficace.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hint-step\"\u003e\n      \u003cdiv class=\"soi-hint-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-hint-step-content\"\u003e\n        \u003ch3\u003eAppliquez à la main uniquement\u003c\/h3\u003e\n        \u003cp\u003eAppliquez sur la vulve externe, sans pénétrer. Évitez les gants de toilette qui peuvent être source de bactéries.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hint-step\"\u003e\n      \u003cdiv class=\"soi-hint-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-hint-step-content\"\u003e\n        \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n        \u003cp\u003eRincez à l'eau tiède, puis séchez délicatement par tamponnements.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hint-step\"\u003e\n      \u003cdiv class=\"soi-hint-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-hint-step-content\"\u003e\n        \u003ch3\u003eUne fois par jour maximum\u003c\/h3\u003e\n        \u003cp\u003ePour éviter de trop nettoyer et déséquilibrer le microbiote, limitez la toilette intime à une fois par jour.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n  \u003ch2\u003eComposition du Soin Hygiène Intime Neutre Centifolia\u003c\/h2\u003e\n  \u003cp class=\"soi-hint-section-intro\"\u003eFormule épurée, à 99% d'ingrédients d'origine naturelle, sans parfum, sans phtalate, sans bisphénol A.\u003c\/p\u003e\n  \u003cdiv class=\"soi-hint-compo\"\u003e\n    \u003cdiv class=\"soi-hint-compo-row\"\u003e\n      \u003cspan class=\"soi-hint-compo-label\"\u003ePrébiotique actif\u003c\/span\u003e\n      \u003cspan class=\"soi-hint-compo-value\"\u003eXylitol\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hint-compo-row\"\u003e\n      \u003cspan class=\"soi-hint-compo-label\"\u003eActifs complémentaires\u003c\/span\u003e\n      \u003cspan class=\"soi-hint-compo-value\"\u003ePolysaccharides apaisants\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hint-compo-row\"\u003e\n      \u003cspan class=\"soi-hint-compo-label\"\u003eOrigine des ingrédients\u003c\/span\u003e\n      \u003cspan class=\"soi-hint-compo-value\"\u003e99% d'origine naturelle\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hint-compo-row\"\u003e\n      \u003cspan class=\"soi-hint-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-hint-compo-value\"\u003e200 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hint-compo-row\"\u003e\n      \u003cspan class=\"soi-hint-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-hint-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-hint-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n    \u003cdetails class=\"soi-hint-accordion-item\"\u003e\n      \u003csummary class=\"soi-hint-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n      \u003cdiv class=\"soi-hint-accordion-content\"\u003e\n        \u003cp\u003eAqua, Sodium Coco-Glucoside Tartrate, Coco-Glucoside, Glycerin, Xylitylglucoside, Anhydroxylitol, Xylitol, Citric Acid, Sodium Benzoate, Potassium Sorbate.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n  \u003ch2\u003eLes engagements Centifolia qui font la différence\u003c\/h2\u003e\n  \u003cdiv class=\"soi-hint-grid\"\u003e\n    \u003cdiv class=\"soi-hint-card\"\u003e\n      \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n      \u003cp\u003eCertification biologique indépendante et rigoureuse, garantissant une formule respectueuse de votre peau et de l'environnement.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hint-card\"\u003e\n      \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n      \u003cp\u003eConçu et fabriqué en France, dans le respect des matières premières et du savoir-faire cosmétique français.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hint-card\"\u003e\n      \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n      \u003cp\u003eFlacon recyclable, composé à 50% de plastique recyclé, pour une démarche plus respectueuse de la planète.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n  \u003ch2\u003ePour qui est recommandé ce soin intime bio ?\u003c\/h2\u003e\n  \u003cp\u003eCe nettoyant intime bio convient particulièrement aux femmes qui souffrent d'irritations récurrentes, aux peaux très sensibles, aux femmes enceintes ou allaitantes, et à toute personne souhaitant adopter une routine intime plus naturelle et respectueuse. Il peut également être utilisé par les enfants dès 3 ans, sous surveillance parentale.\u003c\/p\u003e\n  \u003cdiv class=\"soi-hint-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n    \u003cdetails class=\"soi-hint-accordion-item\"\u003e\n      \u003csummary class=\"soi-hint-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n      \u003cdiv class=\"soi-hint-accordion-content\"\u003e\n        \u003cp\u003eCe produit est un soin cosmétique. Il ne remplace pas un avis médical en cas d'infection ou de symptômes persistants. Pour les enfants dès 3 ans, utilisez sous surveillance parentale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-hint-cta-box\"\u003e\n    \u003cp class=\"soi-hint-cta-tag\" style=\"color: white;\"\u003eVotre rituel de douceur au quotidien\u003c\/p\u003e\n    \u003cp class=\"soi-hint-cta-text\" style=\"color: white;\"\u003ePrenez soin de vous avec une formule bio pensée pour les zones les plus délicates. Une toilette intime douce, protectrice et vraiment naturelle, chaque jour, pour toute la famille.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-hint-marine: #1A2D3D;\n  --soi-hint-marine-dark: #0F1E2B;\n  --soi-hint-marine-light: #2C4458;\n  --soi-hint-pomme: #A1C544;\n  --soi-hint-pomme-dark: #84A636;\n  --soi-hint-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-hint-white: #FFFFFF;\n  --soi-hint-off-white: #F8FAF6;\n  --soi-hint-stone: #F1F3EE;\n  --soi-hint-line: #E5E8E0;\n\n  --soi-hint-primary: #7BB8CE;\n  --soi-hint-primary-soft: #D0EAF5;\n  --soi-hint-accent: #5A9AB5;\n\n  --soi-hint-text: #1A2D3D;\n  --soi-hint-text-soft: #4A5B6B;\n  --soi-hint-text-muted: #7B8693;\n\n  --soi-hint-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-hint-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-hint-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-hint-radius: 12px;\n  --soi-hint-radius-sm: 8px;\n  --soi-hint-radius-pill: 999px;\n}\n\n.soi-hint-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-hint-fiche img { max-width: 100%; height: auto; }\n\n.soi-hint-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-hint-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-hint-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-hint-hero {\n  position: relative;\n  background: var(--soi-hint-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-hint-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-hint-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-hint-pomme);\n}\n\n.soi-hint-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-hint-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-hint-pomme);\n  border-radius: 50%;\n}\n\n.soi-hint-hero-title {\n  display: block;\n  color: var(--soi-hint-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-hint-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-hint-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-hint-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-hint-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-hint-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-hint-label-accent {\n  background: var(--soi-hint-pomme);\n  border-color: var(--soi-hint-pomme);\n  color: var(--soi-hint-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-hint-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-hint-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-hint-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-hint-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-hint-pomme);\n  border-radius: 2px;\n}\n\n.soi-hint-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-hint-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-hint-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-hint-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-hint-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-hint-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-hint-benefit {\n  background: var(--soi-hint-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-hint-radius);\n  border: 1px solid var(--soi-hint-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-hint-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-hint-shadow-md);\n}\n\n.soi-hint-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-hint-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-hint-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-hint-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-hint-benefit:hover .soi-hint-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-hint-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-hint-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-hint-benefit p {\n  font-size: 13px;\n  color: var(--soi-hint-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-hint-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-hint-card {\n  background: var(--soi-hint-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-hint-radius);\n  border-left: 3px solid var(--soi-hint-pomme);\n}\n\n.soi-hint-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-hint-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-hint-card p {\n  font-size: 14px;\n  color: var(--soi-hint-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-hint-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-hint-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-hint-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-hint-radius);\n  border: 1px solid var(--soi-hint-line);\n  align-items: flex-start;\n}\n\n.soi-hint-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-hint-marine);\n  color: var(--soi-hint-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-hint-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-hint-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-hint-step-content p {\n  font-size: 14px;\n  color: var(--soi-hint-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-hint-compo {\n  background: var(--soi-hint-off-white);\n  border-radius: var(--soi-hint-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-hint-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-hint-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-hint-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-hint-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-hint-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-hint-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-hint-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-hint-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-hint-pomme-light);\n  border-left: 4px solid var(--soi-hint-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-hint-radius) var(--soi-hint-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-hint-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-hint-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-hint-marine);\n  margin-bottom: 4px;\n}\n\n.soi-hint-tip p {\n  font-size: 14px;\n  color: var(--soi-hint-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-hint-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-hint-accordion-item {\n  background: var(--soi-hint-off-white);\n  border-radius: var(--soi-hint-radius-sm);\n  border: 1px solid var(--soi-hint-line);\n  overflow: hidden;\n}\n\n.soi-hint-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-hint-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-hint-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-hint-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-hint-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-hint-accordion-item[open] .soi-hint-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-hint-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-hint-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-hint-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-hint-cta-box {\n  background: var(--soi-hint-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-hint-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-hint-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-hint-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-hint-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-hint-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-hint-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-hint-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-hint-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-hint-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-hint-compo-value {\n    text-align: left;\n  }\n\n  .soi-hint-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-hint-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-hint-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-hint-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-hint-fiche {\n    --soi-hint-text-soft: #2C3E50;\n    --soi-hint-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603297853770,"sku":"CE0444","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soin-hygiene-intime-neutre-certifie-bio-centifolia-packshot.webp?v=1779188653"},{"product_id":"shampooing-volume-200ml","title":"Shampoing Volume certifié bio - Centifolia","description":"\n\u003cdiv class=\"soi-shvl-fiche\"\u003e\n\n  \u003csection class=\"soi-shvl-hero\"\u003e\n    \u003cdiv class=\"soi-shvl-hero-tag\"\u003e\n      \u003cspan class=\"soi-shvl-tag-dot\"\u003e\u003c\/span\u003e\n      Soin capillaire · Centifolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-shvl-hero-title\"\u003eShampoing Volume certifié bio\u003c\/span\u003e\n    \u003cp class=\"soi-shvl-hero-subtitle\"\u003eRedonnez corps et vitalité à vos cheveux fins grâce au pamplemousse rose bio et aux peptides de pois, pour un volume naturel et durable dès la première utilisation.\u003c\/p\u003e\n    \u003cdiv class=\"soi-shvl-hero-labels\"\u003e\n      \u003cspan class=\"soi-shvl-label soi-shvl-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-shvl-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-shvl-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-shvl-label\"\u003eSANS SULFATES\u003c\/span\u003e\n      \u003cspan class=\"soi-shvl-label\"\u003e98 % NATUREL\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shvl-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce shampoing bio pour les cheveux fins ?\u003c\/h2\u003e\n    \u003cp\u003eVous avez les cheveux fins, sans épaisseur, qui s'écrasent dès le lendemain du shampoing ? Le Shampoing Volume certifié bio Centifolia a été pensé précisément pour vous. Avec sa formule à 98 % d'ingrédients d'origine naturelle, certifiée Cosmos Organic et fabriquée en France, il redonne du corps et de la vitalité aux cheveux les plus plats, sans jamais les alourdir.\u003c\/p\u003e\n    \u003cp\u003eBeaucoup de shampoings volumateurs conventionnels contiennent des sulfates agressifs ou des silicones qui créent un faux volume à court terme, tout en fragilisant la fibre capillaire sur la durée. Ce shampoing volume bio adopte une philosophie inverse : des actifs naturels soigneusement sélectionnés, une base lavante douce et biodégradable, pour un résultat visible dès la première utilisation et qui s'améliore dans le temps.\u003c\/p\u003e\n    \u003cp\u003eSon format 200 ml en flacon 100 % recyclé et recyclable complète une démarche éco-responsable cohérente, du soin jusqu'à l'emballage.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shvl-section\"\u003e\n    \u003ch2\u003eLes ingrédients actifs qui font la différence\u003c\/h2\u003e\n    \u003cdiv class=\"soi-shvl-grid\"\u003e\n      \u003cdiv class=\"soi-shvl-card\"\u003e\n        \u003ch3\u003e🍊 Pamplemousse rose bio (origine France)\u003c\/h3\u003e\n        \u003cp\u003eRiche en flavonoïdes et en vitamine C naturelle, cet extrait apporte légèreté et éclat au cheveu. Il purifie délicatement le cuir chevelu sans le dessécher, pour une chevelure qui respire et rayonne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shvl-card\"\u003e\n        \u003ch3\u003e🌿 Peptides de pois (actif volume fermenté)\u003c\/h3\u003e\n        \u003cp\u003eIssus de la fermentation du pois, ces petites protéines végétales pénètrent la fibre capillaire pour l'hydrater de l'intérieur, la renforcer et augmenter son diamètre apparent. Résultat : une chevelure visiblement plus dense, avec un volume naturel et durable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shvl-card\"\u003e\n        \u003ch3\u003e💧 Base lavante ultra-douce et biodégradable\u003c\/h3\u003e\n        \u003cp\u003eSans sulfates agressifs, sans silicones, sans paraben. Cette base lavante convient à un usage fréquent, même sur les cuirs chevelus sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shvl-section\"\u003e\n    \u003ch2\u003eComment utiliser le shampoing volume Centifolia ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-shvl-timeline\"\u003e\n      \u003cdiv class=\"soi-shvl-step\"\u003e\n        \u003cdiv class=\"soi-shvl-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-shvl-step-content\"\u003e\n          \u003ch3\u003eAppliquez\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de shampoing sur cheveux mouillés. Massez doucement le cuir chevelu avec le bout des doigts pour activer la circulation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shvl-step\"\u003e\n        \u003cdiv class=\"soi-shvl-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-shvl-step-content\"\u003e\n          \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau tiède pour éliminer tout résidu et ne pas peser sur les racines.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shvl-step\"\u003e\n        \u003cdiv class=\"soi-shvl-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-shvl-step-content\"\u003e\n          \u003ch3\u003eRenouvelez si besoin\u003c\/h3\u003e\n          \u003cp\u003ePour un résultat optimal, ce shampoing est recommandé 2 à 3 fois par semaine ou selon vos besoins, y compris en cas d'usage fréquent.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvl-tip\"\u003e\n      \u003cdiv class=\"soi-shvl-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eAssociez-le à un après-shampoing bio léger, appliqué uniquement sur les longueurs, pour préserver le volume à la racine.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shvl-section\"\u003e\n    \u003ch2\u003eCe que vous y gagnez concrètement\u003c\/h2\u003e\n    \u003cdiv class=\"soi-shvl-benefits\"\u003e\n      \u003cdiv class=\"soi-shvl-benefit\"\u003e\n        \u003cdiv class=\"soi-shvl-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVolume visible immédiat\u003c\/h3\u003e\n        \u003cp\u003eDès la première utilisation, vos cheveux retrouvent du corps, sans effet collant ni gras.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shvl-benefit\"\u003e\n        \u003cdiv class=\"soi-shvl-benefit-icon\"\u003e\u003cspan\u003e🌾\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCheveux plus denses\u003c\/h3\u003e\n        \u003cp\u003eLes peptides de pois renforcent et structurent la fibre capillaire pour une chevelure visiblement plus épaisse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shvl-benefit\"\u003e\n        \u003cdiv class=\"soi-shvl-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCuir chevelu respecté\u003c\/h3\u003e\n        \u003cp\u003eSa base lavante ultra-douce convient aux lavages fréquents, même sur les cuirs chevelus sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shvl-benefit\"\u003e\n        \u003cdiv class=\"soi-shvl-benefit-icon\"\u003e\u003cspan\u003e🍊\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eParfum frais et fruité\u003c\/h3\u003e\n        \u003cp\u003eUne fragrance naturelle au pamplemousse rose, agréable et délicate à chaque utilisation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shvl-section\"\u003e\n    \u003ch2\u003eComposition INCI (ingrédients)\u003c\/h2\u003e\n    \u003cdiv class=\"soi-shvl-accordion\"\u003e\n      \u003cdetails class=\"soi-shvl-accordion-item\"\u003e\n        \u003csummary class=\"soi-shvl-accordion-header\"\u003e📋 Liste complète des ingrédients\u003c\/summary\u003e\n        \u003cdiv class=\"soi-shvl-accordion-content\"\u003e\n          \u003cp\u003eAqua, Sodium Cocoyl Glutamate, Coco-Glucoside, Glycerin*, Citrus Paradisi (Grapefruit) Fruit Extract*, Pisum Sativum (Pea) Peptide, Sodium Chloride, Parfum (Natural), Citric Acid, Sodium Benzoate, Potassium Sorbate.\u003c\/p\u003e\n          \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique. 98 % des ingrédients sont d'origine naturelle.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvl-grid-compact\"\u003e\n      \u003cdiv class=\"soi-shvl-card-mini\"\u003e\n        \u003cspan class=\"soi-shvl-card-mini-icon\"\u003e📏\u003c\/span\u003e\n        \u003cspan class=\"soi-shvl-card-mini-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-shvl-card-mini-value\"\u003e200 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shvl-card-mini\"\u003e\n        \u003cspan class=\"soi-shvl-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-shvl-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-shvl-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shvl-card-mini\"\u003e\n        \u003cspan class=\"soi-shvl-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-shvl-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-shvl-card-mini-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shvl-card-mini\"\u003e\n        \u003cspan class=\"soi-shvl-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n        \u003cspan class=\"soi-shvl-card-mini-label\"\u003eEmballage\u003c\/span\u003e\n        \u003cspan class=\"soi-shvl-card-mini-value\"\u003e100 % recyclé\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shvl-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-shvl-cta-box\"\u003e\n      \u003cp class=\"soi-shvl-cta-tag\" style=\"color: white;\"\u003eDu volume naturel, certifié bio\u003c\/p\u003e\n      \u003cp class=\"soi-shvl-cta-text\" style=\"color: white;\"\u003eDes cheveux fins qui manquent de vie, ce n'est pas une fatalité. Avec le Shampoing Volume bio Centifolia, chaque lavage devient un vrai soin : les peptides de pois renforcent, le pamplemousse rose purifie, et vos cheveux retrouvent une vraie densité naturelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-shvl-marine: #1A2D3D;\n  --soi-shvl-marine-dark: #0F1E2B;\n  --soi-shvl-marine-light: #2C4458;\n  --soi-shvl-pomme: #A1C544;\n  --soi-shvl-pomme-dark: #84A636;\n  --soi-shvl-pomme-light: rgba(161,197,68,0.10);\n  --soi-shvl-white: #FFFFFF;\n  --soi-shvl-off-white: #F8FAF6;\n  --soi-shvl-stone: #F1F3EE;\n  --soi-shvl-line: #E5E8E0;\n  --soi-shvl-primary: #D4703A;\n  --soi-shvl-primary-soft: #F2E0D3;\n  --soi-shvl-accent: #E8967A;\n  --soi-shvl-text: #1A2D3D;\n  --soi-shvl-text-soft: #4A5B6B;\n  --soi-shvl-text-muted: #7B8693;\n  --soi-shvl-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-shvl-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-shvl-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-shvl-radius: 12px;\n  --soi-shvl-radius-sm: 8px;\n  --soi-shvl-radius-pill: 999px;\n}\n\n.soi-shvl-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shvl-fiche img { max-width: 100%; height: auto; }\n\n.soi-shvl-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-shvl-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-shvl-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-shvl-hero {\n  position: relative;\n  background: var(--soi-shvl-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-shvl-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-shvl-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-shvl-pomme);\n}\n\n.soi-shvl-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-shvl-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-shvl-pomme);\n  border-radius: 50%;\n}\n\n.soi-shvl-hero-title {\n  display: block;\n  color: var(--soi-shvl-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-shvl-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-shvl-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-shvl-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-shvl-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-shvl-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-shvl-label-accent {\n  background: var(--soi-shvl-pomme);\n  border-color: var(--soi-shvl-pomme);\n  color: var(--soi-shvl-marine);\n  font-weight: 600;\n}\n\n.soi-shvl-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shvl-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-shvl-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-shvl-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-shvl-pomme);\n  border-radius: 2px;\n}\n\n.soi-shvl-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-shvl-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-shvl-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-shvl-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-shvl-benefit {\n  background: var(--soi-shvl-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-shvl-radius);\n  border: 1px solid var(--soi-shvl-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shvl-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-shvl-shadow-md);\n}\n\n.soi-shvl-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-shvl-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-shvl-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-shvl-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-shvl-benefit:hover .soi-shvl-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-shvl-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shvl-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shvl-benefit p {\n  font-size: 13px;\n  color: var(--soi-shvl-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-shvl-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-shvl-card {\n  background: var(--soi-shvl-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shvl-radius);\n  border-left: 3px solid var(--soi-shvl-pomme);\n}\n\n.soi-shvl-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shvl-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shvl-card p {\n  font-size: 14px;\n  color: var(--soi-shvl-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-shvl-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-top: 1.25rem;\n}\n\n.soi-shvl-card-mini {\n  background: var(--soi-shvl-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-shvl-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-shvl-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-shvl-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-shvl-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-shvl-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-shvl-marine);\n}\n\n.soi-shvl-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-shvl-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-shvl-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shvl-radius);\n  border: 1px solid var(--soi-shvl-line);\n  align-items: flex-start;\n}\n\n.soi-shvl-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-shvl-marine);\n  color: var(--soi-shvl-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-shvl-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-shvl-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-shvl-step-content p {\n  font-size: 14px;\n  color: var(--soi-shvl-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-shvl-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-shvl-pomme-light);\n  border-left: 4px solid var(--soi-shvl-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-shvl-radius) var(--soi-shvl-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-shvl-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-shvl-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-shvl-marine);\n  margin-bottom: 4px;\n}\n\n.soi-shvl-tip p {\n  font-size: 14px;\n  color: var(--soi-shvl-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-shvl-compo {\n  background: var(--soi-shvl-off-white);\n  border-radius: var(--soi-shvl-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-shvl-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-shvl-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-shvl-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-shvl-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-shvl-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-shvl-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-shvl-marine);\n  text-align: right;\n}\n\n.soi-shvl-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-shvl-accordion-item {\n  background: var(--soi-shvl-off-white);\n  border-radius: var(--soi-shvl-radius-sm);\n  border: 1px solid var(--soi-shvl-line);\n  overflow: hidden;\n}\n\n.soi-shvl-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-shvl-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-shvl-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-shvl-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-shvl-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-shvl-accordion-item[open] .soi-shvl-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-shvl-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-shvl-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-shvl-text-soft);\n  line-height: 1.6;\n  margin-bottom: 0.5rem;\n}\n\n.soi-shvl-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-shvl-cta-box {\n  background: var(--soi-shvl-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-shvl-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-shvl-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-shvl-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-shvl-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-shvl-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-shvl-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-shvl-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-shvl-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-shvl-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-shvl-compo-value {\n    text-align: left;\n  }\n\n  .soi-shvl-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-shvl-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-shvl-fiche {\n    --soi-shvl-text-soft: #2C3E50;\n    --soi-shvl-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603298705738,"sku":"CE0645","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-volume-certifie-bio-centifolia-packshot.webp?v=1779446130"},{"product_id":"shampooing-creme-antipelliculaire","title":"Shampoing Crème Antipelliculaire certifié bio – Centifolia","description":"\u003cdiv class=\"soi-apel-fiche\"\u003e\n\n\u003csection class=\"soi-apel-hero\"\u003e\n  \u003cdiv class=\"soi-apel-hero-tag\"\u003e\n    \u003cspan class=\"soi-apel-tag-dot\"\u003e\u003c\/span\u003e\n    Hygiène capillaire · Centifolia\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-apel-hero-title\"\u003eShampoing Crème Antipelliculaire certifié bio\u003c\/span\u003e\n  \u003cp class=\"soi-apel-hero-subtitle\"\u003eEfficace dès la première utilisation, ce soin purifiant à l'eucalyptus bio apaise les démangeaisons et élimine les pellicules en douceur, sans compromis sur la naturalité.\u003c\/p\u003e\n  \u003cdiv class=\"soi-apel-hero-labels\"\u003e\n    \u003cspan class=\"soi-apel-label soi-apel-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n    \u003cspan class=\"soi-apel-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-apel-label\"\u003eVEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-apel-label\"\u003e98% ORIGINE NATURELLE\u003c\/span\u003e\n    \u003cspan class=\"soi-apel-label\"\u003eFLACON 100% RECYCLÉ\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apel-section\"\u003e\n  \u003ch2\u003ePourquoi ce shampoing antipelliculaire se démarque vraiment\u003c\/h2\u003e\n  \u003cp\u003eContrairement à de nombreux shampoings antipelliculaires vendus en pharmacie ou parapharmacie, qui misent sur des agents chimiques agressifs, le shampoing antipelliculaire Centifolia repose sur une formule \u003cstrong\u003e98% d'origine naturelle\u003c\/strong\u003e, certifiée \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e et fabriquée en France. Résultat : un soin réellement efficace contre les pellicules, sans altérer l'équilibre naturel de votre cuir chevelu sensible.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apel-section\"\u003e\n  \u003ch2\u003eLes actifs clés qui font toute la différence\u003c\/h2\u003e\n  \u003cdiv class=\"soi-apel-benefits\"\u003e\n    \u003cdiv class=\"soi-apel-benefit\"\u003e\n      \u003cdiv class=\"soi-apel-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eEucalyptus bio\u003c\/h3\u003e\n      \u003cp\u003eSélectionné pour ses propriétés purifiantes et rafraîchissantes, il apaise instantanément les démangeaisons et procure une sensation de légèreté durable sur le cuir chevelu.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-apel-benefit\"\u003e\n      \u003cdiv class=\"soi-apel-benefit-icon\"\u003e\u003cspan\u003e🌳\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eZiziphus joazeiro\u003c\/h3\u003e\n      \u003cp\u003eAgent antipelliculaire 100% naturel, extrait de l'écorce de cet arbre brésilien. Cliniquement testé, il élimine les pellicules rapidement et prévient leur réapparition, sans piroctone olamine ni zinc pyrithione.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-apel-benefit\"\u003e\n      \u003cdiv class=\"soi-apel-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eTexture crème émulsionnée\u003c\/h3\u003e\n      \u003cp\u003eUne véritable émulsion eau-huile qui enveloppe chaque mèche, facilite l'application et garantit une répartition uniforme des actifs du premier au dernier centimètre.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apel-section\"\u003e\n  \u003ch2\u003ePour qui est-il fait ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-apel-grid\"\u003e\n    \u003cdiv class=\"soi-apel-card\"\u003e\n      \u003ch3\u003e🩺 Cuir chevelu sensible ou irrité\u003c\/h3\u003e\n      \u003cp\u003eCe shampoing crème convient parfaitement aux personnes dont le cuir chevelu tiraille, démange ou présente des rougeurs. Sa formule sans sulfates agressifs respecte les zones les plus réactives.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-apel-card\"\u003e\n      \u003ch3\u003e❄️ Pellicules occasionnelles ou persistantes\u003c\/h3\u003e\n      \u003cp\u003eQue vos pellicules soient ponctuelles ou récurrentes, ce soin agit dès la première utilisation et renforce ses résultats au fil des lavages.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-apel-card\"\u003e\n      \u003ch3\u003e🎨 Cheveux fins ou colorés\u003c\/h3\u003e\n      \u003cp\u003eSuffisamment doux pour un usage régulier, il convient également aux cheveux fragilisés par les colorations ou aux textures les plus fines.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apel-section\"\u003e\n  \u003ch2\u003eComment l'utiliser pour un résultat optimal ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-apel-timeline\"\u003e\n    \u003cdiv class=\"soi-apel-step\"\u003e\n      \u003cdiv class=\"soi-apel-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-apel-step-content\"\u003e\n        \u003ch3\u003eAppliquez\u003c\/h3\u003e\n        \u003cp\u003eDéposez une noisette généreuse sur cheveux mouillés en massant doucement le cuir chevelu pendant 2 à 3 minutes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-apel-step\"\u003e\n      \u003cdiv class=\"soi-apel-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-apel-step-content\"\u003e\n        \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n        \u003cp\u003ePatientez 1 à 2 minutes pour laisser les actifs agir en profondeur sur le cuir chevelu.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-apel-step\"\u003e\n      \u003cdiv class=\"soi-apel-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-apel-step-content\"\u003e\n        \u003ch3\u003eRincez\u003c\/h3\u003e\n        \u003cp\u003eRincez abondamment à l'eau tiède.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-apel-step\"\u003e\n      \u003cdiv class=\"soi-apel-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-apel-step-content\"\u003e\n        \u003ch3\u003eRenouvelez\u003c\/h3\u003e\n        \u003cp\u003eRépétez l'opération si nécessaire. Une utilisation régulière, 2 à 3 fois par semaine, renforce les résultats dans la durée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-apel-tip\"\u003e\n    \u003cdiv class=\"soi-apel-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003ePour bénéficier pleinement des actifs purifiants, prenez le temps de bien masser le cuir chevelu lors de l'application : ce geste favorise la microcirculation et optimise la pénétration de l'eucalyptus bio et du Ziziphus joazeiro.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apel-section\"\u003e\n  \u003ch2\u003eComposition complète\u003c\/h2\u003e\n  \u003cdiv class=\"soi-apel-compo\"\u003e\n    \u003cdiv class=\"soi-apel-compo-row\"\u003e\n      \u003cspan class=\"soi-apel-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-apel-compo-value\"\u003e200 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-apel-compo-row\"\u003e\n      \u003cspan class=\"soi-apel-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-apel-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-apel-compo-row\"\u003e\n      \u003cspan class=\"soi-apel-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n      \u003cspan class=\"soi-apel-compo-value\"\u003e98%\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-apel-compo-row\"\u003e\n      \u003cspan class=\"soi-apel-compo-label\"\u003eFabrication\u003c\/span\u003e\n      \u003cspan class=\"soi-apel-compo-value\"\u003eFrance (Grasse)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-apel-compo-row\"\u003e\n      \u003cspan class=\"soi-apel-compo-label\"\u003eFlacon\u003c\/span\u003e\n      \u003cspan class=\"soi-apel-compo-value\"\u003e100% recyclé et recyclable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cp style=\"margin-top:1rem;\"\u003e\u003cem\u003eAqua, Coco-glucoside, Glycerin*, Ziziphus joazeiro bark extract, Eucalyptus globulus leaf oil*, Cetearyl alcohol, Glyceryl stearate, Sodium benzoate, Potassium sorbate, Citric acid. (*ingrédients issus de l'agriculture biologique)\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apel-section\"\u003e\n  \u003ch2\u003eCe que vous ne trouverez pas dans ce flacon\u003c\/h2\u003e\n  \u003cdiv class=\"soi-apel-grid-compact\"\u003e\n    \u003cdiv class=\"soi-apel-card-mini\"\u003e\n      \u003cspan class=\"soi-apel-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n      \u003cspan class=\"soi-apel-card-mini-label\"\u003eSilicones\u003c\/span\u003e\n      \u003cspan class=\"soi-apel-card-mini-value\"\u003eNi parabènes\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-apel-card-mini\"\u003e\n      \u003cspan class=\"soi-apel-card-mini-icon\"\u003e🧪\u003c\/span\u003e\n      \u003cspan class=\"soi-apel-card-mini-label\"\u003eSulfates agressifs\u003c\/span\u003e\n      \u003cspan class=\"soi-apel-card-mini-value\"\u003eSans SLS \/ SLES\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-apel-card-mini\"\u003e\n      \u003cspan class=\"soi-apel-card-mini-icon\"\u003e🎨\u003c\/span\u003e\n      \u003cspan class=\"soi-apel-card-mini-label\"\u003eColorants\u003c\/span\u003e\n      \u003cspan class=\"soi-apel-card-mini-value\"\u003eSans synthèse\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-apel-card-mini\"\u003e\n      \u003cspan class=\"soi-apel-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n      \u003cspan class=\"soi-apel-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n      \u003cspan class=\"soi-apel-card-mini-value\"\u003eVegan, cruelty-free\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apel-section\"\u003e\n  \u003ch2\u003eCertifications et engagements Centifolia\u003c\/h2\u003e\n  \u003cdiv class=\"soi-apel-grid\"\u003e\n    \u003cdiv class=\"soi-apel-card\"\u003e\n      \u003ch3\u003e🏅 Certifié Cosmos Organic\u003c\/h3\u003e\n      \u003cp\u003eLa référence en cosmétique bio : une certification qui garantit le respect d'un cahier des charges exigeant sur la naturalité, l'origine des ingrédients et les procédés de fabrication.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-apel-card\"\u003e\n      \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n      \u003cp\u003eFormulé et conditionné dans les ateliers Centifolia à Grasse, berceau historique de la parfumerie et de la cosmétique française.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-apel-card\"\u003e\n      \u003ch3\u003e♻️ Flacon 100% recyclé et recyclable\u003c\/h3\u003e\n      \u003cp\u003eUn contenant en plastique recyclé qui s'inscrit dans une démarche d'écoconception, avec une formule biodégradable respectueuse des écosystèmes aquatiques.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apel-section\"\u003e\n  \u003ch2\u003eQuestions fréquentes sur ce shampoing antipelliculaire bio\u003c\/h2\u003e\n  \u003cdiv class=\"soi-apel-accordion\"\u003e\n    \u003cdetails class=\"soi-apel-accordion-item\"\u003e\n      \u003csummary class=\"soi-apel-accordion-header\"\u003e❓ Est-il aussi efficace qu'un shampoing antipelliculaire vendu en pharmacie ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-apel-accordion-content\"\u003e\n        \u003cp\u003eOui. Son actif issu du Ziziphus joazeiro est cliniquement testé et reconnu pour son action sur les pellicules et les démangeaisons, sans recourir aux agents chimiques des formules pharmaceutiques classiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-apel-accordion-item\"\u003e\n      \u003csummary class=\"soi-apel-accordion-header\"\u003e📅 Peut-on l'utiliser tous les jours ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-apel-accordion-content\"\u003e\n        \u003cp\u003eSa formule douce le permet, mais une utilisation 2 à 3 fois par semaine reste idéale pour des résultats optimaux et durables.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-apel-accordion-item\"\u003e\n      \u003csummary class=\"soi-apel-accordion-header\"\u003e⚕️ Ce produit remplace-t-il un traitement médical ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-apel-accordion-content\"\u003e\n        \u003cp\u003eNon. En cas de dermite séborrhéique diagnostiquée ou de pellicules abondantes et persistantes, consultez un dermatologue.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apel-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-apel-cta-box\"\u003e\n    \u003cp class=\"soi-apel-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, dès le premier lavage\u003c\/p\u003e\n    \u003cp class=\"soi-apel-cta-text\" style=\"color: white;\"\u003ePellicules et démangeaisons n'ont qu'à bien se tenir. Avec ce shampoing crème antipelliculaire bio Centifolia, vous choisissez l'efficacité, la douceur au quotidien et une formule naturelle qui respecte autant votre cuir chevelu que la planète.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-apel-marine: #1A2D3D;\n  --soi-apel-marine-dark: #0F1E2B;\n  --soi-apel-marine-light: #2C4458;\n  --soi-apel-pomme: #A1C544;\n  --soi-apel-pomme-dark: #84A636;\n  --soi-apel-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-apel-white: #FFFFFF;\n  --soi-apel-off-white: #F8FAF6;\n  --soi-apel-stone: #F1F3EE;\n  --soi-apel-line: #E5E8E0;\n\n  --soi-apel-primary: #4A8E7A;\n  --soi-apel-primary-soft: rgba(74,142,122,0.10);\n  --soi-apel-accent: #3D2B1F;\n\n  --soi-apel-text: #1A2D3D;\n  --soi-apel-text-soft: #4A5B6B;\n  --soi-apel-text-muted: #7B8693;\n\n  --soi-apel-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-apel-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-apel-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-apel-radius: 12px;\n  --soi-apel-radius-sm: 8px;\n  --soi-apel-radius-pill: 999px;\n}\n\n.soi-apel-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-apel-fiche img { max-width: 100%; height: auto; }\n\n.soi-apel-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-apel-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-apel-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-apel-hero {\n  position: relative;\n  background: var(--soi-apel-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-apel-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-apel-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-apel-pomme);\n}\n\n.soi-apel-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-apel-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-apel-pomme);\n  border-radius: 50%;\n}\n\n.soi-apel-hero-title {\n  display: block;\n  color: var(--soi-apel-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-apel-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-apel-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-apel-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-apel-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-apel-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-apel-label-accent {\n  background: var(--soi-apel-pomme);\n  border-color: var(--soi-apel-pomme);\n  color: var(--soi-apel-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-apel-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-apel-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-apel-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-apel-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-apel-pomme);\n  border-radius: 2px;\n}\n\n.soi-apel-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-apel-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-apel-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-apel-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-apel-benefit {\n  background: var(--soi-apel-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-apel-radius);\n  border: 1px solid var(--soi-apel-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-apel-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-apel-shadow-md);\n}\n\n.soi-apel-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-apel-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-apel-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-apel-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-apel-benefit:hover .soi-apel-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-apel-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-apel-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-apel-benefit p {\n  font-size: 13px;\n  color: var(--soi-apel-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-apel-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-apel-card {\n  background: var(--soi-apel-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-apel-radius);\n  border-left: 3px solid var(--soi-apel-pomme);\n}\n\n.soi-apel-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-apel-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-apel-card p {\n  font-size: 14px;\n  color: var(--soi-apel-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-apel-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-apel-card-mini {\n  background: var(--soi-apel-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-apel-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-apel-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-apel-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-apel-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-apel-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-apel-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-apel-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-apel-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-apel-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-apel-radius);\n  border: 1px solid var(--soi-apel-line);\n  align-items: flex-start;\n}\n\n.soi-apel-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-apel-marine);\n  color: var(--soi-apel-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-apel-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-apel-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-apel-step-content p {\n  font-size: 14px;\n  color: var(--soi-apel-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-apel-compo {\n  background: var(--soi-apel-off-white);\n  border-radius: var(--soi-apel-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-apel-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-apel-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-apel-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-apel-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-apel-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-apel-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-apel-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-apel-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-apel-pomme-light);\n  border-left: 4px solid var(--soi-apel-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-apel-radius) var(--soi-apel-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-apel-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-apel-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-apel-marine);\n  margin-bottom: 4px;\n}\n\n.soi-apel-tip p {\n  font-size: 14px;\n  color: var(--soi-apel-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-apel-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-apel-accordion-item {\n  background: var(--soi-apel-off-white);\n  border-radius: var(--soi-apel-radius-sm);\n  border: 1px solid var(--soi-apel-line);\n  overflow: hidden;\n}\n\n.soi-apel-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-apel-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-apel-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-apel-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-apel-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-apel-accordion-item[open] .soi-apel-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-apel-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-apel-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-apel-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-apel-cta-box {\n  background: var(--soi-apel-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-apel-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-apel-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-apel-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-apel-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-apel-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-apel-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-apel-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-apel-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-apel-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-apel-compo-value {\n    text-align: left;\n  }\n\n  .soi-apel-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-apel-tip {\n    flex-direction: column;\n    gap: 0.5rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-apel-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-apel-fiche {\n    --soi-apel-text-soft: #2C3E50;\n    --soi-apel-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603298771274,"sku":"CE0446","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-creme-antipelliculaire-certifie-bio-centifolia-packshot.webp?v=1779452348"},{"product_id":"shampoing-creme-reparateur-centifolia","title":"Shampoing Crème Réparateur certifié Bio – 200ml – Centifolia","description":"\u003cdiv class=\"soi-shcr-fiche\"\u003e\n\n\u003csection class=\"soi-shcr-hero\"\u003e\n  \u003cdiv class=\"soi-shcr-hero-tag\"\u003e\n    \u003cspan class=\"soi-shcr-tag-dot\"\u003e\u003c\/span\u003e\n    Soin capillaire réparateur · Centifolia\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-shcr-hero-title\"\u003eShampoing Crème Réparateur certifié Bio\u003c\/span\u003e\n  \u003cp class=\"soi-shcr-hero-subtitle\"\u003eEnrichi en huile de ricin BIO et en kératine végétale, ce shampoing crème reconstruit la fibre capillaire en douceur, dès le premier lavage.\u003c\/p\u003e\n  \u003cdiv class=\"soi-shcr-hero-labels\"\u003e\n    \u003cspan class=\"soi-shcr-label soi-shcr-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n    \u003cspan class=\"soi-shcr-label\"\u003e98 % ORIGINE NATURELLE\u003c\/span\u003e\n    \u003cspan class=\"soi-shcr-label\"\u003eVEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-shcr-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-shcr-label\"\u003e200 ML\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shcr-section\"\u003e\n  \u003ch2\u003ePourquoi choisir ce shampoing réparateur bio ?\u003c\/h2\u003e\n  \u003cp\u003eLa plupart des shampoings réparateurs du marché chargent leur formule en silicones pour donner une illusion de réparation. Centifolia prend le contre-pied avec une approche radicalement différente : \u003cstrong\u003e98 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, une certification \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, une formule \u003cstrong\u003evegan\u003c\/strong\u003e et une fabrication \u003cstrong\u003e100 % française\u003c\/strong\u003e. Le résultat n'est pas cosmétique, il est réel.\u003c\/p\u003e\n  \u003cp\u003eSa texture crème, rare dans l'univers des shampoings bio, résulte d'une émulsion eau\/huile qui respecte la structure du cheveu tout en le nourrissant pendant le lavage. Vos longueurs ne sont plus simplement nettoyées : elles sont \u003cstrong\u003eprotégées et gainées\u003c\/strong\u003e à chaque shampoing.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shcr-section\"\u003e\n  \u003ch2\u003eLes actifs clés qui font la différence\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shcr-benefits\"\u003e\n    \u003cdiv class=\"soi-shcr-benefit\"\u003e\n      \u003cdiv class=\"soi-shcr-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eHuile de ricin BIO\u003c\/h3\u003e\n      \u003cp\u003eObtenue par première pression à froid, elle renforce la fibre capillaire et réduit la casse en pénétrant jusqu'à la racine. Idéale pour les cheveux fragilisés par la chaleur, les colorations ou le brushing.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shcr-benefit\"\u003e\n      \u003cdiv class=\"soi-shcr-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eKératine végétale\u003c\/h3\u003e\n      \u003cp\u003eElle comble les zones abîmées de la tige capillaire, limite l'altération des protéines naturelles du cheveu et apporte un effet gainant durable. Résultat : des cheveux plus lisses, plus doux, plus faciles à démêler.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shcr-benefit\"\u003e\n      \u003cdiv class=\"soi-shcr-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAgents lavants biodégradables\u003c\/h3\u003e\n      \u003cp\u003eUltra-doux, ils nettoient sans décaper le film hydrolipidique naturel du cuir chevelu, préservant ainsi l'équilibre et le confort de vos cheveux.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shcr-section\"\u003e\n  \u003ch2\u003ePour qui est-il fait ?\u003c\/h2\u003e\n  \u003cp class=\"soi-shcr-section-intro\"\u003eCe shampoing réparateur bio est conçu pour les \u003cstrong\u003echeveux fragilisés, abîmés et cassants\u003c\/strong\u003e, quelle que soit leur nature (fins, épais, bouclés ou lisses). Il vous convient particulièrement si vous observez :\u003c\/p\u003e\n  \u003cdiv class=\"soi-shcr-grid\"\u003e\n    \u003cdiv class=\"soi-shcr-card\"\u003e\n      \u003ch3\u003e✂️ Pointes sèches ou fourches\u003c\/h3\u003e\n      \u003cp\u003eDes pointes qui s'effrangent et s'aggravent au fil du temps malgré les coupes régulières.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shcr-card\"\u003e\n      \u003ch3\u003e💔 Casse excessive\u003c\/h3\u003e\n      \u003cp\u003eDes cheveux qui se brisent au brossage ou au démêlage, signe d'une fibre capillaire affaiblie.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shcr-card\"\u003e\n      \u003ch3\u003e🎨 Cheveux ternes et sans ressort\u003c\/h3\u003e\n      \u003cp\u003eDes longueurs dévitalisées après coloration, décoloration ou exposition répétée à la chaleur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shcr-card\"\u003e\n      \u003ch3\u003e🌸 Cuir chevelu sensible\u003c\/h3\u003e\n      \u003cp\u003eUne sensibilité incompatible avec les formules trop détergentes ou chargées en sulfates agressifs.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shcr-section\"\u003e\n  \u003ch2\u003eComment utiliser ce shampoing crème réparateur ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shcr-timeline\"\u003e\n    \u003cdiv class=\"soi-shcr-step\"\u003e\n      \u003cdiv class=\"soi-shcr-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-shcr-step-content\"\u003e\n        \u003ch3\u003eAppliquez\u003c\/h3\u003e\n        \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés. Sa texture crème se répartit facilement sur toute la longueur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shcr-step\"\u003e\n      \u003cdiv class=\"soi-shcr-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-shcr-step-content\"\u003e\n        \u003ch3\u003eMassez\u003c\/h3\u003e\n        \u003cp\u003eMassez doucement le cuir chevelu pendant 1 à 2 minutes pour activer les actifs réparateurs et stimuler la circulation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shcr-step\"\u003e\n      \u003cdiv class=\"soi-shcr-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-shcr-step-content\"\u003e\n        \u003ch3\u003eRincez\u003c\/h3\u003e\n        \u003cp\u003eRincez abondamment. Pour des cheveux très abîmés, complétez avec un après-shampoing ou masque bio réparateur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shcr-section\"\u003e\n  \u003ch2\u003eComposition et engagements\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shcr-grid-compact\"\u003e\n    \u003cdiv class=\"soi-shcr-card-mini\"\u003e\n      \u003cspan class=\"soi-shcr-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n      \u003cspan class=\"soi-shcr-card-mini-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-shcr-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shcr-card-mini\"\u003e\n      \u003cspan class=\"soi-shcr-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n      \u003cspan class=\"soi-shcr-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n      \u003cspan class=\"soi-shcr-card-mini-value\"\u003e98 %\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shcr-card-mini\"\u003e\n      \u003cspan class=\"soi-shcr-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n      \u003cspan class=\"soi-shcr-card-mini-label\"\u003eFormule\u003c\/span\u003e\n      \u003cspan class=\"soi-shcr-card-mini-value\"\u003e100 % Vegan\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shcr-card-mini\"\u003e\n      \u003cspan class=\"soi-shcr-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n      \u003cspan class=\"soi-shcr-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n      \u003cspan class=\"soi-shcr-card-mini-value\"\u003eFrance\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-shcr-tip\" style=\"margin-top: 1.25rem;\"\u003e\n    \u003cdiv class=\"soi-shcr-tip-icon\"\u003e♻️\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eEngagement éco-responsable\u003c\/strong\u003e\n      \u003cp\u003eLe flacon est 100 % recyclé et recyclable, sans silicone ni sulfate agressif. Une formule biodégradable et transparente.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shcr-section\"\u003e\n  \u003ch2\u003eIngrédients principaux (INCI)\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shcr-accordion\"\u003e\n    \u003cdetails class=\"soi-shcr-accordion-item\"\u003e\n      \u003csummary class=\"soi-shcr-accordion-header\"\u003e📋 Liste complète des ingrédients\u003c\/summary\u003e\n      \u003cdiv class=\"soi-shcr-accordion-content\"\u003e\n        \u003cp\u003eAqua, Coco-Glucoside, Glycerin (bio), Ricinus Communis (Castor) Seed Oil* (bio), Hydrolyzed Wheat Protein (kératine végétale), Panthenol, Xanthan Gum, Parfum (naturel), Citric Acid, Sodium Benzoate, Potassium Sorbate.\u003c\/p\u003e\n        \u003cp\u003e\u003cem\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-shcr-accordion-item\"\u003e\n      \u003csummary class=\"soi-shcr-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n      \u003cdiv class=\"soi-shcr-accordion-content\"\u003e\n        \u003cp\u003eCe produit est un soin cosmétique et ne se substitue à aucun traitement médical. En cas de problème persistant du cuir chevelu, consultez un dermatologue.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shcr-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-shcr-cta-box\"\u003e\n    \u003cp class=\"soi-shcr-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans vos cheveux\u003c\/p\u003e\n    \u003cp class=\"soi-shcr-cta-text\" style=\"color: white;\"\u003eParce que vos cheveux méritent mieux que des solutions de façade, offrez-leur des actifs bio qui reconstruisent, renforcent et subliment dès le premier lavage.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-shcr-marine: #1A2D3D;\n  --soi-shcr-marine-dark: #0F1E2B;\n  --soi-shcr-marine-light: #2C4458;\n  --soi-shcr-pomme: #A1C544;\n  --soi-shcr-pomme-dark: #84A636;\n  --soi-shcr-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-shcr-white: #FFFFFF;\n  --soi-shcr-off-white: #F8FAF6;\n  --soi-shcr-stone: #F1F3EE;\n  --soi-shcr-line: #E5E8E0;\n\n  --soi-shcr-primary: #8B1A1A;\n  --soi-shcr-primary-soft: #F3E8E8;\n  --soi-shcr-accent: #3A1E10;\n\n  --soi-shcr-text: #1A2D3D;\n  --soi-shcr-text-soft: #4A5B6B;\n  --soi-shcr-text-muted: #7B8693;\n\n  --soi-shcr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-shcr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-shcr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-shcr-radius: 12px;\n  --soi-shcr-radius-sm: 8px;\n  --soi-shcr-radius-pill: 999px;\n}\n\n.soi-shcr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shcr-fiche img { max-width: 100%; height: auto; }\n\n.soi-shcr-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-shcr-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-shcr-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-shcr-hero {\n  position: relative;\n  background: var(--soi-shcr-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-shcr-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-shcr-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-shcr-pomme);\n}\n\n.soi-shcr-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-shcr-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-shcr-pomme);\n  border-radius: 50%;\n}\n\n.soi-shcr-hero-title {\n  display: block;\n  color: var(--soi-shcr-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-shcr-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-shcr-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-shcr-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-shcr-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-shcr-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-shcr-label-accent {\n  background: var(--soi-shcr-pomme);\n  border-color: var(--soi-shcr-pomme);\n  color: var(--soi-shcr-marine);\n  font-weight: 600;\n}\n\n.soi-shcr-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shcr-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-shcr-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-shcr-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-shcr-pomme);\n  border-radius: 2px;\n}\n\n.soi-shcr-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-shcr-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-shcr-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-shcr-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-shcr-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-shcr-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-shcr-benefit {\n  background: var(--soi-shcr-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-shcr-radius);\n  border: 1px solid var(--soi-shcr-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shcr-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-shcr-shadow-md);\n}\n\n.soi-shcr-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-shcr-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-shcr-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-shcr-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-shcr-benefit:hover .soi-shcr-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-shcr-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shcr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shcr-benefit p {\n  font-size: 13px;\n  color: var(--soi-shcr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-shcr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-shcr-card {\n  background: var(--soi-shcr-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shcr-radius);\n  border-left: 3px solid var(--soi-shcr-pomme);\n}\n\n.soi-shcr-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shcr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shcr-card p {\n  font-size: 14px;\n  color: var(--soi-shcr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-shcr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-shcr-card-mini {\n  background: var(--soi-shcr-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-shcr-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-shcr-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-shcr-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-shcr-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-shcr-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-shcr-marine);\n}\n\n.soi-shcr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-shcr-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-shcr-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shcr-radius);\n  border: 1px solid var(--soi-shcr-line);\n  align-items: flex-start;\n}\n\n.soi-shcr-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-shcr-marine);\n  color: var(--soi-shcr-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-shcr-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-shcr-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-shcr-step-content p {\n  font-size: 14px;\n  color: var(--soi-shcr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-shcr-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-shcr-pomme-light);\n  border-left: 4px solid var(--soi-shcr-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-shcr-radius) var(--soi-shcr-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-shcr-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-shcr-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-shcr-marine);\n  margin-bottom: 4px;\n}\n\n.soi-shcr-tip p {\n  font-size: 14px;\n  color: var(--soi-shcr-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-shcr-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-shcr-accordion-item {\n  background: var(--soi-shcr-off-white);\n  border-radius: var(--soi-shcr-radius-sm);\n  border: 1px solid var(--soi-shcr-line);\n  overflow: hidden;\n}\n\n.soi-shcr-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-shcr-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-shcr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-shcr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-shcr-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-shcr-accordion-item[open] .soi-shcr-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-shcr-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-shcr-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-shcr-text-soft);\n  line-height: 1.6;\n  margin: 0 0 0.5rem 0;\n}\n\n.soi-shcr-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-shcr-cta-box {\n  background: var(--soi-shcr-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-shcr-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-shcr-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-shcr-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-shcr-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-shcr-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-shcr-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-shcr-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-shcr-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-shcr-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-shcr-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-shcr-fiche {\n    --soi-shcr-text-soft: #2C3E50;\n    --soi-shcr-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603299000650,"sku":"CE0447","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-creme-reparateur-certifie-bio-200ml-centifolia-packshot.webp?v=1779450783"},{"product_id":"shampoing-brillance-centifolia","title":"Shampoing Brillance certifié bio – Centifolia","description":"\u003cdiv class=\"soi-sbbr-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-sbbr-hero\"\u003e\n    \u003cdiv class=\"soi-sbbr-hero-tag\"\u003e\n      \u003cspan class=\"soi-sbbr-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique capillaire bio · Centifolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-sbbr-hero-title\"\u003eShampoing Brillance certifié bio\u003c\/span\u003e\n    \u003cp class=\"soi-sbbr-hero-subtitle\"\u003eLumière, douceur et protection pour tous vos cheveux grâce à une formule à 99% d'ingrédients d'origine naturelle. +77% de brillance constatée dès les premières utilisations.\u003c\/p\u003e\n    \u003cdiv class=\"soi-sbbr-hero-labels\"\u003e\n      \u003cspan class=\"soi-sbbr-label soi-sbbr-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-sbbr-label\"\u003e99% ORIGINE NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-sbbr-label\"\u003eNON TESTÉ SUR LES ANIMAUX\u003c\/span\u003e\n      \u003cspan class=\"soi-sbbr-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : Shampoing bio brillance --\u003e\n  \u003csection class=\"soi-sbbr-section\"\u003e\n    \u003ch2\u003eShampoing bio brillance : lumière et protection pour tous vos cheveux\u003c\/h2\u003e\n    \u003cp\u003eVous en avez assez des cheveux ternes et sans vie malgré un lavage régulier ? Le \u003cstrong\u003eShampoing Brillance certifié bio Centifolia\u003c\/strong\u003e a été formulé précisément pour cela : redonner de l'éclat, de la douceur et de la légèreté à votre chevelure, quel que soit votre type de cheveux. Grâce à une formule composée à \u003cstrong\u003e99% d'ingrédients d'origine naturelle\u003c\/strong\u003e et certifiée \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, ce shampoing bio nettoie sans agresser, nourrit sans alourdir.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Actifs naturels --\u003e\n  \u003csection class=\"soi-sbbr-section\"\u003e\n    \u003ch2\u003eDes actifs naturels qui font vraiment la différence\u003c\/h2\u003e\n    \u003cp class=\"soi-sbbr-section-intro\"\u003eCe qui distingue ce shampoing bio des formules classiques, c'est la qualité et la pertinence de ses ingrédients. Chaque actif a été choisi pour son efficacité prouvée sur la fibre capillaire.\u003c\/p\u003e\n    \u003cdiv class=\"soi-sbbr-benefits\"\u003e\n      \u003cdiv class=\"soi-sbbr-benefit\"\u003e\n        \u003cdiv class=\"soi-sbbr-benefit-icon\"\u003e\u003cspan\u003e🍇\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eExtrait de Framboise BIO\u003c\/h3\u003e\n        \u003cp\u003eIssu de la pulpe de framboises fraîches cultivées en agriculture biologique, il est riche en antioxydants et en vitamines. Il revitalise les cheveux ternes, leur redonne de l'éclat et renforce leur vitalité naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sbbr-benefit\"\u003e\n        \u003cdiv class=\"soi-sbbr-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eKératine Végétale\u003c\/h3\u003e\n        \u003cp\u003eElle agit comme un véritable bouclier protecteur sur la fibre capillaire. Elle préserve les protéines essentielles du cheveu, gaine la surface de chaque mèche et laisse une sensation de douceur et de légèreté incomparable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sbbr-benefit\"\u003e\n        \u003cdiv class=\"soi-sbbr-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAloe Vera BIO\u003c\/h3\u003e\n        \u003cp\u003eApaisant et hydratant, il équilibre le cuir chevelu et contribue à un lavage doux respectueux de vos cheveux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-sbbr-tip\"\u003e\n      \u003cdiv class=\"soi-sbbr-tip-icon\"\u003e✨\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eRésultat mesuré\u003c\/strong\u003e\n        \u003cp\u003e\u003cstrong\u003e+77% de brillance\u003c\/strong\u003e constatée dès les premières utilisations (test instrumental). Des cheveux visiblement plus lumineux, plus faciles à coiffer, et protégés en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : Pour qui ? --\u003e\n  \u003csection class=\"soi-sbbr-section\"\u003e\n    \u003ch2\u003ePour qui est fait ce shampoing bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-sbbr-grid\"\u003e\n      \u003cdiv class=\"soi-sbbr-card\"\u003e\n        \u003ch3\u003e💆 Tous types de cheveux\u003c\/h3\u003e\n        \u003cp\u003eCe shampoing convient à tous les types de cheveux, des cheveux fins et délicats aux chevelures épaisses ou colorées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sbbr-card\"\u003e\n        \u003ch3\u003e🌱 Routine bio sans compromis\u003c\/h3\u003e\n        \u003cp\u003eIl est particulièrement apprécié par celles et ceux qui souhaitent adopter une routine capillaire bio et naturelle sans compromis sur l'efficacité.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003eSi vous cherchez un \u003cstrong\u003eaprès-shampoing bio\u003c\/strong\u003e pour compléter votre routine, Centifolia propose également des soins compatibles dans la même gamme.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Comment utiliser --\u003e\n  \u003csection class=\"soi-sbbr-section\"\u003e\n    \u003ch2\u003eComment utiliser ce shampoing bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-sbbr-timeline\"\u003e\n      \u003cdiv class=\"soi-sbbr-step\"\u003e\n        \u003cdiv class=\"soi-sbbr-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-sbbr-step-content\"\u003e\n          \u003ch3\u003eAppliquez\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sbbr-step\"\u003e\n        \u003cdiv class=\"soi-sbbr-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-sbbr-step-content\"\u003e\n          \u003ch3\u003eMassez\u003c\/h3\u003e\n          \u003cp\u003eMassez délicatement le cuir chevelu en mouvements circulaires pour activer la circulation et bien répartir les actifs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sbbr-step\"\u003e\n        \u003cdiv class=\"soi-sbbr-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-sbbr-step-content\"\u003e\n          \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n          \u003cp\u003ePatientez 1 à 2 minutes pour que la kératine végétale et l'extrait de framboise bio agissent en profondeur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sbbr-step\"\u003e\n        \u003cdiv class=\"soi-sbbr-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-sbbr-step-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau tiède. Renouvelez si besoin selon la longueur ou l'état de vos cheveux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 : Engagements et certifications --\u003e\n  \u003csection class=\"soi-sbbr-section\"\u003e\n    \u003ch2\u003eEngagements et certifications\u003c\/h2\u003e\n    \u003cdiv class=\"soi-sbbr-grid-compact\"\u003e\n      \u003cdiv class=\"soi-sbbr-card-mini\"\u003e\n        \u003cspan class=\"soi-sbbr-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan class=\"soi-sbbr-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-sbbr-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sbbr-card-mini\"\u003e\n        \u003cspan class=\"soi-sbbr-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n        \u003cspan class=\"soi-sbbr-card-mini-label\"\u003eNaturalité\u003c\/span\u003e\n        \u003cspan class=\"soi-sbbr-card-mini-value\"\u003e99% naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sbbr-card-mini\"\u003e\n        \u003cspan class=\"soi-sbbr-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n        \u003cspan class=\"soi-sbbr-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n        \u003cspan class=\"soi-sbbr-card-mini-value\"\u003eNon testé sur les animaux\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sbbr-card-mini\"\u003e\n        \u003cspan class=\"soi-sbbr-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-sbbr-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-sbbr-card-mini-value\"\u003eFabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-sbbr-compo\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"soi-sbbr-compo-row\"\u003e\n        \u003cspan class=\"soi-sbbr-compo-label\"\u003eMarque\u003c\/span\u003e\n        \u003cspan class=\"soi-sbbr-compo-value\"\u003eCentifolia, la cosméto-botanique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sbbr-compo-row\"\u003e\n        \u003cspan class=\"soi-sbbr-compo-label\"\u003eSavoir-faire\u003c\/span\u003e\n        \u003cspan class=\"soi-sbbr-compo-value\"\u003ePlus de 30 ans d'expertise\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sbbr-compo-row\"\u003e\n        \u003cspan class=\"soi-sbbr-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-sbbr-compo-value\"\u003e200 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 : Composition INCI --\u003e\n  \u003csection class=\"soi-sbbr-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"soi-sbbr-accordion\"\u003e\n      \u003cdetails class=\"soi-sbbr-accordion-item\"\u003e\n        \u003csummary class=\"soi-sbbr-accordion-header\"\u003e🧪 Liste complète des ingrédients\u003c\/summary\u003e\n        \u003cdiv class=\"soi-sbbr-accordion-content\"\u003e\n          \u003cp\u003eAqua, Sodium Lauryl Sulfoacetate, Cocamidopropyl Betaine, Sodium Cocoamphoacetate, Glycerin* (Glycérine végétale), Aloe Barbadensis Leaf Juice* (Aloe Vera BIO), Rubus Idaeus Fruit Extract* (Extrait de Framboise BIO), Hydrolyzed Wheat Protein (Kératine Végétale), Panthenol (Pro-vitamine B5), Citric Acid, Sodium Chloride, Parfum naturel, Benzyl Alcohol, Dehydroacetic Acid.\u003c\/p\u003e\n          \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"soi-sbbr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-sbbr-cta-box\"\u003e\n      \u003cp class=\"soi-sbbr-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans vos cheveux\u003c\/p\u003e\n      \u003cp class=\"soi-sbbr-cta-text\" style=\"color: white;\"\u003eParce que vos cheveux méritent mieux que des formules chargées en silicones et sulfates agressifs, le Shampoing Brillance bio Centifolia vous offre une alternative naturelle, prouvée et éthique. Un seul lavage suffit pour sentir la différence : des mèches plus légères, un éclat visible, et la satisfaction d'une routine capillaire vraiment en accord avec vos valeurs.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  \/* === Couleurs Soinat (FIXES) === *\/\n  --soi-sbbr-marine: #1A2D3D;\n  --soi-sbbr-marine-dark: #0F1E2B;\n  --soi-sbbr-marine-light: #2C4458;\n  --soi-sbbr-pomme: #A1C544;\n  --soi-sbbr-pomme-dark: #84A636;\n  --soi-sbbr-pomme-light: rgba(161,197,68,0.10);\n\n  \/* === Neutres Soinat === *\/\n  --soi-sbbr-white: #FFFFFF;\n  --soi-sbbr-off-white: #F8FAF6;\n  --soi-sbbr-stone: #F1F3EE;\n  --soi-sbbr-line: #E5E8E0;\n\n  \/* === Couleurs dynamiques (packaging framboise\/brun\/rose) === *\/\n  --soi-sbbr-primary: #C2385A;\n  --soi-sbbr-primary-soft: #F2E0E5;\n  --soi-sbbr-accent: #8B2D42;\n\n  \/* === Textes === *\/\n  --soi-sbbr-text: #1A2D3D;\n  --soi-sbbr-text-soft: #4A5B6B;\n  --soi-sbbr-text-muted: #7B8693;\n\n  \/* === Effets === *\/\n  --soi-sbbr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-sbbr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-sbbr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-sbbr-radius: 12px;\n  --soi-sbbr-radius-sm: 8px;\n  --soi-sbbr-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-sbbr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-sbbr-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-sbbr-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-sbbr-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-sbbr-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-sbbr-hero {\n  position: relative;\n  background: var(--soi-sbbr-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-sbbr-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-sbbr-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-sbbr-primary);\n}\n\n.soi-sbbr-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-sbbr-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-sbbr-primary);\n  border-radius: 50%;\n}\n\n.soi-sbbr-hero-title {\n  display: block;\n  color: var(--soi-sbbr-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-sbbr-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-sbbr-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-sbbr-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-sbbr-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-sbbr-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-sbbr-label-accent {\n  background: var(--soi-sbbr-primary);\n  border-color: var(--soi-sbbr-primary);\n  color: var(--soi-sbbr-white);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-sbbr-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-sbbr-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-sbbr-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-sbbr-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-sbbr-primary);\n  border-radius: 2px;\n}\n\n.soi-sbbr-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-sbbr-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-sbbr-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-sbbr-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-sbbr-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-sbbr-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-sbbr-benefit {\n  background: var(--soi-sbbr-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-sbbr-radius);\n  border: 1px solid var(--soi-sbbr-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-sbbr-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-sbbr-shadow-md);\n}\n\n.soi-sbbr-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-sbbr-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-sbbr-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-sbbr-primary);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-sbbr-benefit:hover .soi-sbbr-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-sbbr-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-sbbr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-sbbr-benefit p {\n  font-size: 13px;\n  color: var(--soi-sbbr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-sbbr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-sbbr-card {\n  background: var(--soi-sbbr-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-sbbr-radius);\n  border-left: 3px solid var(--soi-sbbr-primary);\n}\n\n.soi-sbbr-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-sbbr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-sbbr-card p {\n  font-size: 14px;\n  color: var(--soi-sbbr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-sbbr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-sbbr-card-mini {\n  background: var(--soi-sbbr-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-sbbr-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-sbbr-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-sbbr-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-sbbr-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-sbbr-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-sbbr-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-sbbr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-sbbr-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-sbbr-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-sbbr-radius);\n  border: 1px solid var(--soi-sbbr-line);\n  align-items: flex-start;\n}\n\n.soi-sbbr-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-sbbr-marine);\n  color: var(--soi-sbbr-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-sbbr-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-sbbr-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-sbbr-step-content p {\n  font-size: 14px;\n  color: var(--soi-sbbr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-sbbr-compo {\n  background: var(--soi-sbbr-off-white);\n  border-radius: var(--soi-sbbr-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-sbbr-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-sbbr-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-sbbr-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-sbbr-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-sbbr-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-sbbr-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-sbbr-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-sbbr-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-sbbr-primary-soft);\n  border-left: 4px solid var(--soi-sbbr-primary);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-sbbr-radius) var(--soi-sbbr-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-sbbr-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-sbbr-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-sbbr-marine);\n  margin-bottom: 4px;\n}\n\n.soi-sbbr-tip p {\n  font-size: 14px;\n  color: var(--soi-sbbr-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-sbbr-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-sbbr-accordion-item {\n  background: var(--soi-sbbr-off-white);\n  border-radius: var(--soi-sbbr-radius-sm);\n  border: 1px solid var(--soi-sbbr-line);\n  overflow: hidden;\n}\n\n.soi-sbbr-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-sbbr-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-sbbr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-sbbr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-sbbr-primary);\n  transition: transform 0.2s ease;\n}\n\n.soi-sbbr-accordion-item[open] .soi-sbbr-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-sbbr-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-sbbr-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-sbbr-text-soft);\n  line-height: 1.6;\n  margin: 0 0 0.5rem 0;\n}\n\n.soi-sbbr-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-sbbr-cta-box {\n  background: var(--soi-sbbr-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-sbbr-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-sbbr-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-sbbr-primary);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-sbbr-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-sbbr-primary);\n  margin-bottom: 0.75rem;\n}\n\n.soi-sbbr-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 500;\n  color: var(--soi-sbbr-white);\n  line-height: 1.5;\n  margin: 0;\n  max-width: 620px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-sbbr-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-sbbr-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-sbbr-compo-value {\n    text-align: left;\n  }\n\n  .soi-sbbr-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-sbbr-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-sbbr-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-sbbr-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-sbbr-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-sbbr-fiche {\n    --soi-sbbr-text-soft: #2C3E50;\n    --soi-sbbr-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603299328330,"sku":"CE0648","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-brillance-certifie-bio-centifolia-packshot.webp?v=1779454894"},{"product_id":"savon-mains-purifiant-propolis","title":"Savon mains purifiant Propolis et Romarin - Propolia","description":"\n\u003cdiv class=\"soi-sav-fiche\"\u003e\n\n  \u003csection class=\"soi-sav-hero\"\u003e\n    \u003cdiv class=\"soi-sav-hero-tag\"\u003e\n      \u003cspan class=\"soi-sav-tag-dot\"\u003e\u003c\/span\u003e\n      Hygiène · Apithérapie · Propolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-sav-hero-title\"\u003eSavon mains purifiant Propolis et Romarin\u003c\/span\u003e\n    \u003cp class=\"soi-sav-hero-subtitle\"\u003eUn savon liquide naturel qui nettoie en profondeur sans dessécher, grâce à la puissance purifiante de la propolis et à l'énergie aromatique du romarin.\u003c\/p\u003e\n    \u003cdiv class=\"soi-sav-hero-labels\"\u003e\n      \u003cspan class=\"soi-sav-label soi-sav-label-accent\"\u003e100 % ORIGINE NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-sav-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-sav-label\"\u003eSANS SLS \/ SLES\u003c\/span\u003e\n      \u003cspan class=\"soi-sav-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n      \u003cspan class=\"soi-sav-label\"\u003eTESTÉ DERMATOLOGIQUEMENT\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sav-section\"\u003e\n    \u003cp class=\"soi-sav-section-intro\"\u003eVous cherchez un savon liquide mains naturel qui nettoie vraiment, sans agresser ni dessécher ? Le Savon Liquide Purifiant Propolis et Romarin de Propolia répond exactement à ce besoin. Formulé avec 100 % d'ingrédients d'origine naturelle et fabriqué en France, il combine la puissance purifiante de la propolis d'abeille et l'énergie aromatique du romarin pour des mains propres, douces et protégées à chaque lavage.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sav-section\"\u003e\n    \u003ch2\u003ePourquoi ce savon mains à la propolis est-il différent ?\u003c\/h2\u003e\n    \u003cp class=\"soi-sav-section-intro\"\u003eBeaucoup de savons liquides nettoient, mais peu prennent soin de la peau au quotidien. Ici, la formule joue sur deux tableaux.\u003c\/p\u003e\n    \u003cdiv class=\"soi-sav-grid\"\u003e\n      \u003cdiv class=\"soi-sav-card\"\u003e\n        \u003ch3\u003e🐝 La propolis\u003c\/h3\u003e\n        \u003cp\u003eRésine naturelle produite par les abeilles, la propolis est reconnue pour ses propriétés purifiantes et apaisantes. Elle aide à protéger la peau des agressions extérieures sans perturber son équilibre naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sav-card\"\u003e\n        \u003ch3\u003e🌿 Le romarin\u003c\/h3\u003e\n        \u003cp\u003ePlante emblématique de la garrigue occitane, le romarin apporte une action tonifiante et un parfum frais et végétal qui rend le geste de lavage agréable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sav-card\"\u003e\n        \u003ch3\u003e🍯 Glycérine végétale et miel\u003c\/h3\u003e\n        \u003cp\u003eCes deux actifs complètent la formule en apportant hydratation et douceur, pour éviter que vos mains ne tirent après le rinçage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sav-section\"\u003e\n    \u003ch2\u003eComposition du savon liquide purifiant Propolia\u003c\/h2\u003e\n    \u003cp class=\"soi-sav-section-intro\"\u003eFormulé sans tensioactifs sulfatés (SLS\/SLES), ce savon respecte le film hydrolipidique naturel de la peau. Voici ses actifs clés.\u003c\/p\u003e\n    \u003cdiv class=\"soi-sav-compo\"\u003e\n      \u003cdiv class=\"soi-sav-compo-row\"\u003e\n        \u003cspan class=\"soi-sav-compo-label\"\u003eExtrait de propolis\u003c\/span\u003e\n        \u003cspan class=\"soi-sav-compo-value\"\u003eActif purifiant et apaisant d'origine apicole\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sav-compo-row\"\u003e\n        \u003cspan class=\"soi-sav-compo-label\"\u003eHuile essentielle de romarin\u003c\/span\u003e\n        \u003cspan class=\"soi-sav-compo-value\"\u003eTonifiante, parfum naturel de garrigue\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sav-compo-row\"\u003e\n        \u003cspan class=\"soi-sav-compo-label\"\u003eGlycérine végétale\u003c\/span\u003e\n        \u003cspan class=\"soi-sav-compo-value\"\u003eAgent hydratant et adoucissant\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sav-compo-row\"\u003e\n        \u003cspan class=\"soi-sav-compo-label\"\u003eMiel\u003c\/span\u003e\n        \u003cspan class=\"soi-sav-compo-value\"\u003eNourrissant, contribue à la douceur de la peau\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sav-compo-row\"\u003e\n        \u003cspan class=\"soi-sav-compo-label\"\u003eTensioactifs\u003c\/span\u003e\n        \u003cspan class=\"soi-sav-compo-value\"\u003eD'origine végétale, sans sulfates\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-sav-tip\"\u003e\n      \u003cdiv class=\"soi-sav-tip-icon\"\u003e📋\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eBon à savoir\u003c\/strong\u003e\n        \u003cp\u003eIngrédients complets disponibles sur l'emballage. Produit testé sous contrôle dermatologique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sav-section\"\u003e\n    \u003ch2\u003ePour qui est fait ce savon purifiant ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-sav-benefits\"\u003e\n      \u003cdiv class=\"soi-sav-benefit\"\u003e\n        \u003cdiv class=\"soi-sav-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeaux sensibles ou réactives\u003c\/h3\u003e\n        \u003cp\u003eConvient à tous les types de peau, y compris les plus fragiles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sav-benefit\"\u003e\n        \u003cdiv class=\"soi-sav-benefit-icon\"\u003e\u003cspan\u003e👨‍👩‍👧‍👦\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eToute la famille\u003c\/h3\u003e\n        \u003cp\u003eAdapté aux adultes et aux enfants dès 3 ans.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sav-benefit\"\u003e\n        \u003cdiv class=\"soi-sav-benefit-icon\"\u003e\u003cspan\u003e🧼\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eLavages fréquents\u003c\/h3\u003e\n        \u003cp\u003eIdéal pour les personnes qui se lavent souvent les mains (professionnels de santé, parents, cuisiniers) et craignent le dessèchement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sav-benefit\"\u003e\n        \u003cdiv class=\"soi-sav-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAdeptes du naturel\u003c\/h3\u003e\n        \u003cp\u003ePour celles et ceux qui privilégient les cosmétiques naturels et fabriqués en France.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sav-section\"\u003e\n    \u003ch2\u003eComment utiliser le savon liquide Propolis et Romarin ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-sav-timeline\"\u003e\n      \u003cdiv class=\"soi-sav-step\"\u003e\n        \u003cdiv class=\"soi-sav-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-sav-step-content\"\u003e\n          \u003ch3\u003eDoser\u003c\/h3\u003e\n          \u003cp\u003eAppuyez sur le pompe-doseur pour déposer la quantité souhaitée dans le creux de vos mains mouillées.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sav-step\"\u003e\n        \u003cdiv class=\"soi-sav-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-sav-step-content\"\u003e\n          \u003ch3\u003eMasser\u003c\/h3\u003e\n          \u003cp\u003eFrottez doucement pendant au moins 20 secondes en insistant sur les espaces entre les doigts et les ongles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sav-step\"\u003e\n        \u003cdiv class=\"soi-sav-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-sav-step-content\"\u003e\n          \u003ch3\u003eRincer\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau, puis séchez délicatement. À utiliser aussi souvent que nécessaire, sans restriction.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sav-section\"\u003e\n    \u003ch2\u003eLes engagements qualité Propolia\u003c\/h2\u003e\n    \u003cdiv class=\"soi-sav-grid-compact\"\u003e\n      \u003cdiv class=\"soi-sav-card-mini\"\u003e\n        \u003cspan class=\"soi-sav-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-sav-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-sav-card-mini-value\"\u003eFrance, Occitanie\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sav-card-mini\"\u003e\n        \u003cspan class=\"soi-sav-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-sav-card-mini-label\"\u003eIngrédients\u003c\/span\u003e\n        \u003cspan class=\"soi-sav-card-mini-value\"\u003e100 % origine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sav-card-mini\"\u003e\n        \u003cspan class=\"soi-sav-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-sav-card-mini-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-sav-card-mini-value\"\u003eSLS, SLES, parabènes\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sav-card-mini\"\u003e\n        \u003cspan class=\"soi-sav-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n        \u003cspan class=\"soi-sav-card-mini-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-sav-card-mini-value\"\u003e300 ml, pompe ergonomique\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sav-section\"\u003e\n    \u003cdiv class=\"soi-sav-accordion\"\u003e\n      \u003cdetails class=\"soi-sav-accordion-item\"\u003e\n        \u003csummary class=\"soi-sav-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-sav-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un soin cosmétique et ne remplace pas un avis médical ni un traitement prescrit.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sav-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-sav-cta-box\"\u003e\n      \u003cp class=\"soi-sav-cta-tag\" style=\"color: white;\"\u003eLe geste purifiant au quotidien\u003c\/p\u003e\n      \u003cp class=\"soi-sav-cta-text\" style=\"color: white;\"\u003eNi agressif, ni banal : ce savon liquide à la propolis et au romarin transforme un geste du quotidien en vrai moment de soin. Vos mains restent propres, douces et protégées, lavage après lavage.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-sav-marine: #1A2D3D;\n  --soi-sav-marine-dark: #0F1E2B;\n  --soi-sav-marine-light: #2C4458;\n  --soi-sav-pomme: #A1C544;\n  --soi-sav-pomme-dark: #84A636;\n  --soi-sav-pomme-light: rgba(161,197,68,0.10);\n  --soi-sav-white: #FFFFFF;\n  --soi-sav-off-white: #F8FAF6;\n  --soi-sav-stone: #F1F3EE;\n  --soi-sav-line: #E5E8E0;\n  --soi-sav-primary: #6B3FA0;\n  --soi-sav-primary-soft: rgba(107,63,160,0.08);\n  --soi-sav-accent: #A0633A;\n  --soi-sav-text: #1A2D3D;\n  --soi-sav-text-soft: #4A5B6B;\n  --soi-sav-text-muted: #7B8693;\n  --soi-sav-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-sav-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-sav-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-sav-radius: 12px;\n  --soi-sav-radius-sm: 8px;\n  --soi-sav-radius-pill: 999px;\n}\n\n.soi-sav-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-sav-fiche img { max-width: 100%; height: auto; }\n\n.soi-sav-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-sav-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-sav-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-sav-hero {\n  position: relative;\n  background: var(--soi-sav-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-sav-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-sav-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-sav-pomme);\n}\n\n.soi-sav-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-sav-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-sav-pomme);\n  border-radius: 50%;\n}\n\n.soi-sav-hero-title {\n  display: block;\n  color: var(--soi-sav-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-sav-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-sav-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-sav-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-sav-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-sav-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-sav-label-accent {\n  background: var(--soi-sav-pomme);\n  border-color: var(--soi-sav-pomme);\n  color: var(--soi-sav-marine);\n  font-weight: 600;\n}\n\n.soi-sav-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-sav-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-sav-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-sav-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-sav-pomme);\n  border-radius: 2px;\n}\n\n.soi-sav-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-sav-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.soi-sav-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-sav-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-sav-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-sav-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-sav-card {\n  background: var(--soi-sav-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-sav-radius);\n  border-left: 3px solid var(--soi-sav-pomme);\n}\n\n.soi-sav-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-sav-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-sav-card p {\n  font-size: 14px;\n  color: var(--soi-sav-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-sav-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-sav-benefit {\n  background: var(--soi-sav-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-sav-radius);\n  border: 1px solid var(--soi-sav-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-sav-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-sav-shadow-md);\n}\n\n.soi-sav-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-sav-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-sav-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-sav-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-sav-benefit:hover .soi-sav-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-sav-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-sav-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-sav-benefit p {\n  font-size: 13px;\n  color: var(--soi-sav-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-sav-compo {\n  background: var(--soi-sav-off-white);\n  border-radius: var(--soi-sav-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.25rem;\n}\n\n.soi-sav-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-sav-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-sav-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-sav-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-sav-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-sav-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-sav-marine);\n  text-align: right;\n}\n\n.soi-sav-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-sav-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-sav-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-sav-radius);\n  border: 1px solid var(--soi-sav-line);\n  align-items: flex-start;\n}\n\n.soi-sav-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-sav-marine);\n  color: var(--soi-sav-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-sav-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-sav-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-sav-step-content p {\n  font-size: 14px;\n  color: var(--soi-sav-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-sav-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-sav-card-mini {\n  background: var(--soi-sav-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-sav-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-sav-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-sav-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-sav-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-sav-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-sav-marine);\n}\n\n.soi-sav-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-sav-pomme-light);\n  border-left: 4px solid var(--soi-sav-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-sav-radius) var(--soi-sav-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-sav-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-sav-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-sav-marine);\n  margin-bottom: 4px;\n}\n\n.soi-sav-tip p {\n  font-size: 14px;\n  color: var(--soi-sav-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-sav-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-sav-accordion-item {\n  background: var(--soi-sav-off-white);\n  border-radius: var(--soi-sav-radius-sm);\n  border: 1px solid var(--soi-sav-line);\n  overflow: hidden;\n}\n\n.soi-sav-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-sav-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-sav-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-sav-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-sav-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-sav-accordion-item[open] .soi-sav-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-sav-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-sav-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-sav-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-sav-cta-box {\n  background: var(--soi-sav-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-sav-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-sav-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-sav-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-sav-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-sav-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-sav-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-sav-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-sav-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-sav-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-sav-compo-value {\n    text-align: left;\n  }\n\n  .soi-sav-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-sav-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-sav-fiche {\n    --soi-sav-text-soft: #2C3E50;\n    --soi-sav-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603349561674,"sku":"AP0126","price":9.25,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-mains-purifiant-propolis-et-romarin-propolia-packshot.webp?v=1779458221"},{"product_id":"spray-d-atmosphere-lavande-romarin-bio-aromaspray","title":"Spray d’atmosphère Lavande Romarin Bio - Aromaspray","description":"\u003cdiv class=\"soi-lavro-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-lavro-hero\"\u003e\n    \u003cdiv class=\"soi-lavro-hero-tag\"\u003e\n      \u003cspan class=\"soi-lavro-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie atmosphérique · Aromaspray\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-lavro-hero-title\"\u003eSpray d'atmosphère Lavande Romarin Bio\u003c\/span\u003e\n    \u003cp class=\"soi-lavro-hero-subtitle\"\u003eDeux huiles essentielles bio, zéro superflu : retrouvez l'air doux et herbacé de la Provence dans votre intérieur, naturellement.\u003c\/p\u003e\n    \u003cdiv class=\"soi-lavro-hero-labels\"\u003e\n      \u003cspan class=\"soi-lavro-label soi-lavro-label-accent\"\u003e100 % BIO\u003c\/span\u003e\n      \u003cspan class=\"soi-lavro-label\"\u003eSANS ALCOOL\u003c\/span\u003e\n      \u003cspan class=\"soi-lavro-label\"\u003eSANS GAZ PROPULSEUR\u003c\/span\u003e\n      \u003cspan class=\"soi-lavro-label\"\u003eSANS CONSERVATEUR\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 1 : Aromaspray Lavande Romarin Bio : l'aromathérapie atmosphérique au naturel --\u003e\n  \u003csection class=\"soi-lavro-section\"\u003e\n    \u003ch2\u003eAromaspray Lavande Romarin Bio : l'aromathérapie atmosphérique au naturel\u003c\/h2\u003e\n    \u003cp\u003eImaginez rentrer chez vous après une longue journée et retrouver instantanément l'air doux et herbacé de la Provence. C'est exactement ce que vous offre l'Aromaspray Lavande Romarin Bio : un spray d'atmosphère 100 % naturel et certifié bio, conçu pour transformer votre intérieur en véritable espace de ressourcement.\u003c\/p\u003e\n    \u003cp\u003eSans gaz propulseur, sans colorant, sans conservateur. Juste deux huiles essentielles bio, et l'essentiel.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 2 : Pourquoi ce spray d'ambiance bio se démarque --\u003e\n  \u003csection class=\"soi-lavro-section\"\u003e\n    \u003ch2\u003ePourquoi ce spray d'ambiance bio se démarque\u003c\/h2\u003e\n    \u003cp class=\"soi-lavro-section-intro\"\u003eContrairement à de nombreux sprays assainissants du marché, l'Aromaspray ne masque pas les odeurs avec des parfums de synthèse. Il agit grâce aux propriétés naturelles des huiles essentielles biologiques pour assainir et parfumer l'air ambiant de façon saine et durable. C'est la différence entre un spray d'ambiance et une véritable aromathérapie atmosphérique.\u003c\/p\u003e\n    \u003cdiv class=\"soi-lavro-grid\"\u003e\n      \u003cdiv class=\"soi-lavro-card\"\u003e\n        \u003ch3\u003e🚫 Sans alcool irritant\u003c\/h3\u003e\n        \u003cp\u003eAucun alcool irritant ni gaz propulseur dans la formule. Vous vaporisez en toute sérénité, sans risque d'irritation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lavro-card\"\u003e\n        \u003ch3\u003e🌿 Huiles essentielles certifiées bio\u003c\/h3\u003e\n        \u003cp\u003eDes huiles essentielles traçables et de haute qualité, sélectionnées pour leurs propriétés naturelles reconnues.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lavro-card\"\u003e\n        \u003ch3\u003e🌍 Respectueux des personnes et de l'environnement\u003c\/h3\u003e\n        \u003cp\u003eUne formule pensée pour prendre soin de votre intérieur sans compromettre votre santé ni celle de la planète.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lavro-card\"\u003e\n        \u003ch3\u003e🏠 Spray assainissant naturel\u003c\/h3\u003e\n        \u003cp\u003eIdéal pour assainir toute la maison : salon, chambre, bureau, cuisine. Un usage polyvalent au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 3 : Les deux actifs clés : lavande et romarin bio --\u003e\n  \u003csection class=\"soi-lavro-section\"\u003e\n    \u003ch2\u003eLes deux actifs clés : lavande et romarin bio\u003c\/h2\u003e\n    \u003cdiv class=\"soi-lavro-benefits\"\u003e\n      \u003cdiv class=\"soi-lavro-benefit\"\u003e\n        \u003cdiv class=\"soi-lavro-benefit-icon\"\u003e\u003cspan\u003e💜\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eLavande vraie bio\u003c\/h3\u003e\n        \u003cp\u003eL'huile essentielle de lavande vraie est l'une des plus étudiées en aromathérapie. Reconnue pour ses effets calmants sur le système nerveux, elle aide à apaiser les tensions, favorise la détente en soirée et soutient un endormissement naturel. Un incontournable pour la chambre et le salon.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lavro-benefit\"\u003e\n        \u003cdiv class=\"soi-lavro-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eRomarin bio\u003c\/h3\u003e\n        \u003cp\u003eLe romarin apporte une note fraîche et vivifiante. Ses propriétés purifiantes et stimulantes en font un allié précieux pour les espaces de travail ou d'étude. Il contribue également à assainir l'air grâce à ses composés naturels actifs, pour un intérieur plus sain au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 4 : Comment utiliser votre spray d'atmosphère lavande romarin ? --\u003e\n  \u003csection class=\"soi-lavro-section\"\u003e\n    \u003ch2\u003eComment utiliser votre spray d'atmosphère lavande romarin ?\u003c\/h2\u003e\n    \u003cp class=\"soi-lavro-section-intro\"\u003eL'utilisation est simple et intuitive, et s'adapte à tous vos moments de la journée.\u003c\/p\u003e\n    \u003cdiv class=\"soi-lavro-timeline\"\u003e\n      \u003cdiv class=\"soi-lavro-step\"\u003e\n        \u003cdiv class=\"soi-lavro-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-lavro-step-content\"\u003e\n          \u003ch3\u003eLe matin\u003c\/h3\u003e\n          \u003cp\u003eQuelques vaporisations dans votre bureau ou votre cuisine pour démarrer la journée avec clarté et énergie, portées par les notes vivifiantes du romarin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lavro-step\"\u003e\n        \u003cdiv class=\"soi-lavro-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-lavro-step-content\"\u003e\n          \u003ch3\u003eEn soirée\u003c\/h3\u003e\n          \u003cp\u003eDiffusez dans la chambre ou le salon pour créer une atmosphère propice à la détente avant le coucher, grâce aux notes apaisantes de la lavande.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lavro-step\"\u003e\n        \u003cdiv class=\"soi-lavro-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-lavro-step-content\"\u003e\n          \u003ch3\u003eÀ tout moment\u003c\/h3\u003e\n          \u003cp\u003ePurifiez l'air après la cuisson, le tabac ou l'humidité. Un spray assainissant naturel, sans composés chimiques.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lavro-tip\"\u003e\n      \u003cdiv class=\"soi-lavro-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eVaporisez à 30 à 50 cm des textiles et surfaces, dans la pièce ou directement dans l'air. Évitez les yeux et les surfaces polies.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 5 : Composition du spray Aromaspray Lavande Romarin Bio --\u003e\n  \u003csection class=\"soi-lavro-section\"\u003e\n    \u003ch2\u003eComposition du spray Aromaspray Lavande Romarin Bio\u003c\/h2\u003e\n    \u003cp class=\"soi-lavro-section-intro\"\u003eLa formule est volontairement épurée, pour une efficacité maximale et une transparence totale.\u003c\/p\u003e\n    \u003cdiv class=\"soi-lavro-compo\"\u003e\n      \u003cdiv class=\"soi-lavro-compo-row\"\u003e\n        \u003cspan class=\"soi-lavro-compo-label\"\u003eActif principal\u003c\/span\u003e\n        \u003cspan class=\"soi-lavro-compo-value\"\u003eHuile essentielle de lavande vraie bio (\u003cem\u003eLavandula angustifolia\u003c\/em\u003e)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lavro-compo-row\"\u003e\n        \u003cspan class=\"soi-lavro-compo-label\"\u003eActif complémentaire\u003c\/span\u003e\n        \u003cspan class=\"soi-lavro-compo-value\"\u003eHuile essentielle de romarin bio (\u003cem\u003eRosmarinus officinalis\u003c\/em\u003e)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lavro-compo-row\"\u003e\n        \u003cspan class=\"soi-lavro-compo-label\"\u003eBase\u003c\/span\u003e\n        \u003cspan class=\"soi-lavro-compo-value\"\u003eEau purifiée, émulsifiant naturel\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lavro-compo-row\"\u003e\n        \u003cspan class=\"soi-lavro-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-lavro-compo-value\"\u003eColorant, conservateur, gaz propulseur, alcool\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 6 : Pour qui est fait cet Aromaspray ? --\u003e\n  \u003csection class=\"soi-lavro-section\"\u003e\n    \u003ch2\u003ePour qui est fait cet Aromaspray ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-lavro-grid\"\u003e\n      \u003cdiv class=\"soi-lavro-card\"\u003e\n        \u003ch3\u003e🔄 Une alternative naturelle\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez une alternative naturelle aux sprays assainissants classiques, sans parfums de synthèse ni composés chimiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lavro-card\"\u003e\n        \u003ch3\u003e🏡 Un intérieur plus sain\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez assainir votre intérieur avec des ingrédients bio, en toute confiance et en toute simplicité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lavro-card\"\u003e\n        \u003ch3\u003e🌸 Sensibilité aux synthétiques\u003c\/h3\u003e\n        \u003cp\u003eVous êtes sensible aux parfums de synthèse ou simplement attaché(e) à des produits certifiés bio et éco-responsables.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lavro-card\"\u003e\n        \u003ch3\u003e🧘 L'aromathérapie au quotidien\u003c\/h3\u003e\n        \u003cp\u003eVous voulez intégrer l'aromathérapie dans votre routine, facilement et sans diffuseur électrique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-lavro-accordion\"\u003e\n      \u003cdetails class=\"soi-lavro-accordion-item\"\u003e\n        \u003csummary class=\"soi-lavro-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-lavro-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un spray d'atmosphère et ne constitue pas un traitement médical. En cas de grossesse, d'allergie connue aux huiles essentielles ou de présence de jeunes enfants, consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"soi-lavro-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-lavro-cta-box\"\u003e\n      \u003cp class=\"soi-lavro-cta-tag\" style=\"color: white;\"\u003eL'aromathérapie atmosphérique, simplement\u003c\/p\u003e\n      \u003cp class=\"soi-lavro-cta-text\" style=\"color: white;\"\u003eOffrez à votre intérieur une vraie respiration : la douceur florale de la lavande bio et la vivacité herbacée du romarin, à portée de vaporisation. Simple, pur, certifié bio.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-lavro-marine: #1A2D3D;\n  --soi-lavro-marine-dark: #0F1E2B;\n  --soi-lavro-marine-light: #2C4458;\n  --soi-lavro-pomme: #A1C544;\n  --soi-lavro-pomme-dark: #84A636;\n  --soi-lavro-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-lavro-white: #FFFFFF;\n  --soi-lavro-off-white: #F8FAF6;\n  --soi-lavro-stone: #F1F3EE;\n  --soi-lavro-line: #E5E8E0;\n\n  --soi-lavro-primary: #7A5E99;\n  --soi-lavro-primary-soft: #F0EBF5;\n  --soi-lavro-accent: #6A8E5A;\n\n  --soi-lavro-text: #1A2D3D;\n  --soi-lavro-text-soft: #4A5B6B;\n  --soi-lavro-text-muted: #7B8693;\n\n  --soi-lavro-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-lavro-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-lavro-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-lavro-radius: 12px;\n  --soi-lavro-radius-sm: 8px;\n  --soi-lavro-radius-pill: 999px;\n}\n\n.soi-lavro-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-lavro-fiche img { max-width: 100%; height: auto; }\n\n.soi-lavro-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-lavro-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-lavro-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-lavro-hero {\n  position: relative;\n  background: var(--soi-lavro-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-lavro-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-lavro-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-lavro-pomme);\n}\n\n.soi-lavro-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-lavro-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-lavro-pomme);\n  border-radius: 50%;\n}\n\n.soi-lavro-hero-title {\n  display: block;\n  color: var(--soi-lavro-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-lavro-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-lavro-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-lavro-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-lavro-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-lavro-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-lavro-label-accent {\n  background: var(--soi-lavro-pomme);\n  border-color: var(--soi-lavro-pomme);\n  color: var(--soi-lavro-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-lavro-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-lavro-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-lavro-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-lavro-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-lavro-pomme);\n  border-radius: 2px;\n}\n\n.soi-lavro-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-lavro-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-lavro-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-lavro-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-lavro-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-lavro-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-lavro-benefit {\n  background: var(--soi-lavro-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-lavro-radius);\n  border: 1px solid var(--soi-lavro-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-lavro-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-lavro-shadow-md);\n}\n\n.soi-lavro-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-lavro-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-lavro-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-lavro-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-lavro-benefit:hover .soi-lavro-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-lavro-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-lavro-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-lavro-benefit p {\n  font-size: 13px;\n  color: var(--soi-lavro-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-lavro-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-lavro-card {\n  background: var(--soi-lavro-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-lavro-radius);\n  border-left: 3px solid var(--soi-lavro-pomme);\n}\n\n.soi-lavro-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-lavro-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-lavro-card p {\n  font-size: 14px;\n  color: var(--soi-lavro-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-lavro-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-lavro-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-lavro-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-lavro-radius);\n  border: 1px solid var(--soi-lavro-line);\n  align-items: flex-start;\n}\n\n.soi-lavro-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-lavro-marine);\n  color: var(--soi-lavro-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-lavro-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-lavro-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-lavro-step-content p {\n  font-size: 14px;\n  color: var(--soi-lavro-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-lavro-compo {\n  background: var(--soi-lavro-off-white);\n  border-radius: var(--soi-lavro-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-lavro-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-lavro-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-lavro-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-lavro-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-lavro-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-lavro-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-lavro-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-lavro-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-lavro-pomme-light);\n  border-left: 4px solid var(--soi-lavro-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-lavro-radius) var(--soi-lavro-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-lavro-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-lavro-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-lavro-marine);\n  margin-bottom: 4px;\n}\n\n.soi-lavro-tip p {\n  font-size: 14px;\n  color: var(--soi-lavro-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-lavro-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 1.5rem;\n}\n\n.soi-lavro-accordion-item {\n  background: var(--soi-lavro-off-white);\n  border-radius: var(--soi-lavro-radius-sm);\n  border: 1px solid var(--soi-lavro-line);\n  overflow: hidden;\n}\n\n.soi-lavro-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-lavro-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-lavro-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-lavro-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-lavro-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-lavro-accordion-item[open] .soi-lavro-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-lavro-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-lavro-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-lavro-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-lavro-cta-box {\n  background: var(--soi-lavro-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-lavro-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-lavro-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-lavro-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-lavro-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-lavro-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-lavro-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-lavro-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-lavro-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-lavro-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-lavro-compo-value {\n    text-align: left;\n  }\n\n  .soi-lavro-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-lavro-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-lavro-fiche {\n    --soi-lavro-text-soft: #2C3E50;\n    --soi-lavro-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61603371974986,"sku":"SC8520B","price":15.68,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soinat_aromaspray_sc9520b_lavande_romarin_bio.jpg?v=1776159196"},{"product_id":"spray-d-ambiance-orange-palmarosa-bio-aromaspray","title":"Spray d’ambiance Orange Palmarosa bio - Aromaspray","description":"\n\u003cdiv class=\"soi-opal-fiche\"\u003e\n\n  \u003csection class=\"soi-opal-hero\"\u003e\n    \u003cdiv class=\"soi-opal-hero-tag\"\u003e\n      \u003cspan class=\"soi-opal-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie atmosphérique · Aromaspray\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-opal-hero-title\"\u003eSpray d'ambiance Orange Palmarosa Bio\u003c\/span\u003e\n    \u003cp class=\"soi-opal-hero-subtitle\"\u003eUne synergie régénérante et relaxante d'huiles essentielles biologiques pour transformer votre intérieur en véritable cocon de sérénité.\u003c\/p\u003e\n    \u003cdiv class=\"soi-opal-hero-labels\"\u003e\n      \u003cspan class=\"soi-opal-label soi-opal-label-accent\"\u003e100 % BIO\u003c\/span\u003e\n      \u003cspan class=\"soi-opal-label\"\u003eSANS COLORANTS\u003c\/span\u003e\n      \u003cspan class=\"soi-opal-label\"\u003eSANS CONSERVATEURS\u003c\/span\u003e\n      \u003cspan class=\"soi-opal-label\"\u003eSANS GAZ PROPULSEUR\u003c\/span\u003e\n      \u003cspan class=\"soi-opal-label\"\u003eÉCO-CONÇU\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-opal-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce spray d'ambiance bio ?\u003c\/h2\u003e\n    \u003cp\u003eContrairement aux sprays d'ambiance classiques chargés de parfums synthétiques ou de gaz propulseurs, l'Aromaspray Orange Palmarosa mise sur la puissance des huiles essentielles certifiées biologiques. Le résultat : une diffusion saine, respectueuse de votre santé et de celle de vos proches, enfants comme animaux.\u003c\/p\u003e\n    \u003cp\u003eSa formule allie deux actifs aromatiques complémentaires pour un effet à la fois régénérant et relaxant, idéal en fin de journée ou pour préparer un espace à la détente.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-opal-section\"\u003e\n    \u003ch2\u003eComposition du spray d'ambiance Orange Palmarosa Bio\u003c\/h2\u003e\n    \u003cdiv class=\"soi-opal-grid\"\u003e\n      \u003cdiv class=\"soi-opal-card\"\u003e\n        \u003ch3\u003e🍊 Orange douce Bio (Citrus sinensis)\u003c\/h3\u003e\n        \u003cp\u003eSon parfum agrumé lumineux est reconnu en aromathérapie pour ses vertus apaisantes. Il aide à dissoudre la tension nerveuse et à instaurer une atmosphère chaleureuse et positive.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opal-card\"\u003e\n        \u003ch3\u003e🌿 Palmarosa Bio (Cymbopogon martinii)\u003c\/h3\u003e\n        \u003cp\u003eCette graminée aux notes florales douces est précieuse pour ses propriétés rééquilibrantes et régénérantes. Elle harmonise l'ambiance et soutient le bien-être émotionnel au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opal-card\"\u003e\n        \u003ch3\u003e🌸 Géranium Bio (Pelargonium graveolens)\u003c\/h3\u003e\n        \u003cp\u003eNote florale subtile aux vertus harmonisantes, il complète le bouquet olfactif avec élégance.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opal-card\"\u003e\n        \u003ch3\u003e💧 Shui Bio\u003c\/h3\u003e\n        \u003cp\u003eIngrédient signature Aromaspray qui renforce les effets équilibrants de la formule et assure une diffusion stable et enveloppante.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-opal-tip\"\u003e\n      \u003cdiv class=\"soi-opal-tip-icon\"\u003e🌱\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eFormule transparente\u003c\/strong\u003e\n        \u003cp\u003eSans colorants, sans conservateurs, sans gaz propulseur. Huiles essentielles 100 % bio, formule éco-conçue.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-opal-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"soi-opal-benefits\"\u003e\n      \u003cdiv class=\"soi-opal-benefit\"\u003e\n        \u003cdiv class=\"soi-opal-benefit-icon\"\u003e\u003cspan\u003e😌\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eDétente immédiate\u003c\/h3\u003e\n        \u003cp\u003eL'orange douce agit sur le système nerveux autonome pour réduire la tension et favoriser un relâchement rapide, dès les premières secondes de diffusion.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opal-benefit\"\u003e\n        \u003cdiv class=\"soi-opal-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eÉquilibre émotionnel\u003c\/h3\u003e\n        \u003cp\u003eLe palmarosa rééquilibre en douceur les émotions, parfait pour les moments de surcharge mentale ou de stress prolongé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opal-benefit\"\u003e\n        \u003cdiv class=\"soi-opal-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAir purifié naturellement\u003c\/h3\u003e\n        \u003cp\u003eLes huiles essentielles bio assainissent l'air ambiant sans recourir à des agents chimiques, pour un intérieur plus sain et plus frais.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opal-benefit\"\u003e\n        \u003cdiv class=\"soi-opal-benefit-icon\"\u003e\u003cspan\u003e🏡\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAtmosphère cocooning\u003c\/h3\u003e\n        \u003cp\u003eLe mariage orange et palmarosa crée une ambiance enveloppante et douce, idéale pour le salon, la chambre ou l'espace de méditation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-opal-section\"\u003e\n    \u003ch2\u003eComment utiliser votre spray d'ambiance maison naturel ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-opal-timeline\"\u003e\n      \u003cdiv class=\"soi-opal-step\"\u003e\n        \u003cdiv class=\"soi-opal-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-opal-step-content\"\u003e\n          \u003ch3\u003eAgitez légèrement\u003c\/h3\u003e\n          \u003cp\u003eSecouez le flacon avant utilisation pour homogénéiser la formule.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opal-step\"\u003e\n        \u003cdiv class=\"soi-opal-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-opal-step-content\"\u003e\n          \u003ch3\u003eVaporisez à 30 cm\u003c\/h3\u003e\n          \u003cp\u003ePulvérisez dans la pièce souhaitée, en évitant les surfaces délicates et les yeux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opal-step\"\u003e\n        \u003cdiv class=\"soi-opal-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-opal-step-content\"\u003e\n          \u003ch3\u003e1 à 3 pulvérisations\u003c\/h3\u003e\n          \u003cp\u003eC'est tout ce qu'il faut pour parfumer agréablement une pièce de taille standard.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opal-step\"\u003e\n        \u003cdiv class=\"soi-opal-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-opal-step-content\"\u003e\n          \u003ch3\u003eRenouvelez selon vos envies\u003c\/h3\u003e\n          \u003cp\u003eLe matin pour bien démarrer la journée ou le soir pour préparer un moment de calme.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-opal-section\"\u003e\n    \u003ch2\u003eCe spray d'ambiance bio est fait pour vous si...\u003c\/h2\u003e\n    \u003cdiv class=\"soi-opal-grid\"\u003e\n      \u003cdiv class=\"soi-opal-card\"\u003e\n        \u003ch3\u003e🌿 Naturalité exigeante\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez un spray d'ambiance maison naturel, sans composés chimiques indésirables.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opal-card\"\u003e\n        \u003ch3\u003e🤧 Sensibilité aux synthétiques\u003c\/h3\u003e\n        \u003cp\u003eVous êtes sensible aux parfums de synthèse et souhaitez une alternative saine pour votre intérieur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opal-card\"\u003e\n        \u003ch3\u003e🧘 Pratique du bien-être\u003c\/h3\u003e\n        \u003cp\u003eVous pratiquez la méditation, le yoga ou souhaitez simplement créer une atmosphère apaisante chez vous.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-opal-card\"\u003e\n        \u003ch3\u003e🎁 Envie d'offrir du sens\u003c\/h3\u003e\n        \u003cp\u003eVous voulez offrir à vos proches un produit 100 % bio, éco-responsable et efficace.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-opal-section\"\u003e\n    \u003cdiv class=\"soi-opal-accordion\"\u003e\n      \u003cdetails class=\"soi-opal-accordion-item\"\u003e\n        \u003csummary class=\"soi-opal-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-opal-accordion-content\"\u003e\n          \u003cp\u003eCe produit est destiné à un usage d'aromathérapie atmosphérique uniquement. Il ne constitue pas un traitement médical et ne remplace en aucun cas un avis de professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-opal-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-opal-cta-box\"\u003e\n      \u003cp class=\"soi-opal-cta-tag\" style=\"color: white;\"\u003eL'aromathérapie atmosphérique, simplement\u003c\/p\u003e\n      \u003cp class=\"soi-opal-cta-text\" style=\"color: white;\"\u003eUn seul geste, et votre intérieur se transforme. L'Aromaspray Orange Palmarosa Bio, c'est l'alliance d'un parfum naturellement envoûtant et d'une formule 100 % bio, pour celles et ceux qui refusent de choisir entre bien-être et respect de l'environnement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-opal-marine: #1A2D3D;\n  --soi-opal-marine-dark: #0F1E2B;\n  --soi-opal-marine-light: #2C4458;\n  --soi-opal-pomme: #A1C544;\n  --soi-opal-pomme-dark: #84A636;\n  --soi-opal-pomme-light: rgba(161,197,68,0.10);\n  --soi-opal-white: #FFFFFF;\n  --soi-opal-off-white: #F8FAF6;\n  --soi-opal-stone: #F1F3EE;\n  --soi-opal-line: #E5E8E0;\n  --soi-opal-primary: #E8922A;\n  --soi-opal-primary-soft: #FDF3E8;\n  --soi-opal-accent: #7A9A8E;\n  --soi-opal-text: #1A2D3D;\n  --soi-opal-text-soft: #4A5B6B;\n  --soi-opal-text-muted: #7B8693;\n  --soi-opal-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-opal-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-opal-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-opal-radius: 12px;\n  --soi-opal-radius-sm: 8px;\n  --soi-opal-radius-pill: 999px;\n}\n\n.soi-opal-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-opal-fiche img { max-width: 100%; height: auto; }\n\n.soi-opal-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-opal-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-opal-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-opal-hero {\n  position: relative;\n  background: var(--soi-opal-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-opal-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-opal-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-opal-pomme);\n}\n\n.soi-opal-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-opal-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-opal-pomme);\n  border-radius: 50%;\n}\n\n.soi-opal-hero-title {\n  display: block;\n  color: var(--soi-opal-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-opal-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-opal-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-opal-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-opal-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-opal-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-opal-label-accent {\n  background: var(--soi-opal-pomme);\n  border-color: var(--soi-opal-pomme);\n  color: var(--soi-opal-marine);\n  font-weight: 600;\n}\n\n.soi-opal-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-opal-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-opal-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-opal-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-opal-pomme);\n  border-radius: 2px;\n}\n\n.soi-opal-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-opal-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-opal-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-opal-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-opal-benefit {\n  background: var(--soi-opal-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-opal-radius);\n  border: 1px solid var(--soi-opal-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-opal-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-opal-shadow-md);\n}\n\n.soi-opal-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-opal-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-opal-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-opal-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-opal-benefit:hover .soi-opal-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-opal-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-opal-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-opal-benefit p {\n  font-size: 13px;\n  color: var(--soi-opal-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-opal-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-opal-card {\n  background: var(--soi-opal-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-opal-radius);\n  border-left: 3px solid var(--soi-opal-pomme);\n}\n\n.soi-opal-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-opal-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-opal-card p {\n  font-size: 14px;\n  color: var(--soi-opal-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-opal-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-opal-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-opal-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-opal-radius);\n  border: 1px solid var(--soi-opal-line);\n  align-items: flex-start;\n}\n\n.soi-opal-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-opal-marine);\n  color: var(--soi-opal-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-opal-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-opal-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-opal-step-content p {\n  font-size: 14px;\n  color: var(--soi-opal-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-opal-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-opal-pomme-light);\n  border-left: 4px solid var(--soi-opal-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-opal-radius) var(--soi-opal-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-opal-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-opal-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-opal-marine);\n  margin-bottom: 4px;\n}\n\n.soi-opal-tip p {\n  font-size: 14px;\n  color: var(--soi-opal-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-opal-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-opal-accordion-item {\n  background: var(--soi-opal-off-white);\n  border-radius: var(--soi-opal-radius-sm);\n  border: 1px solid var(--soi-opal-line);\n  overflow: hidden;\n}\n\n.soi-opal-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-opal-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-opal-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-opal-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-opal-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-opal-accordion-item[open] .soi-opal-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-opal-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-opal-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-opal-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-opal-cta-box {\n  background: var(--soi-opal-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-opal-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-opal-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-opal-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-opal-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-opal-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-opal-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-opal-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-opal-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-opal-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-opal-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-opal-fiche {\n    --soi-opal-text-soft: #2C3E50;\n    --soi-opal-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61603372695882,"sku":"SC8545B","price":15.68,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soinat_aromaspray_sc9545b_orange_palmarosa_bio.jpg?v=1776159220"},{"product_id":"shampooing-douche-3-en-1-pour-toute-la-famille-certifie-bio-centifolia","title":"Shampoing douche bio 3en1 au Ginkgo Biloba - 1L | Centifolia","description":"\n\u003cdiv class=\"soi-gink-fiche\"\u003e\n\n  \u003csection class=\"soi-gink-hero\"\u003e\n    \u003cdiv class=\"soi-gink-hero-tag\"\u003e\n      \u003cspan class=\"soi-gink-tag-dot\"\u003e\u003c\/span\u003e\n      Hygiène · Centifolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-gink-hero-title\"\u003eShampooing-Douche 3 en 1 pour Toute la Famille certifié Bio\u003c\/span\u003e\n    \u003cp class=\"soi-gink-hero-subtitle\"\u003eUn seul geste pour le visage, le corps et les cheveux : la simplicité d'une formule certifiée bio au Ginkgo Biloba français, pensée pour toute la famille dès 3 ans.\u003c\/p\u003e\n    \u003cdiv class=\"soi-gink-hero-labels\"\u003e\n      \u003cspan class=\"soi-gink-label soi-gink-label-accent\"\u003eBIO ECOCERT\u003c\/span\u003e\n      \u003cspan class=\"soi-gink-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-gink-label\"\u003e99% ORIGINE NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-gink-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-gink-label\"\u003e1 LITRE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-gink-section\"\u003e\n    \u003ch2\u003eLe shampooing-douche bio 3 en 1 qui simplifie la routine de toute la famille\u003c\/h2\u003e\n    \u003cp\u003eUn seul produit pour le visage, le corps et les cheveux : voilà ce que vous propose le shampooing-douche 3 en 1 certifié bio Centifolia. Formulé avec du Ginkgo Biloba bio d'origine France, ce gel lavant familial s'adresse à tous les types de peau, même les plus sensibles, dès 3 ans. Fini l'encombrement sous la douche : place à la simplicité, sans compromis sur la qualité.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-gink-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce shampooing douche bio plutôt qu'un autre ?\u003c\/h2\u003e\n    \u003cp class=\"soi-gink-section-intro\"\u003eCe qui distingue Centifolia, c'est l'alliance d'une certification Ecocert, d'une formule vegan à 99 % d'ingrédients d'origine naturelle et d'un engagement français concret.\u003c\/p\u003e\n    \u003cdiv class=\"soi-gink-benefits\"\u003e\n      \u003cdiv class=\"soi-gink-benefit\"\u003e\n        \u003cdiv class=\"soi-gink-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCertifié bio Ecocert\u003c\/h3\u003e\n        \u003cp\u003eUne formule rigoureusement contrôlée, garantissant le respect des exigences de la cosmétique biologique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gink-benefit\"\u003e\n        \u003cdiv class=\"soi-gink-benefit-icon\"\u003e\u003cspan\u003e🧪\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003e99 % d'origine naturelle\u003c\/h3\u003e\n        \u003cp\u003eTransparence totale sur la composition, pour une confiance absolue à chaque utilisation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gink-benefit\"\u003e\n        \u003cdiv class=\"soi-gink-benefit-icon\"\u003e\u003cspan\u003e🐇\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFormule vegan\u003c\/h3\u003e\n        \u003cp\u003eAucun ingrédient d'origine animale dans la formulation de ce gel lavant familial.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gink-benefit\"\u003e\n        \u003cdiv class=\"soi-gink-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eCircuit court, empreinte carbone réduite et savoir-faire français pour un produit responsable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gink-tip\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cdiv class=\"soi-gink-tip-icon\"\u003e♻️\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eEngagement éco-responsable\u003c\/strong\u003e\n        \u003cp\u003eLe flacon 1 litre avec pompe est 100 % recyclé et recyclable. La formule est sans phtalate et sans Bisphénol A, pour la sécurité de tous les membres de la famille.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-gink-section\"\u003e\n    \u003ch2\u003eLe Ginkgo Biloba bio : l'actif botanique au cœur de la formule\u003c\/h2\u003e\n    \u003cdiv class=\"soi-gink-grid\"\u003e\n      \u003cdiv class=\"soi-gink-card\" style=\"grid-column: 1 \/ -1;\"\u003e\n        \u003ch3\u003e🍃 Ginkgo Biloba bio d'origine France\u003c\/h3\u003e\n        \u003cp\u003eReconnu en cosmétique naturelle pour ses propriétés antioxydantes, hydratantes et apaisantes, le Ginkgo Biloba cultivé en France et certifié bio est l'ingrédient vedette de cette formule. Il aide votre peau à se défendre contre les agressions extérieures tout en maintenant son équilibre hydrique. Résultat : une peau douce et confortable après chaque douche, des cheveux légers et brillants, sans résidu ni film gras.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-gink-section\"\u003e\n    \u003ch2\u003eMode d'utilisation : comment bien l'utiliser au quotidien ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-gink-timeline\"\u003e\n      \u003cdiv class=\"soi-gink-step\"\u003e\n        \u003cdiv class=\"soi-gink-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-gink-step-content\"\u003e\n          \u003ch3\u003eDosez\u003c\/h3\u003e\n          \u003cp\u003eAppuyez sur la pompe pour déposer une noisette de produit dans votre main.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gink-step\"\u003e\n        \u003cdiv class=\"soi-gink-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-gink-step-content\"\u003e\n          \u003ch3\u003eMassez\u003c\/h3\u003e\n          \u003cp\u003eFaites mousser en massant doucement sur le visage, le corps ou les cheveux humides.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gink-step\"\u003e\n        \u003cdiv class=\"soi-gink-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-gink-step-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau claire. Ce gel lavant convient à une utilisation quotidienne, pour petits et grands.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-gink-section\"\u003e\n    \u003ch2\u003eComposition du shampooing-douche 3 en 1 Centifolia\u003c\/h2\u003e\n    \u003cdiv class=\"soi-gink-compo\"\u003e\n      \u003cdiv class=\"soi-gink-compo-row\"\u003e\n        \u003cspan class=\"soi-gink-compo-label\"\u003eActif principal\u003c\/span\u003e\n        \u003cspan class=\"soi-gink-compo-value\"\u003eExtrait de Ginkgo Biloba bio (origine France) : apaisant et antioxydant\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gink-compo-row\"\u003e\n        \u003cspan class=\"soi-gink-compo-label\"\u003eAgents lavants\u003c\/span\u003e\n        \u003cspan class=\"soi-gink-compo-value\"\u003eTensioactifs d'origine végétale, respectueux du film hydrolipidique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gink-compo-row\"\u003e\n        \u003cspan class=\"soi-gink-compo-label\"\u003eBase\u003c\/span\u003e\n        \u003cspan class=\"soi-gink-compo-value\"\u003eEau (Aqua)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gink-compo-row\"\u003e\n        \u003cspan class=\"soi-gink-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-gink-compo-value\"\u003eSilicone, paraben, sulfate agressif\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"margin-top: 1rem; font-size: 13px; color: var(--soi-gink-text-muted);\"\u003ePour la liste INCI complète, reportez-vous à l'étiquette du produit ou contactez Centifolia directement.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-gink-section\"\u003e\n    \u003ch2\u003ePour qui est fait ce shampooing douche corps et cheveux bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-gink-grid\"\u003e\n      \u003cdiv class=\"soi-gink-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧‍👦 Les familles\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez un seul produit fiable pour toute la maison ? Ce format 1 litre avec pompe répond à ce besoin au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gink-card\"\u003e\n        \u003ch3\u003e🌸 Les peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003eVotre peau est sensible ou réactive et tolère mal les formules classiques ? Cette formule ultra-douce a été conçue pour vous.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gink-card\"\u003e\n        \u003ch3\u003e🌱 Les adeptes du bio\u003c\/h3\u003e\n        \u003cp\u003eVous ne voulez pas sacrifier l'efficacité à l'éthique ? La certification Ecocert vous garantit une exigence sans compromis.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gink-card\"\u003e\n        \u003ch3\u003e🧳 Voyageurs et sportifs\u003c\/h3\u003e\n        \u003cp\u003eVous privilégiez la praticité d'un produit 3 en 1 ? Visage, corps et cheveux en un seul geste, même en déplacement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\n  \u003csection class=\"soi-gink-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-gink-cta-box\"\u003e\n      \u003cp class=\"soi-gink-cta-tag\" style=\"color: white;\"\u003eUn seul geste, toute la famille protégée\u003c\/p\u003e\n      \u003cp class=\"soi-gink-cta-text\" style=\"color: white;\"\u003eSimplicité, efficacité et naturalité : le shampooing-douche 3 en 1 certifié bio Centifolia au Ginkgo Biloba français, pour une peau douce, des cheveux soyeux et la conscience tranquille.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-gink-marine: #1A2D3D;\n  --soi-gink-marine-dark: #0F1E2B;\n  --soi-gink-marine-light: #2C4458;\n  --soi-gink-pomme: #A1C544;\n  --soi-gink-pomme-dark: #84A636;\n  --soi-gink-pomme-light: rgba(161,197,68,0.10);\n  --soi-gink-white: #FFFFFF;\n  --soi-gink-off-white: #F8FAF6;\n  --soi-gink-stone: #F1F3EE;\n  --soi-gink-line: #E5E8E0;\n  --soi-gink-primary: #7CB342;\n  --soi-gink-primary-soft: #E8F5E1;\n  --soi-gink-accent: #94C5A8;\n  --soi-gink-text: #1A2D3D;\n  --soi-gink-text-soft: #4A5B6B;\n  --soi-gink-text-muted: #7B8693;\n  --soi-gink-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-gink-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-gink-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-gink-radius: 12px;\n  --soi-gink-radius-sm: 8px;\n  --soi-gink-radius-pill: 999px;\n}\n\n.soi-gink-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gink-fiche img { max-width: 100%; height: auto; }\n\n.soi-gink-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-gink-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-gink-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-gink-hero {\n  position: relative;\n  background: var(--soi-gink-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-gink-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-gink-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-gink-pomme);\n}\n\n.soi-gink-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-gink-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-gink-pomme);\n  border-radius: 50%;\n}\n\n.soi-gink-hero-title {\n  display: block;\n  color: var(--soi-gink-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-gink-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-gink-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-gink-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-gink-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-gink-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-gink-label-accent {\n  background: var(--soi-gink-pomme);\n  border-color: var(--soi-gink-pomme);\n  color: var(--soi-gink-marine);\n  font-weight: 600;\n}\n\n.soi-gink-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gink-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-gink-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-gink-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-gink-pomme);\n  border-radius: 2px;\n}\n\n.soi-gink-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-gink-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-gink-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-gink-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-gink-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-gink-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-gink-benefit {\n  background: var(--soi-gink-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-gink-radius);\n  border: 1px solid var(--soi-gink-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gink-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-gink-shadow-md);\n}\n\n.soi-gink-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-gink-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-gink-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-gink-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-gink-benefit:hover .soi-gink-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-gink-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-gink-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-gink-benefit p {\n  font-size: 13px;\n  color: var(--soi-gink-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-gink-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-gink-card {\n  background: var(--soi-gink-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-gink-radius);\n  border-left: 3px solid var(--soi-gink-pomme);\n}\n\n.soi-gink-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-gink-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-gink-card p {\n  font-size: 14px;\n  color: var(--soi-gink-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-gink-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-gink-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-gink-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-gink-radius);\n  border: 1px solid var(--soi-gink-line);\n  align-items: flex-start;\n}\n\n.soi-gink-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-gink-marine);\n  color: var(--soi-gink-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-gink-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-gink-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-gink-step-content p {\n  font-size: 14px;\n  color: var(--soi-gink-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-gink-compo {\n  background: var(--soi-gink-off-white);\n  border-radius: var(--soi-gink-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-gink-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-gink-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-gink-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-gink-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-gink-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-gink-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-gink-marine);\n  text-align: right;\n}\n\n.soi-gink-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-gink-pomme-light);\n  border-left: 4px solid var(--soi-gink-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-gink-radius) var(--soi-gink-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-gink-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-gink-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-gink-marine);\n  margin-bottom: 4px;\n}\n\n.soi-gink-tip p {\n  font-size: 14px;\n  color: var(--soi-gink-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-gink-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-gink-accordion-item {\n  background: var(--soi-gink-off-white);\n  border-radius: var(--soi-gink-radius-sm);\n  border: 1px solid var(--soi-gink-line);\n  overflow: hidden;\n}\n\n.soi-gink-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-gink-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-gink-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-gink-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-gink-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-gink-accordion-item[open] .soi-gink-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-gink-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-gink-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-gink-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-gink-cta-box {\n  background: var(--soi-gink-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-gink-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-gink-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-gink-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-gink-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-gink-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-gink-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-gink-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-gink-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-gink-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-gink-compo-value {\n    text-align: left;\n  }\n\n  .soi-gink-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-gink-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-gink-fiche {\n    --soi-gink-text-soft: #2C3E50;\n    --soi-gink-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603375284554,"sku":"CE0201","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-douche-3-en-1-pour-toute-la-famille-certifie-bio--packshot.webp?v=1779436059"},{"product_id":"dentifrice-fluor-haleine-fraiche-intense-bio-centifolia","title":"Dentifrice fluor haleine fraîche intense Bio – Centifolia","description":"\u003cdiv class=\"soi-dent-fiche\"\u003e\n\n\u003csection class=\"soi-dent-hero\"\u003e\n  \u003cdiv class=\"soi-dent-hero-tag\"\u003e\n    \u003cspan class=\"soi-dent-tag-dot\"\u003e\u003c\/span\u003e\n    Hygiène bucco-dentaire · Centifolia\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-dent-hero-title\"\u003eFraîcheur intense, émail protégé au naturel\u003c\/span\u003e\n  \u003cp class=\"soi-dent-hero-subtitle\"\u003eUn dentifrice au fluor certifié bio, enrichi en extrait de Menthe verte BIO, pour une haleine fraîche longue durée et une protection complète de vos dents au quotidien.\u003c\/p\u003e\n  \u003cdiv class=\"soi-dent-hero-labels\"\u003e\n    \u003cspan class=\"soi-dent-label soi-dent-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n    \u003cspan class=\"soi-dent-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-dent-label\"\u003eVEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-dent-label\"\u003e99% NATUREL\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\"\u003e\n  \u003ch2\u003eFluor dans le dentifrice : utile ou dangereux ?\u003c\/h2\u003e\n  \u003cp\u003eLa question revient souvent : le fluor dans le dentifrice est-il vraiment sûr ? La réponse est claire : utilisé aux doses recommandées, le fluor reste l'actif de référence pour prévenir les caries et reminéraliser l'émail dentaire. Ce n'est qu'en cas d'ingestion excessive (surtout chez les jeunes enfants) qu'un risque de fluorose peut apparaître.\u003c\/p\u003e\n  \u003cp\u003eCe dentifrice fluor de Centifolia contient \u003cstrong\u003e1450 ppm de fluorure de sodium\u003c\/strong\u003e, conformément aux recommandations de l'UFSBD pour les adultes et les enfants à partir de 7 ans. Une concentration efficace, ni trop faible ni excessive, pour protéger vos dents en toute confiance.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\"\u003e\n  \u003ch2\u003eCe que ce dentifrice avec fluor fait vraiment pour vous\u003c\/h2\u003e\n  \u003cdiv class=\"soi-dent-benefits\"\u003e\n    \u003cdiv class=\"soi-dent-benefit\"\u003e\n      \u003cdiv class=\"soi-dent-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eHaleine fraîche intense\u003c\/h3\u003e\n      \u003cp\u003eL'extrait de Menthe verte BIO apporte une fraîcheur immédiate qui se prolonge bien après le brossage.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-dent-benefit\"\u003e\n      \u003cdiv class=\"soi-dent-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eProtection anti-carie renforcée\u003c\/h3\u003e\n      \u003cp\u003eLe fluor à 1450 ppm renforce l'émail et stoppe la déminéralisation avant qu'elle ne devienne un problème.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-dent-benefit\"\u003e\n      \u003cdiv class=\"soi-dent-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eÉlimination de la plaque dentaire\u003c\/h3\u003e\n      \u003cp\u003eLa formule nettoie en profondeur sans agresser les gencives ni l'émail.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-dent-benefit\"\u003e\n      \u003cdiv class=\"soi-dent-benefit-icon\"\u003e\u003cspan\u003e👨‍👩‍👧\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eConvient à toute la famille\u003c\/h3\u003e\n      \u003cp\u003eAdapté aux adultes et aux enfants dès 7 ans, avec 99 % d'ingrédients d'origine naturelle, sans paraben ni SLS.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\"\u003e\n  \u003ch2\u003eComposition complète du dentifrice Centifolia\u003c\/h2\u003e\n  \u003cp\u003eLa formule repose sur des ingrédients soigneusement sélectionnés, majoritairement d'origine naturelle et certifiés biologiques pour les extraits végétaux :\u003c\/p\u003e\n  \u003cdiv class=\"soi-dent-compo\"\u003e\n    \u003cdiv class=\"soi-dent-compo-row\"\u003e\n      \u003cspan class=\"soi-dent-compo-label\"\u003eListe INCI\u003c\/span\u003e\n      \u003cspan class=\"soi-dent-compo-value\" style=\"text-align:left; font-size:13px; font-weight:400; line-height:1.6; color:var(--soi-dent-text-soft);\"\u003eAqua, Hydrated Silica, Glycerin*, Xylitol, Sodium Fluoride (1450 ppm F), Mentha Viridis (Spearmint) Leaf Extract**, Cellulose Gum, Sodium Cocoyl Glutamate, Aroma, Xanthan Gum, Menthol, Citric Acid, Sodium Benzoate, Potassium Sorbate, Limonene.\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-dent-compo-row\"\u003e\n      \u003cspan class=\"soi-dent-compo-label\"\u003eTeneur en fluor\u003c\/span\u003e\n      \u003cspan class=\"soi-dent-compo-value\"\u003e1450 ppm (fluorure de sodium)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-dent-compo-row\"\u003e\n      \u003cspan class=\"soi-dent-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-dent-compo-value\"\u003e75 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-dent-compo-row\"\u003e\n      \u003cspan class=\"soi-dent-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n      \u003cspan class=\"soi-dent-compo-value\"\u003e99 % d'ingrédients d'origine naturelle\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cp style=\"font-size:0.85em; color:var(--soi-dent-text-muted); margin-top:0.75rem;\"\u003e* Ingrédient d'origine naturelle. ** Ingrédient issu de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\"\u003e\n  \u003ch2\u003eComment bien utiliser votre dentifrice au fluor Centifolia\u003c\/h2\u003e\n  \u003cdiv class=\"soi-dent-timeline\"\u003e\n    \u003cdiv class=\"soi-dent-step\"\u003e\n      \u003cdiv class=\"soi-dent-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-dent-step-content\"\u003e\n        \u003ch3\u003eAppliquez\u003c\/h3\u003e\n        \u003cp\u003eDéposez une noisette de dentifrice sur une brosse à dents humide. Pour les enfants de 7 à 12 ans : quantité réduite, sous surveillance adulte.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-dent-step\"\u003e\n      \u003cdiv class=\"soi-dent-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-dent-step-content\"\u003e\n        \u003ch3\u003eBrossez\u003c\/h3\u003e\n        \u003cp\u003eBrossez pendant 2 minutes minimum, matin et soir, en insistant sur la gencive et les espaces interdentaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-dent-step\"\u003e\n      \u003cdiv class=\"soi-dent-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-dent-step-content\"\u003e\n        \u003ch3\u003eCrachez sans rincer\u003c\/h3\u003e\n        \u003cp\u003eCrachez sans rincer abondamment pour laisser le fluor agir sur l'émail le plus longtemps possible.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-dent-tip\"\u003e\n    \u003cdiv class=\"soi-dent-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eNe rincez pas votre bouche à grande eau après le brossage : un simple crachat suffit. Le fluor continue ainsi de protéger votre émail entre les brossages.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\"\u003e\n  \u003ch2\u003eCertifications et engagements Centifolia\u003c\/h2\u003e\n  \u003cdiv class=\"soi-dent-grid\"\u003e\n    \u003cdiv class=\"soi-dent-card\"\u003e\n      \u003ch3\u003e🌱 COSMOS ORGANIC\u003c\/h3\u003e\n      \u003cp\u003eCertification internationale garantissant la conformité biologique des ingrédients et des procédés de fabrication.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-dent-card\"\u003e\n      \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n      \u003cp\u003eTraçabilité totale, savoir-faire local et engagement qualité depuis plus de 25 ans.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-dent-card\"\u003e\n      \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n      \u003cp\u003eAucun ingrédient d'origine animale, aucun test sur les animaux.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\"\u003e\n  \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n  \u003cdiv class=\"soi-dent-accordion\"\u003e\n    \u003cdetails class=\"soi-dent-accordion-item\"\u003e\n      \u003csummary class=\"soi-dent-accordion-header\"\u003e👶 Enfants et âge minimum\u003c\/summary\u003e\n      \u003cdiv class=\"soi-dent-accordion-content\"\u003e\n        \u003cp\u003eDéconseillé aux enfants de moins de 7 ans. Pour les enfants de 7 à 12 ans, l'utilisation doit se faire sous surveillance adulte avec une quantité réduite de dentifrice.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-dent-accordion-item\"\u003e\n      \u003csummary class=\"soi-dent-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n      \u003cdiv class=\"soi-dent-accordion-content\"\u003e\n        \u003cp\u003eCe produit convient aux femmes enceintes ou allaitantes. Consultez votre professionnel de santé en cas de doute.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-dent-accordion-item\"\u003e\n      \u003csummary class=\"soi-dent-accordion-header\"\u003e⚠️ Fluor : ne pas avaler\u003c\/summary\u003e\n      \u003cdiv class=\"soi-dent-accordion-content\"\u003e\n        \u003cp\u003eContient du fluor : ne pas avaler. Tenir hors de portée des enfants en bas âge.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-dent-cta-box\"\u003e\n    \u003cp class=\"soi-dent-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, sourire après sourire\u003c\/p\u003e\n    \u003cp class=\"soi-dent-cta-text\" style=\"color: white;\"\u003eFraîcheur intense, émail protégé, formule bio certifiée : le Dentifrice Fluor Haleine Fraîche Intense de Centifolia prouve qu'un dentifrice au fluor peut être naturel, efficace et respectueux. Brossage après brossage, vous prenez soin de vos dents sans compromis sur la naturalité.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-dent-marine: #1A2D3D;\n  --soi-dent-marine-dark: #0F1E2B;\n  --soi-dent-marine-light: #2C4458;\n  --soi-dent-pomme: #A1C544;\n  --soi-dent-pomme-dark: #84A636;\n  --soi-dent-pomme-light: rgba(161,197,68,0.10);\n  --soi-dent-white: #FFFFFF;\n  --soi-dent-off-white: #F8FAF6;\n  --soi-dent-stone: #F1F3EE;\n  --soi-dent-line: #E5E8E0;\n  --soi-dent-primary: #3D8B4A;\n  --soi-dent-primary-soft: #E8F3EA;\n  --soi-dent-accent: #94C5A8;\n  --soi-dent-text: #1A2D3D;\n  --soi-dent-text-soft: #4A5B6B;\n  --soi-dent-text-muted: #7B8693;\n  --soi-dent-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-dent-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-dent-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-dent-radius: 12px;\n  --soi-dent-radius-sm: 8px;\n  --soi-dent-radius-pill: 999px;\n}\n\n.soi-dent-fiche * {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n.soi-dent-fiche img {\n  max-width: 100%;\n  height: auto;\n}\n\n.soi-dent-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-dent-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-dent-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-dent-hero {\n  position: relative;\n  background: var(--soi-dent-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-dent-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-dent-hero::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 4px;\n  background: var(--soi-dent-pomme);\n}\n\n.soi-dent-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-dent-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-dent-pomme);\n  border-radius: 50%;\n}\n\n.soi-dent-hero-title {\n  display: block;\n  color: var(--soi-dent-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-dent-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-dent-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-dent-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-dent-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-dent-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-dent-label-accent {\n  background: var(--soi-dent-pomme);\n  border-color: var(--soi-dent-pomme);\n  color: var(--soi-dent-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-dent-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-dent-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-dent-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-dent-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-dent-pomme);\n  border-radius: 2px;\n}\n\n.soi-dent-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-dent-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-dent-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-dent-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-dent-benefit {\n  background: var(--soi-dent-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-dent-radius);\n  border: 1px solid var(--soi-dent-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-dent-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-dent-shadow-md);\n}\n\n.soi-dent-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-dent-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-dent-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-dent-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-dent-benefit:hover .soi-dent-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-dent-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-dent-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-dent-benefit p {\n  font-size: 13px;\n  color: var(--soi-dent-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-dent-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-dent-card {\n  background: var(--soi-dent-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-dent-radius);\n  border-left: 3px solid var(--soi-dent-pomme);\n}\n\n.soi-dent-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-dent-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-dent-card p {\n  font-size: 14px;\n  color: var(--soi-dent-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-dent-compo {\n  background: var(--soi-dent-off-white);\n  border-radius: var(--soi-dent-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-dent-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-dent-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-dent-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-dent-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-dent-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  flex-shrink: 0;\n}\n\n.soi-dent-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-dent-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-dent-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-dent-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-dent-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-dent-radius);\n  border: 1px solid var(--soi-dent-line);\n  align-items: flex-start;\n}\n\n.soi-dent-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-dent-marine);\n  color: var(--soi-dent-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-dent-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-dent-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-dent-step-content p {\n  font-size: 14px;\n  color: var(--soi-dent-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-dent-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-dent-pomme-light);\n  border-left: 4px solid var(--soi-dent-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-dent-radius) var(--soi-dent-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-dent-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-dent-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-dent-marine);\n  margin-bottom: 4px;\n}\n\n.soi-dent-tip p {\n  font-size: 14px;\n  color: var(--soi-dent-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-dent-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-dent-accordion-item {\n  background: var(--soi-dent-off-white);\n  border-radius: var(--soi-dent-radius-sm);\n  border: 1px solid var(--soi-dent-line);\n  overflow: hidden;\n}\n\n.soi-dent-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-dent-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-dent-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-dent-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-dent-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-dent-accordion-item[open] .soi-dent-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-dent-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-dent-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-dent-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-dent-cta-box {\n  background: var(--soi-dent-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-dent-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-dent-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-dent-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-dent-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-dent-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-dent-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-dent-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-dent-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-dent-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-dent-compo-value {\n    text-align: left;\n  }\n\n  .soi-dent-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-dent-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-dent-fiche {\n    --soi-dent-text-soft: #2C3E50;\n    --soi-dent-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603378168138,"sku":"CE0475","price":3.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/dentifrice-fluor-haleine-fraiche-intense-bio-centifolia-packshot_11zon.webp?v=1781531281"},{"product_id":"soin-s-o-s-bucco-dentaire-propolis-miel-girofle-propolia","title":"Soin S.O.S. bucco-dentaire Propolis, Miel \u0026 Girofle – Propolia","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_AP0160_e426cd70-9f25-49d5-9dd6-924f87e052fc.jpg?v=1776180740\" alt=\"Photo d'une femme souriante\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003eLe Soin S.O.S. Bucco-Dentaire de Propolia est spécialement formulé pour \u003cstrong\u003ecalmer, apaiser, assainir et protéger la sphère buccale\u003c\/strong\u003e. Enrichi en propolis purifiante, en miel adoucissant et en huiles essentielles antibactériennes, il offre une solution naturelle pour le \u003cstrong\u003esoin des gencives et des dents\u003c\/strong\u003e.\u003c\/p\u003e\n\u003ch2\u003eCaractéristiques principales de ce soin\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormulation pure :\u003c\/strong\u003e Sans actifs ni colorants de synthèse, testé sous contrôle dermatologique pour une tolérance optimale.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApplication polyvalente :\u003c\/strong\u003e Peut être utilisé en application locale ou en bain de bouche dilué.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdapté à toute la famille :\u003c\/strong\u003e Convient aux adultes et aux enfants dès 6 ans.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits du soin bucco-dentaire propolis, girofle et cannelle\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCalme et apaise :\u003c\/strong\u003e La propolis et le miel apaisent les sensations d’inconfort.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAssainit et protège :\u003c\/strong\u003e Les huiles essentielles de clou de girofle, cannelle et romarin purifient et protègent la sphère buccale.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEffet apaisant :\u003c\/strong\u003e Utilisation régulière pour une bouche saine et confortable.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eEngagements qualité du soin Propolia\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eProduction locale :\u003c\/strong\u003e Développé, fabriqué et conditionné en Occitanie, garantissant un savoir-faire régional de haute qualité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients naturels et certifiés :\u003c\/strong\u003e Composé à 100% d’ingrédients d’origine naturelle, certifié Cosmos Natural.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEmballage écoresponsable :\u003c\/strong\u003e Flacon en verre recyclable, respectant l’environnement.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLe Soin S.O.S. Bucco-Dentaire de Propolia est idéal pour ceux qui cherchent une solution naturelle et efficace pour \u003cstrong\u003ele soin de leur bouche\u003c\/strong\u003e. Utilisé régulièrement, il apporte confort et \u003cstrong\u003ebien-être à la sphère buccale\u003c\/strong\u003e, tout en respectant l’environnement grâce à ses ingrédients naturels et son emballage écoresponsable.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603398254922,"sku":"AP0160","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soin-sos-bucco-dentaire-propolis-miel-girofle-propolia-packshot.webp?v=1781014788"},{"product_id":"shampoing-demelant-violet-certifie-bio-centifolia","title":"Shampoing démêlant violet certifié bio - Centifolia","description":"\u003cdiv class=\"soi-shvio-fiche\"\u003e\n\n\u003csection class=\"soi-shvio-hero\"\u003e\n  \u003cdiv class=\"soi-shvio-hero-tag\"\u003e\n    \u003cspan class=\"soi-shvio-tag-dot\"\u003e\u003c\/span\u003e\n    Cosmétiques et soins capillaires · Centifolia\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-shvio-hero-title\"\u003eShampoing démêlant violet certifié bio\u003c\/span\u003e\n  \u003cp class=\"soi-shvio-hero-subtitle\"\u003eNeutralisez les reflets jaunes et orangés de vos cheveux blonds, blancs ou gris grâce aux pigments naturels de myrtille bio française, dans une formule 2 en 1 validée par des coiffeurs professionnels.\u003c\/p\u003e\n  \u003cdiv class=\"soi-shvio-hero-labels\"\u003e\n    \u003cspan class=\"soi-shvio-label soi-shvio-label-accent\"\u003eBIO\u003c\/span\u003e\n    \u003cspan class=\"soi-shvio-label\"\u003eVEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-shvio-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-shvio-label\"\u003ePIGMENTS 100% NATURELS\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n  \u003ch2\u003eLe shampoing violet bio qui neutralise vraiment les reflets jaunes\u003c\/h2\u003e\n  \u003cp\u003eVous avez des cheveux blonds, blancs ou gris et ces reflets dorés, jaunes ou orangés qui ternissent votre couleur vous agacent ? Le \u003cstrong\u003eshampoing démêlant violet déjaunisseur 2 en 1 Centifolia\u003c\/strong\u003e apporte une réponse concrète, naturelle et certifiée bio. Contrairement aux formules conventionnelles, celui-ci mise sur des \u003cstrong\u003epigments violets et bleus 100% naturels\u003c\/strong\u003e issus de la myrtille bio française pour neutraliser les indésirables, sans compromettre la santé de votre fibre capillaire.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n  \u003ch2\u003eComment fonctionne un shampoing violet déjaunisseur ?\u003c\/h2\u003e\n  \u003cp\u003eLe principe repose sur la \u003cstrong\u003ethéorie des couleurs complémentaires\u003c\/strong\u003e : le violet annule le jaune, le bleu neutralise l'orange. Appliqués sur cheveux clairs, les pigments colorants se déposent temporairement sur la fibre pour \u003cstrong\u003erééquilibrer la teinte\u003c\/strong\u003e et redonner un éclat nacré ou cendré selon votre couleur naturelle. Le résultat est visible dès la première utilisation, avec un effet cumulatif au fil des lavages.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n  \u003ch2\u003eCe qui distingue la formule Centifolia\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shvio-benefits\"\u003e\n    \u003cdiv class=\"soi-shvio-benefit\"\u003e\n      \u003cdiv class=\"soi-shvio-benefit-icon\"\u003e\u003cspan\u003e🫐\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eMyrtille bio de France\u003c\/h3\u003e\n      \u003cp\u003eRiche en antioxydants et en pigments bleus-violets naturels, elle nourrit et apaise le cuir chevelu tout en agissant sur le reflet.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-benefit\"\u003e\n      \u003cdiv class=\"soi-shvio-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eDouble action 2 en 1\u003c\/h3\u003e\n      \u003cp\u003eCe produit combine shampoing lavant et après-shampoing démêlant en un seul geste, idéal pour gagner du temps sans sacrifier le soin.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-benefit\"\u003e\n      \u003cdiv class=\"soi-shvio-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eFormule certifiée bio et vegan\u003c\/h3\u003e\n      \u003cp\u003eSans ingrédients d'origine animale, sans sulfates agressifs, validée par des coiffeurs professionnels.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-benefit\"\u003e\n      \u003cdiv class=\"soi-shvio-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eNe tache pas la peau\u003c\/h3\u003e\n      \u003cp\u003eContrairement à de nombreux shampoings violets du marché, la formule est conçue pour ne pas laisser de traces sur le front ou les mains.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n  \u003ch2\u003ePour qui est-il fait ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shvio-grid\"\u003e\n    \u003cdiv class=\"soi-shvio-card\"\u003e\n      \u003ch3\u003e💛 Blonds naturels, méchés ou décolorés\u003c\/h3\u003e\n      \u003cp\u003eVous entretenez une coloration blonde froide ou souhaitez raviver l'éclat de votre blond naturel en atténuant les tons chauds indésirables.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-card\"\u003e\n      \u003ch3\u003e🤍 Cheveux gris ou blancs\u003c\/h3\u003e\n      \u003cp\u003eVous laissez pousser vos cheveux blancs naturellement et recherchez une chevelure plus lumineuse et unifiée, sans jaunissement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-shvio-tip\"\u003e\n    \u003cdiv class=\"soi-shvio-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eL'effet est subtil mais réel : les tons chauds s'atténuent, la chevelure paraît plus lumineuse et unifiée dès les premières utilisations.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n  \u003ch2\u003eComment l'utiliser pour un résultat optimal ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shvio-timeline\"\u003e\n    \u003cdiv class=\"soi-shvio-step\"\u003e\n      \u003cdiv class=\"soi-shvio-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-shvio-step-content\"\u003e\n        \u003ch3\u003eAppliquez et faites mousser\u003c\/h3\u003e\n        \u003cp\u003eDéposez une noix de produit sur cheveux mouillés et massez délicatement le cuir chevelu pour faire mousser.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-step\"\u003e\n      \u003cdiv class=\"soi-shvio-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-shvio-step-content\"\u003e\n        \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n        \u003cp\u003ePatientez \u003cstrong\u003e2 à 5 minutes\u003c\/strong\u003e selon l'intensité des reflets à neutraliser, puis rincez abondamment.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-step\"\u003e\n      \u003cdiv class=\"soi-shvio-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-shvio-step-content\"\u003e\n        \u003ch3\u003eFréquence recommandée\u003c\/h3\u003e\n        \u003cp\u003eUtilisez \u003cstrong\u003e1 à 2 fois par semaine\u003c\/strong\u003e en alternance avec votre shampoing habituel pour éviter un effet trop cendreux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n  \u003ch2\u003eComposition (liste INCI principale)\u003c\/h2\u003e\n  \u003cp\u003eFormule enrichie en \u003cstrong\u003eextrait de myrtille bio (Vaccinium myrtillus)\u003c\/strong\u003e, pigments naturels violets et bleus d'origine végétale, agents démêlants doux. Formule vegan, sans silicone, sans colorants synthétiques.\u003c\/p\u003e\n  \u003cp\u003e\u003cem\u003ePour la liste INCI complète, référez-vous à l'étiquetage du produit.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n  \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shvio-compo\"\u003e\n    \u003cdiv class=\"soi-shvio-compo-row\"\u003e\n      \u003cspan class=\"soi-shvio-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-shvio-compo-value\"\u003e200 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-compo-row\"\u003e\n      \u003cspan class=\"soi-shvio-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-shvio-compo-value\"\u003eBio, Vegan, Pigments 100% naturels\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-compo-row\"\u003e\n      \u003cspan class=\"soi-shvio-compo-label\"\u003eValidé par\u003c\/span\u003e\n      \u003cspan class=\"soi-shvio-compo-value\"\u003eDes coiffeurs professionnels\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-compo-row\"\u003e\n      \u003cspan class=\"soi-shvio-compo-label\"\u003eFabrication\u003c\/span\u003e\n      \u003cspan class=\"soi-shvio-compo-value\"\u003eFrance\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-shvio-cta-box\"\u003e\n    \u003cp class=\"soi-shvio-cta-tag\" style=\"color: white;\"\u003eVos cheveux méritent un éclat naturel\u003c\/p\u003e\n    \u003cp class=\"soi-shvio-cta-text\" style=\"color: white;\"\u003eFini les reflets qui trahissent votre couleur. Le shampoing violet bio Centifolia prend soin de vos cheveux blonds, blancs ou gris avec des pigments naturels issus de la myrtille française, sans agresser la fibre ni tacher la peau. Un geste simple, une formule honnête, un éclat retrouvé.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-shvio-marine: #1A2D3D;\n  --soi-shvio-marine-dark: #0F1E2B;\n  --soi-shvio-marine-light: #2C4458;\n  --soi-shvio-pomme: #A1C544;\n  --soi-shvio-pomme-dark: #84A636;\n  --soi-shvio-pomme-light: rgba(161,197,68,0.10);\n  --soi-shvio-white: #FFFFFF;\n  --soi-shvio-off-white: #F8FAF6;\n  --soi-shvio-stone: #F1F3EE;\n  --soi-shvio-line: #E5E8E0;\n  --soi-shvio-primary: #5B3FA0;\n  --soi-shvio-primary-soft: #7B68AE;\n  --soi-shvio-accent: #3D2B6E;\n  --soi-shvio-text: #1A2D3D;\n  --soi-shvio-text-soft: #4A5B6B;\n  --soi-shvio-text-muted: #7B8693;\n  --soi-shvio-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-shvio-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-shvio-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-shvio-radius: 12px;\n  --soi-shvio-radius-sm: 8px;\n  --soi-shvio-radius-pill: 999px;\n}\n\n.soi-shvio-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shvio-fiche img { max-width: 100%; height: auto; }\n\n.soi-shvio-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-shvio-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-shvio-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shvio-hero {\n  position: relative;\n  background: var(--soi-shvio-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-shvio-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-shvio-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-shvio-pomme);\n}\n\n.soi-shvio-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-shvio-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-shvio-pomme);\n  border-radius: 50%;\n}\n\n.soi-shvio-hero-title {\n  display: block;\n  color: var(--soi-shvio-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-shvio-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-shvio-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-shvio-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-shvio-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-shvio-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-shvio-label-accent {\n  background: var(--soi-shvio-pomme);\n  border-color: var(--soi-shvio-pomme);\n  color: var(--soi-shvio-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shvio-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shvio-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-shvio-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-shvio-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-shvio-pomme);\n  border-radius: 2px;\n}\n\n.soi-shvio-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-shvio-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-shvio-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shvio-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-shvio-benefit {\n  background: var(--soi-shvio-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-shvio-radius);\n  border: 1px solid var(--soi-shvio-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shvio-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-shvio-shadow-md);\n}\n\n.soi-shvio-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-shvio-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-shvio-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-shvio-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-shvio-benefit:hover .soi-shvio-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-shvio-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shvio-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shvio-benefit p {\n  font-size: 13px;\n  color: var(--soi-shvio-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shvio-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-shvio-card {\n  background: var(--soi-shvio-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shvio-radius);\n  border-left: 3px solid var(--soi-shvio-pomme);\n}\n\n.soi-shvio-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shvio-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shvio-card p {\n  font-size: 14px;\n  color: var(--soi-shvio-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-shvio-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-shvio-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-shvio-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shvio-radius);\n  border: 1px solid var(--soi-shvio-line);\n  align-items: flex-start;\n}\n\n.soi-shvio-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-shvio-marine);\n  color: var(--soi-shvio-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-shvio-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-shvio-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-shvio-step-content p {\n  font-size: 14px;\n  color: var(--soi-shvio-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-shvio-compo {\n  background: var(--soi-shvio-off-white);\n  border-radius: var(--soi-shvio-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-shvio-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-shvio-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-shvio-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-shvio-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-shvio-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-shvio-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-shvio-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-shvio-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-shvio-pomme-light);\n  border-left: 4px solid var(--soi-shvio-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-shvio-radius) var(--soi-shvio-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-shvio-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-shvio-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-shvio-marine);\n  margin-bottom: 4px;\n}\n\n.soi-shvio-tip p {\n  font-size: 14px;\n  color: var(--soi-shvio-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shvio-cta-box {\n  background: var(--soi-shvio-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-shvio-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-shvio-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-shvio-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-shvio-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-shvio-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-shvio-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 500;\n  color: var(--soi-shvio-white);\n  line-height: 1.5;\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-shvio-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-shvio-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-shvio-compo-value {\n    text-align: left;\n  }\n\n  .soi-shvio-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-shvio-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-shvio-fiche {\n    --soi-shvio-text-soft: #2C3E50;\n    --soi-shvio-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603400581450,"sku":"CE0560","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-demelant-violet-certifie-bio-centifolia-packshot_ef705352-d9c2-4eb1-b327-c30cd63929d2.webp?v=1779448758"},{"product_id":"bain-de-bouche-concentre-2-en-1-certifie-bio-centifolia","title":"Bain de bouche concentré 2-en-1 certifié Bio - Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLe Bain de Bouche Concentré 2-en-1 de Centifolia\u003c\/strong\u003e est conçu pour offrir une haleine fraîche et protéger les gencives sensibles. Ce flacon de 250 ml contient de l'extrait de Menthe verte bio, apportant un goût mentholé agréable et une fraîcheur durable. La formule, \u003cstrong\u003esans fluor et sans alcool\u003c\/strong\u003e, peut être \u003cstrong\u003eutilisée pure ou diluée\u003c\/strong\u003e, permettant ainsi jusqu'à deux fois plus d'utilisations.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0565_a6e9dddb-0c39-4def-a5d3-a2c872ad832a.jpg?v=1776180741\" alt=\"Photo d'une femme en train de se brosser les dents\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques et bienfait du Bain de bouche concentré Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédient principal :\u003c\/strong\u003e L'extrait de Menthe verte bio, reconnu pour ses propriétés rafraîchissantes et apaisantes, est l'ingrédient clé de ce bain de bouche. Il procure une fraîcheur immédiate et durable, contribuant à une haleine agréable tout au long de la journée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule douce :\u003c\/strong\u003e Sans fluor ni alcool, cette formule est idéale pour les personnes ayant des gencives sensibles. Elle apaise et prend soin des gencives tout en éliminant les impuretés et les bactéries responsables de la mauvaise haleine.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUtilisation flexible :\u003c\/strong\u003e Ce bain de bouche peut être utilisé pur pour une action intense ou dilué pour une utilisation plus douce, offrant ainsi une grande flexibilité d'utilisation.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVolume pratique :\u003c\/strong\u003e Le flacon de 250 ml permet de réaliser jusqu'à 500 ml de solution diluée, offrant une utilisation prolongée et économique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdapté à toute la famille :\u003c\/strong\u003e Convient aux enfants à partir de 6 ans, aux femmes enceintes, et aux personnes vegans, grâce à sa composition naturelle et respectueuse de tous.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLe Bain de Bouche Concentré 2-en-1 de Centifolia\u003c\/strong\u003e est le choix idéal pour ceux qui cherchent une \u003cstrong\u003esolution naturelle et efficace\u003c\/strong\u003e pour maintenir une \u003cstrong\u003ehaleine fraîche et des gencives en bonne santé\u003c\/strong\u003e. Sa formule douce et adaptable répond aux besoins de toute la famille, offrant \u003cstrong\u003eune protection et une fraîcheur\u003c\/strong\u003e incomparables.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603401072970,"sku":"CE0565","price":6.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0565_bain_de_bouche_4adc4635-c03b-41ea-9eeb-68ca65a943c2.jpg?v=1778842954"},{"product_id":"spray-anti-punaise-de-lit-aromaspray","title":"Spray anti Punaise de lit - Aromaspray","description":"\u003cdiv class=\"soi-aspu-fiche\"\u003e\n\u003csection class=\"soi-aspu-hero\"\u003e\n\u003cdiv class=\"soi-aspu-hero-tag\"\u003e\n\u003cspan class=\"soi-aspu-tag-dot\"\u003e\u003c\/span\u003e Aromathérapie atmosphérique · Aromaspray\u003c\/div\u003e\n\u003cspan class=\"soi-aspu-hero-title\"\u003eUne solution naturelle pour des nuits sereines\u003c\/span\u003e\n\u003cp class=\"soi-aspu-hero-subtitle\"\u003eUne solution 100 % naturelle aux huiles essentielles de Lavande et Tea Tree pour protéger votre literie et agir contre les punaises de lit et autres parasites rampants.\u003c\/p\u003e\n\u003cdiv class=\"soi-aspu-hero-labels\"\u003e\n\u003cspan class=\"soi-aspu-label soi-aspu-label-accent\"\u003e100 % NATUREL\u003c\/span\u003e \u003cspan class=\"soi-aspu-label\"\u003eAUX HUILES ESSENTIELLES\u003c\/span\u003e \u003cspan class=\"soi-aspu-label\"\u003eSANS DEET\u003c\/span\u003e \u003cspan class=\"soi-aspu-label\"\u003eCURATIF \u0026amp; PRÉVENTIF\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"soi-aspu-section\"\u003e\n\u003ch2\u003eSpray Anti Punaise de Lit Aromaspray : traitement naturel aux huiles essentielles\u003c\/h2\u003e\n\u003cp\u003eVous avez découvert des traces de piqûres, des taches suspectes sur votre matelas ou vous souhaitez simplement protéger votre literie par précaution ? Le \u003cstrong\u003eSpray Anti Punaise de Lit Aromaspray\u003c\/strong\u003e est une solution 100 % naturelle, formulée aux huiles essentielles, pour agir efficacement contre les punaises de lit et autres parasites rampants, sans recourir à des insecticides chimiques agressifs.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"soi-aspu-section\"\u003e\n\u003ch2\u003ePourquoi choisir un traitement naturel contre les punaises de lit ?\u003c\/h2\u003e\n\u003cp\u003eFace à une infestation, le réflexe est souvent de chercher un \u003cstrong\u003etraitement en pharmacie\u003c\/strong\u003e, parfois à base de produits puissants mais peu adaptés à une utilisation régulière à domicile. Le spray Aromaspray propose une alternative sérieuse : une formule végétale, sans DEET, utilisable aussi bien en \u003cstrong\u003etraitement curatif\u003c\/strong\u003e sur les zones infestées qu'en \u003cstrong\u003eprévention\u003c\/strong\u003e lors d'un voyage, après un achat de meubles d'occasion ou en hôtel.\u003c\/p\u003e\n\u003cp\u003eParticulièrement utile si vous habitez en milieu urbain, ce type de traitement naturel répond à une demande croissante de solutions efficaces et respectueuses de votre environnement intérieur.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"soi-aspu-section\"\u003e\n\u003ch2\u003eComposition : des huiles essentielles reconnues pour leurs propriétés insectifuges\u003c\/h2\u003e\n\u003cdiv class=\"soi-aspu-grid\"\u003e\n\u003cdiv class=\"soi-aspu-card\"\u003e\n\u003ch3\u003e💜 Huile essentielle de Lavande\u003c\/h3\u003e\n\u003cp\u003eRépulsif naturel éprouvé, elle agit sur le système nerveux des insectes tout en laissant un parfum doux et apaisant dans votre chambre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-aspu-card\"\u003e\n\u003ch3\u003e🌿 Huile essentielle de Tea Tree\u003c\/h3\u003e\n\u003cp\u003eAux propriétés insecticides et antiseptiques, elle contribue à éliminer les parasites présents et à assainir les surfaces traitées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-aspu-tip\"\u003e\n\u003cdiv class=\"soi-aspu-tip-icon\"\u003e🧪\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eFormule transparente\u003c\/strong\u003e\n\u003cp\u003eCes deux actifs constituent le cœur de ce traitement naturel, sans perturbateur endocrinien, sans perméthrine ni résidu chimique nocif pour votre famille ou vos animaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"soi-aspu-section\"\u003e\n\u003ch2\u003eContre quels nuisibles ce spray est-il efficace ?\u003c\/h2\u003e\n\u003cdiv class=\"soi-aspu-benefits\"\u003e\n\u003cdiv class=\"soi-aspu-benefit\"\u003e\n\u003cdiv class=\"soi-aspu-benefit-icon\"\u003e\u003cspan\u003e🛏️\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003ePunaises de lit\u003c\/h3\u003e\n\u003cp\u003eCimex lectularius, la cible principale du spray.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-aspu-benefit\"\u003e\n\u003cdiv class=\"soi-aspu-benefit-icon\"\u003e\u003cspan\u003e🪳\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eCafards et blattes\u003c\/h3\u003e\n\u003cp\u003eInsectes rampants fréquents en milieu urbain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-aspu-benefit\"\u003e\n\u003cdiv class=\"soi-aspu-benefit-icon\"\u003e\u003cspan\u003e🐛\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eMille-pattes\u003c\/h3\u003e\n\u003cp\u003eParasites d'humidité difficiles à déloger.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-aspu-benefit\"\u003e\n\u003cdiv class=\"soi-aspu-benefit-icon\"\u003e\u003cspan\u003e🪲\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003ePunaises de bois\u003c\/h3\u003e\n\u003cp\u003eNuisibles présents en intérieur comme en extérieur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"soi-aspu-section\"\u003e\n\u003ch2\u003eComment utiliser le Spray Aromaspray contre les punaises de lit ?\u003c\/h2\u003e\n\u003cdiv class=\"soi-aspu-timeline\"\u003e\n\u003cdiv class=\"soi-aspu-step\"\u003e\n\u003cdiv class=\"soi-aspu-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"soi-aspu-step-content\"\u003e\n\u003ch3\u003eEn traitement direct\u003c\/h3\u003e\n\u003cp\u003ePulvérisez généreusement sur les coutures du matelas, les lattes du sommier, les plinthes, les recoins de mobilier et toute zone susceptible d'abriter des punaises ou leurs œufs. Renouvelez l'opération tous les 2 à 3 jours pendant 2 à 3 semaines pour couvrir le cycle de reproduction.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-aspu-step\"\u003e\n\u003cdiv class=\"soi-aspu-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"soi-aspu-step-content\"\u003e\n\u003ch3\u003eEn prévention\u003c\/h3\u003e\n\u003cp\u003eUn passage rapide sur la literie avant un voyage ou dès votre retour suffit à créer une barrière répulsive. C'est la méthode la plus simple pour éviter une infestation, surtout si vous séjournez souvent en hôtel ou en location.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-aspu-step\"\u003e\n\u003cdiv class=\"soi-aspu-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"soi-aspu-step-content\"\u003e\n\u003ch3\u003eConseil pratique\u003c\/h3\u003e\n\u003cp\u003eAérez la pièce après application et laissez sécher avant de remettre la literie en place. Pour un traitement complet, associez ce spray à un lavage à 60 °C de tout le linge de lit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"soi-aspu-section\"\u003e\n\u003ch2\u003eCe que ce spray ne remplace pas\u003c\/h2\u003e\n\u003cdiv class=\"soi-aspu-accordion\"\u003e\n\u003cdetails class=\"soi-aspu-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"soi-aspu-accordion-header\"\u003e⚠️ Infestation sévère : quand faire appel à un professionnel ?\u003c\/summary\u003e\n\u003cdiv class=\"soi-aspu-accordion-content\"\u003e\n\u003cp\u003eEn cas d'infestation sévère avérée, ce produit doit s'inscrire dans une démarche globale. Il ne se substitue pas à l'intervention d'un professionnel en désinsectisation, mais constitue un appui efficace pour les infestations légères à modérées et une protection préventive au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"soi-aspu-section\"\u003e\n\u003ch2\u003eCaractéristiques clés du spray\u003c\/h2\u003e\n\u003cdiv class=\"soi-aspu-compo\"\u003e\n\u003cdiv class=\"soi-aspu-compo-row\"\u003e\n\u003cspan class=\"soi-aspu-compo-label\"\u003eFormule\u003c\/span\u003e \u003cspan class=\"soi-aspu-compo-value\"\u003e100 % naturelle, aux huiles essentielles de Lavande et Tea Tree\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-aspu-compo-row\"\u003e\n\u003cspan class=\"soi-aspu-compo-label\"\u003eUsage\u003c\/span\u003e \u003cspan class=\"soi-aspu-compo-value\"\u003eCuratif et préventif\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-aspu-compo-row\"\u003e\n\u003cspan class=\"soi-aspu-compo-label\"\u003eCibles\u003c\/span\u003e \u003cspan class=\"soi-aspu-compo-value\"\u003ePunaises de lit, cafards, mille-pattes, punaises de bois\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-aspu-compo-row\"\u003e\n\u003cspan class=\"soi-aspu-compo-label\"\u003eApplication\u003c\/span\u003e \u003cspan class=\"soi-aspu-compo-value\"\u003ePulvérisation directe, facile et rapide\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-aspu-compo-row\"\u003e\n\u003cspan class=\"soi-aspu-compo-label\"\u003eSans\u003c\/span\u003e \u003cspan class=\"soi-aspu-compo-value\"\u003eDEET, perméthrine ni produits chimiques de synthèse\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-aspu-compo-row\"\u003e\n\u003cspan class=\"soi-aspu-compo-label\"\u003eConvient\u003c\/span\u003e \u003cspan class=\"soi-aspu-compo-value\"\u003eAux foyers avec enfants et animaux domestiques (usage raisonné)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"soi-aspu-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"soi-aspu-cta-box\"\u003e\n\u003cp class=\"soi-aspu-cta-tag\" style=\"color: white;\"\u003eRetrouvez des nuits sereines\u003c\/p\u003e\n\u003cp class=\"soi-aspu-cta-text\" style=\"color: white;\"\u003eDormir sans craindre les piqûres ni les traces suspectes au réveil, c'est possible avec une solution naturelle et concrète. Votre literie mérite mieux que des compromis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --soi-aspu-marine: #1A2D3D;\n  --soi-aspu-marine-dark: #0F1E2B;\n  --soi-aspu-marine-light: #2C4458;\n  --soi-aspu-pomme: #A1C544;\n  --soi-aspu-pomme-dark: #84A636;\n  --soi-aspu-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-aspu-white: #FFFFFF;\n  --soi-aspu-off-white: #F8FAF6;\n  --soi-aspu-stone: #F1F3EE;\n  --soi-aspu-line: #E5E8E0;\n\n  --soi-aspu-primary: #8B6543;\n  --soi-aspu-primary-soft: #A8845E;\n  --soi-aspu-accent: #D4A52A;\n\n  --soi-aspu-text: #1A2D3D;\n  --soi-aspu-text-soft: #4A5B6B;\n  --soi-aspu-text-muted: #7B8693;\n\n  --soi-aspu-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-aspu-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-aspu-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-aspu-radius: 12px;\n  --soi-aspu-radius-sm: 8px;\n  --soi-aspu-radius-pill: 999px;\n}\n\n.soi-aspu-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-aspu-fiche img { max-width: 100%; height: auto; }\n\n.soi-aspu-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-aspu-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-aspu-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-aspu-hero {\n  position: relative;\n  background: var(--soi-aspu-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-aspu-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-aspu-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-aspu-pomme);\n}\n\n.soi-aspu-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-aspu-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-aspu-pomme);\n  border-radius: 50%;\n}\n\n.soi-aspu-hero-title {\n  display: block;\n  color: var(--soi-aspu-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-aspu-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-aspu-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-aspu-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-aspu-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-aspu-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-aspu-label-accent {\n  background: var(--soi-aspu-pomme);\n  border-color: var(--soi-aspu-pomme);\n  color: var(--soi-aspu-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-aspu-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-aspu-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-aspu-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-aspu-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-aspu-pomme);\n  border-radius: 2px;\n}\n\n.soi-aspu-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-aspu-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-aspu-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-aspu-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-aspu-benefit {\n  background: var(--soi-aspu-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-aspu-radius);\n  border: 1px solid var(--soi-aspu-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-aspu-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-aspu-shadow-md);\n}\n\n.soi-aspu-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-aspu-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-aspu-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-aspu-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-aspu-benefit:hover .soi-aspu-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-aspu-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-aspu-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-aspu-benefit p {\n  font-size: 13px;\n  color: var(--soi-aspu-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-aspu-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-aspu-card {\n  background: var(--soi-aspu-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-aspu-radius);\n  border-left: 3px solid var(--soi-aspu-pomme);\n}\n\n.soi-aspu-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-aspu-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-aspu-card p {\n  font-size: 14px;\n  color: var(--soi-aspu-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-aspu-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-aspu-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-aspu-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-aspu-radius);\n  border: 1px solid var(--soi-aspu-line);\n  align-items: flex-start;\n}\n\n.soi-aspu-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-aspu-marine);\n  color: var(--soi-aspu-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-aspu-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-aspu-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-aspu-step-content p {\n  font-size: 14px;\n  color: var(--soi-aspu-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-aspu-compo {\n  background: var(--soi-aspu-off-white);\n  border-radius: var(--soi-aspu-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-aspu-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-aspu-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-aspu-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-aspu-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-aspu-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-aspu-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-aspu-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-aspu-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-aspu-pomme-light);\n  border-left: 4px solid var(--soi-aspu-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-aspu-radius) var(--soi-aspu-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-aspu-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-aspu-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-aspu-marine);\n  margin-bottom: 4px;\n}\n\n.soi-aspu-tip p {\n  font-size: 14px;\n  color: var(--soi-aspu-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-aspu-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-aspu-accordion-item {\n  background: var(--soi-aspu-off-white);\n  border-radius: var(--soi-aspu-radius-sm);\n  border: 1px solid var(--soi-aspu-line);\n  overflow: hidden;\n}\n\n.soi-aspu-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-aspu-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-aspu-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-aspu-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-aspu-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-aspu-accordion-item[open] .soi-aspu-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-aspu-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-aspu-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-aspu-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-aspu-cta-box {\n  background: var(--soi-aspu-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-aspu-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-aspu-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-aspu-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-aspu-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-aspu-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-aspu-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-aspu-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-aspu-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-aspu-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-aspu-compo-value {\n    text-align: left;\n  }\n\n  .soi-aspu-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-aspu-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-aspu-fiche {\n    --soi-aspu-text-soft: #2C3E50;\n    --soi-aspu-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61603404710218,"sku":"SC8615","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/spray-anti-punaise-lits-nuisibles-aromaspray_11zon.webp?v=1781945923"},{"product_id":"savon-actif-propolis-miel-et-karite-propolia","title":"Savon actif Propolis, Miel et Karité - Propolia","description":"\u003cdiv class=\"soi-spro-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-spro-hero\"\u003e\n    \u003cdiv class=\"soi-spro-hero-tag\"\u003e\n      \u003cspan class=\"soi-spro-tag-dot\"\u003e\u003c\/span\u003e\n      Apithérapie · Propolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-spro-hero-title\"\u003e1 savon, 3 ingrédients\u003c\/span\u003e\n    \u003cp class=\"soi-spro-hero-subtitle\"\u003ePurifier, réparer et nourrir votre peau au quotidien grâce à trois actifs naturels d'exception issus de la ruche et du karité, certifiés bio.\u003c\/p\u003e\n    \u003cdiv class=\"soi-spro-hero-labels\"\u003e\n      \u003cspan class=\"soi-spro-label soi-spro-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-spro-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-spro-label\"\u003eSANS PARABÈNE\u003c\/span\u003e\n      \u003cspan class=\"soi-spro-label\"\u003eSANS SULFATE\u003c\/span\u003e\n      \u003cspan class=\"soi-spro-label\"\u003e97 % NATUREL\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : Purifier, réparer et nourrir au naturel --\u003e\n  \u003csection class=\"soi-spro-section\"\u003e\n    \u003ch2\u003eSavon actif Propolis, Miel et Karité : purifier, réparer et nourrir au naturel\u003c\/h2\u003e\n    \u003cp\u003eVous cherchez un savon capable de nettoyer vraiment en profondeur, sans agresser votre peau ni la dessécher ? Le savon actif propolis miel et karité Propolia est fait pour vous. Certifié COSMOS Organic et fabriqué en France (Occitanie), il combine trois actifs naturels d'exception pour un soin complet, visage et corps, adapté à toute la famille dès 3 ans.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Pourquoi ce savon fait la différence --\u003e\n  \u003csection class=\"soi-spro-section\"\u003e\n    \u003ch2\u003ePourquoi ce savon miel et propolis fait la différence\u003c\/h2\u003e\n    \u003cp class=\"soi-spro-section-intro\"\u003eContrairement à un savon classique, ce soin actif ne se contente pas de nettoyer la surface. Chaque ingrédient a un rôle précis :\u003c\/p\u003e\n    \u003cdiv class=\"soi-spro-benefits\"\u003e\n      \u003cdiv class=\"soi-spro-benefit\"\u003e\n        \u003cdiv class=\"soi-spro-benefit-icon\"\u003e\u003cspan\u003e🐝\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePropolis bio\u003c\/h3\u003e\n        \u003cp\u003eRésine naturelle produite par les abeilles, reconnue pour ses propriétés purifiantes et protectrices. Elle aide à assainir les peaux à tendance acnéique et à limiter les imperfections.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-benefit\"\u003e\n        \u003cdiv class=\"soi-spro-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eMiel bio\u003c\/h3\u003e\n        \u003cp\u003eDoux, apaisant et réparateur, il hydrate la peau tout en la protégeant des agressions extérieures. Idéal pour les peaux sensibles ou réactives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-benefit\"\u003e\n        \u003cdiv class=\"soi-spro-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eBeurre de karité bio\u003c\/h3\u003e\n        \u003cp\u003eRiche en acides gras essentiels, il nourrit et adoucit la peau durablement, sans laisser de sensation grasse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-benefit\"\u003e\n        \u003cdiv class=\"soi-spro-benefit-icon\"\u003e\u003cspan\u003e💐\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHuiles essentielles\u003c\/h3\u003e\n        \u003cp\u003eLa lavande et le romarin apportent une odeur fraîche et naturelle, tout en renforçant l'action purifiante du savon.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-spro-tip\"\u003e\n      \u003cdiv class=\"soi-spro-tip-icon\"\u003e✨\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe résultat\u003c\/strong\u003e\n        \u003cp\u003eUne peau propre, équilibrée, douce au toucher, sans tiraillement après le rinçage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : Pour qui --\u003e\n  \u003csection class=\"soi-spro-section\"\u003e\n    \u003ch2\u003ePour qui est ce savon miel propolis bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-spro-grid\"\u003e\n      \u003cdiv class=\"soi-spro-card\"\u003e\n        \u003ch3\u003e🎯 Peaux à imperfections ou acnéiques\u003c\/h3\u003e\n        \u003cp\u003eLa propolis aide à assainir sans irriter, ce qui en fait une alternative naturelle sérieuse aux savons chimiques anti-acné.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-card\"\u003e\n        \u003ch3\u003e🤍 Peaux sensibles ou sèches\u003c\/h3\u003e\n        \u003cp\u003eLe karité et le miel compensent l'effet nettoyant pour éviter toute sensation d'inconfort.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n        \u003cp\u003eFormulé pour les adultes comme pour les enfants dès 3 ans, il s'utilise au quotidien sur le visage et le corps.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Composition --\u003e\n  \u003csection class=\"soi-spro-section\"\u003e\n    \u003ch2\u003eComposition du savon actif Propolia (INCI)\u003c\/h2\u003e\n    \u003cp class=\"soi-spro-section-intro\"\u003eCe savon contient 97 % d'ingrédients d'origine naturelle, dont une part certifiée biologique. Principaux actifs :\u003c\/p\u003e\n    \u003cdiv class=\"soi-spro-compo\"\u003e\n      \u003cdiv class=\"soi-spro-compo-row\"\u003e\n        \u003cspan class=\"soi-spro-compo-label\"\u003eActif principal\u003c\/span\u003e\n        \u003cspan class=\"soi-spro-compo-value\"\u003ePropolis bio (extrait)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-compo-row\"\u003e\n        \u003cspan class=\"soi-spro-compo-label\"\u003eActif hydratant\u003c\/span\u003e\n        \u003cspan class=\"soi-spro-compo-value\"\u003eMiel bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-compo-row\"\u003e\n        \u003cspan class=\"soi-spro-compo-label\"\u003eActif nourrissant\u003c\/span\u003e\n        \u003cspan class=\"soi-spro-compo-value\"\u003eBeurre de karité bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-compo-row\"\u003e\n        \u003cspan class=\"soi-spro-compo-label\"\u003eHuiles essentielles\u003c\/span\u003e\n        \u003cspan class=\"soi-spro-compo-value\"\u003eLavande vraie, Romarin\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-compo-row\"\u003e\n        \u003cspan class=\"soi-spro-compo-label\"\u003ePoids net\u003c\/span\u003e\n        \u003cspan class=\"soi-spro-compo-value\"\u003e100 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-compo-row\"\u003e\n        \u003cspan class=\"soi-spro-compo-label\"\u003eFormule\u003c\/span\u003e\n        \u003cspan class=\"soi-spro-compo-value\"\u003eSans parabène, sans sulfate, sans colorant artificiel\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-spro-tip\"\u003e\n      \u003cdiv class=\"soi-spro-tip-icon\"\u003e⚠️\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eUsage externe uniquement\u003c\/strong\u003e\n        \u003cp\u003eCe savon n'est pas un complément alimentaire : il est exclusivement réservé à un usage cutané externe.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 : Mode d'emploi --\u003e\n  \u003csection class=\"soi-spro-section\"\u003e\n    \u003ch2\u003eComment utiliser le savon propolis miel et karité ?\u003c\/h2\u003e\n    \u003cp class=\"soi-spro-section-intro\"\u003eSon utilisation est simple et adaptée à votre routine quotidienne :\u003c\/p\u003e\n    \u003cdiv class=\"soi-spro-timeline\"\u003e\n      \u003cdiv class=\"soi-spro-step\"\u003e\n        \u003cdiv class=\"soi-spro-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-spro-step-content\"\u003e\n          \u003ch3\u003eMouillez\u003c\/h3\u003e\n          \u003cp\u003eMouillez votre visage ou votre corps à l'eau tiède.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-step\"\u003e\n        \u003cdiv class=\"soi-spro-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-spro-step-content\"\u003e\n          \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n          \u003cp\u003eFaites mousser le savon entre vos mains ou directement sur la peau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-step\"\u003e\n        \u003cdiv class=\"soi-spro-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-spro-step-content\"\u003e\n          \u003ch3\u003eMassez et rincez\u003c\/h3\u003e\n          \u003cp\u003eMassez doucement en mouvements circulaires, puis rincez abondamment.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-step\"\u003e\n        \u003cdiv class=\"soi-spro-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-spro-step-content\"\u003e\n          \u003ch3\u003eFréquence\u003c\/h3\u003e\n          \u003cp\u003eUtilisez matin et\/ou soir selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-spro-tip\"\u003e\n      \u003cdiv class=\"soi-spro-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour prolonger la durée de vie du pain de savon, conservez-le sur un porte-savon aéré entre deux utilisations.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 : Garanties qualité --\u003e\n  \u003csection class=\"soi-spro-section\"\u003e\n    \u003ch2\u003eLes garanties qualité Propolia\u003c\/h2\u003e\n    \u003cdiv class=\"soi-spro-grid-compact\"\u003e\n      \u003cdiv class=\"soi-spro-card-mini\"\u003e\n        \u003cspan class=\"soi-spro-card-mini-icon\"\u003e🏅\u003c\/span\u003e\n        \u003cspan class=\"soi-spro-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-spro-card-mini-value\"\u003eCOSMOS Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-card-mini\"\u003e\n        \u003cspan class=\"soi-spro-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-spro-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-spro-card-mini-value\"\u003eFrance, Occitanie\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-card-mini\"\u003e\n        \u003cspan class=\"soi-spro-card-mini-icon\"\u003e🐝\u003c\/span\u003e\n        \u003cspan class=\"soi-spro-card-mini-label\"\u003eEngagement\u003c\/span\u003e\n        \u003cspan class=\"soi-spro-card-mini-value\"\u003e+ de 30 ans d'apiculture\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-card-mini\"\u003e\n        \u003cspan class=\"soi-spro-card-mini-icon\"\u003e✈️\u003c\/span\u003e\n        \u003cspan class=\"soi-spro-card-mini-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"soi-spro-card-mini-value\"\u003e100 g, compact\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-spro-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-spro-cta-box\"\u003e\n      \u003cp class=\"soi-spro-cta-tag\" style=\"color: white;\"\u003eUn soin d'hygiène purifiant, certifié bio\u003c\/p\u003e\n      \u003cp class=\"soi-spro-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau la douceur de la ruche et du karité. Le savon actif Propolia, c'est la réponse naturelle pour une peau visiblement plus nette et plus douce, pour toute la famille.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-spro-marine: #1A2D3D;\n  --soi-spro-marine-dark: #0F1E2B;\n  --soi-spro-marine-light: #2C4458;\n  --soi-spro-pomme: #A1C544;\n  --soi-spro-pomme-dark: #84A636;\n  --soi-spro-pomme-light: rgba(161,197,68,0.10);\n  --soi-spro-white: #FFFFFF;\n  --soi-spro-off-white: #F8FAF6;\n  --soi-spro-stone: #F1F3EE;\n  --soi-spro-line: #E5E8E0;\n  --soi-spro-primary: #D4A82A;\n  --soi-spro-primary-soft: #F5E6B8;\n  --soi-spro-accent: #8A5082;\n  --soi-spro-text: #1A2D3D;\n  --soi-spro-text-soft: #4A5B6B;\n  --soi-spro-text-muted: #7B8693;\n  --soi-spro-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-spro-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-spro-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-spro-radius: 12px;\n  --soi-spro-radius-sm: 8px;\n  --soi-spro-radius-pill: 999px;\n}\n\n.soi-spro-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-spro-fiche img { max-width: 100%; height: auto; }\n\n.soi-spro-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-spro-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-spro-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-spro-hero {\n  position: relative;\n  background: var(--soi-spro-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-spro-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-spro-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-spro-pomme);\n}\n\n.soi-spro-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-spro-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-spro-pomme);\n  border-radius: 50%;\n}\n\n.soi-spro-hero-title {\n  display: block;\n  color: var(--soi-spro-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-spro-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-spro-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-spro-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-spro-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-spro-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-spro-label-accent {\n  background: var(--soi-spro-pomme);\n  border-color: var(--soi-spro-pomme);\n  color: var(--soi-spro-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-spro-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-spro-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-spro-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-spro-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-spro-pomme);\n  border-radius: 2px;\n}\n\n.soi-spro-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-spro-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-spro-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-spro-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-spro-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-spro-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-spro-benefit {\n  background: var(--soi-spro-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-spro-radius);\n  border: 1px solid var(--soi-spro-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-spro-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-spro-shadow-md);\n}\n\n.soi-spro-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-spro-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-spro-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-spro-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-spro-benefit:hover .soi-spro-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-spro-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-spro-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-spro-benefit p {\n  font-size: 13px;\n  color: var(--soi-spro-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-spro-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-spro-card {\n  background: var(--soi-spro-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-spro-radius);\n  border-left: 3px solid var(--soi-spro-pomme);\n}\n\n.soi-spro-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-spro-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-spro-card p {\n  font-size: 14px;\n  color: var(--soi-spro-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-spro-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-spro-card-mini {\n  background: var(--soi-spro-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-spro-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-spro-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-spro-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-spro-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-spro-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-spro-marine);\n}\n\n\/* TIMELINE *\/\n.soi-spro-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-spro-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-spro-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-spro-radius);\n  border: 1px solid var(--soi-spro-line);\n  align-items: flex-start;\n}\n\n.soi-spro-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-spro-marine);\n  color: var(--soi-spro-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-spro-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-spro-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-spro-step-content p {\n  font-size: 14px;\n  color: var(--soi-spro-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-spro-compo {\n  background: var(--soi-spro-off-white);\n  border-radius: var(--soi-spro-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.soi-spro-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-spro-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-spro-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-spro-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-spro-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-spro-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-spro-marine);\n  text-align: right;\n}\n\n\/* TIP *\/\n.soi-spro-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-spro-pomme-light);\n  border-left: 4px solid var(--soi-spro-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-spro-radius) var(--soi-spro-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-spro-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-spro-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-spro-marine);\n  margin-bottom: 4px;\n}\n\n.soi-spro-tip p {\n  font-size: 14px;\n  color: var(--soi-spro-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-spro-cta-box {\n  background: var(--soi-spro-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-spro-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-spro-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-spro-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-spro-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-spro-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-spro-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-spro-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-spro-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-spro-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-spro-compo-value {\n    text-align: left;\n  }\n\n  .soi-spro-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-spro-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-spro-fiche {\n    --soi-spro-text-soft: #2C3E50;\n    --soi-spro-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603407397194,"sku":"AP0041","price":4.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-actif-propolis-miel-et-karite-propolia-packshot.webp?v=1779803435"},{"product_id":"dentifrice-protection-integrale-certifiee-bio-centifolia","title":"Dentifrice Protection intégrale certifiée bio - Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLe Dentifrice Protection Intégrale certifié bio de Centifolia\u003c\/strong\u003e, en format 75 ml, offre une\u003cstrong\u003e hygiène buccale optimale \u003c\/strong\u003eet un soin ciblé \u003cstrong\u003epour les gencives sensibles\u003c\/strong\u003e. Sa formule douce et non abrasive est spécialement conçue pour respecter les gencives et l'émail des dents tout en nettoyant en profondeur.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0480_4be44072-32e2-4ad0-a3b7-b7cbe1100c9a.jpg?v=1776180754\" alt=\"Photo d'une femme pointant son sourir avec ses doigts\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques et bienfaits du Dentifrice Protection intégrale \u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule douce et non Abrasive :\u003c\/strong\u003e respecte les gencives et l'émail des dents, convient parfaitement aux gencives sensibles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection contre les caries :\u003c\/strong\u003e enrichi en odium monofluorophosphate (forme stabilisée de fluor) à hauteur de 1450 ppm, pour aider à prévenir les caries et renforcer les dents.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation et apaisement :\u003c\/strong\u003e contient de la poudre d'Aloe Vera bio pour hydrater et apaiser la zone buccale.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNettoyage en profondeur :\u003c\/strong\u003e élimine efficacement la plaque dentaire pour une bouche propre et saine.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConvient à tous :\u003c\/strong\u003e adapté à tous les types de gencives, y compris les plus sensibles, et adapté pour les femmes enceintes ou allaitantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifications et qualité : \u003c\/strong\u003e produit fabriqué en France, certifié COSMOS ORGANIC par Ecocert, et adapté aux personnes vegans.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cstrong\u003ePrincipaux actifs du Dentifrice Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSodium monofluorophosphate (1450ppm) :\u003c\/strong\u003e renforce les dents, lutte contre les caries et favorise la reminéralisation de l'émail.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePoudre d'Aloe Vera Bio :\u003c\/strong\u003e hydrate et apaise les gencives pour un confort optimal.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eLe Dentifrice Protection Gencives de Centifolia est conçu pour offrir un soin complet de la bouche tout en étant respectueux de l'environnement et des animaux. Sa certification Cosmos Organic par Ecocert garantit une composition naturelle et biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eAdoptez dès aujourd'hui une \u003cstrong\u003eroutine de soins bucco-dentaires naturelle et efficace\u003c\/strong\u003e avec le \u003cstrong\u003eDentifrice Protection Intégrale de Centifolia\u003c\/strong\u003e !\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603410149706,"sku":"CE0481","price":3.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0481_dentifrice_protection_integrale_d8b6ba08-7a6f-4aba-9eba-cd9ff03743f0.jpg?v=1778842959"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/collections\/hygiene.webp?v=1780059274","url":"https:\/\/www.soinature.com\/collections\/hygiene.oembed?page=4","provider":"Soinature","version":"1.0","type":"link"}