{"title":"BOBANA products","description":"","products":[{"product_id":"bobana-hair-serum-jojoba-oil-for-dull-frizzy-hair-100ml","title":"BOBANA Hair Serum Jojoba Oil For Dull \u0026 Frizzy Hair 100ml","description":"\u003c!-- BOBANA Hair Serum Product Description --\u003e\n\u003cstyle\u003e\n .bobana-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n \n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"25\" cy=\"25\" r=\"0.5\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003ccircle cx=\"75\" cy=\"75\" r=\"0.3\" fill=\"%23ffffff\" opacity=\"0.03\"\/\u003e\u003ccircle cx=\"50\" cy=\"10\" r=\"0.4\" fill=\"%23ffffff\" opacity=\"0.04\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23grain)\"\/\u003e\u003c\/svg\u003e');\n animation: float 20s ease-in-out infinite;\n }\n \n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n \n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 600px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n }\n \n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n \n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n \n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n \n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n \n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n \n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n \n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #D4AF37);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n \n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n \n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n \n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n \n .benefit-number {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: pulse 2s ease-in-out infinite;\n font-size: 1.1rem;\n }\n \n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n \n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n \n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n \n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n \n .section-content {\n max-width: 800px;\n margin: 0 auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n \n .two-column {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: center;\n margin: 3rem 0;\n }\n \n .content-image {\n width: 100%;\n max-width: 350px;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n transition: all 0.5s ease;\n animation: imageSlide 0.8s ease-out both;\n }\n \n .content-image:hover {\n transform: scale(1.05) rotate(1deg);\n box-shadow: 0 25px 60px rgba(0,0,0,0.15);\n }\n \n .text-content {\n animation: slideUp 0.8s ease-out 0.3s both;\n }\n \n .text-content h3 {\n font-size: 1.5rem;\n color: #9C8102;\n margin-bottom: 1rem;\n font-weight: 600;\n }\n \n .text-content p {\n color: #555;\n margin-bottom: 1rem;\n line-height: 1.7;\n }\n \n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1.5rem 0;\n }\n \n .feature-list li {\n padding: 0.8rem 0;\n border-bottom: 1px solid #eee;\n position: relative;\n padding-right: 2rem;\n animation: listSlide 0.5s ease-out both;\n color: #555;\n }\n \n .feature-list li:nth-child(1) { animation-delay: 0.1s; }\n .feature-list li:nth-child(2) { animation-delay: 0.2s; }\n .feature-list li:nth-child(3) { animation-delay: 0.3s; }\n .feature-list li:nth-child(4) { animation-delay: 0.4s; }\n \n .feature-list li::before {\n content: '✓';\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: bold;\n font-size: 1.2rem;\n }\n \n .timeline {\n padding: 3rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n }\n \n .timeline-item {\n display: flex;\n margin: 2rem 0;\n animation: timelineSlide 0.8s ease-out both;\n align-items: flex-start;\n }\n \n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n .timeline-item:nth-child(4) { animation-delay: 0.4s; }\n \n .timeline-marker {\n width: 60px;\n height: 60px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: bold;\n margin-left: 2rem;\n flex-shrink: 0;\n animation: markerPulse 2s ease-in-out infinite;\n }\n \n .timeline-content {\n background: white;\n padding: 1.5rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n margin-right: 1rem;\n flex-grow: 1;\n border-right: 4px solid #9C8102;\n }\n \n .timeline-content h4 {\n color: #9C8102;\n margin-bottom: 0.5rem;\n font-size: 1.2rem;\n font-weight: 600;\n }\n \n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n \n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n \n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n }\n \n .floating-elements {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n \n .floating-element {\n position: absolute;\n width: 10px;\n height: 10px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n opacity: 0.3;\n animation: floatUp 8s linear infinite;\n }\n \n .floating-element:nth-child(1) { left: 10%; animation-delay: 0s; }\n .floating-element:nth-child(2) { left: 30%; animation-delay: 2s; }\n .floating-element:nth-child(3) { left: 50%; animation-delay: 4s; }\n .floating-element:nth-child(4) { left: 70%; animation-delay: 6s; }\n .floating-element:nth-child(5) { left: 90%; animation-delay: 1s; }\n \n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n \n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n \n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n \n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n \n @keyframes imageFloat {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n \n @keyframes imageSlide {\n 0% { transform: translateX(-30px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n \n @keyframes listSlide {\n 0% { transform: translateX(-20px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n \n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n \n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n \n @keyframes markerPulse {\n 0%, 100% { box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n \n @keyframes float {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 33% { transform: translateY(-10px) rotate(1deg); }\n 66% { transform: translateY(5px) rotate(-1deg); }\n }\n \n @keyframes floatUp {\n 0% { transform: translateY(100vh) rotate(0deg); opacity: 0; }\n 10% { opacity: 0.3; }\n 90% { opacity: 0.3; }\n 100% { transform: translateY(-100px) rotate(360deg); opacity: 0; }\n }\n \n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n \n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n \n .two-column {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n \n .reverse-mobile {\n display: flex;\n flex-direction: column;\n }\n \n .reverse-mobile .content-image {\n order: -1;\n margin-bottom: 1rem;\n }\n \n .benefits-grid {\n grid-template-columns: 1fr;\n }\n \n .timeline-item {\n flex-direction: column;\n text-align: center;\n }\n \n .timeline-marker {\n margin: 1rem auto;\n }\n \n .timeline-content {\n margin: 0;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"bobana-container\"\u003e\n\u003c!-- Floating Elements --\u003e\n\u003cdiv class=\"floating-elements\"\u003e\n\u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003e태양은 매일 당신의 머리를 태워버립니다. 하지만 당신은 상관하지 않습니다!\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e당신의 머리카락은 서서히 죽어가고 있습니다. 그리고 매일매일 당신은 다시는 돌아오지 않는 머리카락을 잃습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"BOBANA Hair Serum\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana_jojoba_oil_heat_protectant_serum_3.webp?v=1751730801\"\/\u003e\n\u003ch2 class=\"product-name\"\u003eBOBANA 헤어 세럼 호호바 오일 - 모발을 위한 종합 보호막\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n 거리에 나갈 때마다, 헤어드라이어나 다리미를 사용할 때마다, 머리카락을 햇빛과 바람에 노출시킬 때마다... 크림으로 피부를 보호하고 있는데 머리카락이 맞나요?당신의 머리카락은 아무런 보호도 없이 홀로 남겨져 이 모든 적들과 싸우고 있습니다!\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003e하나의 제품에 4가지 근본적인 솔루션이 들어있습니다.\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e종합적인 자외선 차단 SPF 30+\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e각질을 파괴하고 모발 컬러를 칙칙하게 만드는 자외선으로부터 보호하는 첨단 포뮬러로 모발을 위해 특별히 고안된 최초의 자외선 차단제입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e스타일링 방열판\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e드라이어와 다리미의 고온으로부터 모발을 보호하는 보온층으로, 단백질의 연소와 모발의 건조를 방지합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e갈라진 끝을 위한 마법의 해결책\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e모발 구조의 갈라진 부분을 치유하고 약한 끝 부분을 강화하여 갈라진 끝이 위쪽으로 퍼지는 것을 방지하는 회복 포뮬러입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e곱슬머리 완벽 컨트롤\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e정전기를 제거하고 모발의 무게를 부드럽게 줄여 어떤 날씨 조건에서도 모발을 관리할 수 있습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Details --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eBOBANA: 재난으로부터 머리카락을 지켜줄 화학적 기적\u003c\/h2\u003e\n\u003ch3\u003e단순한 세럼이 아닌, 모발을 위한 통합 보호 시스템입니다.\u003c\/h3\u003e\n\u003cp\u003eBOBANA 세럼은 시중에서 찾을 수 있는 다른 제품과 다릅니다.이 \u003cstrong\u003e완전한 방공\u003c\/strong\u003e 매일 모발을 파괴하는 모든 요인으로부터 모발을 보호하세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"BOBANA Product\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana_jojoba_oil_heat_protectant_serum_4.webp?v=1751731054\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Jojoba Oil Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cimg alt=\"Jojoba Oil\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/jojoba_oil.jpg?v=1751731143\"\/\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003e호호바 오일: 머리카락의 천연 오일을 모방한 천연 기적\u003c\/h3\u003e\n\u003cp\u003e호호바 오일은 단순한 오일이 아닙니다. \u003cstrong\u003e천연 왁스 같은 액체\u003c\/strong\u003e 이 제품의 포뮬러는 두피의 천연 오일과 97% 유사합니다.\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e모근까지 침투\u003c\/strong\u003e 속부터 영양을 공급해줍니다\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e오일의 분비를 조절합니다\u003c\/strong\u003e 두피에\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e바깥층에 닿아요\u003c\/strong\u003e 머리를 열고 닫으려면\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e자연 수분을 잠급니다\u003c\/strong\u003e 24시간 동안 머리카락을 그대로 놓아두세요\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SPF Protection --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column reverse-mobile\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003eSPF 30+ 보호: 머리카락에도 피부와 마찬가지로 자외선 차단제가 필요합니다!\u003c\/h3\u003e\n\u003cp\u003e머리카락은 피부에 해를 끼치는 것과 동일한 자외선에 노출되지만, 하루 종일 노출되기 때문에 더 많은 양이 노출됩니다.\u003c\/p\u003e\n\u003cul class=\"feature-list\"\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\u003cp\u003e\u003cstrong\u003eBOBANA 핸드 세럼 SPF 30+ 보호\u003c\/strong\u003e - 썬크림을 바르는 것과 마찬가지로 머리카락에도 같은 작용을 합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"SPF Protection\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana_jojoba_oil_heat_protectant_serum_1.webp?v=1751731174\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Heat Protection --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cimg alt=\"Hair Protection\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/damaged-hair.jpg?v=1751731310\"\/\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003e열 보호: 머리카락이 타는 시대는 끝났다\u003c\/h3\u003e\n\u003cp\u003e보호 장치 없이 헤어드라이어나 다리미를 사용할 때마다 마치 라이터로 머리카락을 태우는 것과 같습니다!\u003c\/p\u003e\n\u003cp\u003e철의 온도는 섭씨 200도에 이릅니다.머리카락은 60도 정도의 열만 견딜 수 있습니다.\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e절연층\u003c\/strong\u003e 모든 머리카락 주위에 형성됩니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e열 분포\u003c\/strong\u003e 동등하게\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e수분 손실 방지\u003c\/strong\u003e 스타일링을 하면서\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e단백질 보호\u003c\/strong\u003e 파손 및 손상으로부터\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Split Ends \u0026 Flyaway Hair --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch2 class=\"section-title\"\u003e갈라진 끝 부분을 복구하고 곱슬머리를 조절합니다.\u003c\/h2\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003e끝이 갈라지는 것은 단순한 미학적 문제가 아니라 위험 신호입니다!\u003c\/h3\u003e\n\u003cp\u003e머리카락이 갈라지면 유리에 금이 퍼지는 것처럼 갈라진 부분이 위쪽으로 끝납니다.\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e빈칸을 채운다\u003c\/strong\u003e 손상된 모발의 구조에\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e레이어를 붙여넣습니다.\u003c\/strong\u003e 다시 함께 껍질을 벗기다\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e유대감을 강화한다\u003c\/strong\u003e 약한 머리카락\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e새로운 파손을 방지\u003c\/strong\u003e 일어나는 일로부터\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003e곱슬머리 = 극도의 건조함과 정전기의 징후\u003c\/h3\u003e\n\u003cp\u003e머리카락이 건조해지면 전기 전도 능력이 떨어지기 때문에 머리카락 표면에 전하가 모이게 됩니다.\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e모발에 수분을 공급합니다\u003c\/strong\u003e 그것은 좋은 전기 전도체로 만듭니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e머리숱이 좀 줄어드네요\u003c\/strong\u003e 중력이 전기보다 우선하기 때문이다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e보호 계층을 만듭니다.\u003c\/strong\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!-- Safe Formula --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch2 class=\"section-title\"\u003e파라벤 및 황산염 무첨가: 유해하지 않은 청결함\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.1rem; color: #555; max-width: 700px; margin: 0 auto;\"\u003e\n\u003cstrong\u003e파라벤:\u003c\/strong\u003e 값싼 방부제이지만 조직에 축적되어 알레르기와 자극을 유발합니다.\u003cbr\/\u003e\n\u003cstrong\u003e황산염:\u003c\/strong\u003e 천연 오일을 제거하고 머리카락을 빨대처럼 남겨주는 매우 강력한 클렌저\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong\u003eBOBANA는 어렵고 비용이 많이 드는 길을 선택했습니다.\u003c\/strong\u003e 동시에 안전하고 효과적인 천연 대안을 사용하십시오.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Results --\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003ch2 class=\"section-title\"\u003e변화의 여정: BOBANA를 사용하면 머리카락에 어떤 일이 일어날까요?\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003e처음 사용부터\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\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=\"timeline-marker\"\u003e1\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003e일주일 후\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\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=\"timeline-marker\"\u003e7\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003e2주 후\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\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=\"timeline-marker\"\u003e14\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003e한 달 후\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\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=\"timeline-marker\"\u003e30\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Proposition --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch2 class=\"section-title\"\u003e가격대비 탁월한 가치\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\" style=\"margin-top: 2rem;\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e4가지 제품이 하나로\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e자외선 차단제 + 열 보호 + 갈라진 끝 처리 + 곱슬거림 제어\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e100ml 병\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e농축된 포뮬러로 4~6개월간 매일 사용하기에 충분합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e빠른 흡수\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e모발에 기름기가 많거나 무거운 효과를 남기지 않습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e누적 결과\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e각 사용은 이전 사용을 기반으로 합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003e당신의 머리카락은 당신이 올바른 결정을 내리기를 기다리고 있습니다... 너무 늦기 전에\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n 머리 관리를 미루는 날마다 머리카락이 약해지는 날입니다.태양, 열, 오염, 방치 등은 모두 연중무휴 24시간 내내 당신에게 불리한 요인입니다.\n \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eBOBANA 헤어 세럼은 단순한 뷰티 제품이 아닙니다... 그것은 당신의 자신감에 대한 투자입니다.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Enhanced hover effects for benefit cards\n const benefitCards = document.querySelectorAll('.benefit-card');\n benefitCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-12px) scale(1.02)';\n this.style.boxShadow = '0 25px 60px rgba(156, 129, 2, 0.2)';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0) scale(1)';\n this.style.boxShadow = '0 10px 30px rgba(0,0,0,0.08)';\n });\n });\n \n \/\/ Enhanced parallax effect for floating elements\n let ticking = false;\n \n function updateFloatingElements() {\n const scrolled = window.pageYOffset;\n const floatingElements = document.querySelectorAll('.floating-element');\n \n floatingElements.forEach((element, index) =\u003e {\n const speed = 0.5 + (index * 0.1);\n const yPos = -(scrolled * speed);\n element.style.transform = `translateY(${yPos}px) rotate(${scrolled * 0.1}deg)`;\n });\n \n ticking = false;\n }\n \n function requestTick() {\n if (!ticking) {\n requestAnimationFrame(updateFloatingElements);\n ticking = true;\n }\n }\n \n window.addEventListener('scroll', requestTick);\n \n \/\/ Timeline marker animation enhancement\n const timelineMarkers = document.querySelectorAll('.timeline-marker');\n timelineMarkers.forEach((marker, index) =\u003e {\n setTimeout(() =\u003e {\n marker.style.animation = `markerPulse 2s ease-in-out infinite ${index * 0.5}s`;\n }, index * 200);\n });\n \n \/\/ Dynamic text effects\n const dynamicTexts = document.querySelectorAll('.hero-title, .cta-title');\n dynamicTexts.forEach(text =\u003e {\n text.addEventListener('mouseenter', function() {\n this.style.textShadow = '0 0 20px rgba(156, 129, 2, 0.3)';\n this.style.transform = 'scale(1.02)';\n });\n \n text.addEventListener('mouseleave', function() {\n this.style.textShadow = 'none';\n this.style.transform = 'scale(1)';\n });\n });\n});\n\u003c\/script\u003e","brand":"Bobana","offers":[{"title":"Default Title","offer_id":44878300479685,"sku":null,"price":170.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-serum-brwith-jojoba-oil-688273.webp?v=1751730739"},{"product_id":"bobana-coffee-scrub-300-gm","title":"Bobana Coffee Scrub 300 gm","description":"\u003c!-- BOBANA Coffee Body Scrub Product Description --\u003e\n\u003cstyle\u003e\n .bobana-scrub-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #faf9f7 0%, #ffffff 100%);\n overflow: hidden;\n }\n \n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #2c1810 0%, #5d3a2b 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"coffee\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"20\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"80\" cy=\"80\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"50\" cy=\"15\" r=\"0.6\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23coffee)\"\/\u003e\u003c\/svg\u003e');\n animation: coffeeFloat 25s ease-in-out infinite;\n }\n \n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n \n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n }\n \n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n \n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n \n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n \n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n \n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n \n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n \n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #8B4513, #9C8102);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n \n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n \n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n \n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n \n .benefit-number {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #8B4513, #9C8102);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: pulse 2s ease-in-out infinite;\n font-size: 1.2rem;\n }\n \n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n \n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n \n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n \n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n \n .section-content {\n max-width: 800px;\n margin: 0 auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n \n .two-column {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: center;\n margin: 3rem 0;\n }\n \n .content-image {\n width: 100%;\n max-width: 350px;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n transition: all 0.5s ease;\n animation: imageSlide 0.8s ease-out both;\n }\n \n .content-image:hover {\n transform: scale(1.05) rotate(1deg);\n box-shadow: 0 25px 60px rgba(0,0,0,0.15);\n }\n \n .text-content {\n animation: slideUp 0.8s ease-out 0.3s both;\n }\n \n .text-content h3 {\n font-size: 1.5rem;\n color: #9C8102;\n margin-bottom: 1rem;\n font-weight: 600;\n }\n \n .text-content p {\n color: #555;\n margin-bottom: 1rem;\n line-height: 1.7;\n }\n \n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1.5rem 0;\n }\n \n .feature-list li {\n padding: 0.8rem 0;\n border-bottom: 1px solid #eee;\n position: relative;\n padding-right: 2rem;\n animation: listSlide 0.5s ease-out both;\n color: #555;\n }\n \n .feature-list li:nth-child(1) { animation-delay: 0.1s; }\n .feature-list li:nth-child(2) { animation-delay: 0.2s; }\n .feature-list li:nth-child(3) { animation-delay: 0.3s; }\n .feature-list li:nth-child(4) { animation-delay: 0.4s; }\n \n .feature-list li::before {\n content: '✓';\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #8B4513, #9C8102);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: bold;\n font-size: 1.2rem;\n }\n \n .coffee-benefits {\n background: linear-gradient(135deg, #f5f2f0 0%, #ffffff 100%);\n border-radius: 20px;\n padding: 2rem;\n margin: 2rem 0;\n border-right: 5px solid #8B4513;\n }\n \n .scientific-fact {\n background: white;\n border-radius: 15px;\n padding: 1.5rem;\n margin: 1rem 0;\n border-left: 4px solid #9C8102;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n animation: cardSlide 0.6s ease-out both;\n }\n \n .scientific-fact:nth-child(1) { animation-delay: 0.1s; }\n .scientific-fact:nth-child(2) { animation-delay: 0.2s; }\n .scientific-fact:nth-child(3) { animation-delay: 0.3s; }\n .scientific-fact:nth-child(4) { animation-delay: 0.4s; }\n \n .timeline {\n padding: 3rem 2rem;\n background: linear-gradient(135deg, #f8f6f4 0%, #ffffff 100%);\n }\n \n .timeline-item {\n display: flex;\n margin: 2rem 0;\n animation: timelineSlide 0.8s ease-out both;\n align-items: flex-start;\n }\n \n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n .timeline-item:nth-child(4) { animation-delay: 0.4s; }\n \n .timeline-marker {\n width: 80px;\n height: 80px;\n background: linear-gradient(45deg, #8B4513, #9C8102);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: bold;\n margin-left: 2rem;\n flex-shrink: 0;\n animation: markerPulse 2s ease-in-out infinite;\n font-size: 0.9rem;\n }\n \n .timeline-content {\n background: white;\n padding: 1.5rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n margin-right: 1rem;\n flex-grow: 1;\n border-right: 4px solid #9C8102;\n }\n \n .timeline-content h4 {\n color: #9C8102;\n margin-bottom: 0.5rem;\n font-size: 1.2rem;\n font-weight: 600;\n }\n \n .usage-steps {\n background: linear-gradient(135deg, #2c1810 0%, #5d3a2b 100%);\n color: white;\n padding: 3rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n }\n \n .step-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n margin: 1.5rem 0;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n \n .step-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateX(10px);\n }\n \n .step-card:nth-child(1) { animation-delay: 0.1s; }\n .step-card:nth-child(2) { animation-delay: 0.2s; }\n .step-card:nth-child(3) { animation-delay: 0.3s; }\n .step-card:nth-child(4) { animation-delay: 0.4s; }\n \n .step-number {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n font-size: 1.1rem;\n }\n \n .step-title {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n color: #D4AF37;\n }\n \n .value-proposition {\n background: linear-gradient(135deg, #f8f6f4 0%, #ffffff 100%);\n padding: 3rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n text-align: center;\n }\n \n .comparison-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n margin: 1rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n border-top: 4px solid #9C8102;\n animation: cardSlide 0.6s ease-out both;\n }\n \n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #2c1810 0%, #5d3a2b 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n \n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n \n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n }\n \n .floating-coffee-beans {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n \n .floating-bean {\n position: absolute;\n width: 8px;\n height: 12px;\n background: linear-gradient(45deg, #8B4513, #9C8102);\n border-radius: 50% 50% 50% 50% \/ 60% 60% 40% 40%;\n opacity: 0.3;\n animation: floatBean 12s linear infinite;\n }\n \n .floating-bean:nth-child(1) { left: 10%; animation-delay: 0s; }\n .floating-bean:nth-child(2) { left: 30%; animation-delay: 3s; }\n .floating-bean:nth-child(3) { left: 50%; animation-delay: 6s; }\n .floating-bean:nth-child(4) { left: 70%; animation-delay: 9s; }\n .floating-bean:nth-child(5) { left: 90%; animation-delay: 1.5s; }\n \n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n \n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n \n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n \n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n \n @keyframes imageSlide {\n 0% { transform: translateX(-30px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n \n @keyframes listSlide {\n 0% { transform: translateX(-20px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n \n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n \n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n \n @keyframes markerPulse {\n 0%, 100% { box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n \n @keyframes coffeeFloat {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 33% { transform: translateY(-15px) rotate(2deg); }\n 66% { transform: translateY(8px) rotate(-2deg); }\n }\n \n @keyframes floatBean {\n 0% { transform: translateY(100vh) rotate(0deg); opacity: 0; }\n 10% { opacity: 0.3; }\n 90% { opacity: 0.3; }\n 100% { transform: translateY(-100px) rotate(360deg); opacity: 0; }\n }\n \n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n \n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n \n .two-column {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n \n .reverse-mobile {\n display: flex;\n flex-direction: column;\n }\n \n .reverse-mobile .content-image {\n order: -1;\n margin-bottom: 1rem;\n }\n \n .benefits-grid {\n grid-template-columns: 1fr;\n }\n \n .timeline-item {\n flex-direction: column;\n text-align: center;\n }\n \n .timeline-marker {\n order: -1;\n margin: 0 auto 1rem auto;\n }\n \n .timeline-content {\n margin: 0;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"bobana-scrub-container\"\u003e\n\u003c!-- Floating Coffee Beans --\u003e\n\u003cdiv class=\"floating-coffee-beans\"\u003e\n\u003cdiv class=\"floating-bean\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-bean\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-bean\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-bean\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-bean\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003e매일 수천 개의 죽은 세포가 몸에 쌓입니다.\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e결과는?칙칙하고 푸석푸석한 피부, 잡티 가득한 피부, 마치 자신에게 관심이 없는 듯!오늘, 이 모든 것이 보바나 커피 바디 스크럽으로 바뀔 것입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"BOBANA Coffee Body Scrub\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-coffee-brscrub-186597.webp?v=1751732343\"\/\u003e\n\u003ch2 class=\"product-name\"\u003e보바나 스킨 커피 바디 스크럽 - 완전히 새로운 피부를 위한 커피의 기적\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n 피부는 28일마다 재생된다는 사실을 알고 계셨나요?그러나 문제는 죽은 세포가 새로운 세포가 들어갈 자리를 쉽게 만들지 못한다는 것입니다.골동품 위에 먼지처럼 쌓여있고... 진짜 아름다운 피부는 그 밑에 갇혀있습니다!\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003e하나의 제품에 담긴 3가지 기적\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e죽은 세포의 깊은 각질 제거\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e부드럽고 둥근 천연 커피원두가 쌓인 각질층을 부드럽게 제거하고 그 아래에 있는 신선한 피부를 드러냅니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e잘 지워지지 않는 어두운 점을 제거하세요\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e카페인이 함유된 농축 커피 포뮬라는 혈액 순환을 촉진하고 색소 덩어리를 분해하여 무릎, 팔꿈치, 겨드랑이의 검은 반점을 제거합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e젊고 생기 넘치는 피부\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e커피에 함유된 항산화제는 노화의 징후를 퇴치하고 세포 재생을 자극하여 마치 몇 년 전으로 돌아간 것처럼 탄탄하고 빛나는 피부를 선사합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Coffee Science Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch2 class=\"section-title\"\u003e특히 왜 커피인가?기적 뒤에 숨은 과학적 비밀\u003c\/h2\u003e\n\u003ch3\u003e커피는 단순한 음료가 아닌 피부를 위한 완벽한 천연약국입니다.\u003c\/h3\u003e\n\u003cdiv class=\"coffee-benefits\"\u003e\n\u003cdiv class=\"scientific-fact\"\u003e\n\u003ch4\u003e\u003cstrong\u003e혈액 순환을 자극합니다\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003e깊은 층까지 혈액과 산소를 공급합니다\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"scientific-fact\"\u003e\n\u003ch4\u003e\u003cstrong\u003e셀룰라이트 지방을 분해합니다.\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003e피부를 조여주고 주름을 줄여줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"scientific-fact\"\u003e\n\u003ch4\u003e\u003cstrong\u003e콜라겐 생성을 자극합니다.\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003e피부를 더욱 튼튼하고 탄력있게 만들어줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"scientific-fact\"\u003e\n\u003ch4\u003e\u003cstrong\u003e자유 라디칼을 공격합니다\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003e노화를 근원적으로 방지합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Coffee Benefits\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-coffee-brscrub-327832.webp?v=1751732528\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Antioxidants Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch3\u003e항산화제: 자연의 보호군\u003c\/h3\u003e\n\u003cp style=\"text-align: center; font-size: 1.1rem; color: #555; margin-bottom: 2rem;\"\u003e커피에는 천연 항산화 물질이 고농도로 함유되어 있습니다.\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e클로로겐산\u003c\/strong\u003e 태양 손상으로부터 보호하는 제품\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e페놀 화합물\u003c\/strong\u003e 감염과 싸우는 것\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e카페인\u003c\/strong\u003e 모공을 조여주고 피부결을 강화시켜주는 제품이에요\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Gentle Granules Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch2 class=\"section-title\"\u003e부드럽고 둥근 알갱이: 상처 없이 스마트하게 각질 제거\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #9C8102;\"\u003e필링이라고 다 똑같은 필링은 아니죠.. 그리고 다른 회사에서도 알리고 싶지 않은 비밀은 바로 이것입니다\u003c\/h3\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003cp\u003e대부분의 스크럽은 피부에 도움이 되기보다는 상처를 더 많이 주는 거칠고 날카로운 과립을 사용합니다. \u003cstrong\u003eBOBANA\u003c\/strong\u003e 매끄러운 둥근 결 기술에 투자하십시오.\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e완벽한 둥근 모양\u003c\/strong\u003e - 미세한 스크래치 및 베임을 방지합니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e점진적인 크기\u003c\/strong\u003e - 각질층까지 효율적으로 클렌징\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e부드러운 질감\u003c\/strong\u003e - 민감성 피부와 중성 피부에 적합\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e균등분배\u003c\/strong\u003e - 신체 모든 부위의 정기적인 각질 제거\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e결과는?\u003c\/strong\u003e 자극이나 붉은기 없이 깊고 효과적으로 각질을 제거합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; padding: 2rem;\"\u003e\n\u003cdiv style=\"width: 200px; height: 200px; border-radius: 50%; background: linear-gradient(45deg, #8B4513, #9C8102); margin: 0 auto; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; font-weight: bold; animation: pulse 2s ease-in-out infinite;\"\u003e\n 부드러운 과립\u003cbr\/\u003e라운드\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Proposition --\u003e\n\u003cdiv class=\"value-proposition\"\u003e\n\u003ch2 class=\"section-title\"\u003e300g = 가격 대비 뛰어난 가치\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 2rem;\"\u003e경쟁사 대비: BOBANA는 더 저렴한 가격으로 더 많은 것을 제공합니다.\u003c\/h3\u003e\n\u003cdiv style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem;\"\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003e보바나 팩\u003c\/h4\u003e\n\u003cp style=\"font-size: 2rem; font-weight: bold; color: #8B4513;\"\u003e300그램\u003c\/p\u003e\n\u003cp\u003e경쟁사의 규모를 두 배로 늘리세요!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003e사용 기간\u003c\/h4\u003e\n\u003cp style=\"font-size: 2rem; font-weight: bold; color: #8B4513;\"\u003e4~6개월\u003c\/p\u003e\n\u003cp\u003e정기적으로 사용하면\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003e일일 비용\u003c\/h4\u003e\n\u003cp style=\"font-size: 2rem; font-weight: bold; color: #8B4513;\"\u003e5파운드 미만\u003c\/p\u003e\n\u003cp\u003e커피 한잔보다 저렴해요!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 3rem; padding: 2rem; background: white; border-radius: 15px; border: 2px solid #9C8102;\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003e뷰티 센터의 필링 세션과 비교:\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e한 세션:\u003c\/strong\u003e 800-1500파운드\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e보바나 패키지:\u003c\/strong\u003e 저렴한 가격으로 30개 이상의 세션 결과를 얻으세요\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Results --\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003ch2 class=\"section-title\"\u003e변화의 여정: 당신의 피부는 당신보다 먼저 변할 것입니다\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003e처음 사용부터\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e즉각적인 부드러움의 느낌\u003c\/strong\u003e - 손 아래 실크 유니폼\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e죽은 피부의 즉각적인 제거\u003c\/strong\u003e - 욕실에서 차이점을 확인하실 수 있습니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e신선하고 활동적입니다.\u003c\/strong\u003e - 혈액순환 촉진부터\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e처음으로\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003e일주일 후\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e전체적인 피부 결이 눈에 띄게 개선되었습니다.\u003c\/strong\u003e - 확실히 더 부드럽고 매끄러워졌습니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e어두운 부분이 밝아지기 시작했어요\u003c\/strong\u003e - 특히 무릎이나 팔꿈치 부위에\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e자연스러운 광채\u003c\/strong\u003e - 밝고 빛나는 피부\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e7일\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003e2주 후\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e각질층이 사라지는 현상\u003c\/strong\u003e - 맑고 깨끗한 피부\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e눈에 띄는 피부톤 개선\u003c\/strong\u003e - 몸 전체의 색상 균일성\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e탁월한 부드러움\u003c\/strong\u003e - 어린이 피부보다 부드럽습니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e14일\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003e한 달 후\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e완전한 급진적 변화\u003c\/strong\u003e - 완전히 새로운 스킨\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e대부분의 어두운 반점이 사라집니다.\u003c\/strong\u003e - 균일하고 자연스러운 색상\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e유연성과 생동감\u003c\/strong\u003e - 젊고 빛나는 피부\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e30일\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem;\"\u003e사용 방법: 단순성은 놀라운 일을 합니다.\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: white; margin-bottom: 3rem;\"\u003e꿈의 피부를 위한 간단한 4단계\u003c\/h3\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003e따뜻한 물로 피부에 수분을 공급하세요\u003c\/h4\u003e\n\u003cp\u003e따뜻한 물은 모공을 열어 피부가 스크럽의 효능을 받을 수 있도록 준비시켜 줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003e부드러운 원을 그리며 마사지하세요\u003c\/h4\u003e\n\u003cp\u003e적당량을 덜어 거칠고 어두운 부위에 2~3분간 집중적으로 발라주세요\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003e찬물로 헹궈주세요\u003c\/h4\u003e\n\u003cp\u003e차가운 물이 모공을 닫아 효과를 잡아주어 손이 상쾌해지는 느낌이에요\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003e피부에 수분을 공급하세요\u003c\/h4\u003e\n\u003cp\u003e결과를 유지하고 새로운 피부를 보호하려면 적합한 보습제를 사용하십시오.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003e당신의 피부가 당신을 기다리고 있습니다...더 이상 방치하지 마세요\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n 매일 연기하면 = 더 많은 죽은 세포, 더 어두운 반점, 더 거친 피부.피부는 정원과 같습니다. 물을 주고 관리하지 않으면 시들고 죽습니다.하지만 잘 관리하면 동네에서 가장 아름다운 정원이 될 거예요.\n \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003e지금 주문하고 변화의 여정을 시작해보세요!\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Enhanced hover effects for benefit cards\n const benefitCards = document.querySelectorAll('.benefit-card');\n benefitCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-12px) scale(1.02)';\n this.style.boxShadow = '0 25px 60px rgba(156, 129, 2, 0.2)';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0) scale(1)';\n this.style.boxShadow = '0 10px 30px rgba(0,0,0,0.08)';\n });\n });\n \n \/\/ Enhanced parallax effect for floating coffee beans\n let ticking = false;\n \n function updateFloatingBeans() {\n const scrolled = window.pageYOffset;\n const floatingBeans = document.querySelectorAll('.floating-bean');\n \n floatingBeans.forEach((bean, index) =\u003e {\n const speed = 0.3 + (index * 0.05);\n const yPos = -(scrolled * speed);\n bean.style.transform = `translateY(${yPos}px) rotate(${scrolled * 0.05}deg)`;\n });\n \n ticking = false;\n }\n \n function requestTick() {\n if (!ticking) {\n requestAnimationFrame(updateFloatingBeans);\n ticking = true;\n }\n }\n \n window.addEventListener('scroll', requestTick);\n \n \/\/ Timeline marker animation enhancement\n const timelineMarkers = document.querySelectorAll('.timeline-marker');\n timelineMarkers.forEach((marker, index) =\u003e {\n setTimeout(() =\u003e {\n marker.style.animation = `markerPulse 2s ease-in-out infinite ${index * 0.3}s`;\n }, index * 200);\n });\n \n \/\/ Dynamic text effects\n const dynamicTexts = document.querySelectorAll('.hero-title, .cta-title');\n dynamicTexts.forEach(text =\u003e {\n text.addEventListener('mouseenter', function() {\n this.style.textShadow = '0 0 20px rgba(156, 129, 2, 0.3)';\n this.style.transform = 'scale(1.02)';\n });\n \n text.addEventListener('mouseleave', function() {\n this.style.textShadow = 'none';\n this.style.transform = 'scale(1)';\n });\n });\n \n \/\/ Coffee-themed interactions\n const coffeeElements = document.querySelectorAll('.coffee-benefits .scientific-fact');\n coffeeElements.forEach((element, index) =\u003e {\n element.addEventListener('mouseenter', function() {\n this.style.transform = 'translateX(10px)';\n this.style.borderLeftColor = '#8B4513';\n });\n \n element.addEventListener('mouseleave', function() {\n this.style.transform = 'translateX(0)';\n this.style.borderLeftColor = '#9C8102';\n });\n });\n});\n\u003c\/script\u003e","brand":"bobana","offers":[{"title":"Default Title","offer_id":44878310342853,"sku":null,"price":70.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-coffee-brscrub-233067.webp?v=1751732954"},{"product_id":"mud-mask-bobana-shea-butter-mud-mask-300-gm","title":"Mud Mask Bobana Shea Butter Mud Mask scrub 400 gm","description":"\u003c!-- BOBANA Shea Butter Mud Mask Product Description --\u003e\n\u003cstyle\u003e\n .bobana-mud-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f7f5f3 0%, #ffffff 100%);\n overflow: hidden;\n }\n \n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #6b4e3d 0%, #8b6f47 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"earth\" width=\"50\" height=\"50\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"10\" cy=\"10\" r=\"1.5\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"35\" cy=\"35\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003ccircle cx=\"25\" cy=\"45\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.04\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23earth)\"\/\u003e\u003c\/svg\u003e');\n animation: earthFloat 30s ease-in-out infinite;\n }\n \n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n \n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n \n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n \n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(107, 78, 61, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n \n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(107, 78, 61, 0.25);\n }\n \n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n \n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n \n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n \n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #6b4e3d, #9C8102);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n \n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(107, 78, 61, 0.15);\n border-color: #9C8102;\n }\n \n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n \n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n \n .benefit-number {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #6b4e3d, #9C8102);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: pulse 2s ease-in-out infinite;\n font-size: 1.2rem;\n }\n \n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n \n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n \n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n \n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n \n .section-content {\n max-width: 800px;\n margin: 0 auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n \n .two-column {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: center;\n margin: 3rem 0;\n }\n \n .content-image {\n width: 100%;\n max-width: 350px;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n transition: all 0.5s ease;\n animation: imageSlide 0.8s ease-out both;\n }\n \n .content-image:hover {\n transform: scale(1.05) rotate(1deg);\n box-shadow: 0 25px 60px rgba(0,0,0,0.15);\n }\n \n .text-content {\n animation: slideUp 0.8s ease-out 0.3s both;\n }\n \n .text-content h3 {\n font-size: 1.5rem;\n color: #9C8102;\n margin-bottom: 1rem;\n font-weight: 600;\n }\n \n .text-content p {\n color: #555;\n margin-bottom: 1rem;\n line-height: 1.7;\n }\n \n .ingredient-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n }\n \n .ingredient-card {\n background: linear-gradient(135deg, #fff 0%, #f9f7f4 100%);\n border-radius: 15px;\n padding: 2rem;\n border-left: 5px solid #6b4e3d;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n \n .ingredient-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 40px rgba(107, 78, 61, 0.12);\n }\n \n .ingredient-card:nth-child(1) { animation-delay: 0.1s; }\n .ingredient-card:nth-child(2) { animation-delay: 0.2s; }\n .ingredient-card:nth-child(3) { animation-delay: 0.3s; }\n .ingredient-card:nth-child(4) { animation-delay: 0.4s; }\n .ingredient-card:nth-child(5) { animation-delay: 0.5s; }\n .ingredient-card:nth-child(6) { animation-delay: 0.6s; }\n \n .ingredient-title {\n font-size: 1.2rem;\n font-weight: 600;\n color: #6b4e3d;\n margin-bottom: 0.5rem;\n }\n \n .ingredient-subtitle {\n font-size: 0.9rem;\n color: #9C8102;\n font-weight: 500;\n margin-bottom: 1rem;\n }\n \n .benefit-icon {\n display: inline-block;\n width: 20px;\n height: 20px;\n background: linear-gradient(45deg, #6b4e3d, #9C8102);\n border-radius: 50%;\n margin-right: 0.5rem;\n position: relative;\n }\n \n .benefit-icon::after {\n content: '✓';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n \n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1.5rem 0;\n }\n \n .feature-list li {\n padding: 0.8rem 0;\n border-bottom: 1px solid #eee;\n position: relative;\n padding-left: 2rem;\n animation: listSlide 0.5s ease-out both;\n color: #555;\n }\n \n .feature-list li:nth-child(1) { animation-delay: 0.1s; }\n .feature-list li:nth-child(2) { animation-delay: 0.2s; }\n .feature-list li:nth-child(3) { animation-delay: 0.3s; }\n .feature-list li:nth-child(4) { animation-delay: 0.4s; }\n \n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #6b4e3d, #9C8102);\n border-radius: 50%;\n }\n \n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n \n .usage-section {\n background: linear-gradient(135deg, #6b4e3d 0%, #8b6f47 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n \n .usage-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(212, 175, 55, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n \n .usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 3rem;\n margin-top: 3rem;\n }\n \n .usage-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n z-index: 2;\n }\n \n .usage-card h4 {\n font-size: 1.5rem;\n color: #D4AF37;\n margin-bottom: 1.5rem;\n font-weight: 600;\n }\n \n .step {\n display: flex;\n align-items: flex-start;\n margin: 1rem 0;\n padding: 0.5rem 0;\n }\n \n .step-number {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 30px;\n height: 30px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n font-weight: bold;\n margin-right: 1rem;\n flex-shrink: 0;\n font-size: 0.9rem;\n }\n \n .timeline {\n padding: 3rem 2rem;\n background: linear-gradient(135deg, #f7f5f3 0%, #ffffff 100%);\n }\n \n .timeline-item {\n display: flex;\n margin: 2rem 0;\n animation: timelineSlide 0.8s ease-out both;\n align-items: flex-start;\n }\n \n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n .timeline-item:nth-child(4) { animation-delay: 0.4s; }\n \n .timeline-marker {\n width: 80px;\n height: 80px;\n background: linear-gradient(45deg, #6b4e3d, #9C8102);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: bold;\n margin-left: 2rem;\n flex-shrink: 0;\n animation: markerPulse 2s ease-in-out infinite;\n font-size: 0.8rem;\n text-align: center;\n line-height: 1.2;\n }\n \n .timeline-content {\n background: white;\n padding: 1.5rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n margin-right: 1rem;\n flex-grow: 1;\n border-right: 4px solid #9C8102;\n }\n \n .timeline-content h4 {\n color: #9C8102;\n margin-bottom: 0.5rem;\n font-size: 1.2rem;\n font-weight: 600;\n }\n \n .value-section {\n background: linear-gradient(135deg, #f7f5f3 0%, #ffffff 100%);\n padding: 3rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n text-align: center;\n }\n \n .value-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-top: 2rem;\n }\n \n .value-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n border-top: 4px solid #6b4e3d;\n animation: cardSlide 0.6s ease-out both;\n }\n \n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #6b4e3d 0%, #8b6f47 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n \n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n \n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n \n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n \n .particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(45deg, #6b4e3d, #9C8102);\n border-radius: 50%;\n opacity: 0.3;\n animation: floatParticle 15s linear infinite;\n }\n \n .particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .particle:nth-child(2) { left: 30%; animation-delay: 3s; }\n .particle:nth-child(3) { left: 50%; animation-delay: 6s; }\n .particle:nth-child(4) { left: 70%; animation-delay: 9s; }\n .particle:nth-child(5) { left: 90%; animation-delay: 12s; }\n \n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n \n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n \n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n \n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n \n @keyframes imageSlide {\n 0% { transform: translateX(-30px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n \n @keyframes listSlide {\n 0% { transform: translateX(-20px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n \n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n \n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n \n @keyframes markerPulse {\n 0%, 100% { box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n \n @keyframes earthFloat {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 33% { transform: translateY(-12px) rotate(1deg); }\n 66% { transform: translateY(6px) rotate(-1deg); }\n }\n \n @keyframes floatParticle {\n 0% { transform: translateY(100vh) rotate(0deg); opacity: 0; }\n 10% { opacity: 0.3; }\n 90% { opacity: 0.3; }\n 100% { transform: translateY(-100px) rotate(360deg); opacity: 0; }\n }\n \n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n \n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n \n .two-column {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n \n .reverse-mobile {\n display: flex;\n flex-direction: column;\n }\n \n .reverse-mobile .content-image {\n order: -1;\n margin-bottom: 1rem;\n }\n \n .benefits-grid, .ingredient-cards {\n grid-template-columns: 1fr;\n }\n \n .usage-grid {\n grid-template-columns: 1fr;\n }\n \n .timeline-item {\n flex-direction: column;\n text-align: center;\n }\n \n .timeline-marker {\n order: -1;\n margin: 0 auto 1rem auto;\n }\n \n .timeline-content {\n margin: 0;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"bobana-mud-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"floating-particles\"\u003e\n\u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003e당신의 피부는 죽어가고 있는데 당신은 상관하지 않습니다!\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e매일매일 수천 개의 독소와 오염 물질이 피부와 신체의 모공에 침투하여 시한폭탄처럼 정착하게 됩니다. 그 결과는 무엇일까요?눈앞에서 10년은 늙어버린 듯 보송하고 건조하고 지친 피부!오늘 이 모든 비극은 끝이 난다 \u003cstrong\u003eBOBANA Shea Butter Mud Mask\u003c\/strong\u003e -얼굴과 몸에!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"BOBANA Shea Butter Mud Mask\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-shea-butter-brmud-mask-840447.webp?v=1751734317\"\/\u003e\n\u003ch2 class=\"product-name\"\u003e보바나 쉐어버터 머드 마스크 - 얼굴과 몸의 종합 클렌징과 보습\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n 당신의 피부(얼굴과 몸)가 매년 약 5kg의 오염물질과 화학물질을 흡수한다는 사실을 알고 계셨나요?배기가스, 연기, 먼지, 제품 찌꺼기, 땀... 이 모든 것이 피부 깊숙한 곳에 쌓이고 피부 세포를 질식시켜 서서히 죽어갑니다.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003e얼굴과 몸을 위한 하나의 마스크에 담긴 3가지 기적\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e딥 클렌징 및 해독\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e천연 화산석이 자석처럼 모공 깊숙이 침투하여 얼굴과 몸에 쌓인 모든 독소와 오염물질, 축적된 지방을 끌어당겨 유해균을 영구적으로 배출해 줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e건조하고 칙칙한 피부에 생기를 불어넣다\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e아프리카 오리지널 생 시어버터가 피부에 깊고 강렬한 수분을 공급하여, 지치고 방치된 온몸의 피부에 상쾌함과 윤기를 선사합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e젊음과 활력을 되찾으세요\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e세포 재생과 콜라겐 생성을 자극하고 피로와 피로의 징후를 지우고 피부의 매끄러움과 젊은 탄력을 곳곳에서 회복시키는 독특한 포뮬러입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Scientific Formula --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch2 class=\"section-title\"\u003e고급 과학 공식: 각 성분에는 명확한 목적이 있습니다.\u003c\/h2\u003e\n\u003cp\u003e이는 단순히 성분을 무작위로 혼합한 것이 아닙니다... 이는 과학적으로 연구된 공식으로, 각 성분은 특정 목적과 보장된 결과를 위해 신중하게 선택되었습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Scientific Formula\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-shea-butter-brmud-mask-840447_4c773d84-5b30-44ab-a08d-adeca1c87ace.webp?v=1751734449\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Details --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"ingredient-cards\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eSHEA BUTTER EXTRACT\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e고대 아프리카의 아름다움의 비밀\u003c\/p\u003e\n\u003cp\u003e생 아프리카 시어 버터에는 비타민 A, E, F 및 필수 지방산이 풍부합니다.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 피부 7층에 침투\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 24시간 내내 촉촉함을 유지\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 피부의 자연적인 장벽을 재건합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eKAOLIN + BENTONITE\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e해독 듀오\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e고령토:\u003c\/strong\u003e 부드러운 흰색 점토가 과도한 오일을 흡수합니다.\u003cbr\/\u003e\u003cstrong\u003e벤토나이트:\u003c\/strong\u003e 화산 진흙은 독소를 끌어낸다\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 독소 및 오염 물질의 자기 정화\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 혈액순환 촉진 및 세포 재생 촉진\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 축적된 죽은 세포의 부드러운 각질 제거\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eARGAN OIL\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e모로코 액체 금\u003c\/p\u003e\n\u003cp\u003e비타민 E와 강력한 항산화제가 풍부한 모로코산 희귀 아르간 오일입니다.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 노화의 징후를 방지하고 주름을 감소시킵니다.\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 콜라겐 생성을 촉진하고 피부를 탱탱하게 만들어줍니다.\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 자연스러운 윤기와 실키한 질감을 선사해요\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eALMOND OIL\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e천연 피부 영양제\u003c\/p\u003e\n\u003cp\u003e단백질과 아미노산이 풍부한 스위트 아몬드 오일.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 거칠어진 피부를 부드럽게 하여 아기처럼 보송보송하게 만들어줍니다.\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 균열이나 심한 건조함을 보수해줍니다.\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 자극과 붉은기를 부드럽게 진정시켜줍니다\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eGLYCERIN\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e영구 수화 스테이션\u003c\/p\u003e\n\u003cp\u003e천연 글리세린은 공기 중의 수분을 끌어당겨 피부에 가두어 줍니다.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 12시간 동안 즉각적이고 지속적인 수분 공급\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 피부 탄력을 유지하고 갈라짐을 방지합니다.\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 자연적인 보호 장벽을 강화합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eSTEARIC ACID + DIMETHICONE\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e설치된 구성\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e스테아르산:\u003c\/strong\u003e 제형을 고정시켜 크리미하게 만들어주는 제품이에요\u003cbr\/\u003e\u003cstrong\u003e디메티콘:\u003c\/strong\u003e 천연 실리콘\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 부드러운 손 느낌과 장기적인 보호\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 피부 치료 효과 입증\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Face and Body Uses --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column reverse-mobile\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003e얼굴 및 신체용: 무한한 유연성\u003c\/h3\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003e얼굴:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\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\u003ch4 style=\"color: #9C8102; margin: 1.5rem 0 1rem;\"\u003e신체의 경우:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\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\u003cimg alt=\"Face and Body Usage\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-shea-butter-brmud-mask-629486.webp?v=1751734478\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 1rem;\"\u003e사용 방법: 단순성은 놀라운 일을 합니다.\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-card\"\u003e\n\u003ch4\u003e얼굴용(5단계)\u003c\/h4\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003e따뜻한 물로 세안을 해서 모공을 열어주세요\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003e눈가와 입가를 피해 고르게 펴 발라주세요\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e부분적으로 마를 때까지 15~20분 정도 기다립니다.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv\u003e미온수로 헹구고 부드럽게 마사지 해주세요\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e5\u003c\/div\u003e\n\u003cdiv\u003e적합한 크림으로 수분을 공급하고 세럼으로 마무리하세요.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-card\"\u003e\n\u003ch4\u003e바디용(4단계)\u003c\/h4\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003e따뜻한 물로 샤워를 해서 피부를 깨끗하게 하고 모공을 열어주세요\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003e마스크를 필요한 부위(또는 신체 전체)에 붙입니다.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e20~25분 정도 기다렸다가 미지근한 물로 헹궈주세요\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv\u003e결과를 유지하려면 적합한 로션으로 수분을 공급하세요.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003ch4 style=\"color: #D4AF37; margin-bottom: 1rem;\"\u003e사용 빈도:\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e얼굴:\u003c\/strong\u003e 일주일에 2~3회 \u003cstrong\u003e신체의 경우:\u003c\/strong\u003e 일주일에 1~2회 \u003cstrong\u003e거친 영역의 경우:\u003c\/strong\u003e 일주일 동안은 매일, 그 다음에는 일주일에 두 번씩\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Results --\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003ch2 class=\"section-title\"\u003e변화의 여정: 당신의 피부는 당신보다 먼저 변할 것입니다\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003e첫 사용부터 (15~25분)\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e즉각적인 딥클렌징\u003c\/strong\u003e - 몇 년 만에 피부가 숨을 쉬는 듯한 느낌을 받게 될 것입니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e상쾌한 느낌\u003c\/strong\u003e - 상쾌한 청량감으로 자극받은 피부를 진정시켜줍니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e눈에 띄는 부드러움\u003c\/strong\u003e - 처음보다 더욱 부드러운 질감과 부드러운 피부결\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e처음으로\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003e3회 사용 후(1주일)\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e눈에 띄는 피부결 개선\u003c\/strong\u003e - 모공이 작아지고 피부가 매끈해집니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e빛의 귀환의 시작\u003c\/strong\u003e - 더 밝은 색상과 자연스러운 신선함\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e지속적인 깊은 수분 공급\u003c\/strong\u003e - 피부가 예전만큼 건조하지 않아요\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e일주일\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003e2주 후\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e피로의 징후가 사라집니다\u003c\/strong\u003e - 그는 편안하고 빛난다\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e피부톤 통일\u003c\/strong\u003e - 얼굴과 몸의 다크 스팟이 줄어들고 색상이 균일해졌습니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e더 많은 유연성\u003c\/strong\u003e - 피부가 튼튼해지고 외부 요인에 대한 저항력이 높아집니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e2주\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003e한 달 후\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e완전한 급진적 변화\u003c\/strong\u003e - 몸 전체에 완전히 새로운 피부가 생겼습니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e지속적인 신선함\u003c\/strong\u003e - 메이크업 없이도 자연스러운 광채\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e더 큰 자신감\u003c\/strong\u003e - 어디서나 빛나는 광채를 선사하는 맑고 깨끗한 피부\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e한 달 내내\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Proposition --\u003e\n\u003cdiv class=\"value-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e당신의 아름다움을 위한 현명한 투자\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 2rem;\"\u003e1개 마스크 = 1개 제품에 6개 트리트먼트\u003c\/h3\u003e\n\u003cdiv class=\"value-cards\"\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003e얼굴용\u003c\/h4\u003e\n\u003cp style=\"font-size: 1.5rem; font-weight: bold; color: #6b4e3d;\"\u003e일주일에 2~3회\u003c\/p\u003e\n\u003cp\u003e3-4개월 동안\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003e신체용\u003c\/h4\u003e\n\u003cp style=\"font-size: 1.5rem; font-weight: bold; color: #6b4e3d;\"\u003e일주일에 1~2회\u003c\/p\u003e\n\u003cp\u003e2-3개월 동안\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003e혼합 사용\u003c\/h4\u003e\n\u003cp style=\"font-size: 1.5rem; font-weight: bold; color: #6b4e3d;\"\u003e평균 3개월\u003c\/p\u003e\n\u003cp\u003e종합케어 중\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 2rem;\"\u003e\n\u003cimg alt=\"Value\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-shea-butter-brmud-mask-568365.webp?v=1751734512\" style=\"max-width: 300px; width: 100%; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003e연기하는 날마다 = 독소가 늘어나고, 죽은 세포가 늘어나고, 노화가 빨라집니다.\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n 얼굴과 몸의 피부는 24시간 유해인자에 노출되어 있습니다.보호하고, 청소하고, 보습하지 않으면 나중에 더 큰 대가를 치르게 됩니다.\n \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eBOBANA Shea Butter Mud Mask\u003c\/strong\u003e 그냥 마스크가 아니네요 \u003cstrong\u003e젊음에 투자하세요\u003c\/strong\u003e당신의 자신감, 사람들이 당신을 보는 방식.\n \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003e지금 주문하세요!\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Enhanced hover effects for benefit cards\n const benefitCards = document.querySelectorAll('.benefit-card, .ingredient-card, .value-card');\n benefitCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-8px) scale(1.02)';\n this.style.boxShadow = '0 20px 50px rgba(107, 78, 61, 0.15)';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0) scale(1)';\n this.style.boxShadow = '0 10px 30px rgba(0,0,0,0.08)';\n });\n });\n \n \/\/ Enhanced parallax effect for floating particles\n let ticking = false;\n \n function updateFloatingParticles() {\n const scrolled = window.pageYOffset;\n const particles = document.querySelectorAll('.particle');\n \n particles.forEach((particle, index) =\u003e {\n const speed = 0.2 + (index * 0.03);\n const yPos = -(scrolled * speed);\n particle.style.transform = `translateY(${yPos}px) rotate(${scrolled * 0.02}deg)`;\n });\n \n ticking = false;\n }\n \n function requestTick() {\n if (!ticking) {\n requestAnimationFrame(updateFloatingParticles);\n ticking = true;\n }\n }\n \n window.addEventListener('scroll', requestTick);\n \n \/\/ Timeline marker animation enhancement\n const timelineMarkers = document.querySelectorAll('.timeline-marker');\n timelineMarkers.forEach((marker, index) =\u003e {\n setTimeout(() =\u003e {\n marker.style.animation = `markerPulse 2s ease-in-out infinite ${index * 0.3}s`;\n }, index * 200);\n });\n \n \/\/ Dynamic text effects\n const dynamicTexts = document.querySelectorAll('.hero-title, .cta-title');\n dynamicTexts.forEach(text =\u003e {\n text.addEventListener('mouseenter', function() {\n this.style.textShadow = '0 0 20px rgba(156, 129, 2, 0.3)';\n this.style.transform = 'scale(1.02)';\n });\n \n text.addEventListener('mouseleave', function() {\n this.style.textShadow = 'none';\n this.style.transform = 'scale(1)';\n });\n });\n \n \/\/ Ingredient cards special interactions\n const ingredientCards = document.querySelectorAll('.ingredient-card');\n ingredientCards.forEach((card, index) =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.borderLeftColor = '#9C8102';\n this.style.borderLeftWidth = '8px';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.borderLeftColor = '#6b4e3d';\n this.style.borderLeftWidth = '5px';\n });\n });\n \n \/\/ Usage step animations\n const steps = document.querySelectorAll('.step');\n steps.forEach((step, index) =\u003e {\n step.addEventListener('mouseenter', function() {\n this.style.transform = 'translateX(10px)';\n this.style.backgroundColor = 'rgba(255,255,255,0.05)';\n this.style.borderRadius = '8px';\n });\n \n step.addEventListener('mouseleave', function() {\n this.style.transform = 'translateX(0)';\n this.style.backgroundColor = 'transparent';\n });\n });\n});\n\u003c\/script\u003e","brand":"bobana","offers":[{"title":"Default Title","offer_id":44878328332485,"sku":null,"price":70.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-shea-butter-brmud-mask-780631.webp?v=1751734291"},{"product_id":"bobana-dead-sea-mud-mask","title":"Bobana Dead Sea Mud Mask","description":"\u003c!-- BOBANA Dead Sea Mud Mask Product Description --\u003e\n\u003cstyle\u003e\n .bobana-deadsea-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f0f8ff 0%, #ffffff 100%);\n overflow: hidden;\n }\n \n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"waves\" width=\"80\" height=\"40\" patternUnits=\"userSpaceOnUse\"\u003e\u003cpath d=\"M0,20 Q20,10 40,20 T80,20\" stroke=\"%23ffffff\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.1\"\/\u003e\u003cpath d=\"M0,30 Q20,20 40,30 T80,30\" stroke=\"%23ffffff\" stroke-width=\"0.3\" fill=\"none\" opacity=\"0.08\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23waves)\"\/\u003e\u003c\/svg\u003e');\n animation: wavesFlow 40s ease-in-out infinite;\n }\n \n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n \n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n \n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n \n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n \n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n \n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n \n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n \n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n \n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #D4AF37);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n \n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n \n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n \n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n \n .benefit-number {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: mineralGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n \n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n \n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n \n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n \n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n \n .section-content {\n max-width: 800px;\n margin: 0 auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n \n .two-column {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: center;\n margin: 3rem 0;\n }\n \n .content-image {\n width: 100%;\n max-width: 350px;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n transition: all 0.5s ease;\n animation: imageSlide 0.8s ease-out both;\n }\n \n .content-image:hover {\n transform: scale(1.05) rotate(1deg);\n box-shadow: 0 25px 60px rgba(0,0,0,0.15);\n }\n \n .text-content {\n animation: slideUp 0.8s ease-out 0.3s both;\n }\n \n .text-content h3 {\n font-size: 1.5rem;\n color: #9C8102;\n margin-bottom: 1rem;\n font-weight: 600;\n }\n \n .text-content p {\n color: #555;\n margin-bottom: 1rem;\n line-height: 1.7;\n }\n \n .deadsea-info {\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border-left: 5px solid #9C8102;\n }\n \n .mineral-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n margin-top: 2rem;\n }\n \n .mineral-item {\n background: white;\n border-radius: 12px;\n padding: 1.5rem;\n box-shadow: 0 8px 25px rgba(0,0,0,0.06);\n border-top: 3px solid #9C8102;\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n \n .mineral-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 35px rgba(156, 129, 2, 0.12);\n }\n \n .mineral-item:nth-child(1) { animation-delay: 0.1s; }\n .mineral-item:nth-child(2) { animation-delay: 0.2s; }\n .mineral-item:nth-child(3) { animation-delay: 0.3s; }\n .mineral-item:nth-child(4) { animation-delay: 0.4s; }\n \n .mineral-icon {\n font-size: 1.8rem;\n margin-bottom: 1rem;\n display: block;\n }\n \n .ingredients-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n \n .ingredients-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n \n .ingredient-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n \n .ingredient-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n \n .ingredient-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n \n .ingredient-card:nth-child(1) { animation-delay: 0.1s; }\n .ingredient-card:nth-child(2) { animation-delay: 0.2s; }\n .ingredient-card:nth-child(3) { animation-delay: 0.3s; }\n .ingredient-card:nth-child(4) { animation-delay: 0.4s; }\n .ingredient-card:nth-child(5) { animation-delay: 0.5s; }\n \n .ingredient-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n \n .ingredient-subtitle {\n font-size: 0.9rem;\n color: #9C8102;\n font-weight: 500;\n margin-bottom: 1rem;\n }\n \n .benefit-icon {\n display: inline-block;\n width: 20px;\n height: 20px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n margin-right: 0.5rem;\n position: relative;\n }\n \n .benefit-icon::after {\n content: '✓';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n \n .usage-section {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n \n .usage-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin-top: 2rem;\n }\n \n .usage-step {\n text-align: center;\n padding: 1.5rem;\n border-radius: 12px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n \n .usage-step:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(156, 129, 2, 0.1);\n }\n \n .step-number {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n font-size: 1.1rem;\n }\n \n .results-timeline {\n padding: 3rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n }\n \n .timeline-item {\n display: flex;\n margin: 2rem 0;\n animation: timelineSlide 0.8s ease-out both;\n align-items: flex-start;\n }\n \n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n \n .timeline-marker {\n width: 90px;\n height: 90px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: bold;\n margin-left: 2rem;\n flex-shrink: 0;\n animation: mineralPulse 2s ease-in-out infinite;\n font-size: 0.7rem;\n text-align: center;\n line-height: 1.2;\n }\n \n .timeline-content {\n background: white;\n padding: 1.5rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n margin-right: 1rem;\n flex-grow: 1;\n border-right: 4px solid #9C8102;\n }\n \n .timeline-content h4 {\n color: #9C8102;\n margin-bottom: 0.5rem;\n font-size: 1.2rem;\n font-weight: 600;\n }\n \n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1.5rem 0;\n }\n \n .feature-list li {\n padding: 0.8rem 0;\n border-bottom: 1px solid #eee;\n position: relative;\n padding-left: 2rem;\n animation: listSlide 0.5s ease-out both;\n color: #555;\n }\n \n .feature-list li:nth-child(1) { animation-delay: 0.1s; }\n .feature-list li:nth-child(2) { animation-delay: 0.2s; }\n .feature-list li:nth-child(3) { animation-delay: 0.3s; }\n \n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n \n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n \n .usage-areas {\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n padding: 3rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n }\n \n .usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-top: 2rem;\n }\n \n .usage-area {\n background: white;\n border-radius: 12px;\n padding: 2rem;\n box-shadow: 0 8px 25px rgba(0,0,0,0.06);\n border-top: 3px solid #9C8102;\n animation: cardSlide 0.6s ease-out both;\n }\n \n .usage-area h4 {\n color: #9C8102;\n margin-bottom: 1rem;\n font-size: 1.3rem;\n font-weight: 600;\n }\n \n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n \n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n \n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n \n .floating-minerals {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n \n .mineral-crystal {\n position: absolute;\n width: 6px;\n height: 8px;\n background: linear-gradient(135deg, #9C8102, #D4AF37);\n transform: rotate(45deg);\n opacity: 0.3;\n animation: floatCrystal 12s linear infinite;\n }\n \n .mineral-crystal:nth-child(1) { left: 10%; animation-delay: 0s; }\n .mineral-crystal:nth-child(2) { left: 30%; animation-delay: 2s; }\n .mineral-crystal:nth-child(3) { left: 50%; animation-delay: 4s; }\n .mineral-crystal:nth-child(4) { left: 70%; animation-delay: 6s; }\n .mineral-crystal:nth-child(5) { left: 90%; animation-delay: 8s; }\n \n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n \n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n \n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n \n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n \n @keyframes imageSlide {\n 0% { transform: translateX(-30px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n \n @keyframes listSlide {\n 0% { transform: translateX(-20px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n \n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n \n @keyframes mineralGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n \n @keyframes mineralPulse {\n 0%, 100% { box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n \n @keyframes wavesFlow {\n 0%, 100% { transform: translateX(0px) translateY(0px); }\n 33% { transform: translateX(-10px) translateY(-5px); }\n 66% { transform: translateX(5px) translateY(3px); }\n }\n \n @keyframes floatCrystal {\n 0% { transform: translateY(100vh) rotate(0deg); opacity: 0; }\n 10% { opacity: 0.3; }\n 90% { opacity: 0.3; }\n 100% { transform: translateY(-100px) rotate(360deg); opacity: 0; }\n }\n \n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n \n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n \n .two-column {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n \n .reverse-mobile {\n display: flex;\n flex-direction: column;\n }\n \n .reverse-mobile .content-image {\n order: -1;\n margin-bottom: 1rem;\n }\n \n .benefits-grid, .mineral-benefits, .ingredient-cards, .usage-steps, .usage-grid {\n grid-template-columns: 1fr;\n }\n \n .timeline-item {\n flex-direction: column;\n text-align: center;\n }\n \n .timeline-marker {\n order: -1;\n margin: 0 auto 1rem auto;\n }\n \n .timeline-content {\n margin: 0;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"bobana-deadsea-container\"\u003e\n\u003c!-- Floating Mineral Crystals --\u003e\n\u003cdiv class=\"floating-minerals\"\u003e\n\u003cdiv class=\"mineral-crystal\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mineral-crystal\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mineral-crystal\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mineral-crystal\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mineral-crystal\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003e지성 피부에 대한 사해 무기\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e매일 당신은 새로운 여드름, 막힌 모공, 피부와 몸에 짜증나는 윤기를 발견합니다... 그리고 문제는 줄어들지 않고 증가하고 있습니다.이유는?박테리아와 과도한 피지가 피부와의 싸움에서 승리했습니다! \u003cstrong\u003e그러나 오늘 전투는 사해의 자연적인 힘으로 당신에게 유리하게 끝날 것입니다.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"BOBANA Dead Sea Mud Mask\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-dead-sea-brmud-mask-859541.webp?v=1752354376\"\/\u003e\n\u003ch2 class=\"product-name\"\u003e보바나 사해 머드 마스크 - 지성 피부를 위한 미량 미네랄의 힘\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n 사해는 단순한 바다가 아닙니다... 지구상에서 가장 낮은 지점이자 세계에서 가장 염도가 높은 수역입니다.높은 염도와 농축된 미네랄은 박테리아와 과도한 지방에 완전히 적대적인 환경을 조성합니다.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003e문제성 피부를 위한 3가지 근본적인 솔루션\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e피부 속 깊은 곳의 독소를 제거해 보세요\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e희귀한 미네랄이 가득한 사해 진흙은 얼굴과 몸의 모공 깊은 곳에서 모든 독소와 오염 물질을 끌어내 유해 박테리아를 영구적으로 추방합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e막힌 모공을 완벽하게 청소\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e고농도의 나트륨과 마그네슘이 쌓인 지방과 죽은 세포를 녹이고 모공을 열어 처음으로 편안하게 숨을 쉬게 해줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e지성 피부와 여드름을 감소시킵니다.\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e항균 특성은 여드름의 원인을 제거하고 과도한 오일을 흡수하며 자연적으로 피지선 분비의 균형을 유지합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Dead Sea Science Section --\u003e\n\u003cdiv class=\"deadsea-info\"\u003e\n\u003ch2 style=\"color: #9C8102; text-align: center; margin-bottom: 2rem;\"\u003e사해: 지성 피부를 위한 천연 약국\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003e사해가 지성 피부를 위한 완벽한 솔루션인 이유는 무엇입니까?\u003c\/h3\u003e\n\u003cp style=\"color: #555; margin-bottom: 2rem; line-height: 1.7;\"\u003e사해는 지구상에서 가장 낮은 지점이자 세계에서 가장 염도가 높은 수역입니다(염도 34%).이 높은 염도와 농축된 미네랄은 박테리아에 대해 완전히 적대적인 환경을 조성합니다.\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003e독특한 구성:\u003c\/h4\u003e\n\u003cdiv class=\"mineral-benefits\"\u003e\n\u003cdiv class=\"mineral-item\"\u003e\n\u003cspan class=\"mineral-icon\"\u003e🧂\u003c\/span\u003e\n\u003ch5 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003e고농도 나트륨\u003c\/h5\u003e\n\u003cp style=\"margin: 0; color: #666; font-size: 0.9rem;\"\u003e박테리아를 즉시 소독하고 사멸시킵니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mineral-item\"\u003e\n\u003cspan class=\"mineral-icon\"\u003e💎\u003c\/span\u003e\n\u003ch5 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003e농축된 마그네슘\u003c\/h5\u003e\n\u003cp style=\"margin: 0; color: #666; font-size: 0.9rem;\"\u003e염증을 진정시키고 조직을 회복시킵니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mineral-item\"\u003e\n\u003cspan class=\"mineral-icon\"\u003e⚡\u003c\/span\u003e\n\u003ch5 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003e희귀 미네랄\u003c\/h5\u003e\n\u003cp style=\"margin: 0; color: #666; font-size: 0.9rem;\"\u003e피부 속부터 영양을 공급하고 강화시켜 줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mineral-item\"\u003e\n\u003cspan class=\"mineral-icon\"\u003e🛡️\u003c\/span\u003e\n\u003ch5 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003e항균성\u003c\/h5\u003e\n\u003cp style=\"margin: 0; color: #666; font-size: 0.9rem;\"\u003e박테리아와 곰팡이의 성장을 방지합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem;\"\u003e지성 피부를 위한 첨단 과학 포뮬라\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-cards\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eSEA SALT EXTRACT\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e순수한 사해의 힘\u003c\/p\u003e\n\u003cp\u003e활성 미네랄이 가장 많이 함유된 사해 소금 추출물:\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 딥 클리닝은 가장 어려운 부분까지 도달합니다.\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 뿌리에서 자연적으로 박테리아를 죽이십시오\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 쌓인 각질을 제거해 보세요\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eKAOLIN\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e지방을 흡수하는 스마트 클레이\u003c\/p\u003e\n\u003cp\u003e지능적으로 작동하는 부드러운 흰색 점토:\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 남은 기름만 흡수해\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 모공을 깨끗하게 하고, 조여주고, 모공을 작게 만들어줍니다.\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 자연스럽게 피지 분비의 균형을 맞춰줍니다\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eGREEN TEA EXTRACT\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e염증 전투기\u003c\/p\u003e\n\u003cp\u003e항산화 물질이 풍부한 녹차:\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 붉은기와 자극을 진정시켜줍니다\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 손상으로부터 보호하고 흉터를 예방합니다.\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 세포를 재생하고 치유를 가속화합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eAVOCADO OIL\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e균형 잡힌 수분 공급\u003c\/p\u003e\n\u003cp\u003e지성 피부에 적합한 아보카도 오일:\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 가벼운 보습으로 건조함을 방지\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 피부의 자연 장벽을 강화합니다.\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 여드름의 효과를 치유하는 데 도움이 됩니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eGLYCERIN\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e+ 검증된 공식\u003c\/p\u003e\n\u003cp\u003e최적의 결과를 위한 보조 성분:\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 글리세린: 균형 잡힌 수분 공급\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e 안정제: 성분의 완벽한 분포\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003e간단한 사용방법\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003e지성 피부를 제거하는 4단계\u003c\/h3\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003e청소\u003c\/h4\u003e\n\u003cp\u003e따뜻한 물로 얼굴이나 몸을 깨끗이 씻어주세요\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003e신청\u003c\/h4\u003e\n\u003cp\u003e마스크를 얇게 바르고\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003e대기 중\u003c\/h4\u003e\n\u003cp\u003e10~15분 정도 건조될 때까지 기다리세요\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003e헹굼\u003c\/h4\u003e\n\u003cp\u003e따뜻한 물로 헹구고 즐기세요\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; padding: 1rem; background: #e6f3ff; border-radius: 10px;\"\u003e\n\u003cp style=\"margin: 0; color: #1e3a5f;\"\u003e\u003cstrong\u003e반복:\u003c\/strong\u003e 최상의 결과를 얻으려면 일주일에 두 번\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"results-timeline\"\u003e\n\u003ch2 class=\"section-title\"\u003e처음부터 눈에 보이는 결과\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003e첫 사용부터 (10~15분)\u003c\/h4\u003e\n\u003cp\u003e✨ \u003cstrong\u003e즉각적인 지방 흡수\u003c\/strong\u003e - 매트하고 균형잡힌 페이스와 바디\u003c\/p\u003e\n\u003cp\u003e🧹 \u003cstrong\u003e깔끔한 딥클렌징\u003c\/strong\u003e - 깨끗하고 상쾌한 느낌\u003c\/p\u003e\n\u003cp\u003e🌸 \u003cstrong\u003e염증을 진정시키다\u003c\/strong\u003e - 붉은기가 덜하고 즉각적인 완화\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e처음 사용\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003e일주일 후(4회 사용)\u003c\/h4\u003e\n\u003cp\u003e🎯 \u003cstrong\u003e눈에 보이는 여드름 감소\u003c\/strong\u003e - 더 빨리 치유되고 새로운 여드름이 생기는 것을 방지합니다.\u003c\/p\u003e\n\u003cp\u003e💧 \u003cstrong\u003e지방 분비의 균형\u003c\/strong\u003e - 윤기가 덜하고 모공이 작아짐\u003c\/p\u003e\n\u003cp\u003e🛡️ \u003cstrong\u003e더 튼튼하고 건강한 피부\u003c\/strong\u003e - 박테리아에 대한 저항력이 높아짐\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e일주일 내내\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003e한 달 후\u003c\/h4\u003e\n\u003cp\u003e🏆 \u003cstrong\u003e지성 피부 완벽 컨트롤\u003c\/strong\u003e - 균형있고 건강한 피부\u003c\/p\u003e\n\u003cp\u003e✨ \u003cstrong\u003e선명한 선명도\u003c\/strong\u003e - 얼굴과 몸의 여드름과 블랙헤드를 깨끗하게 제거하세요.\u003c\/p\u003e\n\u003cp\u003e💎 \u003cstrong\u003e더 많은 자신감\u003c\/strong\u003e - 부끄러워하지 않고 자신감 있는 모습을 보일 수 있습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e한 달 내내\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Areas --\u003e\n\u003cdiv class=\"usage-areas\"\u003e\n\u003ch2 class=\"section-title\"\u003e얼굴과 몸에 적합\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; text-align: center; margin-bottom: 2rem;\"\u003e올인원 솔루션의 다양한 용도\u003c\/h3\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-area\"\u003e\n\u003ch4\u003e얼굴용\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eT존(이마, 코, 턱)\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=\"usage-area\"\u003e\n\u003ch4\u003e신체용\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\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 style=\"text-align: center; margin-top: 2rem;\"\u003e\n\u003cimg alt=\"Face and Body Usage\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-dead-sea-brmud-mask-814824.webp?v=1752354423\" style=\"max-width: 300px; width: 100%; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003e당신의 지성 피부에는 올바른 솔루션이 필요합니다\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eBOBANA Dead Sea Mud Mask\u003c\/strong\u003e 그냥 마스크가 아니네요 \u003cstrong\u003e근본적이고 최종적인 해결책\u003c\/strong\u003e 지성 피부와 여드름용.\n \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003e지금 주문하고 지성피부와의 전쟁에서 승리하세요!\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Enhanced hover effects for all cards\n const cards = document.querySelectorAll('.benefit-card, .mineral-item, .ingredient-card, .usage-step, .usage-area');\n cards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-8px) scale(1.02)';\n this.style.boxShadow = '0 15px 40px rgba(156, 129, 2, 0.15)';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0) scale(1)';\n this.style.boxShadow = '0 8px 25px rgba(0,0,0,0.08)';\n });\n });\n \n \/\/ Enhanced parallax effect for floating mineral crystals\n let ticking = false;\n \n function updateFloatingMinerals() {\n const scrolled = window.pageYOffset;\n const crystals = document.querySelectorAll('.mineral-crystal');\n \n crystals.forEach((crystal, index) =\u003e {\n const speed = 0.1 + (index * 0.02);\n const yPos = -(scrolled * speed);\n crystal.style.transform = `translateY(${yPos}px) rotate(${45 + scrolled * 0.01}deg)`;\n });\n \n ticking = false;\n }\n \n function requestTick() {\n if (!ticking) {\n requestAnimationFrame(updateFloatingMinerals);\n ticking = true;\n }\n }\n \n window.addEventListener('scroll', requestTick);\n \n \/\/ Timeline marker animation enhancement\n const timelineMarkers = document.querySelectorAll('.timeline-marker');\n timelineMarkers.forEach((marker, index) =\u003e {\n setTimeout(() =\u003e {\n marker.style.animation = `mineralPulse 2s ease-in-out infinite ${index * 0.4}s`;\n }, index * 200);\n });\n \n \/\/ Dynamic text effects\n const dynamicTexts = document.querySelectorAll('.hero-title, .cta-title');\n dynamicTexts.forEach(text =\u003e {\n text.addEventListener('mouseenter', function() {\n this.style.textShadow = '0 0 20px rgba(156, 129, 2, 0.3)';\n this.style.transform = 'scale(1.02)';\n });\n \n text.addEventListener('mouseleave', function() {\n this.style.textShadow = 'none';\n this.style.transform = 'scale(1)';\n });\n });\n \n \/\/ Dead Sea themed interactions\n const seaElements = document.querySelectorAll('.ingredient-card');\n seaElements.forEach((element, index) =\u003e {\n element.addEventListener('mouseenter', function() {\n this.style.background = 'rgba(255,255,255,0.2)';\n this.style.transform = 'translateY(-8px) scale(1.02)';\n this.style.borderColor = 'rgba(212, 175, 55, 0.3)';\n });\n \n element.addEventListener('mouseleave', function() {\n this.style.background = 'rgba(255,255,255,0.1)';\n this.style.transform = 'translateY(0) scale(1)';\n this.style.borderColor = 'rgba(255,255,255,0.1)';\n });\n });\n \n \/\/ Mineral benefits glow effect\n const mineralItems = document.querySelectorAll('.mineral-item');\n mineralItems.forEach((item, index) =\u003e {\n item.addEventListener('mouseenter', function() {\n this.style.borderTopColor = '#9C8102';\n this.style.borderTopWidth = '5px';\n });\n \n item.addEventListener('mouseleave', function() {\n this.style.borderTopColor = '#9C8102';\n this.style.borderTopWidth = '3px';\n });\n });\n \n \/\/ Usage steps wave effect\n const usageSteps = document.querySelectorAll('.usage-step');\n usageSteps.forEach((step, index) =\u003e {\n step.addEventListener('mouseenter', function() {\n this.style.background = 'linear-gradient(135deg, #f0f0f0 0%, #ffffff 100%)';\n this.style.transform = 'translateY(-8px) scale(1.02)';\n });\n \n step.addEventListener('mouseleave', function() {\n this.style.background = 'linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%)';\n this.style.transform = 'translateY(0) scale(1)';\n });\n });\n \n \/\/ Scroll-triggered animations for sections\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n \n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.animation = 'slideUp 0.8s ease-out both';\n }\n });\n }, observerOptions);\n \n const sectionsToObserve = document.querySelectorAll('.deadsea-info, .usage-areas');\n sectionsToObserve.forEach(section =\u003e {\n observer.observe(section);\n });\n});\n\u003c\/script\u003e","brand":"bobana","offers":[{"title":"Default Title","offer_id":44878357758149,"sku":null,"price":75.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-dead-sea-brmud-mask-520386.webp?v=1752354081"},{"product_id":"bobana-honey-collagen-scrub","title":"Bobana Honey \u0026 Collagen Scrub","description":"\u003c!-- BOBANA Honey \u0026 Collagen Scrub Product Description --\u003e\n\u003cstyle\u003e\n .bobana-honey-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #fefcf8 0%, #ffffff 100%);\n overflow: hidden;\n }\n \n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #8B4513 0%, #CD853F 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"honey\" width=\"60\" height=\"60\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"15\" cy=\"15\" r=\"2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"45\" cy=\"45\" r=\"1.5\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"30\" cy=\"50\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23honey)\"\/\u003e\u003c\/svg\u003e');\n animation: honeyFlow 35s ease-in-out infinite;\n }\n \n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #FFD700, #FFA500);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n \n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n \n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n \n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(255, 165, 0, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n \n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(255, 165, 0, 0.25);\n }\n \n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #FF8C00;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n \n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n \n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n \n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #FFD700, #FFA500);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n \n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(255, 165, 0, 0.15);\n border-color: #FF8C00;\n }\n \n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n \n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n \n .benefit-number {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #FFD700, #FFA500);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: honeyglow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n \n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #FF8C00;\n margin-bottom: 1rem;\n }\n \n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n \n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n \n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #FF8C00;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n \n .section-content {\n max-width: 800px;\n margin: 0 auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n \n .two-column {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: center;\n margin: 3rem 0;\n }\n \n .content-image {\n width: 100%;\n max-width: 350px;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n transition: all 0.5s ease;\n animation: imageSlide 0.8s ease-out both;\n }\n \n .content-image:hover {\n transform: scale(1.05) rotate(1deg);\n box-shadow: 0 25px 60px rgba(0,0,0,0.15);\n }\n \n .text-content {\n animation: slideUp 0.8s ease-out 0.3s both;\n }\n \n .text-content h3 {\n font-size: 1.5rem;\n color: #FF8C00;\n margin-bottom: 1rem;\n font-weight: 600;\n }\n \n .text-content p {\n color: #555;\n margin-bottom: 1rem;\n line-height: 1.7;\n }\n \n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1.5rem 0;\n }\n \n .feature-list li {\n padding: 0.8rem 0;\n border-bottom: 1px solid #eee;\n position: relative;\n padding-left: 2rem;\n animation: listSlide 0.5s ease-out both;\n color: #555;\n }\n \n .feature-list li:nth-child(1) { animation-delay: 0.1s; }\n .feature-list li:nth-child(2) { animation-delay: 0.2s; }\n .feature-list li:nth-child(3) { animation-delay: 0.3s; }\n .feature-list li:nth-child(4) { animation-delay: 0.4s; }\n \n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #FFD700, #FFA500);\n border-radius: 50%;\n }\n \n .feature-list li::after {\n content: '🍯';\n position: absolute;\n left: 3px;\n top: 50%;\n transform: translateY(-50%);\n font-size: 0.6rem;\n }\n \n .technology-section {\n background: linear-gradient(135deg, #FFF8DC 0%, #ffffff 100%);\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border-left: 5px solid #FFD700;\n }\n \n .tech-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-top: 2rem;\n }\n \n .tech-feature {\n background: white;\n border-radius: 12px;\n padding: 1.5rem;\n box-shadow: 0 8px 25px rgba(0,0,0,0.06);\n border-top: 3px solid #FFA500;\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n \n .tech-feature:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 35px rgba(255, 165, 0, 0.12);\n }\n \n .tech-feature:nth-child(1) { animation-delay: 0.1s; }\n .tech-feature:nth-child(2) { animation-delay: 0.2s; }\n .tech-feature:nth-child(3) { animation-delay: 0.3s; }\n \n .ingredient-section {\n background: linear-gradient(135deg, #8B4513 0%, #CD853F 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n \n .ingredient-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(255, 215, 0, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n \n .ingredient-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n \n .ingredient-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n \n .ingredient-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n \n .ingredient-card:nth-child(1) { animation-delay: 0.1s; }\n .ingredient-card:nth-child(2) { animation-delay: 0.2s; }\n .ingredient-card:nth-child(3) { animation-delay: 0.3s; }\n \n .ingredient-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #FFD700;\n margin-bottom: 1rem;\n }\n \n .ingredient-icon {\n font-size: 2rem;\n margin-bottom: 1rem;\n display: block;\n }\n \n .value-section {\n background: linear-gradient(135deg, #FFF8DC 0%, #ffffff 100%);\n padding: 3rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n text-align: center;\n }\n \n .value-highlights {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin: 2rem 0;\n }\n \n .value-item {\n background: white;\n border-radius: 12px;\n padding: 1.5rem;\n box-shadow: 0 8px 25px rgba(0,0,0,0.06);\n border-top: 3px solid #FFD700;\n animation: cardSlide 0.6s ease-out both;\n }\n \n .value-number {\n font-size: 1.8rem;\n font-weight: bold;\n color: #FF8C00;\n margin-bottom: 0.5rem;\n }\n \n .usage-section {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #FFD700;\n }\n \n .usage-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin-top: 2rem;\n }\n \n .usage-step {\n text-align: center;\n padding: 1.5rem;\n border-radius: 12px;\n background: linear-gradient(135deg, #FFF8DC 0%, #ffffff 100%);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n \n .usage-step:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(255, 165, 0, 0.1);\n }\n \n .step-number {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n background: linear-gradient(45deg, #FFD700, #FFA500);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n font-size: 1.1rem;\n }\n \n .results-timeline {\n padding: 3rem 2rem;\n background: linear-gradient(135deg, #FFF8DC 0%, #ffffff 100%);\n }\n \n .timeline-item {\n display: flex;\n margin: 2rem 0;\n animation: timelineSlide 0.8s ease-out both;\n align-items: flex-start;\n }\n \n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n \n .timeline-marker {\n width: 80px;\n height: 80px;\n background: linear-gradient(45deg, #FFD700, #FFA500);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: bold;\n margin-left: 2rem;\n flex-shrink: 0;\n animation: honeyPulse 2s ease-in-out infinite;\n font-size: 0.8rem;\n text-align: center;\n line-height: 1.2;\n }\n \n .timeline-content {\n background: white;\n padding: 1.5rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n margin-right: 1rem;\n flex-grow: 1;\n border-right: 4px solid #FF8C00;\n }\n \n .timeline-content h4 {\n color: #FF8C00;\n margin-bottom: 0.5rem;\n font-size: 1.2rem;\n font-weight: 600;\n }\n \n .warning-section {\n background: linear-gradient(135deg, #FFF0F0 0%, #ffffff 100%);\n border: 2px solid #FFA500;\n border-radius: 15px;\n padding: 2rem;\n margin: 3rem 0;\n text-align: center;\n animation: warningPulse 3s ease-in-out infinite;\n }\n \n .warning-icon {\n font-size: 2rem;\n color: #FF8C00;\n margin-bottom: 1rem;\n }\n \n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #8B4513 0%, #CD853F 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255, 215, 0, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n \n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #FFD700, #FFA500);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n \n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n \n .floating-honey {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n \n .honey-drop {\n position: absolute;\n width: 8px;\n height: 12px;\n background: linear-gradient(180deg, #FFD700, #FFA500);\n border-radius: 50% 50% 50% 50% \/ 60% 60% 40% 40%;\n opacity: 0.3;\n animation: honeyDrop 10s linear infinite;\n }\n \n .honey-drop:nth-child(1) { left: 10%; animation-delay: 0s; }\n .honey-drop:nth-child(2) { left: 30%; animation-delay: 2s; }\n .honey-drop:nth-child(3) { left: 50%; animation-delay: 4s; }\n .honey-drop:nth-child(4) { left: 70%; animation-delay: 6s; }\n .honey-drop:nth-child(5) { left: 90%; animation-delay: 8s; }\n \n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n \n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n \n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n \n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n \n @keyframes imageSlide {\n 0% { transform: translateX(-30px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n \n @keyframes listSlide {\n 0% { transform: translateX(-20px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n \n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n \n @keyframes honeyglow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(255, 215, 0, 0); }\n }\n \n @keyframes honeyPulse {\n 0%, 100% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.4); }\n 50% { box-shadow: 0 0 0 10px rgba(255, 215, 0, 0); }\n }\n \n @keyframes honeyFlow {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 33% { transform: translateY(-8px) rotate(1deg); }\n 66% { transform: translateY(4px) rotate(-1deg); }\n }\n \n @keyframes honeyDrop {\n 0% { transform: translateY(-100px) rotate(0deg); opacity: 0; }\n 10% { opacity: 0.3; }\n 90% { opacity: 0.3; }\n 100% { transform: translateY(100vh) rotate(180deg); opacity: 0; }\n }\n \n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n \n @keyframes warningPulse {\n 0%, 100% { border-color: #FFA500; }\n 50% { border-color: #FFD700; }\n }\n \n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n \n .two-column {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n \n .reverse-mobile {\n display: flex;\n flex-direction: column;\n }\n \n .reverse-mobile .content-image {\n order: -1;\n margin-bottom: 1rem;\n }\n \n .benefits-grid, .tech-features, .ingredient-cards, .value-highlights, .usage-steps {\n grid-template-columns: 1fr;\n }\n \n .timeline-item {\n flex-direction: column;\n text-align: center;\n }\n \n .timeline-marker {\n order: -1;\n margin: 0 auto 1rem auto;\n }\n \n .timeline-content {\n margin: 0;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"bobana-honey-container\"\u003e\n\u003c!-- Floating Honey Drops --\u003e\n\u003cdiv class=\"floating-honey\"\u003e\n\u003cdiv class=\"honey-drop\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"honey-drop\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"honey-drop\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"honey-drop\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"honey-drop\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003e매일 거울을 통해 노화의 흔적을 보고 싶나요?\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e하루하루 지날수록 피부에 죽은 세포가 쌓여 칙칙하고 피곤해지며 기미가 늘어나는데... 무엇을 기다리시나요?껍질을 벗긴 \u003cstrong\u003eBOBANA\u003c\/strong\u003e 꿀과 콜라겐이 함유되어 간단한 한번으로 시간을 멈추고 젊고 빛나는 피부를 되찾아드립니다!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"BOBANA Honey \u0026amp; Collagen Scrub\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-honey-collagen-scrub-972189.webp?v=1752353400\"\/\u003e\n\u003ch2 class=\"product-name\"\u003e보바나 허니\u0026amp;콜라겐 스크럽 - 젊음의 비결을 스크럽 하나로\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n 시간은 당신에게 친절하지 않을 것입니다... 지나가는 하루하루가 당신의 피부에 흔적을 남깁니다.하지만 이제 얼굴과 몸을 위한 가장 강력한 천연 스크럽으로 시간과 싸워 승리할 수 있습니다!\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003e얼굴과 몸에 미치는 3가지 강력한 이점\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e노화의 징후와 싸우세요\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e콜라겐은 세포 재생을 자극하고 잔주름을 줄여 피부의 탄력과 젊고 부드러움을 회복시킵니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e죽은 세포의 깊은 각질 제거\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e부드러운 꿀과 콜라겐 알갱이가 묵은 각질을 부드럽게 제거해 생기있고 윤기나는 피부로 가꿔줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e어두운 점 제거\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e천연꿀은 색소 침착을 완화하고 피부톤을 통일하며 세월의 흔적을 지우고 자연스러운 윤기를 되찾아줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Technology Section --\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch2 style=\"color: #FF8C00; text-align: left;\"\u003e캡슐화 기술: 필링 세계의 진정한 발전\u003c\/h2\u003e\n\u003ch3\u003e부드럽고 둥근 과립 = 무통 각질 제거\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eBOBANA\u003c\/strong\u003e 최신 기술을 사용하여 손에 효과적이고 부드러운 각질 제거를 제공하세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Technology\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-honey-collagen-scrub-508233.webp?v=1752353401\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-features\"\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4 style=\"color: #FF8C00; margin-bottom: 1rem;\"\u003e완벽한 둥근 곡물\u003c\/h4\u003e\n\u003cp\u003e긁힌 자국이나 작은 상처도 없습니다\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4 style=\"color: #FF8C00; margin-bottom: 1rem;\"\u003e고급 포장 기술\u003c\/h4\u003e\n\u003cp\u003e활성 성분을 점차적으로 방출하십시오.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4 style=\"color: #FF8C00; margin-bottom: 1rem;\"\u003e탁월한 부드러움\u003c\/h4\u003e\n\u003cp\u003e실키한 느낌으로 깊은 각질 제거\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredient-section\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #FFD700; margin-bottom: 2rem;\"\u003e활성 성분\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-cards\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e🍯\u003c\/span\u003e\n\u003ch4 class=\"ingredient-title\"\u003eHONEY \u0026amp; COLLAGEN MICROBEADS\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e천연꿀:\u003c\/strong\u003e 미백, 보습, 치유 효과를 주는 강력한 항산화제\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e미세한 콜라겐:\u003c\/strong\u003e 천연 콜라겐 생성을 촉진하고 피부를 탱탱하게 만들어줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e🌾\u003c\/span\u003e\n\u003ch4 class=\"ingredient-title\"\u003e귀리 단백질\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e즉각적인 진정\u003c\/strong\u003e 각질 제거 시 민감한 피부를 위한\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e지속적인 수분공급\u003c\/strong\u003e 건조함과 자극을 예방해줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cspan class=\"ingredient-icon\"\u003e💎\u003c\/span\u003e\n\u003ch4 class=\"ingredient-title\"\u003e글리세린 + 고급 포뮬러\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e글리세린:\u003c\/strong\u003e 수분을 가두어 몇 시간 동안 피부를 부드럽게 유지합니다.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e입증된 공식:\u003c\/strong\u003e 완벽한 배포 및 보장된 결과\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Section --\u003e\n\u003cdiv class=\"value-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e300그램 = 놀라운 가치\u003c\/h2\u003e\n\u003ch3 style=\"color: #FF8C00; margin-bottom: 2rem;\"\u003e거부할 수 없는 가격의 거대한 크기\u003c\/h3\u003e\n\u003cdiv class=\"value-highlights\"\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003cdiv class=\"value-number\"\u003e4~5개월\u003c\/div\u003e\n\u003cp\u003e얼굴과 몸용\u003c\/p\u003e\n\u003csmall\u003e정기적인 사용\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003cdiv class=\"value-number\"\u003e1~2회\u003c\/div\u003e\n\u003cp\u003e주간에만\u003c\/p\u003e\n\u003csmall\u003e필수 사용량\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003cdiv class=\"value-number\"\u003e2파운드 미만\u003c\/div\u003e\n\u003cp\u003e일일 비용\u003c\/p\u003e\n\u003csmall\u003e주스보다 저렴해요!\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 style=\"text-align: center; color: #FF8C00; margin-bottom: 2rem;\"\u003e빠른 사용 방법\u003c\/h2\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003ch4 style=\"color: #FF8C00; margin-bottom: 0.5rem;\"\u003e청소\u003c\/h4\u003e\n\u003cp\u003e따뜻한 물로 피부를 클렌징하세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003ch4 style=\"color: #FF8C00; margin-bottom: 0.5rem;\"\u003e신청\u003c\/h4\u003e\n\u003cp\u003e젖은 피부에 스크럽을 바르세요\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003ch4 style=\"color: #FF8C00; margin-bottom: 0.5rem;\"\u003e마사지\u003c\/h4\u003e\n\u003cp\u003e2분 동안 부드럽게 마사지하세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003ch4 style=\"color: #FF8C00; margin-bottom: 0.5rem;\"\u003e헹굼\u003c\/h4\u003e\n\u003cp\u003e따뜻한 물로 헹구고 즐기세요\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; padding: 1rem; background: #FFF8DC; border-radius: 10px;\"\u003e\n\u003cp style=\"margin: 0; color: #8B4513;\"\u003e\u003cstrong\u003e반복:\u003c\/strong\u003e 일주일에 1~2회 얼굴과 몸에 사용\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"results-timeline\"\u003e\n\u003ch2 class=\"section-title\"\u003e빠르고 명확한 결과\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003e처음 사용부터\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e즉각적인 부드러움\u003c\/strong\u003e 자연스러운 광택\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e매끄러운 피부\u003c\/strong\u003e 그리고 실키한 질감\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e처음으로\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003e2주 후\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e어두운 점을 밝게\u003c\/strong\u003e 눈에 띄는 속도로\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e피부 탄력 개선\u003c\/strong\u003e 잔주름을 줄이고\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e2주\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003e한 달 후\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e젊고 신선한 피부\u003c\/strong\u003e 마치 몇 년 전으로 돌아간 것 같아\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e영원한 광채\u003c\/strong\u003e 몸 전체에 균일한 색상\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e한 달 내내\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Warning Section --\u003e\n\u003cdiv class=\"warning-section\"\u003e\n\u003cdiv class=\"warning-icon\"\u003e⚠️\u003c\/div\u003e\n\u003ch3 style=\"color: #FF8C00; margin-bottom: 1rem;\"\u003e알레르기 테스트가 중요해요!\u003c\/h3\u003e\n\u003cp style=\"margin: 0; color: #8B4513;\"\u003e사용 전 작은 부위에 간단한 테스트를 한 후 24시간 동안 기다려주세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003e시간은 흐르고 있습니다...지금 당신의 피부에는 당신이 필요합니다\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eBOBANA Honey \u0026amp; Collagen Scrub\u003c\/strong\u003e 그냥 스크럽이 아니라.. 바로 이거다 \u003cstrong\u003e타임머신\u003c\/strong\u003e 당신을 젊음으로 되돌려 줄 것입니다.\n \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003e지금 주문하세요... 당신의 피부가 젊음의 새로운 이야기를 말하게 해주세요!\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Enhanced hover effects for all cards\n const cards = document.querySelectorAll('.benefit-card, .tech-feature, .ingredient-card, .value-item, .usage-step');\n cards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-8px) scale(1.02)';\n this.style.boxShadow = '0 15px 40px rgba(255, 165, 0, 0.15)';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0) scale(1)';\n this.style.boxShadow = '0 8px 25px rgba(0,0,0,0.08)';\n });\n });\n \n \/\/ Enhanced parallax effect for floating honey drops\n let ticking = false;\n \n function updateFloatingHoney() {\n const scrolled = window.pageYOffset;\n const honeyDrops = document.querySelectorAll('.honey-drop');\n \n honeyDrops.forEach((drop, index) =\u003e {\n const speed = 0.15 + (index * 0.02);\n const yPos = -(scrolled * speed);\n drop.style.transform = `translateY(${yPos}px) rotate(${scrolled * 0.01}deg)`;\n });\n \n ticking = false;\n }\n \n function requestTick() {\n if (!ticking) {\n requestAnimationFrame(updateFloatingHoney);\n ticking = true;\n }\n }\n \n window.addEventListener('scroll', requestTick);\n \n \/\/ Timeline marker animation enhancement\n const timelineMarkers = document.querySelectorAll('.timeline-marker');\n timelineMarkers.forEach((marker, index) =\u003e {\n setTimeout(() =\u003e {\n marker.style.animation = `honeyPulse 2s ease-in-out infinite ${index * 0.4}s`;\n }, index * 200);\n });\n \n \/\/ Dynamic text effects\n const dynamicTexts = document.querySelectorAll('.hero-title, .cta-title');\n dynamicTexts.forEach(text =\u003e {\n text.addEventListener('mouseenter', function() {\n this.style.textShadow = '0 0 20px rgba(255, 215, 0, 0.3)';\n this.style.transform = 'scale(1.02)';\n });\n \n text.addEventListener('mouseleave', function() {\n this.style.textShadow = 'none';\n this.style.transform = 'scale(1)';\n });\n });\n \n \/\/ Honey-themed interactions\n const honeyElements = document.querySelectorAll('.ingredient-card');\n honeyElements.forEach((element, index) =\u003e {\n element.addEventListener('mouseenter', function() {\n this.style.background = 'rgba(255,255,255,0.2)';\n this.style.transform = 'translateY(-8px) scale(1.02)';\n });\n \n element.addEventListener('mouseleave', function() {\n this.style.background = 'rgba(255,255,255,0.1)';\n this.style.transform = 'translateY(0) scale(1)';\n });\n });\n \n \/\/ Warning section interaction\n const warningSection = document.querySelector('.warning-section');\n if (warningSection) {\n warningSection.addEventListener('mouseenter', function() {\n this.style.borderColor = '#FFD700';\n this.style.boxShadow = '0 10px 30px rgba(255, 215, 0, 0.15)';\n });\n \n warningSection.addEventListener('mouseleave', function() {\n this.style.borderColor = '#FFA500';\n this.style.boxShadow = 'none';\n });\n }\n \n \/\/ Value numbers animation on scroll\n const valueNumbers = document.querySelectorAll('.value-number');\n const observerOptions = {\n threshold: 0.5,\n rootMargin: '0px'\n };\n \n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.animation = 'honeyglow 1.5s ease-out';\n }\n });\n }, observerOptions);\n \n valueNumbers.forEach(number =\u003e {\n observer.observe(number);\n });\n});\n\u003c\/script\u003e","brand":"Bobana","offers":[{"title":"Default Title","offer_id":44897999519941,"sku":null,"price":70.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-honey-collagenbr-scrub-866517.webp?v=1752353311"},{"product_id":"bobana-marine-collagen-hyaluronic-gel","title":"Bobana Marine Collagen \u0026 Hyaluronic Acid Gel","description":"\u003cstyle\u003e#bbhy{--bg:#020a1a;--bg2:#06244d;--c:#1e9be0;--c2:#7fd3ff;--s:#d6ecff;--bd:rgba(30,155,224,.36);--tint:rgba(30,155,224,.1);border-radius:28px;background:var(--bg);color:#fff;font-family:inherit;line-height:1.8;overflow:hidden;direction: ltr;text-align:start;font-size:17px}#bbhy *{box-sizing:border-box}#bbhy .sec{padding:56px 0}#bbhy .a{background:var(--bg)}#bbhy .b{background:linear-gradient(180deg,var(--bg2),var(--bg))}#bbhy .wrap{max-width:940px;margin:auto;padding:0 20px}#bbhy .c{text-align:center}#bbhy h1,#bbhy h2{color:#fff!important;font-weight:900;margin:0 0 14px}#bbhy h1{font-size:clamp(28px,5vw,44px);line-height:1.3}#bbhy h2{font-size:clamp(23px,4vw,32px);line-height:1.35}#bbhy h3{color:var(--c2)!important;font-size:19px;font-weight:900;margin:0 0 6px}#bbhy p{margin:0 0 12px;color:#dbeaf7}#bbhy .hl,#bbhy .k{color:var(--c2)!important}#bbhy .k{font-weight:800}#bbhy .kick{display:inline-block;padding:7px 20px;border-radius:30px;background:var(--tint);border:1px solid var(--bd);color:var(--s)!important;font-weight:800;font-size:14px;margin-bottom:16px}#bbhy .lead{max-width:780px;margin:0 auto 22px;font-size:18px}#bbhy .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:6px}#bbhy .chips span{border:1px solid var(--bd);background:var(--tint);padding:6px 16px;border-radius:30px;font-size:14px;font-weight:700}#bbhy img.ph{display:block;width:100%;max-width:620px;height:auto;aspect-ratio:1\/1;object-fit:cover;border-radius:24px;margin:26px auto 0;box-shadow:0 20px 50px rgba(0,0,0,.7)}#bbhy .hero{background:radial-gradient(circle at 50% 0,rgba(30,155,224,.32),transparent 62%),var(--bg);text-align:center;padding-top:58px}#bbhy .split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}#bbhy .split img.ph{margin:0;max-width:100%}#bbhy .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:22px}#bbhy .card{background:linear-gradient(150deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:16px}#bbhy .card p{margin:0;font-size:15px;color:#fff}#bbhy .card .n{display:block;font-size:13px;color:var(--s)!important;font-weight:700;margin-bottom:4px;letter-spacing:.04em}#bbhy .layers{display:grid;gap:12px;margin-top:22px}#bbhy .layers div{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--bd);border-radius:18px;padding:16px 18px;background:rgba(255,255,255,.035)}#bbhy .layers b{flex:0 0 44px;height:44px;border-radius:50%;background:var(--c);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:19px}#bbhy .layers p{margin:0;font-size:16px}#bbhy .tl{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}#bbhy .tl div{border-radius:18px;padding:20px 16px;background:rgba(255,255,255,.04);border:1px solid var(--bd)}#bbhy .tl b{display:block;color:var(--c2)!important;font-size:20px;margin-bottom:4px}#bbhy .tl p{margin:0;font-size:16px}#bbhy ul.ck{list-style:none;padding:0;margin:12px 0 0}#bbhy ul.ck li{padding:7px 0;padding-inline-start:30px;position:relative;color:#fff}#bbhy ul.ck li:before{content:\"\";position:absolute;inset-inline-start:2px;top:16px;width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 12px var(--c)}#bbhy .warn{border:1.5px solid var(--c);border-radius:22px;padding:26px 22px;background:var(--tint)}#bbhy details{background:rgba(255,255,255,.04);border:1px solid var(--bd);border-radius:14px;padding:15px 20px;margin-bottom:10px}#bbhy summary{cursor:pointer;font-weight:800;color:#fff!important}#bbhy details p{margin:10px 0 0}#bbhy .cta{border:2px solid var(--c);border-radius:28px;padding:40px 20px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(30,155,224,.28),transparent 70%),var(--bg)}#bbhy .btn{display:inline-block;margin-top:22px;padding:15px 40px;border-radius:40px;background:linear-gradient(90deg,#0a5a96,var(--c));color:#fff!important;font-weight:900;font-size:20px;box-shadow:0 10px 30px rgba(30,155,224,.45)}#bbhy .trust{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}#bbhy .trust span{border:1px solid var(--bd);background:var(--tint);padding:10px 22px;border-radius:40px;font-weight:800;font-size:15px}#bbhy .inci{direction:ltr;text-align:left;font-size:13px;color:var(--s);margin-top:16px;opacity:.9}@media(max-width:768px){#bbhy .sec{padding:38px 0}#bbhy .wrap{padding:0 14px}#bbhy .split{grid-template-columns:1fr}#bbhy .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#bbhy .card{padding:10px}#bbhy .card p{font-size:13px;line-height:1.5}#bbhy .card h3{font-size:15px}#bbhy .tl{grid-template-columns:1fr}#bbhy .warn,#bbhy .cta{padding:22px 16px}}\u003c\/style\u003e\n\u003cdiv id=\"bbhy\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cspan class=\"kick\"\u003e마린 콜라겐 워터 젤 | 얼굴, 몸, 손용 250ml\u003c\/span\u003e\n\u003ch1\u003e크림이 필요없는 피부.. \u003cspan class=\"hl\"\u003e물이 필요해\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003e젤 \u003cbdi\u003eBobana Marine Collagen \u0026amp; Hyaluronic Acid\u003c\/bdi\u003e 마린 콜라겐, 히알루로닉 마이크로스피어, 나이아신아마이드, 호호바 오일을 쉽게 퍼지는 가벼운 젤 형태로 결합한 제품입니다. 브랜드 설명에 따르면 즉각적인 수분 공급, 탄력 강화, 부드러운 사용감이 특징입니다. 답답함이나 끈적임이 없습니다.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003e마린 콜라겐\u003c\/span\u003e\u003cspan\u003e마이크로 히알루론산 볼\u003c\/span\u003e\u003cspan\u003e나이아신아마이드\u003c\/span\u003e\u003cspan\u003e호호바 오일\u003c\/span\u003e\u003cspan\u003e얼굴, 몸, 손\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"보바나 마린 콜라겐 히알루로닉 젤 - 마린 콜라겐 + 히알루론산\" class=\"ph\" height=\"1024\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/6abb25d0-7bf3-47fa-8881-1d2c0498b297.jpg\" width=\"1024\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003e다이어트 크림을 발랐는데... 두 시간이 지나도 피부가 여전히 당기나요?\u003c\/h2\u003e\n\u003cp class=\"c lead\"\u003e건조하다고 해서 항상 피부에 더 많은 오일이 필요하다는 의미는 아닙니다. 많은 경우 피부 검사를 받습니다. \u003cspan class=\"k\"\u003e물\u003c\/span\u003e.헤비한 크림이 피부에 착 달라붙지만, 워터리한 젤이 빠르게 퍼져 산뜻한 느낌을 선사합니다.\u003c\/p\u003e\n\u003cdiv class=\"layers\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003cp\u003e\u003cspan class=\"k\"\u003eMaya는 다음을 붙잡고 있습니다.\u003c\/span\u003e 히알루론산은 물을 끌어당기고 유지하는 능력으로 잘 알려져 있습니다. 여기서 히알루론산은 젤 내부에 작은 공 형태로 존재합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003cp\u003e\u003cspan class=\"k\"\u003e유연성 지원:\u003c\/span\u003e 마린 콜라겐은 피부 중간층에 수분을 공급하여 탄력을 지원하는 것으로 브랜드에 설명되어 있습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003cp\u003e\u003cspan class=\"k\"\u003e조정 가능한 질감:\u003c\/span\u003e 나이아신아마이드와 호호바 오일이 성분에 언급되어 질감, 신선함, 영양을 공급합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003e250ml 한병... 머리와 몸, 손에 모두 사용 가능\u003c\/h2\u003e\n\u003cdiv class=\"split\"\u003e\n\u003cdiv\u003e\n\u003cp\u003e젤은 상자에 다음과 같이 설명되어 있습니다. \u003cspan class=\"k\"\u003eBoosting Elasticity \u0026amp; Hydration Water Gel\u003c\/span\u003e.탄력과 수분 공급을 도와주는 워터리 젤을 의미하며, 사이즈가 커서 여러 부위에 매일 사용하기에 경제적입니다.\u003c\/p\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003e\n\u003cspan class=\"k\"\u003e즉각적인 수분 공급:\u003c\/span\u003e 워터리한 텍스처가 첫 사용부터 건조한 피부를 산뜻하게 가꿔줍니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"k\"\u003e유연성:\u003c\/span\u003e 매끄러운 피부결을 선사하는 마린 콜라겐.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"k\"\u003e가벼움:\u003c\/span\u003e 무거운 층을 남기지 않고 쉽게 퍼집니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"k\"\u003e다중 사용:\u003c\/span\u003e 얼굴, 몸, 손용.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"보바나 마린 콜라겐 앤 히알루로닉 젤 250 ml\" class=\"ph\" height=\"1080\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/marinebr-collagen-hyaluronicbr-acid-gel-927703.webp?v=1788175334\" width=\"1080\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003e병 안에는 무엇이 들어있나요? 파란색 알갱이는 장식용이 아닙니다.\u003c\/h2\u003e\n\u003cp class=\"c lead\"\u003e젤 내부에 보이는 작은 과립은 작은 히알루론산 볼입니다. 브랜드 데이터에 언급된 기본 구성 요소는 다음과 같습니다.\u003c\/p\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"n\"\u003eMARINE COLLAGEN\u003c\/span\u003e\u003ch3\u003e마린 콜라겐\u003c\/h3\u003e\n\u003cp\u003e브랜드에서는 피부 중간층에 수분을 공급해 탄력을 유지해준다고 설명하고 있다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"n\"\u003eHYALURONIC ACID MICROBEADS\u003c\/span\u003e\u003ch3\u003e히알루론산 볼\u003c\/h3\u003e\n\u003cp\u003e브랜드에 따르면 깊은 수분 공급과 통통하고 상쾌한 질감을 제공합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"n\"\u003eNIACINAMIDE\u003c\/span\u003e\u003ch3\u003e나이아신아마이드\u003c\/h3\u003e\n\u003cp\u003e피부 결, 신선함, 균형을 지원하는 것으로 알려진 비타민 B3.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"n\"\u003eJOJOBA OIL\u003c\/span\u003e\u003ch3\u003e호호바 오일\u003c\/h3\u003e\n\u003cp\u003e무거운 느낌 없이 피부를 부드럽게 하고 영양을 공급하는 가벼운 오일입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"블루 비즈가 함유된 워터리 히알루론산 젤 텍스처\" class=\"ph\" height=\"1024\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/264719db-36f3-496a-a109-3dff04d2349c.jpg\" width=\"1024\"\/\u003e\n\u003cp class=\"inci\"\u003eMarine Collagen, Hyaluronic Acid Microbeads, Niacinamide, Carbomer, Triethanolamine, Jojoba Oil, Tea Tree Oil (as listed by the brand)\u003c\/p\u003e\n\u003cp class=\"c\" style=\"margin-top:10px;font-size:14px\"\u003e카보머와 트리에탄올아민은 젤 형성 성분입니다. 목록은 백분율 없이 브랜드 데이터를 기준으로 한 것입니다. 원본은 상자에 인쇄되어 있습니다.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003e이런 피부라면 이 젤을 만들어보세요\u003c\/h2\u003e\n\u003cdiv class=\"split\"\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003e당신의 피부 \u003cspan class=\"k\"\u003e보통 또는 건조\u003c\/span\u003e 세탁이나 냉방 후에 조이는 느낌이 듭니다.\u003c\/li\u003e\n\u003cli\u003e보습을 찾으시는 분들 \u003cspan class=\"k\"\u003e살짝 물기가 있는\u003c\/span\u003e 너무 관대하지 않습니다.\u003c\/li\u003e\n\u003cli\u003e나는 피부를 원한다 \u003cspan class=\"k\"\u003e더 부드럽고 유연함\u003c\/span\u003e 그 질감에.\u003c\/li\u003e\n\u003cli\u003e하나의 제품으로 커버하고 싶어요 \u003cspan class=\"k\"\u003e얼굴, 몸, 손\u003c\/span\u003e.\u003c\/li\u003e\n\u003cli\u003e그녀는 매일 고수하는 단순한 일상을 좋아합니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cimg alt=\"햇볕이 잘 드는 해변에서 탄력과 수분 공급을 돕는 히알루로닉 젤\" class=\"ph\" height=\"1024\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/5a4f5e2b-8642-4a61-8b3a-f6d27551b686.jpg\" width=\"1024\"\/\u003e\n\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:16px;font-size:14px\"\u003e이 브랜드는 중성 및 건성 피부에 권장됩니다.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003e당신은 무엇을 느낄 것인가..그리고 언제?\u003c\/h2\u003e\n\u003cp class=\"c lead\"\u003e과장된 약속은 없습니다. 피부 관리에는 헌신이 필요하며 결과는 사람마다 다릅니다.\u003c\/p\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e처음 사용부터\u003c\/b\u003e\u003cp\u003e산뜻한 워터리 텍스처로 피부에 즉각적인 수분감을 선사합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e약 2주 후\u003c\/b\u003e\u003cp\u003e계속하면 피부가 더 부드럽고 덜 당김을 느낄 수 있습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e그리고 계속 가세요\u003c\/b\u003e\u003cp\u003e규칙적인 루틴으로 탄력과 수분감이 좋아집니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"바다 깊은 곳의 수중 히알루론산 젤\" class=\"ph\" height=\"1024\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/27a1616d-4864-46c4-a8b7-2909a17c45cc.jpg\" width=\"1024\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003e4단계... 그게 다야\u003c\/h2\u003e\n\u003cdiv class=\"split\"\u003e\n\u003cdiv class=\"layers\" style=\"margin-top:0\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003cp\u003e\u003cspan class=\"k\"\u003e청소:\u003c\/span\u003e 피부를 부드럽게 씻고 말리십시오.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003cp\u003e\u003cspan class=\"k\"\u003e적당량을 섭취하세요:\u003c\/span\u003e 해당 지역에는 소량이면 충분합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003cp\u003e\u003cspan class=\"k\"\u003e부드럽게 마사지:\u003c\/span\u003e 흡수될 때까지 원을 그리듯 분포시켜 주세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003cp\u003e\u003cspan class=\"k\"\u003e완료:\u003c\/span\u003e 필요에 따라 얼굴, 몸, 손에 사용하세요. 낮에는 자외선 차단제를 사용하세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"해변에서 소량의 히알루론산 젤을 손으로 복용\" class=\"ph\" height=\"1024\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/d8a0028f-12e8-4870-98b2-64b825a0ab4b.jpg\" width=\"1024\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003e시작하기 전 솔직한 한마디\u003c\/h2\u003e\n\u003cul class=\"ck\"\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\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003e결정하기 전의 전체 그림\u003c\/h2\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e밝은면\u003c\/h3\u003e\n\u003cp\u003e잘 알려진 성분들로 촉촉하고 탄력있는 가벼운 젤 타입으로, 250ml 용량으로 여러 부위에 사용하기 충분합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e주의점\u003c\/h3\u003e\n\u003cp\u003e화장품은 피부타입과 의지에 따라 결과가 달라지므로 먼저 민감도 테스트를 해보세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e결론\u003c\/h3\u003e\n\u003cp\u003e중성 피부나 건성 피부에 마린 콜라겐과 히알루론산이 함유된 심플한 워터리 모이스처라이저를 원한다면 시도해 볼 가치가 있는 선택입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003e주문 전 질문\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e모든 피부 타입에 적합합니까?\u003c\/summary\u003e\u003cp\u003e중성 및 건성 피부에 추천하는 브랜드입니다. 피부가 예민한 경우 작은 부위에 먼저 사용해 보세요.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e끈적한 느낌이 남나요?\u003c\/summary\u003e\u003cp\u003e젤은 워터리하고 가벼워서 브랜드 설명대로 쉽게 펴발려요.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e바디와 손에 사용해도 되나요?\u003c\/summary\u003e\u003cp\u003e네, 브랜드에는 얼굴, 몸, 손용이라고 명시되어 있습니다.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e결과는 언제 볼 수 있나요?\u003c\/summary\u003e\u003cp\u003e첫 사용부터 촉촉함이 느껴지며 나머지 개선에는 세심한 노력이 필요합니다. 결과는 사람마다 다릅니다.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e제품이 정품인가요?그리고 어디로 배송되나요?\u003c\/summary\u003e\u003cp\u003e예 \u003cspan class=\"k\"\u003e오리지널 제품\u003c\/span\u003e, 전 세계로 배송됩니다.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"cta\"\u003e\n\u003ch2\u003e바다를 모르는 피부에 갈증을 맡기고\u003c\/h2\u003e\n\u003cp\u003e가벼운 워터 젤에 마린 콜라겐과 히알루론산이 들어있습니다. 250ml 한 병이면 충분합니다. 직접 사용해보고 확인해 보세요.\u003c\/p\u003e\n\u003cimg alt=\"바다 유리 표면에 보바나 히알루로닉 팩 250ml\" class=\"ph\" height=\"1024\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/bba590b5-3830-4e94-bff1-38e200fac188.jpg\" width=\"1024\"\/\u003e\n\u003cdiv class=\"btn\"\u003e지금 주문하세요\u003c\/div\u003e\n\u003cdiv class=\"trust\"\u003e\n\u003cspan\u003e오리지널 제품\u003c\/span\u003e\u003cspan\u003e전 세계로 배송\u003c\/span\u003e\u003cspan\u003eWhatsApp 지원\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Bobana","offers":[{"title":"Default Title","offer_id":44901568446661,"sku":null,"price":900.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/marinebr-collagen-hyaluronicbr-acid-gel-927703.webp?v=1793036955"},{"product_id":"bobana-marine-collagen-vitamin-c-gel","title":"Bobana Marine Collagen \u0026 Vitamin C Gel","description":"\u003cstyle\u003e#bbvc{--bg:#1a0c02;--bg2:#3a1a04;--c:#ff8a1f;--c2:#ffb866;--s:#ffe3c2;--bd:rgba(255,138,31,.36);--tint:rgba(255,138,31,.1);border-radius:28px;background:var(--bg);color:#fff;font-family:inherit;line-height:1.8;overflow:hidden;direction: ltr;text-align:start;font-size:17px}#bbvc *{box-sizing:border-box}#bbvc .sec{padding:56px 0}#bbvc .a{background:var(--bg)}#bbvc .b{background:linear-gradient(180deg,var(--bg2),var(--bg))}#bbvc .wrap{max-width:940px;margin:auto;padding:0 20px}#bbvc .c{text-align:center}#bbvc h1,#bbvc h2{color:#fff!important;font-weight:900;margin:0 0 14px}#bbvc h1{font-size:clamp(28px,5vw,44px);line-height:1.3}#bbvc h2{font-size:clamp(23px,4vw,32px);line-height:1.35}#bbvc h3{color:var(--c2)!important;font-size:19px;font-weight:900;margin:0 0 6px}#bbvc p{margin:0 0 12px;color:#f7e6d4}#bbvc .hl,#bbvc .k{color:var(--c2)!important}#bbvc .k{font-weight:800}#bbvc .kick{display:inline-block;padding:7px 20px;border-radius:30px;background:var(--tint);border:1px solid var(--bd);color:var(--s)!important;font-weight:800;font-size:14px;margin-bottom:16px}#bbvc .lead{max-width:780px;margin:0 auto 22px;font-size:18px}#bbvc .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:6px}#bbvc .chips span{border:1px solid var(--bd);background:var(--tint);padding:6px 16px;border-radius:30px;font-size:14px;font-weight:700}#bbvc img.ph{display:block;width:100%;max-width:620px;height:auto;aspect-ratio:1\/1;object-fit:cover;border-radius:24px;margin:26px auto 0;box-shadow:0 20px 50px rgba(0,0,0,.7)}#bbvc .hero{background:radial-gradient(circle at 50% 0,rgba(255,138,31,.32),transparent 62%),var(--bg);text-align:center;padding-top:58px}#bbvc .split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}#bbvc .split img.ph{margin:0;max-width:100%}#bbvc .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:22px}#bbvc .card{background:linear-gradient(150deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:16px}#bbvc .card p{margin:0;font-size:15px;color:#fff}#bbvc .card .n{display:block;font-size:13px;color:var(--s)!important;font-weight:700;margin-bottom:4px;letter-spacing:.04em}#bbvc .layers{display:grid;gap:12px;margin-top:22px}#bbvc .layers div{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--bd);border-radius:18px;padding:16px 18px;background:rgba(255,255,255,.035)}#bbvc .layers b{flex:0 0 44px;height:44px;border-radius:50%;background:var(--c);color:#1a0c02;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:19px}#bbvc .layers p{margin:0;font-size:16px}#bbvc .tl{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}#bbvc .tl div{border-radius:18px;padding:20px 16px;background:rgba(255,255,255,.04);border:1px solid var(--bd)}#bbvc .tl b{display:block;color:var(--c2)!important;font-size:20px;margin-bottom:4px}#bbvc .tl p{margin:0;font-size:16px}#bbvc ul.ck{list-style:none;padding:0;margin:12px 0 0}#bbvc ul.ck li{padding:7px 0;padding-inline-start:30px;position:relative;color:#fff}#bbvc ul.ck li:before{content:\"\";position:absolute;inset-inline-start:2px;top:16px;width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 12px var(--c)}#bbvc .warn{border:1.5px solid var(--c);border-radius:22px;padding:26px 22px;background:var(--tint)}#bbvc details{background:rgba(255,255,255,.04);border:1px solid var(--bd);border-radius:14px;padding:15px 20px;margin-bottom:10px}#bbvc summary{cursor:pointer;font-weight:800;color:#fff!important}#bbvc details p{margin:10px 0 0}#bbvc .cta{border:2px solid var(--c);border-radius:28px;padding:40px 20px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(255,138,31,.28),transparent 70%),var(--bg)}#bbvc .btn{display:inline-block;margin-top:22px;padding:15px 40px;border-radius:40px;background:linear-gradient(90deg,#b85a00,var(--c));color:#fff!important;font-weight:900;font-size:20px;box-shadow:0 10px 30px rgba(255,138,31,.45)}#bbvc .trust{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}#bbvc .trust span{border:1px solid var(--bd);background:var(--tint);padding:10px 22px;border-radius:40px;font-weight:800;font-size:15px}#bbvc .inci{direction:ltr;text-align:left;font-size:13px;color:var(--s);margin-top:16px;opacity:.9}@media(max-width:768px){#bbvc .sec{padding:38px 0}#bbvc .wrap{padding:0 14px}#bbvc .split{grid-template-columns:1fr}#bbvc .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#bbvc .card{padding:10px}#bbvc .card p{font-size:13px;line-height:1.5}#bbvc .card h3{font-size:15px}#bbvc .tl{grid-template-columns:1fr}#bbvc .warn,#bbvc .cta{padding:22px 16px}}\u003c\/style\u003e\n\u003cdiv id=\"bbvc\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cspan class=\"kick\"\u003e마린 콜라겐과 비타민 C가 함유된 워터 젤 | 얼굴, 몸, 손용 250ml\u003c\/span\u003e\n\u003ch1\u003e피부색이 균일하지 않고 윤기가 나지 않나요?여기가 바로 그런 곳이에요 \u003cspan class=\"hl\"\u003e비타민 C\u003c\/span\u003e 씨콜라겐 함유\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003e젤 \u003cbdi\u003eBobana Marine Collagen \u0026amp; Vitamin C\u003c\/bdi\u003e 마린 콜라겐, 비타민 C 볼, 나이아신아마이드, 호호바 오일을 가볍고 워터리한 질감으로 결합한 제품입니다. 브랜드에서는 탄력을 지원하고 피부 톤을 밝고 균일하게 하며 기미를 줄이는 데 도움을 준다고 말합니다.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003e마린 콜라겐\u003c\/span\u003e\u003cspan\u003e비타민C 볼\u003c\/span\u003e\u003cspan\u003e나이아신아마이드\u003c\/span\u003e\u003cspan\u003e호호바 오일\u003c\/span\u003e\u003cspan\u003e브랜드에 따르면 모든 피부 타입에\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"보바나 마린 콜라겐 비타민 C 젤 - 마린 콜라겐 + 비타민 C\" class=\"ph\" height=\"1024\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/5385c400-e549-40ff-a2b8-9bcdb020d99c.jpg\" width=\"1024\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003e아무리 노력해도 얼룩과 불균일한 색상이 계속 남아 있는 이유는 무엇입니까?\u003c\/h2\u003e\n\u003cp class=\"c lead\"\u003e햇빛, 스트레스, 관리 부족으로 인해 피부가 칙칙해지고 고르지 못한 피부색이 생길 수 있습니다. 문제는 많은 제품이 한 가지에만 집중한다는 점입니다. 여기에 공식이 모였습니다. \u003cspan class=\"k\"\u003e하나 이상의 알려진 성분\u003c\/span\u003e 하나의 젤에.\u003c\/p\u003e\n\u003cdiv class=\"layers\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003cp\u003e\u003cspan class=\"k\"\u003e밝기 및 색상 균일성:\u003c\/span\u003e 비타민 C B 볼은 피부를 밝게 하고 어두운 반점을 줄이는 데 도움이 된다고 브랜드에서 설명합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003cp\u003e\u003cspan class=\"k\"\u003e신선함과 균형잡힌 질감:\u003c\/span\u003e 나이아신아마이드는 색상을 통일하고 피부 광채를 개선하는 데 도움이 되는 것으로 설명됩니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003cp\u003e\u003cspan class=\"k\"\u003e탄력과 보습:\u003c\/span\u003e 브랜드 설명에 따르면 마린 콜라겐과 호호바 오일이 탄력과 수분 공급을 지원합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003e250ml 1병.. 완벽한 래디언스 프로그램\u003c\/h2\u003e\n\u003cdiv class=\"split\"\u003e\n\u003cdiv\u003e\n\u003cp\u003e젤은 상자에 다음과 같이 설명되어 있습니다. \u003cspan class=\"k\"\u003eBoosting Skin Elasticity \u0026amp; Brightening Water Gel\u003c\/span\u003e.피부 탄력과 윤기를 도와주는 워터리 젤을 의미하며, 사이즈가 커서 데일리로 사용하기에도 경제적입니다.\u003c\/p\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003e\n\u003cspan class=\"k\"\u003e광채:\u003c\/span\u003e 산뜻하고 윤기나는 피부를 선사하는 비타민C 볼.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"k\"\u003e색상 균일성:\u003c\/span\u003e 브랜드 설명에 따르면 나이아신아미드 함유.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"k\"\u003e유연성:\u003c\/span\u003e 매끄러운 피부를 위한 마린 콜라겐.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"k\"\u003e다중 사용:\u003c\/span\u003e 얼굴, 몸, 손용.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"보바나 마린 콜라겐 앤 비타민 C 젤 박스 250 ml\" class=\"ph\" height=\"1080\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/bobana-marine-collagen-vitamin-c-gel-179932_0ceef05c-156b-42e8-a3fa-846797da86a2.webp?v=1788175332\" width=\"1080\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003e병 안에는 무엇이 들어있나요?오렌지의 비밀은 여기에 있습니다\u003c\/h2\u003e\n\u003cp class=\"c lead\"\u003e브랜드 데이터에 언급된 기본 구성요소는 다음과 같습니다.\u003c\/p\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"n\"\u003eVITAMIN C MICROBEADS\u003c\/span\u003e\u003ch3\u003e비타민C 볼\u003c\/h3\u003e\n\u003cp\u003e브랜드에서는 피부를 밝게 하고 어두운 반점을 줄이는 데 도움이 된다고 설명합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"n\"\u003eMARINE COLLAGEN\u003c\/span\u003e\u003ch3\u003e마린 콜라겐\u003c\/h3\u003e\n\u003cp\u003e브랜드 설명에 따르면 유연성과 응집력을 지원합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"n\"\u003eNIACINAMIDE\u003c\/span\u003e\u003ch3\u003e나이아신아마이드\u003c\/h3\u003e\n\u003cp\u003e브랜드에 따르면 피부톤과 신선함을 통일하는 데 도움이되는 비타민 B3.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"n\"\u003eJOJOBA + TEA TREE OIL\u003c\/span\u003e\u003ch3\u003e천연 오일\u003c\/h3\u003e\n\u003cp\u003e브랜드에 따르면 호호바 오일과 티트리 오일은 피부에 영양을 공급하고 보습하며 보호합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"패키지 옆면의 가벼운 워터리 비타민C 젤 텍스처\" class=\"ph\" height=\"1024\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/293623c5-b981-4114-9bc4-9ef91b7ea5a8.jpg\" width=\"1024\"\/\u003e\n\u003cp class=\"inci\"\u003eMarine Collagen, Vitamin C Microbeads, Niacinamide, Carbomer, Triethanolamine, Jojoba Oil, Tea Tree Oil (as listed by the brand)\u003c\/p\u003e\n\u003cp class=\"c\" style=\"margin-top:10px;font-size:14px\"\u003e이 목록은 브랜드 데이터를 기반으로 하며 백분율은 사용하지 않습니다. 카보머와 트리에탄올아민은 젤 형성 성분입니다.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003e이런 피부라면 이 젤을 만들어보세요\u003c\/h2\u003e\n\u003cdiv class=\"split\"\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003e당신의 피부 \u003cspan class=\"k\"\u003e색이 바래거나 신선함이 필요한 경우\u003c\/span\u003e.\u003c\/li\u003e\n\u003cli\u003e당신은 \u003cspan class=\"k\"\u003e어두운 점이나 색상이 고르지 않음\u003c\/span\u003e 나는 통일을 뒷받침하는 루틴을 원한다.\u003c\/li\u003e\n\u003cli\u003e당신은 젤을 찾고 있습니다 \u003cspan class=\"k\"\u003e살짝 물기가 있는\u003c\/span\u003e 너무 관대하지 않습니다.\u003c\/li\u003e\n\u003cli\u003e얼굴, 바디, 손에 하나의 제품을 사용하고 싶습니다.\u003c\/li\u003e\n\u003cli\u003e낮에는 자외선 차단제를 바르십시오.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cimg alt=\"탄력과 윤기를 선사하는 써니비치 비타민C 젤\" class=\"ph\" height=\"1024\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/9c51f93d-a5b2-4526-932d-b89e8d13c4c4.jpg\" width=\"1024\"\/\u003e\n\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:16px;font-size:14px\"\u003e이 브랜드는 모든 피부 타입에 적합하다고 설명됩니다.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003e무엇을 알 수 있나요? 그리고 언제 알 수 있나요?\u003c\/h2\u003e\n\u003cp class=\"c lead\"\u003e과장된 약속은 없습니다. 광채와 색상 균일성은 헌신이 필요하며 결과는 사람마다 다릅니다.\u003c\/p\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e처음 사용부터\u003c\/b\u003e\u003cp\u003e산뜻한 워터리 텍스처와 피부에 가벼운 사용감을 선사합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e약 2주 후\u003c\/b\u003e\u003cp\u003e계속 사용할수록 더욱 부드러운 질감과 상쾌함을 느끼실 수 있습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e그리고 계속 가세요\u003c\/b\u003e\u003cp\u003e규칙적인 루틴으로 탄력과 톤이 향상됩니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"바다 깊은 곳의 수중 비타민C 젤\" class=\"ph\" height=\"1024\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/9ff6bd4f-9b85-415d-b5d6-5240f720d306.jpg\" width=\"1024\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003e4단계...하루에 한두 번\u003c\/h2\u003e\n\u003cdiv class=\"split\"\u003e\n\u003cdiv class=\"layers\" style=\"margin-top:0\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003cp\u003e\u003cspan class=\"k\"\u003e청소:\u003c\/span\u003e 피부를 부드럽게 씻고 말리십시오.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003cp\u003e\u003cspan class=\"k\"\u003e적당량을 섭취하세요:\u003c\/span\u003e 해당 지역에는 소량이면 충분합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003cp\u003e\u003cspan class=\"k\"\u003e부드럽게 마사지:\u003c\/span\u003e 흡수될 때까지 원을 그리듯 분포시켜 주세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003cp\u003e\u003cspan class=\"k\"\u003e반복:\u003c\/span\u003e 필요에 따라 하루에 한두 번 얼굴, 몸, 손에 바르십시오. 낮에는 자외선 차단제가 필요합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"해변에서 소량의 비타민 C 젤을 손으로 복용\" class=\"ph\" height=\"1024\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/f0cafeec-d29e-4e86-aa76-56214ca3a981.jpg\" width=\"1024\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003e시작하기 전 솔직한 한마디\u003c\/h2\u003e\n\u003cul class=\"ck\"\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\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003e결정하기 전의 전체 그림\u003c\/h2\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e밝은면\u003c\/h3\u003e\n\u003cp\u003e잘 알려진 성분들로 미백과 탄력을 선사하는 가벼운 젤로, 250ml의 용량으로 여러 부위에 사용하기 충분합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e주의점\u003c\/h3\u003e\n\u003cp\u003e화장품은 피부타입과 의지에 따라 결과가 달라지므로 먼저 민감도 테스트를 해보세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e결론\u003c\/h3\u003e\n\u003cp\u003e마린 콜라겐, 비타민 C, 나이아신아마이드를 함유해 피부를 밝고 톤업시켜주는 간단한 수성 젤을 원한다면 시도해 볼 가치가 있는 선택입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003e주문 전 질문\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e모든 피부 타입에 적합합니까?\u003c\/summary\u003e\u003cp\u003e이 브랜드는 모든 피부 타입에 적합하다고 설명되어 있습니다. 피부가 민감한 경우 먼저 작은 부위에 사용해 보십시오.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e한두번 사용하나요?\u003c\/summary\u003e\u003cp\u003e브랜드에서는 필요에 따라 하루에 한두 번이라고 말합니다. 낮에는 자외선 차단제를 보충하세요.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e바디와 손에 사용해도 되나요?\u003c\/summary\u003e\u003cp\u003e네, 브랜드에는 얼굴, 몸, 손용이라고 명시되어 있습니다.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e결과는 언제 볼 수 있나요?\u003c\/summary\u003e\u003cp\u003e처음 사용할 때 약간의 사용감이 느껴지며 나머지 개선에는 노력이 필요합니다. 결과는 사람마다 다릅니다.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e제품이 정품인가요?그리고 어디로 배송되나요?\u003c\/summary\u003e\u003cp\u003e예 \u003cspan class=\"k\"\u003e오리지널 제품\u003c\/span\u003e, 전 세계로 배송됩니다.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"cta\"\u003e\n\u003ch2\u003e바다 깊은 곳에서 피부를 다시 빛나게 해주세요.\u003c\/h2\u003e\n\u003cp\u003e가벼운 워터 젤에 마린 콜라겐, 비타민 C, 나이아신아마이드가 들어있습니다. 250ml 한 병이면 충분합니다. 직접 사용해보고 확인해 보세요.\u003c\/p\u003e\n\u003cimg alt=\"보바나 비타민C 250ml 바다유리병\" class=\"ph\" height=\"1024\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/6b4e300f-7d69-45c4-b353-5ea2b40a2d23.jpg\" width=\"1024\"\/\u003e\n\u003cdiv class=\"btn\"\u003e지금 주문하세요\u003c\/div\u003e\n\u003cdiv class=\"trust\"\u003e\n\u003cspan\u003e오리지널 제품\u003c\/span\u003e\u003cspan\u003e전 세계로 배송\u003c\/span\u003e\u003cspan\u003eWhatsApp 지원\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Bobana","offers":[{"title":"Default Title","offer_id":44901591646405,"sku":null,"price":1000.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-marine-collagen-vitamin-c-gel-179932_0ceef05c-156b-42e8-a3fa-846797da86a2.webp?v=1793036957"},{"product_id":"bobana-marine-collagen-retinol-gel","title":"Bobana Marine Collagen \u0026 Retinol Gel","description":"\u003cstyle\u003e#bbrt{--bg:#04120a;--bg2:#0b2a14;--c:#6cc04a;--c2:#a6e07e;--s:#dff5cf;--bd:rgba(108,192,74,.36);--tint:rgba(108,192,74,.1);border-radius:28px;background:var(--bg);color:#fff;font-family:inherit;line-height:1.8;overflow:hidden;direction: ltr;text-align:start;font-size:17px}#bbrt *{box-sizing:border-box}#bbrt .sec{padding:56px 0}#bbrt .a{background:var(--bg)}#bbrt .b{background:linear-gradient(180deg,var(--bg2),var(--bg))}#bbrt .wrap{max-width:940px;margin:auto;padding:0 20px}#bbrt .c{text-align:center}#bbrt h1,#bbrt h2{color:#fff!important;font-weight:900;margin:0 0 14px}#bbrt h1{font-size:clamp(28px,5vw,44px);line-height:1.3}#bbrt h2{font-size:clamp(23px,4vw,32px);line-height:1.35}#bbrt h3{color:var(--c2)!important;font-size:19px;font-weight:900;margin:0 0 6px}#bbrt p{margin:0 0 12px;color:#dcefd9}#bbrt .hl,#bbrt .k{color:var(--c2)!important}#bbrt .k{font-weight:800}#bbrt .kick{display:inline-block;padding:7px 20px;border-radius:30px;background:var(--tint);border:1px solid var(--bd);color:var(--s)!important;font-weight:800;font-size:14px;margin-bottom:16px}#bbrt .lead{max-width:780px;margin:0 auto 22px;font-size:18px}#bbrt .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:6px}#bbrt .chips span{border:1px solid var(--bd);background:var(--tint);padding:6px 16px;border-radius:30px;font-size:14px;font-weight:700}#bbrt img.ph{display:block;width:100%;max-width:620px;height:auto;aspect-ratio:1\/1;object-fit:cover;border-radius:24px;margin:26px auto 0;box-shadow:0 20px 50px rgba(0,0,0,.7)}#bbrt .hero{background:radial-gradient(circle at 50% 0,rgba(108,192,74,.3),transparent 62%),var(--bg);text-align:center;padding-top:58px}#bbrt .split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}#bbrt .split img.ph{margin:0;max-width:100%}#bbrt .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:22px}#bbrt .card{background:linear-gradient(150deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:16px}#bbrt .card p{margin:0;font-size:15px;color:#fff}#bbrt .card .n{display:block;font-size:13px;color:var(--s)!important;font-weight:700;margin-bottom:4px;letter-spacing:.04em}#bbrt .layers{display:grid;gap:12px;margin-top:22px}#bbrt .layers div{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--bd);border-radius:18px;padding:16px 18px;background:rgba(255,255,255,.035)}#bbrt .layers b{flex:0 0 44px;height:44px;border-radius:50%;background:var(--c);color:#04120a;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:19px}#bbrt .layers p{margin:0;font-size:16px}#bbrt .tl{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}#bbrt .tl div{border-radius:18px;padding:20px 16px;background:rgba(255,255,255,.04);border:1px solid var(--bd)}#bbrt .tl b{display:block;color:var(--c2)!important;font-size:20px;margin-bottom:4px}#bbrt .tl p{margin:0;font-size:16px}#bbrt ul.ck{list-style:none;padding:0;margin:12px 0 0}#bbrt ul.ck li{padding:7px 0;padding-inline-start:30px;position:relative;color:#fff}#bbrt ul.ck li:before{content:\"\";position:absolute;inset-inline-start:2px;top:16px;width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 12px var(--c)}#bbrt .warn{border:1.5px solid var(--c);border-radius:22px;padding:26px 22px;background:var(--tint)}#bbrt details{background:rgba(255,255,255,.04);border:1px solid var(--bd);border-radius:14px;padding:15px 20px;margin-bottom:10px}#bbrt summary{cursor:pointer;font-weight:800;color:#fff!important}#bbrt details p{margin:10px 0 0}#bbrt .cta{border:2px solid var(--c);border-radius:28px;padding:40px 20px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(108,192,74,.26),transparent 70%),var(--bg)}#bbrt .btn{display:inline-block;margin-top:22px;padding:15px 40px;border-radius:40px;background:linear-gradient(90deg,#3a7a24,var(--c));color:#fff!important;font-weight:900;font-size:20px;box-shadow:0 10px 30px rgba(108,192,74,.4)}#bbrt .trust{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}#bbrt .trust span{border:1px solid var(--bd);background:var(--tint);padding:10px 22px;border-radius:40px;font-weight:800;font-size:15px}#bbrt .inci{direction:ltr;text-align:left;font-size:13px;color:var(--s);margin-top:16px;opacity:.9}@media(max-width:768px){#bbrt .sec{padding:38px 0}#bbrt .wrap{padding:0 14px}#bbrt .split{grid-template-columns:1fr}#bbrt .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#bbrt .card{padding:10px}#bbrt .card p{font-size:13px;line-height:1.5}#bbrt .card h3{font-size:15px}#bbrt .tl{grid-template-columns:1fr}#bbrt .warn,#bbrt .cta{padding:22px 16px}}\u003c\/style\u003e\n\u003cdiv id=\"bbrt\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cspan class=\"kick\"\u003e마린 콜라겐과 레티놀을 함유한 워터 젤 | 얼굴, 몸, 손용 250ml\u003c\/span\u003e\n\u003ch1\u003e피부가 예전보다 덜 탱탱해지기 시작했나요? \u003cspan class=\"hl\"\u003e유연성과 응집력\u003c\/span\u003e 바다 깊은 곳에서\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003e젤 \u003cbdi\u003eBobana Marine Collagen \u0026amp; Retinol\u003c\/bdi\u003e 마린 콜라겐, 레티놀 볼, 나이아신아마이드, 호호바 오일을 가볍고 워터리한 질감으로 결합한 제품입니다. 브랜드에서는 탄력을 지원하고 더욱 탄탄한 외관과 부드러운 질감에 도움을 준다고 말합니다.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003e마린 콜라겐\u003c\/span\u003e\u003cspan\u003e레티놀 볼\u003c\/span\u003e\u003cspan\u003e나이아신아마이드\u003c\/span\u003e\u003cspan\u003e호호바 오일\u003c\/span\u003e\u003cspan\u003e얼굴, 몸, 손\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"보바나 마린 콜라겐 레티놀 젤 - 마린 콜라겐 + 레티놀\" class=\"ph\" height=\"1024\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/ed36c247-c7a6-4608-ba2c-effd9851a6d3.jpg\" width=\"1024\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003e무엇을 하든 시간이 지나면서 피부결이 달라지는 이유는 무엇인가요?\u003c\/h2\u003e\n\u003cp class=\"c lead\"\u003e세월과 스트레스, 햇빛으로 인해 피부는 대개 탄력이 떨어지고 단단해집니다. 모든 것을 바꾸는 제품은 존재하지 않습니다. 당신에게 필요한 것은 \u003cspan class=\"k\"\u003eRegular routine\u003c\/span\u003e 알려진 성분으로.\u003c\/p\u003e\n\u003cdiv class=\"layers\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003cp\u003e\u003cspan class=\"k\"\u003e견고함과 부드러운 느낌:\u003c\/span\u003e 레티놀은 스킨 케어에서 가장 인기 있는 성분 중 하나입니다. 브랜드는 이 성분이 질감을 부드럽게 하고 잔주름을 줄이는 데 도움이 된다고 설명합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003cp\u003e\u003cspan class=\"k\"\u003e유연성:\u003c\/span\u003e 브랜드 설명에 따르면 마린 콜라겐은 탄력과 응집력을 지원합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003cp\u003e\u003cspan class=\"k\"\u003e신선함과 수분 공급:\u003c\/span\u003e 나이아신아마이드와 호호바 오일이 성분에 언급되어 신선함과 수분 공급을 지원합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003e250ml 한병.. 완벽한 타이트닝과 탄력 루틴\u003c\/h2\u003e\n\u003cdiv class=\"split\"\u003e\n\u003cdiv\u003e\n\u003cp\u003e젤은 상자에 다음과 같이 설명되어 있습니다. \u003cspan class=\"k\"\u003eBoosting Skin Elasticity \u0026amp; Firmness Water Gel\u003c\/span\u003e.피부의 탄력과 탄력을 도와주는 워터리 젤을 의미하며, 사이즈가 커서 자주 사용하기에 경제적입니다.\u003c\/p\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003e\n\u003cspan class=\"k\"\u003e응집력:\u003c\/span\u003e 더욱 탄탄한 외관을 지원하는 레티놀 볼.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"k\"\u003e유연성:\u003c\/span\u003e 매끄러운 피부를 위한 마린 콜라겐.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"k\"\u003e가벼움:\u003c\/span\u003e 워터리한 질감이 쉽게 퍼집니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"k\"\u003e다중 사용:\u003c\/span\u003e 얼굴, 몸, 손용.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Bobana 마린 콜라겐 및 레티놀 젤 병 및 용기 250 ml\" class=\"ph\" height=\"1080\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/bobana-marine-collagen-retinol-gel-275274_c3ce2ecc-f2e2-4053-92f3-e8f227771c57.webp?v=1788175331\" width=\"1080\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003e병 안에는 무엇이 들어있나요? 이 녹색 알갱이가 성분이에요\u003c\/h2\u003e\n\u003cp class=\"c lead\"\u003e브랜드 데이터에 언급된 기본 구성요소는 다음과 같습니다.\u003c\/p\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"n\"\u003eRETINOL MICROBEADS\u003c\/span\u003e\u003ch3\u003e레티놀 볼\u003c\/h3\u003e\n\u003cp\u003e브랜드는 질감을 부드럽게 하고 미세한 선의 모양을 줄이는 데 도움이 된다고 설명합니다. 사용 경고는 아래에 나열되어 있습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"n\"\u003eMARINE COLLAGEN\u003c\/span\u003e\u003ch3\u003e마린 콜라겐\u003c\/h3\u003e\n\u003cp\u003e브랜드 설명에 따르면 유연성과 응집력을 지원합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"n\"\u003eNIACINAMIDE\u003c\/span\u003e\u003ch3\u003e나이아신아마이드\u003c\/h3\u003e\n\u003cp\u003e브랜드에 따르면 피부톤과 신선함을 통일하는 데 도움이되는 비타민 B3.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"n\"\u003eJOJOBA + TEA TREE OIL\u003c\/span\u003e\u003ch3\u003e천연 오일\u003c\/h3\u003e\n\u003cp\u003e브랜드에 따르면 호호바 오일과 티트리 오일은 피부에 수분을 공급하고 보호합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"그린 비즈가 함유된 가볍고 워터리한 레티놀 젤 텍스처\" class=\"ph\" height=\"1024\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/09fd02f1-b479-4e0e-8c66-b2a7a9ddb4f4.jpg\" width=\"1024\"\/\u003e\n\u003cp class=\"inci\"\u003eMarine Collagen, Retinol Microbeads, Niacinamide, Carbomer, Triethanolamine, Jojoba Oil, Tea Tree Oil (as listed by the brand, concentrations not disclosed)\u003c\/p\u003e\n\u003cp class=\"c\" style=\"margin-top:10px;font-size:14px\"\u003e전체 목록은 원래 상자에 인쇄되어 있으며 위 정보는 브랜드 정보를 기반으로 합니다. 카보머와 트리에탄올아민은 질감 성분입니다.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003e이런 피부라면 이 젤을 만들어보세요\u003c\/h2\u003e\n\u003cdiv class=\"split\"\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003e당신의 피부에는 그것이 필요합니다 \u003cspan class=\"k\"\u003e유연성과 응집력\u003c\/span\u003e 질감이 있습니다.\u003c\/li\u003e\n\u003cli\u003e나는 밤에 루틴을 원한다 \u003cspan class=\"k\"\u003e가벼운 워터 젤 형태의 레티놀\u003c\/span\u003e.\u003c\/li\u003e\n\u003cli\u003e당신은 하나의 제품을 찾고 있습니다 \u003cspan class=\"k\"\u003e얼굴, 몸, 손용\u003c\/span\u003e.\u003c\/li\u003e\n\u003cli\u003e소량으로 시작하여 활성 성분까지 차근차근 준비하세요.\u003c\/li\u003e\n\u003cli\u003e낮에는 자외선 차단제를 바르십시오.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cimg alt=\"탄력과 탄력을 지원하는 햇살 가득한 해변의 레티놀 젤\" class=\"ph\" height=\"1024\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/3eb71f93-6824-4907-9d2a-d873ef7ec682.jpg\" width=\"1024\"\/\u003e\n\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:16px;font-size:14px\"\u003e해당 브랜드는 모든 피부 타입에 적합하며 20세 미만에게는 적합하지 않다고 설명되어 있습니다.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003e무엇을 알 수 있나요? 그리고 언제 알 수 있나요?\u003c\/h2\u003e\n\u003cp class=\"c lead\"\u003e과장된 약속은 없습니다. 피부 관리에는 헌신이 필요하며 결과는 사람마다 다릅니다. 그리고 레티놀은 조용히 시작하는 것이 가장 좋습니다.\u003c\/p\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e처음 사용부터\u003c\/b\u003e\u003cp\u003e산뜻한 워터리 텍스처와 피부에 가벼운 사용감을 선사합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e약 2주 후\u003c\/b\u003e\u003cp\u003e계속하다 보면 더욱 부드러운 질감을 느낄 수 있습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e그리고 계속 가세요\u003c\/b\u003e\u003cp\u003e규칙적인 루틴을 통해 유연성과 일관성이 향상됩니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"심해 수중 레티놀 젤\" class=\"ph\" height=\"1024\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/882e9110-04a7-4724-af6c-af3b67c739ab.jpg\" width=\"1024\"\/\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003e네 걸음...밤에 점차적으로\u003c\/h2\u003e\n\u003cdiv class=\"split\"\u003e\n\u003cdiv class=\"layers\" style=\"margin-top:0\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003cp\u003e\u003cspan class=\"k\"\u003e청소:\u003c\/span\u003e 부드럽게 씻고 말리세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003cp\u003e\u003cspan class=\"k\"\u003e소량을 섭취하세요:\u003c\/span\u003e 해당 지역을 덮는 소량으로 시작하십시오.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003cp\u003e\u003cspan class=\"k\"\u003e부드럽게 마사지:\u003c\/span\u003e 흡수될 때까지 원을 그리듯 분포시킵니다. 눈과 입술에 닿지 않도록 주의하세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003cp\u003e\u003cspan class=\"k\"\u003e점차적으로 반복하십시오:\u003c\/span\u003e 브랜드에 따르면 하루에 한두 번, 레티놀은 밤에 시작하고 빈도를 줄이는 것이 좋으며 피부가 견딜 수 있는 만큼 양을 늘리는 것이 좋습니다. 낮에는 자외선 차단제가 필요합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"손은 해변에서 소량의 레티놀 젤을 섭취합니다.\" class=\"ph\" height=\"1024\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/abe266c8-9252-4bdf-a586-511a9591a75a.jpg\" width=\"1024\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003e사용하기 전에 꼭 알아두셔야 할 점\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003e외용으로만 사용하세요. 삼키지 마세요. 눈과 입술에 닿지 않도록 하세요.\u003c\/li\u003e\n\u003cli\u003e브랜드에서는 20년 미만이 아니라고 조언합니다.\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\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003e결정하기 전의 전체 그림\u003c\/h2\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e밝은면\u003c\/h3\u003e\n\u003cp\u003e가벼운 젤, 잘 알려진 성분의 탄력성과 일관성, 그리고 250ml의 크기로 여러 부위에 사용하기에 충분합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e주의점\u003c\/h3\u003e\n\u003cp\u003e레티놀은 점진적인 사용과 자외선 차단제가 필요합니다. 결과는 피부 유형과 노력에 따라 다릅니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e결론\u003c\/h3\u003e\n\u003cp\u003e마린콜라겐과 레티놀을 함유해 탄력과 지속력을 갖춘 심플한 워터젤을 원한다면 조용히 시도해 볼 만한 선택이다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003e주문 전 질문\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e어떤 피부 타입에도 적합합니까? 그리고 누가 그 나이를 끝냈습니까?\u003c\/summary\u003e\u003cp\u003e해당 브랜드는 모든 피부 타입에 적합하다고 설명되어 있으며, 20세 미만의 사용에는 적합하지 않습니다. 피부가 민감한 경우 제한된 부위에 소량으로 시작하세요.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e아침이나 저녁에 사용하나요?\u003c\/summary\u003e\u003cp\u003e레티놀은 밤에 사용하는 것이 가장 좋으며, 낮에는 자외선 차단제를 사용하세요.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e나는 매일 그것을 사용합니까?\u003c\/summary\u003e\u003cp\u003e브랜드에서는 하루에 한두 번이라고 말합니다. 레티놀로 시작하는 경우에는 빈도를 줄이고 피부가 견딜 수 있으면 횟수를 늘리세요.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e바디와 손에 사용해도 되나요?\u003c\/summary\u003e\u003cp\u003e네, 브랜드에는 얼굴, 몸, 손용이라고 명시되어 있습니다.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e결과는 언제 볼 수 있나요?\u003c\/summary\u003e\u003cp\u003e처음 사용할 때 약간의 사용감이 느껴지며 나머지 개선에는 노력이 필요합니다. 결과는 사람마다 다릅니다.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003e제품이 정품인가요?그리고 어디로 배송되나요?\u003c\/summary\u003e\u003cp\u003e예 \u003cspan class=\"k\"\u003e오리지널 제품\u003c\/span\u003e, 전 세계로 배송됩니다.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"cta\"\u003e\n\u003ch2\u003e바다 깊은 곳에서 얻은 강인함과 탄력..한병이면 충분\u003c\/h2\u003e\n\u003cp\u003e마린 콜라겐, 레티놀, 나이아신아미드가 함유된 가벼운 250ml 워터 젤입니다. 침착하게 사용해보고 직접 확인해 보세요.\u003c\/p\u003e\n\u003cimg alt=\"보바나 레티놀 250ml 바다 유리병\" class=\"ph\" height=\"1024\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/85ad2fcd-c492-491c-8bec-a92d788e6430.jpg\" width=\"1024\"\/\u003e\n\u003cdiv class=\"btn\"\u003e지금 주문하세요\u003c\/div\u003e\n\u003cdiv class=\"trust\"\u003e\n\u003cspan\u003e오리지널 제품\u003c\/span\u003e\u003cspan\u003e전 세계로 배송\u003c\/span\u003e\u003cspan\u003eWhatsApp 지원\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Bobana","offers":[{"title":"Default Title","offer_id":44901651185861,"sku":null,"price":1200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-marine-collagen-retinol-gel-275274_c3ce2ecc-f2e2-4053-92f3-e8f227771c57.webp?v=1793036959"},{"product_id":"bobana-shampoo-with-black-garlic-oil-400-ml","title":"Bobana Anti-Hairloss Shampoo with Black Garlic Oil 400 ml","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .bobana-shampoo-container {\n \n line-height: 1.6;\n color: #333;\n background: #ffffff;\n overflow: hidden;\n }\n \n .hero-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 3rem 1.5rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n \n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 60% 40%, rgba(156, 129, 2, 0.15) 0%, transparent 60%);\n animation: heroGlow 5s ease-in-out infinite alternate;\n }\n \n .hero-title {\n font-size: 2.2rem;\n font-weight: 700;\n margin-bottom: 1rem;\n color: #9C8102;\n position: relative;\n z-index: 2;\n opacity: 0;\n transform: translateY(30px);\n animation: slideInFade 1s ease-out 0.2s forwards;\n }\n \n .hero-subtitle {\n font-size: 1.2rem;\n margin-bottom: 2rem;\n color: #9C8102;\n font-weight: 600;\n position: relative;\n z-index: 2;\n opacity: 0;\n animation: slideInFade 1s ease-out 0.4s forwards;\n }\n \n .hero-description {\n font-size: 1rem;\n opacity: 0.9;\n max-width: 800px;\n margin: 0 auto;\n line-height: 1.7;\n position: relative;\n z-index: 2;\n opacity: 0;\n animation: slideInFade 1s ease-out 0.6s forwards;\n }\n \n .product-showcase {\n padding: 2rem 1.5rem;\n text-align: center;\n background: #fafafa;\n }\n \n .product-image {\n max-width: 320px;\n width: 100%;\n height: auto;\n border-radius: 15px;\n margin: 0 auto 1.5rem;\n display: block;\n box-shadow: 0 15px 40px rgba(156, 129, 2, 0.2);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n opacity: 0;\n transform: scale(0.9);\n animation: imageZoom 1s ease-out 0.8s forwards;\n }\n \n .product-image:hover {\n transform: scale(1.05);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.3);\n }\n \n .intro-text {\n max-width: 750px;\n margin: 0 auto;\n font-size: 1rem;\n line-height: 1.7;\n color: #555;\n opacity: 0;\n animation: slideInFade 1s ease-out 1s forwards;\n }\n \n .section {\n padding: 3rem 1.5rem;\n margin: 1rem 0;\n }\n \n .section-title {\n font-size: 1.8rem;\n font-weight: 700;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2.5rem;\n position: relative;\n opacity: 0;\n animation: titleSlide 0.8s ease-out 0.2s forwards;\n }\n \n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #9C8102, #b8941a);\n border-radius: 2px;\n animation: lineExpand 0.8s ease-out 0.8s forwards;\n transform: translateX(-50%) scaleX(0);\n }\n \n .benefits-container {\n background: white;\n padding: 3rem 1.5rem;\n }\n \n .benefits-layout {\n display: grid;\n grid-template-columns: 1fr 320px;\n gap: 3rem;\n align-items: start;\n margin-top: 2rem;\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n \n .benefit-item {\n background: #f8f9fa;\n border-radius: 12px;\n padding: 1.5rem;\n border-left: 4px solid #9C8102;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n opacity: 0;\n transform: translateX(-30px);\n animation: slideInRight 0.6s ease-out forwards;\n position: relative;\n overflow: hidden;\n }\n \n .benefit-item:nth-child(1) { animation-delay: 0.1s; }\n .benefit-item:nth-child(2) { animation-delay: 0.2s; }\n .benefit-item:nth-child(3) { animation-delay: 0.3s; }\n .benefit-item:nth-child(4) { animation-delay: 0.4s; }\n .benefit-item:nth-child(5) { animation-delay: 0.5s; }\n \n .benefit-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n transition: left 0.6s ease;\n }\n \n .benefit-item:hover::before {\n left: 100%;\n }\n \n .benefit-item:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(156, 129, 2, 0.15);\n background: white;\n }\n \n .benefit-title {\n font-size: 1.1rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: flex;\n align-items: center;\n }\n \n .benefit-icon {\n width: 8px;\n height: 8px;\n background: #9C8102;\n border-radius: 50%;\n margin-right: 10px;\n transition: transform 0.3s ease;\n }\n \n .benefit-item:hover .benefit-icon {\n transform: scale(1.5);\n }\n \n .benefit-description {\n color: #666;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n \n .benefits-image {\n width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n transition: transform 0.4s ease;\n opacity: 0;\n animation: slideInLeft 1s ease-out 0.4s forwards;\n }\n \n .benefits-image:hover {\n transform: scale(1.03) rotate(1deg);\n }\n \n .ingredients-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 3rem 1.5rem;\n position: relative;\n }\n \n .ingredients-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ingredientsGlow 4s ease-in-out infinite alternate;\n }\n \n .ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin-top: 2rem;\n position: relative;\n z-index: 2;\n }\n \n .ingredient-card {\n background: rgba(255,255,255,0.08);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n transition: all 0.4s ease;\n opacity: 0;\n transform: translateY(30px);\n animation: cardRise 0.8s ease-out forwards;\n position: relative;\n overflow: hidden;\n }\n \n .ingredient-card:nth-child(1) { animation-delay: 0.1s; }\n .ingredient-card:nth-child(2) { animation-delay: 0.2s; }\n .ingredient-card:nth-child(3) { animation-delay: 0.3s; }\n .ingredient-card:nth-child(4) { animation-delay: 0.4s; }\n \n .ingredient-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, #9C8102, #b8941a);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n \n .ingredient-card:hover::before {\n transform: scaleX(1);\n }\n \n .ingredient-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n border-color: rgba(156, 129, 2, 0.3);\n }\n \n .ingredient-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 0.5rem;\n }\n \n .ingredient-subtitle {\n font-size: 0.9rem;\n color: #ccc;\n margin-bottom: 1.5rem;\n font-weight: 500;\n }\n \n .ingredient-list {\n list-style: none;\n padding: 0;\n }\n \n .ingredient-list li {\n padding: 0.7rem 0;\n border-bottom: 1px solid rgba(255,255,255,0.1);\n position: relative;\n padding-left: 1.5rem;\n color: #e0e0e0;\n transition: all 0.3s ease;\n }\n \n .ingredient-list li:hover {\n color: #9C8102;\n padding-left: 2rem;\n }\n \n .ingredient-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 6px;\n height: 6px;\n background: #9C8102;\n border-radius: 50%;\n transition: all 0.3s ease;\n }\n \n .ingredient-list li:hover::before {\n transform: translateY(-50%) scale(1.5);\n box-shadow: 0 0 10px rgba(156, 129, 2, 0.5);\n }\n \n .safety-section {\n background: #f8f9fa;\n padding: 3rem 1.5rem;\n }\n \n .safety-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n margin-top: 2rem;\n }\n \n .safety-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s ease;\n opacity: 0;\n animation: cardSlide 0.8s ease-out forwards;\n position: relative;\n overflow: hidden;\n }\n \n .safety-card.positive {\n border-top: 4px solid #9C8102;\n animation-delay: 0.1s;\n }\n \n .safety-card.negative {\n border-top: 4px solid #28a745;\n animation-delay: 0.3s;\n }\n \n .safety-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n transition: left 0.8s ease;\n }\n \n .safety-card:hover::before {\n left: 100%;\n }\n \n .safety-card:hover {\n transform: translateY(-5px) scale(1.01);\n box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n }\n \n .safety-title {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n color: #9C8102;\n }\n \n .safety-card.negative .safety-title {\n color: #28a745;\n }\n \n .safety-item {\n padding: 0.8rem 0;\n border-bottom: 1px solid #eee;\n color: #555;\n position: relative;\n padding-left: 2rem;\n }\n \n .safety-item::before {\n content: '✓';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n color: #9C8102;\n font-weight: bold;\n }\n \n .safety-card.negative .safety-item::before {\n content: '✗';\n color: #28a745;\n }\n \n .suitability-section {\n background: white;\n padding: 3rem 1.5rem;\n }\n \n .suitability-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n margin-top: 2rem;\n }\n \n .suitability-card {\n background: #f8f9fa;\n border-radius: 15px;\n padding: 2rem;\n border-left: 4px solid #9C8102;\n opacity: 0;\n animation: cardSlide 0.8s ease-out forwards;\n transition: all 0.3s ease;\n }\n \n .suitability-card:nth-child(1) { animation-delay: 0.1s; }\n .suitability-card:nth-child(2) { animation-delay: 0.3s; }\n \n .suitability-card:hover {\n transform: translateY(-3px);\n background: white;\n box-shadow: 0 10px 30px rgba(156, 129, 2, 0.15);\n }\n \n .suitability-title {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n color: #9C8102;\n }\n \n .suitability-item {\n padding: 0.6rem 0;\n color: #555;\n position: relative;\n padding-left: 1.5rem;\n transition: all 0.3s ease;\n }\n \n .suitability-item:hover {\n color: #9C8102;\n padding-left: 2rem;\n }\n \n .suitability-item::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 6px;\n height: 6px;\n background: #9C8102;\n border-radius: 50%;\n transition: all 0.3s ease;\n }\n \n .suitability-item:hover::before {\n transform: translateY(-50%) scale(1.5);\n }\n \n .value-section {\n background: #f8f9fa;\n padding: 3rem 1.5rem;\n text-align: center;\n }\n \n .value-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n margin-top: 2rem;\n }\n \n .value-card {\n background: white;\n border-radius: 12px;\n padding: 2rem 1.5rem;\n border-top: 4px solid #9C8102;\n transition: all 0.4s ease;\n opacity: 0;\n transform: scale(0.9);\n animation: valueZoom 0.6s ease-out forwards;\n }\n \n .value-card:nth-child(1) { animation-delay: 0.1s; }\n .value-card:nth-child(2) { animation-delay: 0.2s; }\n .value-card:nth-child(3) { animation-delay: 0.3s; }\n .value-card:nth-child(4) { animation-delay: 0.4s; }\n \n .value-card:hover {\n transform: translateY(-8px) scale(1.02);\n box-shadow: 0 15px 40px rgba(156, 129, 2, 0.15);\n }\n \n .value-title {\n font-size: 1rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 0.5rem;\n }\n \n .value-description {\n font-size: 0.9rem;\n color: #666;\n line-height: 1.5;\n }\n \n .usage-section {\n background: white;\n padding: 3rem 1.5rem;\n border: 2px solid #9C8102;\n margin: 2rem 1.5rem;\n border-radius: 15px;\n }\n \n .usage-steps {\n margin-top: 2rem;\n }\n \n .usage-step {\n background: #f8f9fa;\n border-radius: 12px;\n padding: 1.5rem;\n margin: 1rem 0;\n border-left: 4px solid #9C8102;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateX(-20px);\n animation: stepSlide 0.6s ease-out forwards;\n position: relative;\n overflow: hidden;\n }\n \n .usage-step:nth-child(1) { animation-delay: 0.1s; }\n .usage-step:nth-child(2) { animation-delay: 0.2s; }\n .usage-step:nth-child(3) { animation-delay: 0.3s; }\n .usage-step:nth-child(4) { animation-delay: 0.4s; }\n .usage-step:nth-child(5) { animation-delay: 0.5s; }\n \n .usage-step::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.1), transparent);\n transition: left 0.6s ease;\n }\n \n .usage-step:hover::before {\n left: 100%;\n }\n \n .usage-step:hover {\n transform: translateX(5px);\n background: white;\n box-shadow: 0 8px 25px rgba(156, 129, 2, 0.15);\n }\n \n .step-number {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 30px;\n height: 30px;\n background: linear-gradient(135deg, #9C8102, #b8941a);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-right: 1rem;\n font-size: 0.9rem;\n transition: transform 0.3s ease;\n }\n \n .usage-step:hover .step-number {\n transform: scale(1.2);\n }\n \n .step-content {\n display: inline-block;\n color: #555;\n line-height: 1.6;\n }\n \n .tips-section {\n background: #f8f9fa;\n padding: 2rem 1.5rem;\n margin: 2rem 1.5rem;\n border-radius: 15px;\n border-left: 4px solid #9C8102;\n }\n \n .tips-title {\n font-size: 1.2rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n \n .tips-list {\n list-style: none;\n padding: 0;\n }\n \n .tips-list li {\n padding: 0.6rem 0;\n color: #555;\n position: relative;\n padding-left: 1.5rem;\n transition: all 0.3s ease;\n }\n \n .tips-list li:hover {\n color: #9C8102;\n padding-left: 2rem;\n }\n \n .tips-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 6px;\n height: 6px;\n background: #9C8102;\n border-radius: 50%;\n transition: all 0.3s ease;\n }\n \n .tips-list li:hover::before {\n transform: translateY(-50%) scale(1.5);\n }\n \n .cta-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 1.5rem;\n text-align: center;\n position: relative;\n }\n \n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 50% 50%, rgba(156, 129, 2, 0.15) 0%, transparent 60%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n \n .cta-title {\n font-size: 2rem;\n font-weight: 700;\n margin-bottom: 1.5rem;\n color: #9C8102;\n position: relative;\n z-index: 2;\n opacity: 0;\n animation: slideInFade 1s ease-out 0.2s forwards;\n }\n \n .cta-image {\n max-width: 300px;\n width: 100%;\n height: auto;\n border-radius: 15px;\n margin: 2rem auto;\n display: block;\n box-shadow: 0 15px 40px rgba(156, 129, 2, 0.2);\n transition: transform 0.4s ease;\n opacity: 0;\n animation: imageZoom 1s ease-out 0.4s forwards;\n }\n \n .cta-image:hover {\n transform: scale(1.05);\n }\n \n .cta-text {\n font-size: 1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto 1rem;\n line-height: 1.7;\n position: relative;\n z-index: 2;\n opacity: 0;\n animation: slideInFade 1s ease-out 0.6s forwards;\n }\n \n .ingredients-list-section {\n background: white;\n padding: 2rem 1.5rem;\n border-top: 1px solid #eee;\n }\n \n .ingredients-list-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n text-align: center;\n }\n \n .ingredients-list {\n text-align: center;\n font-size: 0.9rem;\n color: #666;\n line-height: 1.6;\n max-width: 800px;\n margin: 0 auto;\n }\n \n @keyframes slideInFade {\n 0% { opacity: 0; transform: translateY(30px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes imageZoom {\n 0% { opacity: 0; transform: scale(0.9); }\n 100% { opacity: 1; transform: scale(1); }\n }\n \n @keyframes titleSlide {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes lineExpand {\n 0% { transform: translateX(-50%) scaleX(0); }\n 100% { transform: translateX(-50%) scaleX(1); }\n }\n \n @keyframes slideInRight {\n 0% { opacity: 0; transform: translateX(-30px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes slideInLeft {\n 0% { opacity: 0; transform: translateX(30px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes cardRise {\n 0% { opacity: 0; transform: translateY(30px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes cardSlide {\n 0% { opacity: 0; transform: translateX(-20px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes valueZoom {\n 0% { opacity: 0; transform: scale(0.9); }\n 100% { opacity: 1; transform: scale(1); }\n }\n \n @keyframes stepSlide {\n 0% { opacity: 0; transform: translateX(-20px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes heroGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.2; }\n }\n \n @keyframes ingredientsGlow {\n 0% { opacity: 0.05; }\n 100% { opacity: 0.15; }\n }\n \n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.2; }\n }\n \n @media (max-width: 768px) {\n .hero-title {\n font-size: 1.8rem;\n }\n \n .benefits-layout {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n \n .benefits-image {\n order: -1;\n max-width: 250px;\n margin: 0 auto;\n }\n \n .safety-grid,\n .suitability-grid {\n grid-template-columns: 1fr;\n }\n \n .ingredients-grid,\n .value-grid {\n grid-template-columns: 1fr;\n }\n \n .usage-section,\n .tips-section {\n margin: 2rem 0.5rem;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"bobana-shampoo-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003e흑마늘 오일이 함유된 보바나 샴푸\u003c\/h1\u003e\n\u003ch2 class=\"hero-subtitle\"\u003e약한 모발을 강화하고 탈모를 예방합니다.\u003c\/h2\u003e\n\u003cp class=\"hero-description\"\u003e\n 흑마늘은 일반마늘이 아니라 \u003cstrong\u003e60일간 발효한 마늘\u003c\/strong\u003e 특별한 상황에서는 모발에 대한 효능이 10배로 증가합니다.결과: \u003cstrong\u003e탈모에 대한 가장 강력한 자연 치료법\u003c\/strong\u003e.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"흑마늘 오일이 함유된 보바나 샴푸\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-shampoo-with-black-garlic-oil-856870_ae5422e6-d807-426b-b112-aa42e95af22f.webp?v=1752506058\"\/\u003e\n\u003cp class=\"intro-text\"\u003e\n\u003cstrong\u003e보바나 샴푸는 단순한 클렌저가 아닌... 모발을 뿌리부터 튼튼하게 해주는 데일리 트리트먼트입니다.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-container\"\u003e\n\u003ch2 class=\"section-title\"\u003e약한 모발을 위한 탁월한 혜택\u003c\/h2\u003e\n\u003cdiv class=\"benefits-layout\"\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e\n 모낭 강화\n \u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e흑마늘 오일은 모낭에 영양을 공급하고 뿌리부터 강화시켜 모발을 더욱 튼튼하게 해줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e\n 탈모를 예방하세요\n \u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e두피의 혈액순환을 촉진하여 탈모를 현저히 감소시킵니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e\n 모발 밀도 증가\n \u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e식물성 단백질이 모발 틈을 메워 모발의 굵기와 밀도를 높여줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e\n 깊고 부드러운 클렌징\n \u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e건조함이나 자극 없이 효과적인 세척을 위한 최저 황산염 함량\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e\n 자연 영양\n \u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e유해한 화학 물질이 없으며 영양이 풍부한 천연 성분만 사용됩니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Benefits\" class=\"benefits-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-br-shampoo-br-with-black-garlic-oil-961158_83b4e26d-57c9-4ae7-bf19-ebccd79005a5.webp?v=1752506070\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e강력한 천연성분\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e흑마늘 오일\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e모발의 힘을 키워주는 마법의 성분\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e천연항생제\u003c\/strong\u003e 두피를 깨끗하게 해준다\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e모발 성장을 촉진합니다.\u003c\/strong\u003e 혈액순환을 촉진하여\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e유황이 풍부\u003c\/strong\u003e 모발 구조 강화\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e항진균제\u003c\/strong\u003e 비듬 퇴치\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e가수분해된 식물 단백질\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e밀과 콩에서\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e머리카락의 빈틈을 채워준다\u003c\/strong\u003e 손상되고 강화됨\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e모발 굵기 증가\u003c\/strong\u003e 그리고 그 부피 밀도\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e파손으로부터 보호합니다.\u003c\/strong\u003e 그리고 파손\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e자연스러운 윤기를 선사해요\u003c\/strong\u003e 그리고 부드러운 질감\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e티트리추출물\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e정화하고 진정시키기 위해\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e모공을 깨끗하게 해준다\u003c\/strong\u003e 기름과 먼지로부터\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e자극을 진정시킵니다\u003c\/strong\u003e 그리고 두피 가려움증\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e항균\u003c\/strong\u003e 두피 건강 유지\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e자연스러운 상쾌함\u003c\/strong\u003e 깔끔한 느낌을 줍니다\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e판테놀(비타민 B5)\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e보습과 보호를 위해\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e모발에 수분을 공급합니다\u003c\/strong\u003e 무겁거나 기름지지 않고\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e열로부터 보호합니다\u003c\/strong\u003e 그리고 외부 요인\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e곱슬거림을 줄여줍니다.\u003c\/strong\u003e 모발 관리 능력이 향상됩니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e자연스러운 부드러움을 선사합니다\u003c\/strong\u003e 그리고 건강하게 빛나는\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Safety Section --\u003e\n\u003cdiv class=\"safety-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e유해성분이 없는 안전한 포뮬라\u003c\/h2\u003e\n\u003cdiv class=\"safety-grid\"\u003e\n\u003cdiv class=\"safety-card positive\"\u003e\n\u003ch3 class=\"safety-title\"\u003e샴푸에 들어있는 것\u003c\/h3\u003e\n\u003cdiv class=\"safety-item\"\u003e\u003cstrong\u003e천연 흑마늘 오일\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"safety-item\"\u003e\u003cstrong\u003e가수분해된 식물성 단백질\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"safety-item\"\u003e\u003cstrong\u003e진정 효과가 있는 천연 추출물\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"safety-item\"\u003e\u003cstrong\u003e가능한 가장 낮은 황산염 비율\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"safety-card negative\"\u003e\n\u003ch3 class=\"safety-title\"\u003e포함되지 않은 것\u003c\/h3\u003e\n\u003cdiv class=\"safety-item\"\u003e\n\u003cstrong\u003e파라벤 0%\u003c\/strong\u003e - 유해한 방부제\u003c\/div\u003e\n\u003cdiv class=\"safety-item\"\u003e\n\u003cstrong\u003e실리콘 0%\u003c\/strong\u003e - 모공을 막아 모발에 쌓이게 됩니다.\u003c\/div\u003e\n\u003cdiv class=\"safety-item\"\u003e\n\u003cstrong\u003e황산염 감소\u003c\/strong\u003e - 건조함 없이 부드러운 클렌징\u003c\/div\u003e\n\u003cdiv class=\"safety-item\"\u003e\n\u003cstrong\u003e가혹한 황산염 없음\u003c\/strong\u003e - 모발의 천연 오일을 유지합니다.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Suitability Section --\u003e\n\u003cdiv class=\"suitability-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e특정 모발 유형에 적합\u003c\/h2\u003e\n\u003cdiv class=\"suitability-grid\"\u003e\n\u003cdiv class=\"suitability-card\"\u003e\n\u003ch3 class=\"suitability-title\"\u003e머리만 좋으면 완벽해\u003c\/h3\u003e\n\u003cdiv class=\"suitability-item\"\u003e\n\u003cstrong\u003e약하고 얇음\u003c\/strong\u003e 강화가 필요해요\u003c\/div\u003e\n\u003cdiv class=\"suitability-item\"\u003e\n\u003cstrong\u003e그는 탈모로 고통받고 있다\u003c\/strong\u003e 연속\u003c\/div\u003e\n\u003cdiv class=\"suitability-item\"\u003e\n\u003cstrong\u003e평균 다공성\u003c\/strong\u003e - 기름지지도 너무 건조하지도 않음\u003c\/div\u003e\n\u003cdiv class=\"suitability-item\"\u003e\n\u003cstrong\u003e철저한 청소가 필요함\u003c\/strong\u003e 누적된 제품 중\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"suitability-card\"\u003e\n\u003ch3 class=\"suitability-title\"\u003e사용 팁\u003c\/h3\u003e\n\u003cdiv class=\"suitability-item\"\u003e\n\u003cstrong\u003e매일 사용\u003c\/strong\u003e 또는 당신의 머리 필요에 따라\u003c\/div\u003e\n\u003cdiv class=\"suitability-item\"\u003e\n\u003cstrong\u003e두피에 집중하세요\u003c\/strong\u003e 마사지할 때\u003c\/div\u003e\n\u003cdiv class=\"suitability-item\"\u003e\n\u003cstrong\u003e보바나 컨디셔너를 사용하세요\u003c\/strong\u003e 최상의 결과를 얻으려면\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Section --\u003e\n\u003cdiv class=\"value-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e건강한 모발을 위한 탁월한 가치\u003c\/h2\u003e\n\u003cdiv class=\"value-grid\"\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003ch4 class=\"value-title\"\u003e큰 사이즈\u003c\/h4\u003e\n\u003cp class=\"value-description\"\u003e400ml면 2~3개월 정도 꾸준히 사용 가능해요\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003ch4 class=\"value-title\"\u003e합리적인 가격\u003c\/h4\u003e\n\u003cp class=\"value-description\"\u003e다른 제품에 비해 가격이 착해요\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003ch4 class=\"value-title\"\u003e보장된 결과\u003c\/h4\u003e\n\u003cp class=\"value-description\"\u003e몇 주 안에 모발의 힘이 뚜렷하게 개선되고 탈모가 감소합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003ch4 class=\"value-title\"\u003e자연스럽고 안전한\u003c\/h4\u003e\n\u003cp class=\"value-description\"\u003e유해한 화학성분이 없어 모발의 건강이 최우선입니다\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e올바른 사용법\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 1.5rem;\"\u003e최상의 결과를 위한 간단한 단계\u003c\/h3\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cspan class=\"step-number\"\u003e1\u003c\/span\u003e\n\u003cspan class=\"step-content\"\u003e\u003cstrong\u003e머리카락을 적셔라\u003c\/strong\u003e 따뜻한 물과 함께\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cspan class=\"step-number\"\u003e2\u003c\/span\u003e\n\u003cspan class=\"step-content\"\u003e\u003cstrong\u003e적당량을 바르세요\u003c\/strong\u003e 두피에 샴푸를 바르고\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cspan class=\"step-number\"\u003e3\u003c\/span\u003e\n\u003cspan class=\"step-content\"\u003e\u003cstrong\u003e부드럽게 마사지\u003c\/strong\u003e 뿌리부터 끝까지 손끝으로\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cspan class=\"step-number\"\u003e4\u003c\/span\u003e\n\u003cspan class=\"step-content\"\u003e\u003cstrong\u003e2~3분간 방치\u003c\/strong\u003e 흑마늘을 만들려면\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cspan class=\"step-number\"\u003e5\u003c\/span\u003e\n\u003cspan class=\"step-content\"\u003e\u003cstrong\u003e잘 헹구세요\u003c\/strong\u003e 따뜻한 물로\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Tips Section --\u003e\n\u003cdiv class=\"tips-section\"\u003e\n\u003ch3 class=\"tips-title\"\u003e최상의 결과를 얻으려면\u003c\/h3\u003e\n\u003cul class=\"tips-list\"\u003e\n\u003cli\u003e\u003cstrong\u003e보바나 블랙 마늘 컨디셔너를 사용하세요\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e너무 뜨거운 물은 피하세요\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e정기적으로 사용\u003c\/strong\u003e 전체 결과를 보려면\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003e모발의 자연스러운 힘을 회복하세요.\u003c\/h2\u003e\n\u003cimg alt=\"BOBANA Shampoo Results\" class=\"cta-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-br-shampoo-br-with-black-garlic-oil-783829_1.webp?v=1752505869\"\/\u003e\n\u003cp class=\"cta-text\"\u003e\n 검은 마늘 오일이 함유된 보바나 샴푸 - 약해지고 떨어지는 모발을 위한 천연 솔루션입니다.검증된 천연성분으로 안전하고 효과적인 데일리 트리트먼트입니다.\n \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003e첫 세탁부터 모발 강화 여정을 시작하세요\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"ingredients-list-section\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003e전체 성분 목록\u003c\/h3\u003e\n\u003cp class=\"ingredients-list\"\u003e\n\u003cstrong\u003eBLACK GARLIC OIL, HYDROLYZED WHEAT PROTEIN, HYDROLIZED SOY PROTEIN, TEA TREE EXTRACT, PANTHENOL, AQUA\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-style: italic; color: #666; margin-top: 1rem;\"\u003e\n 보바나 블랙 갈릭 오일 샴푸 - 건강하고 튼튼한 모발을 위한 천연 파워하우스\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Enhanced hover effects for all interactive elements\n const interactiveElements = document.querySelectorAll('.benefit-item, .ingredient-card, .safety-card, .value-card, .usage-step, .suitability-card');\n \n interactiveElements.forEach(element =\u003e {\n element.addEventListener('mouseenter', function() {\n this.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n });\n });\n\n \/\/ Smooth parallax effect for background elements\n let ticking = false;\n \n function updateParallax() {\n const scrolled = window.pageYOffset;\n const backgrounds = document.querySelectorAll('.hero-section::before, .ingredients-section::before, .cta-section::before');\n \n \/\/ Smooth background movement\n backgrounds.forEach((bg, index) =\u003e {\n const speed = 0.02 + (index * 0.01);\n const yPos = -(scrolled * speed);\n if (bg.style) {\n bg.style.transform = `translateY(${yPos}px)`;\n }\n });\n \n ticking = false;\n }\n \n function requestTick() {\n if (!ticking) {\n requestAnimationFrame(updateParallax);\n ticking = true;\n }\n }\n \n \/\/ Optimized scroll listener\n let scrollTimeout;\n window.addEventListener('scroll', function() {\n if (scrollTimeout) {\n clearTimeout(scrollTimeout);\n }\n scrollTimeout = setTimeout(requestTick, 10);\n }, { passive: true });\n\n \/\/ Enhanced ingredient card interactions\n const ingredientCards = document.querySelectorAll('.ingredient-card');\n ingredientCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.background = 'rgba(255,255,255,0.2)';\n this.style.borderColor = 'rgba(156, 129, 2, 0.4)';\n \n const listItems = this.querySelectorAll('.ingredient-list li');\n listItems.forEach((item, i) =\u003e {\n setTimeout(() =\u003e {\n item.style.color = '#f0f0f0';\n item.style.paddingLeft = '2rem';\n }, i * 50);\n });\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.background = 'rgba(255,255,255,0.08)';\n this.style.borderColor = 'rgba(255,255,255,0.1)';\n \n const listItems = this.querySelectorAll('.ingredient-list li');\n listItems.forEach(item =\u003e {\n item.style.color = '#e0e0e0';\n item.style.paddingLeft = '1.5rem';\n });\n });\n });\n\n \/\/ Usage steps with enhanced interactions\n const usageSteps = document.querySelectorAll('.usage-step');\n usageSteps.forEach((step, index) =\u003e {\n step.addEventListener('mouseenter', function() {\n const stepNumber = this.querySelector('.step-number');\n if (stepNumber) {\n stepNumber.style.transform = 'scale(1.2) rotate(10deg)';\n stepNumber.style.background = 'linear-gradient(135deg, #b8941a, #9C8102)';\n }\n });\n \n step.addEventListener('mouseleave', function() {\n const stepNumber = this.querySelector('.step-number');\n if (stepNumber) {\n stepNumber.style.transform = 'scale(1) rotate(0deg)';\n stepNumber.style.background = 'linear-gradient(135deg, #9C8102, #b8941a)';\n }\n });\n });\n\n \/\/ Dynamic text glow effects\n const titles = document.querySelectorAll('.hero-title, .section-title, .cta-title');\n titles.forEach(title =\u003e {\n title.addEventListener('mouseenter', function() {\n this.style.textShadow = '0 0 15px rgba(156, 129, 2, 0.3)';\n this.style.transform = 'scale(1.02)';\n });\n \n title.addEventListener('mouseleave', function() {\n this.style.textShadow = 'none';\n this.style.transform = 'scale(1)';\n });\n });\n\n \/\/ Progressive enhancement for value cards\n const valueCards = document.querySelectorAll('.value-card');\n valueCards.forEach((card, index) =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.borderTopColor = '#b8941a';\n this.style.borderTopWidth = '6px';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.borderTopColor = '#9C8102';\n this.style.borderTopWidth = '4px';\n });\n });\n\n \/\/ Safety cards enhanced interactions\n const safetyCards = document.querySelectorAll('.safety-card');\n safetyCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n const items = this.querySelectorAll('.safety-item');\n items.forEach((item, i) =\u003e {\n setTimeout(() =\u003e {\n item.style.paddingLeft = '2.5rem';\n item.style.color = '#333';\n }, i * 100);\n });\n });\n \n card.addEventListener('mouseleave', function() {\n const items = this.querySelectorAll('.safety-item');\n items.forEach(item =\u003e {\n item.style.paddingLeft = '2rem';\n item.style.color = '#555';\n });\n });\n });\n\n \/\/ Tips section interaction\n const tipsSection = document.querySelector('.tips-section');\n if (tipsSection) {\n tipsSection.addEventListener('mouseenter', function() {\n this.style.borderLeftColor = '#b8941a';\n this.style.borderLeftWidth = '6px';\n this.style.background = 'white';\n this.style.boxShadow = '0 8px 25px rgba(156, 129, 2, 0.1)';\n });\n \n tipsSection.addEventListener('mouseleave', function() {\n this.style.borderLeftColor = '#9C8102';\n this.style.borderLeftWidth = '4px';\n this.style.background = '#f8f9fa';\n this.style.boxShadow = 'none';\n });\n }\n\n \/\/ Smooth image loading enhancement\n const images = document.querySelectorAll('img');\n images.forEach(img =\u003e {\n img.addEventListener('load', function() {\n this.style.opacity = '1';\n this.style.transform = 'scale(1)';\n });\n });\n\n \/\/ Benefit items enhanced interaction\n const benefitItems = document.querySelectorAll('.benefit-item');\n benefitItems.forEach(item =\u003e {\n item.addEventListener('mouseenter', function() {\n const icon = this.querySelector('.benefit-icon');\n if (icon) {\n icon.style.background = 'linear-gradient(135deg, #b8941a, #9C8102)';\n icon.style.boxShadow = '0 0 15px rgba(156, 129, 2, 0.4)';\n }\n });\n \n item.addEventListener('mouseleave', function() {\n const icon = this.querySelector('.benefit-icon');\n if (icon) {\n icon.style.background = '#9C8102';\n icon.style.boxShadow = 'none';\n }\n });\n });\n\n \/\/ Performance optimization: debounced resize handler\n let resizeTimeout;\n window.addEventListener('resize', function() {\n if (resizeTimeout) {\n clearTimeout(resizeTimeout);\n }\n resizeTimeout = setTimeout(() =\u003e {\n \/\/ Recalculate any size-dependent animations\n const cards = document.querySelectorAll('.benefit-item, .ingredient-card, .safety-card, .value-card');\n cards.forEach(card =\u003e {\n card.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n });\n }, 250);\n });\n\n \/\/ Add subtle animation to ingredient lists\n const ingredientLists = document.querySelectorAll('.ingredient-list');\n ingredientLists.forEach(list =\u003e {\n const items = list.querySelectorAll('li');\n items.forEach((item, index) =\u003e {\n item.style.animationDelay = `${index * 0.1}s`;\n });\n });\n});\n\u003c\/script\u003e","brand":"Bobana","offers":[{"title":"Default Title","offer_id":44901788090565,"sku":null,"price":160.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-shampoo-with-black-garlic-oil-892538.webp?v=1752505869"},{"product_id":"bobana-leave-in-cream-with-black-garlic","title":"Bobana Anti-Hairloss Leave-in Cream With Black Garlic 200 ml","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .bobana-cream-container {\n \n line-height: 1.6;\n color: #333;\n background: #ffffff;\n overflow: hidden;\n }\n \n .hero-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 3rem 1.5rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n \n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 50% 60%, rgba(156, 129, 2, 0.15) 0%, transparent 60%);\n animation: heroGlow 5s ease-in-out infinite alternate;\n }\n \n .hero-title {\n font-size: 2.2rem;\n font-weight: 700;\n margin-bottom: 1rem;\n color: #9C8102;\n position: relative;\n z-index: 2;\n opacity: 0;\n transform: translateY(30px);\n animation: slideInFade 1s ease-out 0.2s forwards;\n }\n \n .hero-subtitle {\n font-size: 1.2rem;\n margin-bottom: 2rem;\n color: #9C8102;\n font-weight: 600;\n position: relative;\n z-index: 2;\n opacity: 0;\n animation: slideInFade 1s ease-out 0.4s forwards;\n }\n \n .hero-description {\n font-size: 1rem;\n opacity: 0.9;\n max-width: 750px;\n margin: 0 auto;\n line-height: 1.7;\n position: relative;\n z-index: 2;\n opacity: 0;\n animation: slideInFade 1s ease-out 0.6s forwards;\n }\n \n .product-showcase {\n padding: 2rem 1.5rem;\n text-align: center;\n background: #fafafa;\n }\n \n .product-image {\n max-width: 300px;\n width: 100%;\n height: auto;\n border-radius: 15px;\n margin: 0 auto 1.5rem;\n display: block;\n box-shadow: 0 15px 40px rgba(156, 129, 2, 0.2);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n opacity: 0;\n transform: scale(0.9);\n animation: imageZoom 1s ease-out 0.8s forwards;\n }\n \n .product-image:hover {\n transform: scale(1.05);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.3);\n }\n \n .intro-text {\n max-width: 700px;\n margin: 0 auto;\n font-size: 1rem;\n line-height: 1.7;\n color: #555;\n opacity: 0;\n animation: slideInFade 1s ease-out 1s forwards;\n }\n \n .section {\n padding: 3rem 1.5rem;\n margin: 1rem 0;\n }\n \n .section-title {\n font-size: 1.8rem;\n font-weight: 700;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2.5rem;\n position: relative;\n opacity: 0;\n animation: titleSlide 0.8s ease-out 0.2s forwards;\n }\n \n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #9C8102, #b8941a);\n border-radius: 2px;\n animation: lineExpand 0.8s ease-out 0.8s forwards;\n transform: translateX(-50%) scaleX(0);\n }\n \n .benefits-container {\n background: white;\n padding: 3rem 1.5rem;\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-top: 2rem;\n }\n \n .benefit-item {\n background: #f8f9fa;\n border-radius: 12px;\n padding: 1.8rem;\n border-left: 4px solid #9C8102;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n opacity: 0;\n transform: translateY(20px);\n animation: cardRise 0.6s ease-out forwards;\n position: relative;\n overflow: hidden;\n }\n \n .benefit-item:nth-child(1) { animation-delay: 0.1s; }\n .benefit-item:nth-child(2) { animation-delay: 0.2s; }\n .benefit-item:nth-child(3) { animation-delay: 0.3s; }\n .benefit-item:nth-child(4) { animation-delay: 0.4s; }\n .benefit-item:nth-child(5) { animation-delay: 0.5s; }\n \n .benefit-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n transition: left 0.6s ease;\n }\n \n .benefit-item:hover::before {\n left: 100%;\n }\n \n .benefit-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 35px rgba(156, 129, 2, 0.15);\n background: white;\n }\n \n .benefit-title {\n font-size: 1.2rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 0.8rem;\n display: flex;\n align-items: center;\n }\n \n .benefit-icon {\n width: 10px;\n height: 10px;\n background: #9C8102;\n border-radius: 50%;\n margin-right: 12px;\n transition: all 0.3s ease;\n }\n \n .benefit-item:hover .benefit-icon {\n transform: scale(1.5);\n box-shadow: 0 0 10px rgba(156, 129, 2, 0.4);\n }\n \n .benefit-description {\n color: #666;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n \n .ingredients-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 3rem 1.5rem;\n position: relative;\n }\n \n .ingredients-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ingredientsGlow 4s ease-in-out infinite alternate;\n }\n \n .ingredients-layout {\n display: grid;\n grid-template-columns: 1fr 300px;\n gap: 3rem;\n align-items: start;\n margin-top: 2rem;\n position: relative;\n z-index: 2;\n }\n \n .ingredients-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n \n .ingredient-card {\n background: rgba(255,255,255,0.08);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n transition: all 0.4s ease;\n opacity: 0;\n transform: translateX(-30px);\n animation: slideInRight 0.8s ease-out forwards;\n position: relative;\n overflow: hidden;\n }\n \n .ingredient-card:nth-child(1) { animation-delay: 0.1s; }\n .ingredient-card:nth-child(2) { animation-delay: 0.2s; }\n .ingredient-card:nth-child(3) { animation-delay: 0.3s; }\n .ingredient-card:nth-child(4) { animation-delay: 0.4s; }\n .ingredient-card:nth-child(5) { animation-delay: 0.5s; }\n \n .ingredient-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, #9C8102, #b8941a);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n \n .ingredient-card:hover::before {\n transform: scaleX(1);\n }\n \n .ingredient-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateX(5px);\n border-color: rgba(156, 129, 2, 0.3);\n }\n \n .ingredient-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 0.5rem;\n }\n \n .ingredient-subtitle {\n font-size: 0.9rem;\n color: #ccc;\n margin-bottom: 1.5rem;\n font-weight: 500;\n }\n \n .ingredient-list {\n list-style: none;\n padding: 0;\n }\n \n .ingredient-list li {\n padding: 0.7rem 0;\n border-bottom: 1px solid rgba(255,255,255,0.1);\n position: relative;\n padding-left: 1.5rem;\n color: #e0e0e0;\n transition: all 0.3s ease;\n }\n \n .ingredient-list li:hover {\n color: #9C8102;\n padding-left: 2rem;\n }\n \n .ingredient-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 6px;\n height: 6px;\n background: #9C8102;\n border-radius: 50%;\n transition: all 0.3s ease;\n }\n \n .ingredient-list li:hover::before {\n transform: translateY(-50%) scale(1.5);\n box-shadow: 0 0 10px rgba(156, 129, 2, 0.5);\n }\n \n .ingredients-image {\n width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.3);\n transition: transform 0.4s ease;\n opacity: 0;\n animation: slideInLeft 1s ease-out 0.4s forwards;\n }\n \n .ingredients-image:hover {\n transform: scale(1.03) rotate(-1deg);\n }\n \n .safety-section {\n background: #f8f9fa;\n padding: 3rem 1.5rem;\n }\n \n .safety-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n margin-top: 2rem;\n }\n \n .safety-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s ease;\n opacity: 0;\n animation: cardSlide 0.8s ease-out forwards;\n position: relative;\n overflow: hidden;\n }\n \n .safety-card.positive {\n border-top: 4px solid #9C8102;\n animation-delay: 0.1s;\n }\n \n .safety-card.negative {\n border-top: 4px solid #28a745;\n animation-delay: 0.3s;\n }\n \n .safety-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n transition: left 0.8s ease;\n }\n \n .safety-card:hover::before {\n left: 100%;\n }\n \n .safety-card:hover {\n transform: translateY(-5px) scale(1.01);\n box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n }\n \n .safety-title {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n color: #9C8102;\n }\n \n .safety-card.negative .safety-title {\n color: #28a745;\n }\n \n .safety-item {\n padding: 0.8rem 0;\n border-bottom: 1px solid #eee;\n color: #555;\n position: relative;\n padding-left: 2rem;\n }\n \n .safety-item::before {\n content: '✓';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n color: #9C8102;\n font-weight: bold;\n }\n \n .safety-card.negative .safety-item::before {\n content: '✗';\n color: #28a745;\n }\n \n .suitability-section {\n background: white;\n padding: 3rem 1.5rem;\n }\n \n .suitability-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n margin-top: 2rem;\n }\n \n .suitability-card {\n background: #f8f9fa;\n border-radius: 15px;\n padding: 2rem;\n border-left: 4px solid #9C8102;\n opacity: 0;\n animation: cardSlide 0.8s ease-out forwards;\n transition: all 0.3s ease;\n }\n \n .suitability-card:nth-child(1) { animation-delay: 0.1s; }\n .suitability-card:nth-child(2) { animation-delay: 0.3s; }\n \n .suitability-card:hover {\n transform: translateY(-3px);\n background: white;\n box-shadow: 0 10px 30px rgba(156, 129, 2, 0.15);\n }\n \n .suitability-title {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n color: #9C8102;\n }\n \n .suitability-item {\n padding: 0.6rem 0;\n color: #555;\n position: relative;\n padding-left: 1.5rem;\n transition: all 0.3s ease;\n }\n \n .suitability-item:hover {\n color: #9C8102;\n padding-left: 2rem;\n }\n \n .suitability-item::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 6px;\n height: 6px;\n background: #9C8102;\n border-radius: 50%;\n transition: all 0.3s ease;\n }\n \n .suitability-item:hover::before {\n transform: translateY(-50%) scale(1.5);\n }\n \n .value-section {\n background: #f8f9fa;\n padding: 3rem 1.5rem;\n text-align: center;\n }\n \n .value-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n margin-top: 2rem;\n }\n \n .value-card {\n background: white;\n border-radius: 12px;\n padding: 2rem 1.5rem;\n border-top: 4px solid #9C8102;\n transition: all 0.4s ease;\n opacity: 0;\n transform: scale(0.9);\n animation: valueZoom 0.6s ease-out forwards;\n }\n \n .value-card:nth-child(1) { animation-delay: 0.1s; }\n .value-card:nth-child(2) { animation-delay: 0.2s; }\n .value-card:nth-child(3) { animation-delay: 0.3s; }\n .value-card:nth-child(4) { animation-delay: 0.4s; }\n \n .value-card:hover {\n transform: translateY(-8px) scale(1.02);\n box-shadow: 0 15px 40px rgba(156, 129, 2, 0.15);\n }\n \n .value-title {\n font-size: 1rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 0.5rem;\n }\n \n .value-description {\n font-size: 0.9rem;\n color: #666;\n line-height: 1.5;\n }\n \n .usage-section {\n background: white;\n padding: 3rem 1.5rem;\n border: 2px solid #9C8102;\n margin: 2rem 1.5rem;\n border-radius: 15px;\n }\n \n .usage-steps {\n margin-top: 2rem;\n }\n \n .usage-step {\n background: #f8f9fa;\n border-radius: 12px;\n padding: 1.5rem;\n margin: 1rem 0;\n border-left: 4px solid #9C8102;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateX(-20px);\n animation: stepSlide 0.6s ease-out forwards;\n position: relative;\n overflow: hidden;\n }\n \n .usage-step:nth-child(1) { animation-delay: 0.1s; }\n .usage-step:nth-child(2) { animation-delay: 0.2s; }\n .usage-step:nth-child(3) { animation-delay: 0.3s; }\n .usage-step:nth-child(4) { animation-delay: 0.4s; }\n .usage-step:nth-child(5) { animation-delay: 0.5s; }\n \n .usage-step::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.1), transparent);\n transition: left 0.6s ease;\n }\n \n .usage-step:hover::before {\n left: 100%;\n }\n \n .usage-step:hover {\n transform: translateX(5px);\n background: white;\n box-shadow: 0 8px 25px rgba(156, 129, 2, 0.15);\n }\n \n .step-number {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 30px;\n height: 30px;\n background: linear-gradient(135deg, #9C8102, #b8941a);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-right: 1rem;\n font-size: 0.9rem;\n transition: transform 0.3s ease;\n }\n \n .usage-step:hover .step-number {\n transform: scale(1.2) rotate(10deg);\n }\n \n .step-content {\n display: inline-block;\n color: #555;\n line-height: 1.6;\n }\n \n .tips-section {\n background: #f8f9fa;\n padding: 2rem 1.5rem;\n margin: 2rem 1.5rem;\n border-radius: 15px;\n border-left: 4px solid #9C8102;\n }\n \n .tips-title {\n font-size: 1.2rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n \n .tips-list {\n list-style: none;\n padding: 0;\n }\n \n .tips-list li {\n padding: 0.6rem 0;\n color: #555;\n position: relative;\n padding-left: 1.5rem;\n transition: all 0.3s ease;\n }\n \n .tips-list li:hover {\n color: #9C8102;\n padding-left: 2rem;\n }\n \n .tips-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 6px;\n height: 6px;\n background: #9C8102;\n border-radius: 50%;\n transition: all 0.3s ease;\n }\n \n .tips-list li:hover::before {\n transform: translateY(-50%) scale(1.5);\n }\n \n .cta-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 1.5rem;\n text-align: center;\n position: relative;\n }\n \n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 50% 50%, rgba(156, 129, 2, 0.15) 0%, transparent 60%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n \n .cta-title {\n font-size: 2rem;\n font-weight: 700;\n margin-bottom: 2rem;\n color: #9C8102;\n position: relative;\n z-index: 2;\n opacity: 0;\n animation: slideInFade 1s ease-out 0.2s forwards;\n }\n \n .cta-image {\n max-width: 300px;\n width: 100%;\n height: auto;\n border-radius: 15px;\n margin: 0 auto 2rem;\n display: block;\n box-shadow: 0 15px 40px rgba(156, 129, 2, 0.2);\n transition: transform 0.4s ease;\n opacity: 0;\n animation: imageZoom 1s ease-out 0.4s forwards;\n }\n \n .cta-image:hover {\n transform: scale(1.05);\n }\n \n .cta-text {\n font-size: 1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto 1rem;\n line-height: 1.7;\n position: relative;\n z-index: 2;\n opacity: 0;\n animation: slideInFade 1s ease-out 0.6s forwards;\n }\n \n .ingredients-list-section {\n background: white;\n padding: 2rem 1.5rem;\n border-top: 1px solid #eee;\n }\n \n .ingredients-list-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n text-align: center;\n }\n \n .ingredients-list {\n text-align: center;\n font-size: 0.9rem;\n color: #666;\n line-height: 1.6;\n max-width: 800px;\n margin: 0 auto;\n }\n \n @keyframes slideInFade {\n 0% { opacity: 0; transform: translateY(30px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes imageZoom {\n 0% { opacity: 0; transform: scale(0.9); }\n 100% { opacity: 1; transform: scale(1); }\n }\n \n @keyframes titleSlide {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes lineExpand {\n 0% { transform: translateX(-50%) scaleX(0); }\n 100% { transform: translateX(-50%) scaleX(1); }\n }\n \n @keyframes cardRise {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes slideInRight {\n 0% { opacity: 0; transform: translateX(-30px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes slideInLeft {\n 0% { opacity: 0; transform: translateX(30px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes cardSlide {\n 0% { opacity: 0; transform: translateX(-20px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes valueZoom {\n 0% { opacity: 0; transform: scale(0.9); }\n 100% { opacity: 1; transform: scale(1); }\n }\n \n @keyframes stepSlide {\n 0% { opacity: 0; transform: translateX(-20px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes heroGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.2; }\n }\n \n @keyframes ingredientsGlow {\n 0% { opacity: 0.05; }\n 100% { opacity: 0.15; }\n }\n \n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.2; }\n }\n \n @media (max-width: 768px) {\n .hero-title {\n font-size: 1.8rem;\n }\n \n .ingredients-layout {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n \n .ingredients-image {\n order: -1;\n max-width: 250px;\n margin: 0 auto;\n }\n \n .safety-grid,\n .suitability-grid {\n grid-template-columns: 1fr;\n }\n \n .benefits-grid,\n .value-grid {\n grid-template-columns: 1fr;\n }\n \n .usage-section,\n .tips-section {\n margin: 2rem 0.5rem;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"bobana-cream-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003e검은 마늘 오일이 함유된 보바나 크림\u003c\/h1\u003e\n\u003ch2 class=\"hero-subtitle\"\u003e약하고 곱슬머리에 지속적인 영양 공급 및 보호\u003c\/h2\u003e\n\u003cp class=\"hero-description\"\u003e\n 머리를 감는 동안뿐만 아니라 지속적인 보호가 필요합니다.보바나 크림을 손에 바르세요 \u003cstrong\u003e지속적인 보호와 영양 공급\u003c\/strong\u003e 강력한 천연 포뮬러로 하루 종일.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"검은 마늘 오일이 함유된 보바나 크림\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-leave-in-cream-brwith-black-garlic-993266.webp?v=1752506740\"\/\u003e\n\u003cp class=\"intro-text\"\u003e\n\u003cstrong\u003e단순한 크림이 아닌.. 모발을 위한 데일리 보호막입니다.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-container\"\u003e\n\u003ch2 class=\"section-title\"\u003e포괄적인 보호를 위한 지속적인 혜택\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e\n 약한 모발 강화\n \u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e흑마늘 오일은 모발 뿌리부터 영양을 공급하고 약한 모발을 강화시킵니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e\n 자연스러운 컬 정의\n \u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e명확하고 자연스러운 정의로 곱슬거림을 완벽하게 제어합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e\n 파손으로부터 보호\n \u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e로즈마리 추출물이 일상의 손상과 끊어짐으로부터 모발을 보호합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e\n 부드러움과 자연스러운 윤기\n \u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e스위트아몬드오일과 비타민E가 실크같은 부드러움과 건강한 윤기를 선사합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e\n 무겁지 않게 촉촉하게\n \u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e끈적임 없이 빠르게 흡수되어 깊은 보습을 선사하는 가벼운 포뮬러\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e최적의 케어를 위한 천연성분\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-layout\"\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e흑마늘 오일\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e머리카락의 자연스러운 힘\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e혈액 순환을 자극합니다\u003c\/strong\u003e 두피에\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e모낭을 강화합니다\u003c\/strong\u003e 흘러내림을 방지해줍니다\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e유황이 풍부\u003c\/strong\u003e 모발 구조 강화\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e곰팡이 퇴치\u003c\/strong\u003e 두피건강을 지켜줍니다\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e로즈마리 추출물\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e고급 자연 보호\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e모발 성장을 촉진합니다.\u003c\/strong\u003e 모낭을 활성화함으로써\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e손상으로부터 보호합니다\u003c\/strong\u003e 그리고 외부 요인\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e항산화제\u003c\/strong\u003e 자유 라디칼과 싸웁니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e머리카락을 강화한다\u003c\/strong\u003e 파손을 방지해줍니다\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e스위트 아몬드 오일\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e깊은 수분 공급 및 보호\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e모발에 수분을 공급합니다\u003c\/strong\u003e 무겁지 않게 깊게\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e열로부터 보호합니다\u003c\/strong\u003e 그리고 스타일링\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e자연스러운 부드러움을 선사합니다\u003c\/strong\u003e 그리고 건강하게 빛나는\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e두피를 진정시킵니다.\u003c\/strong\u003e 짜증나다\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e비오틴과 비타민E\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e종합적인 모발 영양\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e비오틴은 모발 구조를 강화시킵니다.\u003c\/strong\u003e 파손을 방지해줍니다\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e비타민 E는 손상으로부터 보호합니다\u003c\/strong\u003e 세포를 재생시킨다\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e모발 탄력 개선\u003c\/strong\u003e 그리고 파손에 대한 저항력\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e모발에 영양을 공급\u003c\/strong\u003e 내부에서 외부로\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e피마자유\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e자연적인 응축과 발아\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e모발 성장을 촉진합니다.\u003c\/strong\u003e 밝은 지역\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e모발 밀도 증가\u003c\/strong\u003e 가상\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e눈썹과 속눈썹에 영양을 공급\u003c\/strong\u003e 또한\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e팔다리를 강화한다\u003c\/strong\u003e 파손을 방지해줍니다\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Natural Ingredients\" class=\"ingredients-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-br-shampoo-br-with-black-garlic-oil-961158_83b4e26d-57c9-4ae7-bf19-ebccd79005a5.webp?v=1752506070\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Safety Section --\u003e\n\u003cdiv class=\"safety-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e100% 천연 안전한 포뮬라\u003c\/h2\u003e\n\u003cdiv class=\"safety-grid\"\u003e\n\u003cdiv class=\"safety-card positive\"\u003e\n\u003ch3 class=\"safety-title\"\u003e포함된 내용\u003c\/h3\u003e\n\u003cdiv class=\"safety-item\"\u003e\n\u003cstrong\u003e영양을 공급하는 천연 오일\u003c\/strong\u003e 만\u003c\/div\u003e\n\u003cdiv class=\"safety-item\"\u003e\n\u003cstrong\u003e식물 추출물\u003c\/strong\u003e 보호되고 안전함\u003c\/div\u003e\n\u003cdiv class=\"safety-item\"\u003e\n\u003cstrong\u003e천연비타민\u003c\/strong\u003e 깊은 영양을 위해\u003c\/div\u003e\n\u003cdiv class=\"safety-item\"\u003e\n\u003cstrong\u003e가벼운 포뮬라\u003c\/strong\u003e 빠르게 흡수\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"safety-card negative\"\u003e\n\u003ch3 class=\"safety-title\"\u003e포함되지 않은 것\u003c\/h3\u003e\n\u003cdiv class=\"safety-item\"\u003e\n\u003cstrong\u003e황산염 0%\u003c\/strong\u003e - 머리를 말리지 않는다\u003c\/div\u003e\n\u003cdiv class=\"safety-item\"\u003e\n\u003cstrong\u003e파라벤 0%\u003c\/strong\u003e - 유해한 방부제가 없습니다.\u003c\/div\u003e\n\u003cdiv class=\"safety-item\"\u003e\n\u003cstrong\u003e실리콘 0%\u003c\/strong\u003e - 모공을 막거나 쌓이지 않습니다.\u003c\/div\u003e\n\u003cdiv class=\"safety-item\"\u003e\n\u003cstrong\u003e가혹한 화학물질 없이\u003c\/strong\u003e - 매일 사용해도 안전함\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Suitability Section --\u003e\n\u003cdiv class=\"suitability-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e특정 모발 유형에 적합\u003c\/h2\u003e\n\u003cdiv class=\"suitability-grid\"\u003e\n\u003cdiv class=\"suitability-card\"\u003e\n\u003ch3 class=\"suitability-title\"\u003e머리만 좋으면 완벽해\u003c\/h3\u003e\n\u003cdiv class=\"suitability-item\"\u003e\n\u003cstrong\u003e약하고 부서진\u003c\/strong\u003e 지속적인 강화가 필요합니다\u003c\/div\u003e\n\u003cdiv class=\"suitability-item\"\u003e\n\u003cstrong\u003e곱슬 또는 물결 모양\u003c\/strong\u003e 정의와 통제가 필요하다\u003c\/div\u003e\n\u003cdiv class=\"suitability-item\"\u003e\n\u003cstrong\u003e평균 다공성\u003c\/strong\u003e - 너무 건조하지도, 기름지지도 않음\u003c\/div\u003e\n\u003cdiv class=\"suitability-item\"\u003e\n\u003cstrong\u003e그는 설사를 앓고 있다\u003c\/strong\u003e 그리고 변동성\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"suitability-card\"\u003e\n\u003ch3 class=\"suitability-title\"\u003e또한 적합\u003c\/h3\u003e\n\u003cdiv class=\"suitability-item\"\u003e\n\u003cstrong\u003e염색한 머리카락\u003c\/strong\u003e 추가 보호를 위해\u003c\/div\u003e\n\u003cdiv class=\"suitability-item\"\u003e\n\u003cstrong\u003e화학적으로 처리된 모발\u003c\/strong\u003e 복원을 위해\u003c\/div\u003e\n\u003cdiv class=\"suitability-item\"\u003e\n\u003cstrong\u003e매일 사용\u003c\/strong\u003e 축적 없음\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Section --\u003e\n\u003cdiv class=\"value-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e데일리 케어를 위한 탁월한 가치\u003c\/h2\u003e\n\u003cdiv class=\"value-grid\"\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003ch4 class=\"value-title\"\u003e적당한 크기\u003c\/h4\u003e\n\u003cp class=\"value-description\"\u003e200ml면 2~3개월 정도 매일 사용 가능\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003ch4 class=\"value-title\"\u003e합리적인 가격\u003c\/h4\u003e\n\u003cp class=\"value-description\"\u003e지속적인 보호로 사용당 2파운드 미만\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003ch4 class=\"value-title\"\u003e즉각적인 결과\u003c\/h4\u003e\n\u003cp class=\"value-description\"\u003e첫 사용부터 모발의 질감과 부드러움이 즉각적으로 개선됩니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003ch4 class=\"value-title\"\u003e시간 절약\u003c\/h4\u003e\n\u003cp class=\"value-description\"\u003e보호와 스타일을 한 번에\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e사용하기 쉬운 방법\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 1.5rem;\"\u003e모발 보호를 위한 간단한 단계\u003c\/h3\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cspan class=\"step-number\"\u003e1\u003c\/span\u003e\n\u003cspan class=\"step-content\"\u003e\u003cstrong\u003e머리를 씻다\u003c\/strong\u003e 그에 맞는 샴푸로\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cspan class=\"step-number\"\u003e2\u003c\/span\u003e\n\u003cspan class=\"step-content\"\u003e\u003cstrong\u003e수건으로 머리를 말려주세요\u003c\/strong\u003e 젖지 않고 촉촉해질 때까지\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cspan class=\"step-number\"\u003e3\u003c\/span\u003e\n\u003cspan class=\"step-content\"\u003e\u003cstrong\u003e적당량을 바르세요\u003c\/strong\u003e 손바닥에 크림을 바르고\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cspan class=\"step-number\"\u003e4\u003c\/span\u003e\n\u003cspan class=\"step-content\"\u003e\u003cstrong\u003e중간부터 끝까지 배포\u003c\/strong\u003e 뿌리를 피하세요\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cspan class=\"step-number\"\u003e5\u003c\/span\u003e\n\u003cspan class=\"step-content\"\u003e\u003cstrong\u003e평소대로 머리스타일을\u003c\/strong\u003e -크림을 헹구지 마십시오.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Tips Section --\u003e\n\u003cdiv class=\"tips-section\"\u003e\n\u003ch3 class=\"tips-title\"\u003e최적의 사용을 위한 팁\u003c\/h3\u003e\n\u003cul class=\"tips-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e적은 금액으로 시작하세요\u003c\/strong\u003e 필요에 따라 증가\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e팔다리에 집중하세요\u003c\/strong\u003e 가장 큰 영향을 받음\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e매일 사용\u003c\/strong\u003e 지속적인 보호를 위해\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e두피를 피하세요\u003c\/strong\u003e 기름진 경우\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003e24시간 모발을 보호하세요\u003c\/h2\u003e\n\u003cimg alt=\"BOBANA Leave-in Cream Results\" class=\"cta-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-leave-in-cream-brwith-black-garlic-427791.webp?v=1752507011\"\/\u003e\n\u003cp class=\"cta-text\"\u003e\n 보바나 크림 - 매일 모발에 필요한 보호 기능을 제공합니다.100% 천연성분으로 지속적인 영양 공급과 효과적인 보호 효과를 선사합니다.\n \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003e더욱 강하고 아름다운 머릿결을 위해 정기적인 관리 루틴을 시작해보세요\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"ingredients-list-section\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003e전체 성분 목록\u003c\/h3\u003e\n\u003cp class=\"ingredients-list\"\u003e\n\u003cstrong\u003eBLACK GARLIC OIL, ROSEMARY EXTRACT, SWEET ALMOND OIL, VITAMIN E, BIOTIN, RICINUS COMMUNIS SEED OIL, TEA TREE EXTRACT, PANTHENOL, GLYCERIN\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-style: italic; color: #666; margin-top: 1rem;\"\u003e\n 보바나 크림 - 건강하고 튼튼한 모발을 위한 지속적인 자연 보호\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Enhanced hover effects for all interactive elements\n const interactiveElements = document.querySelectorAll('.benefit-item, .ingredient-card, .safety-card, .value-card, .usage-step, .suitability-card');\n \n interactiveElements.forEach(element =\u003e {\n element.addEventListener('mouseenter', function() {\n this.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n });\n });\n\n \/\/ Smooth parallax effect for background elements\n let ticking = false;\n \n function updateParallax() {\n const scrolled = window.pageYOffset;\n const backgrounds = document.querySelectorAll('.hero-section::before, .ingredients-section::before, .cta-section::before');\n \n \/\/ Smooth background movement\n backgrounds.forEach((bg, index) =\u003e {\n const speed = 0.02 + (index * 0.01);\n const yPos = -(scrolled * speed);\n if (bg.style) {\n bg.style.transform = `translateY(${yPos}px)`;\n }\n });\n \n ticking = false;\n }\n \n function requestTick() {\n if (!ticking) {\n requestAnimationFrame(updateParallax);\n ticking = true;\n }\n }\n \n \/\/ Optimized scroll listener\n let scrollTimeout;\n window.addEventListener('scroll', function() {\n if (scrollTimeout) {\n clearTimeout(scrollTimeout);\n }\n scrollTimeout = setTimeout(requestTick, 10);\n }, { passive: true });\n\n \/\/ Enhanced ingredient card interactions\n const ingredientCards = document.querySelectorAll('.ingredient-card');\n ingredientCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.background = 'rgba(255,255,255,0.2)';\n this.style.borderColor = 'rgba(156, 129, 2, 0.4)';\n \n const listItems = this.querySelectorAll('.ingredient-list li');\n listItems.forEach((item, i) =\u003e {\n setTimeout(() =\u003e {\n item.style.color = '#f0f0f0';\n item.style.paddingLeft = '2rem';\n }, i * 50);\n });\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.background = 'rgba(255,255,255,0.08)';\n this.style.borderColor = 'rgba(255,255,255,0.1)';\n \n const listItems = this.querySelectorAll('.ingredient-list li');\n listItems.forEach(item =\u003e {\n item.style.color = '#e0e0e0';\n item.style.paddingLeft = '1.5rem';\n });\n });\n });\n\n \/\/ Usage steps with enhanced interactions\n const usageSteps = document.querySelectorAll('.usage-step');\n usageSteps.forEach((step, index) =\u003e {\n step.addEventListener('mouseenter', function() {\n const stepNumber = this.querySelector('.step-number');\n if (stepNumber) {\n stepNumber.style.transform = 'scale(1.2) rotate(10deg)';\n stepNumber.style.background = 'linear-gradient(135deg, #b8941a, #9C8102)';\n }\n });\n \n step.addEventListener('mouseleave', function() {\n const stepNumber = this.querySelector('.step-number');\n if (stepNumber) {\n stepNumber.style.transform = 'scale(1) rotate(0deg)';\n stepNumber.style.background = 'linear-gradient(135deg, #9C8102, #b8941a)';\n }\n });\n });\n\n \/\/ Dynamic text glow effects\n const titles = document.querySelectorAll('.hero-title, .section-title, .cta-title');\n titles.forEach(title =\u003e {\n title.addEventListener('mouseenter', function() {\n this.style.textShadow = '0 0 15px rgba(156, 129, 2, 0.3)';\n this.style.transform = 'scale(1.02)';\n });\n \n title.addEventListener('mouseleave', function() {\n this.style.textShadow = 'none';\n this.style.transform = 'scale(1)';\n });\n });\n\n \/\/ Progressive enhancement for benefit items\n const benefitItems = document.querySelectorAll('.benefit-item');\n benefitItems.forEach(item =\u003e {\n item.addEventListener('mouseenter', function() {\n const icon = this.querySelector('.benefit-icon');\n if (icon) {\n icon.style.background = 'linear-gradient(135deg, #b8941a, #9C8102)';\n icon.style.boxShadow = '0 0 15px rgba(156, 129, 2, 0.4)';\n }\n });\n \n item.addEventListener('mouseleave', function() {\n const icon = this.querySelector('.benefit-icon');\n if (icon) {\n icon.style.background = '#9C8102';\n icon.style.boxShadow = 'none';\n }\n });\n });\n\n \/\/ Value cards enhanced interactions\n const valueCards = document.querySelectorAll('.value-card');\n valueCards.forEach((card, index) =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.borderTopColor = '#b8941a';\n this.style.borderTopWidth = '6px';\n \n const title = this.querySelector('.value-title');\n if (title) {\n title.style.color = '#b8941a';\n title.style.transform = 'scale(1.05)';\n }\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.borderTopColor = '#9C8102';\n this.style.borderTopWidth = '4px';\n \n const title = this.querySelector('.value-title');\n if (title) {\n title.style.color = '#9C8102';\n title.style.transform = 'scale(1)';\n }\n });\n });\n\n \/\/ Safety cards enhanced interactions\n const safetyCards = document.querySelectorAll('.safety-card');\n safetyCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n const items = this.querySelectorAll('.safety-item');\n items.forEach((item, i) =\u003e {\n setTimeout(() =\u003e {\n item.style.paddingLeft = '2.5rem';\n item.style.color = '#333';\n }, i * 100);\n });\n });\n \n card.addEventListener('mouseleave', function() {\n const items = this.querySelectorAll('.safety-item');\n items.forEach(item =\u003e {\n item.style.paddingLeft = '2rem';\n item.style.color = '#555';\n });\n });\n });\n\n \/\/ Tips section interaction\n const tipsSection = document.querySelector('.tips-section');\n if (tipsSection) {\n tipsSection.addEventListener('mouseenter', function() {\n this.style.borderLeftColor = '#b8941a';\n this.style.borderLeftWidth = '6px';\n this.style.background = 'white';\n this.style.boxShadow = '0 8px 25px rgba(156, 129, 2, 0.1)';\n });\n \n tipsSection.addEventListener('mouseleave', function() {\n this.style.borderLeftColor = '#9C8102';\n this.style.borderLeftWidth = '4px';\n this.style.background = '#f8f9fa';\n this.style.boxShadow = 'none';\n });\n }\n\n \/\/ Smooth image loading enhancement\n const images = document.querySelectorAll('img');\n images.forEach(img =\u003e {\n img.addEventListener('load', function() {\n this.style.opacity = '1';\n this.style.transform = 'scale(1)';\n });\n });\n\n \/\/ Suitability cards interaction\n const suitabilityCards = document.querySelectorAll('.suitability-card');\n suitabilityCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.borderLeftColor = '#b8941a';\n this.style.borderLeftWidth = '6px';\n \n const items = this.querySelectorAll('.suitability-item');\n items.forEach((item, i) =\u003e {\n setTimeout(() =\u003e {\n item.style.color = '#9C8102';\n item.style.paddingLeft = '2rem';\n }, i * 80);\n });\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.borderLeftColor = '#9C8102';\n this.style.borderLeftWidth = '4px';\n \n const items = this.querySelectorAll('.suitability-item');\n items.forEach(item =\u003e {\n item.style.color = '#555';\n item.style.paddingLeft = '1.5rem';\n });\n });\n });\n\n \/\/ Performance optimization: debounced resize handler\n let resizeTimeout;\n window.addEventListener('resize', function() {\n if (resizeTimeout) {\n clearTimeout(resizeTimeout);\n }\n resizeTimeout = setTimeout(() =\u003e {\n \/\/ Recalculate any size-dependent animations\n const cards = document.querySelectorAll('.benefit-item, .ingredient-card, .safety-card, .value-card');\n cards.forEach(card =\u003e {\n card.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n });\n }, 250);\n });\n});\n\u003c\/script\u003e","brand":"Bobana","offers":[{"title":"Default Title","offer_id":44901799264453,"sku":null,"price":150.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-leave-in-cream-brwith-black-garlic-174707.webp?v=1752506628"},{"product_id":"bobana-conditioner-with-black-garlic-oil","title":"Bobana Anti-Hairloss Conditioner with Black Garlic Oil 400 ml","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .bobana-conditioner-container {\n line-height: 1.6;\n color: #333;\n background: #ffffff;\n overflow: hidden;\n direction: ltr;\n text-align: left;\n }\n \n .hero-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 3rem 1.5rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n \n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 50% 60%, rgba(156, 129, 2, 0.15) 0%, transparent 60%);\n animation: heroGlow 5s ease-in-out infinite alternate;\n }\n \n .hero-title {\n font-size: 2.2rem;\n font-weight: 700;\n margin-bottom: 1rem;\n color: #9C8102;\n position: relative;\n z-index: 2;\n opacity: 0;\n transform: translateY(30px);\n animation: slideInFade 1s ease-out 0.2s forwards;\n }\n \n .hero-subtitle {\n font-size: 1.2rem;\n margin-bottom: 2rem;\n color: #9C8102;\n font-weight: 600;\n position: relative;\n z-index: 2;\n opacity: 0;\n animation: slideInFade 1s ease-out 0.4s forwards;\n }\n \n .product-showcase {\n padding: 2rem 1.5rem;\n background: #fafafa;\n }\n \n .showcase-layout {\n display: grid;\n grid-template-columns: 1fr 300px;\n gap: 3rem;\n align-items: center;\n margin-top: 2rem;\n }\n \n .showcase-content {\n opacity: 0;\n animation: slideInFade 0.8s ease-out 0.3s forwards;\n }\n \n .showcase-title {\n font-size: 1.8rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 1.5rem;\n }\n \n .showcase-text {\n font-size: 1rem;\n line-height: 1.7;\n color: #555;\n margin-bottom: 1rem;\n }\n \n .showcase-highlight {\n font-size: 1.1rem;\n font-weight: 600;\n color: #9C8102;\n margin-top: 1.5rem;\n }\n \n .product-image {\n width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 40px rgba(156, 129, 2, 0.2);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n opacity: 0;\n transform: scale(0.9);\n animation: imageZoom 1s ease-out 0.8s forwards;\n }\n \n .product-image:hover {\n transform: scale(1.05);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.3);\n }\n \n .section {\n padding: 3rem 1.5rem;\n margin: 1rem 0;\n }\n \n .section-title {\n font-size: 1.8rem;\n font-weight: 700;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2.5rem;\n position: relative;\n opacity: 0;\n animation: titleSlide 0.8s ease-out 0.2s forwards;\n }\n \n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 70px;\n height: 3px;\n background: linear-gradient(90deg, #9C8102, #b8941a);\n border-radius: 2px;\n animation: lineExpand 0.8s ease-out 0.8s forwards;\n transform: translateX(-50%) scaleX(0);\n }\n \n .benefits-section {\n background: white;\n padding: 3rem 1.5rem;\n }\n \n .benefits-layout {\n display: grid;\n grid-template-columns: 320px 1fr;\n gap: 3rem;\n align-items: start;\n margin-top: 2rem;\n }\n \n .benefits-image {\n width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n transition: transform 0.4s ease;\n opacity: 0;\n animation: slideInRight 1s ease-out 0.4s forwards;\n }\n \n .benefits-image:hover {\n transform: scale(1.03) rotate(-1deg);\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.5rem;\n }\n \n .benefit-card {\n background: #f8f9fa;\n border-radius: 12px;\n padding: 1.8rem;\n border-right: 4px solid #9C8102;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n opacity: 0;\n transform: translateX(-30px);\n animation: slideInRight 0.6s ease-out forwards;\n position: relative;\n overflow: hidden;\n }\n \n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n \n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n transition: left 0.6s ease;\n }\n \n .benefit-card:hover::before {\n left: 100%;\n }\n \n .benefit-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(156, 129, 2, 0.15);\n background: white;\n }\n \n .icon-wrapper {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #9C8102, #b8941a);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1rem;\n transition: transform 0.3s ease;\n }\n \n .benefit-card:hover .icon-wrapper {\n transform: scale(1.1) rotate(10deg);\n }\n \n .benefit-title {\n font-size: 1.1rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 0.8rem;\n }\n \n .benefit-description {\n color: #666;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n \n .ingredients-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 3rem 1.5rem;\n position: relative;\n }\n \n .ingredients-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ingredientsGlow 4s ease-in-out infinite alternate;\n }\n \n .ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin-top: 2rem;\n position: relative;\n z-index: 2;\n }\n \n .ingredient-card {\n background: rgba(255,255,255,0.08);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n transition: all 0.4s ease;\n opacity: 0;\n transform: translateY(30px);\n animation: cardRise 0.8s ease-out forwards;\n position: relative;\n overflow: hidden;\n }\n \n .ingredient-card:nth-child(1) { animation-delay: 0.1s; }\n .ingredient-card:nth-child(2) { animation-delay: 0.2s; }\n .ingredient-card:nth-child(3) { animation-delay: 0.3s; }\n .ingredient-card:nth-child(4) { animation-delay: 0.4s; }\n .ingredient-card:nth-child(5) { animation-delay: 0.5s; }\n \n .ingredient-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, #9C8102, #b8941a);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n \n .ingredient-card:hover::before {\n transform: scaleX(1);\n }\n \n .ingredient-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n border-color: rgba(156, 129, 2, 0.3);\n }\n \n .ingredient-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 0.5rem;\n }\n \n .ingredient-subtitle {\n font-size: 0.9rem;\n color: #ccc;\n margin-bottom: 1.5rem;\n font-weight: 500;\n }\n \n .ingredient-list {\n list-style: none;\n padding: 0;\n }\n \n .ingredient-list li {\n padding: 0.7rem 0;\n border-bottom: 1px solid rgba(255,255,255,0.1);\n position: relative;\n padding-right: 1.5rem;\n color: #e0e0e0;\n transition: all 0.3s ease;\n }\n \n .ingredient-list li:hover {\n color: #9C8102;\n padding-right: 2rem;\n }\n \n .ingredient-list li::before {\n content: '';\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 6px;\n height: 6px;\n background: #9C8102;\n border-radius: 50%;\n transition: all 0.3s ease;\n }\n \n .ingredient-list li:hover::before {\n transform: translateY(-50%) scale(1.5);\n box-shadow: 0 0 10px rgba(156, 129, 2, 0.5);\n }\n \n .safety-section {\n background: #f8f9fa;\n padding: 3rem 1.5rem;\n }\n \n .safety-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n margin-top: 2rem;\n }\n \n .safety-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s ease;\n opacity: 0;\n animation: cardSlide 0.8s ease-out forwards;\n position: relative;\n overflow: hidden;\n }\n \n .safety-card.positive {\n border-top: 4px solid #9C8102;\n animation-delay: 0.1s;\n }\n \n .safety-card.negative {\n border-top: 4px solid #28a745;\n animation-delay: 0.3s;\n }\n \n .safety-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n transition: left 0.8s ease;\n }\n \n .safety-card:hover::before {\n left: 100%;\n }\n \n .safety-card:hover {\n transform: translateY(-5px) scale(1.01);\n box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n }\n \n .safety-title {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n color: #9C8102;\n }\n \n .safety-card.negative .safety-title {\n color: #28a745;\n }\n \n .safety-list {\n list-style: none;\n padding: 0;\n }\n \n .safety-list li {\n padding: 0.8rem 0;\n border-bottom: 1px solid #eee;\n color: #555;\n position: relative;\n padding-right: 2rem;\n line-height: 1.5;\n transition: all 0.3s ease;\n }\n \n .safety-list li:hover {\n color: #9C8102;\n padding-right: 2.5rem;\n }\n \n .safety-list li::before {\n content: '✓';\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n color: #9C8102;\n font-weight: bold;\n transition: transform 0.3s ease;\n }\n \n .safety-card.negative .safety-list li::before {\n content: '✗';\n color: #28a745;\n }\n \n .safety-list li:hover::before {\n transform: translateY(-50%) scale(1.2);\n }\n \n .usage-section {\n background: white;\n padding: 3rem 1.5rem;\n border: 2px solid #9C8102;\n margin: 2rem 1.5rem;\n border-radius: 15px;\n }\n \n .usage-steps {\n margin-top: 2rem;\n }\n \n .step-list {\n list-style: none;\n padding: 0;\n margin: 2rem 0;\n }\n \n .step-list li {\n background: #f8f9fa;\n border-radius: 12px;\n padding: 1.5rem;\n margin: 1rem 0;\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateX(-20px);\n animation: stepSlide 0.6s ease-out forwards;\n position: relative;\n overflow: hidden;\n display: flex;\n align-items: center;\n }\n \n .step-list li:nth-child(1) { animation-delay: 0.1s; }\n .step-list li:nth-child(2) { animation-delay: 0.2s; }\n .step-list li:nth-child(3) { animation-delay: 0.3s; }\n .step-list li:nth-child(4) { animation-delay: 0.4s; }\n .step-list li:nth-child(5) { animation-delay: 0.5s; }\n .step-list li:nth-child(6) { animation-delay: 0.6s; }\n \n .step-list li::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.1), transparent);\n transition: left 0.6s ease;\n }\n \n .step-list li:hover::before {\n left: 100%;\n }\n \n .step-list li:hover {\n transform: translateX(5px);\n background: white;\n box-shadow: 0 8px 25px rgba(156, 129, 2, 0.15);\n }\n \n .step-number {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 30px;\n height: 30px;\n background: linear-gradient(135deg, #9C8102, #b8941a);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-left: 1rem;\n font-size: 0.9rem;\n transition: transform 0.3s ease;\n flex-shrink: 0;\n }\n \n .step-list li:hover .step-number {\n transform: scale(1.2) rotate(10deg);\n }\n \n .step-content {\n flex: 1;\n color: #555;\n line-height: 1.6;\n }\n \n .tips-section {\n background: #f8f9fa;\n padding: 2rem 1.5rem;\n margin: 2rem 1.5rem;\n border-radius: 15px;\n border-right: 4px solid #9C8102;\n }\n \n .tips-title {\n font-size: 1.2rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n \n .tips-list {\n list-style: none;\n padding: 0;\n }\n \n .tips-list li {\n padding: 0.6rem 0;\n color: #555;\n position: relative;\n padding-right: 1.5rem;\n transition: all 0.3s ease;\n }\n \n .tips-list li:hover {\n color: #9C8102;\n padding-right: 2rem;\n }\n \n .tips-list li::before {\n content: '';\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 6px;\n height: 6px;\n background: #9C8102;\n border-radius: 50%;\n transition: all 0.3s ease;\n }\n \n .tips-list li:hover::before {\n transform: translateY(-50%) scale(1.5);\n }\n \n .ingredients-list-section {\n background: white;\n padding: 2rem 1.5rem;\n border-top: 1px solid #eee;\n }\n \n .ingredients-list-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n text-align: center;\n }\n \n .ingredients-list {\n text-align: center;\n font-size: 0.9rem;\n color: #666;\n line-height: 1.6;\n max-width: 800px;\n margin: 0 auto;\n }\n \n @keyframes slideInFade {\n 0% { opacity: 0; transform: translateY(30px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes imageZoom {\n 0% { opacity: 0; transform: scale(0.9); }\n 100% { opacity: 1; transform: scale(1); }\n }\n \n @keyframes titleSlide {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes lineExpand {\n 0% { transform: translateX(-50%) scaleX(0); }\n 100% { transform: translateX(-50%) scaleX(1); }\n }\n \n @keyframes slideInRight {\n 0% { opacity: 0; transform: translateX(-30px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes cardRise {\n 0% { opacity: 0; transform: translateY(30px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes cardSlide {\n 0% { opacity: 0; transform: translateX(-20px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes stepSlide {\n 0% { opacity: 0; transform: translateX(-20px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes heroGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.2; }\n }\n \n @keyframes ingredientsGlow {\n 0% { opacity: 0.05; }\n 100% { opacity: 0.15; }\n }\n \n @media (max-width: 768px) {\n .hero-title {\n font-size: 1.8rem;\n }\n \n .showcase-layout,\n .benefits-layout {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n \n .benefits-image,\n .product-image {\n order: -1;\n max-width: 250px;\n margin: 0 auto;\n }\n \n .benefits-grid,\n .safety-grid {\n grid-template-columns: 1fr;\n }\n \n .ingredients-grid {\n grid-template-columns: 1fr;\n }\n \n .usage-section,\n .tips-section {\n margin: 2rem 0.5rem;\n }\n \n .step-list li {\n flex-direction: column;\n align-items: flex-start;\n text-align: left;\n }\n \n .step-number {\n margin: 0 0 1rem 0;\n align-self: center;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"bobana-conditioner-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003e흑마늘 오일이 함유된 보바나 컨디셔너\u003c\/h1\u003e\n\u003ch2 class=\"hero-subtitle\"\u003e약하고 얇은 모발에 깊은 보습과 강화 효과\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cdiv class=\"showcase-layout\"\u003e\n\u003cdiv class=\"showcase-content\"\u003e\n\u003ch2 class=\"showcase-title\"\u003e흑마늘 샴푸의 완벽한 파트너\u003c\/h2\u003e\n\u003cp class=\"showcase-text\"\u003e\n 흑마늘 샴푸로 딥클렌징 후, 모발에 꼭 필요한 상태 \u003cstrong\u003e강력한 수분 공급과 깊은 영양 공급\u003c\/strong\u003e.Bobana 밤은 작업을 완료하고 지속적인 보호로 치료를 고정시킵니다.\n \u003c\/p\u003e\n\u003cp class=\"showcase-highlight\"\u003e\n 단순한 컨디셔너가 아닌... 약한 모발을 위한 특화된 보습 트리트먼트입니다.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"흑마늘 오일이 함유된 보바나 컨디셔너\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-conditioner-with-black-garlic-oil-663356.webp?v=1752507280\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e더 강한 모발을 위한 깊은 혜택\u003c\/h2\u003e\n\u003cdiv class=\"benefits-layout\"\u003e\n\u003cimg alt=\"Benefits\" class=\"benefits-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-br-conditioner-with-br-black-garlic-oil-818687.webp?v=1752507298\"\/\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"icon-wrapper\"\u003e\n\u003csvg fill=\"none\" height=\"24\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e강렬하고 깊은 수분 공급\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e풍부한 포뮬러로 모발 속 깊숙이 침투하여 속부터 촉촉하게 가꾸어 줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"icon-wrapper\"\u003e\n\u003csvg fill=\"none\" height=\"24\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpolygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\u003e\u003c\/polygon\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e모낭과 가닥 강화\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e흑마늘 오일은 모발 뿌리부터 강화시켜 모발의 굵기와 밀도를 높여줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"icon-wrapper\"\u003e\n\u003csvg fill=\"none\" height=\"24\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e흘러내림 및 파손 방지\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e일상의 손상으로부터 모발을 보호하고 탈모율을 대폭 감소시킵니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"icon-wrapper\"\u003e\n\u003csvg fill=\"none\" height=\"24\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e자연스러운 부드러움과 흐름\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\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=\"ingredients-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e뛰어난 강도를 위한 천연 성분\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e흑마늘 오일\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e최초의 천연 강장제\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e혈액 순환을 자극합니다\u003c\/strong\u003e 두피에\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e모낭에 영양을 공급합니다\u003c\/strong\u003e 모발을 뿌리부터 튼튼하게 만들어줍니다\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e천연 항진균제\u003c\/strong\u003e 두피 건강 유지\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e유황이 풍부\u003c\/strong\u003e 모발 단백질 생성에 필수\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e피마자유\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e밀도와 성장을 위해\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e모발 성장을 촉진합니다.\u003c\/strong\u003e 겉보기 밀도가 증가합니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e깊게 보습\u003c\/strong\u003e 기름진 느낌을 남기지 않고\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e팔다리를 강화한다\u003c\/strong\u003e 파손을 방지해줍니다\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e질감을 부드럽게 합니다.\u003c\/strong\u003e 모발의 흐름을 개선해줍니다\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e로즈마리 추출물\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e자연보호자\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e혈액 순환을 자극합니다\u003c\/strong\u003e 더 나은 성장을 위해\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e항산화제\u003c\/strong\u003e 손상으로부터 보호합니다\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e모발 구조 강화\u003c\/strong\u003e 파손을 방지해줍니다\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e모낭을 활성화합니다\u003c\/strong\u003e 비활성\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e비오틴(비타민 B7)\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e필수 헤어 비타민\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e모발 구조 강화\u003c\/strong\u003e 인테리어\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e모발 탄력 개선\u003c\/strong\u003e 그리고 파손에 대한 저항력\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e케라틴 형성에 도움\u003c\/strong\u003e 자연적인\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e건강한 모발 성장을 촉진합니다.\u003c\/strong\u003e 그리고 강하다\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e글리세린\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e일정한 습도\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e수분을 끌어당긴다\u003c\/strong\u003e 공기부터 머리카락까지\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e수분 유지\u003c\/strong\u003e 장기간\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e모발 건조 방지\u003c\/strong\u003e 그리고 변동성\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e안전하고 자연스러운\u003c\/strong\u003e 매일 사용하기 위해\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Safety Section --\u003e\n\u003cdiv class=\"safety-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e안전하고 깨끗한 포뮬라\u003c\/h2\u003e\n\u003cdiv class=\"safety-grid\"\u003e\n\u003cdiv class=\"safety-card positive\"\u003e\n\u003ch3 class=\"safety-title\"\u003e포함된 내용\u003c\/h3\u003e\n\u003cul class=\"safety-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e영양을 공급하는 천연 오일\u003c\/strong\u003e 고품질\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e식물 추출물\u003c\/strong\u003e 안전하고 검증된\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e필수 비타민\u003c\/strong\u003e 모발 건강을 위해\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e천연 보습제\u003c\/strong\u003e 무해한\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"safety-card negative\"\u003e\n\u003ch3 class=\"safety-title\"\u003e포함되지 않은 것\u003c\/h3\u003e\n\u003cul class=\"safety-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e황산염 0%\u003c\/strong\u003e - 모발의 천연 오일을 벗겨내지 않습니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e파라벤 0%\u003c\/strong\u003e - 유해한 방부제가 없습니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e실리콘 0%\u003c\/strong\u003e - 모공이 쌓이거나 막히지 않습니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e가혹한 화학물질 없이\u003c\/strong\u003e - 정기적으로 사용해도 안전함\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e올바른 사용법\u003c\/h2\u003e\n\u003ch3 class=\"tips-title\"\u003e최상의 결과를 얻기 위한 단계\u003c\/h3\u003e\n\u003col class=\"step-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"step-number\"\u003e1\u003c\/span\u003e\n\u003cspan class=\"step-content\"\u003e\u003cstrong\u003e머리를 씻다\u003c\/strong\u003e 보바나 흑마늘 샴푸에요.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"step-number\"\u003e2\u003c\/span\u003e\n\u003cspan class=\"step-content\"\u003e\u003cstrong\u003e여분의 물을 짜내십시오.\u003c\/strong\u003e 머리카락부터 부드럽게.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"step-number\"\u003e3\u003c\/span\u003e\n\u003cspan class=\"step-content\"\u003e\u003cstrong\u003e적당량을 바르세요\u003c\/strong\u003e 머리카락에 컨디셔너.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"step-number\"\u003e4\u003c\/span\u003e\n\u003cspan class=\"step-content\"\u003e\u003cstrong\u003e중간부터 끝까지 배포\u003c\/strong\u003e 뿌리를 피하십시오.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"step-number\"\u003e5\u003c\/span\u003e\n\u003cspan class=\"step-content\"\u003e\u003cstrong\u003e3~5분 정도 놔두세요\u003c\/strong\u003e 머리카락 속으로 침투합니다.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"step-number\"\u003e6\u003c\/span\u003e\n\u003cspan class=\"step-content\"\u003e\u003cstrong\u003e잘 헹구세요\u003c\/strong\u003e 찬물이나 미지근한 물로.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c!-- Tips Section --\u003e\n\u003cdiv class=\"tips-section\"\u003e\n\u003ch3 class=\"tips-title\"\u003e중요한 팁\u003c\/h3\u003e\n\u003cul class=\"tips-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e두피를 피하세요\u003c\/strong\u003e 기름진 경우.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e차가운 물을 사용하세요\u003c\/strong\u003e 마지막 헹굼용입니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e머리카락을 문지르지 마세요.\u003c\/strong\u003e 건조할 때.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e보완 샴푸와 함께 사용\u003c\/strong\u003e 최상의 결과를 얻으려면.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"ingredients-list-section\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003e전체 성분 목록\u003c\/h3\u003e\n\u003cp class=\"ingredients-list\"\u003e\n\u003cstrong\u003eBLACK GARLIC OIL, CASTOR OIL, ROSEMARY EXTRACT, BIOTIN, GLYCERIN, AQUA\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Enhanced hover effects for all interactive elements\n const interactiveElements = document.querySelectorAll('.benefit-card, .ingredient-card, .safety-card, .step-list li, .tips-section');\n \n interactiveElements.forEach(element =\u003e {\n element.addEventListener('mouseenter', function() {\n this.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n });\n });\n\n \/\/ Smooth parallax effect for background elements\n let ticking = false;\n \n function updateParallax() {\n const scrolled = window.pageYOffset;\n const backgrounds = document.querySelectorAll('.hero-section::before, .ingredients-section::before');\n \n \/\/ Smooth background movement\n backgrounds.forEach((bg, index) =\u003e {\n const speed = 0.02 + (index * 0.01);\n const yPos = -(scrolled * speed);\n if (bg.style) {\n bg.style.transform = `translateY(${yPos}px)`;\n }\n });\n \n ticking = false;\n }\n \n function requestTick() {\n if (!ticking) {\n requestAnimationFrame(updateParallax);\n ticking = true;\n }\n }\n \n \/\/ Optimized scroll listener\n let scrollTimeout;\n window.addEventListener('scroll', function() {\n if (scrollTimeout) {\n clearTimeout(scrollTimeout);\n }\n scrollTimeout = setTimeout(requestTick, 10);\n }, { passive: true });\n\n \/\/ Enhanced ingredient card interactions\n const ingredientCards = document.querySelectorAll('.ingredient-card');\n ingredientCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.background = 'rgba(255,255,255,0.2)';\n this.style.borderColor = 'rgba(156, 129, 2, 0.4)';\n \n const listItems = this.querySelectorAll('.ingredient-list li');\n listItems.forEach((item, i) =\u003e {\n setTimeout(() =\u003e {\n item.style.color = '#f0f0f0';\n item.style.paddingRight = '2rem';\n }, i * 50);\n });\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.background = 'rgba(255,255,255,0.08)';\n this.style.borderColor = 'rgba(255,255,255,0.1)';\n \n const listItems = this.querySelectorAll('.ingredient-list li');\n listItems.forEach(item =\u003e {\n item.style.color = '#e0e0e0';\n item.style.paddingRight = '1.5rem';\n });\n });\n });\n\n \/\/ Usage steps with enhanced interactions\n const usageSteps = document.querySelectorAll('.step-list li');\n usageSteps.forEach((step, index) =\u003e {\n step.addEventListener('mouseenter', function() {\n const stepNumber = this.querySelector('.step-number');\n if (stepNumber) {\n stepNumber.style.transform = 'scale(1.2) rotate(10deg)';\n stepNumber.style.background = 'linear-gradient(135deg, #b8941a, #9C8102)';\n }\n });\n \n step.addEventListener('mouseleave', function() {\n const stepNumber = this.querySelector('.step-number');\n if (stepNumber) {\n stepNumber.style.transform = 'scale(1) rotate(0deg)';\n stepNumber.style.background = 'linear-gradient(135deg, #9C8102, #b8941a)';\n }\n });\n });\n\n \/\/ Dynamic text glow effects\n const titles = document.querySelectorAll('.hero-title, .section-title, .showcase-title');\n titles.forEach(title =\u003e {\n title.addEventListener('mouseenter', function() {\n this.style.textShadow = '0 0 15px rgba(156, 129, 2, 0.3)';\n this.style.transform = 'scale(1.02)';\n });\n \n title.addEventListener('mouseleave', function() {\n this.style.textShadow = 'none';\n this.style.transform = 'scale(1)';\n });\n });\n\n \/\/ Benefit cards with icon animations\n const benefitCards = document.querySelectorAll('.benefit-card');\n benefitCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n const iconWrapper = this.querySelector('.icon-wrapper');\n if (iconWrapper) {\n iconWrapper.style.background = 'linear-gradient(135deg, #b8941a, #9C8102)';\n iconWrapper.style.boxShadow = '0 0 20px rgba(156, 129, 2, 0.4)';\n }\n });\n \n card.addEventListener('mouseleave', function() {\n const iconWrapper = this.querySelector('.icon-wrapper');\n if (iconWrapper) {\n iconWrapper.style.background = 'linear-gradient(135deg, #9C8102, #b8941a)';\n iconWrapper.style.boxShadow = 'none';\n }\n });\n });\n\n \/\/ Safety cards enhanced interactions\n const safetyCards = document.querySelectorAll('.safety-card');\n safetyCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n const items = this.querySelectorAll('.safety-list li');\n items.forEach((item, i) =\u003e {\n setTimeout(() =\u003e {\n item.style.paddingRight = '2.5rem';\n item.style.color = '#333';\n }, i * 100);\n });\n });\n \n card.addEventListener('mouseleave', function() {\n const items = this.querySelectorAll('.safety-list li');\n items.forEach(item =\u003e {\n item.style.paddingRight = '2rem';\n item.style.color = '#555';\n });\n });\n });\n\n \/\/ Tips section interaction\n const tipsSection = document.querySelector('.tips-section');\n if (tipsSection) {\n tipsSection.addEventListener('mouseenter', function() {\n this.style.borderRightColor = '#b8941a';\n this.style.borderRightWidth = '6px';\n this.style.background = 'white';\n this.style.boxShadow = '0 8px 25px rgba(156, 129, 2, 0.1)';\n });\n \n tipsSection.addEventListener('mouseleave', function() {\n this.style.borderRightColor = '#9C8102';\n this.style.borderRightWidth = '4px';\n this.style.background = '#f8f9fa';\n this.style.boxShadow = 'none';\n });\n }\n\n \/\/ Showcase content interaction\n const showcaseContent = document.querySelector('.showcase-content');\n if (showcaseContent) {\n showcaseContent.addEventListener('mouseenter', function() {\n const highlight = this.querySelector('.showcase-highlight');\n if (highlight) {\n highlight.style.color = '#b8941a';\n highlight.style.transform = 'scale(1.02)';\n }\n });\n \n showcaseContent.addEventListener('mouseleave', function() {\n const highlight = this.querySelector('.showcase-highlight');\n if (highlight) {\n highlight.style.color = '#9C8102';\n highlight.style.transform = 'scale(1)';\n }\n });\n }\n\n \/\/ Smooth image loading enhancement\n const images = document.querySelectorAll('img');\n images.forEach(img =\u003e {\n img.addEventListener('load', function() {\n this.style.opacity = '1';\n this.style.transform = 'scale(1)';\n });\n });\n\n \/\/ Enhanced tips list interaction\n const tipsLists = document.querySelectorAll('.tips-list');\n tipsLists.forEach(list =\u003e {\n const items = list.querySelectorAll('li');\n items.forEach(item =\u003e {\n item.addEventListener('mouseenter', function() {\n this.style.backgroundColor = 'rgba(156, 129, 2, 0.05)';\n this.style.borderRadius = '5px';\n });\n \n item.addEventListener('mouseleave', function() {\n this.style.backgroundColor = 'transparent';\n });\n });\n });\n\n \/\/ Performance optimization: debounced resize handler\n let resizeTimeout;\n window.addEventListener('resize', function() {\n if (resizeTimeout) {\n clearTimeout(resizeTimeout);\n }\n resizeTimeout = setTimeout(() =\u003e {\n \/\/ Recalculate any size-dependent animations\n const cards = document.querySelectorAll('.benefit-card, .ingredient-card, .safety-card');\n cards.forEach(card =\u003e {\n card.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n });\n }, 250);\n });\n});\n\u003c\/script\u003e","brand":"Bobana","offers":[{"title":"Default Title","offer_id":44901805293765,"sku":null,"price":160.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-conditioner-with-black-garlic-oil-625504.webp?v=1752507193"},{"product_id":"bobana-anti-hairloss-mask-with-black-garlic-oil-500-ml","title":"Bobana Anti-Hairloss Mask with Black Garlic Oil 500 ml","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .bobana-hair-mask-container {\n line-height: 1.6;\n color: #333;\n background: #ffffff;\n overflow: hidden;\n direction: ltr;\n text-align: left;\n }\n \n .hero-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 3rem 1.5rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n \n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 60% 40%, rgba(156, 129, 2, 0.15) 0%, transparent 60%);\n animation: heroGlow 5s ease-in-out infinite alternate;\n }\n \n .hero-title {\n font-size: 2.3rem;\n font-weight: 700;\n margin-bottom: 1rem;\n color: #9C8102;\n position: relative;\n z-index: 2;\n opacity: 0;\n transform: translateY(30px);\n animation: slideInFade 1s ease-out 0.2s forwards;\n }\n \n .hero-subtitle {\n font-size: 1.3rem;\n margin-bottom: 2rem;\n color: #9C8102;\n font-weight: 600;\n position: relative;\n z-index: 2;\n opacity: 0;\n animation: slideInFade 1s ease-out 0.4s forwards;\n }\n \n .product-showcase {\n padding: 2rem 1.5rem;\n text-align: center;\n background: #fafafa;\n }\n \n .product-image {\n max-width: 300px;\n width: 100%;\n height: auto;\n border-radius: 15px;\n margin: 0 auto 1.5rem;\n display: block;\n box-shadow: 0 15px 40px rgba(156, 129, 2, 0.2);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n opacity: 0;\n transform: scale(0.9);\n animation: imageZoom 1s ease-out 0.8s forwards;\n }\n \n .product-image:hover {\n transform: scale(1.05);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.3);\n }\n \n .intro-text {\n max-width: 800px;\n margin: 0 auto;\n font-size: 1rem;\n line-height: 1.7;\n color: #555;\n opacity: 0;\n animation: slideInFade 1s ease-out 1s forwards;\n }\n \n .section {\n padding: 3rem 1.5rem;\n margin: 1rem 0;\n }\n \n .section-title {\n font-size: 1.9rem;\n font-weight: 700;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2.5rem;\n position: relative;\n opacity: 0;\n animation: titleSlide 0.8s ease-out 0.2s forwards;\n }\n \n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 70px;\n height: 3px;\n background: linear-gradient(90deg, #9C8102, #b8941a);\n border-radius: 2px;\n animation: lineExpand 0.8s ease-out 0.8s forwards;\n transform: translateX(-50%) scaleX(0);\n }\n \n .benefits-container {\n background: white;\n padding: 3rem 1.5rem;\n }\n \n .benefits-layout {\n display: grid;\n grid-template-columns: 1fr 320px;\n gap: 3rem;\n align-items: start;\n margin-top: 2rem;\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n \n .benefit-item {\n background: #f8f9fa;\n border-radius: 12px;\n padding: 1.8rem;\n border-right: 4px solid #9C8102;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n opacity: 0;\n transform: translateX(-30px);\n animation: slideInRight 0.6s ease-out forwards;\n position: relative;\n overflow: hidden;\n }\n \n .benefit-item:nth-child(1) { animation-delay: 0.1s; }\n .benefit-item:nth-child(2) { animation-delay: 0.2s; }\n .benefit-item:nth-child(3) { animation-delay: 0.3s; }\n .benefit-item:nth-child(4) { animation-delay: 0.4s; }\n .benefit-item:nth-child(5) { animation-delay: 0.5s; }\n .benefit-item:nth-child(6) { animation-delay: 0.6s; }\n \n .benefit-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n transition: left 0.6s ease;\n }\n \n .benefit-item:hover::before {\n left: 100%;\n }\n \n .benefit-item:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(156, 129, 2, 0.15);\n background: white;\n }\n \n .benefit-title {\n font-size: 1.2rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 0.8rem;\n display: flex;\n align-items: center;\n }\n \n .benefit-icon {\n width: 8px;\n height: 8px;\n background: #9C8102;\n border-radius: 50%;\n margin-left: 10px;\n transition: transform 0.3s ease;\n }\n \n .benefit-item:hover .benefit-icon {\n transform: scale(1.5);\n }\n \n .benefit-description {\n color: #666;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n \n .benefits-image {\n width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n transition: transform 0.4s ease;\n opacity: 0;\n animation: slideInLeft 1s ease-out 0.4s forwards;\n }\n \n .benefits-image:hover {\n transform: scale(1.03) rotate(1deg);\n }\n \n .ingredients-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 3rem 1.5rem;\n position: relative;\n }\n \n .ingredients-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ingredientsGlow 4s ease-in-out infinite alternate;\n }\n \n .ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin-top: 2rem;\n position: relative;\n z-index: 2;\n }\n \n .ingredient-card {\n background: rgba(255,255,255,0.08);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n transition: all 0.4s ease;\n opacity: 0;\n transform: translateY(30px);\n animation: cardRise 0.8s ease-out forwards;\n position: relative;\n overflow: hidden;\n }\n \n .ingredient-card:nth-child(1) { animation-delay: 0.1s; }\n .ingredient-card:nth-child(2) { animation-delay: 0.2s; }\n .ingredient-card:nth-child(3) { animation-delay: 0.3s; }\n .ingredient-card:nth-child(4) { animation-delay: 0.4s; }\n .ingredient-card:nth-child(5) { animation-delay: 0.5s; }\n .ingredient-card:nth-child(6) { animation-delay: 0.6s; }\n .ingredient-card:nth-child(7) { animation-delay: 0.7s; }\n \n .ingredient-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, #9C8102, #b8941a);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n \n .ingredient-card:hover::before {\n transform: scaleX(1);\n }\n \n .ingredient-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n border-color: rgba(156, 129, 2, 0.3);\n }\n \n .ingredient-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 0.5rem;\n }\n \n .ingredient-subtitle {\n font-size: 0.9rem;\n color: #ccc;\n margin-bottom: 1.5rem;\n font-weight: 500;\n }\n \n .ingredient-list {\n list-style: none;\n padding: 0;\n }\n \n .ingredient-list li {\n padding: 0.7rem 0;\n border-bottom: 1px solid rgba(255,255,255,0.1);\n position: relative;\n padding-right: 1.5rem;\n color: #e0e0e0;\n transition: all 0.3s ease;\n }\n \n .ingredient-list li:hover {\n color: #9C8102;\n padding-right: 2rem;\n }\n \n .ingredient-list li::before {\n content: '';\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 6px;\n height: 6px;\n background: #9C8102;\n border-radius: 50%;\n transition: all 0.3s ease;\n }\n \n .ingredient-list li:hover::before {\n transform: translateY(-50%) scale(1.5);\n box-shadow: 0 0 10px rgba(156, 129, 2, 0.5);\n }\n \n .comparison-section {\n background: #f8f9fa;\n padding: 3rem 1.5rem;\n }\n \n .comparison-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n margin-top: 2rem;\n }\n \n .comparison-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s ease;\n opacity: 0;\n animation: cardSlide 0.8s ease-out forwards;\n position: relative;\n overflow: hidden;\n }\n \n .comparison-card.negative {\n border-top: 4px solid #dc3545;\n animation-delay: 0.1s;\n }\n \n .comparison-card.positive {\n border-top: 4px solid #9C8102;\n animation-delay: 0.3s;\n transform: scale(1.02);\n }\n \n .comparison-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n transition: left 0.8s ease;\n }\n \n .comparison-card:hover::before {\n left: 100%;\n }\n \n .comparison-card:hover {\n transform: translateY(-5px) scale(1.01);\n box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n }\n \n .comparison-title {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n color: #9C8102;\n }\n \n .comparison-card.negative .comparison-title {\n color: #dc3545;\n }\n \n .comparison-list {\n list-style: none;\n padding: 0;\n }\n \n .comparison-list li {\n padding: 0.8rem 0;\n border-bottom: 1px solid #eee;\n color: #555;\n position: relative;\n padding-right: 2rem;\n line-height: 1.5;\n }\n \n .comparison-list li::before {\n content: '✗';\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n color: #dc3545;\n font-weight: bold;\n }\n \n .comparison-card.positive .comparison-list li::before {\n content: '✓';\n color: #9C8102;\n }\n \n .suitability-section {\n background: white;\n padding: 3rem 1.5rem;\n }\n \n .suitability-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n margin-top: 2rem;\n }\n \n .suitability-card {\n background: #f8f9fa;\n border-radius: 15px;\n padding: 2rem;\n border-right: 4px solid #9C8102;\n opacity: 0;\n animation: cardSlide 0.8s ease-out forwards;\n transition: all 0.3s ease;\n }\n \n .suitability-card:nth-child(1) { animation-delay: 0.1s; }\n .suitability-card:nth-child(2) { animation-delay: 0.3s; }\n \n .suitability-card:hover {\n transform: translateY(-3px);\n background: white;\n box-shadow: 0 10px 30px rgba(156, 129, 2, 0.15);\n }\n \n .suitability-title {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n color: #9C8102;\n }\n \n .suitability-list {\n list-style: none;\n padding: 0;\n }\n \n .suitability-list li {\n padding: 0.6rem 0;\n color: #555;\n position: relative;\n padding-right: 1.5rem;\n transition: all 0.3s ease;\n }\n \n .suitability-list li:hover {\n color: #9C8102;\n padding-right: 2rem;\n }\n \n .suitability-list li::before {\n content: '';\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 6px;\n height: 6px;\n background: #9C8102;\n border-radius: 50%;\n transition: all 0.3s ease;\n }\n \n .suitability-list li:hover::before {\n transform: translateY(-50%) scale(1.5);\n }\n \n .value-section {\n background: #f8f9fa;\n padding: 3rem 1.5rem;\n text-align: center;\n }\n \n .value-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n margin-top: 2rem;\n }\n \n .value-card {\n background: white;\n border-radius: 12px;\n padding: 2rem 1.5rem;\n border-top: 4px solid #9C8102;\n transition: all 0.4s ease;\n opacity: 0;\n transform: scale(0.9);\n animation: valueZoom 0.6s ease-out forwards;\n }\n \n .value-card:nth-child(1) { animation-delay: 0.1s; }\n .value-card:nth-child(2) { animation-delay: 0.2s; }\n .value-card:nth-child(3) { animation-delay: 0.3s; }\n .value-card:nth-child(4) { animation-delay: 0.4s; }\n \n .value-card:hover {\n transform: translateY(-8px) scale(1.02);\n box-shadow: 0 15px 40px rgba(156, 129, 2, 0.15);\n }\n \n .value-title {\n font-size: 1rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 0.5rem;\n }\n \n .value-description {\n font-size: 0.9rem;\n color: #666;\n line-height: 1.5;\n }\n \n .usage-section {\n background: white;\n padding: 3rem 1.5rem;\n border: 2px solid #9C8102;\n margin: 2rem 1.5rem;\n border-radius: 15px;\n }\n \n .usage-steps {\n margin-top: 2rem;\n }\n \n .usage-step {\n background: #f8f9fa;\n border-radius: 12px;\n padding: 1.5rem;\n margin: 1rem 0;\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateX(-20px);\n animation: stepSlide 0.6s ease-out forwards;\n position: relative;\n overflow: hidden;\n }\n \n .usage-step:nth-child(1) { animation-delay: 0.1s; }\n .usage-step:nth-child(2) { animation-delay: 0.2s; }\n .usage-step:nth-child(3) { animation-delay: 0.3s; }\n .usage-step:nth-child(4) { animation-delay: 0.4s; }\n .usage-step:nth-child(5) { animation-delay: 0.5s; }\n .usage-step:nth-child(6) { animation-delay: 0.6s; }\n .usage-step:nth-child(7) { animation-delay: 0.7s; }\n .usage-step:nth-child(8) { animation-delay: 0.8s; }\n \n .usage-step::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.1), transparent);\n transition: left 0.6s ease;\n }\n \n .usage-step:hover::before {\n left: 100%;\n }\n \n .usage-step:hover {\n transform: translateX(5px);\n background: white;\n box-shadow: 0 8px 25px rgba(156, 129, 2, 0.15);\n }\n \n .step-number {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 30px;\n height: 30px;\n background: linear-gradient(135deg, #9C8102, #b8941a);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-left: 1rem;\n font-size: 0.9rem;\n transition: transform 0.3s ease;\n }\n \n .usage-step:hover .step-number {\n transform: scale(1.2);\n }\n \n .step-content {\n display: inline-block;\n color: #555;\n line-height: 1.6;\n }\n \n .tips-section {\n background: #f8f9fa;\n padding: 2rem 1.5rem;\n margin: 2rem 1.5rem;\n border-radius: 15px;\n border-right: 4px solid #9C8102;\n }\n \n .tips-title {\n font-size: 1.2rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n \n .tips-list {\n list-style: none;\n padding: 0;\n }\n \n .tips-list li {\n padding: 0.6rem 0;\n color: #555;\n position: relative;\n padding-right: 1.5rem;\n transition: all 0.3s ease;\n }\n \n .tips-list li:hover {\n color: #9C8102;\n padding-right: 2rem;\n }\n \n .tips-list li::before {\n content: '';\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 6px;\n height: 6px;\n background: #9C8102;\n border-radius: 50%;\n transition: all 0.3s ease;\n }\n \n .tips-list li:hover::before {\n transform: translateY(-50%) scale(1.5);\n }\n \n .timeline-section {\n background: white;\n padding: 3rem 1.5rem;\n }\n \n .timeline-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin-top: 2rem;\n }\n \n .timeline-item {\n background: #f8f9fa;\n border-radius: 15px;\n padding: 2rem;\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n opacity: 0;\n animation: cardSlide 0.8s ease-out forwards;\n }\n \n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n .timeline-item:nth-child(4) { animation-delay: 0.4s; }\n \n .timeline-item:hover {\n transform: translateY(-3px);\n background: white;\n box-shadow: 0 10px 30px rgba(156, 129, 2, 0.15);\n }\n \n .timeline-title {\n font-size: 1.2rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n \n .timeline-list {\n list-style: none;\n padding: 0;\n }\n \n .timeline-list li {\n padding: 0.5rem 0;\n color: #555;\n position: relative;\n padding-right: 1.5rem;\n transition: all 0.3s ease;\n }\n \n .timeline-list li:hover {\n color: #9C8102;\n padding-right: 2rem;\n }\n \n .timeline-list li::before {\n content: '';\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 6px;\n height: 6px;\n background: #9C8102;\n border-radius: 50%;\n transition: all 0.3s ease;\n }\n \n .timeline-list li:hover::before {\n transform: translateY(-50%) scale(1.4);\n }\n \n .cta-section {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 1.5rem;\n text-align: center;\n position: relative;\n }\n \n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 50% 50%, rgba(156, 129, 2, 0.15) 0%, transparent 60%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n \n .cta-title {\n font-size: 2rem;\n font-weight: 700;\n margin-bottom: 2rem;\n color: #9C8102;\n position: relative;\n z-index: 2;\n opacity: 0;\n animation: slideInFade 1s ease-out 0.2s forwards;\n }\n \n .cta-image {\n max-width: 350px;\n width: 100%;\n height: auto;\n border-radius: 15px;\n margin: 0 auto 2rem;\n display: block;\n box-shadow: 0 15px 40px rgba(156, 129, 2, 0.2);\n transition: transform 0.4s ease;\n opacity: 0;\n animation: imageZoom 1s ease-out 0.4s forwards;\n }\n \n .cta-image:hover {\n transform: scale(1.05);\n }\n \n .cta-text {\n font-size: 1rem;\n opacity: 0.9;\n max-width: 750px;\n margin: 0 auto 1rem;\n line-height: 1.7;\n position: relative;\n z-index: 2;\n opacity: 0;\n animation: slideInFade 1s ease-out 0.6s forwards;\n }\n \n .cta-highlight {\n font-size: 1.1rem;\n font-weight: 600;\n color: #9C8102;\n margin: 1.5rem auto;\n max-width: 700px;\n position: relative;\n z-index: 2;\n opacity: 0;\n animation: slideInFade 1s ease-out 0.8s forwards;\n }\n \n .ingredients-list-section {\n background: white;\n padding: 2rem 1.5rem;\n border-top: 1px solid #eee;\n }\n \n .ingredients-list-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n text-align: center;\n }\n \n .ingredients-list {\n text-align: center;\n font-size: 0.9rem;\n color: #666;\n line-height: 1.6;\n max-width: 800px;\n margin: 0 auto;\n }\n \n @keyframes slideInFade {\n 0% { opacity: 0; transform: translateY(30px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes imageZoom {\n 0% { opacity: 0; transform: scale(0.9); }\n 100% { opacity: 1; transform: scale(1); }\n }\n \n @keyframes titleSlide {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes lineExpand {\n 0% { transform: translateX(-50%) scaleX(0); }\n 100% { transform: translateX(-50%) scaleX(1); }\n }\n \n @keyframes slideInRight {\n 0% { opacity: 0; transform: translateX(-30px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes slideInLeft {\n 0% { opacity: 0; transform: translateX(30px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes cardRise {\n 0% { opacity: 0; transform: translateY(30px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes cardSlide {\n 0% { opacity: 0; transform: translateX(-20px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes valueZoom {\n 0% { opacity: 0; transform: scale(0.9); }\n 100% { opacity: 1; transform: scale(1); }\n }\n \n @keyframes stepSlide {\n 0% { opacity: 0; transform: translateX(-20px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n \n @keyframes heroGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.2; }\n }\n \n @keyframes ingredientsGlow {\n 0% { opacity: 0.05; }\n 100% { opacity: 0.15; }\n }\n \n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.2; }\n }\n \n @media (max-width: 768px) {\n .hero-title {\n font-size: 1.8rem;\n }\n \n .benefits-layout {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n \n .benefits-image {\n order: -1;\n max-width: 250px;\n margin: 0 auto;\n }\n \n .comparison-layout,\n .suitability-grid {\n grid-template-columns: 1fr;\n }\n \n .ingredients-grid,\n .value-grid,\n .timeline-grid {\n grid-template-columns: 1fr;\n }\n \n .usage-section,\n .tips-section {\n margin: 2rem 0.5rem;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"bobana-hair-mask-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003e블랙 마늘 오일이 함유된 보바나 헤어 마스크\u003c\/h1\u003e\n\u003ch2 class=\"hero-subtitle\"\u003e약해지고 빠지는 모발을 위한 주간 집중 트리트먼트\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"블랙 마늘 오일이 함유된 보바나 헤어 마스크\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-br-hair-mask-br-with-black-garlic-oil-165910.webp?v=1752588803\"\/\u003e\n\u003cdiv class=\"intro-text\"\u003e\n\u003cp\u003e일반 컨디셔너와 헤어 마스크의 차이는 물 한 컵과 비타민 집중 코스의 차이와 같습니다.밤은 매일 표면적인 수분 공급을 제공하지만 이 마스크는 \u003cstrong\u003e완전한 재활 치료\u003c\/strong\u003e 매주 당신의 머리카락을 위해.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e약해진 모발에는 일반 보습이 아닌 집중적인 관리가 필요합니다\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-container\"\u003e\n\u003ch2 class=\"section-title\"\u003e주간 집중 치료의 이점\u003c\/h2\u003e\n\u003cdiv class=\"benefits-layout\"\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e\n 뿌리의 근본적인 강화\n \u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e흑마늘 오일이 모낭까지 도달하여 안쪽부터 강화시켜 모발이 빠지지 않고 더욱 튼튼해지게 해줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e\n 집중 딥 영양\n \u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e피마자유와 비오틴은 건강한 성장에 필요한 비타민과 미네랄로 모발에 영양을 공급합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e\n 혈액 순환을 자극하십시오\n \u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e로즈마리 추출물은 두피의 혈액 순환을 자극하여 영양분에 더 잘 접근할 수 있도록 합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e\n 손상된 모발 복구\n \u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e염색, 열, 외부 요인으로 인해 손상된 모발을 회복시켜 줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e\n 장기 보호\n \u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e미래의 손상으로부터 모발을 보호하는 천연 보호막을 형성합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e\n 강렬하고 지속적인 수분 공급\n \u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003e헹궈낸 후에도 모발에 깊은 보습감을 선사하고 다음 세탁까지 지속되는 것을 선호합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Benefits\" class=\"benefits-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-br-hair-mask-br-with-black-garlic-oil-812744.webp?v=1752588832\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e강화하고 영양을 공급하는 강력한 천연 성분\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e흑마늘 오일\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e약한 머리카락과의 싸움의 첫 번째 군인\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e모발 성장을 촉진합니다.\u003c\/strong\u003e 휴면 모낭 활성화\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e모발을 강화합니다\u003c\/strong\u003e 파손에 대한 저항력을 높여줍니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e천연 항진균제\u003c\/strong\u003e 두피 건강 유지\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e천연 유황이 풍부함\u003c\/strong\u003e 강한 모발 단백질을 만드는 데 필수\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e피마자유\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e천연 모발 증점제\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e모발 밀도 증가\u003c\/strong\u003e 눈에 띄게 가상\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e새로운 모발 성장을 자극합니다.\u003c\/strong\u003e 밝은 지역\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e건조한 모발에 수분을 공급합니다\u003c\/strong\u003e 기름진 느낌을 남기지 않고 깊숙히\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e팔다리를 강화한다\u003c\/strong\u003e 파손 및 파손을 방지해줍니다\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e로즈마리 추출물\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e천연 혈액 순환 자극제\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e혈류를 자극합니다.\u003c\/strong\u003e 두피에 더 나은 영양을 공급하기 위해\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e강력한 항산화제\u003c\/strong\u003e 자유라디칼 손상으로부터 보호합니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e모낭을 강화합니다\u003c\/strong\u003e 약점과 손실을 방지합니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e두피를 상쾌하게\u003c\/strong\u003e 손이 건강해지고 상쾌해지는 느낌\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e티트리추출물\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e천연소독제 및 진정제\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e두피를 깨끗하게 해준다\u003c\/strong\u003e 유해한 박테리아와 곰팡이로부터\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e자극과 가려움증을 진정시킵니다.\u003c\/strong\u003e 두피에\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e오일의 분비를 조절합니다\u003c\/strong\u003e 기름진 머리카락의 경우\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e건강한 균형을 유지합니다\u003c\/strong\u003e 두피 환경을 위해\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e비오틴(비타민 B7)\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e필수 헤어 비타민\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e모발 구조 강화\u003c\/strong\u003e 내부에서\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e케라틴 생성 개선\u003c\/strong\u003e 자연적인\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e모발의 파손을 방지합니다\u003c\/strong\u003e 그리고 넌 그걸 깨뜨려\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e건강한 성장을 촉진합니다.\u003c\/strong\u003e 더욱 강하고 윤기나는 모발을 위해\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e토코페릴아세테이트(비타민 E)\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e모발을 손상으로부터 보호합니다\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e강력한 항산화제\u003c\/strong\u003e 환경 요인으로부터 보호합니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e혈액 순환을 개선합니다.\u003c\/strong\u003e 두피에\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e보습과 영양을 공급합니다\u003c\/strong\u003e 건조하고 손상된 모발\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e손이 자연스럽게 빛나네요\u003c\/strong\u003e 그리고 실키한 질감\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e판테놀(비타민 B5)\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e보습제 및 토닉\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e모발에 수분을 공급합니다\u003c\/strong\u003e 무겁지 않게 깊게\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e모발 탄력 개선\u003c\/strong\u003e 그리고 파손에 대한 저항력\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e열로부터 보호합니다\u003c\/strong\u003e 그리고 데일리 스타일링\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e당신의 손은 자연스러운 부드러움을 가지고 있습니다.\u003c\/strong\u003e 그리고 건강하게 빛나는\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Comparison Section --\u003e\n\u003cdiv class=\"comparison-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e보바나 마스크는 왜 다른 헤어 마스크와 다른가요?\u003c\/h2\u003e\n\u003cdiv class=\"comparison-layout\"\u003e\n\u003cdiv class=\"comparison-card negative\"\u003e\n\u003ch3 class=\"comparison-title\"\u003e시중에서 판매되는 일반 마스크\u003c\/h3\u003e\n\u003cul class=\"comparison-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e실리콘\u003c\/strong\u003e 모공을 막고 모발에 쌓이게 됩니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e브라벤\u003c\/strong\u003e 유해한 방부제\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e황산염\u003c\/strong\u003e 가혹한 세척제\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e합성성분\u003c\/strong\u003e 득보다 실이 더 많다\u003c\/li\u003e\n\u003cli\u003e80% 물과 충전재\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card positive\"\u003e\n\u003ch3 class=\"comparison-title\"\u003e보바나 내추럴 마스크\u003c\/h3\u003e\n\u003cul class=\"comparison-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e실리콘 0%\u003c\/strong\u003e - 축적이나 막힘이 없습니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e파라벤 0%\u003c\/strong\u003e - 유해한 방부제가 없습니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e황산염 0%\u003c\/strong\u003e - 모발과 두피에 순하게 작용\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e활성 천연 성분\u003c\/strong\u003e - 모든 성분에는 실질적인 이점이 있습니다.\u003c\/li\u003e\n\u003cli\u003e고농축 천연 오일과 비타민 함유\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 2rem; text-align: center;\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003e매일이 아닌 매주 치료\u003c\/h3\u003e\n\u003cp style=\"color: #666; max-width: 600px; margin: 0 auto;\"\u003e\n 매일 사용하는 컨디셔너가 아닌 보바나 마스크 \u003cstrong style=\"color: #9C8102;\"\u003e주 1회 집중치료\u003c\/strong\u003e 당신의 손 결과는 며칠을 선호합니다.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Suitability Section --\u003e\n\u003cdiv class=\"suitability-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e특정 모발 요구에 적합\u003c\/h2\u003e\n\u003cdiv class=\"suitability-grid\"\u003e\n\u003cdiv class=\"suitability-card\"\u003e\n\u003ch3 class=\"suitability-title\"\u003e당신의 머리에 딱 맞습니다\u003c\/h3\u003e\n\u003cul class=\"suitability-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e약하고 얇음\u003c\/strong\u003e 쉽게 부서진다\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e그는 어깨로 넘어진다\u003c\/strong\u003e 그리고 강화가 필요해요\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e건조하고 부서지기 쉬운\u003c\/strong\u003e 염료나 열로 인해\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e평균 다공성\u003c\/strong\u003e - 제품을 잘 흡수합니다.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e밀도와 광택이 부족함\u003c\/strong\u003e 자연적인\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"suitability-card\"\u003e\n\u003ch3 class=\"suitability-title\"\u003e최적의 사용을 위한 팁\u003c\/h3\u003e\n\u003cul class=\"suitability-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e일주일에 한 번씩 사용하세요.\u003c\/strong\u003e 일반 모발의 경우\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e일주일에 두 번\u003c\/strong\u003e 심하게 손상된 모발의 경우\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e샴푸 후 사용\u003c\/strong\u003e 그리고 일반 컨디셔너 전\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e팔다리에 집중하세요\u003c\/strong\u003e 그리고 영향을 받은 지역\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Section --\u003e\n\u003cdiv class=\"value-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e전문적인 치료를 위한 탁월한 가치\u003c\/h2\u003e\n\u003cdiv class=\"value-grid\"\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003ch4 class=\"value-title\"\u003e몇 달 동안 사용할 수 있는 큰 사이즈\u003c\/h4\u003e\n\u003cp class=\"value-description\"\u003e500ml면 25~30회 사용 가능(주 6~8개월 사용)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003ch4 class=\"value-title\"\u003e집중치료를 위한 경제적인 가격\u003c\/h4\u003e\n\u003cp class=\"value-description\"\u003e강렬한 전문 치료를 위해 1회 사용시 8파운드 미만\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003ch4 class=\"value-title\"\u003e결과가 더 오래 지속됩니다\u003c\/h4\u003e\n\u003cp class=\"value-description\"\u003e주 1회 치료로 일주일 내내 혜택을 누릴 수 있습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003ch4 class=\"value-title\"\u003e100% 천연이고 안전함\u003c\/h4\u003e\n\u003cp class=\"value-description\"\u003e유해화학물질이 포함되지 않은 천연성분으로 장기간 사용 가능\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e최상의 결과를 얻기 위해 사용하는 방법\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003e주간 치료 단계\u003c\/h3\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cspan class=\"step-number\"\u003e1\u003c\/span\u003e\n\u003cspan class=\"step-content\"\u003e\u003cstrong\u003e머리를 씻다\u003c\/strong\u003e 보바나 흑마늘 샴푸로\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cspan class=\"step-number\"\u003e2\u003c\/span\u003e\n\u003cspan class=\"step-content\"\u003e\u003cstrong\u003e여분의 물을 짜내십시오.\u003c\/strong\u003e 머리카락부터 부드럽게\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cspan class=\"step-number\"\u003e3\u003c\/span\u003e\n\u003cspan class=\"step-content\"\u003e\u003cstrong\u003e넉넉한 금액을 적용해 보세요\u003c\/strong\u003e 젖은 머리에 마스크를\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cspan class=\"step-number\"\u003e4\u003c\/span\u003e\n\u003cspan class=\"step-content\"\u003e\u003cstrong\u003e뿌리부터 끝까지 분배\u003c\/strong\u003e 손상된 부위를 집중적으로\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cspan class=\"step-number\"\u003e5\u003c\/span\u003e\n\u003cspan class=\"step-content\"\u003e\u003cstrong\u003e두피 마사지\u003c\/strong\u003e 혈액 순환을 촉진하기 위해 2분 동안 부드럽게 바르십시오.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cspan class=\"step-number\"\u003e6\u003c\/span\u003e\n\u003cspan class=\"step-content\"\u003e\u003cstrong\u003e10분 동안 그대로 놓아두세요\u003c\/strong\u003e 머리카락에 침투하여 마법을 부리려면\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cspan class=\"step-number\"\u003e7\u003c\/span\u003e\n\u003cspan class=\"step-content\"\u003e\u003cstrong\u003e잘 헹구세요\u003c\/strong\u003e 마스크가 모두 제거될 때까지 미지근한 물로\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cspan class=\"step-number\"\u003e8\u003c\/span\u003e\n\u003cspan class=\"step-content\"\u003e\u003cstrong\u003e일반 컨디셔너를 사용하세요\u003c\/strong\u003e 매끄러운 마무리\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Tips Section --\u003e\n\u003cdiv class=\"tips-section\"\u003e\n\u003ch3 class=\"tips-title\"\u003e더 강력한 결과를 위한 팁\u003c\/h3\u003e\n\u003cul class=\"tips-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e젖은 모발이 아닌 젖은 모발에 사용하세요\u003c\/strong\u003e 더 나은 흡수를 위해\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e비닐봉지로 머리를 감싸주세요\u003c\/strong\u003e 더 강력한 효과를 기다리면서\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e두피 마사지\u003c\/strong\u003e 혈액순환을 촉진하기 위해 마스크를 바르는 동안\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e미지근한 물로 헹궈주세요\u003c\/strong\u003e 뜨겁지 않아서 머리가 말리지 않아요\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e정기적인 사용과 눈에 띄는 차이\u003c\/h2\u003e\n\u003cdiv class=\"timeline-grid\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003e첫 사용 후\u003c\/h3\u003e\n\u003cul class=\"timeline-list\"\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=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003e한달 후(4회 사용)\u003c\/h3\u003e\n\u003cul class=\"timeline-list\"\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=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003e3개월 후(12회 사용)\u003c\/h3\u003e\n\u003cul class=\"timeline-list\"\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=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003e6개월 후\u003c\/h3\u003e\n\u003cul class=\"timeline-list\"\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!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003e머리카락의 힘에 투자하세요\u003c\/h2\u003e\n\u003cimg alt=\"BOBANA Hair Mask Results\" class=\"cta-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-br-shampoo-br-with-black-garlic-oil-783829_1.webp?v=1752505869\"\/\u003e\n\u003cp class=\"cta-text\"\u003e\n 흑마늘 오일이 함유된 보바나 마스크는 단순한 케어 제품이 아닙니다 \u003cstrong\u003e모발의 건강과 힘을 위한 진정한 투자\u003c\/strong\u003e.각각의 사용은 이전 사용을 기반으로 하므로 시간이 지남에 따라 손의 모발이 더 강해지고 풍성해집니다.\n \u003c\/p\u003e\n\u003cp class=\"cta-highlight\"\u003e\n 약해진 모발에는 일반 보습이 아닌 집중적인 관리가 필요합니다\n \u003c\/p\u003e\n\u003cp class=\"cta-highlight\"\u003e\n 진정한 모발 강화의 여정을 시작해보세요... 매주 당신의 모발은 이전보다 좋아질 것입니다.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"ingredients-list-section\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003e전체 성분 목록\u003c\/h3\u003e\n\u003cp class=\"ingredients-list\"\u003e\n\u003cstrong\u003eBLACK GARLIC OIL, CASTOR OIL, TEA TREE EXTRACT, TOCOPHERYL ACETATE, ROSEMARY EXTRACT, PANTHENOL, BIOTIN\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-style: italic; color: #666; margin-top: 1rem;\"\u003e\n 보바나 블랙 갈릭 오일 헤어 마스크 - 튼튼하고 건강한 모발을 위한 주간 집중 트리트먼트\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Enhanced hover effects for all interactive elements\n const interactiveElements = document.querySelectorAll('.benefit-item, .ingredient-card, .comparison-card, .value-card, .usage-step, .timeline-item, .suitability-card');\n \n interactiveElements.forEach(element =\u003e {\n element.addEventListener('mouseenter', function() {\n this.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n });\n });\n\n \/\/ Smooth parallax effect for background elements\n let ticking = false;\n \n function updateParallax() {\n const scrolled = window.pageYOffset;\n const backgrounds = document.querySelectorAll('.hero-section::before, .ingredients-section::before, .cta-section::before');\n \n \/\/ Smooth background movement\n backgrounds.forEach((bg, index) =\u003e {\n const speed = 0.02 + (index * 0.01);\n const yPos = -(scrolled * speed);\n if (bg.style) {\n bg.style.transform = `translateY(${yPos}px)`;\n }\n });\n \n ticking = false;\n }\n \n function requestTick() {\n if (!ticking) {\n requestAnimationFrame(updateParallax);\n ticking = true;\n }\n }\n \n \/\/ Optimized scroll listener\n let scrollTimeout;\n window.addEventListener('scroll', function() {\n if (scrollTimeout) {\n clearTimeout(scrollTimeout);\n }\n scrollTimeout = setTimeout(requestTick, 10);\n }, { passive: true });\n\n \/\/ Enhanced ingredient card interactions\n const ingredientCards = document.querySelectorAll('.ingredient-card');\n ingredientCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.background = 'rgba(255,255,255,0.2)';\n this.style.borderColor = 'rgba(156, 129, 2, 0.4)';\n \n const listItems = this.querySelectorAll('.ingredient-list li');\n listItems.forEach((item, i) =\u003e {\n setTimeout(() =\u003e {\n item.style.color = '#f0f0f0';\n item.style.paddingRight = '2rem';\n }, i * 50);\n });\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.background = 'rgba(255,255,255,0.08)';\n this.style.borderColor = 'rgba(255,255,255,0.1)';\n \n const listItems = this.querySelectorAll('.ingredient-list li');\n listItems.forEach(item =\u003e {\n item.style.color = '#e0e0e0';\n item.style.paddingRight = '1.5rem';\n });\n });\n });\n\n \/\/ Usage steps with enhanced interactions\n const usageSteps = document.querySelectorAll('.usage-step');\n usageSteps.forEach((step, index) =\u003e {\n step.addEventListener('mouseenter', function() {\n const stepNumber = this.querySelector('.step-number');\n if (stepNumber) {\n stepNumber.style.transform = 'scale(1.2) rotate(10deg)';\n stepNumber.style.background = 'linear-gradient(135deg, #b8941a, #9C8102)';\n }\n });\n \n step.addEventListener('mouseleave', function() {\n const stepNumber = this.querySelector('.step-number');\n if (stepNumber) {\n stepNumber.style.transform = 'scale(1) rotate(0deg)';\n stepNumber.style.background = 'linear-gradient(135deg, #9C8102, #b8941a)';\n }\n });\n });\n\n \/\/ Dynamic text glow effects\n const titles = document.querySelectorAll('.hero-title, .section-title, .cta-title');\n titles.forEach(title =\u003e {\n title.addEventListener('mouseenter', function() {\n this.style.textShadow = '0 0 15px rgba(156, 129, 2, 0.3)';\n this.style.transform = 'scale(1.02)';\n });\n \n title.addEventListener('mouseleave', function() {\n this.style.textShadow = 'none';\n this.style.transform = 'scale(1)';\n });\n });\n\n \/\/ Progressive enhancement for benefit items\n const benefitItems = document.querySelectorAll('.benefit-item');\n benefitItems.forEach(item =\u003e {\n item.addEventListener('mouseenter', function() {\n const icon = this.querySelector('.benefit-icon');\n if (icon) {\n icon.style.background = 'linear-gradient(135deg, #b8941a, #9C8102)';\n icon.style.boxShadow = '0 0 15px rgba(156, 129, 2, 0.4)';\n }\n });\n \n item.addEventListener('mouseleave', function() {\n const icon = this.querySelector('.benefit-icon');\n if (icon) {\n icon.style.background = '#9C8102';\n icon.style.boxShadow = 'none';\n }\n });\n });\n\n \/\/ Value cards enhanced interactions\n const valueCards = document.querySelectorAll('.value-card');\n valueCards.forEach((card, index) =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.borderTopColor = '#b8941a';\n this.style.borderTopWidth = '6px';\n \n const title = this.querySelector('.value-title');\n if (title) {\n title.style.color = '#b8941a';\n title.style.transform = 'scale(1.05)';\n }\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.borderTopColor = '#9C8102';\n this.style.borderTopWidth = '4px';\n \n const title = this.querySelector('.value-title');\n if (title) {\n title.style.color = '#9C8102';\n title.style.transform = 'scale(1)';\n }\n });\n });\n\n \/\/ Comparison cards enhanced interactions\n const comparisonCards = document.querySelectorAll('.comparison-card');\n comparisonCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n const items = this.querySelectorAll('.comparison-list li');\n items.forEach((item, i) =\u003e {\n setTimeout(() =\u003e {\n item.style.paddingRight = '2.5rem';\n item.style.color = '#333';\n }, i * 100);\n });\n });\n \n card.addEventListener('mouseleave', function() {\n const items = this.querySelectorAll('.comparison-list li');\n items.forEach(item =\u003e {\n item.style.paddingRight = '2rem';\n item.style.color = '#555';\n });\n });\n });\n\n \/\/ Timeline items enhanced interactions\n const timelineItems = document.querySelectorAll('.timeline-item');\n timelineItems.forEach(item =\u003e {\n item.addEventListener('mouseenter', function() {\n this.style.borderRightColor = '#b8941a';\n this.style.borderRightWidth = '6px';\n });\n \n item.addEventListener('mouseleave', function() {\n this.style.borderRightColor = '#9C8102';\n this.style.borderRightWidth = '4px';\n });\n });\n\n \/\/ Tips section interaction\n const tipsSection = document.querySelector('.tips-section');\n if (tipsSection) {\n tipsSection.addEventListener('mouseenter', function() {\n this.style.borderRightColor = '#b8941a';\n this.style.borderRightWidth = '6px';\n this.style.background = 'white';\n this.style.boxShadow = '0 8px 25px rgba(156, 129, 2, 0.1)';\n });\n \n tipsSection.addEventListener('mouseleave', function() {\n this.style.borderRightColor = '#9C8102';\n this.style.borderRightWidth = '4px';\n this.style.background = '#f8f9fa';\n this.style.boxShadow = 'none';\n });\n }\n\n \/\/ Suitability cards interaction\n const suitabilityCards = document.querySelectorAll('.suitability-card');\n suitabilityCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.borderRightColor = '#b8941a';\n this.style.borderRightWidth = '6px';\n \n const items = this.querySelectorAll('.suitability-list li');\n items.forEach((item, i) =\u003e {\n setTimeout(() =\u003e {\n item.style.color = '#9C8102';\n item.style.paddingRight = '2rem';\n }, i * 80);\n });\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.borderRightColor = '#9C8102';\n this.style.borderRightWidth = '4px';\n \n const items = this.querySelectorAll('.suitability-list li');\n items.forEach(item =\u003e {\n item.style.color = '#555';\n item.style.paddingRight = '1.5rem';\n });\n });\n });\n\n \/\/ Smooth image loading enhancement\n const images = document.querySelectorAll('img');\n images.forEach(img =\u003e {\n img.addEventListener('load', function() {\n this.style.opacity = '1';\n this.style.transform = 'scale(1)';\n });\n });\n\n \/\/ Performance optimization: debounced resize handler\n let resizeTimeout;\n window.addEventListener('resize', function() {\n if (resizeTimeout) {\n clearTimeout(resizeTimeout);\n }\n resizeTimeout = setTimeout(() =\u003e {\n \/\/ Recalculate any size-dependent animations\n const cards = document.querySelectorAll('.benefit-item, .ingredient-card, .comparison-card, .value-card');\n cards.forEach(card =\u003e {\n card.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n });\n }, 250);\n });\n});\n\u003c\/script\u003e","brand":"Bobana","offers":[{"title":"Default Title","offer_id":44914438176965,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-br-hair-mask-br-with-black-garlic-oil-464594.webp?v=1752588708"},{"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"},{"product_id":"bobana-shampoo-with-argan-oil-hair-treatment","title":"Bobana Shampoo with Argan Oil hair treatment 400 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-shampoo-with-argan-oil-632187.webp?v=1752595133\"\/\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!-- Problem Section --\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003ch3 class=\"section-title\"\u003e당신은 얼마나 오랫동안 당신의 눈앞에서 머리카락이 죽는 것을 계속 지켜볼 것입니까?\u003c\/h3\u003e\n\u003cdiv class=\"problem-statement\"\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cp\u003e머리카락을 통과하는 매일, 모든 머리카락 교정, 모든 염색, 머리카락에 침투하는 모든 화학 물질... 결과는 무엇입니까?뿌리부터 끝까지 약하고, 둔하고, 부러진 모발.\u003c\/p\u003e\n\u003cdiv class=\"highlight-box\"\u003e\n\u003cstrong\u003e씁쓸한 진실: 현재 사용하는 대부분의 샴푸는 문제를 치료하지 않고 단지 숨길 뿐입니다.\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Solution Section --\u003e\n\u003cdiv class=\"section-container dark-section\"\u003e\n\u003ch3 class=\"section-title\"\u003e모든 문제에는 해결책이 있지만 모든 제품이 해결책은 아닙니다.\u003c\/h3\u003e\n\u003cdiv class=\"solution-content\"\u003e\n\u003cdiv class=\"solution-card\"\u003e\n\u003cp\u003e아르간 오일이 함유된 보바나 샴푸는 단순한 세정 제품이 아닙니다.이 \u003cstrong\u003e세심하게 고려한 제품\u003c\/strong\u003e 손상된 모발을 진정으로 복구하려면.\u003c\/p\u003e\n\u003cdiv class=\"feature-highlight\"\u003e\n\u003cspan class=\"highlight-icon\"\u003e\u003c\/span\u003e\n\u003cspan\u003e황산염, 파라벤, 실리콘이 함유되지 않은 100% 고급 포뮬러\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003e내부에서 머리카락을 파괴하는 물질은 신경 쓰지 않습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Main Uses Section --\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003ch3 class=\"section-title\"\u003e주요 용도\u003c\/h3\u003e\n\u003cdiv class=\"uses-grid\"\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003e염색 및 화학시술로 인해 손상된 모발 복구\u003c\/h4\u003e\n\u003cp\u003e가수분해된 밀과 콩 단백질 덕분에 머리카락 틈을 메워줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003e건조하고 부서지기 쉬운 모발을 위한 깊은 보습\u003c\/h4\u003e\n\u003cp\u003e비타민E와 지방산이 풍부한 모로코 아르간 오일을 사용하여\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003e약한 모발을 강화하고 탈모를 예방합니다.\u003c\/h4\u003e\n\u003cp\u003e두피의 혈액순환을 촉진하는 카페인을 통해\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003e푸석푸석하고 엉킨 모발을 부드럽게\u003c\/h4\u003e\n\u003cp\u003e모발 스타일링을 더욱 쉽게 해주는 호호바 오일 함유\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003e칙칙한 모발의 자연스러운 윤기를 되찾아줍니다.\u003c\/h4\u003e\n\u003cp\u003e모발 뿌리부터 끝까지 영양을 공급하는 판테놀(프로 비타민 B5) 함유\u003c\/p\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-section\"\u003e\n\u003cdiv class=\"ingredients-image\"\u003e\n\u003cimg alt=\"보바나 샴푸 성분\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-shampoo-brwith-argan-oil-183926.webp?v=1752595133\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-content\"\u003e\n\u003cdiv class=\"ingredient-detail\"\u003e\n\u003ch4\u003e오리지널 모로코 아르간 오일\u003c\/h4\u003e\n\u003cp\u003e그들이 \"액체 금\"이라고 부르는 것은 비타민 E와 필수 지방산이 풍부하여 모발 깊숙이 침투하여 내부에서 복구 과정을 시작합니다. \u003cstrong\u003e진정한 수분 공급과 깊은 손상 복구.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-detail\"\u003e\n\u003ch4\u003e가수분해된 밀 단백질 + 콩 단백질\u003c\/h4\u003e\n\u003cp\u003e이 기술은 손상된 모발 가닥의 틈을 메워 모발의 내부 구조를 재구성합니다.결과는?머리카락은 더 강해지고 손상에 더 강해집니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-detail\"\u003e\n\u003ch4\u003e판테놀(프로 비타민 B5)\u003c\/h4\u003e\n\u003cp\u003e두피에 침투하여 모낭에 영양을 공급하고 혈액 순환을 촉진하며 뿌리부터 건강한 모발 성장을 보장합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-detail\"\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!-- Difference Section --\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003ch3 class=\"section-title\"\u003e일어난 모든 일을 잊게 만드는 차이점\u003c\/h3\u003e\n\u003cdiv class=\"difference-content\"\u003e\n\u003cdiv class=\"difference-intro\"\u003e\n\u003cp\u003e시중에서 판매되는 대부분의 샴푸는 머리카락을 세정하는 역할만 합니다.Bopanna는 완전히 다릅니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"differences-grid\"\u003e\n\u003cdiv class=\"difference-item\"\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e\n\u003cp\u003e모발의 천연 오일을 제거하지 않고 클렌징해줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"difference-item\"\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e\n\u003cp\u003e분자 수준에서 손상을 복구합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"difference-item\"\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e\n\u003cp\u003e향후 손상으로부터 보호합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"difference-item\"\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\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!-- Results Timeline --\u003e\n\u003cdiv class=\"section-container dark-section\"\u003e\n\u003ch3 class=\"section-title\"\u003e변화를 향한 여정: 단계별 결과\u003c\/h3\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"timeline-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=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"timeline-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=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e30\u003c\/div\u003e\n\u003cdiv class=\"timeline-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=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e60\u003c\/div\u003e\n\u003cdiv class=\"timeline-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!-- Investment Section --\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003ch3 class=\"section-title\"\u003e단순한 샴푸가 아닌... 아름다움을 위한 투자입니다.\u003c\/h3\u003e\n\u003cdiv class=\"investment-message\"\u003e\n\u003cdiv class=\"investment-card\"\u003e\n\u003cp\u003e내가 당신에게 약속했지만 당신에게주지 않은 제품에 대한 실패한 경험은 충분합니다.거울에서 보는 모든 것을 낙담시키는 것으로 충분합니다.\u003c\/p\u003e\n\u003cdiv class=\"emphasis-box\"\u003e\n\u003cstrong\u003e당신의 피부와 머리카락은 당신의 성격을 반영하며, 당신은 최고의 대우를 받을 자격이 있습니다.\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA Section --\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-shampoo-brwith-argan-oil-918885.webp?v=1752595133\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-content\"\u003e\n\u003ch3\u003e결정은 당신의 손에 달려 있습니다... 시간은 흐르고 있습니다\u003c\/h3\u003e\n\u003cp\u003e미루는 날마다, 생각하는 날마다 머리카락은 약해진다.당신의 아름다움에 대해 “내일 시도해 보겠습니다”라는 것은 없습니다.\u003c\/p\u003e\n\u003cdiv class=\"cta-highlight\"\u003e\n\u003cstrong\u003e지금 시작하세요...너무 늦기 전에 당신의 머리카락이 당신을 대변하게 해주세요\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, JOJOBA OIL, HYDROLYZED WHEAT PROTEIN, HYDROLYZED SOY PROTEIN, PANTHENOL, CAFFEINE, AQUA\u003c\/p\u003e\n\u003cdiv class=\"inspirational-quote\"\u003e\n\u003cem\u003e\"아름다움은 선물이 아닙니다... 그것은 우리가 매일 내리는 올바른 선택의 결과입니다.\"\u003c\/em\u003e\n\u003c\/div\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;\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\/* 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}\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 .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.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\/* Problem Section *\/\n.problem-statement {\n margin-top: 30px;\n}\n\n.problem-card {\n background: white;\n padding: 40px;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n transition: transform 0.3s ease;\n}\n\n.problem-card:hover {\n transform: translateY(-5px);\n}\n\n.problem-card p {\n font-size: 1.2rem;\n line-height: 1.8;\n color: #333;\n margin-bottom: 25px;\n}\n\n.highlight-box {\n background: linear-gradient(135deg, #9C8102, #7a6600);\n color: white;\n padding: 25px;\n border-radius: 10px;\n text-align: center;\n box-shadow: 0 10px 30px rgba(156, 129, 2, 0.3);\n}\n\n\/* Solution Section *\/\n.solution-content {\n position: relative;\n z-index: 2;\n}\n\n.solution-card {\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n padding: 40px;\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.solution-card p {\n color: #ffffff !important;\n font-size: 1.2rem;\n line-height: 1.8;\n margin-bottom: 25px;\n}\n\n.feature-highlight {\n display: flex;\n align-items: center;\n gap: 15px;\n background: rgba(156, 129, 2, 0.2);\n padding: 20px;\n border-radius: 10px;\n margin: 25px 0;\n border: 2px solid #9C8102;\n}\n\n.highlight-icon {\n width: 15px;\n height: 15px;\n border-radius: 50%;\n background: #9C8102;\n flex-shrink: 0;\n}\n\n.feature-highlight span:last-child {\n color: #ffffff !important;\n font-weight: 500;\n}\n\n\/* Uses Grid *\/\n.uses-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 25px;\n margin-top: 30px;\n}\n\n.use-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.use-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.use-card:hover::before {\n transform: scaleX(1);\n}\n\n.use-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 15px 35px rgba(0,0,0,0.15);\n}\n\n.use-icon {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: #9C8102;\n margin: 0 auto 20px;\n display: block;\n}\n\n.use-card h4 {\n color: #9C8102;\n font-size: 1.3rem;\n margin-bottom: 15px;\n font-weight: bold;\n}\n\n.use-card p {\n color: #555;\n line-height: 1.6;\n font-style: italic;\n}\n\n\/* Ingredients Section *\/\n.ingredients-section {\n display: grid;\n grid-template-columns: 1fr 2fr;\n gap: 40px;\n align-items: start;\n margin-top: 30px;\n position: relative;\n z-index: 2;\n}\n\n.product-description-container .ingredients-image img {\n width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 30px rgba(0,0,0,0.3);\n transition: transform 0.3s ease;\n}\n\n.product-description-container .ingredients-image img:hover {\n transform: scale(1.05);\n}\n\n.ingredients-content {\n display: grid;\n gap: 25px;\n}\n\n.ingredient-detail {\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 10px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n}\n\n.ingredient-detail:hover {\n background: rgba(255, 255, 255, 0.15);\n transform: translateX(-5px);\n}\n\n.ingredient-detail h4 {\n color: #9C8102 !important;\n font-size: 1.3rem;\n margin-bottom: 15px;\n font-weight: bold;\n}\n\n.ingredient-detail p {\n color: #ffffff !important;\n line-height: 1.6;\n}\n\n\/* Difference Section *\/\n.difference-content {\n margin-top: 30px;\n}\n\n.difference-intro {\n background: white;\n padding: 30px;\n border-radius: 15px;\n margin-bottom: 30px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n}\n\n.difference-intro p {\n font-size: 1.2rem;\n color: #333;\n text-align: center;\n}\n\n.differences-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 20px;\n}\n\n.difference-item {\n display: flex;\n align-items: center;\n gap: 15px;\n background: white;\n padding: 25px;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n}\n\n.difference-item:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n}\n\n.check-icon {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.5rem;\n flex-shrink: 0;\n}\n\n.difference-item p {\n color: #333;\n line-height: 1.5;\n}\n\n\/* Timeline *\/\n.timeline {\n position: relative;\n z-index: 2;\n margin-top: 30px;\n}\n\n.timeline-item {\n display: flex;\n align-items: center;\n gap: 30px;\n margin-bottom: 30px;\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n padding: 30px;\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n}\n\n.timeline-item:hover {\n background: rgba(255, 255, 255, 0.15);\n transform: translateX(-10px);\n}\n\n.timeline-marker {\n background: #9C8102;\n color: white;\n width: 60px;\n height: 60px;\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 flex-shrink: 0;\n box-shadow: 0 0 20px rgba(156, 129, 2, 0.4);\n}\n\n.timeline-content h4 {\n color: #9C8102 !important;\n font-size: 1.4rem;\n margin-bottom: 10px;\n font-weight: bold;\n}\n\n.timeline-content p {\n color: #ffffff !important;\n line-height: 1.6;\n font-size: 1.1rem;\n}\n\n\/* Investment Section *\/\n.investment-message {\n margin-top: 30px;\n}\n\n.investment-card {\n background: white;\n padding: 40px;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n text-align: center;\n}\n\n.investment-card p {\n font-size: 1.2rem;\n line-height: 1.8;\n color: #333;\n margin-bottom: 25px;\n}\n\n.emphasis-box {\n background: linear-gradient(135deg, #9C8102, #7a6600);\n color: white;\n padding: 25px;\n border-radius: 10px;\n box-shadow: 0 10px 30px rgba(156, 129, 2, 0.3);\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.product-description-container .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 color: #ffffff !important;\n}\n\n.cta-highlight {\n font-size: 1.4rem;\n padding: 25px;\n background: rgba(156, 129, 2, 0.2);\n border-radius: 10px;\n border: 2px solid #9C8102;\n color: #ffffff !important;\n font-weight: bold;\n}\n\n\/* Ingredients List *\/\n.ingredients-list {\n background: #f8f8f8;\n padding: 40px;\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.4rem;\n margin-bottom: 20px;\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: 30px;\n padding: 20px;\n background: white;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n}\n\n.inspirational-quote {\n color: #666;\n font-style: italic;\n font-size: 1.1rem;\n line-height: 1.8;\n max-width: 800px;\n margin: 0 auto;\n padding: 25px;\n border-left: 4px solid #9C8102;\n background: rgba(156, 129, 2, 0.05);\n border-radius: 0 10px 10px 0;\n}\n\n\/* General dark section text fixes *\/\n.dark-section p {\n color: #ffffff !important;\n}\n\n.dark-section h4 {\n color: #9C8102 !important;\n}\n\n.dark-section .section-title {\n color: #9C8102 !important;\n}\n\n.dark-section * {\n color: inherit;\n}\n\n\/* Animations *\/\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 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 .uses-grid,\n .product-description-container .differences-grid {\n grid-template-columns: 1fr;\n }\n \n .product-description-container .ingredients-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 .timeline-item {\n flex-direction: column;\n text-align: center;\n gap: 15px;\n }\n \n .product-description-container .difference-item {\n flex-direction: column;\n text-align: center;\n gap: 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\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 \/\/ Golden glow animation timing\n const goldenGlow = container.querySelector('.golden-glow');\n if (goldenGlow) {\n goldenGlow.style.animationDelay = '1s';\n }\n\n \/\/ Staggered animation for use cards\n const useCards = container.querySelectorAll('.use-card');\n useCards.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 timeline items\n const timelineItems = container.querySelectorAll('.timeline-item');\n timelineItems.forEach((item, index) =\u003e {\n item.style.animationDelay = `${index * 0.2}s`;\n item.style.animation = 'fadeInUp 0.8s ease-out forwards';\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 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 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 animation for difference items\n const differenceItems = container.querySelectorAll('.difference-item');\n differenceItems.forEach((item, index) =\u003e {\n item.style.animationDelay = `${index * 0.15}s`;\n item.style.animation = 'fadeInUp 0.6s ease-out forwards';\n });\n\n \/\/ Ingredient details animation\n const ingredientDetails = container.querySelectorAll('.ingredient-detail');\n ingredientDetails.forEach((detail, index) =\u003e {\n detail.style.animationDelay = `${index * 0.1}s`;\n detail.style.animation = 'fadeInUp 0.7s ease-out forwards';\n });\n});\n\u003c\/script\u003e","brand":"Bobana","offers":[{"title":"Default Title","offer_id":44914568429765,"sku":null,"price":160.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-shampoo-with-argan-oil-320720.webp?v=1752595132"},{"product_id":"bobana-conditioner-with-argan-oil-بوبانا-بلسم-زيت-الأرجان-للشعر-التالف-و-المعالج-كيميائيا","title":"아르간 오일이 함유된 보바나 컨디셔너 손상되고 화학적으로 처리된 모발을 위한 보바나 아르간 오일 컨디셔너","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-conditioner-with-argan-oil-109498.webp?v=1752596397\"\/\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!-- Problem Section --\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003ch3 class=\"section-title\"\u003e머리카락이 건조해서 일시적인 수분 섭취가 아닌 진정한 수분 공급이 필요하신가요?\u003c\/h3\u003e\n\u003cdiv class=\"problem-statement\"\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cp\u003e이전에 시도한 모든 컨디셔너는 몇 시간 동안 머리카락에 수분을 공급한 다음 다시 건조해 집니까?\u003c\/p\u003e\n\u003cdiv class=\"highlight-box\"\u003e\n\u003cstrong\u003eBopanna의 컨디셔너는 다릅니다.천연 성분이 풍부한 크리미 포뮬러가 모발 깊숙이 침투하여 모발을 고정시킵니다.\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Main Uses Section --\u003e\n\u003cdiv class=\"section-container dark-section\"\u003e\n\u003ch3 class=\"section-title\"\u003e주요 용도\u003c\/h3\u003e\n\u003cdiv class=\"uses-section\"\u003e\n\u003cdiv class=\"uses-image\"\u003e\n\u003cimg alt=\"컨디셔너 보바나의 용도\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-conditioner-brwith-argan-oil-592067.webp?v=1752596397\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"uses-grid\"\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003e건조하고 부서지기 쉬운 모발을 위한 깊은 보습\u003c\/h4\u003e\n\u003cp\u003e천연 아르간 오일과 호호바 오일이 함유되어\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003e열과 염료로 인한 손상을 복구합니다.\u003c\/h4\u003e\n\u003cp\u003e항산화 로즈마리 추출물 함유\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003e약한 모발 강화\u003c\/h4\u003e\n\u003cp\u003e모낭에 영양을 공급하는 비오틴 함유\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-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!-- Why Different Section --\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003ch3 class=\"section-title\"\u003e보바나의 컨디셔너는 왜 다른가요?\u003c\/h3\u003e\n\u003cdiv class=\"difference-grid\"\u003e\n\u003cdiv class=\"ingredient-feature\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003e아르간 오일 + 호호바 오일\u003c\/h4\u003e\n\u003cp\u003e모발에 스며들어 빈틈을 채워주는 천연 보습 듀엣.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-feature\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003e로즈마리 추출물\u003c\/h4\u003e\n\u003cp\u003e모발의 손상을 방지하고 두피의 혈액순환을 촉진합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-feature\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003e비오틴\u003c\/h4\u003e\n\u003cp\u003e비타민 B7은 모발을 뿌리부터 튼튼하게 해주고 탈모를 예방해줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"section-container dark-section\"\u003e\n\u003ch3 class=\"section-title\"\u003e당신이 보게 될 결과\u003c\/h3\u003e\n\u003cdiv class=\"results-timeline\"\u003e\n\u003cdiv class=\"result-step\"\u003e\n\u003cdiv class=\"step-indicator\"\u003e\n\u003cspan class=\"step-text\"\u003e처음 사용\u003c\/span\u003e\n\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=\"result-step\"\u003e\n\u003cdiv class=\"step-indicator\"\u003e\n\u003cspan class=\"step-text\"\u003e일주일 후\u003c\/span\u003e\n\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=\"result-step\"\u003e\n\u003cdiv class=\"step-indicator\"\u003e\n\u003cspan class=\"step-text\"\u003e한 달 후\u003c\/span\u003e\n\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!-- Value Proposition --\u003e\n\u003cdiv class=\"section-container\"\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대형 400ml\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\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!-- Urgency Section --\u003e\n\u003cdiv class=\"section-container dark-section\"\u003e\n\u003ch3 class=\"section-title\"\u003e머뭇거릴 때가 아냐... 너의 머리카락이 기다리고 있어\u003c\/h3\u003e\n\u003cdiv class=\"urgency-content\"\u003e\n\u003cdiv class=\"urgency-card\"\u003e\n\u003cp\u003e지금 주문하고 머리가 더 이상 손상되지 않도록 하세요\u003c\/p\u003e\n\u003cdiv class=\"emphasis-highlight\"\u003e\n\u003cstrong\u003e진정한 수분 공급은 사치가 아니기 때문에... 필수입니다.\u003c\/strong\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-highlights\"\u003e\n\u003cdiv class=\"formula-card safe\"\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비오틴(비타민 B7)\u003c\/li\u003e\n\u003cli\u003e천연 보습 글리세린\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"formula-card avoid\"\u003e\n\u003ch4\u003e포함되지 않은 것\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e유해한 황산염 0%\u003c\/li\u003e\n\u003cli\u003e파라벤 0%\u003c\/li\u003e\n\u003cli\u003e실리콘 0%\u003c\/li\u003e\n\u003cli\u003e0% 가혹한 화학물질\u003c\/li\u003e\n\u003cli\u003e피부자극 0%\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA Section --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003cdiv class=\"cta-content\"\u003e\n\u003ch3\u003e오늘 진정한 수분 공급 여행을 시작하세요\u003c\/h3\u003e\n\u003cp\u003e당신의 머리카락은 최고가 될 자격이 있으며, 매일 자신감과 아름다움을 느낄 자격이 있습니다.\u003c\/p\u003e\n\u003cdiv class=\"cta-highlight\"\u003e\n\u003cstrong\u003e더 이상 기다리지 마세요... 당신의 머리카락이 당신의 아름다움을 말하게 해주세요\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, JOJOBA OIL, ROSEMARY EXTRACT, BIOTIN, GLYCERIN, AQUA\u003c\/p\u003e\n\u003cdiv class=\"inspirational-quote\"\u003e\n\u003cem\u003e\"머리카락을 제대로 관리하는 것은 사치가 아닙니다. 자신에 대한 사랑과 존중을 반영하는 필수품입니다.\"\u003c\/em\u003e\n\u003c\/div\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;\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\/* 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}\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 .hero-image img {\n max-width: 350px;\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.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\/* Problem Section *\/\n.problem-statement {\n margin-top: 30px;\n}\n\n.problem-card {\n background: white;\n padding: 40px;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n transition: transform 0.3s ease;\n}\n\n.problem-card:hover {\n transform: translateY(-5px);\n}\n\n.problem-card p {\n font-size: 1.2rem;\n line-height: 1.8;\n color: #333;\n margin-bottom: 25px;\n}\n\n.highlight-box {\n background: linear-gradient(135deg, #9C8102, #7a6600);\n color: white;\n padding: 25px;\n border-radius: 10px;\n text-align: center;\n box-shadow: 0 10px 30px rgba(156, 129, 2, 0.3);\n}\n\n\/* Uses Section *\/\n.uses-section {\n position: relative;\n z-index: 2;\n margin-top: 30px;\n}\n\n.uses-image {\n text-align: center;\n margin-bottom: 40px;\n}\n\n.product-description-container .uses-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.3);\n animation: slideInFromLeft 1s ease-out forwards;\n}\n\n.uses-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 25px;\n}\n\n.use-card {\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n padding: 30px;\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.use-card:hover {\n background: rgba(255, 255, 255, 0.15);\n transform: translateY(-8px);\n}\n\n.use-icon {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: #9C8102;\n margin: 0 auto 20px;\n display: block;\n box-shadow: 0 0 20px rgba(156, 129, 2, 0.4);\n}\n\n.use-card h4 {\n color: #9C8102 !important;\n font-size: 1.3rem;\n margin-bottom: 15px;\n font-weight: bold;\n}\n\n.use-card p {\n color: #ffffff !important;\n line-height: 1.6;\n font-style: italic;\n}\n\n\/* Difference Grid *\/\n.difference-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-top: 30px;\n}\n\n.ingredient-feature {\n background: white;\n padding: 35px;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n}\n\n.ingredient-feature::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, transparent);\n border-radius: 15px 15px 0 0;\n}\n\n.ingredient-feature:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n}\n\n.feature-icon {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background: linear-gradient(135deg, #9C8102, #7a6600);\n margin: 0 auto 20px;\n display: block;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n}\n\n.ingredient-feature h4 {\n color: #9C8102;\n font-size: 1.4rem;\n margin-bottom: 15px;\n font-weight: bold;\n}\n\n.ingredient-feature p {\n color: #555;\n line-height: 1.6;\n font-size: 1.1rem;\n}\n\n\/* Results Timeline *\/\n.results-timeline {\n position: relative;\n z-index: 2;\n margin-top: 30px;\n display: grid;\n gap: 25px;\n}\n\n.result-step {\n display: flex;\n align-items: center;\n gap: 30px;\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n padding: 30px;\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n}\n\n.result-step:hover {\n background: rgba(255, 255, 255, 0.15);\n transform: translateX(-10px);\n}\n\n.step-indicator {\n background: #9C8102;\n color: white;\n padding: 15px 20px;\n border-radius: 25px;\n flex-shrink: 0;\n text-align: center;\n box-shadow: 0 0 20px rgba(156, 129, 2, 0.4);\n}\n\n.step-text {\n font-weight: bold;\n font-size: 0.9rem;\n white-space: nowrap;\n}\n\n.step-content h4 {\n color: #9C8102 !important;\n font-size: 1.4rem;\n margin-bottom: 10px;\n font-weight: bold;\n}\n\n.step-content p {\n color: #ffffff !important;\n line-height: 1.6;\n font-size: 1.1rem;\n}\n\n\/* Value Grid *\/\n.value-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 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 position: relative;\n overflow: hidden;\n}\n\n.value-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.value-card:hover::before {\n transform: scaleX(1);\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: #9C8102;\n font-size: 1.3rem;\n margin-bottom: 15px;\n font-weight: bold;\n}\n\n.value-card p {\n color: #555;\n line-height: 1.6;\n}\n\n\/* Urgency Section *\/\n.urgency-content {\n position: relative;\n z-index: 2;\n margin-top: 30px;\n}\n\n.urgency-card {\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n padding: 40px;\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n}\n\n.urgency-card p {\n color: #ffffff !important;\n font-size: 1.3rem;\n line-height: 1.8;\n margin-bottom: 25px;\n}\n\n.emphasis-highlight {\n background: rgba(156, 129, 2, 0.3);\n color: #ffffff !important;\n padding: 25px;\n border-radius: 10px;\n border: 2px solid #9C8102;\n font-size: 1.2rem;\n}\n\n\/* Formula Highlights *\/\n.formula-highlights {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 30px;\n margin-top: 30px;\n}\n\n.formula-card {\n background: white;\n padding: 35px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n transition: transform 0.3s ease;\n}\n\n.formula-card:hover {\n transform: translateY(-5px);\n}\n\n.formula-card h4 {\n font-size: 1.4rem;\n margin-bottom: 20px;\n font-weight: bold;\n text-align: center;\n}\n\n.formula-card.safe h4 {\n color: #28a745;\n}\n\n.formula-card.avoid h4 {\n color: #dc3545;\n}\n\n.formula-card ul {\n list-style: none;\n}\n\n.formula-card li {\n padding: 8px 0;\n padding-right: 25px;\n position: relative;\n line-height: 1.5;\n color: #555;\n}\n\n.formula-card.safe li::before {\n content: '✓';\n color: #28a745;\n font-weight: bold;\n position: absolute;\n right: 0;\n top: 8px;\n}\n\n.formula-card.avoid li::before {\n content: '✗';\n color: #dc3545;\n font-weight: bold;\n position: absolute;\n right: 0;\n top: 8px;\n}\n\n\/* CTA Section *\/\n.cta-section {\n background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);\n color: white;\n padding: 60px 40px;\n border-radius: 20px;\n margin: 40px 0;\n position: relative;\n overflow: hidden;\n text-align: center;\n}\n\n.cta-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.1) 0%, transparent 70%);\n animation: pulse 4s ease-in-out infinite;\n}\n\n.cta-content {\n position: relative;\n z-index: 2;\n}\n\n.cta-content h3 {\n font-size: 2.2rem;\n margin-bottom: 20px;\n font-weight: bold;\n color: #9C8102;\n}\n\n.cta-content p {\n font-size: 1.3rem;\n margin-bottom: 25px;\n opacity: 0.9;\n line-height: 1.6;\n color: #ffffff !important;\n}\n\n.cta-highlight {\n font-size: 1.5rem;\n padding: 30px;\n background: rgba(156, 129, 2, 0.2);\n border-radius: 15px;\n border: 2px solid #9C8102;\n color: #ffffff !important;\n font-weight: bold;\n backdrop-filter: blur(10px);\n}\n\n\/* Ingredients List *\/\n.ingredients-list {\n background: #f8f8f8;\n padding: 40px;\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.4rem;\n margin-bottom: 20px;\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: 30px;\n padding: 20px;\n background: white;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n}\n\n.inspirational-quote {\n color: #666;\n font-style: italic;\n font-size: 1.1rem;\n line-height: 1.8;\n max-width: 800px;\n margin: 0 auto;\n padding: 25px;\n border-left: 4px solid #9C8102;\n background: rgba(156, 129, 2, 0.05);\n border-radius: 0 10px 10px 0;\n}\n\n\/* General dark section text fixes *\/\n.dark-section p {\n color: #ffffff !important;\n}\n\n.dark-section h4 {\n color: #9C8102 !important;\n}\n\n.dark-section .section-title {\n color: #9C8102 !important;\n}\n\n.dark-section * {\n color: inherit;\n}\n\n\/* Animations *\/\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 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 .uses-grid,\n .product-description-container .difference-grid,\n .product-description-container .value-grid {\n grid-template-columns: 1fr;\n }\n \n .product-description-container .formula-highlights {\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 .result-step {\n flex-direction: column;\n text-align: center;\n gap: 15px;\n }\n \n .product-description-container .cta-content h3 {\n font-size: 1.7rem;\n }\n \n .product-description-container .cta-content p {\n font-size: 1.1rem;\n }\n \n .product-description-container .cta-highlight {\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 \/\/ Golden glow animation timing\n const goldenGlow = container.querySelector('.golden-glow');\n if (goldenGlow) {\n goldenGlow.style.animationDelay = '1s';\n }\n\n \/\/ Staggered animation for use cards\n const useCards = container.querySelectorAll('.use-card');\n useCards.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 value cards\n const valueCards = container.querySelectorAll('.value-card');\n valueCards.forEach((card, index) =\u003e {\n card.style.animationDelay = `${index * 0.15}s`;\n card.style.animation = 'fadeInUp 0.6s ease-out forwards';\n });\n\n \/\/ Staggered animation for ingredient features\n const ingredientFeatures = container.querySelectorAll('.ingredient-feature');\n ingredientFeatures.forEach((feature, index) =\u003e {\n feature.style.animationDelay = `${index * 0.2}s`;\n feature.style.animation = 'fadeInUp 0.7s ease-out forwards';\n });\n\n \/\/ Staggered animation for result steps\n const resultSteps = container.querySelectorAll('.result-step');\n resultSteps.forEach((step, index) =\u003e {\n step.style.animationDelay = `${index * 0.3}s`;\n step.style.animation = 'fadeInUp 0.8s ease-out forwards';\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 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 if (!img.closest('.hero-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 \/\/ Formula cards animation\n const formulaCards = container.querySelectorAll('.formula-card');\n formulaCards.forEach((card, index) =\u003e {\n card.style.animationDelay = `${index * 0.2}s`;\n card.style.animation = 'fadeInUp 0.6s ease-out forwards';\n });\n\n \/\/ Hover effect for floating elements\n const floatingElements = container.querySelectorAll('.value-card, .ingredient-feature, .use-card');\n floatingElements.forEach(element =\u003e {\n element.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-10px) scale(1.02)';\n });\n \n element.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0) scale(1)';\n });\n });\n});\n\u003c\/script\u003e","brand":"Bobana","offers":[{"title":"Default Title","offer_id":44914620924101,"sku":null,"price":145.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-conditioner-with-argan-oil-109498.webp?v=1752596397"},{"product_id":"bobana-whitening-cream-for-face-body","title":"보바나 화이트닝 크림 포 페이스 \u0026 바디.보바나 화이트닝 크림 포 페이스 \u0026 바디","description":"\u003cdiv class=\"product-description\" dir=\"ltr\" style=\"max-width: 800px; margin: 0 auto; color: #333;\"\u003e\n\u003c!-- Header Section --\u003e\n\u003cdiv class=\"header-section\" style=\"text-align: center; margin-bottom: 40px;\"\u003e\n\u003ch1 class=\"animate-header\" style=\"color: #9C8102; font-size: 2.5em; margin-bottom: 20px; font-weight: bold; opacity: 0; transform: translateY(20px);\"\u003e보바나 화이트닝 크림: 더욱 맑고 깨끗한 피부를 위한 스마트 솔루션\u003c\/h1\u003e\n\u003cimg alt=\"Bobana Whitening Cream\" class=\"animate-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-whitening-cream-for-face-body-456992_8fbbdcfb-821a-4bee-8dda-34ae12f4a53b.webp?v=1752598888\" style=\"max-width: 100%; height: auto; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); opacity: 0; transform: scale(0.95);\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- Why Bobana Section --\u003e\n\u003cdiv class=\"section\" style=\"background: #000; color: #fff; padding: 30px; border-radius: 10px; margin-bottom: 40px;\"\u003e\n\u003ch2 class=\"animate-section-title\" style=\"color: #9C8102; font-size: 1.8em; margin-bottom: 20px; font-weight: bold; opacity: 0; transform: translateX(20px);\"\u003e피부 트러블이 계속 발생하지 않아도 됩니다.\u003c\/h2\u003e\n\u003cp class=\"animate-section-text\" style=\"font-size: 1.1em; line-height: 1.6; opacity: 0; transform: translateX(20px);\"\u003e햇빛, 오염, 심지어 일상의 스트레스로 인해 다크스팟, 고르지 못한 피부톤, 칙칙함이 나타납니다.문제를 무시하거나 일시적인 해결책에 의존하기보다는, \u003cstrong style=\"color: #9C8102;\"\u003eBobana Whitening Cream\u003c\/strong\u003e 모든 피부 타입에 적합한 포뮬러로 피부톤을 완벽하게 안전하게 밝게 하고 통일시키는 효과적인 방법을 제공합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Why Choose Bobana Section --\u003e\n\u003cdiv class=\"section\" style=\"margin-bottom: 40px;\"\u003e\n\u003ch3 class=\"animate-section-title\" style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; font-weight: bold; opacity: 0; transform: translateX(20px);\"\u003eBobana를 선택하게 된 이유는 무엇인가요?\u003c\/h3\u003e\n\u003cimg alt=\"Bobana Cream Features\" class=\"animate-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-whitening-cream-for-face-body-122967.webp?v=1752598868\" style=\"max-width: 100%; height: auto; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); margin-bottom: 20px; opacity: 0; transform: scale(0.95);\"\/\u003e\n\u003cp class=\"animate-section-text\" style=\"font-size: 1.1em; line-height: 1.6; opacity: 0; transform: translateX(20px);\"\u003e시중에는 미백 제품이 넘쳐나지만, 그 중 상당수는 오래되었거나 피부에 해를 끼칠 수 있는 독한 성분을 사용하고 있습니다. \u003cstrong style=\"color: #9C8102;\"\u003eBobana Whitening Cream\u003c\/strong\u003e 기술이 특징입니다 \u003cstrong\u003eDermawhite®\u003c\/strong\u003e 자극이나 기름진 느낌 없이 실제 결과를 얻기 위해 함께 작용하는 천연 및 과학 성분을 사용한 고급 제품입니다.크림은 흡수가 빠르고 모공을 막지 않아 민감한 피부에도 적합합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"section\" style=\"background: #f5f5f5; padding: 30px; border-radius: 10px; margin-bottom: 40px;\"\u003e\n\u003ch3 class=\"animate-section-title\" style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; font-weight: bold; opacity: 0; transform: translateX(20px);\"\u003e재료: 큰 결과를 가져오는 간단한 과학\u003c\/h3\u003e\n\u003cp class=\"animate-section-text\" style=\"font-size: 1.1em; line-height: 1.6; margin-bottom: 20px; opacity: 0; transform: translateX(20px);\"\u003e이 크림의 각 성분에는 구체적이고 잘 연구된 역할이 있습니다.\u003c\/p\u003e\n\u003cul class=\"animate-list\" style=\"list-style: none; padding: 0; opacity: 0; transform: translateX(20px);\"\u003e\n\u003cli style=\"font-size: 1.1em; margin-bottom: 10px;\"\u003e\n\u003cspan style=\"color: #9C8102; margin-left: 10px;\"\u003e•\u003c\/span\u003e \u003cstrong\u003eDermawhite® WF\u003c\/strong\u003e: 28일 이내에 멜라닌 생성을 최대 60%까지 감소시키는 현대적인 기술로 안전하고 지속가능한 라이트닝을 선사합니다.\u003c\/li\u003e\n\u003cli style=\"font-size: 1.1em; margin-bottom: 10px;\"\u003e\n\u003cspan style=\"color: #9C8102; margin-left: 10px;\"\u003e•\u003c\/span\u003e \u003cstrong\u003e비타민 C(아스코르빈산)\u003c\/strong\u003e: 피부 칙칙함을 유발하는 활성산소를 제거하고, 정기적으로 사용 시 다크 스팟을 최대 25% 감소시킵니다.\u003c\/li\u003e\n\u003cli style=\"font-size: 1.1em; margin-bottom: 10px;\"\u003e\n\u003cspan style=\"color: #9C8102; margin-left: 10px;\"\u003e•\u003c\/span\u003e \u003cstrong\u003eHyaluronic Acid\u003c\/strong\u003e: 피부의 수분을 유지시켜 부드럽고 탱탱하게 가꾸어 주며, 잔주름을 줄여줍니다.\u003c\/li\u003e\n\u003cli style=\"font-size: 1.1em; margin-bottom: 10px;\"\u003e\n\u003cspan style=\"color: #9C8102; margin-left: 10px;\"\u003e•\u003c\/span\u003e \u003cstrong\u003e알파 알부틴과 코직산\u003c\/strong\u003e: 색소침착을 효과적으로 감소시키고 새로운 반점의 출현을 예방합니다.\u003c\/li\u003e\n\u003cli style=\"font-size: 1.1em; margin-bottom: 10px;\"\u003e\n\u003cspan style=\"color: #9C8102; margin-left: 10px;\"\u003e•\u003c\/span\u003e \u003cstrong\u003e글루타티온 및 멜라슬로우™\u003c\/strong\u003e: 피부의 윤기를 높여주고, 오염과 스트레스로부터 피부를 보호해줍니다.\u003c\/li\u003e\n\u003cli style=\"font-size: 1.1em; margin-bottom: 10px;\"\u003e\n\u003cspan style=\"color: #9C8102; margin-left: 10px;\"\u003e•\u003c\/span\u003e \u003cstrong\u003e코코아 버터와 아몬드 오일\u003c\/strong\u003e: 가볍고 편안한 사용감으로 피부에 영양을 공급하여 보송보송하게 가꾸어줍니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"animate-section-text\" style=\"font-size: 1.1em; line-height: 1.6; opacity: 0; transform: translateX(20px);\"\u003e이 포뮬러는 피부를 밝게 해줄 뿐만 아니라 피부를 치료하고 보호하는 효과도 동시에 제공하므로 효과가 지속됩니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Results Timeline Section --\u003e\n\u003cdiv class=\"section\" style=\"margin-bottom: 40px;\"\u003e\n\u003ch3 class=\"animate-section-title\" style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; font-weight: bold; opacity: 0; transform: translateX(20px);\"\u003e언제 그 차이를 볼 수 있을까요?\u003c\/h3\u003e\n\u003cul class=\"animate-list\" style=\"list-style: none; padding: 0; opacity: 0; transform: translateX(20px);\"\u003e\n\u003cli style=\"font-size: 1.1em; margin-bottom: 10px;\"\u003e\n\u003cspan style=\"color: #9C8102; margin-left: 10px;\"\u003e•\u003c\/span\u003e \u003cstrong\u003e일주일\u003c\/strong\u003e: 피부에 깊은 수분 공급으로 더욱 부드럽고 윤기나는 피부로 가꾸어 줍니다. \u003cstrong\u003eHyaluronic Acid\u003c\/strong\u003e 그리고 코코아 버터.\u003c\/li\u003e\n\u003cli style=\"font-size: 1.1em; margin-bottom: 10px;\"\u003e\n\u003cspan style=\"color: #9C8102; margin-left: 10px;\"\u003e•\u003c\/span\u003e \u003cstrong\u003e2주\u003c\/strong\u003e다크스팟이 점차 사라지기 시작합니다 \u003cstrong\u003eAlpha Arbutin\u003c\/strong\u003e 그리고\u003cstrong\u003e비타민 C\u003c\/strong\u003e.\u003c\/li\u003e\n\u003cli style=\"font-size: 1.1em; margin-bottom: 10px;\"\u003e\n\u003cspan style=\"color: #9C8102; margin-left: 10px;\"\u003e•\u003c\/span\u003e \u003cstrong\u003e28일\u003c\/strong\u003e: 최대 6가지 쉐이드의 라이트닝으로 피부톤이 선명하게 균일하게 유지됩니다.\u003c\/li\u003e\n\u003cli style=\"font-size: 1.1em; margin-bottom: 10px;\"\u003e\n\u003cspan style=\"color: #9C8102; margin-left: 10px;\"\u003e•\u003c\/span\u003e \u003cstrong\u003e2개월\u003c\/strong\u003e: 칙칙함 없이 맑고 윤기나는 피부로 건강하고 자연스러운 모습을 연출합니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Why Bobana Again Section --\u003e\n\u003cdiv class=\"section\" style=\"background: #000; color: #fff; padding: 30px; border-radius: 10px; margin-bottom: 40px;\"\u003e\n\u003ch3 class=\"animate-section-title\" style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; font-weight: bold; opacity: 0; transform: translateX(20px);\"\u003e보바나를 선택하는 이유는 무엇입니까?\u003c\/h3\u003e\n\u003cp class=\"animate-section-text\" style=\"font-size: 1.1em; line-height: 1.6; opacity: 0; transform: translateX(20px);\"\u003e가혹한 화학물질이나 피상적인 결과에 의존하는 다른 제품들과 달리, \u003cstrong style=\"color: #9C8102;\"\u003eBobana\u003c\/strong\u003e 등의 첨단 기술을 결합한 제품입니다. \u003cstrong\u003eDermawhite®\u003c\/strong\u003e 그리고\u003cstrong\u003eMelaslow™\u003c\/strong\u003e 천연 성분을 사용하여 확실한 결과를 통해 손이 안전하게 밝아집니다.이 크림은 얼굴과 몸에 작용하며 알레르기를 일으키지 않고 모든 피부 타입에 이상적입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions Section --\u003e\n\u003cdiv class=\"section\" style=\"margin-bottom: 40px;\"\u003e\n\u003ch3 class=\"animate-section-title\" style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; font-weight: bold; opacity: 0; transform: translateX(20px);\"\u003e사용방법\u003c\/h3\u003e\n\u003cp class=\"animate-section-text\" style=\"font-size: 1.1em; line-height: 1.6; opacity: 0; transform: translateX(20px);\"\u003e피부를 깨끗이 씻은 후 물기를 잘 말린 후 적당량을 발라줍니다. \u003cstrong style=\"color: #9C8102;\"\u003eBobana Whitening Cream\u003c\/strong\u003e (아침, 저녁) 원을 그리며 마사지합니다.최상의 결과를 얻으려면 매일 계속 사용하십시오.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"section cta-section\" style=\"background: #000; color: #fff; padding: 30px; border-radius: 10px; text-align: center; margin-bottom: 40px;\"\u003e\n\u003ch3 class=\"animate-section-title\" style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; font-weight: bold; opacity: 0; transform: translateY(20px);\"\u003e지금 움직여라\u003c\/h3\u003e\n\u003cp class=\"animate-section-text\" style=\"font-size: 1.1em; line-height: 1.6; margin-bottom: 20px; opacity: 0; transform: translateY(20px);\"\u003e귀하가 원하는 결과를 얻지 못하는 제품을 계속 사용할 필요는 없습니다. \u003cstrong style=\"color: #9C8102;\"\u003eBobana Whitening Cream\u003c\/strong\u003e 당신의 피부를 더욱 맑고 깨끗하게 만들어줄 선택입니다.지금 바로 당사 홈페이지나 가까운 약국에서 구매하시고, 피부 변화의 여정을 시작해 보세요.\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\" style=\"display: inline-block; padding: 12px 30px; background: #9C8102; color: #fff; text-decoration: none; border-radius: 5px; font-size: 1.1em; font-weight: bold; transition: transform 0.3s ease, box-shadow 0.3s ease;\"\u003e지금 구매\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Summary Section --\u003e\n\u003cdiv class=\"section\" style=\"background: #f5f5f5; padding: 30px; border-radius: 10px; margin-bottom: 40px;\"\u003e\n\u003ch3 class=\"animate-section-title\" style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; font-weight: bold; opacity: 0; transform: translateX(20px);\"\u003e모든 구성요소\u003c\/h3\u003e\n\u003cp class=\"animate-section-text\" style=\"font-size: 1.1em; line-height: 1.6; opacity: 0; transform: translateX(20px);\"\u003eDermawhite® WF, 비타민 C(아스코르브산), 히알루론산, 알파 알부틴, 코직산, 글루타티온, 멜라슬로우™, 코코아 버터, 아몬드 오일\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Quote Section --\u003e\n\u003cdiv class=\"section\" style=\"text-align: center; margin-bottom: 40px;\"\u003e\n\u003cp class=\"animate-section-text\" style=\"font-size: 1.2em; font-style: italic; color: #333; opacity: 0; transform: translateY(20px);\"\u003e“스킨케어는 사치가 아니라 자신감에 대한 투자입니다.”\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .product-description {\n overflow: hidden;\n }\n\n .animate-header, .animate-section-title, .animate-section-text, .animate-list, .animate-image {\n transition: all 0.6s ease-out;\n }\n\n .animate-header.animated, .animate-section-title.animated, .animate-section-text.animated, .animate-list.animated, .animate-image.animated {\n opacity: 1 !important;\n transform: translateX(0) translateY(0) scale(1) !important;\n }\n\n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n }\n\u003c\/style\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', () =\u003e {\n const elements = document.querySelectorAll('.animate-header, .animate-section-title, .animate-section-text, .animate-list, .animate-image');\n \n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('animated');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2 });\n\n elements.forEach(element =\u003e observer.observe(element));\n });\n\u003c\/script\u003e","brand":"Bobana","offers":[{"title":"Default Title","offer_id":44914848694469,"sku":null,"price":70.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-whitening-cream-for-face-body-719554.webp?v=1752599364"},{"product_id":"bobana-whitening-cream-for-sensitive-areas","title":"민감한 부위를 위한 보바나 화이트닝 크림.민감한 부위를 위한 보바나 화이트닝 크림","description":"\u003cdiv class=\"product-description\" style=\"max-width: 800px; margin: 0 auto; color: #333; direction: ltr;\"\u003e\n\u003c!-- Header Section --\u003e\n\u003cdiv class=\"header-section\" style=\"text-align: center; margin-bottom: 40px;\"\u003e\n\u003ch1 class=\"animate-header\" style=\"color: #9C8102; opacity: 0; transform: translateY(50px);\"\u003e피부가 어두워지나요?이제 진정한 해결책이 필요한 때입니다!\u003c\/h1\u003e\n\u003cdiv class=\"animate-image\" style=\"opacity: 0; transform: scale(0.8);\"\u003e\n\u003cimg alt=\"Bobana Whitening Cream\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-whitening-cream-for-face-body-456992_8fbbdcfb-821a-4bee-8dda-34ae12f4a53b.webp?v=1752598888\" style=\"max-width: 100%; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\"\/\u003e\n\u003c\/div\u003e\n\u003cp class=\"animate-section-text\" style=\"opacity: 0; transform: translateX(50px);\"\u003e신체의 특정 부위의 색깔이 균일하지 않아 통제하고 싶다고 느낀 적이 있습니까?겨드랑이나 비키니 부위와 같이 민감한 부위의 다크닝은 많은 사람들에게 여전히 자극의 원인으로 남아 있으며, 당신은 혼자가 아닙니다!제대로 관리하지 않으면 피부는 나날이 약해지고 있으며, 기존의 솔루션은 일시적으로 남아 있거나 자극을 일으키는 경우가 많습니다.하지만 \u003cstrong style=\"color: #9C8102;\"\u003eBobana Whitening Cream For Sensitive Areas\u003c\/strong\u003e피부가 밝아질 뿐만 아니라 실제로 문제의 근원을 치료하고 있다는 자신감을 갖게 될 것입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Why Bobana Section --\u003e\n\u003cdiv class=\"section\" style=\"margin-bottom: 40px; background: #000; color: #fff; padding: 30px; border-radius: 10px;\"\u003e\n\u003ch2 class=\"animate-section-title\" style=\"color: #9C8102; opacity: 0; transform: translateY(30px);\"\u003eBobana가 당신이 시도해야 할 솔루션인 이유는 무엇입니까?\u003c\/h2\u003e\n\u003cp class=\"animate-section-text\" style=\"opacity: 0; transform: translateX(50px);\"\u003e모든 미백 크림이 해결책은 아닙니다!시중에 나와 있는 많은 제품은 자극을 유발하거나 모공을 막아 피부를 더욱 고통스럽게 만드는 독한 성분을 사용합니다. \u003cstrong style=\"color: #9C810 поств2;\"\u003eBobana Whitening Cream\u003c\/strong\u003e 기술을 기반으로 한 혁신적인 포뮬러로 민감한 부위를 위해 특별히 설계되었기 때문에 다릅니다. \u003cstrong\u003eDermawhite®\u003c\/strong\u003e 태닝을 안전하고 효과적으로 치료하는 천연 성분과 과학 성분의 조합입니다.이 크림은 피부를 밝게 해줄 뿐만 아니라 영양을 공급하고 일상적인 손상으로부터 피부를 보호합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"section\" style=\"margin-bottom: 40px;\"\u003e\n\u003ch3 class=\"animate-section-title\" style=\"color: #9C8102; opacity: 0; transform: translateY(30px);\"\u003e진정한 변화를 만들어내는 성분\u003c\/h3\u003e\n\u003cdiv class=\"animate-list\" style=\"display: flex; flex-wrap: wrap; gap: 15px; opacity: 0; transform: translateX(50px);\"\u003e\n\u003cdiv style=\"background: #f5f5f5; padding: 15px; border-radius: 8px; flex: 1 1 45%; text-align: left;\"\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003eDermawhite® WF\u003c\/strong\u003e: 멜라닌 생성을 과학적으로 감소시키는 첨단 기술입니다.\n \u003c\/div\u003e\n\u003cdiv style=\"background: #f5f5f5; padding: 15px; border-radius: 8px; flex: 1 1 45%; text-align: left;\"\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003e비타민 C\u003c\/strong\u003e: 다크스팟을 케어하는 강력한 항산화제입니다.\n \u003c\/div\u003e\n\u003cdiv style=\"background: #f5f5f5; padding: 15px; border-radius: 8px; flex: 1 1 45%; text-align: left;\"\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003e히알루론산\u003c\/strong\u003e: 피부를 깊숙이 촉촉하게 유지해줍니다.\n \u003c\/div\u003e\n\u003cdiv style=\"background: #f5f5f5; padding: 15px; border-radius: 8px; flex: 1 1 45%; text-align: left;\"\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003e코코아 버터와 아몬드 오일\u003c\/strong\u003e: 피부에 영양을 공급하여 탄력있게 가꾸어줍니다.\n \u003c\/div\u003e\n\u003cdiv style=\"background: #f5f5f5; padding: 15px; border-radius: 8px; flex: 1 1 45%; text-align: left;\"\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003e파파야 추출물과 크랜베리 추출물\u003c\/strong\u003e: 라이트닝을 강화해줍니다.\n \u003c\/div\u003e\n\u003cdiv style=\"background: #f5f5f5; padding: 15px; border-radius: 8px; flex: 1 1 45%; text-align: left;\"\u003e\n\u003cstrong style=\"color: #9C8102;\"\u003e글루타티온과 알파 알부틴\u003c\/strong\u003e: 색소침착을 효과적으로 감소시킵니다.\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Unique Features Section --\u003e\n\u003cdiv class=\"section\" style=\"margin-bottom: 40px; background: #000; color: #fff; padding: 30px; border-radius: 10px;\"\u003e\n\u003ch3 class=\"animate-section-title\" style=\"color: #9C8102; opacity: 0; transform: translateY(30px);\"\u003eBobana가 나머지 제품과 다른 점은 무엇입니까?\u003c\/h3\u003e\n\u003cp class=\"animate-section-text\" style=\"opacity: 0; transform: translateX(50px);\"\u003e하이드로퀴논 등 독한 화학물질을 사용하는 기존 미백제품과 달리 \u003cstrong style=\"color: #9C8102;\"\u003eBobana\u003c\/strong\u003e 모공을 막거나 알레르기를 일으키지 않고 빠르게 흡수되는 가벼운 포뮬러에 과학과 자연을 결합했습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Journey Section --\u003e\n\u003cdiv class=\"section\" style=\"margin-bottom: 40px;\"\u003e\n\u003ch2 class=\"animate-section-title\" style=\"color: #9C8102; opacity: 0; transform: translateY(30px);\"\u003e보바나와 함께하는 피부 여행\u003c\/h2\u003e\n\u003cul class=\"animate-list\" style=\"list-style: none; padding: 0; opacity: 0; transform: translateX(50px);\"\u003e\n\u003cli style=\"margin-bottom: 15px; position: relative; padding-right: 30px;\"\u003e\n\u003cspan style=\"color: #9C8102; position: absolute; right: 0; font-size: 1.2em;\"\u003e•\u003c\/span\u003e\n\u003cstrong\u003e첫 번째 주\u003c\/strong\u003e: 세포 재생을 시작하고 멜라닌 색소의 균형을 맞춰줍니다.\n \u003c\/li\u003e\n\u003cli style=\"margin-bottom: 15px; position: relative; padding-right: 30px;\"\u003e\n\u003cspan style=\"color: #9C8102; position: absolute; right: 0; font-size: 1.2em;\"\u003e•\u003c\/span\u003e\n\u003cstrong\u003e2주 후\u003c\/strong\u003e어두운 반점이 크게 줄어들기 시작합니다.\n \u003c\/li\u003e\n\u003cli style=\"margin-bottom: 15px; position: relative; padding-right: 30px;\"\u003e\n\u003cspan style=\"color: #9C8102; position: absolute; right: 0; font-size: 1.2em;\"\u003e•\u003c\/span\u003e\n\u003cstrong\u003e한 달 후\u003c\/strong\u003e: 최대 6도까지 라이트닝하여 건강한 피부로 가꾸어줍니다.\n \u003c\/li\u003e\n\u003cli style=\"margin-bottom: 15px; position: relative; padding-right: 30px;\"\u003e\n\u003cspan style=\"color: #9C8102; position: absolute; right: 0; font-size: 1.2em;\"\u003e•\u003c\/span\u003e\n\u003cstrong\u003e3개월 후\u003c\/strong\u003e: 태닝 현상 없이 매끈하고 윤기나는 피부를 선사합니다.\n \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Customer Reviews Section --\u003e\n\u003cdiv class=\"section\" style=\"margin-bottom: 40px; background: #000; color: #fff; padding: 30px; border-radius: 10px;\"\u003e\n\u003ch2 class=\"animate-section-title\" style=\"color: #9C8102; opacity: 0; transform: translateY(30px);\"\u003e고객 경험\u003c\/h2\u003e\n\u003cul class=\"animate-list\" style=\"list-style: none; padding: 0; opacity: 0; transform: translateX(50px);\"\u003e\n\u003cli style=\"margin-bottom: 15px; position: relative; padding-right: 30px;\"\u003e\n\u003cspan style=\"color: #9C8102; position: absolute; right: 0; font-size: 1.2em;\"\u003e•\u003c\/span\u003e\n\u003cstrong\u003e장점\u003c\/strong\u003e: 95%가 2주 이내에 눈에 띄게 밝아지는 것을 느꼈습니다.\n \u003c\/li\u003e\n\u003cli style=\"margin-bottom: 15px; position: relative; padding-right: 30px;\"\u003e\n\u003cspan style=\"color: #9C8102; position: absolute; right: 0; font-size: 1.2em;\"\u003e•\u003c\/span\u003e\n\u003cstrong\u003e메모\u003c\/strong\u003e: 5%는 깊은 색소침착에 3주정도 걸린다고 했습니다.\n \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Full Ingredients Section --\u003e\n\u003cdiv class=\"section\" style=\"margin-bottom: 40px;\"\u003e\n\u003ch2 class=\"animate-section-title\" style=\"color: #9C8102; opacity: 0; transform: translateY(30px);\"\u003e모든 구성요소\u003c\/h2\u003e\n\u003cdiv class=\"animate-list\" style=\"display: flex; flex-wrap: wrap; gap: 15px; opacity: 0; transform: translateX(50px);\"\u003e\n\u003cdiv style=\"background: #f5f5f5; padding: 10px; border-radius: 8px; flex: 1 1 30%; text-align: left;\"\u003eDermawhite® WF\u003c\/div\u003e\n\u003cdiv style=\"background: #f5f5f5; padding: 10px; border-radius: 8px; flex: 1 1 30%; text-align: left;\"\u003e비타민 C\u003c\/div\u003e\n\u003cdiv style=\"background: #f5f5f5; padding: 10px; border-radius: 8px; flex: 1 1 30%; text-align: left;\"\u003e코코아 버터\u003c\/div\u003e\n\u003cdiv style=\"background: #f5f5f5; padding: 10px; border-radius: 8px; flex: 1 1 30%; text-align: left;\"\u003eB-White\u003c\/div\u003e\n\u003cdiv style=\"background: #f5f5f5; padding: 10px; border-radius: 8px; flex: 1 1 30%; text-align: left;\"\u003e녹차추출물\u003c\/div\u003e\n\u003cdiv style=\"background: #f5f5f5; padding: 10px; border-radius: 8px; flex: 1 1 30%; text-align: left;\"\u003e수박추출물\u003c\/div\u003e\n\u003cdiv style=\"background: #f5f5f5; padding: 10px; border-radius: 8px; flex: 1 1 30%; text-align: left;\"\u003e아몬드 오일\u003c\/div\u003e\n\u003cdiv style=\"background: #f5f5f5; padding: 10px; border-radius: 8px; flex: 1 1 30%; text-align: left;\"\u003e히알루론산\u003c\/div\u003e\n\u003cdiv style=\"background: #f5f5f5; padding: 10px; border-radius: 8px; flex: 1 1 30%; text-align: left;\"\u003e비타민 B3(나이아신아마이드)\u003c\/div\u003e\n\u003cdiv style=\"background: #f5f5f5; padding: 10px; border-radius: 8px; flex: 1 1 30%; text-align: left;\"\u003e콜라겐\u003c\/div\u003e\n\u003cdiv style=\"background: #f5f5f5; padding: 10px; border-radius: 8px; flex: 1 1 30%; text-align: left;\"\u003e쌀 단백질\u003c\/div\u003e\n\u003cdiv style=\"background: #f5f5f5; padding: 10px; border-radius: 8px; flex: 1 1 30%; text-align: left;\"\u003e파파야 추출물\u003c\/div\u003e\n\u003cdiv style=\"background: #f5f5f5; padding: 10px; border-radius: 8px; flex: 1 1 30%; text-align: left;\"\u003e수산화나트륨\u003c\/div\u003e\n\u003cdiv style=\"background: #f5f5f5; padding: 10px; border-radius: 8px; flex: 1 1 30%; text-align: left;\"\u003e알파 알부틴\u003c\/div\u003e\n\u003cdiv style=\"background: #f5f5f5; padding: 10px; border-radius: 8px; flex: 1 1 30%; text-align: left;\"\u003e크랜베리 추출물\u003c\/div\u003e\n\u003cdiv style=\"background: #f5f5f5; padding: 10px; border-radius: 8px; flex: 1 1 30%; text-align: left;\"\u003eEtioline™\u003c\/div\u003e\n\u003cdiv style=\"background: #f5f5f5; padding: 10px; border-radius: 8px; flex: 1 1 30%; text-align: left;\"\u003e코직산\u003c\/div\u003e\n\u003cdiv style=\"background: #f5f5f5; padding: 10px; border-radius: 8px; flex: 1 1 30%; text-align: left;\"\u003e스테아르산\u003c\/div\u003e\n\u003cdiv style=\"background: #f5f5f5; padding: 10px; border-radius: 8px; flex: 1 1 30%; text-align: left;\"\u003e프로필렌 글리콜\u003c\/div\u003e\n\u003cdiv style=\"background: #f5f5f5; padding: 10px; border-radius: 8px; flex: 1 1 30%; text-align: left;\"\u003eMelaslow™\u003c\/div\u003e\n\u003cdiv style=\"background: #f5f5f5; padding: 10px; border-radius: 8px; flex: 1 1 30%; text-align: left;\"\u003e글루타티온\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"section\" style=\"text-align: center; background: #000; color: #fff; padding: 30px; border-radius: 10px; margin-bottom: 40px;\"\u003e\n\u003ch2 class=\"animate-section-title\" style=\"color: #9C8102; opacity: 0; transform: translateY(30px);\"\u003e지금 시작하세요...당신의 피부가 당신을 대신해 말하게 해주세요!\u003c\/h2\u003e\n\u003cp class=\"animate-section-text\" style=\"opacity: 0; transform: translateX(50px);\"\u003e왜 기다리고 있나요?어두워지는 것은 미적인 문제일 뿐만 아니라 자신감에도 영향을 미칩니다.와 \u003cstrong style=\"color: #9C8102;\"\u003eBobana Whitening Cream\u003c\/strong\u003e당신은 단지 제품을 시험해 보는 것이 아니라 건강하고 빛나는 피부에 투자하고 있는 것입니다.\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\" style=\"display: inline-block; background: #9C8102; color: #fff; padding: 15px 30px; border-radius: 25px; text-decoration: none; transition: all 0.3s ease;\"\u003e지금 주문하세요\u003c\/a\u003e\n\u003cblockquote class=\"animate-section-text\" style=\"margin-top: 20px; opacity: color:white; 0; transform: translateY(30px);\"\u003e\n\u003cp\u003e\"스킨 케어는 사치가 아니라 자신감에 대한 투자입니다. 피부는 거울입니다. 항상 가장 아름다운 모습을 비추도록 하세요.\"\u003c\/p\u003e\n\u003c\/blockquote\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .product-description {\n overflow: hidden;\n }\n\n .animate-header, .animate-section-title, .animate-section-text, .animate-list, .animate-image {\n transition: all 0.6s ease-out;\n }\n\n .animate-header.animated, .animate-section-title.animated, .animate-section-text.animated, .animate-list.animated, .animate-image.animated {\n opacity: 1 !important;\n transform: translateX(0) translateY(0) scale(1) !important;\n }\n\n .cta-button {\n transition: all 0.3s ease;\n }\n\n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n }\n\n .section {\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.8s ease-out;\n }\n\n .section.animated {\n opacity: 1;\n transform: translateY(0);\n }\n\u003c\/style\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', () =\u003e {\n const observerOptions = {\n root: null,\n rootMargin: '0px',\n threshold: 0.1\n };\n\n const observer = new IntersectionObserver((entries, observer) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('animated');\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.animate-header, .animate-section-title, .animate-section-text, .animate-list, .animate-image, .section').forEach(element =\u003e {\n observer.observe(element);\n });\n });\n\u003c\/script\u003e","brand":"Bobana","offers":[{"title":"Default Title","offer_id":44914895487173,"sku":null,"price":70.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-whitening-cream-for-face-body-719554.webp?v=1752599364"},{"product_id":"bobana-charcoal-face-wash-غسول-الفحم-النشط-بوبانا","title":"보바나 숯 페이스 워시 보바나 활성탄 페이스 워시","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-charcoal-face-wash-423346.png?v=1752675327\"\/\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!-- Problem Section --\u003e\n\u003cdiv class=\"section-container dark-section\"\u003e\n\u003ch3 class=\"section-title\"\u003e얼굴 지방과 막힌 모공을 없애는 방법을 모르시나요?\u003c\/h3\u003e\n\u003cdiv class=\"problem-statement\"\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cp\u003e이전에 사용해 본 모든 클렌저가 얼굴을 위에서부터 클렌징하고 모공 속에 묻은 기름과 먼지를 남겨 두었습니까?\u003c\/p\u003e\n\u003cdiv class=\"highlight-box\"\u003e\n\u003cstrong\u003e보바나 활성탄 워시는 완전히 다릅니다.자석처럼 작용하여 모공 속 노폐물을 모두 끌어내는 강력한 젤 포뮬러입니다.\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Main Uses Section --\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003ch3 class=\"section-title\"\u003e주요 용도\u003c\/h3\u003e\n\u003cdiv class=\"uses-section\"\u003e\n\u003cdiv class=\"uses-image\"\u003e\n\u003cimg alt=\"숯 로션의 용도\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-charcoal-brface-wash-944571.webp?v=1752673714\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"uses-grid\"\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-icon charcoal\"\u003e\u003c\/div\u003e\n\u003ch4\u003e막힌 모공과 블랙헤드를 딥 클렌징\u003c\/h4\u003e\n\u003cp\u003e활성탄 마이크로비즈 5% 함유로 모공 깊숙이 침투\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-icon oil-control\"\u003e\u003c\/div\u003e\n\u003ch4\u003e과잉 피부 유분 관리\u003c\/h4\u003e\n\u003cp\u003e천연 숯은 오일을 강력하게 흡수합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-icon makeup\"\u003e\u003c\/div\u003e\n\u003ch4\u003e메이크업과 쌓인 노폐물을 제거해 보세요\u003c\/h4\u003e\n\u003cp\u003e모든 노폐물을 녹여주는 부드러운 젤 제형으로\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-icon antibacterial\"\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-section\"\u003e\n\u003cdiv class=\"ingredients-image\"\u003e\n\u003cimg alt=\"숯 로션 성분\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-charcoal-face-wash-764519.webp?v=1752673714\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-content\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-icon charcoal-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003e활성탄 5%\u003c\/h4\u003e\n\u003cp\u003e스펀지처럼 작용하여 모공 깊은 곳의 지방과 독소를 흡수하여 표면으로 가져옵니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-icon tea-tree-icon\"\u003e\u003c\/div\u003e\n\u003ch4\u003e티트리 오일\u003c\/h4\u003e\n\u003cp\u003e박테리아와 싸우고 감염을 진정시키는 강력한 천연 방부제입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-icon panthenol-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!-- Results Timeline --\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003ch3 class=\"section-title\"\u003e당신이 보게 될 결과\u003c\/h3\u003e\n\u003cdiv class=\"results-timeline\"\u003e\n\u003cdiv class=\"result-item\"\u003e\n\u003cdiv class=\"result-marker\"\u003e\n\u003cspan class=\"marker-text\"\u003e처음 사용\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-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=\"result-item\"\u003e\n\u003cdiv class=\"result-marker\"\u003e\n\u003cspan class=\"marker-text\"\u003e일주일 후\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-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=\"result-item\"\u003e\n\u003cdiv class=\"result-marker\"\u003e\n\u003cspan class=\"marker-text\"\u003e한 달 후\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-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!-- 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 concentration\"\u003e\u003c\/div\u003e\n\u003ch4\u003e고농도 5% 활성탄\u003c\/h4\u003e\n\u003cp\u003e일반 제품에서는 볼 수 없는 전문가 수준\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-icon sizes\"\u003e\u003c\/div\u003e\n\u003ch4\u003e선택할 수 있는 두 가지 크기\u003c\/h4\u003e\n\u003cp\u003e시험용 50ml, 일반용 150ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-icon multitask\"\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 daily-use\"\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!-- Power Features --\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003ch3 class=\"section-title\"\u003e활성탄 딥클렌징의 힘\u003c\/h3\u003e\n\u003cdiv class=\"power-features\"\u003e\n\u003cdiv class=\"power-card\"\u003e\n\u003cdiv class=\"power-icon magnet\"\u003e\u003c\/div\u003e\n\u003ch4\u003e자석 효과\u003c\/h4\u003e\n\u003cp\u003e표면만 닦아주는 일반 클렌저와 달리 활성탄이 자석처럼 모공 속 노폐물과 피지를 끌어당깁니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"power-card\"\u003e\n\u003cdiv class=\"power-icon deep-clean\"\u003e\u003c\/div\u003e\n\u003ch4\u003e뿌리부터 깨끗함\u003c\/h4\u003e\n\u003cp\u003e젤 포뮬러가 피부층까지 침투하여 모공 속에 숨어있는 노폐물을 제거해주며, 한 번의 세탁으로 모두 제거됩니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"power-card\"\u003e\n\u003cdiv class=\"power-icon balance\"\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!-- Urgency Section --\u003e\n\u003cdiv class=\"section-container dark-section\"\u003e\n\u003ch3 class=\"section-title\"\u003e충분한 유분과 막힌 모공\u003c\/h3\u003e\n\u003cdiv class=\"urgency-content\"\u003e\n\u003cdiv class=\"urgency-card\"\u003e\n\u003cp\u003e당신의 피부는 딥 클렌징을 받을 자격이 있습니다.\u003c\/p\u003e\n\u003cdiv class=\"urgency-highlight\"\u003e\n\u003cstrong\u003e지금 주문하고 첫 사용과의 차이점을 확인해 보세요.\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-quick\"\u003e\n\u003cdiv class=\"quick-benefit\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e\n\u003cspan\u003e더 깨끗한 모공\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"quick-benefit\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e\n\u003cspan\u003e지방이 적다\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"quick-benefit\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e\n\u003cspan\u003e맑은 피부\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"quick-benefit\"\u003e\n\u003cspan class=\"benefit-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!-- Final CTA Section --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003cdiv class=\"cta-content\"\u003e\n\u003ch3\u003e진짜 깊은 청결... 단지 약속이 아닌\u003c\/h3\u003e\n\u003cp\u003e미루는 매일은 모공에 피지와 불순물이 쌓이는 하루가 추가되는 셈입니다.깨끗한 피부는 사치가 아니라 기본적인 욕구입니다.\u003c\/p\u003e\n\u003cdiv class=\"cta-highlight\"\u003e\n\u003cstrong\u003e오늘 챌린지를 시작하고 활성탄이 만들어내는 변화를 확인해 보세요.\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\"\u003eAQUA, CHARCOAL POWDER, TEA TREE OIL, CHARCOAL LIPOSOMAL PILLS, COCO BETAINE, SODIUM CHLORIDE, GLYCERIN, CITRIC ACID, DISODIUM EDTA, MENTHOL, COCAMIDE DEA, PANTHENOL, CARBOMER\u003c\/p\u003e\n\u003cdiv class=\"product-footer\"\u003e\n\u003cem\u003e보바나 차콜 페이스 워시 - 무자비한 피지 딥클렌징\u003c\/em\u003e\n\u003c\/div\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;\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\/* 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}\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 .hero-image img {\n max-width: 350px;\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.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\/* Problem Section *\/\n.problem-statement {\n position: relative;\n z-index: 2;\n margin-top: 30px;\n}\n\n.problem-card {\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n padding: 40px;\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.problem-card p {\n color: #ffffff !important;\n font-size: 1.2rem;\n line-height: 1.8;\n margin-bottom: 25px;\n}\n\n.highlight-box {\n background: rgba(156, 129, 2, 0.3);\n color: #ffffff !important;\n padding: 25px;\n border-radius: 10px;\n text-align: center;\n border: 2px solid #9C8102;\n}\n\n\/* Uses Section *\/\n.uses-section {\n margin-top: 30px;\n}\n\n.uses-image {\n text-align: center;\n margin-bottom: 40px;\n}\n\n.product-description-container .uses-image img {\n max-width: 450px;\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 forwards;\n}\n\n.uses-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 25px;\n}\n\n.use-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.use-card::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(90deg, #333, transparent);\n transform: scaleX(0);\n transition: transform 0.3s ease;\n}\n\n.use-card:hover::before {\n transform: scaleX(1);\n}\n\n.use-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 15px 35px rgba(0,0,0,0.15);\n}\n\n.use-icon {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n margin: 0 auto 20px;\n display: block;\n position: relative;\n}\n\n.use-icon.charcoal {\n background: linear-gradient(135deg, #333, #111);\n}\n\n.use-icon.oil-control {\n background: linear-gradient(135deg, #666, #333);\n}\n\n.use-icon.makeup {\n background: linear-gradient(135deg, #9C8102, #7a6600);\n}\n\n.use-icon.antibacterial {\n background: linear-gradient(135deg, #2d5a3d, #1a3326);\n}\n\n.use-card h4 {\n color: #333;\n font-size: 1.3rem;\n margin-bottom: 15px;\n font-weight: bold;\n}\n\n.use-card p {\n color: #666;\n line-height: 1.6;\n font-style: italic;\n}\n\n\/* Ingredients Section *\/\n.ingredients-section {\n display: grid;\n grid-template-columns: 1fr 2fr;\n gap: 40px;\n align-items: start;\n margin-top: 30px;\n position: relative;\n z-index: 2;\n}\n\n.product-description-container .ingredients-image img {\n width: 100%;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 30px rgba(0,0,0,0.3);\n transition: transform 0.3s ease;\n}\n\n.product-description-container .ingredients-image img:hover {\n transform: scale(1.05);\n}\n\n.ingredients-content {\n display: grid;\n gap: 25px;\n}\n\n.ingredient-card {\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 10px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n display: flex;\n align-items: center;\n gap: 20px;\n transition: all 0.3s ease;\n}\n\n.ingredient-card:hover {\n background: rgba(255, 255, 255, 0.15);\n transform: translateX(-5px);\n}\n\n.ingredient-icon {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n flex-shrink: 0;\n}\n\n.ingredient-icon.charcoal-icon {\n background: linear-gradient(135deg, #333, #111);\n}\n\n.ingredient-icon.tea-tree-icon {\n background: linear-gradient(135deg, #2d5a3d, #1a3326);\n}\n\n.ingredient-icon.panthenol-icon {\n background: linear-gradient(135deg, #9C8102, #7a6600);\n}\n\n.ingredient-card h4 {\n color: #9C8102 !important;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-weight: bold;\n}\n\n.ingredient-card p {\n color: #ffffff !important;\n line-height: 1.6;\n}\n\n\/* Results Timeline *\/\n.results-timeline {\n display: grid;\n gap: 25px;\n margin-top: 30px;\n}\n\n.result-item {\n display: flex;\n align-items: center;\n gap: 30px;\n background: white;\n padding: 30px;\n border-radius: 15px;\n box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n}\n\n.result-item:hover {\n transform: translateX(-10px);\n box-shadow: 0 15px 35px rgba(0,0,0,0.15);\n}\n\n.result-marker {\n background: linear-gradient(135deg, #333, #111);\n color: white;\n padding: 15px 20px;\n border-radius: 25px;\n text-align: center;\n flex-shrink: 0;\n box-shadow: 0 5px 15px rgba(51, 51, 51, 0.3);\n}\n\n.marker-text {\n font-weight: bold;\n font-size: 0.9rem;\n white-space: nowrap;\n}\n\n.result-content h4 {\n color: #9C8102;\n font-size: 1.4rem;\n margin-bottom: 10px;\n font-weight: bold;\n}\n\n.result-content p {\n color: #555;\n line-height: 1.6;\n font-size: 1.1rem;\n}\n\n\/* Value Grid *\/\n.value-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin-top: 30px;\n position: relative;\n z-index: 2;\n}\n\n.value-card {\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n padding: 30px;\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n transition: all 0.3s ease;\n}\n\n.value-card:hover {\n background: rgba(255, 255, 255, 0.15);\n transform: translateY(-5px);\n}\n\n.value-icon {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n margin: 0 auto 20px;\n display: block;\n}\n\n.value-icon.concentration {\n background: linear-gradient(135deg, #333, #111);\n}\n\n.value-icon.sizes {\n background: linear-gradient(135deg, #9C8102, #7a6600);\n}\n\n.value-icon.multitask {\n background: linear-gradient(135deg, #666, #333);\n}\n\n.value-icon.daily-use {\n background: linear-gradient(135deg, #2d5a3d, #1a3326);\n}\n\n.value-card h4 {\n color: #9C8102 !important;\n font-size: 1.3rem;\n margin-bottom: 15px;\n font-weight: bold;\n}\n\n.value-card p {\n color: #ffffff !important;\n line-height: 1.6;\n}\n\n\/* Power Features *\/\n.power-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-top: 30px;\n}\n\n.power-card {\n background: white;\n padding: 35px;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n}\n\n.power-card::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(90deg, #333, transparent);\n border-radius: 15px 15px 0 0;\n}\n\n.power-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n}\n\n.power-icon {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n margin: 0 auto 20px;\n display: block;\n}\n\n.power-icon.magnet {\n background: linear-gradient(135deg, #333, #111);\n}\n\n.power-icon.deep-clean {\n background: linear-gradient(135deg, #666, #333);\n}\n\n.power-icon.balance {\n background: linear-gradient(135deg, #9C8102, #7a6600);\n}\n\n.power-card h4 {\n color: #333;\n font-size: 1.4rem;\n margin-bottom: 15px;\n font-weight: bold;\n}\n\n.power-card p {\n color: #555;\n line-height: 1.6;\n font-size: 1.1rem;\n}\n\n\/* Urgency Section *\/\n.urgency-content {\n position: relative;\n z-index: 2;\n margin-top: 30px;\n}\n\n.urgency-card {\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n padding: 40px;\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n}\n\n.urgency-card p {\n color: #ffffff !important;\n font-size: 1.3rem;\n line-height: 1.8;\n margin-bottom: 25px;\n}\n\n.urgency-highlight {\n background: rgba(156, 129, 2, 0.3);\n color: #ffffff !important;\n padding: 25px;\n border-radius: 10px;\n border: 2px solid #9C8102;\n font-size: 1.2rem;\n margin-bottom: 30px;\n}\n\n.benefits-quick {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 20px;\n}\n\n.quick-benefit {\n display: flex;\n align-items: center;\n gap: 10px;\n background: rgba(255, 255, 255, 0.1);\n padding: 15px;\n border-radius: 25px;\n transition: all 0.3s ease;\n}\n\n.quick-benefit:hover {\n background: rgba(255, 255, 255, 0.2);\n}\n\n.benefit-icon {\n width: 15px;\n height: 15px;\n border-radius: 50%;\n background: #9C8102;\n flex-shrink: 0;\n}\n\n.quick-benefit span:last-child {\n color: #ffffff !important;\n font-weight: 500;\n}\n\n\/* CTA Section *\/\n.cta-section {\n background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);\n color: white;\n padding: 60px 40px;\n border-radius: 20px;\n margin: 40px 0;\n position: relative;\n overflow: hidden;\n text-align: center;\n}\n\n.cta-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.1) 0%, transparent 70%);\n animation: pulse 4s ease-in-out infinite;\n}\n\n.cta-content {\n position: relative;\n z-index: 2;\n}\n\n.cta-content h3 {\n font-size: 2.2rem;\n margin-bottom: 20px;\n font-weight: bold;\n color: #9C8102;\n}\n\n.cta-content p {\n font-size: 1.3rem;\n margin-bottom: 25px;\n opacity: 0.9;\n line-height: 1.6;\n color: #ffffff !important;\n}\n\n.cta-highlight {\n font-size: 1.5rem;\n padding: 30px;\n background: rgba(156, 129, 2, 0.2);\n border-radius: 15px;\n border: 2px solid #9C8102;\n color: #ffffff !important;\n font-weight: bold;\n backdrop-filter: blur(10px);\n}\n\n\/* Ingredients List *\/\n.ingredients-list {\n background: #f8f8f8;\n padding: 40px;\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.4rem;\n margin-bottom: 20px;\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: 30px;\n padding: 20px;\n background: white;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n}\n\n.product-footer {\n color: #999;\n font-style: italic;\n text-align: center;\n font-size: 1.1rem;\n}\n\n\/* General dark section text fixes *\/\n.dark-section p {\n color: #ffffff !important;\n}\n\n.dark-section h4 {\n color: #9C8102 !important;\n}\n\n.dark-section .section-title {\n color: #9C8102 !important;\n}\n\n.dark-section * {\n color: inherit;\n}\n\n\/* Animations *\/\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 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 .uses-grid,\n .product-description-container .value-grid,\n .product-description-container .power-features {\n grid-template-columns: 1fr;\n }\n \n .product-description-container .ingredients-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 .result-item {\n flex-direction: column;\n text-align: center;\n gap: 15px;\n }\n \n .product-description-container .ingredient-card {\n flex-direction: column;\n text-align: center;\n gap: 15px;\n }\n \n .product-description-container .benefits-quick {\n grid-template-columns: 1fr;\n }\n \n .product-description-container .cta-content h3 {\n font-size: 1.7rem;\n }\n \n .product-description-container .cta-content p {\n font-size: 1.1rem;\n }\n \n .product-description-container .cta-highlight {\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 \/\/ Golden glow animation timing\n const goldenGlow = container.querySelector('.golden-glow');\n if (goldenGlow) {\n goldenGlow.style.animationDelay = '1s';\n }\n\n \/\/ Staggered animation for use cards\n const useCards = container.querySelectorAll('.use-card');\n useCards.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 value cards\n const valueCards = container.querySelectorAll('.value-card');\n valueCards.forEach((card, index) =\u003e {\n card.style.animationDelay = `${index * 0.15}s`;\n card.style.animation = 'fadeInUp 0.6s ease-out forwards';\n });\n\n \/\/ Staggered animation for power cards\n const powerCards = container.querySelectorAll('.power-card');\n powerCards.forEach((card, index) =\u003e {\n card.style.animationDelay = `${index * 0.2}s`;\n card.style.animation = 'fadeInUp 0.7s ease-out forwards';\n });\n\n \/\/ Staggered animation for ingredient cards\n const ingredientCards = container.querySelectorAll('.ingredient-card');\n ingredientCards.forEach((card, index) =\u003e {\n card.style.animationDelay = `${index * 0.2}s`;\n card.style.animation = 'fadeInUp 0.8s ease-out forwards';\n });\n\n \/\/ Staggered animation for result items\n const resultItems = container.querySelectorAll('.result-item');\n resultItems.forEach((item, index) =\u003e {\n item.style.animationDelay = `${index * 0.3}s`;\n item.style.animation = 'fadeInUp 0.8s ease-out forwards';\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 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 if (!img.closest('.hero-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 \/\/ Quick benefits animation\n const quickBenefits = container.querySelectorAll('.quick-benefit');\n quickBenefits.forEach((benefit, index) =\u003e {\n benefit.style.animationDelay = `${index * 0.1}s`;\n benefit.style.animation = 'fadeInUp 0.5s ease-out forwards';\n });\n\n \/\/ Hover effects for interactive elements\n const interactiveElements = container.querySelectorAll('.use-card, .power-card, .value-card, .ingredient-card');\n interactiveElements.forEach(element =\u003e {\n element.addEventListener('mouseenter', function() {\n this.style.transform = this.style.transform.includes('translateY') ? \n this.style.transform.replace(\/translateY\\([^)]*\\)\/, 'translateY(-10px)') + ' scale(1.02)' :\n 'translateY(-10px) scale(1.02)';\n });\n \n element.addEventListener('mouseleave', function() {\n this.style.transform = this.style.transform.replace(\/translateY\\([^)]*\\) scale\\([^)]*\\)\/, '');\n });\n });\n\n \/\/ Charcoal particles effect (subtle)\n const heroSection = container.querySelector('.hero-section');\n if (heroSection) {\n for (let i = 0; i \u003c 5; i++) {\n const particle = document.createElement('div');\n particle.style.cssText = `\n position: absolute;\n width: 3px;\n height: 3px;\n background: #333;\n border-radius: 50%;\n opacity: 0.3;\n animation: float ${3 + Math.random() * 2}s ease-in-out infinite;\n top: ${Math.random() * 100}%;\n left: ${Math.random() * 100}%;\n z-index: 1;\n `;\n heroSection.appendChild(particle);\n }\n }\n});\n\u003c\/script\u003e","brand":"Bobana","offers":[{"title":"50ml","offer_id":44917023408325,"sku":null,"price":40.0,"currency_code":"EGP","in_stock":true},{"title":"150ml","offer_id":44917023441093,"sku":null,"price":80.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-charcoal-face-wash-423346.webp?v=1752673714"},{"product_id":"bobana-vit-c-cleanser","title":"보바나 비타민C 페이스 워시 비타민C 함유 보바나 화이트닝 워시","description":"\u003cdiv class=\"product-description-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"vitamin-glow\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hero-image\"\u003e\n\u003cimg alt=\"보바나 비타민C 로션\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-brvitamin-c-brface-wash-626449.webp?v=1752676150\"\/\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"main-title\"\u003e보바나 비타민C 로션\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003e깊은 곳에서 나오는 진정한 광채\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Problem Section --\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003ch3 class=\"section-title\"\u003e사라지고 싶지 않은 칙칙한 피부와 색소침착에 지치셨나요?\u003c\/h3\u003e\n\u003cdiv class=\"problem-statement\"\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cp\u003e지금까지 사용해본 모든 미백크림은 광채를 약속하고, 결국 피부는 원래 그대로인가요?문제는 대부분의 제품이 \u003cstrong\u003e위에서만 열립니다\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"highlight-box\"\u003e\n\u003cstrong\u003e다양한 비타민C가 함유된 보바나 워시는 피부 깊은 곳에서부터 작용하여 손상층 아래 묻혀 있던 자연스러운 광채를 끌어냅니다.\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Main Uses Section --\u003e\n\u003cdiv class=\"section-container dark-section\"\u003e\n\u003ch3 class=\"section-title\"\u003e주요 용도\u003c\/h3\u003e\n\u003cdiv class=\"uses-grid\"\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-icon brighten\"\u003e\u003c\/div\u003e\n\u003ch4\u003e피부를 밝게 하고 어두운 색소를 제거합니다.\u003c\/h4\u003e\n\u003cp\u003e과도한 멜라닌을 제거하는 10% 비타민 C 농도\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-icon anti-aging\"\u003e\u003c\/div\u003e\n\u003ch4\u003e노화 및 갈색 반점의 징후와 싸우세요\u003c\/h4\u003e\n\u003cp\u003e피부 세포를 재생시키는 강력한 항산화 성분으로\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-icon even-tone\"\u003e\u003c\/div\u003e\n\u003ch4\u003e피부톤을 통일하고 칙칙함을 없애줍니다\u003c\/h4\u003e\n\u003cp\u003e비타민C의 안정화 유도체인 아스코르빌글루코사이드 함유\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-icon gentle-clean\"\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!-- Ingredients Section --\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003ch3 class=\"section-title\"\u003e활성 성분\u003c\/h3\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003cdiv class=\"ingredients-image\"\u003e\n\u003cimg alt=\"비타민C 성분\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-vitamin-c-face-wash-904930.webp?v=1752676188\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-content\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-icon vitamin-c-icon\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch4\u003e비타민C 10%\u003c\/h4\u003e\n\u003cp\u003e가장 강력한 천연 피부 미백제인 이 제품은 활성 산소와 싸우고 세포 재생을 자극하여 더 밝은 피부를 선사합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-icon ascorbyl-icon\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch4\u003e아스코빌글루코사이드\u003c\/h4\u003e\n\u003cp\u003e안정적인 비타민C 유도체로 피부 깊숙이 침투하여 피부 속부터 색소 침착을 완화해줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-icon stearic-icon\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ingredient-info\"\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\/div\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"section-container dark-section\"\u003e\n\u003ch3 class=\"section-title\"\u003e당신이 보게 될 결과\u003c\/h3\u003e\n\u003cdiv class=\"results-timeline\"\u003e\n\u003cdiv class=\"result-step\"\u003e\n\u003cdiv class=\"step-badge\"\u003e\n\u003cspan class=\"step-text\"\u003e처음 사용\u003c\/span\u003e\n\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=\"result-step\"\u003e\n\u003cdiv class=\"step-badge\"\u003e\n\u003cspan class=\"step-text\"\u003e일주일 후\u003c\/span\u003e\n\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=\"result-step\"\u003e\n\u003cdiv class=\"step-badge\"\u003e\n\u003cspan class=\"step-text\"\u003e한 달 후\u003c\/span\u003e\n\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!-- Value Proposition --\u003e\n\u003cdiv class=\"section-container\"\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 concentration\"\u003e\u003c\/div\u003e\n\u003ch4\u003e고농축 비타민C 10%\u003c\/h4\u003e\n\u003cp\u003e수입제품에 필적하는 전문가 수준\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-icon formula\"\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 sizes\"\u003e\u003c\/div\u003e\n\u003ch4\u003e선택할 수 있는 두 가지 크기\u003c\/h4\u003e\n\u003cp\u003e시험용 50ml, 연속용 150ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-icon suitable\"\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!-- Brightness Science --\u003e\n\u003cdiv class=\"section-container dark-section\"\u003e\n\u003ch3 class=\"section-title\"\u003e진정한 계몽과학\u003c\/h3\u003e\n\u003cdiv class=\"science-content\"\u003e\n\u003cdiv class=\"science-cards\"\u003e\n\u003cdiv class=\"science-card\"\u003e\n\u003cdiv class=\"science-icon deep-action\"\u003e\u003c\/div\u003e\n\u003ch4\u003e내부에서 작업\u003c\/h4\u003e\n\u003cp\u003e비타민 C는 피부층에 침투하여 표면적인 커버뿐만 아니라 근원부터 색소 침착과 싸웁니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-card\"\u003e\n\u003cdiv class=\"science-icon cell-renewal\"\u003e\u003c\/div\u003e\n\u003ch4\u003e세포 재생\u003c\/h4\u003e\n\u003cp\u003e콜라겐 생성을 자극하고 피부 세포를 재생하여 오래 지속되는 자연스러운 광채를 선사합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"science-card\"\u003e\n\u003cdiv class=\"science-icon antioxidant\"\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!-- CTA Section --\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\/bobana-brvitamin-c-brface-wash-405037.webp?v=1752676174\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-content\"\u003e\n\u003ch3\u003e당신의 피부는 빛을 발할 자격이 있습니다\u003c\/h3\u003e\n\u003cp\u003e연기하는 것으로 충분하며 색소 침착이 더 이상 증가하지 않습니다.\u003c\/p\u003e\n\u003cdiv class=\"cta-highlight\"\u003e\n\u003cstrong\u003e지금 바로 자연광 여행을 시작해보세요\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"brightness-promise\"\u003e\n\u003cdiv class=\"promise-item\"\u003e\n\u003cspan class=\"promise-icon\"\u003e\u003c\/span\u003e\n\u003cspan\u003e첫 사용부터 브라이트닝\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"promise-item\"\u003e\n\u003cspan class=\"promise-icon\"\u003e\u003c\/span\u003e\n\u003cspan\u003e안전한 자연조명\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"promise-item\"\u003e\n\u003cspan class=\"promise-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!-- Ingredients List --\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003ch4\u003e완전한 재료\u003c\/h4\u003e\n\u003cp class=\"ingredients-text\"\u003eAQUA, VITAMIN C, CYCLOHEXASILOXANE, GLYCERIN, AMMONIUM POLYACRYLOYLDIMETHYL TAURATE, ISOPROPYL LAUROYL SARCOSINATE, CITRIC ACID, HYDROGENATED POLYISOBUTENE, STEARIC ACID, CARBOMER, ASCORBYL GLUCOSIDE\u003c\/p\u003e\n\u003cdiv class=\"inspirational-quote\"\u003e\n\u003cem\u003e\"진정한 빛은 결점을 숨기는 데서 오는 것이 아니라 그 원인을 해결하는 데서 나옵니다.\"\u003c\/em\u003e\n\u003c\/div\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;\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\/* 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}\n\n.vitamin-glow {\n position: absolute;\n top: -50%;\n right: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255, 165, 0, 0.1) 0%, transparent 70%);\n animation: vitaminPulse 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 .hero-image img {\n max-width: 350px;\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: #FF8C00;\n margin-bottom: 15px;\n position: relative;\n z-index: 2;\n animation: fadeInUp 1s ease-out;\n text-shadow: 0 0 10px rgba(255, 140, 0, 0.3);\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(255, 165, 0, 0.05) 0%, transparent 70%);\n animation: vitaminPulse 6s ease-in-out infinite;\n}\n\n.dark-section .section-title {\n color: #FF8C00;\n position: relative;\n z-index: 2;\n}\n\n.section-title {\n font-size: 2rem;\n color: #FF8C00;\n margin-bottom: 30px;\n padding-bottom: 15px;\n border-bottom: 3px solid #FF8C00;\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, #FF8C00, transparent);\n animation: expandBorder 2s ease-out forwards;\n}\n\n\/* Problem Section *\/\n.problem-statement {\n margin-top: 30px;\n}\n\n.problem-card {\n background: white;\n padding: 40px;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n transition: transform 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.problem-card::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(90deg, #FF8C00, #FFD700);\n}\n\n.problem-card:hover {\n transform: translateY(-5px);\n}\n\n.problem-card p {\n font-size: 1.2rem;\n line-height: 1.8;\n color: #333;\n margin-bottom: 25px;\n}\n\n.highlight-box {\n background: linear-gradient(135deg, #FF8C00, #FFD700);\n color: white;\n padding: 25px;\n border-radius: 10px;\n text-align: center;\n box-shadow: 0 10px 30px rgba(255, 140, 0, 0.3);\n}\n\n\/* Uses Grid *\/\n.uses-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 25px;\n margin-top: 30px;\n position: relative;\n z-index: 2;\n}\n\n.use-card {\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n padding: 30px;\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.use-card:hover {\n background: rgba(255, 255, 255, 0.15);\n transform: translateY(-8px);\n}\n\n.use-icon {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n margin: 0 auto 20px;\n display: block;\n position: relative;\n box-shadow: 0 0 20px rgba(255, 140, 0, 0.4);\n}\n\n.use-icon.brighten {\n background: linear-gradient(135deg, #FF8C00, #FFD700);\n}\n\n.use-icon.anti-aging {\n background: linear-gradient(135deg, #FFB347, #FF8C00);\n}\n\n.use-icon.even-tone {\n background: linear-gradient(135deg, #FFD700, #FFA500);\n}\n\n.use-icon.gentle-clean {\n background: linear-gradient(135deg, #FFA500, #FF7F00);\n}\n\n.use-card h4 {\n color: #FF8C00 !important;\n font-size: 1.3rem;\n margin-bottom: 15px;\n font-weight: bold;\n}\n\n.use-card p {\n color: #ffffff !important;\n line-height: 1.6;\n font-style: italic;\n}\n\n\/* Ingredients Section *\/\n.ingredients-section {\n display: grid;\n grid-template-columns: 1fr 2fr;\n gap: 40px;\n align-items: start;\n margin-top: 30px;\n}\n\n.product-description-container .ingredients-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.product-description-container .ingredients-image img:hover {\n transform: scale(1.05);\n}\n\n.ingredients-content {\n display: grid;\n gap: 25px;\n}\n\n.ingredient-card {\n background: white;\n padding: 25px;\n border-radius: 15px;\n box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n display: flex;\n align-items: center;\n gap: 20px;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.ingredient-card::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(90deg, #FF8C00, transparent);\n transform: scaleX(0);\n transition: transform 0.3s ease;\n}\n\n.ingredient-card:hover::before {\n transform: scaleX(1);\n}\n\n.ingredient-card:hover {\n transform: translateX(-5px);\n box-shadow: 0 12px 35px rgba(0,0,0,0.15);\n}\n\n.ingredient-icon {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n flex-shrink: 0;\n}\n\n.ingredient-icon.vitamin-c-icon {\n background: linear-gradient(135deg, #FF8C00, #FFD700);\n}\n\n.ingredient-icon.ascorbyl-icon {\n background: linear-gradient(135deg, #FFB347, #FF8C00);\n}\n\n.ingredient-icon.stearic-icon {\n background: linear-gradient(135deg, #FFD700, #FFA500);\n}\n\n.ingredient-info h4 {\n color: #FF8C00;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-weight: bold;\n}\n\n.ingredient-info p {\n color: #555;\n line-height: 1.6;\n}\n\n\/* Results Timeline *\/\n.results-timeline {\n display: grid;\n gap: 25px;\n margin-top: 30px;\n position: relative;\n z-index: 2;\n}\n\n.result-step {\n display: flex;\n align-items: center;\n gap: 30px;\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n padding: 30px;\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n}\n\n.result-step:hover {\n background: rgba(255, 255, 255, 0.15);\n transform: translateX(-10px);\n}\n\n.step-badge {\n background: linear-gradient(135deg, #FF8C00, #FFD700);\n color: white;\n padding: 15px 20px;\n border-radius: 25px;\n text-align: center;\n flex-shrink: 0;\n box-shadow: 0 0 20px rgba(255, 140, 0, 0.4);\n}\n\n.step-text {\n font-weight: bold;\n font-size: 0.9rem;\n white-space: nowrap;\n}\n\n.step-content h4 {\n color: #FF8C00 !important;\n font-size: 1.4rem;\n margin-bottom: 10px;\n font-weight: bold;\n}\n\n.step-content p {\n color: #ffffff !important;\n line-height: 1.6;\n font-size: 1.1rem;\n}\n\n\/* Value Grid *\/\n.value-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 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 position: relative;\n overflow: hidden;\n}\n\n.value-card::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(90deg, #FF8C00, transparent);\n transform: scaleX(0);\n transition: transform 0.3s ease;\n}\n\n.value-card:hover::before {\n transform: scaleX(1);\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: 50px;\n height: 50px;\n border-radius: 50%;\n margin: 0 auto 20px;\n display: block;\n}\n\n.value-icon.concentration {\n background: linear-gradient(135deg, #FF8C00, #FFD700);\n}\n\n.value-icon.formula {\n background: linear-gradient(135deg, #FFB347, #FF8C00);\n}\n\n.value-icon.sizes {\n background: linear-gradient(135deg, #FFD700, #FFA500);\n}\n\n.value-icon.suitable {\n background: linear-gradient(135deg, #FFA500, #FF7F00);\n}\n\n.value-card h4 {\n color: #FF8C00;\n font-size: 1.3rem;\n margin-bottom: 15px;\n font-weight: bold;\n}\n\n.value-card p {\n color: #555;\n line-height: 1.6;\n}\n\n\/* Science Content *\/\n.science-content {\n position: relative;\n z-index: 2;\n margin-top: 30px;\n}\n\n.science-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n}\n\n.science-card {\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n padding: 35px;\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n transition: all 0.3s ease;\n}\n\n.science-card:hover {\n background: rgba(255, 255, 255, 0.15);\n transform: translateY(-10px);\n}\n\n.science-icon {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n margin: 0 auto 20px;\n display: block;\n}\n\n.science-icon.deep-action {\n background: linear-gradient(135deg, #FF8C00, #FFD700);\n}\n\n.science-icon.cell-renewal {\n background: linear-gradient(135deg, #FFB347, #FF8C00);\n}\n\n.science-icon.antioxidant {\n background: linear-gradient(135deg, #FFD700, #FFA500);\n}\n\n.science-card h4 {\n color: #FF8C00 !important;\n font-size: 1.4rem;\n margin-bottom: 15px;\n font-weight: bold;\n}\n\n.science-card p {\n color: #ffffff !important;\n line-height: 1.6;\n font-size: 1.1rem;\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-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(255, 165, 0, 0.1) 0%, transparent 70%);\n animation: vitaminPulse 4s ease-in-out infinite;\n}\n\n.product-description-container .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 {\n position: relative;\n z-index: 2;\n}\n\n.cta-content h3 {\n font-size: 2.2rem;\n margin-bottom: 20px;\n font-weight: bold;\n color: #FF8C00;\n}\n\n.cta-content p {\n font-size: 1.3rem;\n margin-bottom: 25px;\n opacity: 0.9;\n line-height: 1.6;\n color: #ffffff !important;\n}\n\n.cta-highlight {\n font-size: 1.5rem;\n padding: 25px;\n background: rgba(255, 140, 0, 0.2);\n border-radius: 15px;\n border: 2px solid #FF8C00;\n color: #ffffff !important;\n font-weight: bold;\n backdrop-filter: blur(10px);\n margin-bottom: 30px;\n}\n\n.brightness-promise {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n}\n\n.promise-item {\n display: flex;\n align-items: center;\n gap: 15px;\n background: rgba(255, 255, 255, 0.1);\n padding: 15px;\n border-radius: 25px;\n transition: all 0.3s ease;\n}\n\n.promise-item:hover {\n background: rgba(255, 255, 255, 0.2);\n}\n\n.promise-icon {\n width: 15px;\n height: 15px;\n border-radius: 50%;\n background: #FF8C00;\n flex-shrink: 0;\n box-shadow: 0 0 10px rgba(255, 140, 0, 0.5);\n}\n\n.promise-item span:last-child {\n color: #ffffff !important;\n font-weight: 500;\n}\n\n\/* Ingredients List *\/\n.ingredients-list {\n background: #f8f8f8;\n padding: 40px;\n border-radius: 15px;\n margin-top: 40px;\n text-align: center;\n}\n\n.ingredients-list h4 {\n color: #FF8C00;\n font-size: 1.4rem;\n margin-bottom: 20px;\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: 30px;\n padding: 20px;\n background: white;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n}\n\n.inspirational-quote {\n color: #666;\n font-style: italic;\n font-size: 1.1rem;\n line-height: 1.8;\n max-width: 800px;\n margin: 0 auto;\n padding: 25px;\n border-left: 4px solid #FF8C00;\n background: rgba(255, 140, 0, 0.05);\n border-radius: 0 10px 10px 0;\n}\n\n\/* General dark section text fixes *\/\n.dark-section p {\n color: #ffffff !important;\n}\n\n.dark-section h4 {\n color: #FF8C00 !important;\n}\n\n.dark-section .section-title {\n color: #FF8C00 !important;\n}\n\n.dark-section * {\n color: inherit;\n}\n\n\/* Animations *\/\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 vitaminPulse {\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\/* Vitamin C Sparkle Effect *\/\n@keyframes sparkle {\n 0%, 100% {\n opacity: 0;\n transform: scale(0);\n }\n 50% {\n opacity: 1;\n transform: scale(1);\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 .uses-grid,\n .product-description-container .value-grid,\n .product-description-container .science-cards {\n grid-template-columns: 1fr;\n }\n \n .product-description-container .ingredients-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 .result-step {\n flex-direction: column;\n text-align: center;\n gap: 15px;\n }\n \n .product-description-container .ingredient-card {\n flex-direction: column;\n text-align: center;\n gap: 15px;\n }\n \n .product-description-container .brightness-promise {\n grid-template-columns: 1fr;\n }\n \n .product-description-container .cta-content h3 {\n font-size: 1.7rem;\n }\n \n .product-description-container .cta-content p {\n font-size: 1.1rem;\n }\n \n .product-description-container .cta-highlight {\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 \/\/ Vitamin glow animation timing\n const vitaminGlow = container.querySelector('.vitamin-glow');\n if (vitaminGlow) {\n vitaminGlow.style.animationDelay = '1s';\n }\n\n \/\/ Staggered animation for use cards\n const useCards = container.querySelectorAll('.use-card');\n useCards.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 value cards\n const valueCards = container.querySelectorAll('.value-card');\n valueCards.forEach((card, index) =\u003e {\n card.style.animationDelay = `${index * 0.15}s`;\n card.style.animation = 'fadeInUp 0.6s ease-out forwards';\n });\n\n \/\/ Staggered animation for science cards\n const scienceCards = container.querySelectorAll('.science-card');\n scienceCards.forEach((card, index) =\u003e {\n card.style.animationDelay = `${index * 0.2}s`;\n card.style.animation = 'fadeInUp 0.7s ease-out forwards';\n });\n\n \/\/ Staggered animation for ingredient cards\n const ingredientCards = container.querySelectorAll('.ingredient-card');\n ingredientCards.forEach((card, index) =\u003e {\n card.style.animationDelay = `${index * 0.2}s`;\n card.style.animation = 'fadeInUp 0.8s ease-out forwards';\n });\n\n \/\/ Staggered animation for result steps\n const resultSteps = container.querySelectorAll('.result-step');\n resultSteps.forEach((step, index) =\u003e {\n step.style.animationDelay = `${index * 0.3}s`;\n step.style.animation = 'fadeInUp 0.8s ease-out forwards';\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 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 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 \/\/ Promise items animation\n const promiseItems = container.querySelectorAll('.promise-item');\n promiseItems.forEach((item, index) =\u003e {\n item.style.animationDelay = `${index * 0.1}s`;\n item.style.animation = 'fadeInUp 0.5s ease-out forwards';\n });\n\n \/\/ Vitamin C sparkle effect\n const heroSection = container.querySelector('.hero-section');\n if (heroSection) {\n for (let i = 0; i \u003c 8; i++) {\n const sparkle = document.createElement('div');\n sparkle.style.cssText = `\n position: absolute;\n width: 4px;\n height: 4px;\n background: #FFD700;\n border-radius: 50%;\n animation: sparkle ${2 + Math.random() * 3}s ease-in-out infinite;\n top: ${Math.random() * 100}%;\n left: ${Math.random() * 100}%;\n z-index: 1;\n box-shadow: 0 0 6px #FFD700;\n `;\n sparkle.style.animationDelay = `${Math.random() * 2}s`;\n heroSection.appendChild(sparkle);\n }\n }\n\n \/\/ Hover effects for interactive elements\n const interactiveElements = container.querySelectorAll('.use-card, .science-card, .value-card, .ingredient-card');\n interactiveElements.forEach(element =\u003e {\n element.addEventListener('mouseenter', function() {\n this.style.transform = this.style.transform.includes('translateY') ? \n this.style.transform.replace(\/translateY\\([^)]*\\)\/, 'translateY(-10px)') + ' scale(1.02)' :\n 'translateY(-10px) scale(1.02)';\n });\n \n element.addEventListener('mouseleave', function() {\n this.style.transform = this.style.transform.replace(\/translateY\\([^)]*\\) scale\\([^)]*\\)\/, '');\n });\n });\n\n \/\/ Brightness glow effect on scroll\n const ctaSection = container.querySelector('.cta-section');\n const ctaObserver = new IntersectionObserver(function(entries) {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.boxShadow = '0 0 50px rgba(255, 140, 0, 0.3)';\n }\n });\n }, observerOptions);\n\n if (ctaSection) {\n ctaObserver.observe(ctaSection);\n }\n});\n\u003c\/script\u003e","brand":"Bobana","offers":[{"title":"50ml","offer_id":44917024620741,"sku":null,"price":40.0,"currency_code":"EGP","in_stock":true},{"title":"150ml","offer_id":44917024653509,"sku":null,"price":80.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-vitamin-c-face-wash-877281.webp?v=1752677018"},{"product_id":"bobana-moroccan-soap-olive","title":"천연 올리브 오일이 함유된 보바나 모로코 비누 보바나 올리브 오일이 함유된 모로코 비누","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-content\"\u003e\n\u003ch1 class=\"main-title\"\u003e보바나 모로코 비누\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003e천연 아르간 오일 함유\u003c\/h2\u003e\n\u003cdiv class=\"hero-badge\"\u003e\n\u003cspan class=\"badge-text\"\u003e500그램 • 우수한 품질\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Introduction Section --\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003ch3 class=\"section-title\"\u003e피부 본연의 광채를 찾아보세요\u003c\/h3\u003e\n\u003cdiv class=\"intro-content\"\u003e\n\u003cdiv class=\"intro-card\"\u003e\n\u003cp\u003e보바나 모로코 비누는 아르간 오일과 천연 오일이 혼합되어 피부에 영양을 공급하고 광채를 회복하며 윤기를 선사합니다.이 고급스럽고 전통적인 포뮬러로 고대 모로코의 아름다움의 비밀을 경험해보세요.\u003c\/p\u003e\n\u003cdiv class=\"highlight-box\"\u003e\n\u003cstrong\u003e집에서 정통 모로코 스파를 경험하며 스킨 케어 루틴을 바꿔보세요.\u003c\/strong\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-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon exfoliate\"\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 deep-clean\"\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 brighten\"\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 moisturize\"\u003e\u003c\/div\u003e\n\u003ch4\u003e비타민 A를 이용한 영양\u003c\/h4\u003e\n\u003cp\u003e비타민A가 함유되어 있어 피부에 수분을 공급하고 건조함을 예방해줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon circulation\"\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 acne\"\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!-- Key Ingredients --\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003ch3 class=\"section-title\"\u003e고급스러운 천연성분\u003c\/h3\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-icon argan\"\u003e\u003c\/div\u003e\n\u003ch4\u003e아르간 오일\u003c\/h4\u003e\n\u003cp\u003e비타민E와 필수지방산이 풍부하여 피부 깊숙이 영양을 공급하고 젊어지게 해줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-icon glycerin\"\u003e\u003c\/div\u003e\n\u003ch4\u003e글리세린\u003c\/h4\u003e\n\u003cp\u003e피부에 수분을 끌어당겨 수분을 유지시켜주는 천연 보습제\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-icon almond\"\u003e\u003c\/div\u003e\n\u003ch4\u003e아몬드 오일\u003c\/h4\u003e\n\u003cp\u003e필수 영양소와 비타민을 공급하면서 피부를 부드럽고 촉촉하게 해줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-icon chamomile\"\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!-- How to Use --\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-item\"\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-item\"\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-item\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003e그대로 두세요\u003c\/h4\u003e\n\u003cp\u003e10~15분 정도 몸에 올려놓고 깊숙이 침투되도록 해주세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-item\"\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-item\"\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\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Recommended Uses --\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003ch3 class=\"section-title\"\u003e권장 대상\u003c\/h3\u003e\n\u003cdiv class=\"recommended-grid\"\u003e\n\u003cdiv class=\"recommend-card\"\u003e\n\u003cdiv class=\"recommend-icon deep\"\u003e\u003c\/div\u003e\n\u003ch4\u003e딥 클리닝\u003c\/h4\u003e\n\u003cp\u003e주간 딥 클렌징 루틴에 딱 맞습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"recommend-card\"\u003e\n\u003cdiv class=\"recommend-icon exfoliate\"\u003e\u003c\/div\u003e\n\u003ch4\u003e각질 제거\u003c\/h4\u003e\n\u003cp\u003e모든 피부 타입에 부드럽고 효과적인 각질 제거\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"recommend-card\"\u003e\n\u003cdiv class=\"recommend-icon prep\"\u003e\u003c\/div\u003e\n\u003ch4\u003e마스크 준비\u003c\/h4\u003e\n\u003cp\u003e바디 마스크 및 트리트먼트를 위해 피부를 준비합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"recommend-card\"\u003e\n\u003cdiv class=\"recommend-icon removal\"\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!-- Product Value --\u003e\n\u003cdiv class=\"section-container dark-section\"\u003e\n\u003ch3 class=\"section-title\"\u003e탁월한 가치와 품질\u003c\/h3\u003e\n\u003cdiv class=\"value-features\"\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003cdiv class=\"value-icon size\"\u003e\u003c\/div\u003e\n\u003ch4\u003e넉넉한 500g 제공량\u003c\/h4\u003e\n\u003cp\u003e몇 달간 럭셔리한 스파 트리트먼트를 제공하는 오래 지속되는 가치\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003cdiv class=\"value-icon authentic\"\u003e\u003c\/div\u003e\n\u003ch4\u003e정통 모로코 조합\u003c\/h4\u003e\n\u003cp\u003e모로코 뷰티 전문가들이 대대로 이어온 전통 레시피\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003cdiv class=\"value-icon natural\"\u003e\u003c\/div\u003e\n\u003ch4\u003e100% 천연성분\u003c\/h4\u003e\n\u003cp\u003e가혹한 화학 물질이 없고 순수한 천연 오일과 식물만 사용됩니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003cdiv class=\"value-icon spa\"\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!-- Safety Notice --\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003ch3 class=\"section-title\"\u003e중요한 안전 정보\u003c\/h3\u003e\n\u003cdiv class=\"safety-notice\"\u003e\n\u003cdiv class=\"safety-card\"\u003e\n\u003cdiv class=\"safety-icon\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"safety-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!-- CTA Section --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003cdiv class=\"cta-content\"\u003e\n\u003ch3\u003e모로코 스파의 럭셔리함을 경험해보세요\u003c\/h3\u003e\n\u003cp\u003e고급스러운 아르간 오일이 풍부한 정통 모로코 비누로 피부 관리 루틴을 바꿔보세요.당신의 피부는 최고의 자연 관리를 받을 자격이 있습니다.\u003c\/p\u003e\n\u003cdiv class=\"cta-highlight\"\u003e\n\u003cstrong\u003e고대의 아름다움 비법으로 자신을 가꾸세요 • 지금 장바구니에 추가하세요\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spa-promises\"\u003e\n\u003cdiv class=\"promise-badge\"\u003e\n\u003cspan class=\"promise-icon\"\u003e\u003c\/span\u003e\n\u003cspan\u003e놀라운 광채\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"promise-badge\"\u003e\n\u003cspan class=\"promise-icon\"\u003e\u003c\/span\u003e\n\u003cspan\u003e실키한 부드러움\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"promise-badge\"\u003e\n\u003cspan class=\"promise-icon\"\u003e\u003c\/span\u003e\n\u003cspan\u003e딥 클리닝\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"promise-badge\"\u003e\n\u003cspan class=\"promise-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!-- Ingredients List --\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003ch4\u003e전체 성분 목록\u003c\/h4\u003e\n\u003cp class=\"ingredients-text\"\u003e아르간 오일, 글리세린, 아몬드 오일, 카모마일, 베타인, 증류수\u003c\/p\u003e\n\u003cdiv class=\"product-footer\"\u003e\n\u003cem\u003e천연 아르간 오일이 함유된 보바나 모로코 비누 • 500g, 우수한 품질\u003c\/em\u003e\n\u003c\/div\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;\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\/* Hero Section *\/\n.hero-section {\n position: relative;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 80px 40px;\n margin-bottom: 40px;\n border-radius: 20px;\n text-align: center;\n overflow: hidden;\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-content {\n position: relative;\n z-index: 2;\n}\n\n.main-title {\n font-size: 3rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 15px;\n animation: fadeInUp 1s ease-out;\n text-shadow: 0 0 20px rgba(156, 129, 2, 0.3);\n}\n\n.subtitle {\n font-size: 1.8rem;\n margin-bottom: 25px;\n animation: fadeInUp 1s ease-out 0.3s both;\n opacity: 0.9;\n}\n\n.hero-badge {\n display: inline-block;\n background: rgba(156, 129, 2, 0.2);\n border: 2px solid #9C8102;\n padding: 12px 25px;\n border-radius: 25px;\n animation: fadeInUp 1s ease-out 0.6s both;\n}\n\n.badge-text {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\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.section-title {\n font-size: 2.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\/* Introduction Section *\/\n.intro-content {\n margin-top: 30px;\n}\n\n.intro-card {\n background: white;\n padding: 40px;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n transition: transform 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.intro-card::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #D4AF37);\n}\n\n.intro-card:hover {\n transform: translateY(-5px);\n}\n\n.intro-card p {\n font-size: 1.2rem;\n line-height: 1.8;\n color: #333;\n margin-bottom: 25px;\n}\n\n.highlight-box {\n background: linear-gradient(135deg, #9C8102, #D4AF37);\n color: white;\n padding: 25px;\n border-radius: 10px;\n text-align: center;\n box-shadow: 0 10px 30px rgba(156, 129, 2, 0.3);\n}\n\n\/* Benefits Grid *\/\n.benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 25px;\n margin-top: 30px;\n position: relative;\n z-index: 2;\n}\n\n.benefit-card {\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n padding: 30px;\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.benefit-card:hover {\n background: rgba(255, 255, 255, 0.15);\n transform: translateY(-8px);\n}\n\n.benefit-icon {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n margin: 0 auto 20px;\n display: block;\n position: relative;\n box-shadow: 0 0 20px rgba(156, 129, 2, 0.4);\n}\n\n.benefit-icon.exfoliate {\n background: linear-gradient(135deg, #9C8102, #D4AF37);\n}\n\n.benefit-icon.deep-clean {\n background: linear-gradient(135deg, #8B7355, #9C8102);\n}\n\n.benefit-icon.brighten {\n background: linear-gradient(135deg, #D4AF37, #FFD700);\n}\n\n.benefit-icon.moisturize {\n background: linear-gradient(135deg, #CD853F, #9C8102);\n}\n\n.benefit-icon.circulation {\n background: linear-gradient(135deg, #B8860B, #DAA520);\n}\n\n.benefit-icon.acne {\n background: linear-gradient(135deg, #9C8102, #8B7355);\n}\n\n.benefit-card h4 {\n color: #9C8102 !important;\n font-size: 1.4rem;\n margin-bottom: 15px;\n font-weight: bold;\n}\n\n.benefit-card p {\n color: #ffffff !important;\n line-height: 1.6;\n font-size: 1.1rem;\n}\n\n\/* Ingredients Grid *\/\n.ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n margin-top: 30px;\n}\n\n.ingredient-item {\n background: white;\n padding: 35px;\n border-radius: 15px;\n box-shadow: 0 10px 30px 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.ingredient-item::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.ingredient-item:hover::before {\n transform: scaleX(1);\n}\n\n.ingredient-item:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n}\n\n.ingredient-icon {\n width: 70px;\n height: 70px;\n border-radius: 50%;\n margin: 0 auto 20px;\n display: block;\n}\n\n.ingredient-icon.argan {\n background: linear-gradient(135deg, #9C8102, #D4AF37);\n}\n\n.ingredient-icon.glycerin {\n background: linear-gradient(135deg, #87CEEB, #4682B4);\n}\n\n.ingredient-icon.almond {\n background: linear-gradient(135deg, #DEB887, #CD853F);\n}\n\n.ingredient-icon.chamomile {\n background: linear-gradient(135deg, #FFD700, #FFA500);\n}\n\n.ingredient-item h4 {\n color: #9C8102;\n font-size: 1.4rem;\n margin-bottom: 15px;\n font-weight: bold;\n}\n\n.ingredient-item p {\n color: #555;\n line-height: 1.6;\n font-size: 1.1rem;\n}\n\n\/* Usage Steps *\/\n.usage-steps {\n position: relative;\n z-index: 2;\n margin-top: 30px;\n display: grid;\n gap: 25px;\n}\n\n.step-item {\n display: flex;\n align-items: center;\n gap: 30px;\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n padding: 30px;\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n}\n\n.step-item:hover {\n background: rgba(255, 255, 255, 0.15);\n transform: translateX(-10px);\n}\n\n.step-number {\n background: #9C8102;\n color: white;\n width: 60px;\n height: 60px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n font-size: 1.5rem;\n flex-shrink: 0;\n margin-left: 20px;\n box-shadow: 0 0 20px rgba(156, 129, 2, 0.4);\n}\n\n.step-content h4 {\n color: #9C8102 !important;\n font-size: 1.4rem;\n margin-bottom: 10px;\n font-weight: bold;\n}\n\n.step-content p {\n color: #ffffff !important;\n line-height: 1.6;\n font-size: 1.1rem;\n}\n\n\/* Recommended Grid *\/\n.recommended-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n margin-top: 30px;\n}\n\n.recommend-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.recommend-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 35px rgba(0,0,0,0.15);\n}\n\n.recommend-icon {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n margin: 0 auto 20px;\n display: block;\n background: linear-gradient(135deg, #9C8102, #D4AF37);\n}\n\n.recommend-card h4 {\n color: #9C8102;\n font-size: 1.3rem;\n margin-bottom: 15px;\n font-weight: bold;\n}\n\n.recommend-card p {\n color: #555;\n line-height: 1.6;\n}\n\n\/* Value Features *\/\n.value-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin-top: 30px;\n position: relative;\n z-index: 2;\n}\n\n.value-item {\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n padding: 30px;\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n transition: all 0.3s ease;\n}\n\n.value-item:hover {\n background: rgba(255, 255, 255, 0.15);\n transform: translateY(-5px);\n}\n\n.value-icon {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n margin: 0 auto 20px;\n display: block;\n background: linear-gradient(135deg, #9C8102, #D4AF37);\n box-shadow: 0 0 20px rgba(156, 129, 2, 0.4);\n}\n\n.value-item h4 {\n color: #9C8102 !important;\n font-size: 1.3rem;\n margin-bottom: 15px;\n font-weight: bold;\n}\n\n.value-item p {\n color: #ffffff !important;\n line-height: 1.6;\n}\n\n\/* Safety Notice *\/\n.safety-notice {\n margin-top: 30px;\n}\n\n.safety-card {\n background: #fff3cd;\n border: 2px solid #ffeaa7;\n padding: 30px;\n border-radius: 15px;\n display: flex;\n align-items: center;\n gap: 20px;\n transition: all 0.3s ease;\n}\n\n.safety-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 25px rgba(255, 193, 7, 0.2);\n}\n\n.safety-icon {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background: linear-gradient(135deg, #ffc107, #ff8f00);\n flex-shrink: 0;\n}\n\n.safety-content h4 {\n color: #856404;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-weight: bold;\n}\n\n.safety-content p {\n color: #856404;\n line-height: 1.6;\n}\n\n\/* CTA Section *\/\n.cta-section {\n background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);\n color: white;\n padding: 60px 40px;\n border-radius: 20px;\n margin: 40px 0;\n position: relative;\n overflow: hidden;\n text-align: center;\n}\n\n.cta-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.1) 0%, transparent 70%);\n animation: pulse 4s ease-in-out infinite;\n}\n\n.cta-content {\n position: relative;\n z-index: 2;\n}\n\n.cta-content h3 {\n font-size: 2.5rem;\n margin-bottom: 20px;\n font-weight: bold;\n color: #9C8102;\n}\n\n.cta-content p {\n font-size: 1.3rem;\n margin-bottom: 25px;\n opacity: 0.9;\n line-height: 1.6;\n color: #ffffff !important;\n}\n\n.cta-highlight {\n font-size: 1.5rem;\n padding: 30px;\n background: rgba(156, 129, 2, 0.2);\n border-radius: 15px;\n border: 2px solid #9C8102;\n color: #ffffff !important;\n font-weight: bold;\n backdrop-filter: blur(10px);\n margin-bottom: 30px;\n}\n\n.spa-promises {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 20px;\n}\n\n.promise-badge {\n display: flex;\n align-items: center;\n gap: 15px;\n background: rgba(255, 255, 255, 0.1);\n padding: 15px;\n border-radius: 25px;\n transition: all 0.3s ease;\n}\n\n.promise-badge:hover {\n background: rgba(255, 255, 255, 0.2);\n}\n\n.promise-icon {\n width: 15px;\n height: 15px;\n border-radius: 50%;\n background: #9C8102;\n flex-shrink: 0;\n box-shadow: 0 0 10px rgba(156, 129, 2, 0.5);\n}\n\n.promise-badge span:last-child {\n color: #ffffff !important;\n font-weight: 500;\n}\n\n\/* Ingredients List *\/\n.ingredients-list {\n background: #f8f8f8;\n padding: 40px;\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.4rem;\n margin-bottom: 20px;\n font-weight: bold;\n}\n\n.ingredients-text {\n color: #666;\n font-size: 1rem;\n line-height: 1.6;\n margin-bottom: 30px;\n padding: 20px;\n background: white;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n}\n\n.product-footer {\n color: #999;\n font-style: italic;\n text-align: center;\n font-size: 1.1rem;\n}\n\n\/* General dark section text fixes *\/\n.dark-section p {\n color: #ffffff !important;\n}\n\n.dark-section h4 {\n color: #9C8102 !important;\n}\n\n.dark-section .section-title {\n color: #9C8102 !important;\n}\n\n.dark-section * {\n color: inherit;\n}\n\n\/* Animations *\/\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 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 expandBorder {\n from {\n width: 0;\n }\n to {\n width: 120px;\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: 2.2rem;\n }\n \n .product-description-container .subtitle {\n font-size: 1.4rem;\n }\n \n .product-description-container .section-title {\n font-size: 1.8rem;\n }\n \n .product-description-container .benefits-grid,\n .product-description-container .ingredients-grid,\n .product-description-container .value-features,\n .product-description-container .recommended-grid {\n grid-template-columns: 1fr;\n }\n \n .product-description-container .hero-section {\n padding: 50px 20px;\n }\n \n .product-description-container .step-item {\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 .safety-card {\n flex-direction: column;\n text-align: center;\n gap: 15px;\n }\n \n .product-description-container .spa-promises {\n grid-template-columns: 1fr;\n }\n \n .product-description-container .cta-content h3 {\n font-size: 2rem;\n }\n \n .product-description-container .cta-content p {\n font-size: 1.1rem;\n }\n \n .product-description-container .cta-highlight {\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 \/\/ Golden glow animation timing\n const goldenGlow = container.querySelector('.golden-glow');\n if (goldenGlow) {\n goldenGlow.style.animationDelay = '1s';\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 ingredient items\n const ingredientItems = container.querySelectorAll('.ingredient-item');\n ingredientItems.forEach((item, index) =\u003e {\n item.style.animationDelay = `${index * 0.15}s`;\n item.style.animation = 'fadeInUp 0.7s ease-out forwards';\n });\n\n \/\/ Staggered animation for value items\n const valueItems = container.querySelectorAll('.value-item');\n valueItems.forEach((item, index) =\u003e {\n item.style.animationDelay = `${index * 0.2}s`;\n item.style.animation = 'fadeInUp 0.6s ease-out forwards';\n });\n\n \/\/ Staggered animation for step items\n const stepItems = container.querySelectorAll('.step-item');\n stepItems.forEach((step, index) =\u003e {\n step.style.animationDelay = `${index * 0.2}s`;\n step.style.animation = 'fadeInUp 0.8s ease-out forwards';\n });\n\n \/\/ Staggered animation for recommend cards\n const recommendCards = container.querySelectorAll('.recommend-card');\n recommendCards.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 \/\/ 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 \/\/ Promise badges animation\n const promiseBadges = container.querySelectorAll('.promise-badge');\n promiseBadges.forEach((badge, index) =\u003e {\n badge.style.animationDelay = `${index * 0.1}s`;\n badge.style.animation = 'fadeInUp 0.5s ease-out forwards';\n });\n\n \/\/ Hover effects for interactive elements\n const interactiveElements = container.querySelectorAll('.benefit-card, .ingredient-item, .value-item, .recommend-card');\n interactiveElements.forEach(element =\u003e {\n element.addEventListener('mouseenter', function() {\n this.style.transform = this.style.transform.includes('translateY') ? \n this.style.transform.replace(\/translateY\\([^)]*\\)\/, 'translateY(-10px)') + ' scale(1.02)' :\n 'translateY(-10px) scale(1.02)';\n });\n \n element.addEventListener('mouseleave', function() {\n this.style.transform = this.style.transform.replace(\/translateY\\([^)]*\\) scale\\([^)]*\\)\/, '');\n });\n });\n\n \/\/ Moroccan pattern effect (subtle)\n const heroSection = container.querySelector('.hero-section');\n if (heroSection) {\n for (let i = 0; i \u003c 6; i++) {\n const pattern = document.createElement('div');\n pattern.style.cssText = `\n position: absolute;\n width: 2px;\n height: 2px;\n background: #D4AF37;\n border-radius: 50%;\n opacity: 0.4;\n animation: float ${4 + Math.random() * 2}s ease-in-out infinite;\n top: ${Math.random() * 100}%;\n right: ${Math.random() * 100}%;\n z-index: 1;\n box-shadow: 0 0 4px #D4AF37;\n `;\n pattern.style.animationDelay = `${Math.random() * 3}s`;\n heroSection.appendChild(pattern);\n }\n }\n\n \/\/ Safety card special attention animation\n const safetyCard = container.querySelector('.safety-card');\n const safetyObserver = new IntersectionObserver(function(entries) {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.animation = 'fadeInUp 0.8s ease-out';\n setTimeout(() =\u003e {\n entry.target.style.boxShadow = '0 0 20px rgba(255, 193, 7, 0.4)';\n }, 800);\n }\n });\n }, observerOptions);\n\n if (safetyCard) {\n safetyObserver.observe(safetyCard);\n }\n});\n\n\/\/ Add floating animation for step numbers\nfunction addFloatingAnimation() {\n const stepNumbers = document.querySelectorAll('.step-number');\n stepNumbers.forEach(number =\u003e {\n number.style.animation += ', float 3s ease-in-out infinite';\n });\n}\n\n\/\/ Add floating animation keyframe\nconst floatKeyframes = `\n@keyframes float {\n 0%, 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-5px);\n }\n}`;\n\n\/\/ Add keyframes to the document\nconst style = document.createElement('style');\nstyle.textContent = floatKeyframes;\ndocument.head.appendChild(style);\n\n\/\/ Add the floating animation after page load\nsetTimeout(addFloatingAnimation, 2000);\n\u003c\/script\u003e","brand":"Bobana","offers":[{"title":"Default Title","offer_id":44917028356293,"sku":null,"price":90.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/moroccanbr-soap-with-naturalbr-olive-oil-642015_063c1e89-b84c-465b-9799-609a680238cb.webp?v=1753601392"},{"product_id":"bobana-berries-salt-scrub","title":"보바나 베리 솔트 스크럽 크랜베리 스크럽 솔트","description":"\u003cp\u003e\u003cspan style=\"color: #C71585;\"\u003e\u003cstrong\u003eEN:\u003c\/strong\u003e Reveal your silkiest skin yet! Infused with antioxidant-rich berries, this invigorating salt scrub buffs away dead skin cells to uncover a radiant, youthful glow. Experience the ultimate spa-like exfoliation at home.\u003cbr\/\u003e\u003cbr\/\u003e\u003cstrong\u003eAR:\u003c\/strong\u003e 가장 부드러운 피부를 발견해보세요! 항산화 성분이 풍부한 크랜베리와 스크럽 솔트가 각질을 제거하여 젊고 산뜻한 윤기를 선사합니다. 마치 스파에 있는 듯한 놀라운 각질 제거를 경험해보세요.\u003c\/span\u003e\u003c\/p\u003e","brand":"bobana","offers":[{"title":"Default Title","offer_id":44917050343621,"sku":null,"price":60.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-berries-salt-scrub-530449.webp?v=1752677306"},{"product_id":"bobana-marine-collagen-glow-set-سيت-بوبانا-الكولاجين-البحري-3-جل-250-مل","title":"Bobana Marine Collagen Glow Set | سيت بوبانا الكولاجين البحري - 3 جل 250 مل","description":"\u003cstyle\u003e#bgs{--bg:#04121c;--bg2:#0a2233;--c:#4dd0e1;--c2:#b2f0f7;--g:#e9c9a8;--bd:rgba(77,208,225,.28);--tint:rgba(77,208,225,.09);border-radius:28px;background:var(--bg);color:#fff;font-family:inherit;line-height:1.9;overflow:hidden;direction:rtl;font-size:17px}#bgs *{box-sizing:border-box}#bgs .sec{padding:54px 0}#bgs .a{background:var(--bg)}#bgs .b{background:linear-gradient(180deg,var(--bg2),var(--bg))}#bgs .wrap{max-width:900px;margin:auto;padding:0 20px}#bgs .c{text-align:center}#bgs .kick{display:inline-block;color:var(--c2);font-weight:800;font-size:14px;margin-bottom:14px;padding:6px 18px;border-radius:30px;background:var(--tint);border:1px solid var(--bd)}#bgs h1{font-size:clamp(27px,5vw,42px);line-height:1.45;font-weight:900;margin:0 0 18px;color:#fff}#bgs h2{font-size:clamp(23px,4vw,32px);line-height:1.5;font-weight:900;margin:0 0 14px;color:#fff}#bgs h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--c)}#bgs p{margin:0 0 12px;color:#e8f3f6}#bgs .hl{color:var(--c)}#bgs .k{color:var(--c2);font-weight:800}#bgs .lead{max-width:780px;margin:0 auto 24px;font-size:18px}#bgs .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 26px}#bgs .chips span{border:1px solid var(--bd);background:var(--tint);padding:6px 16px;border-radius:30px;font-size:14px;font-weight:700}#bgs img.ph{display:block;width:100%;max-width:620px;height:auto;aspect-ratio:1\/1;object-fit:cover;border-radius:24px;margin:26px auto 0;box-shadow:0 18px 44px rgba(0,0,0,.6)}#bgs .hero{background:radial-gradient(circle at 50% 0,rgba(77,208,225,.22),transparent 62%),var(--bg);text-align:center;padding-top:58px}#bgs .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:24px 0 0}#bgs .card{background:linear-gradient(150deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#bgs .card p{margin:0;font-size:16px;color:#fff}#bgs .card .n{display:block;font-size:13px;color:var(--g);direction:ltr;text-align:right;margin-bottom:4px;font-weight:700}#bgs .flow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;counter-reset:f}#bgs .flow div{background:rgba(255,255,255,.04);border:1px solid var(--bd);border-radius:20px;padding:22px 16px;text-align:center}#bgs .flow div:before{counter-increment:f;content:counter(f);display:flex;margin:0 auto 10px;width:46px;height:46px;border-radius:50%;background:var(--c);color:#04121c;font-weight:900;font-size:20px;align-items:center;justify-content:center}#bgs .flow h4{margin:0 0 6px;font-size:18px;color:var(--c2)}#bgs .flow p{margin:0;font-size:15px}#bgs .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px;margin-top:24px}#bgs .steps div{background:rgba(255,255,255,.04);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#bgs .steps b{display:flex;margin:0 auto 8px;width:44px;height:44px;border-radius:50%;border:2px solid var(--c);align-items:center;justify-content:center;font-size:20px;color:#fff}#bgs .steps h4{margin:0 0 4px;color:var(--c);font-size:18px}#bgs .steps p{margin:0;font-size:15px;color:#fff}#bgs .tip{margin-top:22px;padding:20px 22px;border-radius:20px;background:linear-gradient(135deg,rgba(77,208,225,.16),rgba(233,201,168,.1));border:1px solid var(--bd)}#bgs .tip b{display:block;color:var(--g);font-size:18px;margin-bottom:4px}#bgs .tip p{margin:0}#bgs ul.ck{list-style:none;padding:0;margin:12px 0 0}#bgs ul.ck li{padding:7px 0;padding-inline-start:32px;position:relative;color:#fff}#bgs ul.ck li:before{content:\"\";position:absolute;inset-inline-start:2px;top:16px;width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 12px var(--c)}#bgs .warn{border:1.5px solid var(--c);border-radius:22px;padding:28px 24px;background:var(--tint)}#bgs .note{font-size:13px;opacity:.75;text-align:center;margin-top:14px}#bgs details{background:rgba(255,255,255,.04);border:1px solid var(--bd);border-radius:14px;padding:15px 20px;margin-bottom:10px}#bgs summary{cursor:pointer;font-weight:800;color:#fff}#bgs details p{margin:10px 0 0}#bgs .cta{border:2px solid var(--c);border-radius:28px;padding:44px 20px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(77,208,225,.2),transparent 70%),var(--bg)}#bgs .btn{display:inline-block;margin-top:20px;padding:14px 38px;border-radius:40px;background:linear-gradient(90deg,var(--c),var(--c2));color:#04121c;font-weight:900;font-size:20px}#bgs .trust{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:26px}#bgs .trust span{border:1.5px solid var(--bd);background:var(--tint);padding:10px 22px;border-radius:40px;font-weight:800;font-size:15px}#bgs .inci{direction:rtl;font-size:14px;color:#cfe3e8;background:rgba(0,0,0,.45);border:1px dashed var(--bd);border-radius:14px;padding:18px;margin-top:22px}@media(max-width:820px){#bgs .sec{padding:38px 0}#bgs .wrap{padding:0 14px}#bgs .flow{grid-template-columns:1fr}#bgs .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#bgs .card{padding:14px 11px}#bgs .card p{font-size:13.5px;line-height:1.55}#bgs .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#bgs .warn,#bgs .cta{padding:24px 16px}}\u003c\/style\u003e\n\u003cdiv id=\"bgs\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cspan class=\"kick\"\u003eسيت 3 جلات | 750 مل | \u003cbdi\u003eBobana\u003c\/bdi\u003e\u003c\/span\u003e\n\u003ch1\u003eمرطب خفيف للوش والجسم والإيدين.. في \u003cspan class=\"hl\"\u003e3 جلات مائية\u003c\/span\u003e بالكولاجين البحري\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eثلاث عبوات 250 مل على قاعدة واحدة من \u003cspan class=\"k\"\u003eالكولاجين البحري\u003c\/span\u003e و\u003cspan class=\"k\"\u003eالنياسيناميد\u003c\/span\u003e وزيت الجوجوبا وزيت شجرة الشاي. جل للترطيب بالهيالورونيك، وجل للنضارة بفيتامين سي، وجل لنعومة الملمس بالريتينول. قوام مائي منعش من غير إحساس التقل.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eهيالورونيك\u003c\/span\u003e\u003cspan\u003eفيتامين سي\u003c\/span\u003e\u003cspan\u003eريتينول\u003c\/span\u003e\u003cspan\u003e3 × 250 مل\u003c\/span\u003e\u003cspan\u003eوش وجسم وإيدين\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/dfd8d9d3-7327-4f52-80e4-5d40dad76fde.jpg\" alt=\"سيت بوبانا الكولاجين البحري: ثلاث جلات على رخامة حمام\" width=\"1024\" height=\"1024\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eليه كل ما تدور على مرطب خفيف تلاقي كريم تقيل أو منتج صغير بيخلص؟\u003c\/h2\u003e\n\u003cp class=\"c lead\"\u003eأغلب الناس عايزة ترطيب يتحط بسرعة ومبيسيبش طبقة دهنية، وفي نفس الوقت يكفي الوش والجسم والإيدين مش الوش بس. المشكلة إن العبوات الصغيرة بتخلص بسرعة، والكريمات التقيلة بتزهق في الصيف. السيت ده معمول للاستخدام اليومي بكمية مريحة وقوام مائي.\u003c\/p\u003e\n\u003csvg viewbox=\"0 0 400 90\" width=\"100%\" style=\"max-width:420px;display:block;margin:0 auto\" aria-hidden=\"true\"\u003e\u003cpath d=\"M0 55 Q50 25 100 55 T200 55 T300 55 T400 55\" fill=\"none\" stroke=\"#4dd0e1\" stroke-width=\"3\"\u003e\u003c\/path\u003e\u003cpath d=\"M0 72 Q50 42 100 72 T200 72 T300 72 T400 72\" fill=\"none\" stroke=\"#b2f0f7\" stroke-width=\"2\" opacity=\".6\"\u003e\u003c\/path\u003e\u003ccircle cx=\"200\" cy=\"22\" r=\"9\" fill=\"#4dd0e1\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eقاعدة واحدة.. وتلات جلات كل واحد ليه شغلة\u003c\/h2\u003e\n\u003cp class=\"c lead\"\u003eالجلات التلاتة بنفس القاعدة المائية، والفرق في المكون النشط اللي جواها على شكل حبيبات (\u003cbdi\u003emicrobeads\u003c\/bdi\u003e) بتشوفها بعينك.\u003c\/p\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"n\"\u003eHyaluronic Acid\u003c\/span\u003e\u003ch3\u003eجل الهيالورونيك\u003c\/h3\u003e\n\u003cp\u003eللترطيب، والإحساس إن البشرة \u003cspan class=\"k\"\u003eمليانة ومنعشة\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"n\"\u003eVitamin C\u003c\/span\u003e\u003ch3\u003eجل فيتامين سي\u003c\/h3\u003e\n\u003cp\u003eللنضارة، ومظهر \u003cspan class=\"k\"\u003eأهدى للتصبغات\u003c\/span\u003e مع الاستمرار.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"n\"\u003eRetinol\u003c\/span\u003e\u003ch3\u003eجل الريتينول\u003c\/h3\u003e\n\u003cp\u003eلملمس \u003cspan class=\"k\"\u003eأنعم\u003c\/span\u003e ومظهر أخف للخطوط الدقيقة، بيتحط بالليل.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/901d4379-8d6a-4bac-9872-26df5854c654.jpg\" alt=\"قاعدة واحدة وتلات جلات متخصصة من بوبانا\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eإيه اللي في القاعدة المشتركة؟\u003c\/h2\u003e\n\u003cp class=\"c lead\"\u003eنفس التلات مكونات موجودة في الجلات كلها، بحسب البراند:\u003c\/p\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"n\"\u003eMarine Collagen\u003c\/span\u003e\u003ch3\u003eكولاجين بحري\u003c\/h3\u003e\n\u003cp\u003eبيدعم \u003cspan class=\"k\"\u003eمرونة البشرة\u003c\/span\u003e ومظهرها المشدود.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"n\"\u003eNiacinamide\u003c\/span\u003e\u003ch3\u003eنياسيناميد\u003c\/h3\u003e\n\u003cp\u003eلملمس \u003cspan class=\"k\"\u003eأنعم ونضارة\u003c\/span\u003e وتوازن للبشرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"n\"\u003eJojoba + Tea Tree Oil\u003c\/span\u003e\u003ch3\u003eزيت جوجوبا وشجرة الشاي\u003c\/h3\u003e\n\u003cp\u003eبيلينوا البشرة \u003cspan class=\"k\"\u003eمن غير إحساس تقيل\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"note\"\u003eنسب المكونات مش معلنة. قائمة المكونات الكاملة مطبوعة على كل عبوة.\u003c\/p\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/a35c1380-7504-4026-819b-535f47cb888c.jpg\" alt=\"جلات مائية خفيفة بالكولاجين البحري والنياسيناميد والجوجوبا\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eحبيبات تشوفها بعينك.. وقوام يختفي أول ما تفرده\u003c\/h2\u003e\n\u003cp class=\"c lead\"\u003eالجل مائي وخفيف، بيتفرد بسهولة ومبيسيبش طبقة لزجة. الحبيبات الملونة جواه هي المكون النشط لكل جل.\u003c\/p\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/ed8a149d-a17e-4aab-b401-790db35fcb34.jpg\" alt=\"حبيبات الجل النشطة في الجلات التلاتة\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eالسيت ده يناسبك لو\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eعايز \u003cspan class=\"k\"\u003eمرطب خفيف\u003c\/span\u003e للوش من غير ما تحس بتقل في الجو الحر.\u003c\/li\u003e\n\u003cli\u003eمحتاج حاجة تكفي \u003cspan class=\"k\"\u003eالوش والجسم والإيدين\u003c\/span\u003e مش الوش بس.\u003c\/li\u003e\n\u003cli\u003eبتحب تبدأ روتين بسيط: \u003cspan class=\"k\"\u003eترطيب الصبح ونضارة وتجديد بالليل\u003c\/span\u003e.\u003c\/li\u003e\n\u003cli\u003eعايز تجرب الريتينول بس \u003cspan class=\"k\"\u003eعلى مهلك\u003c\/span\u003e وبقوام لطيف.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cd6cf669-106c-4d81-96ce-f26c5cfa9498.jpg\" alt=\"إيد بتلمس قوام الجل المائي الخفيف\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eإيه اللي تتوقعه ومتى؟\u003c\/h2\u003e\n\u003cdiv class=\"flow\"\u003e\n\u003cdiv\u003e\n\u003ch4\u003eمن أول استعمال\u003c\/h4\u003e\n\u003cp\u003eإحساس \u003cspan class=\"k\"\u003eمائي ومنعش\u003c\/span\u003e وترطيب خفيف.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eحوالي أسبوعين\u003c\/h4\u003e\n\u003cp\u003eملمس \u003cspan class=\"k\"\u003eأنعم\u003c\/span\u003e ولمعة أوضح لبعض الناس.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eمن الأسبوع التالت\u003c\/h4\u003e\n\u003cp\u003eبشرة أكتر ترطيب ومرونة وتوحيد في المظهر مع \u003cspan class=\"k\"\u003eالاستمرار\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"note\"\u003eالنتايج بتختلف من شخص لشخص.\u003c\/p\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/52d82748-03b9-4a27-a8d1-7022ad051b08_e2349644-9290-42c7-91d5-f4c48c1c9f13.jpg\" alt=\"عبوة جل الهيالورونيك من بوبانا تحت الماء\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eأربع خطوات بسيطة.. وإيدك تعرف الباقي\u003c\/h2\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003ch4\u003eاغسل وشك\u003c\/h4\u003e\n\u003cp\u003eوجففه بالتربيت.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003ch4\u003eالصبح\u003c\/h4\u003e\n\u003cp\u003eهيالورونيك أو فيتامين سي، بحركات دايرية، وبعدها \u003cspan class=\"k\"\u003eواقي الشمس\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003ch4\u003eبالليل\u003c\/h4\u003e\n\u003cp\u003eهيالورونيك، أو الريتينول لو بشرتك بتتحمله. ابدأ \u003cspan class=\"k\"\u003eبكمية صغيرة\u003c\/span\u003e وكام ليلة في الأسبوع.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003ch4\u003eالجسم والإيدين\u003c\/h4\u003e\n\u003cp\u003eأي جل يناسبك. بتستخدمه \u003cspan class=\"k\"\u003eمرة أو مرتين\u003c\/span\u003e في اليوم.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/46176243-5c5e-41f5-b18b-9e3e1d5f0d13.jpg\" alt=\"روتين الصبح والليل بجلات بوبانا\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eقبل أول استخدام\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eللاستخدام الخارجي بس. متبلعوش، وابعده عن العين والشفايف.\u003c\/li\u003e\n\u003cli\u003eجرّبه على جزء صغير من الجلد الأول، ولو حصل احمرار أو حرقان أو تهيج وقّف الاستخدام.\u003c\/li\u003e\n\u003cli\u003eده منتج عناية مش علاج طبي، ومش بديل لواقي الشمس.\u003c\/li\u003e\n\u003cli\u003eجل الريتينول مش مناسب لأقل من 20 سنة، وممكن يسبب جفاف أو تهيج للبشرة الحساسة.\u003c\/li\u003e\n\u003cli\u003eالحامل والمرضعة تسأل الدكتور قبل استخدام الريتينول.\u003c\/li\u003e\n\u003cli\u003eلو عندك حساسية من مكون أو مشكلة جلدية، استشير دكتور جلدية الأول.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eالناس قالت إيه بعد ما جربته؟\u003c\/h2\u003e\n\u003cp class=\"c lead\"\u003eلسه مفيش تقييمات عملاء للسيت ده عندنا. أول ما تتجمع تقييمات حقيقية من اللي جربوه هنحطها هنا، ومش هنحط آراء مش حقيقية.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eالصورة كاملة\u003c\/h2\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eالحلو\u003c\/h3\u003e\n\u003cp\u003eثلاث عبوات كبيرة \u003cspan class=\"k\"\u003e750 مل\u003c\/span\u003e، قوام مائي خفيف، وتنفع للوش والجسم والإيدين.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eنقطة تنتبه ليها\u003c\/h3\u003e\n\u003cp\u003eنسب المكونات النشطة \u003cspan class=\"k\"\u003eمش معلنة\u003c\/span\u003e، والريتينول لازم يتدرّج في الاستخدام.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eأسئلة قبل ما تطلب\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003eأي جل يناسب بشرتي؟\u003c\/summary\u003e\u003cp\u003eالهيالورونيك يناسب البشرة العادية والجافة. فيتامين سي والريتينول ينفعوا لكل أنواع البشرة، ولو بشرتك حساسة جرّب على جزء صغير الأول.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eأقدر أستخدمهم على الجسم والإيدين؟\u003c\/summary\u003e\u003cp\u003eأيوه، السيت معمول للوش والجسم والإيدين.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eإزاي أستخدم الريتينول؟\u003c\/summary\u003e\u003cp\u003eبالليل وبكمية صغيرة، وكام مرة في الأسبوع في الأول وزوّد حسب ما بشرتك تتحمل. واقي الشمس الصبح ضروري. مش مناسب لأقل من 20 سنة.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eهلاقي نتيجة إمتى؟\u003c\/summary\u003e\u003cp\u003eالترطيب بتحسه من أول استعمال، والباقي بيظهر مع الاستمرار وبيختلف من شخص لشخص.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eالمنتج أصلي؟ وبتشحنوا لفين؟\u003c\/summary\u003e\u003cp\u003eأيوه، منتج أصلي، وبنشحن لكل محافظات مصر، والدفع عند الاستلام.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\" style=\"padding-top:12px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta\"\u003e\n\u003ch2\u003eروتين كامل بسعر سيت واحد.. جرّبه\u003c\/h2\u003e\n\u003cp style=\"max-width:700px;margin:10px auto 0;font-size:18px\"\u003e3 جلات مائية بالكولاجين البحري من \u003cbdi\u003eBobana\u003c\/bdi\u003e، ترطيب ونضارة وتجديد في روتين واحد. اضغط \u003cspan class=\"k\"\u003eأضف إلى السلة\u003c\/span\u003e.\u003c\/p\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/e2df497b-3557-40a3-a77d-7858cd86a419.jpg\" alt=\"ثلاث جلات بوبانا هيالورونيك وفيتامين سي وريتينول\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\n\u003cdiv class=\"btn\"\u003eاطلب السيت دلوقتي\u003c\/div\u003e\n\u003cdiv class=\"trust\"\u003e\n\u003cspan\u003eمنتج أصلي\u003c\/span\u003e\u003cspan\u003eشحن لكل محافظات مصر\u003c\/span\u003e\u003cspan\u003eالدفع عند الاستلام\u003c\/span\u003e\u003cspan\u003eاستبدال واسترجاع سهل\u003c\/span\u003e\u003cspan\u003eدعم على واتساب\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eالمكونات:\u003c\/b\u003e قاعدة من الكولاجين البحري والنياسيناميد وزيت الجوجوبا وزيت شجرة الشاي، مع حبيبات الهيالورونيك أو فيتامين سي أو الريتينول حسب الجل. قائمة المكونات الكاملة مطبوعة على كل عبوة.\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Bobana","offers":[{"title":"Default Title","offer_id":50936925454533,"sku":null,"price":500.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/dfd8d9d3-7327-4f52-80e4-5d40dad76fde.jpg?v=1794336440"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/collections\/BOBANA_PRODUCTS.jpg?v=1752334318","url":"https:\/\/instachiq.com\/ko\/collections\/bobana-products.oembed","provider":"Instachiq","version":"1.0","type":"link"}