{"product_id":"bobana-leave-in-cream-with-argan-oil","title":"Bobana Leave-in hair treatment Cream With Argan Oil 200 ml","description":"\u003cdiv class=\"product-description-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"golden-glow\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hero-image\"\u003e\n\u003cimg alt=\"Crème sans rinçage Bobana à l'huile d'argan\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana_leave_in_cream_argan_oil.png?v=1752591161\"\/\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"main-title\"\u003eCrème sans rinçage Bobana à l'huile d'argan\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003eTraitement en or pour cheveux abîmés et teints\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Why Argan Oil Section --\u003e\n\u003cdiv class=\"section-container fade-in\"\u003e\n\u003ch3 class=\"section-title\"\u003ePourquoi l'huile d'argan est-elle le « or liquide » pour les cheveux?\u003c\/h3\u003e\n\u003cdiv class=\"argan-section\"\u003e\n\u003cdiv class=\"argan-image\"\u003e\n\u003cimg alt=\"Huile d'argan marocaine\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/argan_oil.jpg?v=1752591188\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-story\"\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cdiv class=\"card-icon\"\u003e🌳\u003c\/div\u003e\n\u003cp\u003eL'huile d'argan n'est pas une huile ordinaire \u003cstrong\u003eTrésor rare\u003c\/strong\u003e Il provient de l'arganier au Maroc, qui met 200 ans à mûrir!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cdiv class=\"card-icon\"\u003e🌍\u003c\/div\u003e\n\u003cp\u003eCet arbre ne pousse qu'à un seul endroit dans le monde entier, et c'est ce qui fait de l'huile d'argan l'une des huiles naturelles les plus chères et les plus puissantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"section-container dark-section\"\u003e\n\u003ch3 class=\"section-title\"\u003eBienfaits du traitement doré pour cheveux abîmés\u003c\/h3\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003cdiv class=\"benefits-image\"\u003e\n\u003cimg alt=\"Avantages de la crème à l'argan\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-leave-in-cream-brwith-argan-oil-444486.webp?v=1752590709\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003eRéparation des dommages en profondeur\u003c\/h4\u003e\n\u003cp\u003eL'huile d'argan est riche en acides gras essentiels qui pénètrent dans les cheveux et réparent les dommages de l'intérieur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003eDéfinir les boucles naturelles\u003c\/h4\u003e\n\u003cp\u003eOffre un contrôle parfait des frisottis avec une définition claire et naturelle des mèches\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003eProtection contre les dommages futurs\u003c\/h4\u003e\n\u003cp\u003eIl forme une couche protectrice naturelle qui protège les cheveux de la chaleur et des facteurs environnementaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003eBrillance et douceur instantanées\u003c\/h4\u003e\n\u003cp\u003eLa kératine hydrolysée comble les lacunes des cheveux abîmés et leur donne une douceur soyeuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003eRenforcement grâce à la caféine\u003c\/h4\u003e\n\u003cp\u003eLa caféine stimule la circulation sanguine du cuir chevelu et renforce les follicules\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003eHydratation longue durée\u003c\/h4\u003e\n\u003cp\u003eL'hydratation profonde est préférée dans les cheveux pendant de longues heures sans sensation de gras\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"section-container dark-section\"\u003e\n\u003ch3 class=\"section-title\"\u003eIngrédients naturels avancés pour cheveux abîmés\u003c\/h3\u003e\n\u003cdiv class=\"ingredients-accordion\"\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-header\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e\u003c\/span\u003e\n\u003ch4\u003eHuile d'argan marocaine originale\u003c\/h4\u003e\n\u003cspan class=\"toggle-icon\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eOr liquide pour les cheveux:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eRiche en vitamine E naturelle, à une concentration plus élevée que toute autre huile\u003c\/li\u003e\n\u003cli\u003eAcides gras essentiels rares qui restaurent les cheveux depuis les racines\u003c\/li\u003e\n\u003cli\u003eLes antioxydants puissants protègent contre les dommages et le vieillissement prématuré\u003c\/li\u003e\n\u003cli\u003eAbsorption rapide qui ne rend pas les cheveux gras ou fris\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-header\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e\u003c\/span\u003e\n\u003ch4\u003eKératine hydrolysée\u003c\/h4\u003e\n\u003cspan class=\"toggle-icon\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eProtéine capillaire manquante:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eIl remplit les espaces des cheveux abîmés et restaure la structure interne\u003c\/li\u003e\n\u003cli\u003eIl renforce les cheveux et augmente leur résistance à la casse et à la rupture\u003c\/li\u003e\n\u003cli\u003eAméliore l'élasticité des cheveux et les rend moins susceptibles d'être endommagés\u003c\/li\u003e\n\u003cli\u003eVos mains ont une douceur naturelle et un éclat sain\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-header\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e\u003c\/span\u003e\n\u003ch4\u003eExtrait de romarin\u003c\/h4\u003e\n\u003cspan class=\"toggle-icon\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eProtecteur naturel:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eStimule la circulation sanguine du cuir chevelu pour une meilleure nutrition\u003c\/li\u003e\n\u003cli\u003eUn antioxydant qui protège contre les dommages environnementaux et la pollution\u003c\/li\u003e\n\u003cli\u003eIl renforce les follicules et prévient la perte de cheveux due à la faiblesse\u003c\/li\u003e\n\u003cli\u003eIl rafraîchit les cheveux et leur donne une senteur naturelle et rafraîchissante\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-header\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e\u003c\/span\u003e\n\u003ch4\u003eCaféine\u003c\/h4\u003e\n\u003cspan class=\"toggle-icon\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eStimulant de croissance naturel:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eStimule le flux sanguin vers le cuir chevelu et les follicules\u003c\/li\u003e\n\u003cli\u003eIl renforce les racines des cheveux et prévient la faiblesse et la chute\u003c\/li\u003e\n\u003cli\u003eActive les follicules dormants pour faire pousser de nouveaux cheveux\u003c\/li\u003e\n\u003cli\u003eAméliore l'absorption des nutriments provenant d'autres ingrédients\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-header\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e\u003c\/span\u003e\n\u003ch4\u003eHuile de jojoba\u003c\/h4\u003e\n\u003cspan class=\"toggle-icon\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eHumidificateur intelligent:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eUne formule proche des huiles naturelles des cheveux\u003c\/li\u003e\n\u003cli\u003eRégule la sécrétion d'huiles pour cheveux gras\u003c\/li\u003e\n\u003cli\u003eHydratation profonde pour cheveux secs sans lourdeur\u003c\/li\u003e\n\u003cli\u003eProtection naturelle contre la chaleur et le coiffage\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-header\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e\u003c\/span\u003e\n\u003ch4\u003eHuile de ricin\u003c\/h4\u003e\n\u003cspan class=\"toggle-icon\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eCondenseur naturel:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eAugmente considérablement la densité apparente des cheveux\u003c\/li\u003e\n\u003cli\u003eRenforce les pointes et prévient les fourches\u003c\/li\u003e\n\u003cli\u003eHydrate les cheveux secs et leur donne une texture douce\u003c\/li\u003e\n\u003cli\u003eStimule la croissance de nouveaux cheveux dans les zones clairsemées\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-header\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e\u003c\/span\u003e\n\u003ch4\u003eBiotine et vitamine E\u003c\/h4\u003e\n\u003cspan class=\"toggle-icon\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eNutrition de base:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eLa biotine renforce la structure des cheveux et prévient la casse\u003c\/li\u003e\n\u003cli\u003eLa vitamine E protège contre les radicaux libres et les dommages\u003c\/li\u003e\n\u003cli\u003eAméliore la santé du cuir chevelu et la croissance des cheveux\u003c\/li\u003e\n\u003cli\u003eVos mains ont un éclat naturel et vitalité\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Low Porosity Hair Section --\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003ch3 class=\"section-title\"\u003eConçu pour les cheveux à faible porosité\u003c\/h3\u003e\n\u003cdiv class=\"porosity-section\"\u003e\n\u003cdiv class=\"porosity-image\"\u003e\n\u003cimg alt=\"Cheveux à faible porosité\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-leave-in-cream-brwith-argan-oil-847346.webp?v=1752590709\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"porosity-info\"\u003e\n\u003cdiv class=\"info-card\"\u003e\n\u003ch4\u003eQu'est-ce que les cheveux à faible porosité?\u003c\/h4\u003e\n\u003cp\u003eCeci est le type de poésie que c'est \u003cstrong\u003eSes écailles sont fermement fermées\u003c\/strong\u003eIl devient difficile pour lui d'absorber les produits, mais lorsqu'il les absorbe, il les retient plus longtemps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"signs-grid\"\u003e\n\u003cdiv class=\"sign-item\"\u003e\n\u003cspan class=\"sign-icon\"\u003e\u003c\/span\u003e\n\u003cp\u003eLes produits restent longtemps à la surface des cheveux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sign-item\"\u003e\n\u003cspan class=\"sign-icon\"\u003e\u003c\/span\u003e\n\u003cp\u003eLes cheveux mettent plus de temps à sécher après le lavage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sign-item\"\u003e\n\u003cspan class=\"sign-icon\"\u003e\u003c\/span\u003e\n\u003cp\u003eRésistant aux colorants et produits chimiques dès le départ\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sign-item\"\u003e\n\u003cspan class=\"sign-icon\"\u003e\u003c\/span\u003e\n\u003cp\u003eLorsqu'elle est endommagée, elle nécessite un traitement plus intensif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-perfect\"\u003e\n\u003ch4\u003ePourquoi la crème d'argan est-elle idéale pour ce type?\u003c\/h4\u003e\n\u003cdiv class=\"perfect-reasons\"\u003e\n\u003cdiv class=\"reason\"\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eDe petites molécules pénètrent dans le cheveu malgré les pores fermés\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"reason\"\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eLes huiles légères s'accumulent à la surface\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"reason\"\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eUne formule équilibrée qui convient à la nature de ces cheveux\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"reason\"\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eUn traitement à long terme qui bénéficie aux cheveux qui retiennent les produits\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Suitable For Section --\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003ch3 class=\"section-title\"\u003eConvient aux cheveux traités et colorés\u003c\/h3\u003e\n\u003cdiv class=\"suitable-for\"\u003e\n\u003cdiv class=\"suitable-side\"\u003e\n\u003ch4\u003eIdéal si vos cheveux:\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eTeint ou décoloré et endommagé par des produits chimiques\u003c\/li\u003e\n\u003cli\u003eTraité avec de la kératine ou des protéines et nécessite un entretien\u003c\/li\u003e\n\u003cli\u003eNaturellement bouclés, ils ont besoin de définition et de contrôle\u003c\/li\u003e\n\u003cli\u003eSec et cassant à cause de la chaleur et du coiffage\u003c\/li\u003e\n\u003cli\u003eFaible porosité et difficile à hydrater\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tips-side\"\u003e\n\u003ch4\u003eConseils pour une utilisation optimale:\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eUtilisez-le sur des cheveux humides, non mouillés pour une meilleure absorption\u003c\/li\u003e\n\u003cli\u003eConcentrez-vous sur les membres et les zones les plus touchées\u003c\/li\u003e\n\u003cli\u003eNe l'appliquez pas sur les racines si vos cheveux sont gras\u003c\/li\u003e\n\u003cli\u003eUtilisez quotidiennement pour une protection continue\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"section-container dark-section\"\u003e\n\u003ch3 class=\"section-title\"\u003eComment utiliser correctement\u003c\/h3\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eLaver les cheveux\u003c\/h4\u003e\n\u003cp\u003eAvec le shampooing approprié\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eSécher les cheveux avec une serviette\u003c\/h4\u003e\n\u003cp\u003eJusqu'à ce qu'il devienne humide, mais pas mouillé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eAppliquer une quantité appropriée\u003c\/h4\u003e\n\u003cp\u003eActivé \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eDistribuer du milieu vers les extrémités\u003c\/h4\u003e\n\u003cp\u003eÉvitez les racines\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eCoiffer les cheveux comme d'habitude\u003c\/h4\u003e\n\u003cp\u003eNe pas rincer la crème\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e6\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eUtilisez quotidiennement\u003c\/h4\u003e\n\u003cp\u003ePour protection et nutrition continues\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Clean Formula --\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003ch3 class=\"section-title\"\u003eFormule propre et sûre\u003c\/h3\u003e\n\u003cdiv class=\"formula-comparison\"\u003e\n\u003cdiv class=\"formula-side good\"\u003e\n\u003ch4\u003eCe qu'elle contient:\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eHuiles naturelles nourrissantes de haute qualité\u003c\/li\u003e\n\u003cli\u003eProtéines régénératrices pour cheveux abîmés\u003c\/li\u003e\n\u003cli\u003eVitamines essentielles pour la santé des cheveux\u003c\/li\u003e\n\u003cli\u003eHydratants naturels sûrs\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"formula-side bad\"\u003e\n\u003ch4\u003eCe qu'elle ne contient pas:\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e0 % sulfate - ne dépouille pas les cheveux de leurs huiles\u003c\/li\u003e\n\u003cli\u003e0% de parabènes - sans conservateurs nocifs\u003c\/li\u003e\n\u003cli\u003e0 % silicone - ne s'accumule pas et ne bouche pas les pores\u003c\/li\u003e\n\u003cli\u003ePas de produits chimiques agressifs - sûr pour une utilisation quotidienne\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Proposition --\u003e\n\u003cdiv class=\"section-container dark-section\"\u003e\n\u003ch3 class=\"section-title\"\u003eExcellent rapport qualité-prix pour un traitement spécialisé\u003c\/h3\u003e\n\u003cdiv class=\"value-grid\"\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003eTaille adaptée\u003c\/h4\u003e\n\u003cp\u003e200 ml suffisent pour 2-3 mois d'utilisation quotidienne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003ePrix raisonnable\u003c\/h4\u003e\n\u003cp\u003eMoins de 2 livres par utilisation avec protection continue et traitement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003eIngrédients de luxe\u003c\/h4\u003e\n\u003cp\u003eL'huile d'argan originale et la kératine font partie des ingrédients capillaires les plus chers\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003eGagner du temps\u003c\/h4\u003e\n\u003cp\u003eTraiter, protéger et coiffer en une seule étape sans rinçage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Comparison Tables --\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003ch3 class=\"section-title\"\u003eComparez avec des produits similaires\u003c\/h3\u003e\n\u003cdiv class=\"comparison-tables\"\u003e\n\u003cdiv class=\"comparison-table\"\u003e\n\u003ch4\u003ePar rapport aux crèmes d'argan classiques:\u003c\/h4\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eCrèmes à l'argan classiques\u003c\/th\u003e\n\u003cth\u003eCrème d'Argan Bobana\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eHuile d'argan diluée\u003c\/td\u003e\n\u003ctd\u003eHuile d'argan marocaine concentrée\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIngrédients limités\u003c\/td\u003e\n\u003ctd\u003eFormule complète de 10 ingrédients\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePetit volume 50-100 ml\u003c\/td\u003e\n\u003ctd\u003eGrande taille 200 ml\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePour l'hydratation uniquement\u003c\/td\u003e\n\u003ctd\u003eTraitement + protection + coiffage\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-table\"\u003e\n\u003ch4\u003ePar rapport à d'autres crèmes sans rinçage:\u003c\/h4\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eAutres crèmes\u003c\/th\u003e\n\u003cth\u003eCrème Bobana\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eSans silicone ni parabènes\u003c\/td\u003e\n\u003ctd\u003eFormule propre et naturelle\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eEffet temporaire\u003c\/td\u003e\n\u003ctd\u003eAmélioration cumulative\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIngrédients synthétiques\u003c\/td\u003e\n\u003ctd\u003eHuiles naturelles luxueuses\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMauvaise concentration\u003c\/td\u003e\n\u003ctd\u003eHaute concentration d'ingrédients actifs\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003cdiv class=\"cta-image\"\u003e\n\u003cimg alt=\"Investissez dans la santé de vos cheveux\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-leave-in-cream-brwith-argan-oil-144346.webp?v=1752590709\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-content\"\u003e\n\u003ch3\u003eInvestissez dans la santé de vos cheveux abîmés\u003c\/h3\u003e\n\u003cp\u003eCrème Bobana à l'huile d'argan n'est pas seulement un produit de soin \u003cstrong\u003eTraitement spécialisé pour les cheveux abîmés et sur-traités\u003c\/strong\u003e. Chaque goutte est pleine des ingrédients naturels les plus précieux que la science a prouvés efficaces pour réparer et protéger les cheveux.\u003c\/p\u003e\n\u003cdiv class=\"cta-highlight\"\u003e\n\u003cstrong\u003eVos cheveux abîmés méritent un traitement doré, pas seulement une hydratation régulière\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-final\"\u003e\n\u003cstrong\u003eCommencez votre parcours de réparation des cheveux avec Liquid Gold... Chaque jour vos cheveux seront meilleurs et plus forts\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003ch4\u003eListe complète des ingrédients\u003c\/h4\u003e\n\u003cp class=\"ingredients-text\"\u003eARGAN OIL, ROSEMARY EXTRACT, VITAMIN E, BIOTIN, HYDROLYZED KERATIN, RICINUS COMMUNIS SEED OIL, JOJOBA OIL, CAFFEINE, PANTHENOL, GLYCERIN\u003c\/p\u003e\n\u003cp class=\"product-footer\"\u003e\u003cem\u003eCrème Leave-In Bobana avec huile d'argan - le traitement doré pour cheveux abîmés et trop traités\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.product-description-container * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n.product-description-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 20px;\n    direction: ltr;\n    text-align: left;\n    background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%);\n    position: relative;\n    overflow: hidden; \/* Prevents content from escaping container *\/\n}\n\n\/* Hero Section *\/\n.hero-section {\n    position: relative;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 60px 40px;\n    margin-bottom: 40px;\n    border-radius: 20px;\n    text-align: center;\n    overflow: hidden;\n    \/* Removed transform to prevent parallax overlap *\/\n}\n\n.golden-glow {\n    position: absolute;\n    top: -50%;\n    right: -50%;\n    width: 200%;\n    height: 200%;\n    background: radial-gradient(circle, rgba(156, 129, 2, 0.1) 0%, transparent 70%);\n    animation: pulse 4s ease-in-out infinite;\n}\n\n.hero-image {\n    position: relative;\n    z-index: 2;\n    margin-bottom: 30px;\n}\n\n.product-description-container img {\n    max-width: 100%;\n    height: auto;\n    opacity: 1;\n    transition: all 0.8s ease-out;\n}\n\n.product-description-container .hero-image img {\n    max-width: 300px;\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.3);\n    animation: float 6s ease-in-out infinite;\n}\n\n.main-title {\n    font-size: 2.5rem;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 15px;\n    position: relative;\n    z-index: 2;\n    animation: fadeInUp 1s ease-out;\n}\n\n.subtitle {\n    font-size: 1.5rem;\n    margin-bottom: 20px;\n    position: relative;\n    z-index: 2;\n    animation: fadeInUp 1s ease-out 0.3s both;\n}\n\n\/* Section Containers *\/\n.section-container {\n    margin-bottom: 50px;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 0.8s ease-out forwards;\n}\n\n.dark-section {\n    background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);\n    padding: 50px 40px;\n    border-radius: 20px;\n    color: white;\n    position: relative;\n    overflow: hidden;\n}\n\n.dark-section::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    right: -50%;\n    width: 200%;\n    height: 200%;\n    background: radial-gradient(circle, rgba(156, 129, 2, 0.05) 0%, transparent 70%);\n    animation: pulse 6s ease-in-out infinite;\n}\n\n.dark-section .section-title {\n    color: #9C8102;\n    position: relative;\n    z-index: 2;\n}\n\n.dark-section .benefit-card {\n    background: rgba(255, 255, 255, 0.1);\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    color: white;\n}\n\n.dark-section .benefit-card h4 {\n    color: #9C8102;\n    font-weight: bold;\n}\n\n.dark-section .benefit-card p {\n    color: #ffffff;\n    font-weight: 400;\n}\n\n.dark-section .ingredient-item,\n.dark-section .step,\n.dark-section .value-card {\n    background: rgba(255, 255, 255, 0.1);\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    color: white;\n}\n\n.dark-section .value-card h4 {\n    color: #9C8102;\n    font-weight: bold;\n}\n\n.dark-section .value-card p {\n    color: #ffffff;\n    font-weight: 400;\n}\n\n.dark-section .step h4 {\n    color: #9C8102;\n    font-weight: bold;\n}\n\n.dark-section .step p {\n    color: #ffffff;\n    font-weight: 400;\n}\n\n.dark-section .benefit-card h4,\n.dark-section .ingredient-header h4,\n.dark-section .step-content h4,\n.dark-section .value-card h4 {\n    color: #9C8102;\n}\n\n.dark-section .ingredient-content {\n    color: #e0e0e0;\n}\n\n.dark-section .ingredient-content p {\n    color: #ffffff;\n    font-weight: 500;\n}\n\n.dark-section .ingredient-content li {\n    color: #e0e0e0;\n}\n\n.dark-section .ingredient-header {\n    background: rgba(255, 255, 255, 0.08);\n    color: #ffffff;\n}\n\n.dark-section .ingredient-header:hover {\n    background: rgba(255, 255, 255, 0.12);\n}\n\n.dark-section .ingredient-header h4 {\n    color: #ffffff;\n    font-weight: bold;\n}\n\n.dark-section .ingredient-header h4 {\n    color: #ffffff;\n    font-weight: bold;\n}\n\n.dark-section .toggle-icon {\n    color: #9C8102;\n}\n\n.dark-section .benefit-card h4,\n.dark-section .step-content h4,\n.dark-section .value-card h4 {\n    color: #9C8102;\n    font-weight: bold;\n}\n\n.dark-section .ingredient-header h4 {\n    color: #ffffff;\n    font-weight: bold;\n}\n\n.dark-section .step-content h4 {\n    color: #9C8102;\n    font-weight: bold;\n}\n\n.dark-section .step-content p {\n    color: #ffffff;\n}\n\n.dark-section .value-card h4 {\n    color: #9C8102;\n    font-weight: bold;\n}\n\n.dark-section .value-card p {\n    color: #ffffff;\n}\n\n.dark-section .ingredient-content li::before {\n    background: #9C8102;\n}\n\n.dark-section .step-number {\n    background: #9C8102;\n    box-shadow: 0 0 20px rgba(156, 129, 2, 0.3);\n}\n\n.section-title {\n    font-size: 2rem;\n    color: #9C8102;\n    margin-bottom: 30px;\n    padding-bottom: 15px;\n    border-bottom: 3px solid #9C8102;\n    position: relative;\n}\n\n.section-title::after {\n    content: '';\n    position: absolute;\n    bottom: -3px;\n    right: 0;\n    width: 0;\n    height: 3px;\n    background: linear-gradient(90deg, #9C8102, transparent);\n    animation: expandBorder 2s ease-out forwards;\n}\n\n\/* Argan Section *\/\n.argan-section {\n    display: grid;\n    grid-template-columns: 1fr 2fr;\n    gap: 40px;\n    align-items: center;\n    margin-top: 30px;\n}\n\n.argan-image img {\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 30px rgba(0,0,0,0.15);\n    transition: transform 0.3s ease;\n}\n\n.argan-image img:hover {\n    transform: scale(1.05);\n}\n\n.argan-story {\n    display: grid;\n    gap: 20px;\n}\n\n.story-card {\n    background: white;\n    padding: 30px;\n    border-radius: 15px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.story-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n}\n\n\/* Benefits Section *\/\n.benefits-section {\n    margin-top: 30px;\n}\n\n.benefits-image {\n    text-align: center;\n    margin-bottom: 40px;\n}\n\n.benefits-image img {\n    max-width: 400px;\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 30px rgba(0,0,0,0.15);\n    animation: slideInFromLeft 1s ease-out;\n}\n\n.benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n    gap: 25px;\n}\n\n.benefit-card {\n    background: white;\n    padding: 30px;\n    border-radius: 15px;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n    text-align: center;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.benefit-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 100%;\n    height: 3px;\n    background: linear-gradient(90deg, #9C8102, transparent);\n    transform: scaleX(0);\n    transition: transform 0.3s ease;\n}\n\n.benefit-card:hover::before {\n    transform: scaleX(1);\n}\n\n.benefit-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 15px 35px rgba(0,0,0,0.15);\n}\n\n.benefit-card h4 {\n    color: #9C8102;\n    font-size: 1.3rem;\n    margin-bottom: 15px;\n    font-weight: bold;\n}\n\n.benefit-card p {\n    color: #555;\n    line-height: 1.6;\n}\n\n\/* Ingredients Accordion *\/\n.ingredients-accordion {\n    margin-top: 30px;\n}\n\n.ingredient-item {\n    background: white;\n    margin-bottom: 15px;\n    border-radius: 10px;\n    overflow: hidden;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.08);\n    transition: all 0.3s ease;\n}\n\n.ingredient-item:hover {\n    box-shadow: 0 8px 25px rgba(0,0,0,0.12);\n}\n\n.ingredient-header {\n    display: flex;\n    align-items: center;\n    padding: 25px;\n    cursor: pointer;\n    background: linear-gradient(135deg, #f8f8f8 0%, #fff 100%);\n    transition: all 0.3s ease;\n}\n\n.ingredient-header:hover {\n    background: linear-gradient(135deg, #f0f0f0 0%, #f8f8f8 100%);\n}\n\n.ingredient-icon {\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background: #9C8102;\n    margin-left: 15px;\n}\n\n.ingredient-header h4 {\n    flex: 1;\n    color: #333;\n    font-size: 1.2rem;\n    font-weight: bold;\n}\n\n.toggle-icon {\n    font-size: 1.5rem;\n    color: #9C8102;\n    font-weight: bold;\n    transition: transform 0.3s ease;\n}\n\n.ingredient-item.active .toggle-icon {\n    transform: rotate(45deg);\n}\n\n.ingredient-content {\n    padding: 0 25px;\n    max-height: 0;\n    overflow: hidden;\n    transition: all 0.3s ease;\n}\n\n.ingredient-item.active .ingredient-content {\n    padding: 25px;\n    max-height: 500px;\n}\n\n.ingredient-content ul {\n    list-style: none;\n    margin-top: 15px;\n}\n\n.ingredient-content li {\n    padding: 8px 0;\n    padding-left: 25px;\n    position: relative;\n    color: #555;\n    line-height: 1.5;\n}\n\n.ingredient-content li::before {\n    content: '';\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: #9C8102;\n    position: absolute;\n    right: 0;\n    top: 15px;\n}\n\n\/* Porosity Section *\/\n.porosity-section {\n    display: grid;\n    grid-template-columns: 1fr 2fr;\n    gap: 40px;\n    align-items: start;\n    margin-top: 30px;\n}\n\n.porosity-image img {\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 30px rgba(0,0,0,0.15);\n    transition: transform 0.3s ease;\n}\n\n.porosity-image img:hover {\n    transform: scale(1.05);\n}\n\n.info-card {\n    background: white;\n    padding: 30px;\n    border-radius: 15px;\n    margin-bottom: 30px;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n}\n\n.info-card h4 {\n    color: #9C8102;\n    font-size: 1.4rem;\n    margin-bottom: 15px;\n    font-weight: bold;\n}\n\n.signs-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 15px;\n    margin-bottom: 30px;\n}\n\n.sign-item {\n    background: white;\n    padding: 20px;\n    border-radius: 10px;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.08);\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    transition: transform 0.3s ease;\n}\n\n.sign-item:hover {\n    transform: translateY(-3px);\n}\n\n.sign-icon {\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    background: #9C8102;\n    flex-shrink: 0;\n}\n\n.why-perfect {\n    background: white;\n    padding: 30px;\n    border-radius: 15px;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n}\n\n.why-perfect h4 {\n    color: #9C8102;\n    font-size: 1.4rem;\n    margin-bottom: 20px;\n    font-weight: bold;\n}\n\n.perfect-reasons {\n    display: grid;\n    gap: 15px;\n}\n\n.reason {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    padding: 15px;\n    background: #f8f8f8;\n    border-radius: 10px;\n    transition: all 0.3s ease;\n}\n\n.reason:hover {\n    background: #f0f0f0;\n    transform: translateX(-5px);\n}\n\n.check-icon {\n    color: #9C8102;\n    font-weight: bold;\n    font-size: 1.2rem;\n}\n\n\/* Suitable For Section *\/\n.suitable-for {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 30px;\n    margin-top: 30px;\n}\n\n.suitable-side, .tips-side {\n    background: white;\n    padding: 30px;\n    border-radius: 15px;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n}\n\n.suitable-side h4, .tips-side h4 {\n    color: #9C8102;\n    font-size: 1.3rem;\n    margin-bottom: 20px;\n    font-weight: bold;\n}\n\n.suitable-side ul, .tips-side ul {\n    list-style: none;\n}\n\n.suitable-side li, .tips-side li {\n    padding: 10px 0;\n    padding-left: 25px;\n    position: relative;\n    line-height: 1.5;\n    color: #555;\n}\n\n.suitable-side li::before, .tips-side li::before {\n    content: '';\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: #9C8102;\n    position: absolute;\n    right: 0;\n    top: 15px;\n}\n\n\/* Usage Steps *\/\n.usage-steps {\n    margin-top: 30px;\n}\n\n.step {\n    display: flex;\n    align-items: center;\n    background: white;\n    padding: 25px;\n    margin-bottom: 15px;\n    border-radius: 15px;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.08);\n    transition: all 0.3s ease;\n    animation: slideInRight 0.6s ease-out forwards;\n}\n\n.step:hover {\n    transform: translateX(-10px);\n    box-shadow: 0 8px 25px rgba(0,0,0,0.12);\n}\n\n.step-number {\n    background: #9C8102;\n    color: white;\n    width: 50px;\n    height: 50px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: bold;\n    font-size: 1.2rem;\n    margin-left: 20px;\n    flex-shrink: 0;\n}\n\n.step-content h4 {\n    color: #333;\n    font-size: 1.2rem;\n    margin-bottom: 5px;\n    font-weight: bold;\n}\n\n.step-content p {\n    color: #666;\n}\n\n\/* Formula Comparison *\/\n.formula-comparison {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 30px;\n    margin-top: 30px;\n}\n\n.formula-side {\n    background: white;\n    padding: 30px;\n    border-radius: 15px;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n}\n\n.formula-side h4 {\n    font-size: 1.3rem;\n    margin-bottom: 20px;\n    font-weight: bold;\n}\n\n.formula-side.good h4 {\n    color: #28a745;\n}\n\n.formula-side.bad h4 {\n    color: #dc3545;\n}\n\n.formula-side ul {\n    list-style: none;\n}\n\n.formula-side li {\n    padding: 10px 0;\n    padding-left: 25px;\n    position: relative;\n    line-height: 1.5;\n    color: #555;\n}\n\n.formula-side.good li::before {\n    content: '✓';\n    color: #28a745;\n    font-weight: bold;\n    position: absolute;\n    right: 0;\n    top: 10px;\n}\n\n.formula-side.bad li::before {\n    content: '✗';\n    color: #dc3545;\n    font-weight: bold;\n    position: absolute;\n    right: 0;\n    top: 10px;\n}\n\n\/* Value Grid *\/\n.value-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 25px;\n    margin-top: 30px;\n}\n\n.value-card {\n    background: white;\n    padding: 30px;\n    border-radius: 15px;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n    text-align: center;\n    transition: all 0.3s ease;\n}\n\n.value-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 15px 35px rgba(0,0,0,0.15);\n}\n\n.value-icon {\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    background: #9C8102;\n    margin: 0 auto 15px;\n    display: block;\n}\n\n.value-card h4 {\n    color: #333;\n    font-size: 1.3rem;\n    margin-bottom: 15px;\n    font-weight: bold;\n}\n\n\/* Comparison Tables *\/\n.comparison-tables {\n    margin-top: 30px;\n    display: grid;\n    gap: 30px;\n}\n\n.comparison-table {\n    background: white;\n    padding: 30px;\n    border-radius: 15px;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n}\n\n.comparison-table h4 {\n    color: #9C8102;\n    font-size: 1.3rem;\n    margin-bottom: 20px;\n    font-weight: bold;\n}\n\n.comparison-table table {\n    width: 100%;\n    border-collapse: collapse;\n    margin-top: 15px;\n}\n\n.comparison-table th,\n.comparison-table td {\n    padding: 15px;\n    text-align: left;\n    border-bottom: 1px solid #eee;\n}\n\n.comparison-table th {\n    background: #f8f8f8;\n    color: #333;\n    font-weight: bold;\n}\n\n.comparison-table tr:hover {\n    background: #f9f9f9;\n}\n\n\/* CTA Section *\/\n.cta-section {\n    background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);\n    color: white;\n    padding: 50px 40px;\n    border-radius: 20px;\n    margin: 40px 0;\n    position: relative;\n    overflow: hidden;\n    display: grid;\n    grid-template-columns: 1fr 2fr;\n    gap: 40px;\n    align-items: center;\n}\n\n.cta-image img {\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.3);\n    animation: float 6s ease-in-out infinite;\n}\n\n.cta-content h3 {\n    font-size: 2rem;\n    margin-bottom: 20px;\n    font-weight: bold;\n    color: #9C8102;\n}\n\n.cta-content p {\n    font-size: 1.2rem;\n    margin-bottom: 20px;\n    opacity: 0.9;\n    line-height: 1.6;\n}\n\n.cta-highlight {\n    font-size: 1.3rem;\n    padding: 20px;\n    background: rgba(156, 129, 2, 0.2);\n    border-radius: 10px;\n    margin-bottom: 20px;\n    border: 2px solid #9C8102;\n}\n\n.cta-final {\n    font-size: 1.4rem;\n    color: #9C8102;\n    font-weight: bold;\n}\n\n\/* Ingredients List *\/\n.ingredients-list {\n    background: #f8f8f8;\n    padding: 30px;\n    border-radius: 15px;\n    margin-top: 40px;\n    text-align: center;\n}\n\n.ingredients-list h4 {\n    color: #9C8102;\n    font-size: 1.3rem;\n    margin-bottom: 15px;\n    font-weight: bold;\n}\n\n.ingredients-text {\n    color: #666;\n    font-size: 0.9rem;\n    line-height: 1.6;\n    direction: ltr;\n    text-align: center;\n    margin-bottom: 20px;\n}\n\n.product-footer {\n    color: #999;\n    font-style: italic;\n    text-align: center;\n}\n\n\/* Animations - Scoped to product description *\/\n@keyframes fadeInUp {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@keyframes slideInRight {\n    from {\n        opacity: 0;\n        transform: translateX(50px);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(0);\n    }\n}\n\n@keyframes slideInFromLeft {\n    from {\n        opacity: 0;\n        transform: translateX(-50px);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(0);\n    }\n}\n\n@keyframes pulse {\n    0%, 100% {\n        transform: scale(1);\n        opacity: 0.5;\n    }\n    50% {\n        transform: scale(1.1);\n        opacity: 0.8;\n    }\n}\n\n@keyframes float {\n    0%, 100% {\n        transform: translateY(0);\n    }\n    50% {\n        transform: translateY(-10px);\n    }\n}\n\n@keyframes expandBorder {\n    from {\n        width: 0;\n    }\n    to {\n        width: 100px;\n    }\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n    .product-description-container {\n        padding: 15px;\n    }\n    \n    .product-description-container .dark-section {\n        padding: 30px 20px;\n    }\n    \n    .product-description-container .main-title {\n        font-size: 2rem;\n    }\n    \n    .product-description-container .subtitle {\n        font-size: 1.2rem;\n    }\n    \n    .product-description-container .section-title {\n        font-size: 1.5rem;\n    }\n    \n    .product-description-container .benefits-grid,\n    .product-description-container .value-grid {\n        grid-template-columns: 1fr;\n    }\n    \n    .product-description-container .formula-comparison,\n    .product-description-container .suitable-for,\n    .product-description-container .argan-section,\n    .product-description-container .porosity-section,\n    .product-description-container .cta-section {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n    \n    .product-description-container .hero-section {\n        padding: 40px 20px;\n    }\n    \n    .product-description-container .step {\n        flex-direction: column;\n        text-align: center;\n        gap: 15px;\n    }\n    \n    .product-description-container .step-number {\n        margin-left: 0;\n    }\n    \n    .product-description-container .sign-item {\n        flex-direction: column;\n        text-align: center;\n        gap: 10px;\n    }\n    \n    .product-description-container .reason {\n        flex-direction: column;\n        text-align: center;\n        gap: 10px;\n    }\n    \n    .product-description-container .comparison-table table {\n        font-size: 0.9rem;\n    }\n    \n    .product-description-container .comparison-table th,\n    .product-description-container .comparison-table td {\n        padding: 10px;\n    }\n    \n    .product-description-container .cta-content h3 {\n        font-size: 1.5rem;\n    }\n    \n    .product-description-container .cta-content p {\n        font-size: 1rem;\n    }\n    \n    .product-description-container .cta-highlight {\n        font-size: 1.1rem;\n    }\n    \n    .product-description-container .cta-final {\n        font-size: 1.2rem;\n    }\n}\n\n\/* Intersection Observer Animation Classes *\/\n.product-description-container .fade-in {\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.8s ease-out;\n}\n\n.product-description-container .fade-in.visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.product-description-container .image-loaded {\n    opacity: 1 !important;\n    transform: translateY(0) !important;\n}\n\u003c\/style\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n    const container = document.querySelector('.product-description-container');\n    if (!container) return;\n\n    \/\/ Intersection Observer for scroll animations\n    const observerOptions = {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n    };\n\n    const observer = new IntersectionObserver(function(entries) {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('visible');\n            }\n        });\n    }, observerOptions);\n\n    \/\/ Observe all section containers within the product description\n    container.querySelectorAll('.section-container').forEach(section =\u003e {\n        observer.observe(section);\n    });\n\n    \/\/ Ingredients accordion functionality\n    container.querySelectorAll('.ingredient-header').forEach(header =\u003e {\n        header.addEventListener('click', function() {\n            const item = this.parentElement;\n            const isActive = item.classList.contains('active');\n            \n            \/\/ Close all other accordion items\n            container.querySelectorAll('.ingredient-item').forEach(otherItem =\u003e {\n                otherItem.classList.remove('active');\n            });\n            \n            \/\/ Toggle current item\n            if (!isActive) {\n                item.classList.add('active');\n            }\n        });\n    });\n\n    \/\/ Staggered animation for benefit cards\n    const benefitCards = container.querySelectorAll('.benefit-card');\n    benefitCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.1}s`;\n        card.style.animation = 'fadeInUp 0.6s ease-out forwards';\n    });\n\n    \/\/ Staggered animation for usage steps\n    const steps = container.querySelectorAll('.step');\n    steps.forEach((step, index) =\u003e {\n        step.style.animationDelay = `${index * 0.2}s`;\n    });\n\n    \/\/ Removed parallax effect to prevent overlap with page content\n    \/\/ Hero section now stays within container boundaries\n\n    \/\/ Golden glow animation timing\n    const goldenGlow = container.querySelector('.golden-glow');\n    if (goldenGlow) {\n        goldenGlow.style.animationDelay = '1s';\n    }\n\n    \/\/ Smooth reveal animation for value cards\n    const valueCards = container.querySelectorAll('.value-card');\n    const valueObserver = new IntersectionObserver(function(entries) {\n        entries.forEach((entry, index) =\u003e {\n            if (entry.isIntersecting) {\n                setTimeout(() =\u003e {\n                    entry.target.style.animation = 'fadeInUp 0.6s ease-out forwards';\n                }, index * 150);\n            }\n        });\n    }, observerOptions);\n\n    valueCards.forEach(card =\u003e {\n        card.style.opacity = '0';\n        card.style.transform = 'translateY(30px)';\n        valueObserver.observe(card);\n    });\n\n    \/\/ Dynamic border expansion for section titles\n    const sectionTitles = container.querySelectorAll('.section-title');\n    const titleObserver = new IntersectionObserver(function(entries) {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.style.animationPlayState = 'running';\n            }\n        });\n    }, observerOptions);\n\n    sectionTitles.forEach(title =\u003e {\n        titleObserver.observe(title);\n    });\n\n    \/\/ Image loading effect - scoped to container only\n    const images = container.querySelectorAll('img');\n    const imageObserver = new IntersectionObserver(function(entries) {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                \/\/ Ensure images stay visible after animation\n                entry.target.style.opacity = '1';\n                entry.target.style.transform = 'translateY(0)';\n                entry.target.classList.add('image-loaded');\n                imageObserver.unobserve(entry.target);\n            }\n        });\n    }, observerOptions);\n\n    images.forEach(img =\u003e {\n        \/\/ Set initial state but don't interfere with existing animations\n        if (!img.closest('.hero-image, .cta-image')) {\n            img.style.opacity = '0';\n            img.style.transform = 'translateY(20px)';\n            img.style.transition = 'opacity 0.8s ease-out, transform 0.8s ease-out';\n        }\n        imageObserver.observe(img);\n    });\n\n    \/\/ Smooth table row animations\n    const tableRows = container.querySelectorAll('tbody tr');\n    tableRows.forEach((row, index) =\u003e {\n        row.style.animationDelay = `${index * 0.1}s`;\n        row.style.animation = 'fadeInUp 0.5s ease-out forwards';\n    });\n});\n\u003c\/script\u003e","brand":"Bobana","offers":[{"title":"Default Title","offer_id":44914477826245,"sku":null,"price":160.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-leave-in-cream-brwith-argan-oil-181529.webp?v=1752590709","url":"https:\/\/instachiq.com\/fr\/products\/bobana-leave-in-cream-with-argan-oil","provider":"Instachiq","version":"1.0","type":"link"}