{"title":"Hygiène","description":"","products":[{"product_id":"aromaspray-cedre-citron","title":"Spray d'ambiance Cèdre Citron - 100 ml - 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":9.99,"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 - 100 ml - 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":9.99,"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 - 100 ml - 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":9.99,"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 - 100 ml - 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":9.99,"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 - 100ml - 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":9.99,"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 - 100 ml - 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":9.99,"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 - 100 ml - 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":9.99,"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 - 100 ml - 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":9.99,"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 - 100 ml - 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":9.99,"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 - 100 ml - 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":9.99,"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 - 100 ml - 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":9.99,"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 - 100 ml - 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":9.99,"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 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 · Déovert (Saint Côme)\n \u003c\/div\u003e\n \u003cspan class=\"soi-deov-hero-title\"\u003eLa fraîcheur des agrumes, sans aluminium\u003c\/span\u003e\n \u003cp class=\"soi-deov-hero-subtitle\"\u003eUn spray corporel aux huiles essentielles qui neutralise les odeurs tout au long de la journée, sans bloquer la transpiration naturelle de votre corps.\u003c\/p\u003e\n \u003cdiv class=\"soi-deov-hero-labels\"\u003e\n \u003cspan class=\"soi-deov-label soi-deov-label-accent\"\u003eSANS ALUMINIUM\u003c\/span\u003e\n \u003cspan class=\"soi-deov-label\"\u003eSANS PARABENS\u003c\/span\u003e\n \u003cspan class=\"soi-deov-label\"\u003eHUILES ESSENTIELLES 100 % PURES ET NATURELLES\u003c\/span\u003e\n \u003cspan class=\"soi-deov-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-deov-label\"\u003eTESTÉ SOUS CONTRÔLE DERMATOLOGIQUE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deov-section\"\u003e\n \u003cp class=\"soi-deov-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel\u003c\/strong\u003e qui tienne toute la journée, sans \u003cstrong\u003esels d'aluminium\u003c\/strong\u003e ? Le \u003cstrong\u003edéodorant Fraîcheur Tonic'\u003c\/strong\u003e de Déovert (Saint Côme) est un spray corporel aux huiles essentielles. Il neutralise les odeurs sans bloquer la transpiration, avec une fraîcheur d'agrumes qui plaît autant aux femmes qu'aux hommes.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003ePourquoi choisir un déodorant sans aluminium ?\u003c\/h2\u003e\n \u003cp\u003eLa sueur est presque inodore à la sortie des pores. L'odeur apparaît lorsqu'elle rencontre les bactéries naturellement présentes sur la peau. Un \u003cstrong\u003edéodorant sans sel d'aluminium\u003c\/strong\u003e agit précisément à ce niveau : il limite la formation des mauvaises odeurs, tout en laissant votre corps transpirer librement, là où un antitranspirant obstrue les pores.\u003c\/p\u003e\n \u003cp\u003eSi vous souhaitez faire évoluer vos habitudes, ce spray constitue une transition simple et douce.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003eCe que Tonic' vous apporte au quotidien\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\u003eDes odeurs neutralisées\u003c\/h3\u003e\n \u003cp\u003eLes odeurs sont neutralisées dès leur formation, sans modifier le processus naturel de la transpiration.\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\u003eUne fraîcheur tonique\u003c\/h3\u003e\n \u003cp\u003eSes huiles essentielles aux notes d'agrumes vous apportent une sensation de fraîcheur vivifiante.\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\u003eUne bonne tolérance\u003c\/h3\u003e\n \u003cp\u003eUne formule testée sous contrôle dermatologique et sans parabens.\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\u003eUn spray pratique\u003c\/h3\u003e\n \u003cp\u003eAucun contact direct avec la peau, pour une application rapide le matin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-grid-compact\"\u003e\n \u003cdiv class=\"soi-deov-card-mini\"\u003e\n \u003cspan class=\"soi-deov-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-deov-card-mini-value\"\u003e100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-card-mini\"\u003e\n \u003cspan class=\"soi-deov-card-mini-label\"\u003ePulvérisations\u003c\/span\u003e\n \u003cspan class=\"soi-deov-card-mini-value\"\u003eEnviron 500\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-card-mini\"\u003e\n \u003cspan class=\"soi-deov-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-deov-card-mini-value\"\u003eBourgogne, Saint Côme\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\u003eComposition de la formule\u003c\/h2\u003e\n \u003cdiv class=\"soi-deov-compo\"\u003e\n \u003cdiv class=\"soi-deov-compo-row\"\u003e\n \u003cspan class=\"soi-deov-compo-label\"\u003eSels d'aluminium\u003c\/span\u003e\n \u003cspan class=\"soi-deov-compo-value\"\u003eSans aluminium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-compo-row\"\u003e\n \u003cspan class=\"soi-deov-compo-label\"\u003eParabens\u003c\/span\u003e\n \u003cspan class=\"soi-deov-compo-value\"\u003eSans parabens\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-compo-row\"\u003e\n \u003cspan class=\"soi-deov-compo-label\"\u003eParfum et fraîcheur\u003c\/span\u003e\n \u003cspan class=\"soi-deov-compo-value\"\u003eHuiles essentielles 100 % pures et naturelles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-compo-row\"\u003e\n \u003cspan class=\"soi-deov-compo-label\"\u003eListe INCI complète\u003c\/span\u003e\n \u003cspan class=\"soi-deov-compo-value\"\u003eImprimée sur l'étiquette du flacon\u003c\/span\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\u003eLes huiles essentielles contiennent des allergènes naturels (le limonène, par exemple). Si vous êtes sensible à certains composants, consultez la liste INCI. En cas de peau réactive, faites un test au creux du coude avant la première utilisation.\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 l'utiliser en 3 gestes\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\u003ePréparez la peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur une peau propre et bien sèche, après la douche.\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\u003eVaporisez\u003c\/h3\u003e\n \u003cp\u003ePulvérisez à environ 15 cm sous chaque aisselle, une à deux fois.\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\u003eLaissez sécher\u003c\/h3\u003e\n \u003cp\u003eAttendez quelques secondes avant de vous habiller.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-deov-after\"\u003eÉvitez les yeux ainsi que les peaux lésées ou fraîchement rasées. En cas de forte chaleur ou d'activité sportive, une pulvérisation supplémentaire en cours de journée vous aidera à retrouver de la fraîcheur.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003eUn déodorant naturel pour homme, femme et même pour les pieds\u003c\/h2\u003e\n \u003cdiv class=\"soi-deov-grid\"\u003e\n \u003cdiv class=\"soi-deov-card\"\u003e\n \u003ch3\u003ePour toute la famille\u003c\/h3\u003e\n \u003cp\u003eSa senteur fraîche et non sucrée en fait un \u003cstrong\u003edéodorant naturel pour homme\u003c\/strong\u003e très apprécié. Il convient aussi aux femmes et se partage facilement au sein d'une famille. Le spray se glisse dans un sac de sport ou de voyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-card\"\u003e\n \u003ch3\u003ePour les pieds et les chaussures\u003c\/h3\u003e\n \u003cp\u003eVous pouvez le vaporiser sur des pieds propres et secs. En \u003cstrong\u003edéodorant naturel chaussures\u003c\/strong\u003e, certains l'utilisent aussi à l'intérieur de leurs baskets : testez d'abord sur une petite zone du tissu.\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\u003eDéodorant maison naturel ou spray prêt à l'emploi ?\u003c\/h2\u003e\n \u003cp\u003eDe nombreuses recettes de \u003cstrong\u003edéodorant maison naturel\u003c\/strong\u003e reposent sur le bicarbonate de sodium. Or, celui-ci est abrasif et peut irriter les aisselles, surtout en usage quotidien. Un spray formulé et testé dermatologiquement vous évite les dosages approximatifs, les mélanges qui tournent et les mauvaises surprises sur la peau.\u003c\/p\u003e\n \u003c\/section\u003e\n\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;\"\u003eUn geste le matin, la fraîcheur toute la journée\u003c\/p\u003e\n \u003cp class=\"soi-deov-cta-text\" style=\"color: white;\"\u003eOffrez à vos journées une fraîcheur d'agrumes, sans aluminium, avec la douceur d'une formule française aux huiles essentielles. Parce que se sentir bien dans sa peau commence par de beaux gestes quotidiens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.soi-deov-fiche {\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: #E3B23C;\n --soi-deov-primary-soft: #FBF4DF;\n --soi-deov-accent: #4E6E3A;\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\/* === HERO === *\/\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: linear-gradient(90deg, var(--soi-deov-pomme) 0%, var(--soi-deov-pomme) 70%, var(--soi-deov-primary) 100%);\n}\n\n.soi-deov-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: clamp(10px, 1.5vw, 11px);\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\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(24px, 5vw, 35px);\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: clamp(10px, 1.5vw, 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\/* === SECTIONS === *\/\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-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-deov-text-soft);\n max-width: 760px;\n padding-left: 1rem;\n border-left: 3px solid var(--soi-deov-primary);\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-section strong {\n color: var(--soi-deov-marine);\n font-weight: 600;\n}\n\n.soi-deov-after {\n margin-top: 1.25rem;\n}\n\n.soi-deov-section .soi-deov-note {\n margin-top: 1.25rem;\n font-size: clamp(12px, 1.6vw, 13px);\n font-style: italic;\n color: var(--soi-deov-text-muted);\n}\n\n\/* === BENEFITS === *\/\n.soi-deov-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-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: 15px;\n color: var(--soi-deov-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-deov-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-deov-card {\n background: var(--soi-deov-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-deov-radius);\n border-left: 3px solid var(--soi-deov-pomme);\n}\n\n.soi-deov-card 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-card p {\n font-size: 14px;\n color: var(--soi-deov-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-deov-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-deov-card-mini {\n background: var(--soi-deov-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-deov-radius-sm);\n border-top: 3px solid var(--soi-deov-primary);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-deov-card-mini-label {\n font-size: 11px;\n color: var(--soi-deov-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-deov-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-deov-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-deov-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\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: 16px;\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: 15px;\n color: var(--soi-deov-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\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-bottom: 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\/* === TIP === *\/\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: 15px;\n color: var(--soi-deov-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\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 gap: 1rem;\n}\n\n.soi-deov-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-deov-accordion-header::after {\n content: '+';\n flex-shrink: 0;\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\/* === CTA BOX === *\/\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(16px, 2.6vw, 20px);\n font-weight: 500;\n color: var(--soi-deov-white);\n line-height: 1.5;\n margin: 0;\n max-width: 640px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-deov-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-deov-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-deov-compo-value {\n text-align: left;\n }\n\n .soi-deov-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-deov-fiche * {\n animation: none !important;\n transition: none !important;\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":61602743779658,"sku":"SC8575","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deodorant-fraicheur-tonic-packshot.webp?v=1792055576"},{"product_id":"dentifrice-propolis-menthe","title":"Dentifrice Propolis \u0026 Menthe - 75ml - Propolia","description":"\n\n\u003cdiv class=\"soi-dent-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\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 · Propolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-dent-hero-title\"\u003eLa propolis au service de votre sourire\u003c\/span\u003e\n \u003cp class=\"soi-dent-hero-subtitle\"\u003eUn dentifrice naturel à la propolis et à la menthe douce, formulé pour purifier, apaiser vos gencives et vous offrir une haleine fraîche sans compromis chimique.\u003c\/p\u003e\n \u003cdiv class=\"soi-dent-hero-labels\"\u003e\n \u003cspan class=\"soi-dent-label soi-dent-label-accent\"\u003e96 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-dent-label\"\u003eSANS FLUOR\u003c\/span\u003e\n \u003cspan class=\"soi-dent-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-dent-label\"\u003eADULTES \u0026amp; ENFANTS DÈS 3 ANS\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pourquoi choisir un dentifrice à la propolis ? --\u003e\n \u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003ePourquoi choisir un dentifrice à la propolis ?\u003c\/h2\u003e\n \u003cp\u003eLa propolis est une résine naturelle produite par les abeilles pour protéger la ruche. Reconnue depuis des siècles pour ses propriétés purifiantes et apaisantes, elle est aujourd'hui un ingrédient phare des soins bucco-dentaires naturels. Dans ce dentifrice, elle agit directement sur les gencives sensibles et contribue à limiter l'accumulation de plaque dentaire, sans agresser l'émail ni altérer la flore buccale naturelle.\u003c\/p\u003e\n \u003cp\u003eAssociée à la menthe douce, à la cardamome et à l'anis vert, elle vous offre une sensation de fraîcheur immédiate et durable, bien éloignée du goût chimique de certains dentifrices conventionnels.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Ce que ce dentifrice propolis apporte concrètement --\u003e\n \u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003eCe que ce dentifrice propolis apporte concrètement\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\u003eGencives apaisées\u003c\/h3\u003e\n \u003cp\u003eLa propolis réduit les irritations et soutient la santé de vos gencives au quotidien.\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\u003ePlaque dentaire limitée\u003c\/h3\u003e\n \u003cp\u003eUne action nettoyante efficace pour une bouche saine à chaque 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\u003eHaleine fraîche et naturelle\u003c\/h3\u003e\n \u003cp\u003eLe trio menthe, cardamome et anis vert vous garantit une haleine agréable sans artifices.\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\u003eFormule sans fluor\u003c\/h3\u003e\n \u003cp\u003eIdéal si vous souhaitez éviter le fluor, notamment dans le cadre d'un traitement homéopathique. Sa menthe douce, non agressive, convient parfaitement.\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\u003eToute la famille\u003c\/h3\u003e\n \u003cp\u003eAdapté aux adultes comme aux enfants dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition du dentifrice Propolia --\u003e\n \u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003eComposition du dentifrice Propolia\u003c\/h2\u003e\n \u003cp class=\"soi-dent-section-intro\"\u003eVoici les ingrédients principaux qui composent ce soin dentaire naturel :\u003c\/p\u003e\n \u003cdiv class=\"soi-dent-grid\"\u003e\n \u003cdiv class=\"soi-dent-card\"\u003e\n \u003ch3\u003e🐝 Extrait de propolis\u003c\/h3\u003e\n \u003cp\u003eActif purificateur et apaisant d'origine apicole.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card\"\u003e\n \u003ch3\u003e🌱 Huile essentielle de menthe\u003c\/h3\u003e\n \u003cp\u003eFraîcheur et sensation de propreté durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card\"\u003e\n \u003ch3\u003e🫚 Cardamome \u0026amp; anis vert\u003c\/h3\u003e\n \u003cp\u003ePour une haleine naturellement agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card\"\u003e\n \u003ch3\u003e🪨 Silice naturelle\u003c\/h3\u003e\n \u003cp\u003eAbrasif doux pour un nettoyage efficace sans abîmer l'émail.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card\"\u003e\n \u003ch3\u003e🍃 Xylitol\u003c\/h3\u003e\n \u003cp\u003eSucre végétal reconnu pour son action sur la prévention des caries.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo\"\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eFluor\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eSans fluor\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eColorants\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eSans colorants\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eActifs de synthèse\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eSans actifs de synthèse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eFrance (Occitanie)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser ce dentifrice à la menthe propolis ? --\u003e\n \u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003eComment utiliser ce dentifrice à la menthe propolis ?\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 votre brosse à dents.\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, matin et soir, en insistant sur le bord des gencives.\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\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment. Pour un résultat optimal sur les gencives, vous pouvez compléter par un bain de bouche à la propolis.\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\u003eCe dentifrice à la menthe douce convient aussi bien aux personnes sensibles qu'à celles qui recherchent un soin sans menthe agressive : le parfum reste discret, loin des formules piquantes des dentifrices conventionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Les engagements Propolia --\u003e\n \u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003eLes engagements Propolia\u003c\/h2\u003e\n \u003cdiv class=\"soi-dent-grid-compact\"\u003e\n \u003cdiv class=\"soi-dent-card-mini\"\u003e\n \u003cspan class=\"soi-dent-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-value\"\u003eFrance, Occitanie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card-mini\"\u003e\n \u003cspan class=\"soi-dent-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-label\"\u003eNaturalité\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-value\"\u003e96 % naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card-mini\"\u003e\n \u003cspan class=\"soi-dent-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-value\"\u003eSans fluor, sans colorants\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card-mini\"\u003e\n \u003cspan class=\"soi-dent-card-mini-icon\"\u003e👶\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-label\"\u003ePublic\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-value\"\u003eAdultes \u0026amp; enfants dès 3 ans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card-mini\"\u003e\n \u003cspan class=\"soi-dent-card-mini-icon\"\u003e📦\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-value\"\u003eTube de 75 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Précautions --\u003e\n \u003csection class=\"soi-dent-section\"\u003e\n \u003cdiv class=\"soi-dent-accordion\"\u003e\n \u003cdetails class=\"soi-dent-accordion-item\"\u003e\n \u003csummary class=\"soi-dent-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-dent-accordion-content\"\u003e\n \u003cp\u003eCe dentifrice est un produit cosmétique. Il ne se substitue pas à un suivi dentaire régulier ni à un avis médical en cas de problème bucco-dentaire persistant.\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-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;\"\u003eOffrez à votre sourire le meilleur de la ruche : la puissance protectrice de la propolis, la fraîcheur douce de la menthe, le tout fabriqué en France. Une routine bucco-dentaire naturelle, familiale et vraiment efficace.\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: #9FC9C9;\n --soi-dent-primary-soft: #D4E8E8;\n --soi-dent-accent: #D4A82A;\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 * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-dent-fiche img { max-width: 100%; height: auto; }\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; left: 0; 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(24px, 5vw, 35px);\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-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-dent-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\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: 15px;\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 margin-bottom: 1.5rem;\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\/* === GRID COMPACT === *\/\n.soi-dent-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-dent-card-mini {\n background: var(--soi-dent-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-dent-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-dent-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-dent-card-mini-label {\n font-size: 11px;\n color: var(--soi-dent-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-dent-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-dent-marine);\n}\n\n\/* === COMPOSITION (data rows) === *\/\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}\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: 16px;\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: 15px;\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: 15px;\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":"Propolia","offers":[{"title":"Default Title","offer_id":61602813968714,"sku":"AP0011","price":7.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/dentifrice-propolis-menthe-75ml-propolia-packshot.webp?v=1791127498"},{"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":9.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/spray-nasal-purifiant-propolia-packshot_c67b09f3-7c49-410e-93ef-087a9d7ca19c.webp?v=1785573110"},{"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":9.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":10.99,"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":15.99,"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 - 100 ml - 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":9.99,"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":"deovert-hesperid-deodorant","title":"Déodorant fraîcheur Hespérid - 100 ml - Aromaspray","description":"\u003cdiv class=\"soi-hesp-fiche\"\u003e\n\n \u003csection class=\"soi-hesp-hero\"\u003e\n \u003cdiv class=\"soi-hesp-hero-tag\"\u003e\n \u003cspan class=\"soi-hesp-tag-dot\"\u003e\u003c\/span\u003e\n Déodorant corporel · Deovert, Saint Côme cosmétiques\n \u003c\/div\u003e\n \u003cspan class=\"soi-hesp-hero-title\"\u003eLa fraîcheur des agrumes, sans aluminium\u003c\/span\u003e\n \u003cp class=\"soi-hesp-hero-subtitle\"\u003eUn spray de 100 ml aux huiles essentielles pures et naturelles, qui agit sur les odeurs sans bloquer la transpiration de votre peau.\u003c\/p\u003e\n \u003cdiv class=\"soi-hesp-hero-labels\"\u003e\n \u003cspan class=\"soi-hesp-label soi-hesp-label-accent\"\u003eSANS ALUMINIUM\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-label\"\u003eSANS PARABENS\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-label\"\u003eHUILES ESSENTIELLES PURES ET NATURELLES\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-label\"\u003eTESTÉ DERMATOLOGIQUEMENT\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-label\"\u003eFABRIQUÉ EN BOURGOGNE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-hesp-section\"\u003e\n \u003ch2\u003eUn déodorant naturel qui laisse votre peau respirer\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un \u003cstrong\u003edéodorant naturel efficace\u003c\/strong\u003e, sans aluminium, qui ne bloque pas la transpiration ? Le \u003cstrong\u003edéodorant fraîcheur Hespérid'\u003c\/strong\u003e de Deovert (Saint Côme cosmétiques) est un spray de 100 ml parfumé aux agrumes, formulé avec des huiles essentielles pures et naturelles. Il agit sur les odeurs au moment où elles se forment, sans empêcher la transpiration, qui reste un mécanisme normal du corps.\u003c\/p\u003e\n \u003cp\u003eSa senteur fraîche de citron, d'orange et de pamplemousse, relevée par des notes résineuses, convient aussi bien comme \u003cstrong\u003edéodorant naturel pour homme\u003c\/strong\u003e que pour les femmes qui apprécient les parfums vifs et propres.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-hesp-section\"\u003e\n \u003ch2\u003eCe qui le distingue d'un déodorant classique\u003c\/h2\u003e\n \u003cdiv class=\"soi-hesp-benefits\"\u003e\n \u003cdiv class=\"soi-hesp-benefit\"\u003e\n \u003cdiv class=\"soi-hesp-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans aluminium et sans parabens\u003c\/h3\u003e\n \u003cp\u003eIl ne cherche pas à obstruer les pores de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-benefit\"\u003e\n \u003cdiv class=\"soi-hesp-benefit-icon\"\u003e\u003cspan\u003e💨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFormat spray\u003c\/h3\u003e\n \u003cp\u003ePas de contact direct, pas de résidus blancs, une application rapide même après le sport.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-benefit\"\u003e\n \u003cdiv class=\"soi-hesp-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉconomique\u003c\/h3\u003e\n \u003cp\u003eUn flacon de 100 ml offre environ 500 pulvérisations, soit plusieurs mois d'utilisation selon votre rythme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-benefit\"\u003e\n \u003cdiv class=\"soi-hesp-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTesté dermatologiquement\u003c\/h3\u003e\n \u003cp\u003eUne formule testée dermatologiquement et fabriquée en Bourgogne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-hesp-after\"\u003eSi vous hésitez à passer au \u003cstrong\u003edéodorant homme naturel\u003c\/strong\u003e, sachez que l'adaptation de la peau prend souvent quelques jours. C'est normal : une transpiration non bloquée se ressent différemment, mais la fraîcheur des huiles essentielles vous accompagne pendant cette transition.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-hesp-section\"\u003e\n \u003ch2\u003eComposition : 8 huiles essentielles aux rôles complémentaires\u003c\/h2\u003e\n \u003cp class=\"soi-hesp-section-intro\"\u003eLa formule repose sur des huiles essentielles reconnues pour leur parfum et leur usage traditionnel en soin d'hygiène.\u003c\/p\u003e\n \u003cdiv class=\"soi-hesp-compo\"\u003e\n \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n \u003cspan class=\"soi-hesp-compo-label\"\u003eCèdre\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-compo-value\"\u003eNote boisée, utilisée traditionnellement pour assainir et neutraliser les odeurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n \u003cspan class=\"soi-hesp-compo-label\"\u003eCitron\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-compo-value\"\u003eFraîcheur acidulée et senteur nette\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n \u003cspan class=\"soi-hesp-compo-label\"\u003eLavandin\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-compo-value\"\u003eNote aromatique apaisante pour la peau\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n \u003cspan class=\"soi-hesp-compo-label\"\u003eLemongrass\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-compo-value\"\u003eTouche citronnée et tonique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n \u003cspan class=\"soi-hesp-compo-label\"\u003eOrange\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-compo-value\"\u003eSenteur douce et enveloppante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n \u003cspan class=\"soi-hesp-compo-label\"\u003ePamplemousse\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-compo-value\"\u003eEffet tonique et pétillant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n \u003cspan class=\"soi-hesp-compo-label\"\u003ePin\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-compo-value\"\u003eNote résineuse purifiante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n \u003cspan class=\"soi-hesp-compo-label\"\u003eRomarin\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-compo-value\"\u003eParfum camphré et stimulant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-hesp-after\"\u003e\u003cstrong\u003eDosage :\u003c\/strong\u003e environ 500 pulvérisations par flacon de 100 ml. Les pourcentages exacts par huile essentielle ne sont pas communiqués par la marque. Les AJR\/VNR ne concernent pas ce produit, qui est un cosmétique et non un complément alimentaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-hesp-section\"\u003e\n \u003ch2\u003eComment l'utiliser au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"soi-hesp-timeline\"\u003e\n \u003cdiv class=\"soi-hesp-step\"\u003e\n \u003cdiv class=\"soi-hesp-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003e2 à 3 pulvérisations par aisselle, sur une peau propre et bien sèche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-step\"\u003e\n \u003cdiv class=\"soi-hesp-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-step-content\"\u003e\n \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n \u003cp\u003ePatientez quelques secondes avant de vous habiller.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-step\"\u003e\n \u003cdiv class=\"soi-hesp-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-step-content\"\u003e\n \u003ch3\u003eRenouvelez si besoin\u003c\/h3\u003e\n \u003cp\u003eDans la journée si nécessaire, par exemple après une séance de sport ou en cas de forte chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-tip\"\u003e\n \u003cdiv class=\"soi-hesp-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eAprès le rasage ou l'épilation, attendez que la peau soit calmée avant d'appliquer : les huiles essentielles peuvent être piquantes sur une peau fraîchement irritée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\n \u003csection class=\"soi-hesp-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"soi-hesp-accordion\"\u003e\n \u003cdetails class=\"soi-hesp-accordion-item\"\u003e\n \u003csummary class=\"soi-hesp-accordion-header\"\u003eContact et application\u003c\/summary\u003e\n \u003cdiv class=\"soi-hesp-accordion-content\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux et les muqueuses. Ne l'appliquez pas sur une peau lésée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-hesp-accordion-item\"\u003e\n \u003csummary class=\"soi-hesp-accordion-header\"\u003eExposition au soleil\u003c\/summary\u003e\n \u003cdiv class=\"soi-hesp-accordion-content\"\u003e\n \u003cp\u003eLes agrumes peuvent être photosensibilisants : évitez l'exposition solaire directe sur la zone traitée juste après application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-hesp-accordion-item\"\u003e\n \u003csummary class=\"soi-hesp-accordion-header\"\u003eGrossesse, allaitement et allergies\u003c\/summary\u003e\n \u003cdiv class=\"soi-hesp-accordion-content\"\u003e\n \u003cp\u003eDemandez conseil à un professionnel de santé en cas de grossesse, d'allaitement ou d'allergie connue aux huiles essentielles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-hesp-accordion-item\"\u003e\n \u003csummary class=\"soi-hesp-accordion-header\"\u003eEnfants\u003c\/summary\u003e\n \u003cdiv class=\"soi-hesp-accordion-content\"\u003e\n \u003cp\u003eTenez le flacon hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-hesp-after\"\u003eCe déodorant est un produit cosmétique d'hygiène : il ne remplace pas un traitement médical. En cas de transpiration excessive persistante, parlez-en à votre médecin.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-hesp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-hesp-cta-box\"\u003e\n \u003cp class=\"soi-hesp-cta-tag\" style=\"color: white;\"\u003eUne fraîcheur vive et sincère, au quotidien\u003c\/p\u003e\n \u003cp class=\"soi-hesp-cta-text\" style=\"color: white;\"\u003eAvec Hespérid', les agrumes et les huiles essentielles vous accompagnent sans aluminium, dans le respect de votre peau. Un geste simple, une senteur lumineuse, un flacon fabriqué en Bourgogne qui dure longtemps : sentez-vous bien, naturellement, du matin jusqu'au soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.soi-hesp-fiche {\n \/* === Couleurs Soinat (fixes) === *\/\n --soi-hesp-marine: #1A2D3D;\n --soi-hesp-marine-dark: #0F1E2B;\n --soi-hesp-marine-light: #2C4458;\n --soi-hesp-pomme: #A1C544;\n --soi-hesp-pomme-dark: #84A636;\n --soi-hesp-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-hesp-white: #FFFFFF;\n --soi-hesp-off-white: #F8FAF6;\n --soi-hesp-stone: #F1F3EE;\n --soi-hesp-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (agrumes du packaging) === *\/\n --soi-hesp-primary: #E08A3C;\n --soi-hesp-primary-soft: #FBEEDF;\n --soi-hesp-accent: #E8C53A;\n\n \/* === Textes === *\/\n --soi-hesp-text: #1A2D3D;\n --soi-hesp-text-soft: #4A5B6B;\n --soi-hesp-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-hesp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-hesp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-hesp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-hesp-radius: 12px;\n --soi-hesp-radius-sm: 8px;\n --soi-hesp-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-hesp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-hesp-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-hesp-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-hesp-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-hesp-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-hesp-hero {\n position: relative;\n background: linear-gradient(160deg, var(--soi-hesp-marine) 0%, var(--soi-hesp-marine) 70%, var(--soi-hesp-marine-light) 100%);\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-hesp-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-hesp-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-hesp-pomme);\n}\n\n.soi-hesp-hero::after {\n content: '';\n position: absolute;\n bottom: 0; left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: var(--soi-hesp-primary);\n border-radius: 3px 3px 0 0;\n}\n\n.soi-hesp-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-hesp-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-hesp-pomme);\n border-radius: 50%;\n}\n\n.soi-hesp-hero-title {\n display: block;\n color: var(--soi-hesp-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-hesp-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-hesp-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-hesp-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-hesp-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-hesp-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-hesp-label-accent {\n background: var(--soi-hesp-pomme);\n border-color: var(--soi-hesp-pomme);\n color: var(--soi-hesp-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-hesp-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-hesp-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-hesp-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-hesp-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-hesp-pomme);\n border-radius: 2px;\n}\n\n.soi-hesp-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-hesp-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-hesp-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-hesp-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-hesp-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-hesp-section strong {\n color: var(--soi-hesp-marine);\n font-weight: 600;\n}\n\n.soi-hesp-section .soi-hesp-after {\n margin-top: 1.5rem;\n color: var(--soi-hesp-text-soft);\n}\n\n\/* === BENEFITS === *\/\n.soi-hesp-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-hesp-benefit {\n background: var(--soi-hesp-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-hesp-radius);\n border: 1px solid var(--soi-hesp-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-hesp-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-hesp-shadow-md);\n}\n\n.soi-hesp-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-hesp-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-hesp-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-hesp-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-hesp-benefit:hover .soi-hesp-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-hesp-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-hesp-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-hesp-benefit p {\n font-size: 15px;\n color: var(--soi-hesp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-hesp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-hesp-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-hesp-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-hesp-radius);\n border: 1px solid var(--soi-hesp-line);\n align-items: flex-start;\n}\n\n.soi-hesp-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-hesp-marine);\n color: var(--soi-hesp-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n box-shadow: 0 0 0 3px var(--soi-hesp-primary-soft);\n}\n\n.soi-hesp-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-hesp-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-hesp-step-content p {\n font-size: 15px;\n color: var(--soi-hesp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-hesp-compo {\n background: var(--soi-hesp-off-white);\n border-radius: var(--soi-hesp-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n border-top: 3px solid var(--soi-hesp-primary);\n}\n\n.soi-hesp-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-hesp-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-hesp-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-hesp-compo-label {\n font-size: 12px;\n font-weight: 600;\n color: var(--soi-hesp-marine);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-hesp-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 400;\n color: var(--soi-hesp-text-soft);\n text-align: right;\n max-width: 70%;\n}\n\n\/* === TIP === *\/\n.soi-hesp-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-hesp-pomme-light);\n border-left: 4px solid var(--soi-hesp-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-hesp-radius) var(--soi-hesp-radius) 0;\n align-items: flex-start;\n}\n\n.soi-hesp-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-hesp-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-hesp-marine);\n margin-bottom: 4px;\n}\n\n.soi-hesp-tip p {\n font-size: 15px;\n color: var(--soi-hesp-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-hesp-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-hesp-accordion-item {\n background: var(--soi-hesp-off-white);\n border-radius: var(--soi-hesp-radius-sm);\n border: 1px solid var(--soi-hesp-line);\n overflow: hidden;\n}\n\n.soi-hesp-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-hesp-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n}\n\n.soi-hesp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-hesp-accordion-header::after {\n content: '+';\n flex-shrink: 0;\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-hesp-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-hesp-accordion-item[open] .soi-hesp-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-hesp-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-hesp-accordion-content p {\n font-size: 14px;\n color: var(--soi-hesp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-hesp-cta-box {\n background: var(--soi-hesp-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-hesp-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-hesp-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-hesp-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-hesp-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-hesp-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-hesp-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 2.5vw, 19px);\n font-weight: 500;\n color: var(--soi-hesp-white);\n line-height: 1.5;\n margin: 0;\n max-width: 640px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-hesp-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-hesp-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-hesp-compo-value {\n text-align: left;\n max-width: 100%;\n }\n\n .soi-hesp-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-hesp-fiche * {\n animation: none !important;\n transition: none !important;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-hesp-fiche {\n --soi-hesp-text-soft: #2C3E50;\n --soi-hesp-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61603036397898,"sku":"SC8590","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deodorant-fraicheur-hesperid-100-ml-aromaspray-packshot.webp?v=1792056124"},{"product_id":"deovert-oceanic","title":"Déodorant Fraîcheur Océanic","description":"\u003cdiv class=\"soi-ocea-fiche\"\u003e\n\n \u003csection class=\"soi-ocea-hero\"\u003e\n \u003cdiv class=\"soi-ocea-hero-tag\"\u003e\n \u003cspan class=\"soi-ocea-tag-dot\"\u003e\u003c\/span\u003e\n Déodorant corporel · Saint Côme\n \u003c\/div\u003e\n \u003cspan class=\"soi-ocea-hero-title\"\u003eUne bouffée d'air marin, sans aluminium\u003c\/span\u003e\n \u003cp class=\"soi-ocea-hero-subtitle\"\u003eUn spray corporel de la gamme Deovert, formulé avec huit huiles essentielles pures et naturelles. Il agit sur les odeurs et laisse votre peau respirer.\u003c\/p\u003e\n \u003cdiv class=\"soi-ocea-hero-labels\"\u003e\n \u003cspan class=\"soi-ocea-label soi-ocea-label-accent\"\u003eSANS ALUMINIUM\u003c\/span\u003e\n \u003cspan class=\"soi-ocea-label\"\u003eSANS PARABENS\u003c\/span\u003e\n \u003cspan class=\"soi-ocea-label\"\u003eHUILES ESSENTIELLES PURES ET NATURELLES\u003c\/span\u003e\n \u003cspan class=\"soi-ocea-label\"\u003eFABRIQUÉ EN BOURGOGNE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-ocea-section\"\u003e\n \u003cp class=\"soi-ocea-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel efficace\u003c\/strong\u003e qui ne bloque pas la transpiration ? Le \u003cstrong\u003edéodorant Fraîcheur Océanic\u003c\/strong\u003e de Saint Côme (gamme Deovert) est un spray corporel \u003cstrong\u003esans aluminium et sans parabens\u003c\/strong\u003e, formulé avec des huiles essentielles pures et naturelles. Son parfum évoque l'air marin : citrus, notes résineuses et touche herbacée. Fabriqué en Bourgogne, il trouve facilement sa place dans votre quotidien, au bureau comme à la salle de sport.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-ocea-section\"\u003e\n \u003ch2\u003eDéodorant ou anti-transpirant : quelle différence ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-ocea-grid\"\u003e\n \u003cdiv class=\"soi-ocea-card soi-ocea-card-alt\"\u003e\n \u003ch3\u003e🧪 L'anti-transpirant\u003c\/h3\u003e\n \u003cp\u003eLe plus souvent, il utilise des sels d'aluminium pour limiter la sudation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-card\"\u003e\n \u003ch3\u003e🌿 Le déodorant\u003c\/h3\u003e\n \u003cp\u003eIl agit sur les \u003cstrong\u003eodeurs\u003c\/strong\u003e et laisse la sueur s'évacuer. C'est le principe d'Océanic.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-ocea-after\"\u003eLa transpiration est un mécanisme naturel de régulation de la température. Ce sont les bactéries présentes sur la peau qui, en la décomposant, créent l'odeur. Les huiles essentielles de la formule visent à limiter ce phénomène, sans empêcher votre corps de faire son travail.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-ocea-section\"\u003e\n \u003ch2\u003eLes huiles essentielles de la formule\u003c\/h2\u003e\n \u003cp class=\"soi-ocea-section-intro\"\u003eLa composition repose sur \u003cstrong\u003e8 huiles essentielles\u003c\/strong\u003e, chacune avec son rôle dans la senteur et le confort d'usage.\u003c\/p\u003e\n \u003cdiv class=\"soi-ocea-notes\"\u003e\n \u003cdiv class=\"soi-ocea-note\"\u003e\n \u003ch3\u003eCèdre\u003c\/h3\u003e\n \u003cp\u003eUne base boisée, traditionnellement utilisée en parfumerie pour ses notes assainissantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-note\"\u003e\n \u003ch3\u003eCitron\u003c\/h3\u003e\n \u003cp\u003eL'éclat vif et pétillant du parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-note\"\u003e\n \u003ch3\u003eOrange\u003c\/h3\u003e\n \u003cp\u003eUne facette douce et solaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-note\"\u003e\n \u003ch3\u003ePamplemousse\u003c\/h3\u003e\n \u003cp\u003eUne fraîcheur tonique, légèrement amère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-note\"\u003e\n \u003ch3\u003eLemongrass\u003c\/h3\u003e\n \u003cp\u003eUne note herbacée et citronnée très rafraîchissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-note\"\u003e\n \u003ch3\u003eLavandin\u003c\/h3\u003e\n \u003cp\u003eUne touche aromatique, apaisante à l'odorat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-note\"\u003e\n \u003ch3\u003ePin\u003c\/h3\u003e\n \u003cp\u003eLe côté forêt et air marin, purifiant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-note\"\u003e\n \u003ch3\u003eRomarin\u003c\/h3\u003e\n \u003cp\u003eUne note camphrée et dynamisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-tip\"\u003e\n \u003cdiv class=\"soi-ocea-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eLe dosage exact par pulvérisation n'étant pas communiqué, nous vous invitons à consulter la liste INCI complète figurant sur le flacon, notamment pour repérer les allergènes naturels des huiles essentielles (limonène, linalol...).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-ocea-section\"\u003e\n \u003ch2\u003eComment l'utiliser au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"soi-ocea-timeline\"\u003e\n \u003cdiv class=\"soi-ocea-step\"\u003e\n \u003cdiv class=\"soi-ocea-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-step-content\"\u003e\n \u003ch3\u003ePréparez la peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur des aisselles propres et bien sèches, après la douche par exemple.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-step\"\u003e\n \u003cdiv class=\"soi-ocea-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-step-content\"\u003e\n \u003ch3\u003eVaporisez à environ 15 cm\u003c\/h3\u003e\n \u003cp\u003eUne ou deux pulvérisations par aisselle suffisent généralement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-step\"\u003e\n \u003cdiv class=\"soi-ocea-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-step-content\"\u003e\n \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n \u003cp\u003eQuelques secondes suffisent avant de vous habiller. Renouvelez dans la journée si vous en ressentez le besoin (sport, forte chaleur).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-compo\"\u003e\n \u003cdiv class=\"soi-ocea-compo-row\"\u003e\n \u003cspan class=\"soi-ocea-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-ocea-compo-value\"\u003eFlacon de 100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-compo-row\"\u003e\n \u003cspan class=\"soi-ocea-compo-label\"\u003eNombre de pulvérisations\u003c\/span\u003e\n \u003cspan class=\"soi-ocea-compo-value\"\u003eEnviron 500 par flacon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-compo-row\"\u003e\n \u003cspan class=\"soi-ocea-compo-label\"\u003eForme\u003c\/span\u003e\n \u003cspan class=\"soi-ocea-compo-value\"\u003eSpray corporel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-ocea-after\"\u003eIl dure longtemps : un usage qui reste économique au fil des semaines.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-ocea-section\"\u003e\n \u003ch2\u003eUn déodorant naturel pour homme comme pour femme\u003c\/h2\u003e\n \u003cp\u003eCette senteur fraîche et unisexe plaît aussi bien en \u003cstrong\u003edéodorant naturel pour homme\u003c\/strong\u003e qu'en déodorant féminin. Si vous cherchiez un \u003cstrong\u003edéodorant homme naturel\u003c\/strong\u003e sans parfum lourd ni sillage sucré, son côté marin et boisé est un bon compromis. Le format spray, léger et non gras, ne laisse ni traces blanches ni film collant sur les vêtements.\u003c\/p\u003e\n \u003cdiv class=\"soi-ocea-tip\"\u003e\n \u003cdiv class=\"soi-ocea-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat pour la transition\u003c\/strong\u003e\n \u003cp\u003eSi vous quittez un anti-transpirant, votre corps peut mettre quelques semaines à retrouver son équilibre. Soyez patient, et lavez vos aisselles quotidiennement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-ocea-section\"\u003e\n \u003ch2\u003eDéodorant maison naturel ou produit formulé : que choisir ?\u003c\/h2\u003e\n \u003cp\u003eBeaucoup de personnes testent d'abord un \u003cstrong\u003edéodorant maison naturel\u003c\/strong\u003e à base de bicarbonate de soude. Il absorbe l'humidité, mais il est abrasif et son pH alcalin peut provoquer rougeurs et picotements sur les peaux sensibles ou après rasage. Un \u003cstrong\u003edéodorant naturel maison\u003c\/strong\u003e demande aussi des dosages précis et une conservation rigoureuse.\u003c\/p\u003e\n \u003cp\u003eUn produit comme Océanic vous apporte une formule déjà équilibrée, un spray hygiénique et une texture sans poudre. Ces avantages en font un \u003cstrong\u003edéodorant efficace naturel\u003c\/strong\u003e pratique, si vous n'avez pas le temps de bricoler.\u003c\/p\u003e\n \u003cp\u003eÀ noter : Océanic est conçu pour le corps. Pour un \u003cstrong\u003edéodorant naturel pour chaussures\u003c\/strong\u003e, choisissez plutôt un produit dédié, et pensez à bien sécher vos pieds et à aérer vos paires.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-ocea-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"soi-ocea-accordion\"\u003e\n \u003cdetails class=\"soi-ocea-accordion-item\"\u003e\n \u003csummary class=\"soi-ocea-accordion-header\"\u003eAvant la première utilisation\u003c\/summary\u003e\n \u003cdiv class=\"soi-ocea-accordion-content\"\u003e\n \u003cp\u003eFaites un test dans le pli du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-ocea-accordion-item\"\u003e\n \u003csummary class=\"soi-ocea-accordion-header\"\u003eZones et peaux à éviter\u003c\/summary\u003e\n \u003cdiv class=\"soi-ocea-accordion-content\"\u003e\n \u003cp\u003eNe l'appliquez pas sur une peau irritée, lésée ou fraîchement rasée. Évitez les yeux et les muqueuses. Tenez hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-ocea-accordion-item\"\u003e\n \u003csummary class=\"soi-ocea-accordion-header\"\u003ePublics particuliers\u003c\/summary\u003e\n \u003cdiv class=\"soi-ocea-accordion-content\"\u003e\n \u003cp\u003eFemmes enceintes ou allaitantes, personnes allergiques : demandez conseil à un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-ocea-accordion-item\"\u003e\n \u003csummary class=\"soi-ocea-accordion-header\"\u003eExposition au soleil\u003c\/summary\u003e\n \u003cdiv class=\"soi-ocea-accordion-content\"\u003e\n \u003cp\u003eLes agrumes pouvant être photosensibilisants, évitez l'exposition solaire directe sur la zone traitée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-ocea-accordion-item\"\u003e\n \u003csummary class=\"soi-ocea-accordion-header\"\u003eTranspiration excessive\u003c\/summary\u003e\n \u003cdiv class=\"soi-ocea-accordion-content\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace pas un traitement médical. En cas de transpiration excessive (hyperhidrose), consultez votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\n \u003csection class=\"soi-ocea-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-ocea-cta-box\"\u003e\n \u003cp class=\"soi-ocea-cta-tag\" style=\"color: white;\"\u003eVotre routine, version air marin\u003c\/p\u003e\n \u003cp class=\"soi-ocea-cta-text\" style=\"color: white;\"\u003eHuit huiles essentielles, sans aluminium ni parabens, et une fabrication bourguignonne : un geste simple et vivifiant qui respecte le fonctionnement naturel de votre peau, du matin jusqu'au soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.soi-ocea-fiche {\n --soi-ocea-marine: #1A2D3D;\n --soi-ocea-marine-dark: #0F1E2B;\n --soi-ocea-marine-light: #2C4458;\n --soi-ocea-pomme: #A1C544;\n --soi-ocea-pomme-dark: #84A636;\n --soi-ocea-pomme-light: rgba(161,197,68,0.10);\n --soi-ocea-white: #FFFFFF;\n --soi-ocea-off-white: #F8FAF6;\n --soi-ocea-stone: #F1F3EE;\n --soi-ocea-line: #E5E8E0;\n --soi-ocea-primary: #2F3B7A;\n --soi-ocea-primary-soft: #EEF0F8;\n --soi-ocea-accent: #F2C230;\n --soi-ocea-text: #1A2D3D;\n --soi-ocea-text-soft: #4A5B6B;\n --soi-ocea-text-muted: #7B8693;\n --soi-ocea-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-ocea-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-ocea-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-ocea-radius: 12px;\n --soi-ocea-radius-sm: 8px;\n --soi-ocea-radius-pill: 999px;\n}\n\n.soi-ocea-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-ocea-fiche img { max-width: 100%; height: auto; }\n\n.soi-ocea-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-ocea-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-ocea-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-ocea-hero {\n position: relative;\n background: var(--soi-ocea-marine);\n background-image: linear-gradient(160deg, var(--soi-ocea-marine) 0%, var(--soi-ocea-marine) 60%, var(--soi-ocea-primary) 130%);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-ocea-radius);\n text-align: center;\n overflow: hidden;\n}\n.soi-ocea-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-ocea-pomme);\n}\n.soi-ocea-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: clamp(10px, 1.5vw, 11px);\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n.soi-ocea-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-ocea-pomme);\n border-radius: 50%;\n}\n.soi-ocea-hero-title {\n display: block;\n color: var(--soi-ocea-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n.soi-ocea-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n.soi-ocea-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n.soi-ocea-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-ocea-white);\n font-size: clamp(10px, 1.5vw, 11px);\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-ocea-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n.soi-ocea-label-accent {\n background: var(--soi-ocea-pomme);\n border-color: var(--soi-ocea-pomme);\n color: var(--soi-ocea-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-ocea-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n.soi-ocea-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-ocea-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n.soi-ocea-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-ocea-pomme);\n border-radius: 2px;\n}\n.soi-ocea-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-ocea-text-soft);\n margin-bottom: 1.5rem;\n max-width: 760px;\n}\n.soi-ocea-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-ocea-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n.soi-ocea-section p:last-child {\n margin-bottom: 0;\n}\n.soi-ocea-section .soi-ocea-section-intro {\n color: var(--soi-ocea-text-soft);\n font-size: clamp(14px, 2vw, 16px);\n}\n.soi-ocea-section strong {\n color: var(--soi-ocea-marine);\n font-weight: 600;\n}\n.soi-ocea-after {\n margin-top: 1.25rem;\n}\n\n\/* GRID + CARDS *\/\n.soi-ocea-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n.soi-ocea-card {\n background: var(--soi-ocea-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-ocea-radius);\n border-left: 3px solid var(--soi-ocea-pomme);\n}\n.soi-ocea-card-alt {\n background: var(--soi-ocea-stone);\n border-left-color: var(--soi-ocea-text-muted);\n}\n.soi-ocea-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(15px, 2vw, 16px);\n font-weight: 600;\n color: var(--soi-ocea-marine);\n margin-bottom: 0.5rem;\n}\n.soi-ocea-section .soi-ocea-card p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--soi-ocea-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* NOTES (huiles essentielles) *\/\n.soi-ocea-notes {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\n gap: 12px;\n margin-bottom: 1.5rem;\n}\n.soi-ocea-note {\n background: var(--soi-ocea-white);\n border: 1px solid var(--soi-ocea-line);\n border-top: 3px solid var(--soi-ocea-primary);\n border-radius: var(--soi-ocea-radius-sm);\n padding: 1rem 1.25rem;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n.soi-ocea-note:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-ocea-shadow-md);\n}\n.soi-ocea-note h3 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(14px, 2vw, 15px);\n font-weight: 600;\n color: var(--soi-ocea-marine);\n margin-bottom: 0.3rem;\n}\n.soi-ocea-section .soi-ocea-note p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--soi-ocea-text-soft);\n line-height: 1.55;\n margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-ocea-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n.soi-ocea-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-ocea-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-ocea-radius);\n border: 1px solid var(--soi-ocea-line);\n align-items: flex-start;\n}\n.soi-ocea-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-ocea-marine);\n color: var(--soi-ocea-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n box-shadow: 0 0 0 3px var(--soi-ocea-pomme-light);\n}\n.soi-ocea-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(15px, 2vw, 16px);\n font-weight: 600;\n color: var(--soi-ocea-marine);\n margin-bottom: 0.3rem;\n}\n.soi-ocea-section .soi-ocea-step-content p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-ocea-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-ocea-compo {\n background: var(--soi-ocea-primary-soft);\n border-radius: var(--soi-ocea-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n.soi-ocea-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-ocea-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n.soi-ocea-compo-row:last-child {\n border-bottom: none;\n}\n.soi-ocea-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-ocea-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n.soi-ocea-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-ocea-marine);\n text-align: right;\n}\n\n\/* TIP *\/\n.soi-ocea-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-ocea-pomme-light);\n border-left: 4px solid var(--soi-ocea-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-ocea-radius) var(--soi-ocea-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n.soi-ocea-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n.soi-ocea-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-ocea-marine);\n margin-bottom: 4px;\n}\n.soi-ocea-section .soi-ocea-tip p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-ocea-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-ocea-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.soi-ocea-accordion-item {\n background: var(--soi-ocea-off-white);\n border-radius: var(--soi-ocea-radius-sm);\n border: 1px solid var(--soi-ocea-line);\n overflow: hidden;\n}\n.soi-ocea-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-ocea-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n}\n.soi-ocea-accordion-header::-webkit-details-marker {\n display: none;\n}\n.soi-ocea-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-ocea-pomme-dark);\n transition: transform 0.2s ease;\n}\n.soi-ocea-accordion-item[open] .soi-ocea-accordion-header::after {\n transform: rotate(45deg);\n}\n.soi-ocea-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n.soi-ocea-section .soi-ocea-accordion-content p {\n font-size: 14px;\n color: var(--soi-ocea-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA *\/\n.soi-ocea-cta-box {\n background: var(--soi-ocea-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-ocea-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n.soi-ocea-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-ocea-pomme);\n border-radius: 0 0 4px 4px;\n}\n.soi-ocea-section .soi-ocea-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-ocea-pomme);\n margin-bottom: 0.75rem;\n}\n.soi-ocea-section .soi-ocea-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(17px, 3vw, 21px);\n font-weight: 500;\n color: var(--soi-ocea-white);\n line-height: 1.45;\n margin: 0 auto;\n max-width: 620px;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n .soi-ocea-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n .soi-ocea-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n .soi-ocea-compo-value {\n text-align: left;\n }\n .soi-ocea-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-ocea-fiche * {\n animation: none !important;\n transition: none !important;\n }\n}\n@media (prefers-contrast: more) {\n .soi-ocea-fiche {\n --soi-ocea-text-soft: #2C3E50;\n --soi-ocea-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61603037610314,"sku":"SC8595","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deodorant-fraicheur-oceanic-packshot.webp?v=1792055497"},{"product_id":"brume-oreiller","title":"Spray Brume d’oreiller - 100 ml - 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":9.99,"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":6.99,"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":6.99,"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":6.99,"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":"\n\u003cdiv class=\"soi-gdmiel-fiche\"\u003e\n\n\u003csection class=\"soi-gdmiel-hero\"\u003e\n\u003cdiv class=\"soi-gdmiel-hero-tag\"\u003e\n\u003cspan class=\"soi-gdmiel-tag-dot\"\u003e\u003c\/span\u003e\nHygiène · Propolia\n\u003c\/div\u003e\n\u003cspan class=\"soi-gdmiel-hero-title\"\u003eLa douceur du miel sous la douche\u003c\/span\u003e\n\u003cp class=\"soi-gdmiel-hero-subtitle\"\u003eFormulé à 99 % d'ingrédients d'origine naturelle, ce gel douche bio au miel, à l'aloe vera et au lait d'amande hydrate et adoucit votre peau au quotidien, pour toute la famille dès 3 ans.\u003c\/p\u003e\n\u003cdiv class=\"soi-gdmiel-hero-labels\"\u003e\n\u003cspan class=\"soi-gdmiel-label soi-gdmiel-label-accent\"\u003eBIO ECOCERT\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-label\"\u003eSANS SULFATES\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-label\"\u003eTESTÉ DERMATOLOGIQUEMENT\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-label\"\u003eDÈS 3 ANS\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdmiel-section\"\u003e\n\u003ch2\u003eCe que ce gel douche ultra doux apporte concrètement à votre peau\u003c\/h2\u003e\n\u003cp class=\"soi-gdmiel-section-intro\"\u003eDerrière son parfum gourmand d'amande douce se cache une formule pensée pour respecter et chouchouter votre peau, pas seulement la laver.\u003c\/p\u003e\n\u003cdiv class=\"soi-gdmiel-benefits\"\u003e\n\u003cdiv class=\"soi-gdmiel-benefit\"\u003e\n\u003cdiv class=\"soi-gdmiel-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eMiel bio\u003c\/h3\u003e\n\u003cp\u003eActif naturellement humectant, il attire et retient l'eau dans les cellules cutanées. Résultat : une peau souple et nourrie, sans effet gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-benefit\"\u003e\n\u003cdiv class=\"soi-gdmiel-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 soulage les petites irritations et laisse la peau fraîche après la douche, même en cas de peau sèche ou réactive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-benefit\"\u003e\n\u003cdiv class=\"soi-gdmiel-benefit-icon\"\u003e\u003cspan\u003e🥛\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eLait d'amande\u003c\/h3\u003e\n\u003cp\u003eRiche en acides gras, il enveloppe la peau d'un voile protecteur et adoucissant qui limite les tiraillements après le rinçage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-tip\"\u003e\n\u003cdiv class=\"soi-gdmiel-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n\u003cp\u003eEnsemble, ces trois actifs forment un trio complémentaire qui nettoie en douceur, hydrate et adoucit sans perturber le film hydrolipidique naturel de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdmiel-section\"\u003e\n\u003ch2\u003eUn gel douche bio ultra doux pour toute la famille\u003c\/h2\u003e\n\u003cp class=\"soi-gdmiel-section-intro\"\u003eSa formule hypoallergénique, sans savon et sans tensioactifs sulfatés, le rend adapté à une utilisation quotidienne, y compris pour :\u003c\/p\u003e\n\u003cdiv class=\"soi-gdmiel-grid\"\u003e\n\u003cdiv class=\"soi-gdmiel-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles et réactives\u003c\/h3\u003e\n\u003cp\u003eConvient aux peaux sujettes aux rougeurs grâce à sa formule douce et apaisante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-card\"\u003e\n\u003ch3\u003e💧 Peaux sèches ou très sèches\u003c\/h3\u003e\n\u003cp\u003eSes actifs hydratants et nourrissants préviennent les sensations de tiraillement après la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-card\"\u003e\n\u003ch3\u003e👶 Enfants dès 3 ans\u003c\/h3\u003e\n\u003cp\u003eUsage familial confirmé : sa tolérance a été testée sous contrôle dermatologique, même pour les épidermes les plus délicats.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-card\"\u003e\n\u003ch3\u003e🌱 Adeptes du bio exigeants\u003c\/h3\u003e\n\u003cp\u003eUn gel douche doux certifié bio, sans compromis sur l'efficacité ni sur le plaisir d'utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdmiel-section\"\u003e\n\u003ch2\u003eComposition complète du gel douche doux Propolia\u003c\/h2\u003e\n\u003cdiv class=\"soi-gdmiel-compo\"\u003e\n\u003cdiv class=\"soi-gdmiel-compo-row\"\u003e\n\u003cspan class=\"soi-gdmiel-compo-label\"\u003eContenance\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-compo-value\"\u003e200 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-compo-row\"\u003e\n\u003cspan class=\"soi-gdmiel-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-compo-value\"\u003e99 % d'ingrédients d'origine naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-compo-row\"\u003e\n\u003cspan class=\"soi-gdmiel-compo-label\"\u003eAgriculture biologique\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-compo-value\"\u003e16 % du total des ingrédients\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-compo-row\"\u003e\n\u003cspan class=\"soi-gdmiel-compo-label\"\u003eCertification\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-compo-value\"\u003eEcocert\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-compo-row\"\u003e\n\u003cspan class=\"soi-gdmiel-compo-label\"\u003eFabrication\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-compo-value\"\u003eFrance (Occitanie)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-accordion\"\u003e\n\u003cdetails class=\"soi-gdmiel-accordion-item\"\u003e\n\u003csummary class=\"soi-gdmiel-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"soi-gdmiel-accordion-content\"\u003e\n\u003cp\u003eAqua, Sodium Cocoyl Glutamate, Coco-Glucoside, Glycerin*, Glyceryl Oleate, Prunus Amygdalus Dulcis (Sweet Almond) Milk, Aloe Barbadensis Leaf Juice*, Mel* (Honey), Sodium Chloride, Parfum, Sodium Benzoate, Potassium Sorbate, Citric Acid, Lactic Acid.\u003c\/p\u003e\n\u003cp\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdmiel-section\"\u003e\n\u003ch2\u003eComment utiliser ce gel douche doux au quotidien\u003c\/h2\u003e\n\u003cdiv class=\"soi-gdmiel-timeline\"\u003e\n\u003cdiv class=\"soi-gdmiel-step\"\u003e\n\u003cdiv class=\"soi-gdmiel-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-step-content\"\u003e\n\u003ch3\u003eAppliquer\u003c\/h3\u003e\n\u003cp\u003eVersez une noisette de gel sur une éponge ou directement sur la peau humide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-step\"\u003e\n\u003cdiv class=\"soi-gdmiel-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-step-content\"\u003e\n\u003ch3\u003eFaire mousser\u003c\/h3\u003e\n\u003cp\u003eMassez délicatement l'ensemble du corps avec des gestes circulaires pour faire mousser le gel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-step\"\u003e\n\u003cdiv class=\"soi-gdmiel-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-step-content\"\u003e\n\u003ch3\u003eRincer\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment à l'eau tiède. Profitez du parfum gourmand d'amande douce qui persiste après la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdmiel-section\"\u003e\n\u003ch2\u003eLes engagements Propolia qui font la différence\u003c\/h2\u003e\n\u003cdiv class=\"soi-gdmiel-grid-compact\"\u003e\n\u003cdiv class=\"soi-gdmiel-card-mini\"\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-label\"\u003eCertification\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-value\"\u003eBio Ecocert\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-card-mini\"\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-value\"\u003eFrance (Occitanie)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-card-mini\"\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-label\"\u003eFormule\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-value\"\u003eSans sulfates\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-card-mini\"\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-icon\"\u003e🔬\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-label\"\u003eTolérance\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-value\"\u003eTesté dermatologiquement\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-card-mini\"\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-icon\"\u003e👶\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-label\"\u003eUsage familial\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-value\"\u003eDès 3 ans\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdmiel-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"soi-gdmiel-cta-box\"\u003e\n\u003cp class=\"soi-gdmiel-cta-tag\" style=\"color: white;\"\u003eUn rituel de douceur pour toute la famille\u003c\/p\u003e\n\u003cp class=\"soi-gdmiel-cta-text\" style=\"color: white;\"\u003eBien plus qu'un simple nettoyant, ce gel douche bio Propolia transforme chaque douche en un geste de soin naturel, doux sur les peaux sensibles et parfumé comme un instant de gourmandise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-gdmiel-marine: #1A2D3D;\n --soi-gdmiel-marine-dark: #0F1E2B;\n --soi-gdmiel-marine-light: #2C4458;\n --soi-gdmiel-pomme: #A1C544;\n --soi-gdmiel-pomme-dark: #84A636;\n --soi-gdmiel-pomme-light: rgba(161,197,68,0.10);\n\n --soi-gdmiel-white: #FFFFFF;\n --soi-gdmiel-off-white: #F8FAF6;\n --soi-gdmiel-stone: #F1F3EE;\n --soi-gdmiel-line: #E5E8E0;\n\n --soi-gdmiel-primary: #8B5FA0;\n --soi-gdmiel-primary-soft: rgba(139,95,160,0.10);\n --soi-gdmiel-accent: #D4A82A;\n\n --soi-gdmiel-text: #1A2D3D;\n --soi-gdmiel-text-soft: #4A5B6B;\n --soi-gdmiel-text-muted: #7B8693;\n\n --soi-gdmiel-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-gdmiel-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-gdmiel-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-gdmiel-radius: 12px;\n --soi-gdmiel-radius-sm: 8px;\n --soi-gdmiel-radius-pill: 999px;\n}\n\n.soi-gdmiel-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gdmiel-fiche img { max-width: 100%; height: auto; }\n\n.soi-gdmiel-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-gdmiel-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-gdmiel-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-gdmiel-hero {\n position: relative;\n background: var(--soi-gdmiel-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-gdmiel-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-gdmiel-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-gdmiel-pomme);\n}\n\n.soi-gdmiel-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-gdmiel-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-gdmiel-pomme);\n border-radius: 50%;\n}\n\n.soi-gdmiel-hero-title {\n display: block;\n color: var(--soi-gdmiel-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-gdmiel-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-gdmiel-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-gdmiel-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-gdmiel-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-gdmiel-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-gdmiel-label-accent {\n background: var(--soi-gdmiel-pomme);\n border-color: var(--soi-gdmiel-pomme);\n color: var(--soi-gdmiel-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-gdmiel-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gdmiel-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-gdmiel-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-gdmiel-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-gdmiel-pomme);\n border-radius: 2px;\n}\n\n.soi-gdmiel-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-gdmiel-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-gdmiel-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-gdmiel-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-gdmiel-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-gdmiel-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-gdmiel-benefit {\n background: var(--soi-gdmiel-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-gdmiel-radius);\n border: 1px solid var(--soi-gdmiel-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gdmiel-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-gdmiel-shadow-md);\n}\n\n.soi-gdmiel-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-gdmiel-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-gdmiel-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-gdmiel-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-gdmiel-benefit:hover .soi-gdmiel-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-gdmiel-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gdmiel-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gdmiel-benefit p {\n font-size: 15px;\n color: var(--soi-gdmiel-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-gdmiel-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-gdmiel-card {\n background: var(--soi-gdmiel-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gdmiel-radius);\n border-left: 3px solid var(--soi-gdmiel-pomme);\n}\n\n.soi-gdmiel-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gdmiel-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gdmiel-card p {\n font-size: 14px;\n color: var(--soi-gdmiel-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-gdmiel-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-gdmiel-card-mini {\n background: var(--soi-gdmiel-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-gdmiel-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-gdmiel-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-gdmiel-card-mini-label {\n font-size: 11px;\n color: var(--soi-gdmiel-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-gdmiel-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gdmiel-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-gdmiel-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-gdmiel-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-gdmiel-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gdmiel-radius);\n border: 1px solid var(--soi-gdmiel-line);\n align-items: flex-start;\n}\n\n.soi-gdmiel-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-gdmiel-marine);\n color: var(--soi-gdmiel-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-gdmiel-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gdmiel-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-gdmiel-step-content p {\n font-size: 15px;\n color: var(--soi-gdmiel-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-gdmiel-compo {\n background: var(--soi-gdmiel-off-white);\n border-radius: var(--soi-gdmiel-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1rem;\n}\n\n.soi-gdmiel-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-gdmiel-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-gdmiel-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-gdmiel-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-gdmiel-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-gdmiel-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-gdmiel-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-gdmiel-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-gdmiel-pomme-light);\n border-left: 4px solid var(--soi-gdmiel-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-gdmiel-radius) var(--soi-gdmiel-radius) 0;\n align-items: flex-start;\n}\n\n.soi-gdmiel-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-gdmiel-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-gdmiel-marine);\n margin-bottom: 4px;\n}\n\n.soi-gdmiel-tip p {\n font-size: 15px;\n color: var(--soi-gdmiel-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-gdmiel-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-gdmiel-accordion-item {\n background: var(--soi-gdmiel-off-white);\n border-radius: var(--soi-gdmiel-radius-sm);\n border: 1px solid var(--soi-gdmiel-line);\n overflow: hidden;\n}\n\n.soi-gdmiel-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-gdmiel-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-gdmiel-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-gdmiel-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-gdmiel-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-gdmiel-accordion-item[open] .soi-gdmiel-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-gdmiel-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-gdmiel-accordion-content p {\n font-size: 14px;\n color: var(--soi-gdmiel-text-soft);\n line-height: 1.6;\n margin: 0 0 0.5rem 0;\n}\n\n.soi-gdmiel-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-gdmiel-cta-box {\n background: var(--soi-gdmiel-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-gdmiel-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-gdmiel-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-gdmiel-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-gdmiel-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-gdmiel-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-gdmiel-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-gdmiel-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-gdmiel-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-gdmiel-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-gdmiel-compo-value {\n text-align: left;\n }\n\n .soi-gdmiel-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-gdmiel-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-gdmiel-fiche {\n --soi-gdmiel-text-soft: #2C3E50;\n --soi-gdmiel-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603178611018,"sku":"AP0103","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-douche-doux-bio-miel-aloe-vera-et-lait-damande-propolia-packshot.webp?v=1788683708"},{"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.9,"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 class=\"soi-cfdent-fiche\"\u003e\n\n \u003csection class=\"soi-cfdent-hero\"\u003e\n \u003cdiv class=\"soi-cfdent-hero-tag\"\u003e\n \u003cspan class=\"soi-cfdent-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène bucco-dentaire enfant · Centifolia Kids\n \u003c\/div\u003e\n \u003cspan class=\"soi-cfdent-hero-title\"\u003eDes dents de lait brossées en douceur\u003c\/span\u003e\n \u003cp class=\"soi-cfdent-hero-subtitle\"\u003ePensé pour les enfants de 2 à 6 ans, ce dentifrice au goût naturel de fruits rouges associe une texture douce pour les dents de lait à une formule bio, vegan et sans fluor, fabriquée en France.\u003c\/p\u003e\n \u003cdiv class=\"soi-cfdent-hero-labels\"\u003e\n \u003cspan class=\"soi-cfdent-label soi-cfdent-label-accent\"\u003eBIO COSMÉBIO\u003c\/span\u003e\n \u003cspan class=\"soi-cfdent-label\"\u003eSANS FLUOR\u003c\/span\u003e\n \u003cspan class=\"soi-cfdent-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-cfdent-label\"\u003e100 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-cfdent-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cfdent-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce dentifrice bio sans fluor pour votre enfant ?\u003c\/h2\u003e\n \u003cp class=\"soi-cfdent-section-intro\"\u003ePour bien choisir le dentifrice de votre enfant de 2 ans, trois critères comptent : un goût qu'il accepte, une formule douce et un format adapté à son âge. Voici ce que ce tube de 75 ml vous apporte.\u003c\/p\u003e\n \u003cdiv class=\"soi-cfdent-benefits\"\u003e\n \u003cdiv class=\"soi-cfdent-benefit\"\u003e\n \u003cdiv class=\"soi-cfdent-benefit-icon\"\u003e\u003cspan\u003e🍓\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eUn goût naturel de fruits rouges\u003c\/h3\u003e\n \u003cp\u003ePlus agréable que la menthe forte pour les petites papilles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cfdent-benefit\"\u003e\n \u003cdiv class=\"soi-cfdent-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDe l'extrait d'aloe vera bio\u003c\/h3\u003e\n \u003cp\u003ePour un nettoyage doux qui respecte les gencives sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cfdent-benefit\"\u003e\n \u003cdiv class=\"soi-cfdent-benefit-icon\"\u003e\u003cspan\u003e🦷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eUne formule non abrasive\u003c\/h3\u003e\n \u003cp\u003eAdaptée à l'émail fragile des dents de lait.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cfdent-benefit\"\u003e\n \u003cdiv class=\"soi-cfdent-benefit-icon\"\u003e\u003cspan\u003e👩‍⚕️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApprouvée par un chirurgien-dentiste\u003c\/h3\u003e\n \u003cp\u003eUne formulation validée par un professionnel et labellisée Cosmébio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cfdent-benefit\"\u003e\n \u003cdiv class=\"soi-cfdent-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eUne formule vegan\u003c\/h3\u003e\n \u003cp\u003eComposée de 100 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-cfdent-note\"\u003eLes tests d'usage menés par la marque rapportent un brossage agréable et bien accepté par les enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cfdent-section\"\u003e\n \u003ch2\u003eComposition : ce que contient (et ne contient pas) ce dentifrice\u003c\/h2\u003e\n \u003cdiv class=\"soi-cfdent-compo\"\u003e\n \u003cdiv class=\"soi-cfdent-compo-row\"\u003e\n \u003cspan class=\"soi-cfdent-compo-label\"\u003eActif mis en avant\u003c\/span\u003e\n \u003cspan class=\"soi-cfdent-compo-value\"\u003eExtrait d'aloe vera bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cfdent-compo-row\"\u003e\n \u003cspan class=\"soi-cfdent-compo-label\"\u003eArôme\u003c\/span\u003e\n \u003cspan class=\"soi-cfdent-compo-value\"\u003eArôme naturel de fruits rouges\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cfdent-compo-row\"\u003e\n \u003cspan class=\"soi-cfdent-compo-label\"\u003eFluor\u003c\/span\u003e\n \u003cspan class=\"soi-cfdent-compo-value\"\u003eSans fluor\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cfdent-compo-row\"\u003e\n \u003cspan class=\"soi-cfdent-compo-label\"\u003eIngrédients\u003c\/span\u003e\n \u003cspan class=\"soi-cfdent-compo-value\"\u003e100 % d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cfdent-compo-row\"\u003e\n \u003cspan class=\"soi-cfdent-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-cfdent-compo-value\"\u003eBio (Cosmébio)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cfdent-compo-row\"\u003e\n \u003cspan class=\"soi-cfdent-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-cfdent-compo-value\"\u003e75 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cfdent-compo-row\"\u003e\n \u003cspan class=\"soi-cfdent-compo-label\"\u003eDosage recommandé\u003c\/span\u003e\n \u003cspan class=\"soi-cfdent-compo-value\"\u003eUne noisette de la taille d'un petit pois par brossage, pas plus\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-cfdent-note\"\u003eL'absence de fluor est un choix à discuter avec votre dentiste ou votre pédiatre, selon les apports en fluor de votre enfant. La liste INCI complète figure au dos du tube : consultez-la avant la première utilisation, surtout en cas d'allergie connue.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cfdent-section\"\u003e\n \u003ch2\u003eComment brosser les dents de votre enfant, étape par étape\u003c\/h2\u003e\n \u003cdiv class=\"soi-cfdent-timeline\"\u003e\n \u003cdiv class=\"soi-cfdent-step\"\u003e\n \u003cdiv class=\"soi-cfdent-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-cfdent-step-content\"\u003e\n \u003ch3\u003eDéposez une noisette\u003c\/h3\u003e\n \u003cp\u003ePlacez une noisette de dentifrice sur une brosse à dents souple, adaptée à son âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cfdent-step\"\u003e\n \u003cdiv class=\"soi-cfdent-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-cfdent-step-content\"\u003e\n \u003ch3\u003eRestez présent\u003c\/h3\u003e\n \u003cp\u003eLe brossage se fait toujours sous la surveillance d'un adulte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cfdent-step\"\u003e\n \u003cdiv class=\"soi-cfdent-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-cfdent-step-content\"\u003e\n \u003ch3\u003eBrossez 2 minutes\u003c\/h3\u003e\n \u003cp\u003eEn douceur, sur toutes les faces des dents et près des gencives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cfdent-step\"\u003e\n \u003cdiv class=\"soi-cfdent-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-cfdent-step-content\"\u003e\n \u003ch3\u003eApprenez-lui à recracher\u003c\/h3\u003e\n \u003cp\u003eMontrez-lui comment recracher l'excédent, puis rincer sa bouche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cfdent-tip\"\u003e\n \u003cdiv class=\"soi-cfdent-tip-icon\"\u003e♪\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour que ce moment reste un jeu, laissez votre enfant choisir sa brosse, chantez une chanson de 2 minutes ou transformez le brossage en mission de super-héros, comme sur le tube.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cfdent-section\"\u003e\n \u003ch2\u003eDentifrice maison, tooth mousse, MIH : comment s'y retrouver ?\u003c\/h2\u003e\n \u003cp class=\"soi-cfdent-section-intro\"\u003eFace à la quantité de choix, voici quelques repères concrets.\u003c\/p\u003e\n \u003cdiv class=\"soi-cfdent-grid\"\u003e\n \u003cdiv class=\"soi-cfdent-card\"\u003e\n \u003ch3\u003eDentifrice maison enfant\u003c\/h3\u003e\n \u003cp\u003eLes recettes au bicarbonate ou au charbon peuvent se révéler abrasives pour l'émail des dents de lait. Une formule étudiée pour l'enfant est plus rassurante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cfdent-card\"\u003e\n \u003ch3\u003eDentifrice d'éléphant enfant\u003c\/h3\u003e\n \u003cp\u003eIl s'agit d'une expérience scientifique spectaculaire à faire en famille, mais en aucun cas d'un dentifrice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cfdent-card\"\u003e\n \u003ch3\u003eTooth Mousse, MIH ou 900 Care\u003c\/h3\u003e\n \u003cp\u003eCes produits répondent à des besoins précis. En cas de MIH (hypominéralisation des molaires) ou de dents fragilisées, suivez les conseils de votre dentiste.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cfdent-card\"\u003e\n \u003ch3\u003eDentifrice anti-carie enfant\u003c\/h3\u003e\n \u003cp\u003eAucun dentifrice ne fait tout seul. Un brossage régulier, des goûters moins sucrés et une visite annuelle chez le dentiste restent les meilleurs alliés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-cfdent-note\"\u003eSi vous comparez avec un dentifrice pour enfant Weleda, un dentifrice La Rosée enfant ou une référence trouvée chez Intermarché, regardez la composition, la présence ou non de fluor, la certification bio et surtout le goût que votre enfant accepte.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cfdent-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce dentifrice ?\u003c\/h2\u003e\n \u003cp\u003eIl convient aux \u003cstrong\u003eenfants de 2 à 6 ans\u003c\/strong\u003e qui apprennent à se brosser les dents, aux familles qui privilégient les cosmétiques bio et vegan, ainsi qu'à celles qui souhaitent une solution sans fluor, en accord avec leur professionnel de santé.\u003c\/p\u003e\n \u003cdiv class=\"soi-cfdent-accordion\"\u003e\n \u003cdetails class=\"soi-cfdent-accordion-item\"\u003e\n \u003csummary class=\"soi-cfdent-accordion-header\"\u003ePrécautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-cfdent-accordion-content\"\u003e\n \u003cp\u003eCe produit d'hygiène ne remplace ni un suivi dentaire ni un traitement médical. En cas de douleur, de tache ou de caries suspectées, consultez un chirurgien-dentiste.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cfdent-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-cfdent-cta-box\"\u003e\n \u003cp class=\"soi-cfdent-cta-tag\" style=\"color: white;\"\u003eUn brossage sans grimace, un sourire en confiance\u003c\/p\u003e\n \u003cp class=\"soi-cfdent-cta-text\" style=\"color: white;\"\u003eAvec son goût de fruits rouges et son aloe vera bio, ce dentifrice fait du brossage un moment de complicité, pour construire jour après jour de bonnes habitudes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.soi-cfdent-fiche {\n --soi-cfdent-marine: #1A2D3D;\n --soi-cfdent-marine-dark: #0F1E2B;\n --soi-cfdent-marine-light: #2C4458;\n --soi-cfdent-pomme: #A1C544;\n --soi-cfdent-pomme-dark: #84A636;\n --soi-cfdent-pomme-light: rgba(161,197,68,0.10);\n --soi-cfdent-white: #FFFFFF;\n --soi-cfdent-off-white: #F8FAF6;\n --soi-cfdent-stone: #F1F3EE;\n --soi-cfdent-line: #E5E8E0;\n --soi-cfdent-primary: #A3195B;\n --soi-cfdent-primary-soft: rgba(163,25,91,0.08);\n --soi-cfdent-accent: #E89A2E;\n --soi-cfdent-text: #1A2D3D;\n --soi-cfdent-text-soft: #4A5B6B;\n --soi-cfdent-text-muted: #7B8693;\n --soi-cfdent-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-cfdent-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-cfdent-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-cfdent-radius: 12px;\n --soi-cfdent-radius-sm: 8px;\n --soi-cfdent-radius-pill: 999px;\n}\n\n.soi-cfdent-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-cfdent-fiche img { max-width: 100%; height: auto; }\n\n.soi-cfdent-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-cfdent-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-cfdent-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-cfdent-hero {\n position: relative;\n background: var(--soi-cfdent-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-cfdent-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-cfdent-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--soi-cfdent-pomme) 0%, var(--soi-cfdent-pomme) 70%, var(--soi-cfdent-primary) 100%);\n}\n\n.soi-cfdent-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-cfdent-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-cfdent-pomme);\n border-radius: 50%;\n}\n\n.soi-cfdent-hero-title {\n display: block;\n color: var(--soi-cfdent-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-cfdent-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-cfdent-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-cfdent-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-cfdent-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-cfdent-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-cfdent-label-accent {\n background: var(--soi-cfdent-pomme);\n border-color: var(--soi-cfdent-pomme);\n color: var(--soi-cfdent-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-cfdent-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-cfdent-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-cfdent-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-cfdent-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-cfdent-pomme);\n border-radius: 2px;\n}\n\n.soi-cfdent-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-cfdent-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-cfdent-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-cfdent-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-cfdent-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-cfdent-section strong {\n color: var(--soi-cfdent-marine);\n font-weight: 600;\n}\n\n.soi-cfdent-section .soi-cfdent-note {\n margin-top: 1.25rem;\n font-size: clamp(13px, 1.8vw, 14px);\n color: var(--soi-cfdent-text-soft);\n}\n\n\/* === BENEFITS === *\/\n.soi-cfdent-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-cfdent-benefit {\n background: var(--soi-cfdent-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-cfdent-radius);\n border: 1px solid var(--soi-cfdent-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-cfdent-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-cfdent-shadow-md);\n}\n\n.soi-cfdent-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-cfdent-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-cfdent-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-cfdent-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-cfdent-benefit:hover .soi-cfdent-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-cfdent-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cfdent-marine);\n margin-bottom: 0.5rem;\n line-height: 1.35;\n}\n\n.soi-cfdent-section .soi-cfdent-benefit p {\n font-size: 14px;\n color: var(--soi-cfdent-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-cfdent-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-cfdent-card {\n background: var(--soi-cfdent-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cfdent-radius);\n border-left: 3px solid var(--soi-cfdent-pomme);\n}\n\n.soi-cfdent-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cfdent-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-cfdent-section .soi-cfdent-card p {\n font-size: 14px;\n color: var(--soi-cfdent-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-cfdent-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-cfdent-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-cfdent-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cfdent-radius);\n border: 1px solid var(--soi-cfdent-line);\n align-items: flex-start;\n}\n\n.soi-cfdent-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-cfdent-marine);\n color: var(--soi-cfdent-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-cfdent-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cfdent-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-cfdent-section .soi-cfdent-step-content p {\n font-size: 15px;\n color: var(--soi-cfdent-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-cfdent-compo {\n background: var(--soi-cfdent-off-white);\n border-radius: var(--soi-cfdent-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-cfdent-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-cfdent-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-cfdent-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-cfdent-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-cfdent-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-cfdent-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-cfdent-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-cfdent-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-cfdent-pomme-light);\n border-left: 4px solid var(--soi-cfdent-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-cfdent-radius) var(--soi-cfdent-radius) 0;\n align-items: flex-start;\n}\n\n.soi-cfdent-tip-icon {\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n border-radius: 50%;\n background: var(--soi-cfdent-primary-soft);\n color: var(--soi-cfdent-primary);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n line-height: 1;\n}\n\n.soi-cfdent-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-cfdent-marine);\n margin-bottom: 4px;\n}\n\n.soi-cfdent-section .soi-cfdent-tip p {\n font-size: 15px;\n color: var(--soi-cfdent-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-cfdent-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 1.25rem;\n}\n\n.soi-cfdent-accordion-item {\n background: var(--soi-cfdent-off-white);\n border-radius: var(--soi-cfdent-radius-sm);\n border: 1px solid var(--soi-cfdent-line);\n overflow: hidden;\n}\n\n.soi-cfdent-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-cfdent-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-cfdent-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-cfdent-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-cfdent-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-cfdent-accordion-item[open] .soi-cfdent-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-cfdent-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-cfdent-section .soi-cfdent-accordion-content p {\n font-size: 14px;\n color: var(--soi-cfdent-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-cfdent-cta-box {\n background: var(--soi-cfdent-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-cfdent-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-cfdent-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-cfdent-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-cfdent-section .soi-cfdent-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-cfdent-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-cfdent-section .soi-cfdent-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-cfdent-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-cfdent-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-cfdent-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-cfdent-compo-value {\n text-align: left;\n }\n\n .soi-cfdent-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-cfdent-fiche * {\n animation: none !important;\n transition: none !important;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-cfdent-fiche {\n --soi-cfdent-text-soft: #2C3E50;\n --soi-cfdent-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603231957322,"sku":"CE0601","price":4.2,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/dentifrice-fruits-rouges-special-enfants-certifie-bio-centif-packshot.webp?v=1793555399"},{"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":9.9,"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":11.25,"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":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/spray-anti-moustiques-moskitoo-packshot_e3e7042f-2f8e-408c-b919-748c3163ba5b.webp?v=1785259256"},{"product_id":"aromaspray-cedre-patchouli","title":"Spray d'ambiance Cèdre Patchouli 100 ml - 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":9.99,"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 100 ml - 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":9.99,"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":6.79,"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":6.89,"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":6.89,"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":6.89,"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":6.89,"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":"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":11.89,"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":false}],"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":"\n\u003cdiv class=\"soi-sosd-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-sosd-hero\"\u003e\n \u003cdiv class=\"soi-sosd-hero-tag\"\u003e\n \u003cspan class=\"soi-sosd-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène bucco-dentaire · Propolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-sosd-hero-title\"\u003eLa ruche au service de votre sourire\u003c\/span\u003e\n \u003cp class=\"soi-sosd-hero-subtitle\"\u003eApaisez, purifiez et protégez votre sphère buccale grâce à la puissance de la propolis et des huiles essentielles, dans un soin 100 % naturel certifié Cosmos Natural.\u003c\/p\u003e\n \u003cdiv class=\"soi-sosd-hero-labels\"\u003e\n \u003cspan class=\"soi-sosd-label soi-sosd-label-accent\"\u003eCOSMOS NATURAL\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-label\"\u003eACTIFS 100 % NATURELS\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-label\"\u003eFLACON VERRE RECYCLABLE\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-label\"\u003eDÈS 6 ANS\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Pourquoi choisir --\u003e\n \u003csection class=\"soi-sosd-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce soin bucco-dentaire naturel ?\u003c\/h2\u003e\n \u003cp\u003eLa \u003cstrong\u003epropolis\u003c\/strong\u003e est l'un des trésors de la ruche : utilisée depuis des siècles pour ses propriétés purifiantes, elle s'associe ici à deux huiles essentielles reconnues pour le soin buccal. Le \u003cstrong\u003eclou de girofle\u003c\/strong\u003e est traditionnellement apprécié pour son action apaisante sur les gencives sensibles, tandis que la \u003cstrong\u003ecannelle\u003c\/strong\u003e contribue à assainir la sphère orale.\u003c\/p\u003e\n \u003cp\u003eLe \u003cstrong\u003emiel\u003c\/strong\u003e, quant à lui, vient adoucir et protéger les muqueuses fragilisées. Le résultat : un soin de la bouche ciblé, sans ingrédients de synthèse, qui agit là où vous en avez le plus besoin.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Composition --\u003e\n \u003csection class=\"soi-sosd-section\"\u003e\n \u003ch2\u003eComposition complète du soin\u003c\/h2\u003e\n \u003cdiv class=\"soi-sosd-grid\"\u003e\n \u003cdiv class=\"soi-sosd-card\"\u003e\n \u003ch3\u003e🐝 Propolis purifiante\u003c\/h3\u003e\n \u003cp\u003eActif phare de la ruche, reconnue pour ses vertus nettoyantes et protectrices de la sphère buccale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-card\"\u003e\n \u003ch3\u003e🍯 Miel naturel\u003c\/h3\u003e\n \u003cp\u003eAdoucit et apaise les muqueuses buccales sensibles pour un confort immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-card\"\u003e\n \u003ch3\u003e🌿 HE de clou de girofle\u003c\/h3\u003e\n \u003cp\u003eAction apaisante ciblée sur les gencives et les dents sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-card\"\u003e\n \u003ch3\u003e🌱 HE de cannelle\u003c\/h3\u003e\n \u003cp\u003ePurifie et assainit la bouche en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-card\"\u003e\n \u003ch3\u003e☘️ HE de romarin\u003c\/h3\u003e\n \u003cp\u003eComplète l'action purifiante de la formule pour une hygiène buccale optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-compo\"\u003e\n \u003cdiv class=\"soi-sosd-compo-row\"\u003e\n \u003cspan class=\"soi-sosd-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-compo-value\"\u003e30 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-compo-row\"\u003e\n \u003cspan class=\"soi-sosd-compo-label\"\u003eForme\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-compo-value\"\u003eFlacon pipette en verre recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-compo-row\"\u003e\n \u003cspan class=\"soi-sosd-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-compo-value\"\u003eCosmos Natural\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-compo-row\"\u003e\n \u003cspan class=\"soi-sosd-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-compo-value\"\u003eFrance (Occitanie)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-compo-row\"\u003e\n \u003cspan class=\"soi-sosd-compo-label\"\u003eTests\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-compo-value\"\u003eTesté sous contrôle dermatologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-compo-row\"\u003e\n \u003cspan class=\"soi-sosd-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-compo-value\"\u003eSans colorants ni actifs de synthèse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Comment utiliser --\u003e\n \u003csection class=\"soi-sosd-section\"\u003e\n \u003ch2\u003eComment utiliser ce soin bucco-dentaire ?\u003c\/h2\u003e\n \u003cp class=\"soi-sosd-section-intro\"\u003eCe soin s'utilise de deux façons selon vos besoins :\u003c\/p\u003e\n \u003cdiv class=\"soi-sosd-timeline\"\u003e\n \u003cdiv class=\"soi-sosd-step\"\u003e\n \u003cdiv class=\"soi-sosd-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-step-content\"\u003e\n \u003ch3\u003eApplication locale\u003c\/h3\u003e\n \u003cp\u003eDéposez quelques gouttes directement sur la zone concernée (gencive douloureuse, aphte, irritation) à l'aide de la pipette. Répétez 2 à 3 fois par jour selon le besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-step\"\u003e\n \u003cdiv class=\"soi-sosd-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-step-content\"\u003e\n \u003ch3\u003eBain de bouche dilué\u003c\/h3\u003e\n \u003cp\u003eDiluez 20 à 30 gouttes dans un verre d'eau tiède. Faites un bain de bouche pendant 30 secondes, matin et soir, pour assainir l'ensemble de la sphère buccale et entretenir votre hygiène quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-tip\"\u003e\n \u003cdiv class=\"soi-sosd-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour un confort optimal, commencez par l'application locale lors de gênes ponctuelles, puis intégrez le bain de bouche dilué à votre routine d'hygiène dentaire quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Pour qui --\u003e\n \u003csection class=\"soi-sosd-section\"\u003e\n \u003ch2\u003ePour qui est fait ce soin de la bouche ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-sosd-benefits\"\u003e\n \u003cdiv class=\"soi-sosd-benefit\"\u003e\n \u003cdiv class=\"soi-sosd-benefit-icon\"\u003e\u003cspan\u003e😣\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eGencives sensibles\u003c\/h3\u003e\n \u003cp\u003eVous souffrez de gencives sensibles ou irritées et recherchez un soulagement naturel au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-benefit\"\u003e\n \u003cdiv class=\"soi-sosd-benefit-icon\"\u003e\u003cspan\u003e🩹\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAphtes et petites plaies\u003c\/h3\u003e\n \u003cp\u003eVous êtes sujet aux aphtes ou aux petites plaies buccales récurrentes et souhaitez favoriser leur apaisement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-benefit\"\u003e\n \u003cdiv class=\"soi-sosd-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHygiène naturelle\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez compléter votre hygiène dentaire avec un soin naturel, en alternative aux bains de bouche conventionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-benefit\"\u003e\n \u003cdiv class=\"soi-sosd-benefit-icon\"\u003e\u003cspan\u003e👨‍👩‍👧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eToute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aux adultes et aux enfants dès 6 ans, sous surveillance parentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-accordion\"\u003e\n \u003cdetails class=\"soi-sosd-accordion-item\"\u003e\n \u003csummary class=\"soi-sosd-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-sosd-accordion-content\"\u003e\n \u003cp\u003eCe soin ne se substitue pas à un traitement médical ou dentaire. En cas de douleur persistante, consultez un professionnel de santé. Convient aux enfants dès 6 ans sous surveillance parentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Engagements --\u003e\n \u003csection class=\"soi-sosd-section\"\u003e\n \u003ch2\u003eLes engagements qualité Propolia\u003c\/h2\u003e\n \u003cdiv class=\"soi-sosd-grid-compact\"\u003e\n \u003cdiv class=\"soi-sosd-card-mini\"\u003e\n \u003cspan class=\"soi-sosd-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-card-mini-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-card-mini-value\"\u003e100 % naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-card-mini\"\u003e\n \u003cspan class=\"soi-sosd-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-card-mini-value\"\u003eFrance, Occitanie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-card-mini\"\u003e\n \u003cspan class=\"soi-sosd-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-card-mini-label\"\u003eFlacon\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-card-mini-value\"\u003eVerre recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-card-mini\"\u003e\n \u003cspan class=\"soi-sosd-card-mini-icon\"\u003e🔬\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-card-mini-label\"\u003eContrôle\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-card-mini-value\"\u003eDermatologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-sosd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-sosd-cta-box\"\u003e\n \u003cp class=\"soi-sosd-cta-tag\" style=\"color: white;\"\u003eLa ruche au service de votre sourire\u003c\/p\u003e\n \u003cp class=\"soi-sosd-cta-text\" style=\"color: white;\"\u003eQuand la nature prend soin de votre bouche, chaque journée commence mieux. Propolis, girofle et cannelle réunis dans un flacon de 30 ml pour apaiser, purifier et protéger votre sphère buccale en toute confiance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-sosd-marine: #1A2D3D;\n --soi-sosd-marine-dark: #0F1E2B;\n --soi-sosd-marine-light: #2C4458;\n --soi-sosd-pomme: #A1C544;\n --soi-sosd-pomme-dark: #84A636;\n --soi-sosd-pomme-light: rgba(161,197,68,0.10);\n --soi-sosd-white: #FFFFFF;\n --soi-sosd-off-white: #F8FAF6;\n --soi-sosd-stone: #F1F3EE;\n --soi-sosd-line: #E5E8E0;\n --soi-sosd-primary: #5AAFA5;\n --soi-sosd-primary-soft: #D6EFEC;\n --soi-sosd-accent: #D4A82A;\n --soi-sosd-text: #1A2D3D;\n --soi-sosd-text-soft: #4A5B6B;\n --soi-sosd-text-muted: #7B8693;\n --soi-sosd-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-sosd-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-sosd-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-sosd-radius: 12px;\n --soi-sosd-radius-sm: 8px;\n --soi-sosd-radius-pill: 999px;\n}\n\n.soi-sosd-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-sosd-fiche img { max-width: 100%; height: auto; }\n\n.soi-sosd-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-sosd-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-sosd-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-sosd-hero {\n position: relative;\n background: var(--soi-sosd-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-sosd-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-sosd-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-sosd-pomme);\n}\n\n.soi-sosd-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-sosd-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-sosd-pomme);\n border-radius: 50%;\n}\n\n.soi-sosd-hero-title {\n display: block;\n color: var(--soi-sosd-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-sosd-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-sosd-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-sosd-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-sosd-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-sosd-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-sosd-label-accent {\n background: var(--soi-sosd-pomme);\n border-color: var(--soi-sosd-pomme);\n color: var(--soi-sosd-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-sosd-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-sosd-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-sosd-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-sosd-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-sosd-pomme);\n border-radius: 2px;\n}\n\n.soi-sosd-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-sosd-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-sosd-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-sosd-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-sosd-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-sosd-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-sosd-card {\n background: var(--soi-sosd-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-sosd-radius);\n border-left: 3px solid var(--soi-sosd-pomme);\n}\n\n.soi-sosd-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-sosd-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-sosd-card p {\n font-size: 14px;\n color: var(--soi-sosd-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-sosd-compo {\n background: var(--soi-sosd-off-white);\n border-radius: var(--soi-sosd-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-sosd-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-sosd-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-sosd-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-sosd-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-sosd-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-sosd-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-sosd-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-sosd-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-sosd-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-sosd-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-sosd-radius);\n border: 1px solid var(--soi-sosd-line);\n align-items: flex-start;\n}\n\n.soi-sosd-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-sosd-marine);\n color: var(--soi-sosd-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-sosd-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-sosd-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-sosd-step-content p {\n font-size: 14px;\n color: var(--soi-sosd-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-sosd-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-sosd-benefit {\n background: var(--soi-sosd-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-sosd-radius);\n border: 1px solid var(--soi-sosd-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-sosd-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-sosd-shadow-md);\n}\n\n.soi-sosd-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-sosd-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-sosd-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-sosd-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-sosd-benefit:hover .soi-sosd-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-sosd-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-sosd-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-sosd-benefit p {\n font-size: 13px;\n color: var(--soi-sosd-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-sosd-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-sosd-pomme-light);\n border-left: 4px solid var(--soi-sosd-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-sosd-radius) var(--soi-sosd-radius) 0;\n align-items: flex-start;\n}\n\n.soi-sosd-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-sosd-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-sosd-marine);\n margin-bottom: 4px;\n}\n\n.soi-sosd-tip p {\n font-size: 14px;\n color: var(--soi-sosd-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-sosd-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-sosd-card-mini {\n background: var(--soi-sosd-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-sosd-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-sosd-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-sosd-card-mini-label {\n font-size: 11px;\n color: var(--soi-sosd-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-sosd-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-sosd-marine);\n}\n\n\/* === ACCORDÉON === *\/\n.soi-sosd-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-sosd-accordion-item {\n background: var(--soi-sosd-off-white);\n border-radius: var(--soi-sosd-radius-sm);\n border: 1px solid var(--soi-sosd-line);\n overflow: hidden;\n}\n\n.soi-sosd-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-sosd-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-sosd-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-sosd-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-sosd-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-sosd-accordion-item[open] .soi-sosd-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-sosd-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-sosd-accordion-content p {\n font-size: 14px;\n color: var(--soi-sosd-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-sosd-cta-box {\n background: var(--soi-sosd-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-sosd-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-sosd-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-sosd-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-sosd-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-sosd-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-sosd-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-sosd-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-sosd-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-sosd-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-sosd-compo-value {\n text-align: left;\n }\n\n .soi-sosd-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-sosd-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-sosd-fiche {\n --soi-sosd-text-soft: #2C3E50;\n --soi-sosd-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603398254922,"sku":"AP0160","price":13.99,"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_cd2eb9cc-1e8d-4fd7-b32d-6667d325ab1c.webp?v=1784537989"},{"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":9.69,"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":7.89,"currency_code":"EUR","in_stock":false}],"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 100 ml - 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":12.39,"currency_code":"EUR","in_stock":false}],"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":5.49,"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.89,"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"},{"product_id":"savon-simple-et-sans-parfum-le-gang-des-bulles","title":"Savon 3en1 Sans Parfum - Le Gang des Bulles","description":"\u003cdiv class=\"soi-svon-fiche\"\u003e\n\n\u003csection class=\"soi-svon-hero\"\u003e\n \u003cdiv class=\"soi-svon-hero-tag\"\u003e\n \u003cspan class=\"soi-svon-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Le Gang des Bulles\n \u003c\/div\u003e\n \u003cspan class=\"soi-svon-hero-title\"\u003eSavon Simple et sans Parfum\u003c\/span\u003e\n \u003cp class=\"soi-svon-hero-subtitle\"\u003eUn savon doux, sans artifice, qui nettoie mains, visage et corps en préservant l'équilibre naturel de votre peau. Un seul flacon, une routine simplifiée, une peau qui respire.\u003c\/p\u003e\n \u003cdiv class=\"soi-svon-hero-labels\"\u003e\n \u003cspan class=\"soi-svon-label soi-svon-label-accent\"\u003eSANS PARFUM\u003c\/span\u003e\n \u003cspan class=\"soi-svon-label\"\u003eVÉGAN\u003c\/span\u003e\n \u003cspan class=\"soi-svon-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-svon-label\"\u003eSURGRAS\u003c\/span\u003e\n \u003cspan class=\"soi-svon-label\"\u003eSAPONIFICATION À FROID\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003ch2\u003eUn savon 3-en-1 taillé pour les peaux sensibles\u003c\/h2\u003e\n \u003cp\u003eCe savon doux sans parfum répond parfaitement aux besoins des peaux réactives, fragiles ou intolérantes aux formules conventionnelles. Grâce à son \u003cstrong\u003epH neutre et sa formule surgras\u003c\/strong\u003e, il nettoie sans décaper, sans irriter, sans altérer le film hydrolipidique. Résultat : une peau propre, souple et confortable après chaque utilisation.\u003c\/p\u003e\n \u003cp\u003eSon absence totale de parfum, de colorant et de conservateur en fait une option idéale pour toute la famille, y compris les peaux des bébés, des femmes enceintes ou de toute personne cherchant un savon neutre pour l'hygiène quotidienne, y compris l'hygiène intime externe.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003ch2\u003eCe qui rend ce savon vraiment différent\u003c\/h2\u003e\n \u003cdiv class=\"soi-svon-grid\"\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🌿 Saponification à froid\u003c\/h3\u003e\n \u003cp\u003eUn procédé artisanal qui conserve tous les actifs des huiles végétales et enrichit naturellement le savon en glycérine, pour une douceur incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eSavonnerie artisanale française, circuits courts, zéro dérivé pétrochimique : un choix responsable à chaque geste.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🐰 Végan et non testé sur les animaux\u003c\/h3\u003e\n \u003cp\u003eFormule 100 % d'origine naturelle, biodégradable, sans aucun ingrédient d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e💧 Savon surgras sans parfum\u003c\/h3\u003e\n \u003cp\u003eRiche en huiles nourrissantes, il respecte et renforce la barrière cutanée à chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003ch2\u003eComposition détaillée : des huiles bio sélectionnées avec soin\u003c\/h2\u003e\n \u003cp class=\"soi-svon-section-intro\"\u003eChaque ingrédient a été choisi pour son rôle précis sur la peau :\u003c\/p\u003e\n \u003cdiv class=\"soi-svon-benefits\"\u003e\n \u003cdiv class=\"soi-svon-benefit\"\u003e\n \u003cdiv class=\"soi-svon-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'olive extra vierge bio\u003c\/h3\u003e\n \u003cp\u003eNourrissante et émolliente, elle protège et adoucit durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-benefit\"\u003e\n \u003cdiv class=\"soi-svon-benefit-icon\"\u003e\u003cspan\u003e🥥\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de coco vierge bio\u003c\/h3\u003e\n \u003cp\u003eNettoyante et antibactérienne naturelle, elle produit une mousse légère et enveloppante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-benefit\"\u003e\n \u003cdiv class=\"soi-svon-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de chanvre vierge bio\u003c\/h3\u003e\n \u003cp\u003eRiche en oméga 3 et 6, elle apaise les peaux irritées et rééquilibre les peaux mixtes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-benefit\"\u003e\n \u003cdiv class=\"soi-svon-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCBD\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés apaisantes et anti-inflammatoires, il soutient le confort des peaux sensibles ou sujettes aux rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-tip\"\u003e\n \u003cdiv class=\"soi-svon-tip-icon\"\u003e🚫\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eSans aucun compromis\u003c\/strong\u003e\n \u003cp\u003eSans parfum synthétique, colorant, conservateur, sulfate, parabène, silicone, dérivé pétrochimique ni OGM.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-svon-timeline\"\u003e\n \u003cdiv class=\"soi-svon-step\"\u003e\n \u003cdiv class=\"soi-svon-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-svon-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une petite dose sur peau humide, mains, visage ou corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-step\"\u003e\n \u003cdiv class=\"soi-svon-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-svon-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eMassez doucement, puis rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-step\"\u003e\n \u003cdiv class=\"soi-svon-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-svon-step-content\"\u003e\n \u003ch3\u003eMatin et soir\u003c\/h3\u003e\n \u003cp\u003eUtilisable quotidiennement pour l'hygiène des mains, du visage, du corps ou en savon pour hygiène intime externe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003ch2\u003ePour qui est ce savon ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-svon-grid\"\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les peaux fragiles, sujettes aux allergies ou intolérantes aux formules classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes ou allaitantes\u003c\/h3\u003e\n \u003cp\u003ePour celles qui souhaitent limiter les expositions aux perturbateurs, en toute sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e👶 Toute la famille, bébés inclus\u003c\/h3\u003e\n \u003cp\u003eUne formule épurée, douce et sûre pour chaque membre du foyer, dès le plus jeune âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🔍 Vous qui cherchez la transparence\u003c\/h3\u003e\n \u003cp\u003eUn savon de qualité, sans artifice, pour une hygiène quotidienne responsable et respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003cdiv class=\"soi-svon-accordion\"\u003e\n \u003cdetails class=\"soi-svon-accordion-item\"\u003e\n \u003csummary class=\"soi-svon-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-svon-accordion-content\"\u003e\n \u003cp\u003eCe produit cosmétique n'est pas un médicament et ne remplace pas un avis médical. En cas d'irritation cutanée persistante, 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-svon-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-svon-cta-box\"\u003e\n \u003cp class=\"soi-svon-cta-tag\" style=\"color: white;\"\u003eSe laver naturellement, commencer par l'essentiel\u003c\/p\u003e\n \u003cp class=\"soi-svon-cta-text\" style=\"color: white;\"\u003ePropre, sain, sans compromis. Avec ses huiles bio et son CBD apaisant, ce savon prend soin de votre peau chaque jour, en toute transparence. Pour vous, pour votre famille, 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-svon-marine: #1A2D3D;\n --soi-svon-marine-dark: #0F1E2B;\n --soi-svon-marine-light: #2C4458;\n --soi-svon-pomme: #A1C544;\n --soi-svon-pomme-dark: #84A636;\n --soi-svon-pomme-light: rgba(161,197,68,0.10);\n\n --soi-svon-white: #FFFFFF;\n --soi-svon-off-white: #F8FAF6;\n --soi-svon-stone: #F1F3EE;\n --soi-svon-line: #E5E8E0;\n\n --soi-svon-primary: #A8C8B8;\n --soi-svon-primary-soft: #D4E5DC;\n --soi-svon-accent: #C4A97D;\n\n --soi-svon-text: #1A2D3D;\n --soi-svon-text-soft: #4A5B6B;\n --soi-svon-text-muted: #7B8693;\n\n --soi-svon-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-svon-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-svon-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-svon-radius: 12px;\n --soi-svon-radius-sm: 8px;\n --soi-svon-radius-pill: 999px;\n}\n\n.soi-svon-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-svon-fiche img { max-width: 100%; height: auto; }\n\n.soi-svon-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-svon-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-svon-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-svon-hero {\n position: relative;\n background: var(--soi-svon-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-svon-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-svon-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-svon-pomme);\n}\n\n.soi-svon-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-svon-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-svon-pomme);\n border-radius: 50%;\n}\n\n.soi-svon-hero-title {\n display: block;\n color: var(--soi-svon-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-svon-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-svon-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-svon-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-svon-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-svon-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-svon-label-accent {\n background: var(--soi-svon-pomme);\n border-color: var(--soi-svon-pomme);\n color: var(--soi-svon-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-svon-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-svon-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-svon-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-svon-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-svon-pomme);\n border-radius: 2px;\n}\n\n.soi-svon-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-svon-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-svon-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-svon-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-svon-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-svon-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-svon-benefit {\n background: var(--soi-svon-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-svon-radius);\n border: 1px solid var(--soi-svon-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-svon-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-svon-shadow-md);\n}\n\n.soi-svon-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-svon-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-svon-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-svon-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-svon-benefit:hover .soi-svon-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-svon-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-svon-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-svon-benefit p {\n font-size: 13px;\n color: var(--soi-svon-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-svon-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-svon-card {\n background: var(--soi-svon-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-svon-radius);\n border-left: 3px solid var(--soi-svon-pomme);\n}\n\n.soi-svon-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-svon-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-svon-card p {\n font-size: 14px;\n color: var(--soi-svon-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-svon-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-svon-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-svon-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-svon-radius);\n border: 1px solid var(--soi-svon-line);\n align-items: flex-start;\n}\n\n.soi-svon-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-svon-marine);\n color: var(--soi-svon-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-svon-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-svon-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-svon-step-content p {\n font-size: 14px;\n color: var(--soi-svon-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-svon-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-svon-pomme-light);\n border-left: 4px solid var(--soi-svon-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-svon-radius) var(--soi-svon-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-svon-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-svon-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-svon-marine);\n margin-bottom: 4px;\n}\n\n.soi-svon-tip p {\n font-size: 14px;\n color: var(--soi-svon-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-svon-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-svon-accordion-item {\n background: var(--soi-svon-off-white);\n border-radius: var(--soi-svon-radius-sm);\n border: 1px solid var(--soi-svon-line);\n overflow: hidden;\n}\n\n.soi-svon-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-svon-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-svon-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-svon-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-svon-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-svon-accordion-item[open] .soi-svon-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-svon-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-svon-accordion-content p {\n font-size: 14px;\n color: var(--soi-svon-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-svon-cta-box {\n background: var(--soi-svon-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-svon-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-svon-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-svon-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-svon-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-svon-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-svon-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-svon-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-svon-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-svon-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-svon-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-svon-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-svon-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-svon-fiche {\n --soi-svon-text-soft: #2C3E50;\n --soi-svon-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Le gang des bulles","offers":[{"title":"Default Title","offer_id":61603425026378,"sku":"GB0015","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/Savon3en1SansParfum-LeGangdesBulles_11zon.webp?v=1781253181"},{"product_id":"shampoing-bio-cheveux-normaux-le-gang-des-bulles","title":"Shampoing bio cheveux normaux - Le Gang des Bulles","description":"\u003cdiv class=\"soi-shbio-fiche\"\u003e\n\n\u003csection class=\"soi-shbio-hero\"\u003e\n \u003cdiv class=\"soi-shbio-hero-tag\"\u003e\n \u003cspan class=\"soi-shbio-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire · Le Gang des Bulles\n \u003c\/div\u003e\n \u003cspan class=\"soi-shbio-hero-title\"\u003eShampoing bio cheveux normaux\u003c\/span\u003e\n \u003cp class=\"soi-shbio-hero-subtitle\"\u003eUn soin capillaire certifié bio au parfum d'amande, pour des cheveux propres, souples et éclatants sans compromis sur la composition.\u003c\/p\u003e\n \u003cdiv class=\"soi-shbio-hero-labels\"\u003e\n \u003cspan class=\"soi-shbio-label soi-shbio-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eB CORP\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eCe que contient vraiment ce shampoing bio\u003c\/h2\u003e\n \u003cp class=\"soi-shbio-section-intro\"\u003eLa force de ce soin réside dans sa composition. Chaque ingrédient a été sélectionné pour son efficacité prouvée sur les cheveux normaux.\u003c\/p\u003e\n \u003cdiv class=\"soi-shbio-grid\"\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🌾 Protéines de blé hydrolysées\u003c\/h3\u003e\n \u003cp\u003eElles renforcent la fibre capillaire de l'intérieur, apportent de la souplesse et un vrai éclat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🌼 Eau florale d'hélichryse bio\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés apaisantes, elle calme le cuir chevelu sensible et procure un confort immédiat après le lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e💧 Glycérine végétale bio\u003c\/h3\u003e\n \u003cp\u003eElle hydrate et retient l'eau au cœur du cheveu pour un démêlage facilité et une meilleure élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🍑 Huile de prune de Gascogne\u003c\/h3\u003e\n \u003cp\u003eUn actif précieux du terroir français qui nourrit sans alourdir et laisse les cheveux incroyablement doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🌸 Parfum naturel d'amande\u003c\/h3\u003e\n \u003cp\u003eUne signature olfactive subtile et réconfortante pour chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003ePour qui est ce shampoing bio certifié Cosmos Organic ?\u003c\/h2\u003e\n \u003cp\u003eCe shampoing s'adresse à toute personne aux cheveux normaux, ni trop secs ni trop gras, qui souhaite adopter une routine capillaire naturelle et bio sans compromis sur l'efficacité. Il convient aussi aux cuirs chevelus légèrement sensibles grâce à l'eau florale d'hélichryse apaisante.\u003c\/p\u003e\n \u003cdiv class=\"soi-shbio-tip\"\u003e\n \u003cdiv class=\"soi-shbio-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eSi vous souhaitez compléter votre rituel, sachez qu'il existe également un après-shampoing bio compatible pour optimiser le démêlage et le soin sur la longueur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eComment l'utiliser pour de meilleurs résultats ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-timeline\"\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eMouillez abondamment\u003c\/h3\u003e\n \u003cp\u003eMouillez vos cheveux à l'eau tiède avant application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eAppliquez une noisette\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de shampoing sur le cuir chevelu, massez en mouvements circulaires, puis rincez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eRenouvelez si besoin\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau fraîche pour sceller les écailles du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1.25rem;\"\u003eLe format 200 ml super concentré vous accompagne longtemps : une petite quantité suffit à chaque utilisation.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eLes engagements Le Gang des Bulles\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-grid-compact\"\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eCosmos Organic (Ecocert)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eFabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🅱️\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eResponsabilité\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eB Corp certifiée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eVegan \u0026amp; Cruelty-free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eSans sulfate\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eSans silicone\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eSans paraben\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur ce shampoing bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-accordion\"\u003e\n \u003cdetails class=\"soi-shbio-accordion-item\"\u003e\n \u003csummary class=\"soi-shbio-accordion-header\"\u003e🧴 Le shampoing bio mousse-t-il autant qu'un shampoing classique ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-shbio-accordion-content\"\u003e\n \u003cp\u003eLa mousse est légèrement moins dense que celle des shampoings conventionnels, car il ne contient pas de sulfates moussants agressifs. Cela n'affecte pas son efficacité nettoyante : vos cheveux ressortent propres, légers et brillants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-shbio-accordion-item\"\u003e\n \u003csummary class=\"soi-shbio-accordion-header\"\u003e⏳ Faut-il une période de transition avant de voir les résultats ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-shbio-accordion-content\"\u003e\n \u003cp\u003eSi vous passez d'un shampoing classique à ce soin bio, un temps d'adaptation de 2 à 4 semaines est parfois nécessaire, le temps que votre cuir chevelu retrouve son équilibre naturel. Restez régulier, les résultats sont au rendez-vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-shbio-accordion-item\"\u003e\n \u003csummary class=\"soi-shbio-accordion-header\"\u003e🎨 Ce shampoing bio convient-il aux cheveux colorés ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-shbio-accordion-content\"\u003e\n \u003cp\u003eOui. Sa formule douce sans sulfate préserve la couleur plus longtemps qu'un shampoing conventionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003cp style=\"font-size: 0.85em; color: var(--soi-shbio-text-muted);\"\u003eCe produit est un soin cosmétique. Il ne constitue pas un traitement médical et ne se substitue pas à l'avis d'un professionnel de santé en cas de problème capillaire ou dermatologique.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shbio-cta-box\"\u003e\n \u003cp class=\"soi-shbio-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, un lavage après l'autre\u003c\/p\u003e\n \u003cp class=\"soi-shbio-cta-text\" style=\"color: white;\"\u003eChaque matin, vos cheveux méritent des actifs naturels sélectionnés avec soin, un parfum d'amande qui met de bonne humeur, et la certitude de faire un choix cohérent 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-shbio-marine: #1A2D3D;\n --soi-shbio-marine-dark: #0F1E2B;\n --soi-shbio-marine-light: #2C4458;\n --soi-shbio-pomme: #A1C544;\n --soi-shbio-pomme-dark: #84A636;\n --soi-shbio-pomme-light: rgba(161,197,68,0.10);\n\n --soi-shbio-white: #FFFFFF;\n --soi-shbio-off-white: #F8FAF6;\n --soi-shbio-stone: #F1F3EE;\n --soi-shbio-line: #E5E8E0;\n\n --soi-shbio-primary: #C0724A;\n --soi-shbio-primary-soft: #F5E1D4;\n --soi-shbio-accent: #D4A88A;\n\n --soi-shbio-text: #1A2D3D;\n --soi-shbio-text-soft: #4A5B6B;\n --soi-shbio-text-muted: #7B8693;\n\n --soi-shbio-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shbio-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shbio-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shbio-radius: 12px;\n --soi-shbio-radius-sm: 8px;\n --soi-shbio-radius-pill: 999px;\n}\n\n.soi-shbio-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shbio-fiche img { max-width: 100%; height: auto; }\n\n.soi-shbio-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shbio-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shbio-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shbio-hero {\n position: relative;\n background: var(--soi-shbio-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-shbio-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shbio-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shbio-pomme);\n}\n\n.soi-shbio-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-shbio-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shbio-pomme);\n border-radius: 50%;\n}\n\n.soi-shbio-hero-title {\n display: block;\n color: var(--soi-shbio-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-shbio-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-shbio-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shbio-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-shbio-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shbio-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shbio-label-accent {\n background: var(--soi-shbio-pomme);\n border-color: var(--soi-shbio-pomme);\n color: var(--soi-shbio-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shbio-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shbio-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shbio-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-shbio-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shbio-pomme);\n border-radius: 2px;\n}\n\n.soi-shbio-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-shbio-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-shbio-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shbio-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shbio-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shbio-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shbio-card {\n background: var(--soi-shbio-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbio-radius);\n border-left: 3px solid var(--soi-shbio-pomme);\n}\n\n.soi-shbio-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shbio-card p {\n font-size: 14px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-shbio-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-shbio-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shbio-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbio-radius);\n border: 1px solid var(--soi-shbio-line);\n align-items: flex-start;\n}\n\n.soi-shbio-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shbio-marine);\n color: var(--soi-shbio-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-shbio-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shbio-step-content p {\n font-size: 14px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-shbio-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-shbio-card-mini {\n background: var(--soi-shbio-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-shbio-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-shbio-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-shbio-card-mini-label {\n font-size: 11px;\n color: var(--soi-shbio-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-shbio-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-shbio-compo {\n background: var(--soi-shbio-off-white);\n border-radius: var(--soi-shbio-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-shbio-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-shbio-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shbio-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shbio-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shbio-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-shbio-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shbio-pomme-dark);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-shbio-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shbio-pomme-light);\n border-left: 4px solid var(--soi-shbio-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shbio-radius) var(--soi-shbio-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-shbio-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shbio-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shbio-marine);\n margin-bottom: 4px;\n}\n\n.soi-shbio-tip p {\n font-size: 14px;\n color: var(--soi-shbio-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-shbio-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-shbio-accordion-item {\n background: var(--soi-shbio-off-white);\n border-radius: var(--soi-shbio-radius-sm);\n border: 1px solid var(--soi-shbio-line);\n overflow: hidden;\n}\n\n.soi-shbio-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-shbio-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-shbio-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-shbio-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-shbio-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-shbio-accordion-item[open] .soi-shbio-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-shbio-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-shbio-accordion-content p {\n font-size: 14px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shbio-cta-box {\n background: var(--soi-shbio-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shbio-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shbio-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-shbio-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shbio-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-shbio-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shbio-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shbio-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-shbio-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shbio-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shbio-compo-value {\n text-align: left;\n }\n\n .soi-shbio-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shbio-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shbio-fiche {\n --soi-shbio-text-soft: #2C3E50;\n --soi-shbio-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Le gang des bulles","offers":[{"title":"Default Title","offer_id":61603425321290,"sku":"GB0020","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-bio-cheveux-normaux-le-gang-des-bulles-packshot.webp?v=1779453204"},{"product_id":"shampoing-bio-cheveux-secs-le-gang-des-bulles","title":"Shampoing bio cheveux secs - Le Gang des Bulles","description":"\u003cdiv class=\"soi-shbio-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-shbio-hero\"\u003e\n \u003cdiv class=\"soi-shbio-hero-tag\"\u003e\n \u003cspan class=\"soi-shbio-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire · Le Gang des Bulles\n \u003c\/div\u003e\n \u003cspan class=\"soi-shbio-hero-title\"\u003eShampoing bio cheveux secs\u003c\/span\u003e\n \u003cp class=\"soi-shbio-hero-subtitle\"\u003eNourrissez en profondeur vos cheveux secs et abîmés grâce à une formule certifiée, concentrée et délicatement parfumée sauge ananas.\u003c\/p\u003e\n \u003cdiv class=\"soi-shbio-hero-labels\"\u003e\n \u003cspan class=\"soi-shbio-label soi-shbio-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eCERTIFIÉ B CORP\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eSANS SULFATE · SANS SILICONE · SANS PARABEN\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eLe shampoing bio idéal pour les cheveux secs et abîmés\u003c\/h2\u003e\n \u003cp\u003eVos cheveux tirent, cassent, manquent d'éclat ? C'est souvent le signe d'une fibre capillaire assoiffée qui réclame des soins vrais et des actifs nourrissants. Le \u003cstrong\u003eshampoing bio cheveux secs du Gang des Bulles\u003c\/strong\u003e a été pensé précisément pour cela : nourrir en profondeur, restaurer la souplesse et sublimer votre chevelure, lavage après lavage.\u003c\/p\u003e\n \u003cp\u003eCertifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, formulé et fabriqué en France, il s'impose comme l'un des \u003cstrong\u003emeilleurs shampoings pour cheveux secs\u003c\/strong\u003e du marché naturel.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003ePourquoi vos cheveux secs ont besoin d'un shampoing bio adapté\u003c\/h2\u003e\n \u003cp\u003eLes cheveux secs manquent de lipides : leur cuticule ne retient plus l'eau correctement, ce qui provoque des frisottis, une texture rêche et une casse accrue. La plupart des shampoings conventionnels aggravent le problème en décapant encore davantage le film hydrolipidique avec des sulfates agressifs.\u003c\/p\u003e\n \u003cp\u003eCe \u003cstrong\u003eshampoing bio pour cheveux secs\u003c\/strong\u003e prend le contre-pied de cette logique : sans sulfate, sans silicone, sans paraben, il nettoie en douceur tout en déposant une couche protectrice et nutritive sur chaque mèche. Résultat : des cheveux lavés, mais pas dépouillés.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Actifs --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eLes actifs bio qui font vraiment la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-benefits\"\u003e\n \u003cdiv class=\"soi-shbio-benefit\"\u003e\n \u003cdiv class=\"soi-shbio-benefit-icon\"\u003e\u003cspan\u003e🍑\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de prune bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras insaturés, elle pénètre la fibre capillaire pour la nourrir en profondeur et redonner brillance et douceur sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-benefit\"\u003e\n \u003cdiv class=\"soi-shbio-benefit-icon\"\u003e\u003cspan\u003e🥥\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de coco bio\u003c\/h3\u003e\n \u003cp\u003eSes propriétés hydratantes et réparatrices renforcent la structure du cheveu de l'intérieur, luttant contre la sécheresse et la casse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-benefit\"\u003e\n \u003cdiv class=\"soi-shbio-benefit-icon\"\u003e\u003cspan\u003e🌼\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEau florale d'hélichryse bio\u003c\/h3\u003e\n \u003cp\u003eApaisante et rééquilibrante, elle calme les irritations du cuir chevelu et contribue à un environnement sain pour la repousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-tip\"\u003e\n \u003cdiv class=\"soi-shbio-tip-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCe trio d'actifs agit en synergie pour répondre aux vrais besoins des cheveux secs, cassants ou fragilisés : hydratation, nutrition, protection.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Formule concentrée --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eUne formule concentrée, un parfum inoubliable\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-grid-compact\"\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003e200 ml super concentré\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🍍\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eSauge ananas\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e✨\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eTexture\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eLaiteuse, rinçage facile\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:1.25rem;\"\u003eUne petite quantité suffit pour une mousse onctueuse et généreuse. Chaque lavage libère un délicat parfum \u003cstrong\u003esauge ananas\u003c\/strong\u003e, frais, végétal et original, qui transforme votre routine en un vrai moment de plaisir sensoriel. Votre chevelure ressort légère, douce et visiblement plus nourrie dès la première utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Mode d'emploi --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing pour cheveux secs\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-timeline\"\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés. La formule est concentrée, pas besoin d'en mettre beaucoup.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez doucement 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-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède, jamais trop chaude pour préserver l'hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eComplétez (optionnel)\u003c\/h3\u003e\n \u003cp\u003ePour un résultat optimal, associez-le à un masque nourrissant ou à une huile capillaire une à deux fois par semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-tip\"\u003e\n \u003cdiv class=\"soi-shbio-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCe shampoing convient à un usage régulier, idéalement deux à trois fois par semaine selon la nature de votre chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Pour qui --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003ePour qui est fait ce shampoing bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-grid\"\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🌾 Cheveux naturellement secs\u003c\/h3\u003e\n \u003cp\u003eSi votre fibre capillaire manque de lipides au quotidien, ce shampoing apporte la nutrition profonde dont vous avez besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🔥 Cheveux abîmés par la chaleur ou les colorations\u003c\/h3\u003e\n \u003cp\u003eFragilisés par le sèche-cheveux, le lisseur ou les traitements chimiques, vos cheveux retrouvent souplesse et vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🍃 Cuirs chevelus sensibles\u003c\/h3\u003e\n \u003cp\u003eConvient aux cuirs chevelus sensibles et aux cheveux colorés. Certifié B Corp et Cosmos Organic pour une formule respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 : Composition --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eComposition complète du shampoing bio cheveux secs\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-compo\"\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eINCI complet\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\" style=\"text-align:left; font-weight:400; font-size:13px; line-height:1.6; color: var(--soi-shbio-text-soft);\"\u003eAqua, Sodium Coco-Sulfate (dérivé naturel de coco), Cocamidopropyl Betaine (tensioactif doux), Prunus Domestica Seed Oil* (huile de prune), Cocos Nucifera Oil* (huile de coco), Helichrysum Italicum Flower Water* (eau florale d'hélichryse), Parfum (sauge ananas, issu d'ingrédients naturels), Citric Acid, Sodium Benzoate, Potassium Sorbate.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003eCosmos Organic par Ecocert Greenlife\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eVolume\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003e200 ml (format super concentré)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003eFrance\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.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-shbio-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shbio-cta-box\"\u003e\n \u003cp class=\"soi-shbio-cta-text\" style=\"color: white;\"\u003eParce que vos cheveux méritent mieux qu'un shampoing ordinaire : avec ce soin bio sauge ananas du Gang des Bulles, chaque lavage devient un geste de bienveillance envers votre chevelure et 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 \/* === Couleurs Soinat (FIXES) === *\/\n --soi-shbio-marine: #1A2D3D;\n --soi-shbio-marine-dark: #0F1E2B;\n --soi-shbio-marine-light: #2C4458;\n --soi-shbio-pomme: #A1C544;\n --soi-shbio-pomme-dark: #84A636;\n --soi-shbio-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-shbio-white: #FFFFFF;\n --soi-shbio-off-white: #F8FAF6;\n --soi-shbio-stone: #F1F3EE;\n --soi-shbio-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (packaging sauge\/ananas\/ambre) === *\/\n --soi-shbio-primary: #D88F4A;\n --soi-shbio-primary-soft: rgba(216,143,74,0.10);\n --soi-shbio-accent: #C4703A;\n\n \/* === Textes === *\/\n --soi-shbio-text: #1A2D3D;\n --soi-shbio-text-soft: #4A5B6B;\n --soi-shbio-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-shbio-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shbio-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shbio-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shbio-radius: 12px;\n --soi-shbio-radius-sm: 8px;\n --soi-shbio-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-shbio-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shbio-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-shbio-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shbio-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shbio-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shbio-hero {\n position: relative;\n background: var(--soi-shbio-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-shbio-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shbio-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shbio-pomme);\n}\n\n.soi-shbio-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-shbio-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shbio-pomme);\n border-radius: 50%;\n}\n\n.soi-shbio-hero-title {\n display: block;\n color: var(--soi-shbio-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-shbio-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-shbio-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shbio-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-shbio-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shbio-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shbio-label-accent {\n background: var(--soi-shbio-pomme);\n border-color: var(--soi-shbio-pomme);\n color: var(--soi-shbio-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shbio-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shbio-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shbio-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-shbio-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shbio-pomme);\n border-radius: 2px;\n}\n\n.soi-shbio-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shbio-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shbio-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shbio-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-shbio-benefit {\n background: var(--soi-shbio-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-shbio-radius);\n border: 1px solid var(--soi-shbio-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shbio-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-shbio-shadow-md);\n}\n\n.soi-shbio-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-shbio-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-shbio-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-shbio-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-shbio-benefit:hover .soi-shbio-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-shbio-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shbio-benefit p {\n font-size: 13px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shbio-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shbio-card {\n background: var(--soi-shbio-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbio-radius);\n border-left: 3px solid var(--soi-shbio-pomme);\n}\n\n.soi-shbio-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shbio-card p {\n font-size: 14px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-shbio-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-shbio-card-mini {\n background: var(--soi-shbio-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-shbio-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-shbio-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-shbio-card-mini-label {\n font-size: 11px;\n color: var(--soi-shbio-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-shbio-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-shbio-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-shbio-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shbio-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbio-radius);\n border: 1px solid var(--soi-shbio-line);\n align-items: flex-start;\n}\n\n.soi-shbio-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shbio-marine);\n color: var(--soi-shbio-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-shbio-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shbio-step-content p {\n font-size: 14px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-shbio-compo {\n background: var(--soi-shbio-off-white);\n border-radius: var(--soi-shbio-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-shbio-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-shbio-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shbio-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shbio-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shbio-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n flex-shrink: 0;\n}\n\n.soi-shbio-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shbio-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-shbio-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shbio-pomme-light);\n border-left: 4px solid var(--soi-shbio-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shbio-radius) var(--soi-shbio-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-shbio-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shbio-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shbio-marine);\n margin-bottom: 4px;\n}\n\n.soi-shbio-tip p {\n font-size: 14px;\n color: var(--soi-shbio-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shbio-cta-box {\n background: var(--soi-shbio-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shbio-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shbio-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-shbio-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shbio-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-shbio-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shbio-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shbio-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-shbio-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shbio-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shbio-compo-value {\n text-align: left;\n }\n\n .soi-shbio-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-shbio-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-shbio-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-shbio-grid-compact {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shbio-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shbio-fiche {\n --soi-shbio-text-soft: #2C3E50;\n --soi-shbio-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Le gang des bulles","offers":[{"title":"Default Title","offer_id":61603426074954,"sku":"GB0025","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-bio-cheveux-secs-le-gang-des-bulles-packshot.webp?v=1779452802"},{"product_id":"shampoing-bio-cheveux-gras-le-gang-des-bulles","title":"Shampoing Bio Cheveux Gras – Le Gang des Bulles","description":"\n\u003cdiv class=\"soi-shbg-fiche\"\u003e\n\n\u003csection class=\"soi-shbg-hero\"\u003e\n \u003cdiv class=\"soi-shbg-hero-tag\"\u003e\n \u003cspan class=\"soi-shbg-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire · Le Gang des Bulles\n \u003c\/div\u003e\n \u003cspan class=\"soi-shbg-hero-title\"\u003eShampoing Bio Cheveux Gras\u003c\/span\u003e\n \u003cp class=\"soi-shbg-hero-subtitle\"\u003eUn shampoing purifiant certifié bio qui régule le sébum en douceur et redonne légèreté et fraîcheur durable à vos cheveux, sans jamais agresser le cuir chevelu.\u003c\/p\u003e\n \u003cdiv class=\"soi-shbg-hero-labels\"\u003e\n \u003cspan class=\"soi-shbg-label soi-shbg-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-label\"\u003eCERTIFIÉ BIO\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-label\"\u003eSANS SULFATE\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-label\"\u003eSANS PARABEN\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003eLe shampoing bio pour cheveux gras qui remet les compteurs à zéro\u003c\/h2\u003e\n \u003cp\u003eVous connaissez ce sentiment de fraîcheur trop éphémère : les cheveux lavés le matin, déjà lourds et brillants le soir. Si vous cherchez un shampoing pour cheveux gras qui ne se contente pas de masquer le problème, vous êtes au bon endroit. Le \u003cstrong\u003eShampoing Bio Cheveux Gras de Le Gang des Bulles\u003c\/strong\u003e s'attaque à la source : le cuir chevelu lui-même.\u003c\/p\u003e\n \u003cp\u003eFormulé en France, certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e et fabriqué sans sulfate, sans silicone, sans paraben, ce shampoing purifiant est pensé pour rééquilibrer durablement un cuir chevelu qui sécrète trop de sébum, sans jamais agresser la fibre capillaire.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003ePourquoi votre cuir chevelu produit trop de sébum ?\u003c\/h2\u003e\n \u003cp\u003eUn excès de sébum peut être déclenché par plusieurs facteurs : le stress, une alimentation déséquilibrée, des changements hormonaux ou des shampooings trop décapants qui, en asséchant le cuir chevelu, le poussent à produire encore plus de sébum en réaction. C'est un cercle vicieux bien connu.\u003c\/p\u003e\n \u003cp\u003eLa solution ne consiste pas à laver plus souvent, mais à choisir le bon shampoing pour cheveux gras, capable de réguler sans dessécher.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003eLes actifs clés qui font vraiment la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbg-benefits\"\u003e\n \u003cdiv class=\"soi-shbg-benefit\"\u003e\n \u003cdiv class=\"soi-shbg-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFerment de radis bio\u003c\/h3\u003e\n \u003cp\u003eVéritable star de la formule, il agit comme un régulateur naturel du sébum et assainit le cuir chevelu grâce à ses propriétés antimicrobiennes. Résultat : vos cheveux restent frais plus longtemps entre deux lavages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-benefit\"\u003e\n \u003cdiv class=\"soi-shbg-benefit-icon\"\u003e\u003cspan\u003e🥥\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eGlucosides de coco et de blé\u003c\/h3\u003e\n \u003cp\u003eDes agents lavants ultra-doux d'origine végétale qui nettoient en profondeur tout en respectant l'équilibre naturel du cuir chevelu. Fini les cheveux raides ou étouffés après le shampooing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-benefit\"\u003e\n \u003cdiv class=\"soi-shbg-benefit-icon\"\u003e\u003cspan\u003e🍏\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum naturel de pomme verte\u003c\/h3\u003e\n \u003cp\u003eUne note fraîche et légère qui transforme chaque lavage en un moment agréable, loin des fragrances synthétiques agressives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing purifiant ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbg-timeline\"\u003e\n \u003cdiv class=\"soi-shbg-step\"\u003e\n \u003cdiv class=\"soi-shbg-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step-content\"\u003e\n \u003ch3\u003eMouiller abondamment\u003c\/h3\u003e\n \u003cp\u003eMouillez vos cheveux à l'eau tiède pour ouvrir les écailles et faciliter la pénétration des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step\"\u003e\n \u003cdiv class=\"soi-shbg-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step-content\"\u003e\n \u003ch3\u003eAppliquer une noisette\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de shampoing sur le cuir chevelu et massez doucement avec le bout des doigts pendant 2 à 3 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step\"\u003e\n \u003cdiv class=\"soi-shbg-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step-content\"\u003e\n \u003ch3\u003eRincer abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau fraîche pour resserrer les pores du cuir chevelu et prolonger l'effet purifiant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step\"\u003e\n \u003cdiv class=\"soi-shbg-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step-content\"\u003e\n \u003ch3\u003eEspacer progressivement\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le 2 à 3 fois par semaine au début, puis espacez progressivement les lavages à mesure que votre cuir chevelu se rééquilibre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003eCe que contient réellement ce shampoing bio (liste INCI)\u003c\/h2\u003e\n \u003cp\u003eLa formule est composée à plus de \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont une large part certifiée biologique :\u003c\/p\u003e\n \u003cp class=\"soi-shbg-inci\"\u003e\u003cem\u003eAqua, Coco-Glucoside, Glycerin* (origine végétale), Sodium Cocoamphoacetate, Leuconostoc Radish Root Ferment Filtrate*, Citric Acid, Sodium Benzoate, Potassium Sorbate, Parfum (naturel, pomme).\u003c\/em\u003e\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-shbg-compo\"\u003e\n \u003cdiv class=\"soi-shbg-compo-row\"\u003e\n \u003cspan class=\"soi-shbg-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-compo-row\"\u003e\n \u003cspan class=\"soi-shbg-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-compo-row\"\u003e\n \u003cspan class=\"soi-shbg-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-compo-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-compo-row\"\u003e\n \u003cspan class=\"soi-shbg-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-compo-value\"\u003e99 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003eCe shampoing est-il fait pour vous ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbg-grid\"\u003e\n \u003cdiv class=\"soi-shbg-card\"\u003e\n \u003ch3\u003e⚡ Cheveux qui graissent vite\u003c\/h3\u003e\n \u003cp\u003eVos cheveux deviennent lourds et brillants rapidement, même après le lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-card\"\u003e\n \u003ch3\u003e🔄 Cuir chevelu déséquilibré\u003c\/h3\u003e\n \u003cp\u003eVotre cuir chevelu démange ou manque d'équilibre et vous souhaitez le réguler naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-card\"\u003e\n \u003ch3\u003e🕐 Espacer les lavages\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez espacer vos lavages sans compromis sur la fraîcheur et la légèreté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-card\"\u003e\n \u003ch3\u003e🌿 Exigence naturelle\u003c\/h3\u003e\n \u003cp\u003eVous recherchez un shampoing cheveux gras sans sulfate, naturel et certifié bio, avec une formule courte et honnête.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003cdiv class=\"soi-shbg-accordion\"\u003e\n \u003cdetails class=\"soi-shbg-accordion-item\"\u003e\n \u003csummary class=\"soi-shbg-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-shbg-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne se substitue pas à un avis médical en cas de problème de cuir chevelu persistant (dermite, psoriasis, etc.).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shbg-cta-box\"\u003e\n \u003cp class=\"soi-shbg-cta-text\" style=\"color: white;\"\u003eEnfin un shampoing bio qui comprend vraiment les cheveux gras. Une formule courte, honnête, certifiée Cosmos Organic, qui régule le sébum en douceur et redonne à vos cheveux une légèreté durable.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-shbg-marine: #1A2D3D;\n --soi-shbg-marine-dark: #0F1E2B;\n --soi-shbg-marine-light: #2C4458;\n --soi-shbg-pomme: #A1C544;\n --soi-shbg-pomme-dark: #84A636;\n --soi-shbg-pomme-light: rgba(161,197,68,0.10);\n\n --soi-shbg-white: #FFFFFF;\n --soi-shbg-off-white: #F8FAF6;\n --soi-shbg-stone: #F1F3EE;\n --soi-shbg-line: #E5E8E0;\n\n --soi-shbg-primary: #7AAD4A;\n --soi-shbg-primary-soft: #D4E8C2;\n --soi-shbg-accent: #C8A84E;\n\n --soi-shbg-text: #1A2D3D;\n --soi-shbg-text-soft: #4A5B6B;\n --soi-shbg-text-muted: #7B8693;\n\n --soi-shbg-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shbg-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shbg-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shbg-radius: 12px;\n --soi-shbg-radius-sm: 8px;\n --soi-shbg-radius-pill: 999px;\n}\n\n.soi-shbg-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shbg-fiche img { max-width: 100%; height: auto; }\n\n.soi-shbg-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shbg-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shbg-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shbg-hero {\n position: relative;\n background: var(--soi-shbg-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-shbg-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shbg-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shbg-pomme);\n}\n\n.soi-shbg-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-shbg-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shbg-pomme);\n border-radius: 50%;\n}\n\n.soi-shbg-hero-title {\n display: block;\n color: var(--soi-shbg-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-shbg-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-shbg-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shbg-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-shbg-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shbg-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shbg-label-accent {\n background: var(--soi-shbg-pomme);\n border-color: var(--soi-shbg-pomme);\n color: var(--soi-shbg-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shbg-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shbg-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shbg-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-shbg-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shbg-pomme);\n border-radius: 2px;\n}\n\n.soi-shbg-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shbg-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shbg-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-shbg-inci {\n background: var(--soi-shbg-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-shbg-radius-sm);\n font-size: clamp(13px, 1.8vw, 14px);\n color: var(--soi-shbg-text-soft);\n line-height: 1.7;\n}\n\n\/* === BENEFITS === *\/\n.soi-shbg-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-shbg-benefit {\n background: var(--soi-shbg-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-shbg-radius);\n border: 1px solid var(--soi-shbg-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shbg-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-shbg-shadow-md);\n}\n\n.soi-shbg-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-shbg-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-shbg-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-shbg-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-shbg-benefit:hover .soi-shbg-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-shbg-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shbg-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shbg-benefit p {\n font-size: 13px;\n color: var(--soi-shbg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shbg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shbg-card {\n background: var(--soi-shbg-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbg-radius);\n border-left: 3px solid var(--soi-shbg-pomme);\n}\n\n.soi-shbg-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shbg-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shbg-card p {\n font-size: 14px;\n color: var(--soi-shbg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-shbg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-shbg-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shbg-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbg-radius);\n border: 1px solid var(--soi-shbg-line);\n align-items: flex-start;\n}\n\n.soi-shbg-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shbg-marine);\n color: var(--soi-shbg-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-shbg-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shbg-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shbg-step-content p {\n font-size: 14px;\n color: var(--soi-shbg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-shbg-compo {\n background: var(--soi-shbg-off-white);\n border-radius: var(--soi-shbg-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.soi-shbg-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-shbg-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shbg-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shbg-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shbg-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-shbg-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shbg-marine);\n text-align: right;\n}\n\n\/* === ACCORDION === *\/\n.soi-shbg-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-shbg-accordion-item {\n background: var(--soi-shbg-off-white);\n border-radius: var(--soi-shbg-radius-sm);\n border: 1px solid var(--soi-shbg-line);\n overflow: hidden;\n}\n\n.soi-shbg-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-shbg-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-shbg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-shbg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-shbg-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-shbg-accordion-item[open] .soi-shbg-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-shbg-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-shbg-accordion-content p {\n font-size: 14px;\n color: var(--soi-shbg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shbg-cta-box {\n background: var(--soi-shbg-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shbg-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shbg-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-shbg-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shbg-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-shbg-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shbg-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shbg-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-shbg-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shbg-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shbg-compo-value {\n text-align: left;\n }\n\n .soi-shbg-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shbg-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shbg-fiche {\n --soi-shbg-text-soft: #2C3E50;\n --soi-shbg-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Le gang des bulles","offers":[{"title":"Default Title","offer_id":61603426566474,"sku":"GB0030","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-bio-cheveux-gras-le-gang-des-bulles-lifestyle.webp?v=1779457543"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/collections\/hygiene.webp?v=1780059274","url":"https:\/\/firmtoaromatherapy.com\/collections\/hygiene.oembed","provider":"Soinature","version":"1.0","type":"link"}