{"product_id":"lotion-tonique-visage-certifiee-bio-florame","title":"Lotion Tonique Visage certifiée bio – Florame","description":"\u003cdiv class=\"soi-ltnq-fiche\"\u003e\n\n\u003csection class=\"soi-ltnq-hero\"\u003e\n  \u003cdiv class=\"soi-ltnq-hero-tag\"\u003e\n    \u003cspan class=\"soi-ltnq-tag-dot\"\u003e\u003c\/span\u003e\n    Cosmétique visage · Florame\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-ltnq-hero-title\"\u003eL'éclat d'un teint rééquilibré au naturel\u003c\/span\u003e\n  \u003cp class=\"soi-ltnq-hero-subtitle\"\u003eAux eaux florales bio et à la camomille bio, cette lotion tonique complète votre routine en rééquilibrant le pH cutané, en affinant le grain de peau et en préparant l'épiderme à recevoir pleinement vos soins.\u003c\/p\u003e\n  \u003cdiv class=\"soi-ltnq-hero-labels\"\u003e\n    \u003cspan class=\"soi-ltnq-label soi-ltnq-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n    \u003cspan class=\"soi-ltnq-label\"\u003eCERTIFIÉE BIO\u003c\/span\u003e\n    \u003cspan class=\"soi-ltnq-label\"\u003eMADE IN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-ltnq-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n    \u003cspan class=\"soi-ltnq-label\"\u003eSANS ALCOOL\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ltnq-section\"\u003e\n  \u003ch2\u003ePourquoi utiliser une lotion tonique pour le visage ?\u003c\/h2\u003e\n  \u003cp\u003eMême après un nettoyage soigneux, des résidus (calcaire de l'eau, traces de maquillage, pollution) peuvent rester sur l'épiderme. Une lotion tonique hydratante comme celle de Florame agit en trois temps pour parfaire votre routine.\u003c\/p\u003e\n  \u003cdiv class=\"soi-ltnq-benefits\"\u003e\n    \u003cdiv class=\"soi-ltnq-benefit\"\u003e\n      \u003cdiv class=\"soi-ltnq-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eRééquilibre le pH\u003c\/h3\u003e\n      \u003cp\u003eCorrige le déséquilibre causé par l'eau du robinet pour restaurer le confort cutané.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ltnq-benefit\"\u003e\n      \u003cdiv class=\"soi-ltnq-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eResserre les pores\u003c\/h3\u003e\n      \u003cp\u003eAffine le grain de peau pour un teint plus lisse et uniforme.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ltnq-benefit\"\u003e\n      \u003cdiv class=\"soi-ltnq-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003ePrépare l'épiderme\u003c\/h3\u003e\n      \u003cp\u003eFavorise une meilleure absorption de vos soins suivants : sérum, crème hydratante ou huile.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-ltnq-tip\"\u003e\n    \u003cdiv class=\"soi-ltnq-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eSans cette étape, vos soins agissent à moitié. Avec elle, chaque produit appliqué par la suite est jusqu'à deux fois mieux absorbé.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ltnq-section\"\u003e\n  \u003ch2\u003eLes actifs clés de cette lotion tonique bio Florame\u003c\/h2\u003e\n  \u003cdiv class=\"soi-ltnq-grid\"\u003e\n    \u003cdiv class=\"soi-ltnq-card\"\u003e\n      \u003ch3\u003e🌼 Camomille bio\u003c\/h3\u003e\n      \u003cp\u003eApaisante et anti-rougeurs, elle est idéale pour les peaux sensibles ou réactives. Elle calme les tiraillements et unifie le teint.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ltnq-card\"\u003e\n      \u003ch3\u003e💧 Eaux florales bio (Bleuet, Rose…)\u003c\/h3\u003e\n      \u003cp\u003eCes eaux distillées apportent une hydratation de surface immédiate et une sensation de fraîcheur unique, sans alourdir la peau.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ltnq-card\"\u003e\n      \u003ch3\u003e🌿 Aloe Vera bio\u003c\/h3\u003e\n      \u003cp\u003eHydratant et réparateur, l'Aloe Vera laisse la peau souple et confortable. Un incontournable pour les peaux sèches ou stressées.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ltnq-card\"\u003e\n      \u003ch3\u003e🍃 Hamamélis\u003c\/h3\u003e\n      \u003cp\u003eAstringent naturel, il resserre les pores et régule les brillances, ce qui en fait un allié précieux pour les peaux grasses.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ltnq-section\"\u003e\n  \u003ch2\u003eComment appliquer votre lotion tonique visage, étape par étape\u003c\/h2\u003e\n  \u003cdiv class=\"soi-ltnq-timeline\"\u003e\n    \u003cdiv class=\"soi-ltnq-step\"\u003e\n      \u003cdiv class=\"soi-ltnq-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-ltnq-step-content\"\u003e\n        \u003ch3\u003eNettoyez votre visage\u003c\/h3\u003e\n        \u003cp\u003eUtilisez un démaquillant ou un gel nettoyant adapté à votre type de peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ltnq-step\"\u003e\n      \u003cdiv class=\"soi-ltnq-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-ltnq-step-content\"\u003e\n        \u003ch3\u003eImbibez un coton\u003c\/h3\u003e\n        \u003cp\u003eVersez de la lotion tonique sur un coton ou quelques gouttes dans le creux de vos mains.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ltnq-step\"\u003e\n      \u003cdiv class=\"soi-ltnq-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-ltnq-step-content\"\u003e\n        \u003ch3\u003eAppliquez sur le visage et le cou\u003c\/h3\u003e\n        \u003cp\u003eProcédez par tapotements doux sur l'ensemble du visage et du cou, en évitant le contour des yeux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ltnq-step\"\u003e\n      \u003cdiv class=\"soi-ltnq-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-ltnq-step-content\"\u003e\n        \u003ch3\u003eEnchaînez avec vos soins\u003c\/h3\u003e\n        \u003cp\u003eAppliquez immédiatement votre sérum ou crème hydratante, sans rincer la lotion.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-ltnq-tip\"\u003e\n    \u003cdiv class=\"soi-ltnq-tip-icon\"\u003e🔄\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eÀ utiliser matin et soir, 7 jours sur 7. Cette lotion convient à toutes les peaux, y compris les peaux sensibles et les peaux grasses.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ltnq-section\"\u003e\n  \u003ch2\u003eComposition complète (liste INCI)\u003c\/h2\u003e\n  \u003cdiv class=\"soi-ltnq-compo\"\u003e\n    \u003cdiv class=\"soi-ltnq-compo-row\"\u003e\n      \u003cspan class=\"soi-ltnq-compo-label\"\u003eVolume\u003c\/span\u003e\n      \u003cspan class=\"soi-ltnq-compo-value\"\u003e200 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ltnq-compo-row\"\u003e\n      \u003cspan class=\"soi-ltnq-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-ltnq-compo-value\"\u003eCOSMOS Organic par Ecocert Greenlife\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ltnq-compo-row\"\u003e\n      \u003cspan class=\"soi-ltnq-compo-label\"\u003eFabrication\u003c\/span\u003e\n      \u003cspan class=\"soi-ltnq-compo-value\"\u003eSaint-Rémy-de-Provence, France\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ltnq-compo-row\"\u003e\n      \u003cspan class=\"soi-ltnq-compo-label\"\u003eSans\u003c\/span\u003e\n      \u003cspan class=\"soi-ltnq-compo-value\"\u003eAlcool, colorants artificiels, silicones, parabènes\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-ltnq-accordion\"\u003e\n    \u003cdetails class=\"soi-ltnq-accordion-item\"\u003e\n      \u003csummary class=\"soi-ltnq-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n      \u003cdiv class=\"soi-ltnq-accordion-content\"\u003e\n        \u003cp\u003eAqua, Aloe Barbadensis Leaf Juice*, Glycerin*, Centaurea Cyanus Flower Water*, Rosa Damascena Flower Water*, Anthemis Nobilis Flower Water*, Hamamelis Virginiana Water*, Chamomilla Recutita Flower Extract*, Panthenol, Sodium Hyaluronate, Xanthan Gum, Parfum, Linalool, Limonene, Geraniol. (*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-ltnq-section\"\u003e\n  \u003ch2\u003ePour quel type de peau cette lotion tonique est-elle adaptée ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-ltnq-grid\"\u003e\n    \u003cdiv class=\"soi-ltnq-card\"\u003e\n      \u003ch3\u003e🌸 Peau normale à mixte\u003c\/h3\u003e\n      \u003cp\u003eRééquilibre et uniformise le teint sans agresser l'épiderme.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ltnq-card\"\u003e\n      \u003ch3\u003e💎 Peau grasse\u003c\/h3\u003e\n      \u003cp\u003eResserre les pores et régule les brillances grâce à l'Hamamélis.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ltnq-card\"\u003e\n      \u003ch3\u003e🤍 Peau sèche ou sensible\u003c\/h3\u003e\n      \u003cp\u003eApaise, hydrate et conforte grâce à l'Aloe Vera et à la Camomille.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ltnq-section\"\u003e\n  \u003ch2\u003eVos interrogations sur la lotion tonique pour le visage\u003c\/h2\u003e\n  \u003cdiv class=\"soi-ltnq-accordion\"\u003e\n    \u003cdetails class=\"soi-ltnq-accordion-item\"\u003e\n      \u003csummary class=\"soi-ltnq-accordion-header\"\u003e❓ Faut-il rincer la lotion tonique après application ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-ltnq-accordion-content\"\u003e\n        \u003cp\u003eNon, elle s'applique sans rinçage et sert de base pour les soins suivants.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-ltnq-accordion-item\"\u003e\n      \u003csummary class=\"soi-ltnq-accordion-header\"\u003e❓ Quelle différence avec une eau micellaire ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-ltnq-accordion-content\"\u003e\n        \u003cp\u003eL'eau micellaire nettoie et démaquille. La lotion tonique, elle, complète ce nettoyage et prépare activement la peau aux soins.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-ltnq-accordion-item\"\u003e\n      \u003csummary class=\"soi-ltnq-accordion-header\"\u003e❓ Combien de temps dure un flacon de 200 ml ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-ltnq-accordion-content\"\u003e\n        \u003cp\u003eAvec une utilisation matin et soir, comptez environ 2 à 3 mois.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ltnq-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-ltnq-cta-box\"\u003e\n    \u003cp class=\"soi-ltnq-cta-tag\" style=\"color: white;\"\u003eLe geste simple qui change tout dans votre routine\u003c\/p\u003e\n    \u003cp class=\"soi-ltnq-cta-text\" style=\"color: white;\"\u003eDes actifs botaniques certifiés bio, un toucher frais et léger, une peau nette et prête à rayonner. Chaque matin, chaque soir, offrez à votre peau ce moment d'équilibre qu'elle mérite.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-ltnq-marine: #1A2D3D;\n  --soi-ltnq-marine-dark: #0F1E2B;\n  --soi-ltnq-marine-light: #2C4458;\n  --soi-ltnq-pomme: #A1C544;\n  --soi-ltnq-pomme-dark: #84A636;\n  --soi-ltnq-pomme-light: rgba(161,197,68,0.10);\n  --soi-ltnq-white: #FFFFFF;\n  --soi-ltnq-off-white: #F8FAF6;\n  --soi-ltnq-stone: #F1F3EE;\n  --soi-ltnq-line: #E5E8E0;\n  --soi-ltnq-primary: #7A9ABF;\n  --soi-ltnq-primary-soft: #C5D4E3;\n  --soi-ltnq-accent: #C8956B;\n  --soi-ltnq-text: #1A2D3D;\n  --soi-ltnq-text-soft: #4A5B6B;\n  --soi-ltnq-text-muted: #7B8693;\n  --soi-ltnq-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-ltnq-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-ltnq-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-ltnq-radius: 12px;\n  --soi-ltnq-radius-sm: 8px;\n  --soi-ltnq-radius-pill: 999px;\n}\n\n.soi-ltnq-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-ltnq-fiche img { max-width: 100%; height: auto; }\n\n.soi-ltnq-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-ltnq-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-ltnq-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-ltnq-hero {\n  position: relative;\n  background: var(--soi-ltnq-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-ltnq-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-ltnq-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-ltnq-pomme);\n}\n\n.soi-ltnq-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-ltnq-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-ltnq-pomme);\n  border-radius: 50%;\n}\n\n.soi-ltnq-hero-title {\n  display: block;\n  color: var(--soi-ltnq-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-ltnq-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-ltnq-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-ltnq-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-ltnq-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-ltnq-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-ltnq-label-accent {\n  background: var(--soi-ltnq-pomme);\n  border-color: var(--soi-ltnq-pomme);\n  color: var(--soi-ltnq-marine);\n  font-weight: 600;\n}\n\n.soi-ltnq-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-ltnq-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-ltnq-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-ltnq-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-ltnq-pomme);\n  border-radius: 2px;\n}\n\n.soi-ltnq-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-ltnq-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-ltnq-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-ltnq-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-ltnq-benefit {\n  background: var(--soi-ltnq-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-ltnq-radius);\n  border: 1px solid var(--soi-ltnq-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-ltnq-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-ltnq-shadow-md);\n}\n\n.soi-ltnq-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-ltnq-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-ltnq-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-ltnq-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-ltnq-benefit:hover .soi-ltnq-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-ltnq-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-ltnq-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-ltnq-benefit p {\n  font-size: 13px;\n  color: var(--soi-ltnq-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-ltnq-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-ltnq-card {\n  background: var(--soi-ltnq-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-ltnq-radius);\n  border-left: 3px solid var(--soi-ltnq-pomme);\n}\n\n.soi-ltnq-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-ltnq-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-ltnq-card p {\n  font-size: 14px;\n  color: var(--soi-ltnq-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-ltnq-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-ltnq-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-ltnq-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-ltnq-radius);\n  border: 1px solid var(--soi-ltnq-line);\n  align-items: flex-start;\n}\n\n.soi-ltnq-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-ltnq-marine);\n  color: var(--soi-ltnq-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-ltnq-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-ltnq-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-ltnq-step-content p {\n  font-size: 14px;\n  color: var(--soi-ltnq-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-ltnq-compo {\n  background: var(--soi-ltnq-off-white);\n  border-radius: var(--soi-ltnq-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1rem;\n}\n\n.soi-ltnq-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-ltnq-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-ltnq-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-ltnq-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-ltnq-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-ltnq-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-ltnq-marine);\n  text-align: right;\n}\n\n.soi-ltnq-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-ltnq-pomme-light);\n  border-left: 4px solid var(--soi-ltnq-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-ltnq-radius) var(--soi-ltnq-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-ltnq-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-ltnq-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-ltnq-marine);\n  margin-bottom: 4px;\n}\n\n.soi-ltnq-tip p {\n  font-size: 14px;\n  color: var(--soi-ltnq-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-ltnq-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-ltnq-accordion-item {\n  background: var(--soi-ltnq-off-white);\n  border-radius: var(--soi-ltnq-radius-sm);\n  border: 1px solid var(--soi-ltnq-line);\n  overflow: hidden;\n}\n\n.soi-ltnq-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-ltnq-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-ltnq-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-ltnq-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-ltnq-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-ltnq-accordion-item[open] .soi-ltnq-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-ltnq-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-ltnq-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-ltnq-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-ltnq-cta-box {\n  background: var(--soi-ltnq-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-ltnq-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-ltnq-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-ltnq-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-ltnq-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-ltnq-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-ltnq-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-ltnq-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-ltnq-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-ltnq-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-ltnq-compo-value {\n    text-align: left;\n  }\n\n  .soi-ltnq-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-ltnq-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-ltnq-fiche {\n    --soi-ltnq-text-soft: #2C3E50;\n    --soi-ltnq-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Florame","offers":[{"title":"Default Title","offer_id":61603869000010,"sku":"FM0385","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/lotion-tonique-visage-certifiee-bio-florame-packshot_6974b077-66d9-40f7-adad-9ddb361ab467.webp?v=1784882688","url":"https:\/\/firmtoaromatherapy.com\/products\/lotion-tonique-visage-certifiee-bio-florame","provider":"Soinature","version":"1.0","type":"link"}