{"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=\"아르간 오일이 함유된 보바나 리브인 크림\" 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\"\u003e아르간 오일이 함유된 보바나 리브인 크림\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003e손상되고 염색된 모발을 위한 골든 트리트먼트\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\"\u003e아르간 오일이 머리카락에 사용되는 \"액체 금\"인 이유는 무엇입니까?\u003c\/h3\u003e\n\u003cdiv class=\"argan-section\"\u003e\n\u003cdiv class=\"argan-image\"\u003e\n\u003cimg alt=\"모로코 아르간 오일\" 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\u003e아르간 오일은 단순한 오일이 아닙니다. \u003cstrong\u003e희귀한 보물\u003c\/strong\u003e 성숙하는데 200년이 걸리는 모로코의 아르간 나무에서 나온 것입니다!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cdiv class=\"card-icon\"\u003e🌍\u003c\/div\u003e\n\u003cp\u003e이 나무는 전 세계에서 한 곳에서만 자라며 이것이 아르간 오일을 가장 비싸고 강력한 천연 오일 중 하나로 만드는 이유입니다.\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\"\u003e손상된 모발에 대한 골든 트리트먼트의 장점\u003c\/h3\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003cdiv class=\"benefits-image\"\u003e\n\u003cimg alt=\"아르간 크림의 장점\" 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\u003e깊은 손상 수리\u003c\/h4\u003e\n\u003cp\u003e아르간 오일은 모발에 침투하여 내부로부터 손상을 복구하는 필수지방산이 풍부합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003e자연스러운 컬 정의\u003c\/h4\u003e\n\u003cp\u003e모발의 명확하고 자연스러운 정의로 곱슬거림을 완벽하게 제어합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003e향후 손상으로부터 보호\u003c\/h4\u003e\n\u003cp\u003e열과 환경 요인으로부터 모발을 보호하는 천연 보호막을 형성합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003e즉각적인 윤기와 부드러움\u003c\/h4\u003e\n\u003cp\u003e하이드롤라이즈드 케라틴이 손상된 모발의 빈틈을 메워주어 매끈한 모발로 가꿔줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003e카페인으로 강화\u003c\/h4\u003e\n\u003cp\u003e카페인은 두피의 혈액 순환을 자극하고 모낭을 강화시킵니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003e오래 지속되는 수분 공급\u003c\/h4\u003e\n\u003cp\u003e오랜 시간 동안 끈적임 없이 모발에 깊은 수분 공급을 선호합니다.\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\"\u003e손상된 모발을 위한 고급 천연성분\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\u003e오리지널 모로코 아르간 오일\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\u003e모발용 액체 금:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e천연 비타민E가 풍부하여 다른 오일보다 농도가 높습니다.\u003c\/li\u003e\n\u003cli\u003e희귀한 필수지방산이 모발의 뿌리부터 회복시켜줍니다\u003c\/li\u003e\n\u003cli\u003e강력한 항산화제는 손상과 조기 노화를 방지합니다.\u003c\/li\u003e\n\u003cli\u003e머리카락이 기름지거나 부스스해지지 않는 빠른 흡수력\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\u003e가수분해 케라틴\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\u003e모발 단백질 누락:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e손상된 모발의 틈을 채워주고 내부구조를 회복시켜주는 제품입니다.\u003c\/li\u003e\n\u003cli\u003e모발을 강화하고 파손 및 파손에 대한 저항력을 높입니다.\u003c\/li\u003e\n\u003cli\u003e모발의 탄력을 향상시키고 손상되기 쉬운 상태로 만듭니다.\u003c\/li\u003e\n\u003cli\u003e당신의 손은 자연스러운 부드러움과 건강한 윤기를 갖고 있습니다.\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\u003e로즈마리 추출물\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\u003e자연적인 보호자:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e두피의 혈액순환을 촉진하여 더 나은 영양공급을 제공합니다.\u003c\/li\u003e\n\u003cli\u003e환경 손상과 오염으로부터 보호하는 항산화제\u003c\/li\u003e\n\u003cli\u003e모낭을 강화하고 허약으로 인한 탈모를 예방합니다.\u003c\/li\u003e\n\u003cli\u003e모발에 상쾌함을 선사하고 상쾌한 천연 향을 선사합니다.\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\u003e카페인\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\u003e천연 성장 촉진제:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e두피와 모낭으로의 혈류를 자극합니다.\u003c\/li\u003e\n\u003cli\u003e모근을 튼튼하게 하여 허약함과 탈모를 예방해줍니다.\u003c\/li\u003e\n\u003cli\u003e휴면 모낭을 활성화하여 새로운 모발이 자라게 합니다.\u003c\/li\u003e\n\u003cli\u003e다른 성분의 영양 흡수를 향상시킵니다.\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\u003e호호바 오일\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\u003e스마트 가습기:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e천연 헤어 오일에 가까운 포뮬라\u003c\/li\u003e\n\u003cli\u003e지성 모발의 오일 분비를 조절합니다.\u003c\/li\u003e\n\u003cli\u003e무거운 느낌 없이 건조한 모발에 깊은 수분 공급\u003c\/li\u003e\n\u003cli\u003e열과 스타일링으로부터 자연 보호\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\u003e피마자유\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\u003e천연 콘덴서:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e눈에 띄는 모발 밀도가 눈에 띄게 증가합니다.\u003c\/li\u003e\n\u003cli\u003e끝 부분을 강화하고 끝 부분이 갈라지는 것을 방지합니다.\u003c\/li\u003e\n\u003cli\u003e건조한 모발에 수분을 공급하고 부드러운 질감을 선사합니다.\u003c\/li\u003e\n\u003cli\u003e가늘어지는 부위의 새로운 모발 성장을 자극합니다.\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\u003e비오틴과 비타민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\u003e기본 영양:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e비오틴은 모발 구조를 강화하고 파손을 방지합니다.\u003c\/li\u003e\n\u003cli\u003e비타민 E는 자유 라디칼과 손상으로부터 보호합니다.\u003c\/li\u003e\n\u003cli\u003e두피 건강 및 모발 성장 개선\u003c\/li\u003e\n\u003cli\u003e당신의 손은 자연스러운 빛과 생명력을 가지고 있습니다.\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\"\u003e다공성이 낮은 모발을 위해 설계되었습니다.\u003c\/h3\u003e\n\u003cdiv class=\"porosity-section\"\u003e\n\u003cdiv class=\"porosity-image\"\u003e\n\u003cimg alt=\"다공성이 낮은 모발\" 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\u003e저다공성 모발이란?\u003c\/h4\u003e\n\u003cp\u003e이게 바로 시의 종류야 \u003cstrong\u003e그 비늘은 단단히 닫혀 있습니다\u003c\/strong\u003e제품을 흡수하기가 어려워지지만, 흡수하면 지속력이 더 오래 유지됩니다.\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\u003e제품이 모발 표면에 오랫동안 남아있어\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sign-item\"\u003e\n\u003cspan class=\"sign-icon\"\u003e\u003c\/span\u003e\n\u003cp\u003e머리를 감은 후 건조하는 데 시간이 더 오래 걸립니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sign-item\"\u003e\n\u003cspan class=\"sign-icon\"\u003e\u003c\/span\u003e\n\u003cp\u003e우선 염료와 화학물질에 대한 내성이 강합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sign-item\"\u003e\n\u003cspan class=\"sign-icon\"\u003e\u003c\/span\u003e\n\u003cp\u003e손상되었을 경우 더욱 집중적인 치료가 필요합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-perfect\"\u003e\n\u003ch4\u003e아르간 크림이 이러한 유형에 이상적인 이유는 무엇입니까?\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\u003e모공이 닫혀 있음에도 불구하고 작은 분자가 모발에 침투합니다.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"reason\"\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003e가벼운 오일이 표면에 쌓입니다.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"reason\"\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003e모발의 성격에 맞는 균형잡힌 포뮬러\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"reason\"\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003e제품을 유지시켜 모발에 도움을 주는 장기 트리트먼트\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\"\u003e트리트먼트 및 염색 모발에 적합\u003c\/h3\u003e\n\u003cdiv class=\"suitable-for\"\u003e\n\u003cdiv class=\"suitable-side\"\u003e\n\u003ch4\u003e당신의 머리카락이 다음과 같은 경우에 이상적입니다.\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e화학물질에 의해 염색, 표백 및 손상됨\u003c\/li\u003e\n\u003cli\u003e케라틴이나 단백질로 처리되어 관리가 필요함\u003c\/li\u003e\n\u003cli\u003e자연스럽게 컬이 생기기 때문에 정의와 조절이 필요합니다\u003c\/li\u003e\n\u003cli\u003e열과 스타일링으로 인해 건조하고 부서지기 쉽습니다.\u003c\/li\u003e\n\u003cli\u003e다공성이 낮아 보습이 어렵다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tips-side\"\u003e\n\u003ch4\u003e최적의 사용을 위한 팁:\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e더 나은 흡수를 위해 젖은 모발이 아닌 젖은 모발에 사용하십시오.\u003c\/li\u003e\n\u003cli\u003e팔다리와 가장 영향을 받는 부위에 집중\u003c\/li\u003e\n\u003cli\u003e머리카락이 기름진 경우 뿌리에는 바르지 마십시오.\u003c\/li\u003e\n\u003cli\u003e지속적인 보호를 위해 매일 사용\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\"\u003e올바른 사용법\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\u003e머리를 씻다\u003c\/h4\u003e\n\u003cp\u003e그에 맞는 샴푸로\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\u003e수건으로 머리를 말려주세요\u003c\/h4\u003e\n\u003cp\u003e젖지 않고 촉촉해질 때까지\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\u003e적당량을 바르세요\u003c\/h4\u003e\n\u003cp\u003e손바닥 (동전크기)\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\u003e중간부터 끝까지 배포\u003c\/h4\u003e\n\u003cp\u003e뿌리를 피하세요\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\u003e평소대로 머리스타일을\u003c\/h4\u003e\n\u003cp\u003e크림을 씻어내지 마세요.\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\u003e매일 사용\u003c\/h4\u003e\n\u003cp\u003e지속적인 보호와 영양 공급을 위해\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\"\u003e깨끗하고 안전한 포뮬러\u003c\/h3\u003e\n\u003cdiv class=\"formula-comparison\"\u003e\n\u003cdiv class=\"formula-side good\"\u003e\n\u003ch4\u003e포함된 내용:\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e고품질 영양 천연 오일\u003c\/li\u003e\n\u003cli\u003e손상된 모발을 회복시키는 단백질\u003c\/li\u003e\n\u003cli\u003e모발 건강을 위한 필수 비타민\u003c\/li\u003e\n\u003cli\u003e안전한 천연 보습제\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"formula-side bad\"\u003e\n\u003ch4\u003e포함되지 않은 것:\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e0% 황산염 - 모발의 오일을 제거하지 않습니다.\u003c\/li\u003e\n\u003cli\u003e파라벤 0% - 유해한 방부제가 없습니다.\u003c\/li\u003e\n\u003cli\u003e0% 실리콘 - 모공이 쌓이거나 막히지 않습니다.\u003c\/li\u003e\n\u003cli\u003e가혹한 화학 물질이 없어 매일 사용해도 안전합니다.\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\"\u003e전문적인 치료를 위한 탁월한 가치\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\u003e적당한 크기\u003c\/h4\u003e\n\u003cp\u003e200ml면 2~3개월 정도 매일 사용 가능\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003e합리적인 가격\u003c\/h4\u003e\n\u003cp\u003e지속적인 보호 및 치료로 1회 사용 시 2파운드 미만\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003e고급성분\u003c\/h4\u003e\n\u003cp\u003e오리지널 아르간 오일과 케라틴은 가장 비싼 헤어 케어 성분 중 하나입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003e시간 절약\u003c\/h4\u003e\n\u003cp\u003e헹궈낼 필요 없이 한 번에 트리트먼트, 보호, 스타일을 완성하세요\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\"\u003e유사한 제품과 비교\u003c\/h3\u003e\n\u003cdiv class=\"comparison-tables\"\u003e\n\u003cdiv class=\"comparison-table\"\u003e\n\u003ch4\u003e일반 아르간 크림과 비교:\u003c\/h4\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003e일반 아르간 크림\u003c\/th\u003e\n\u003cth\u003e보바나 아르간 크림\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e희석된 아르간 오일\u003c\/td\u003e\n\u003ctd\u003e농축된 모로코 아르간 오일\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e제한된 성분\u003c\/td\u003e\n\u003ctd\u003e10가지 성분의 완전한 포뮬라\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e소량 50-100 ml\u003c\/td\u003e\n\u003ctd\u003e대형 200ml\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e보습만을 위해서\u003c\/td\u003e\n\u003ctd\u003e트리트먼트 + 보호 + 스타일링\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\u003e다른 리브인 크림과 비교:\u003c\/h4\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003e기타 크림\u003c\/th\u003e\n\u003cth\u003e보바나 크림\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e실리콘, 파라벤 프리\u003c\/td\u003e\n\u003ctd\u003e깨끗하고 자연스러운 포뮬라\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e일시적인 효과\u003c\/td\u003e\n\u003ctd\u003e누적 개선\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e합성성분\u003c\/td\u003e\n\u003ctd\u003e고급스러운 천연 오일\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e집중력 저하\u003c\/td\u003e\n\u003ctd\u003e고농축 활성 성분\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=\"머리카락 건강을 위해 투자하세요\" 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\u003e손상된 모발의 건강을 위해 투자하세요\u003c\/h3\u003e\n\u003cp\u003e아르간 오일이 함유된 보바나 크림은 단순한 케어 제품이 아닙니다 \u003cstrong\u003e손상되고 과도하게 가공된 모발을 위한 전문 트리트먼트\u003c\/strong\u003e.모든 방울에는 과학적으로 모발을 복구하고 보호하는 데 효과적이라고 입증된 가장 귀중한 천연 성분이 가득 들어 있습니다.\u003c\/p\u003e\n\u003cdiv class=\"cta-highlight\"\u003e\n\u003cstrong\u003e손상된 모발에는 단순한 보습이 아닌 골든 트리트먼트가 필요합니다\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-final\"\u003e\n\u003cstrong\u003eLiquid Gold로 헤어 복구 여행을 시작하세요... 매일 당신의 머릿결은 더 좋아지고 강해질 것입니다\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\u003e전체 성분 목록\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\u003e아르간 오일이 함유된 보바나 리브인 크림 - 손상되고 과도하게 처리된 모발을 위한 골든 트리트먼트\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-right: 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-right: 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-right: 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\/ko\/products\/bobana-leave-in-cream-with-argan-oil","provider":"Instachiq","version":"1.0","type":"link"}