{"title":"광범위한 스펙트럼의 자외선 차단제 및 SPF 방어","description":"\u003ch3 style=\"text-align: left;\"\u003e\u003cbr\/\u003e\u003c\/h3\u003e\n\u003ch3 style=\"text-align: left;\"\u003e햇빛은 피부암과 노화의 주범\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003e일찍!\u003c\/h3\u003e\n\u003cp data-mce-fragment=\"1\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e지구상의 빛과 생명의 주요 원천이 결코 가장 큰 원인 중 하나가 될 수 없다고 생각한다면\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003e피부암과 흑색종, 다시 한 번 생각해보라고 권하고 싶습니다.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e이집트인의 70% 이상이 주름과 피부암을 유발하는 자외선으로 인한 위험을 인식하지 못한 채 자외선 차단제 사용을 무시합니다. \u003c\/p\u003e\n\u003ch3 data-mce-fragment=\"1\" style=\"text-align: left;\"\u003e그렇다면 어떻게 햇빛으로부터 유익을 얻고 동시에 햇빛의 해로움을 피할 수 있습니까?\u003c\/h3\u003e\n\u003cp data-mce-fragment=\"1\" style=\"text-align: left;\"\u003e답은 당사 연구소와 고객이 테스트한 제품을 통해 유해한 햇빛을 필터링하고 차단하는 것입니다.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e \u003cbr data-mce-fragment=\"1\"\/\u003e\u003c\/p\u003e","products":[{"product_id":"bioderma-photoderm-max-50-tinted-dry-touch","title":"bioderma photoderm max +50 tinted dry touch","description":"\u003csection class=\"row product photoderm\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"reveal product__buy col-12 col-lg-5 offset-lg-7 col-xl-4 offset-xl-8 grid-offset-gutter revealed\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"product__tab-content\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"tab-content\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"tab-pane fade show active\" id=\"benefice\" role=\"tabpanel\" aria-labelledby=\"benefice-tab\" data-mce-fragment=\"1\"\u003e\n\u003cp data-mce-fragment=\"1\"\u003eOffers a very high UVA\/UVB anti-shine protection Pleasant and easy application thanks to a fluid texture as light as water\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eDry touch finish Ideal for all skin types, even combination to oily skin, sensitive skin or intolerant to all types of sunlight, very fair skin with freckles, skin exposed to maximum sunlight\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eOil-free formula - Non-greasy texture Good skin tolerance - Non comedogenic - Unfragranced - Water resistant\u003c\/p\u003e\n\u003cdiv data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section video photoderm product__video reveal anim-fade-in-up revealed\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"title-dash col-lg-6 offset-lg-4\" data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e","brand":"bioderma","offers":[{"title":"Default Title","offer_id":40639445631173,"sku":"INSTA0490CHIQ","price":340.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/101229-2-f-a-b-2fabde077bde901bcd8e7c8a3834af5910d1e45f_101229.jpg?v=1627189439"},{"product_id":"beesline-sunscreen-spf-50","title":"Beesline SPF 50의 밀랍 함유 자외선 차단제","description":"\u003cp data-mce-fragment=\"1\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e자외선 태양 광선의 손상과 노화의 징후로부터 피부를 보호하십시오.얼굴, 목, 데콜테 등 민감한 피부에 맞춰 준비했습니다.끈적임이 없고 피부에 백탁 현상이 남지 않아 메이크업 전 사용하기 좋은 제형입니다.\u003c\/p\u003e\n\u003cdiv class=\"destoponly\" data-mce-fragment=\"1\"\u003e\n\u003ch2 class=\"golden\" data-mce-fragment=\"1\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\n\u003cspan data-mce-style=\"color: #d6b405;\" style=\"color: #d6b405;\"\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003cbr\/\u003e\n\u003c\/h2\u003e\n\u003ch2 class=\"golden\" data-mce-fragment=\"1\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\u003cspan data-mce-style=\"color: #d6b405;\" style=\"color: #d6b405;\"\u003e\u003cstrong\u003e가시적 결과 타임라인\u003c\/strong\u003e\u003c\/span\u003e\u003c\/h2\u003e\n\u003ch4 data-mce-fragment=\"1\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e태양광 A, B 및 적외선으로부터 포괄적인 보호\u003c\/h4\u003e\n\u003ch4 data-mce-fragment=\"1\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e투명한 커버리지\u003cbr\/\u003e\n\u003c\/h4\u003e\n\u003cp\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003cdiv class=\"ingredient-container\"\u003e\n\u003cdiv class=\"ingredient-top\"\u003e\n\u003ch5 style=\"text-align: left;\"\u003e활성 성분\u003c\/h5\u003e\n\u003cp style=\"text-align: left;\"\u003e식물성 글리세린, 스위트 아몬드 오일, 참기름, 미네랄 파우더(이산화 티타늄), 밀랍, 밀 배아 오일, 호호바 오일, 헤나, 젖산 및 비타민 E.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cdiv class=\"ingredient-bottom\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e주요 성분\u003c\/h2\u003e\n\u003cdiv class=\"row\" style=\"text-align: left;\"\u003e\n\u003cdiv class=\"col-md-6\"\u003e\n\u003cdiv class=\"img-box\" style=\"text-align: center;\"\u003e\u003cimg alt=\"beeswax\" data-mce-src=\"https:\/\/shopbeesline.com\/pub\/media\/wysiwyg\/Beeswax.jpg\" height=\"340\" src=\"https:\/\/shopbeesline.com\/pub\/media\/wysiwyg\/Beeswax.jpg\" width=\"560\"\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"title\" data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003ch2\u003e\u003cspan\u003e꿀벌로부터\u003c\/span\u003e\u003c\/h2\u003e\n\u003ch2\u003e밀랍\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"description\" data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e밀랍에는 세포 생성에 도움을 주는 비타민 A와 피부 피지분비에 맞는 지방산이 풍부한 영양소가 들어있습니다.밀랍은 완화제 및 보습제 역할을 하며, 피부 표면에 수분을 끌어당겨 수분을 유지시켜 피부를 젊어지게 하고 부드럽게 해줍니다.  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"col-md-6\"\u003e\n\u003cdiv class=\"img-box\"\u003e\n\u003cimg alt=\"SESAME\" data-mce-src=\"https:\/\/shopbeesline.com\/pub\/media\/wysiwyg\/Sesame-seed.jpg\" height=\"340\" src=\"https:\/\/shopbeesline.com\/pub\/media\/wysiwyg\/Sesame-seed.jpg\" width=\"560\"\/\u003e\n\u003cdiv class=\"title\"\u003e\n\u003cdiv class=\"title\" data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003ch2\u003e\u003cspan\u003e자연에서\u003c\/span\u003e\u003c\/h2\u003e\n\u003ch2\u003e참기름\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"description\" data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e참기름은 건조한 피부를 치료하고 예방하는 데 효과적입니다.비타민E, 셀레늄 등 천연 항산화제가 풍부해 자외선B를 흡수해 피부를 손상으로부터 보호한다.\u003c\/div\u003e\n\u003cdiv class=\"description\" data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e직사광선과 노화의 첫 징후.  \u003cbr\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"description\" data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\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\/div\u003e\n\u003c\/div\u003e\n\u003cdiv data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cbr\/\u003e\u003c\/div\u003e","brand":"beesline","offers":[{"title":"Default Title","offer_id":40806279643333,"sku":"INSTA0571CHIQ","price":555.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/aew-bl0604-beesline-ultrascreen-cream-invisible-sun-filter-spf-50-1561800127.jpg?v=1635451748"},{"product_id":"bioderma-photoderm-max-aquafluide-spf-50-dry-touch-mat-finish-sunscreen-light-tint","title":"Bioderma Photoderm MAX Aquafluide SPF 50+ Dry Touch Mat Finish Sunscreen Light Tint","description":"\u003cp style=\"text-align: left;\"\u003e매우 높은 UVA\/UVB 안티샤인 보호 기능 제공 물처럼 부드럽고 가벼운 질감으로 부드럽고 쉬운 사용감 건조하고 벨벳 같은 마감 모든 피부 타입에 이상적이며 지성 피부, 민감성 피부 또는 모든 유형의 햇빛에 대한 내성이 낮은 피부, 주근깨가 있는 매우 고운 피부, 극단적인 햇빛에 노출된 피부에도 적합 오일 프리 포뮬러 - 끈적이지 않는 질감 좋은 피부 내성 - 모공을 막지 않음 - 무향 - 방수\u003c\/p\u003e","brand":"Bioderma","offers":[{"title":"Default Title","offer_id":40865992442053,"sku":"INSTA0661CHIQ","price":349.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/51RNSYfd0aS._SL1000.png?v=1636979515"},{"product_id":"uriage-bariesun-milk-spf50","title":"Uriage BARIÉSUN MILK SPF50+","description":"\u003cdiv class=\"c-product__intro u-intro\" data-mce-fragment=\"1\"\u003e\n\u003cp data-mce-fragment=\"1\"\u003eThanks to a high performance filtering complex, the lotion provides very high protection against UVA and UVB rays, free radicals and prevents skin from drying out. Its light, non-greasy and pleasantly fragranced texture guarantees renewed pleasure of use each time that it is applied. This lotion guarantees high safety, high tolerance and fast absorption.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c-product__description c-content\" data-mce-fragment=\"1\"\u003e\n\u003ch2 data-mce-fragment=\"1\"\u003ePrevents photoaging\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\"\u003eUriage Thermal Water, at the core of Bariésun formulas, fights against the harmful effects of the sun. The skin barrier is therefore reinforced and the DNA is protected against damage by UV rays*.\u003c\/p\u003e\n\u003ch2 data-mce-fragment=\"1\"\u003eProtects against UV rays\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\"\u003eIts new complex of latest-generation filters provides very high protection against UV rays. This lotion guarantees proven photostability and broad UVB and UVA coverage.\u003c\/p\u003e\n\u003ch2 data-mce-fragment=\"1\"\u003eIntensely moisturizes\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\"\u003eEnriched with Aquaspongines and Uriage Thermal Water, this lotion provides intense protection against dryness.\u003c\/p\u003e\n\u003c\/div\u003e","brand":"Uriage","offers":[{"title":"Default Title","offer_id":40866324414661,"sku":"INSTA0666CHIQ","price":429.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/sunscreen-tinted-copy.png?v=1642181655"},{"product_id":"infinity-sunscreen-lotion","title":"انفينيتي لوشن صن سكرين واقي الشمس عرض 1+1","description":"\u003cp\u003eلوشن إنفينيتي كير الواقي من الشمس بمضادات الأكسدة والخصائص المضادة للشيخوخة سوف يرطب ويحمي وجهك وجسمك من أشعة الشمس الضارة ، ويمنع حروق الشمس والتصبغ والآثار الضارة للأشعة فوق البنفسجية.\u003cbr data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003eاستخدامات المنتج : \u003cbr data-mce-fragment=\"1\"\u003eللحماية قبل التعرض للشمس.\u003cbr data-mce-fragment=\"1\"\u003eلكل أنواع البشرة\u003c\/p\u003e\n\u003cp\u003eمواصفات المنتج\u003cbr data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003eأوكتوكريلين- أفوبنزون- بيسوكتريزول- بيموتريزينول- كربونات ديكاربريل- سيكلوبنتاسيلوكسان- بانثينول- حامض الستريك- فيتامين هـ- جلسرين\u003cbr data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003eتعليمات الاستخدام\u003cbr data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003eضعه قبل 15-20 دقيقة من التعرض للشمس. يُعاد تطبيقه بسخاء كل ساعتين للحماية ، خاصة بعد السباحة أو التعرق أو التنشيف بالمنشفة.\u003c\/p\u003e","brand":"infinity","offers":[{"title":"Default Title","offer_id":41078260793541,"sku":"","price":330.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_34.jpg?v=1683377875"},{"product_id":"dermatique-mattifying-sunscreen","title":"더마티크 매티파잉 선스크린 플루이드 SPF 50+(1+1 밸류 듀오 제공)","description":"\u003ch2 style=\"text-align: center;\"\u003e지방을 흡수하고, 보습하고, 보호합니다.\u003c\/h2\u003e\n\u003cp\u003e \u003cimg alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/PhotoRoom-20230501_180703_1024x1024.png?v=1682954787\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/PhotoRoom-20230501_180703_1024x1024.png?v=1682954787\" style=\"display: block; margin-left: auto; margin-right: auto;\"\/\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp\u003e태양의 유해한 영향으로부터 최적의 광범위한 UVA\/UVB 보호를 보장하는 동시에 피지 분비를 조절하고 번들거림을 방지하여 조기 노화의 징후를 유발하는 유해한 산화 요인으로부터 피부를 보호하는 가벼운 오일 프리 플루이드입니다. \u003c\/p\u003e\n\u003cp\u003e*Inhipase™ 기술로 민감한 피부의 아름다움을 지켜줍니다.\u003c\/p\u003e\n\u003cp\u003e*24시간 오염으로부터 보호하는 Pollushield™ 기술.\u003c\/p\u003e\n\u003cp\u003e* 방수.건조한 질감.\u003c\/p\u003e\n\u003cp\u003e*흰자국이 남지 않습니다.연마에 강합니다.\u003c\/p\u003e\n\u003cp\u003e*알레르기 유발 물질이 없습니다.모공을 막지 않습니다.\u003c\/p\u003e\n\u003cp\u003e*파라벤 프리.\u003c\/p\u003e\n\u003cp\u003e사용법: 햇빛에 노출되기 30분 전에 바르십시오.2시간마다 또는 수영, 땀 흘리기 또는 패드 건조 후에 반복하십시오.\u003c\/p\u003e\n\u003cp\u003e경고: 외부 사용에만 사용됩니다.눈과의 접촉을 피하십시오.어린이의 손이 닿지 않는 곳에 보관하시고 직사광선이나 직사광선을 피해 서늘하고 건조한 곳에 보관하세요.\u003c\/p\u003e\n\u003cp\u003e성분: UVINUL EASY, 비타민 E, 카모마일 추출물, TINOSORB S, 판테놀, POLLUSHIELD, UNIVUL A, 산화아연, 세티올 AB, 글리세린, 알란토인.\u003c\/p\u003e\n\u003cdiv class=\"flex justify-between lg:block\"\u003e\n\u003cdiv class=\"text-gray-400 flex self-end lg:self-center justify-center mt-2 gap-2 md:gap-3 lg:gap-1 lg:absolute lg:top-0 lg:translate-x-full lg:right-0 lg:mt-0 lg:pl-2 visible\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"dermatique","offers":[{"title":"Default Title","offer_id":42082361016517,"sku":"","price":480.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_31.jpg?v=1682954163"},{"product_id":"kolagra-sunscreen-offer","title":"중성~복합성 1+1용 콜라그라 선스크린 젤 SPF 50 출시","description":"\u003cspan\u003eBroad spectrum Gel cream with antioxidant to maximize protection from UVA\u0026amp;UVB which can harm your skin, it combines both chemical and physical filters without residue on the skin .\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003eSuitable for normal to combined skin.\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan\u003e- Free from paraben , Fragrance , Oxybenzone\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e- Titanium Dioxide .\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e- TINOSORB S.\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e- Vitamin E \u003c\/span\u003e","brand":"kolagra","offers":[{"title":"Default Title","offer_id":42086585401541,"sku":"","price":280.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/Untitleddesign_2.png?v=1677967055"},{"product_id":"عرض-offer-kolagra-sun-screen-lotion-120ml-1-1","title":"콜라그라 선스크린 로션 120ml (1+1) 제공","description":"\u003cspan\u003eBroad spectrum Lotion with antioxidant to maximize protection from UVA \u0026amp; UVB which can destroy skin, it combined both chemical and physical filter without residue on the skin , suitable for all types of skin\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan\u003eActive Ingredients\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e- Titanium Dioxide .\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e- TINOSORB S.\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e- Vitamin E .\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e- Panthenol :- moisturizer effect .\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003eFree from paraben , Fragrance , Oxybenzone\u003c\/span\u003e","brand":"kolagra","offers":[{"title":"Default Title","offer_id":42086599786693,"sku":"","price":210.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/Untitleddesign_3.png?v=1677968279"},{"product_id":"farm-stay-كريم-واقي-الشمس-الخالي-من-الزيوت-spf50","title":"팜스테이 오일프리 선스크린 크림 SPF50+","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\"\u003e최고의 자외선 차단제 중 하나\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\"\u003e모든 피부 타입에 안전하고 빠르게 흡수되며 증상이나 성가신 잔여물이 없습니다.\u003c\/p\u003e\n\u003ctable dir=\"ltr\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003e장점\u003c\/th\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\u003ctd\u003e모든 피부 유형에 이상적이지는 않을 수 있습니다.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e자외선 차단 지수\u003c\/td\u003e\n\u003ctd\u003eSPF50+\u003c\/td\u003e\n\u003ctd\u003eSPF50+ 미만일 수 있습니다.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e방사선으로부터 보호\u003c\/td\u003e\n\u003ctd\u003eUVA 및 UVB 광선에 대한 광범위한 스펙트럼 보호\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\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\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\u003ctd\u003e보습 성분이 함유되어 있지 않을 수 있습니다.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e주요 성분:\u003c\/p\u003e\n\u003cul data-mce-fragment=\"1\"\u003e\n\u003cli data-mce-fragment=\"1\"\u003e피부에 수분을 공급하는 아쿠아.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e에칠헥실메톡시신나메이트, 에칠헥실살리실레이트, 에칠헥실트리아존이 유해한 자외선으로부터 피부를 보호해줍니다.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e즉각적이고 포괄적인 자외선 차단 효과를 제공하는 이산화티타늄과 산화아연.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e알로에 바르바덴시스 잎 추출물, 모루스 알바 껍질 추출물, 올레아 유로파에아 과일 추출물과 같은 식물 추출물과 자몽(Citrus Paradisi 과일 추출물), 오렌지(Citrus Aurantium Dulcis 과일 추출물), 토마토(Solanum Lycopersicum 과일 추출물)와 같은 감귤 추출물.피부에 영양을 공급하고 보습합니다.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e기타 식물성 왁스, 밀랍(Micro Crystalline Wax, Beeswax) 등 천연성분은 피부 보습과 보호에 도움을 줍니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp data-sourcepos=\"32:1-32:314\"\u003e가볍고 끈적이지 않으며 광범위한 보호 기능을 제공하는 자외선 차단제를 찾고 있다면 Farmstay 오일 프리 자외선 차단제가 완벽한 선택입니다.또한 파라벤, 미네랄 오일, 기타 유해 화학 물질이 포함되어 있지 않아 피부에 순합니다.게다가 가격도 매우 저렴해 고객들로부터 많은 긍정적인 평가를 받았습니다.\u003c\/p\u003e","brand":"Farm stay","offers":[{"title":"Default Title","offer_id":42376032092357,"sku":"","price":500.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/farmstayoilfreesunscreenuvdefense.jpg?v=1695887069"},{"product_id":"the-ordinary-mineral-uv-filters-spf-30","title":"the ordinary Mineral uv filters spf 30","description":"\u003ch1\u003e피부의 가장 좋은 친구: 미네랄 UV 필터 항산화 성분이 함유된 SPF 30 자외선 차단제\u003c\/h1\u003e\n\u003cp\u003eThe Ordinary의 항산화 성분이 함유된 미네랄 UV 필터 SPF 30 자외선 차단제를 사용하여 우아함과 관리로 피부를 보호하세요.항산화제와 수분 공급을 지원하여 SPF 30 보호 기능을 제공하는 독특한 미네랄 자외선 차단제입니다.\u003c\/p\u003e\n\u003ch2\u003e이 제품의 차별점은 무엇인가요?\u003c\/h2\u003e\n\u003cul\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이 자외선 차단제를 일상적인 스킨케어 루틴에 포함시켜 햇빛으로부터 피부를 효과적이고 우아하게 보호하세요.태양이 당신의 아름다움을 망치게 두지 마십시오.The Ordinary의 항산화 성분이 함유된 미네랄 UV 필터 SPF 30 자외선 차단제와 함께 건강하고 빛나는 피부를 즐겨보세요.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e모든 성분: \u003cbr\/\u003e\u003cspan data-mce-fragment=\"1\"\u003eAqua (Water), Cyclopentasiloxane, Zinc Oxide, Titanium Dioxide, Glycerin, PEG-10 Dimethicone, Helianthus Annuus Seed Oil, PEG-9 Polydimethylsiloxyethyl Dimethicone, Caprylic\/Capric Triglyceride, Hexyl Laurate, Dimethicone\/PEG-10\/15 Crosspolymer, Polyglyceryl-4 Isostearate, Astaxanthin, Disodium Uridine Phosphate, Ethyl Ferulate, Rosmarinus Officinalis Leaf Extract, Tasmannia Lanceolata Fruit\/Leaf Extract, Haematococcus Pluvialis Extract, Picea Mariana Bark Extract, Arginine, Aspartic Acid, Glycine, Alanine, Serine, Valine, Isoleucine, Proline, Threonine, Histidine, Phenylalanine, Sodium PCA, PCA, Sodium Lactate, Glucose, Maltose, Fructose, Trehalose, Urea, Allantoin, Sodium Hyaluronate, Linoleic Acid, Oleic Acid, Phytosteryl Canola Glycerides, Palmitic Acid, Stearic Acid, Isochrysis Galbana Extract, Lysolecithin, Lecithin, Triolein, Pentylene Glycol, Dipropylene Glycol, Polyglyceryl-10 Oleate, Polyglyceryl-5 Trioleate, Polyglyceryl-10 Stearate, Tocopherol, Alumina, Citric Acid, Trisodium Ethylenediamine Disuccinate, Sodium Chloride, Sodium Hydroxide, Phenoxyethanol, Chlorphenesin.\u003c\/span\u003e\u003cbr\/\u003e\u003c\/p\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":42399960432837,"sku":"","price":1450.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/rdn-mineral-uv-filters-spf-30-with-antioxidants-50ml.webp?v=1696848637"},{"product_id":"beauty-of-joseon-relief-sun-rice-probiotics-50ml","title":"Beauty of Joseon Relief Sun : Rice + Probiotics 50ml","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n    \/* Base styles *\/\n    .product-container {\n        max-width: 1000px;\n        margin: 0 auto;\n        padding: 20px;\n        color: #333;\n        line-height: 1.6;\n        direction: ltr;\n        \n        background-color: #ffffff;\n    }\n\n    \/* Typography *\/\n    .product-container h2, \n    .product-container h3 {\n        color: #9C8102;\n        margin-top: 1.8em;\n        margin-bottom: 0.8em;\n        font-weight: 700;\n    }\n\n    .product-container h2 {\n        font-size: 1.8rem;\n        position: relative;\n    }\n    \n    .product-container h2::after {\n        content: '';\n        display: block;\n        width: 80px;\n        height: 3px;\n        background-color: #9C8102;\n        margin-top: 10px;\n    }\n\n    .product-container h3 {\n        font-size: 1.4rem;\n        color: #777;\n        font-style: italic;\n        margin-top: -0.5em;\n    }\n\n    .product-container p {\n        font-size: 1.1rem;\n        margin-bottom: 1.2em;\n        line-height: 1.8;\n    }\n\n    .product-container strong {\n        color: #9C8102;\n        font-weight: bold;\n    }\n    \n    .product-container ul, \n    .product-container ol {\n        padding-right: 25px;\n        margin: 1.5em 0;\n    }\n    \n    .product-container li {\n        margin-bottom: 1em;\n        position: relative;\n    }\n    \n    .product-container li p {\n        margin-bottom: 0.5em;\n    }\n\n    \/* Hero image *\/\n    .hero-image {\n        max-width: 100%;\n        height: auto;\n        border-radius: 15px;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n        margin: 30px 0;\n        transition: transform 0.5s ease;\n    }\n\n    .hero-image:hover {\n        transform: scale(1.02);\n    }\n\n    \/* Introduction section with subtle background *\/\n    .intro-section {\n        background-color: #fafafa;\n        border-radius: 15px;\n        padding: 30px;\n        margin: 40px 0;\n        border-right: 4px solid #9C8102;\n    }\n\n    \/* Features section *\/\n    .features-section {\n        background-color: #ffffff;\n        border-radius: 15px;\n        padding: 30px;\n        margin: 40px 0;\n        border: 1px solid #f0f0f0;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n    }\n\n    \/* Process steps *\/\n    .process-steps {\n        counter-reset: step-counter;\n    }\n    \n    .process-step {\n        background-color: #ffffff;\n        border-radius: 10px;\n        padding: 20px;\n        margin-bottom: 15px;\n        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n        border-right: 3px solid #9C8102;\n        transition: transform 0.3s ease;\n        position: relative;\n    }\n    \n    .process-step:hover {\n        transform: translateX(-5px);\n    }\n    \n    .process-step::before {\n        counter-increment: step-counter;\n        content: counter(step-counter);\n        position: absolute;\n        right: -15px;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 30px;\n        height: 30px;\n        background-color: #9C8102;\n        color: white;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: bold;\n    }\n    \n    .step-title {\n        color: #9C8102;\n        font-weight: bold;\n        margin-bottom: 5px;\n    }\n\n    \/* Benefits grid *\/\n    .benefits-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 20px;\n        margin: 30px 0;\n    }\n    \n    .benefit-card {\n        background-color: #ffffff;\n        border-radius: 15px;\n        padding: 25px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n        border: 1px solid #f0f0f0;\n        transition: transform 0.3s ease;\n    }\n    \n    .benefit-card:hover {\n        transform: translateY(-8px);\n    }\n    \n    .benefit-title {\n        color: #9C8102;\n        font-weight: bold;\n        font-size: 1.1rem;\n        margin-bottom: 10px;\n    }\n\n    \/* Two column section *\/\n    .two-column-section {\n        display: flex;\n        gap: 30px;\n        margin: 40px 0;\n    }\n    \n    .column {\n        flex: 1;\n        min-width: 300px;\n    }\n    \n    .column img {\n        width: 100%;\n        height: auto;\n        border-radius: 15px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n    }\n\n    \/* Call to action - Black *\/\n    .cta-section {\n        background: #000000;\n        color: white;\n        padding: 40px;\n        border-radius: 15px;\n        text-align: center;\n        margin: 40px 0;\n    }\n    \n    .cta-title {\n        color: white;\n        font-size: 1.6rem;\n        margin-bottom: 20px;\n        position: relative;\n    }\n    \n    .cta-title::after {\n        content: '';\n        display: block;\n        width: 60px;\n        height: 3px;\n        background-color: #9C8102;\n        margin: 15px auto 0;\n    }\n    \n    .cta-text {\n        font-size: 1.1rem;\n        margin-bottom: 30px;\n        color: white;\n    }\n    \n    .cta-button {\n        display: inline-block;\n        padding: 12px 35px;\n        background-color: #9C8102;\n        color: white;\n        font-weight: bold;\n        border-radius: 30px;\n        text-decoration: none;\n        font-size: 1.1rem;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\n    }\n    \n    .cta-button:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);\n        background-color: #b49a1c;\n    }\n\n    \/* Separator *\/\n    .separator {\n        height: 1px;\n        background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.3), transparent);\n        margin: 40px 0;\n        width: 100%;\n    }\n\n    \/* Animation classes *\/\n    .fade-in {\n        opacity: 0;\n        transform: translateY(20px);\n        transition: opacity 0.8s ease, transform 0.8s ease;\n    }\n    \n    .fade-in.visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    \/* Badge *\/\n    .spf-badge {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        background-color: #9C8102;\n        color: white;\n        padding: 5px 15px;\n        border-radius: 20px;\n        font-weight: bold;\n        margin-right: 10px;\n    }\n\n    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n        .benefits-grid {\n            grid-template-columns: 1fr;\n        }\n        \n        .two-column-section {\n            flex-direction: column;\n        }\n        \n        .process-step::before {\n            right: 10px;\n            top: 10px;\n            transform: none;\n        }\n        \n        .process-step {\n            padding-right: 45px;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003cimg alt=\"Beauty of Joseon Relief Sun\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Relief_Sun_Rice_Probiotics_50ml.jpg?v=1745773366\"\/\u003e\n\u003ch2\u003e슈퍼 프로텍션: 한국식 케어가 적용된 선 쉴드\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Introduction Section --\u003e\n\u003cdiv class=\"intro-section fade-in\"\u003e\n\u003cp\u003e: \u003cstrong\u003eBeauty of Joseon Relief Sun: Rice + Probiotics SPF50+ PA++++ (50ml)\u003c\/strong\u003e 강력한 SPF50+ PA++++의 광범위한 스펙트럼 보호와 풍부한 영양 포뮬러가 피부 깊숙이 수분을 공급하고 영양을 공급하는 혁신적인 한국형 자외선 차단제입니다.이 보호제는 발효 쌀 추출물 30%와 피부 미생물의 균형을 재조정하고 발적과 건조함을 진정시키는 프로바이오틱스 혼합물을 함유하고 있습니다.끈적임이나 하얀 필름 없이 즉시 사라지는 가볍고 빛나는 질감 덕분에 릴리프 선은 모든 피부 타입, 심지어 민감한 피부에도 효과와 매일의 편안함을 결합합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Complete Protection Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003cimg alt=\"Beauty of Joseon Relief Sun Protection\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Relief_Sun_Rice_Probiotics_50ml_2.jpg?v=1745773397\"\/\u003e\n\u003ch2\u003e타협 없는 포괄적인 보호\u003c\/h2\u003e\n\u003ch3\u003e- 자외선 손상을 방지하는 고급 처방 -\u003c\/h3\u003e\n\u003cp\u003eRelief Sun은 SPF50+ PA++++를 보장하는 고급 화학 필터를 통해 UVA 및 UVB 광선을 효과적으로 차단하여 매일 햇빛에 노출되어 발생하는 일광 화상 및 과다 색소 침착 위험을 줄입니다.무향, 무알코올, 안전 등급(EWG 그린 레벨) 포뮬라는 민감한 피부와 기존 자외선 차단제에 알레르기가 있는 사람들에게 적합합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003cimg alt=\"Beauty of Joseon Relief Sun Texture\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Relief_Sun.webp?v=1745773502\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"features-section fade-in\"\u003e\n\u003ch2\u003e수분 공급 및 영양 듀오: 쌀과 프로바이오틱스를 하나로 혼합한 제품\u003c\/h2\u003e\n\u003ch3\u003e- 깊은 수분 공급과 즉각적인 진정을 위한 천연 성분 -\u003c\/h3\u003e\n\u003cdiv class=\"two-column-section\"\u003e\n\u003cdiv class=\"column\"\u003e\n\u003cimg alt=\"Beauty of Joseon Relief Sun Ingredients\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_rice_probiotics.webp?v=1745773561\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"column\"\u003e\n\u003cp\u003e릴리프선은 발효쌀추출물 30%와 프로바이오틱스, 발효곡물을 혼합한 비타민 B, C, E, 아미노산, 미네랄이 함유되어 피부에 즉각적인 수분 공급을 제공하고 하루 종일 붉은기와 건조함을 진정시켜줍니다.\u003c\/p\u003e\n\u003cp\u003e또한 피부의 유분과 수분 수준의 균형을 맞춰주는 나이아신아마이드가 함유되어 포뮬러가 더욱 강화되어 모공 크기를 최소화하여 더욱 매끄럽고 통통한 피부로 가꿔줍니다.\u003c\/p\u003e\n\u003cdiv style=\"display: flex; gap: 10px; margin-top: 20px;\"\u003e\n\u003cspan class=\"spf-badge\"\u003eSPF50+\u003c\/span\u003e\n\u003cspan class=\"spf-badge\"\u003ePA++++\u003c\/span\u003e\n\u003cspan class=\"spf-badge\"\u003eEWG GREEN\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003ch2\u003e제품은 어떻게 작동하나요?\u003c\/h2\u003e\n\u003ch3\u003e- 보습 기술과 자외선 차단의 시너지 효과 -\u003c\/h3\u003e\n\u003cdiv class=\"process-steps\"\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003e진정의 시작\u003c\/div\u003e\n\u003cp\u003e보호제를 바르면 프로바이오틱스와 발효쌀이 피부를 진정시켜주고 건조함과 붉은기를 진정시켜줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003e강력한 보호 장벽\u003c\/div\u003e\n\u003cp\u003eSPF50+ PA++++ 필터는 유해한 광선이 피부에 침투하기 전에 반사하고 흡수합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003e보습 및 영양 공급\u003c\/div\u003e\n\u003cp\u003e발효 쌀이 보습 성분을 피부 깊숙이 방출하고, 나이아신아마이드가 피부의 천연 수분 장벽을 강화합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003e가벼운 마무리\u003c\/div\u003e\n\u003cp\u003e반짝이는 젤 텍스처가 빠르게 흡수되어 백탁이나 끈적임 없이 피부를 보송보송하게 만들어줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Advantages Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003ch2\u003e우수성의 비결: Relief Sun이 다른 제품보다 뛰어난 성능을 보이는 이유는 무엇입니까?\u003c\/h2\u003e\n\u003ch3\u003e- 실용적인 결과와 신뢰할 수 있는 사용자 경험 -\u003c\/h3\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003e거부할 수 없는 질감\u003c\/h4\u003e\n\u003cp\u003e공기처럼 가벼워서 끈적임이나 백탁 현상 없이 피부에 스며듭니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003e입증된 효과\u003c\/h4\u003e\n\u003cp\u003e수백만 명의 사용자로부터 별 4.5개를 넘는 평점을 받은 세계에서 가장 높은 평가를 받은 자외선 차단제 중 하나\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003e과학적이고 자연적인 공식\u003c\/h4\u003e\n\u003cp\u003e고급 화학 필터와 전통 유기농 발효 쌀 추출물 및 프로바이오틱스를 결합하여 완벽한 보호와 수분 공급을 보장합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003e전문가 인정\u003c\/h4\u003e\n\u003cp\u003e보호와 스타일이 결합된 최고의 한국 자외선 차단제 중 하나로 Allure가 추천했으며, 안전하고 효과적인 포뮬라 덕분에 피부과 전문의의 승인을 받았습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003e모든 조건에 적합\u003c\/h4\u003e\n\u003cp\u003e습도가 높은 환경에서도 탁월한 효과를 발휘하며, 무겁거나 미끄러운 느낌을 방지해 메이크업 전이나 화장하지 않은 상태에서 데일리로 사용하기 딱 좋은 선택입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action Section - Black --\u003e\n\u003cdiv class=\"cta-section fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003e궁극의 한국적 우아함으로 피부를 보호하세요\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e하나의 제품으로 깊은 수분 공급과 영양 공급으로 SPF50+ 보호 기능을 누려보세요.무겁고 하얀 자외선 차단제와 작별하고 하루 종일 건강하고 보호된 광채를 만나보세요!\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003e지금 구매\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Add subtle animations and interactions\n    (function() {\n        \/\/ Function to handle fade-in animations\n        const observeElements = (elements, callback) =\u003e {\n            const observer = new IntersectionObserver((entries) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        callback(entry.target);\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1 });\n            \n            elements.forEach(el =\u003e observer.observe(el));\n        };\n        \n        \/\/ Apply animations to fade-in elements when they come into view\n        observeElements(document.querySelectorAll('.fade-in'), (element) =\u003e {\n            setTimeout(() =\u003e {\n                element.classList.add('visible');\n            }, 100);\n        });\n        \n        \/\/ Add hover effects to process steps\n        document.querySelectorAll('.process-step').forEach(step =\u003e {\n            step.addEventListener('mouseenter', () =\u003e {\n                step.style.transform = 'translateX(-5px)';\n            });\n            \n            step.addEventListener('mouseleave', () =\u003e {\n                step.style.transform = '';\n            });\n        });\n    })();\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44691703300293,"sku":"","price":950.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/51KXcVZceoL.jpg?v=1745768552"},{"product_id":"bobai-sunscreen-extra-lightening-gel-spf-50-واقي-الشمس-المفتح-من-بوباي","title":"보바이 선스크린 엑스트라 라이트닝 젤 spf 50은 보바이의 브라이트닝 선스크린입니다.","description":"\u003cdiv class=\"product-description-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n    .product-description-container {\n      direction: ltr;\n      text-align: left;\n      font-family: inherit;\n      line-height: 1.6;\n      color: #333;\n      max-width: 100%;\n      margin: 0 auto;\n      overflow-x: hidden;\n    }\n\n    .hero-section {\n      background: linear-gradient(135deg, #000 0%, #9C8102 100%);\n      padding: 40px 30px;\n      border-radius: 12px;\n      margin-bottom: 30px;\n      position: relative;\n      overflow: hidden;\n      opacity: 0;\n      transform: translateY(30px);\n      animation: fadeInUp 1s ease forwards;\n    }\n\n    .hero-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      width: 200px;\n      height: 200px;\n      background: rgba(156, 129, 2, 0.1);\n      border-radius: 50%;\n      transform: translate(50%, -50%);\n    }\n\n    .hero-title {\n      color: #9C8102;\n      font-size: 2.5em;\n      font-weight: bold;\n      margin-bottom: 15px;\n      position: relative;\n      z-index: 2;\n    }\n\n    .hero-subtitle {\n      color: white;\n      font-size: 1.2em;\n      margin-bottom: 20px;\n      position: relative;\n      z-index: 2;\n    }\n\n    .dual-action-highlight {\n      background: #333;\n      color: #9C8102;\n      padding: 15px 25px;\n      border-radius: 25px;\n      display: inline-block;\n      font-weight: bold;\n      margin: 15px 0;\n      border: 2px solid #9C8102;\n      position: relative;\n      z-index: 2;\n    }\n\n    .question-section {\n      background: #f5f5f5;\n      padding: 30px;\n      border-radius: 10px;\n      margin: 30px 0;\n      border-right: 5px solid #9C8102;\n      opacity: 0;\n      animation: fadeIn 1s ease 0.2s forwards;\n    }\n\n    .question-text {\n      font-size: 1.4em;\n      font-weight: bold;\n      color: #9C8102;\n      margin-bottom: 15px;\n    }\n\n    .answer-text {\n      font-size: 1.1em;\n      color: #333;\n      line-height: 1.6;\n    }\n\n    .problem-highlight {\n      background: #333;\n      color: white;\n      padding: 20px;\n      border-radius: 8px;\n      margin: 15px 0;\n      border-right: 4px solid #9C8102;\n    }\n\n    .solution-highlight {\n      background: #9C8102;\n      color: white;\n      padding: 20px;\n      border-radius: 8px;\n      margin: 15px 0;\n      font-weight: bold;\n    }\n\n    .ingredients-section {\n      background: white;\n      border: 2px solid #9C8102;\n      border-radius: 12px;\n      padding: 35px;\n      margin: 40px 0;\n      opacity: 0;\n      animation: fadeIn 1s ease 0.4s forwards;\n    }\n\n    .section-title {\n      color: #9C8102;\n      font-size: 2em;\n      font-weight: bold;\n      margin-bottom: 20px;\n      text-align: center;\n    }\n\n    .ingredients-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n      gap: 25px;\n      margin: 40px 0;\n      opacity: 0;\n      animation: fadeIn 1s ease 0.6s forwards;\n    }\n\n    .ingredient-card {\n      background: white;\n      border: 2px solid #e0e0e0;\n      border-radius: 15px;\n      padding: 25px;\n      transition: all 0.3s ease;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .ingredient-card:hover {\n      border-color: #9C8102;\n      transform: translateY(-5px);\n      box-shadow: 0 15px 30px rgba(156, 129, 2, 0.15);\n    }\n\n    .ingredient-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      width: 100%;\n      height: 4px;\n      background: #9C8102;\n      transform: scaleX(0);\n      transform-origin: right;\n      transition: transform 0.3s ease;\n    }\n\n    .ingredient-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .ingredient-title {\n      color: #9C8102;\n      font-size: 1.6em;\n      font-weight: bold;\n      margin-bottom: 10px;\n    }\n\n    .ingredient-subtitle {\n      color: #666;\n      font-size: 1.1em;\n      margin-bottom: 15px;\n      font-weight: bold;\n    }\n\n    .benefits-list {\n      list-style: none;\n      padding: 0;\n      margin: 15px 0;\n      color: #333;\n    }\n\n    .benefits-list li {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      margin-bottom: 10px;\n      padding: 8px 0;\n      color: inherit;\n    }\n\n    .benefits-list li::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: #9C8102;\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n\n    .usage-section {\n      background: #000;\n      color: white;\n      padding: 40px;\n      border-radius: 15px;\n      margin: 40px 0;\n      opacity: 0;\n      animation: fadeIn 1s ease 0.8s forwards;\n    }\n\n    .usage-section .section-title {\n      color: #9C8102;\n    }\n\n    .usage-steps {\n      background: #333;\n      border-radius: 10px;\n      padding: 25px;\n      margin: 25px 0;\n    }\n\n    .step-list {\n      list-style: none;\n      padding: 0;\n      counter-reset: step-counter;\n    }\n\n    .step-list li {\n      counter-increment: step-counter;\n      margin: 15px 0;\n      padding: 15px;\n      background: rgba(255, 255, 255, 0.1);\n      border-radius: 8px;\n      position: relative;\n      padding-right: 50px;\n    }\n\n    .step-list li::before {\n      content: counter(step-counter);\n      background: #9C8102;\n      color: white;\n      width: 30px;\n      height: 30px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: bold;\n      position: absolute;\n      right: 10px;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n\n    .timeline-section {\n      background: #f5f5f5;\n      padding: 40px;\n      border-radius: 15px;\n      margin: 40px 0;\n      opacity: 0;\n      animation: fadeIn 1s ease 1s forwards;\n      color: #333;\n    }\n\n    .timeline-item {\n      margin: 25px 0;\n      padding: 20px;\n      background: white;\n      border-radius: 10px;\n      border-right: 5px solid #9C8102;\n      transition: all 0.3s ease;\n      display: flex;\n      align-items: center;\n      gap: 20px;\n    }\n\n    .timeline-item:hover {\n      transform: translateX(-5px);\n      box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n    }\n\n    .timeline-period {\n      background: #9C8102;\n      color: white;\n      padding: 10px 15px;\n      border-radius: 20px;\n      font-weight: bold;\n      min-width: 120px;\n      text-align: center;\n      flex-shrink: 0;\n    }\n\n    .timeline-content {\n      font-size: 1.1em;\n      font-weight: bold;\n    }\n\n    .warning-section {\n      background: #333;\n      color: white;\n      padding: 35px;\n      border-radius: 15px;\n      margin: 40px 0;\n      text-align: center;\n      opacity: 0;\n      animation: fadeIn 1s ease 1.2s forwards;\n    }\n\n    .warning-title {\n      color: #9C8102;\n      font-size: 1.8em;\n      font-weight: bold;\n      margin-bottom: 20px;\n    }\n\n    .sun-damage-fact {\n      background: rgba(255, 107, 107, 0.1);\n      border: 2px solid #ff6b6b;\n      border-radius: 10px;\n      padding: 25px;\n      margin: 20px 0;\n      font-size: 1.2em;\n      line-height: 1.5;\n    }\n\n    .cta-section {\n      background: linear-gradient(135deg, #000 0%, #9C8102 100%);\n      color: white;\n      padding: 50px 40px;\n      border-radius: 15px;\n      margin: 40px 0;\n      text-align: center;\n      opacity: 0;\n      animation: fadeIn 1s ease 1.4s forwards;\n    }\n\n    .cta-title {\n      font-size: 2.2em;\n      font-weight: bold;\n      margin-bottom: 20px;\n      color: #9C8102;\n    }\n\n    .cta-text {\n      font-size: 1.2em;\n      margin-bottom: 30px;\n      line-height: 1.5;\n    }\n\n    .investment-highlight {\n      background: rgba(156, 129, 2, 0.1);\n      border: 2px solid #9C8102;\n      border-radius: 10px;\n      padding: 20px;\n      margin: 20px 0;\n      font-weight: bold;\n    }\n\n    @keyframes fadeInUp {\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes fadeIn {\n      to {\n        opacity: 1;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .hero-title {\n        font-size: 2em;\n      }\n      \n      .section-title {\n        font-size: 1.6em;\n      }\n      \n      .ingredients-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .timeline-item {\n        flex-direction: column;\n        text-align: center;\n      }\n\n      .timeline-period {\n        min-width: auto;\n        margin-bottom: 10px;\n      }\n    }\n  \u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003e브라이트닝 선스크린 SPF 50\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e보호+라이트닝을 하나의 제품으로\u003c\/p\u003e\n\u003cdiv class=\"dual-action-highlight\"\u003e데일리 보호 + 점진적인 라이트닝 = 두 배의 효과\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Question Section --\u003e\n\u003cdiv class=\"question-section\"\u003e\n\u003cdiv class=\"question-text\"\u003e브라이트닝 자외선 차단제를 선택하는 이유는 무엇입니까?\u003c\/div\u003e\n\u003cdiv class=\"answer-text\"\u003e\n\u003cdiv class=\"problem-highlight\"\u003e\n\u003cstrong\u003e일반 자외선 차단제의 문제점\u003c\/strong\u003e 보호할 뿐이지만... \u003cstrong\u003e기존 다크스팟이 그대로 남아있어\u003c\/strong\u003e.\n      \u003c\/div\u003e\n\u003cdiv class=\"solution-highlight\"\u003e\n\u003cstrong\u003e브라이트닝 자외선 차단제\u003c\/strong\u003e 당신의 손으로 \u003cstrong\u003e보호 + 치료\u003c\/strong\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\u003c\/div\u003e\n\u003c!-- Ingredients Grid --\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003c!-- Glabridin Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eGlabridin\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003e감초에서 추출한 천연미백제\u003c\/div\u003e\n\u003cul class=\"benefits-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!-- SPF 50 Protection Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eSPF 50 보호\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003e탁월한 자외선 차단\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e높은 UVA\/UVB 보호\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!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e간단한 사용\u003c\/h2\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003col class=\"step-list\"\u003e\n\u003cli\u003e\u003cstrong\u003e매일 햇빛에 노출되기 20분 전에 바르십시오.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e2시간마다 다시 바르세요\u003c\/strong\u003e 지속적인 보호를 위해\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e흐린 날에도 사용하세요\u003c\/strong\u003e - 자외선은 항상 존재한다.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\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-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003e즉시\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e자외선 차단과 편안하고 가벼운 질감\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003e2주\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e새로운 반점 형성을 방지\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003e한 달\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e기존 스팟이 약간 밝아지는 시작\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003e3개월\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e확실한 피부톤 개선\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003e6개월\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\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-title\"\u003e태양 손상에 관한 중요한 사실\u003c\/div\u003e\n\u003cdiv class=\"sun-damage-fact\"\u003e\n\u003cstrong\u003e모든 햇빛은 콜라겐을 분해합니다.보호받지 못한 채 태양에 노출되는 것은 조기 노화로 가는 가장 빠른 경로입니다.\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"investment-highlight\"\u003e\n\u003cp\u003e\u003cstrong\u003e브라이트닝 선스크린 SPF 50\u003c\/strong\u003e 그는 \u003cstrong\u003e피부의 건강과 아름다움을 위한 현명한 투자\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003e데일리 보호 + 점진적인 미백 = 하나의 제품으로 두 배의 효과를 얻을 수 있습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003e이제 피부를 보호하세요\u003c\/h2\u003e\n\u003cdiv class=\"cta-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\u003cp style=\"font-size: 1.4em; color: #9C8102;\"\u003e\u003cstrong\u003e지금 주문하세요... 매일 피부를 보호하고 빛나는 피부를 유지하세요.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Smooth scroll animations\n    function observeElements() {\n      const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach((entry) =\u003e {\n          if (entry.isIntersecting) {\n            entry.target.style.opacity = '1';\n            entry.target.style.transform = 'translateY(0)';\n          }\n        });\n      }, {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n      });\n\n      \/\/ Observe elements for scroll animations\n      document.querySelectorAll('.ingredient-card, .timeline-item').forEach((el) =\u003e {\n        el.style.opacity = '0';\n        el.style.transform = 'translateY(20px)';\n        el.style.transition = 'all 0.6s ease';\n        observer.observe(el);\n      });\n    }\n\n    \/\/ Enhanced hover effects\n    function addHoverEffects() {\n      const cards = document.querySelectorAll('.ingredient-card, .timeline-item');\n      \n      cards.forEach(card =\u003e {\n        card.addEventListener('mouseenter', function() {\n          this.style.transform = 'translateY(-8px) translateX(-5px)';\n          this.style.boxShadow = '0 15px 35px rgba(156, 129, 2, 0.2)';\n        });\n        \n        card.addEventListener('mouseleave', function() {\n          this.style.transform = '';\n          this.style.boxShadow = '';\n        });\n      });\n    }\n\n    \/\/ Dual action highlight pulse effect\n    function addPulseEffect() {\n      const dualActionHighlight = document.querySelector('.dual-action-highlight');\n      if (dualActionHighlight) {\n        setInterval(() =\u003e {\n          dualActionHighlight.style.transform = 'scale(1.05)';\n          setTimeout(() =\u003e {\n            dualActionHighlight.style.transform = 'scale(1)';\n          }, 200);\n        }, 3000);\n      }\n    }\n\n    \/\/ Sun damage fact glow effect\n    function addSunDamageGlow() {\n      const sunDamageFact = document.querySelector('.sun-damage-fact');\n      if (sunDamageFact) {\n        setInterval(() =\u003e {\n          sunDamageFact.style.boxShadow = '0 0 20px rgba(255, 107, 107, 0.5)';\n          setTimeout(() =\u003e {\n            sunDamageFact.style.boxShadow = 'none';\n          }, 1000);\n        }, 5000);\n      }\n    }\n\n    \/\/ Timeline items sequential animation\n    function addTimelineAnimation() {\n      const timelineItems = document.querySelectorAll('.timeline-item');\n      \n      const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach((entry, index) =\u003e {\n          if (entry.isIntersecting) {\n            setTimeout(() =\u003e {\n              entry.target.style.opacity = '1';\n              entry.target.style.transform = 'translateX(0)';\n            }, index * 200);\n            observer.unobserve(entry.target);\n          }\n        });\n      });\n\n      timelineItems.forEach((item, index) =\u003e {\n        item.style.opacity = '0';\n        item.style.transform = 'translateX(30px)';\n        item.style.transition = 'all 0.6s ease';\n        observer.observe(item);\n      });\n    }\n\n    \/\/ Initialize all effects when DOM is loaded\n    document.addEventListener('DOMContentLoaded', function() {\n      observeElements();\n      addHoverEffects();\n      addPulseEffect();\n      addSunDamageGlow();\n      addTimelineAnimation();\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Bobai","offers":[{"title":"Default Title","offer_id":44945745969349,"sku":null,"price":325.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/BobaiExtraLightning.webp?v=1753545997"},{"product_id":"medicube-collagen-firming-sun-cream-50-ml","title":"메디큐브 콜라겐 퍼밍 앤 브라이트닝 선크림 (SPF50+ PA++++) - 50 ml","description":"\u003cdiv class=\"medicube-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n    .medicube-container {\n      direction: ltr;\n      text-align: left;\n      max-width: 100%;\n      margin: 0 auto;\n      font-family: inherit;\n      line-height: 1.6;\n      color: #333;\n    }\n\n    .medicube-container * {\n      box-sizing: border-box;\n    }\n\n    .main-title {\n      color: #9C8102;\n      font-size: 2.8em;\n      font-weight: bold;\n      margin-bottom: 30px;\n      text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\n      text-align: center;\n      opacity: 0;\n      transform: translateY(30px);\n      animation: fadeInUp 1s ease-out forwards;\n    }\n\n    .product-image {\n      width: 100%;\n      max-width: 600px;\n      height: auto;\n      margin: 20px auto;\n      display: block;\n      border-radius: 15px;\n      box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n      opacity: 0;\n      transform: scale(0.9);\n      animation: scaleIn 1s ease-out 0.3s forwards;\n    }\n\n    .highlight-question {\n      background: #000;\n      color: white;\n      padding: 30px;\n      border-radius: 15px;\n      margin: 30px 0;\n      font-size: 1.4em;\n      font-weight: bold;\n      text-align: center;\n      opacity: 0;\n      transform: rotateX(15deg);\n      animation: rotateIn 1s ease-out 0.5s forwards;\n      border: 2px solid #9C8102;\n    }\n\n    .problem-solution {\n      background: #f8f9fa;\n      padding: 25px;\n      border-radius: 12px;\n      border-right: 4px solid #9C8102;\n      margin: 25px 0;\n      opacity: 0;\n      transform: translateX(30px);\n      animation: slideInRight 0.8s ease-out 0.7s forwards;\n    }\n\n    .section-header {\n      background: #000;\n      color: white;\n      padding: 25px;\n      margin: 40px 0 20px 0;\n      border-radius: 10px;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.95);\n    }\n\n    .section-title {\n      color: #9C8102;\n      font-size: 2em;\n      font-weight: bold;\n      margin-bottom: 10px;\n    }\n\n    .benefit-section {\n      margin: 30px 0;\n      padding: 25px;\n      background: white;\n      border-radius: 12px;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n      border-right: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateX(30px);\n    }\n\n    .benefit-title {\n      color: #9C8102;\n      font-size: 1.3em;\n      font-weight: bold;\n      margin-bottom: 15px;\n    }\n\n    .ingredient-highlight {\n      background: #e9ecef;\n      padding: 10px 15px;\n      border-radius: 8px;\n      margin: 10px 0;\n      border-right: 3px solid #9C8102;\n    }\n\n    .result-highlight {\n      background: #f8f9fa;\n      padding: 10px 15px;\n      border-radius: 8px;\n      margin: 10px 0;\n      border-right: 3px solid #d4af37;\n    }\n\n    .collagen-section {\n      background: #000;\n      color: white;\n      padding: 40px;\n      border-radius: 15px;\n      margin: 40px 0;\n      text-align: center;\n      opacity: 0;\n      transform: rotateY(15deg);\n      border: 2px solid #9C8102;\n    }\n\n    .collagen-types {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n      gap: 25px;\n      margin: 30px 0;\n    }\n\n    .collagen-type {\n      background: white;\n      color: #333;\n      padding: 25px;\n      border-radius: 12px;\n      border-top: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateY(30px);\n    }\n\n    .collagen-type h4 {\n      color: #9C8102;\n      font-size: 1.2em;\n      font-weight: bold;\n      margin-bottom: 15px;\n    }\n\n    .feature-list {\n      list-style: none;\n      padding: 0;\n      margin: 15px 0;\n    }\n\n    .feature-item {\n      background: #f8f9fa;\n      margin-bottom: 10px;\n      padding: 15px;\n      border-radius: 8px;\n      border-right: 3px solid #9C8102;\n      display: flex;\n      align-items: flex-start;\n      gap: 10px;\n    }\n\n    .feature-bullet {\n      width: 8px;\n      height: 8px;\n      background: #9C8102;\n      border-radius: 50%;\n      margin-top: 8px;\n      flex-shrink: 0;\n    }\n\n    .protection-stats {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 20px;\n      margin: 25px 0;\n    }\n\n    .stat-card {\n      background: white;\n      padding: 20px;\n      border-radius: 10px;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n      text-align: center;\n      border-top: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateY(20px);\n    }\n\n    .stat-number {\n      font-size: 2.5em;\n      font-weight: bold;\n      color: #9C8102;\n      display: block;\n    }\n\n    .amino-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 20px;\n      margin: 30px 0;\n    }\n\n    .amino-function {\n      background: #f8f9fa;\n      padding: 20px;\n      border-radius: 10px;\n      border-right: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateX(20px);\n    }\n\n    .amino-function h4 {\n      color: #9C8102;\n      margin-bottom: 10px;\n      font-weight: bold;\n    }\n\n    .hydration-section {\n      background: #f5f5f5;\n      padding: 30px;\n      border-radius: 15px;\n      margin: 30px 0;\n      border: 2px solid #9C8102;\n    }\n\n    .hydration-types {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 20px;\n      margin: 25px 0;\n    }\n\n    .hydration-type {\n      background: white;\n      padding: 20px;\n      border-radius: 10px;\n      border-right: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateY(25px);\n    }\n\n    .choice-section {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n      gap: 30px;\n      margin: 40px 0;\n    }\n\n    .choice-card {\n      padding: 30px;\n      border-radius: 15px;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.9);\n    }\n\n    .choice-delay {\n      background: #f0f0f0;\n      border: 2px solid #666;\n      color: #333;\n    }\n\n    .choice-smart {\n      background: #e8e8e8;\n      border: 2px solid #9C8102;\n      color: #333;\n    }\n\n    .ingredients-complete {\n      background: #000;\n      color: white;\n      padding: 40px;\n      border-radius: 15px;\n      margin: 40px 0;\n    }\n\n    .ingredient-category {\n      background: #333;\n      padding: 20px;\n      border-radius: 10px;\n      margin: 20px 0;\n      border-right: 4px solid #9C8102;\n    }\n\n    .ingredient-category h4 {\n      color: #9C8102;\n      margin-bottom: 15px;\n      font-weight: bold;\n    }\n\n    .ingredient-list {\n      list-style: none;\n      padding: 0;\n    }\n\n    .ingredient-list li {\n      padding: 8px 0;\n      border-bottom: 1px solid #555;\n    }\n\n    .ingredient-list li:last-child {\n      border-bottom: none;\n    }\n\n    .cta-final {\n      background: #000;\n      color: white;\n      padding: 50px;\n      border-radius: 20px;\n      text-align: center;\n      margin: 50px 0;\n      opacity: 0;\n      transform: scale(0.8);\n      border: 3px solid #9C8102;\n    }\n\n    .urgency-text {\n      font-size: 1.3em;\n      font-weight: bold;\n      margin: 20px 0;\n      animation: pulse 2s infinite;\n    }\n\n    @keyframes fadeInUp {\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes slideInRight {\n      to {\n        opacity: 1;\n        transform: translateX(0);\n      }\n    }\n\n    @keyframes scaleIn {\n      to {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    @keyframes rotateIn {\n      to {\n        opacity: 1;\n        transform: rotateX(0);\n      }\n    }\n\n    @keyframes rotateInY {\n      to {\n        opacity: 1;\n        transform: rotateY(0);\n      }\n    }\n\n    @keyframes pulse {\n      0%, 100% { transform: scale(1); }\n      50% { transform: scale(1.05); }\n    }\n\n    @media (max-width: 768px) {\n      .main-title {\n        font-size: 2.2em;\n      }\n      \n      .collagen-types,\n      .amino-grid,\n      .hydration-types,\n      .choice-section {\n        grid-template-columns: 1fr;\n      }\n      \n      .highlight-question {\n        font-size: 1.2em;\n        padding: 20px;\n      }\n    }\n  \u003c\/style\u003e\n\u003c!-- Main Title --\u003e\n\u003ch1 class=\"main-title\"\u003e메디큐브 콜라겐 선스크린 - 게임의 룰을 바꾸는 대한민국의 혁명적인 기술\u003c\/h1\u003e\n\u003c!-- Main Product Image --\u003e\n\u003cimg alt=\"메디큐브 콜라겐 자외선 차단제\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_collagen_sun_cream.avif?v=1753548925\"\/\u003e\n\u003c!-- Highlight Question --\u003e\n\u003cdiv class=\"highlight-question\"\u003e\n    하나의 제품으로 3가지 트리트먼트를 받을 수 있는데 왜 일반 자외선 차단제에 더 많은 비용을 지불합니까?\n  \u003c\/div\u003e\n\u003c!-- Problem \u0026 Solution --\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003cp\u003e\u003cstrong\u003e매일 아침 당신은 선택의 기로에 서게 됩니다:\u003c\/strong\u003e 당신은 단지 태양으로부터 피부를 보호합니까... 아니면 동시에 보호하고, 치료하고, 아름답게 합니까?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e일반 자외선 차단제의 문제점\u003c\/strong\u003e 그들은 미래로부터 보호하지만 현재를 무시합니다. \u003cstrong\u003e피부에는 보호 이상의 것이 필요합니다. 재건과 재생이 필요합니다.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMedicube Collagen Firming Sun Cream\u003c\/strong\u003e 그냥 자외선 차단제가 아니예요 \u003cstrong\u003e피부의 젊음을 위한 매일의 투자\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Main Benefits Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003e단순한 자외선 차단제 그 이상입니다. 예방, 미용 및 치료 제품입니다.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 2 --\u003e\n\u003cimg alt=\"콜라겐 자외선 차단제의 장점\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_collagen_sun_cream_spf_50_2.webp?v=1753548754\"\/\u003e\n\u003c!-- Individual Benefits --\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e탁월한 자외선 차단\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003e담당 구성요소:\u003c\/strong\u003e Titanium Dioxide + Ethylhexyl Triazone\n    \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003e결과:\u003c\/strong\u003e SPF50+ PA+++ 향후 화상, 색소 침착 및 주름으로부터 보호\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e주름과 잔주름을 줄여보세요\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003e담당 구성요소:\u003c\/strong\u003e 5000ppm 콜라겐 콤플렉스(4종 콜라겐)\n    \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003e결과:\u003c\/strong\u003e 4~6주 이내에 자연스러운 피부 타이트닝과 눈에 띄는 라인 개선\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e즉각적인 윤기와 피부톤 통일\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003e담당 구성요소:\u003c\/strong\u003e 산화철\n    \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003e결과:\u003c\/strong\u003e 자연스러운 피치 컬러가 결점을 가려주고 첫 사용부터 윤기를 선사합니다.\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e피부 세포 재생 및 노화 방지\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003e담당 구성요소:\u003c\/strong\u003e 17 Amino Acid Complex + Adenosine\n    \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003e결과:\u003c\/strong\u003e 지속적으로 사용하면 더욱 부드럽고 탄력있고 생기 넘치는 피부를 선사합니다.\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e오래 지속되는 깊은 수분 공급\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003e담당 구성요소:\u003c\/strong\u003e 히알루론산 복합체(4종) + 세라마이드NP\n    \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003e결과:\u003c\/strong\u003e 오랜시간 지속되는 보습력으로 피부 본연의 장벽을 강화시켜줍니다.\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e자유 라디칼 및 오염으로부터 보호\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003e담당 구성요소:\u003c\/strong\u003e Chlorella Vulgaris Extract + Amino Acids\n    \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003e결과:\u003c\/strong\u003e 환경적인 노화 요인을 저항하고 젊은 피부를 유지합니다.\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e메이크업 없이도 자연스러운 메이크업 효과\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003e담당 구성요소:\u003c\/strong\u003e Peach-tinted formula\n    \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003e결과:\u003c\/strong\u003e 즉각적으로 개선된 외모, 남성과 여성 모두에게 적합\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Collagen Technology Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003e국내 독점 기술 : 4차 콜라겐 5000ppm 함유\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 3 --\u003e\n\u003cimg alt=\"한국 콜라겐 기술\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_collagen_sun_cream_spf_50_1.webp?v=1753548778\"\/\u003e\n\u003cdiv class=\"collagen-section\"\u003e\n\u003ch2 style=\"font-size: 2em; margin-bottom: 20px;\"\u003e콜라겐은 단순한 성분이 아닌... 영원한 젊음의 비결입니다.\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em;\"\u003e\u003cstrong\u003e메디큐브컴퍼니\u003c\/strong\u003e 그녀는 수년간 콜라겐을 연구하여 혁신적인 공식을 생각해냈습니다. \u003cstrong\u003e4가지 콜라겐의 조합\u003c\/strong\u003e 5000ppm 농도에서 - \u003cstrong\u003e자외선 차단제 세계 최고 농도\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-types\"\u003e\n\u003cdiv class=\"collagen-type\"\u003e\n\u003ch4\u003e가수분해 콜라겐 - 단 몇 초 만에 피부에 침투\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e매우 작은 입자\u003c\/strong\u003e 깊은 층까지 즉시 도달\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e천연 콜라겐 생성을 자극합니다.\u003c\/strong\u003e 당신의 피부에\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e안쪽부터 잔주름을 채워줍니다\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-type\"\u003e\n\u003ch4\u003e콜라겐 추출물 - 농축된 힘\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e강렬한 세포 영양\u003c\/strong\u003e 태양에 의해 손상됨\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e조직을 재건합니다\u003c\/strong\u003e 손상되고 처짐\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e피부 탄력 개선\u003c\/strong\u003e 크게\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-type\"\u003e\n\u003ch4\u003e수용성 콜라겐 - 즉시 흡수\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e흔적을 남기지 않음\u003c\/strong\u003e 피부 표면에는\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e그 효과는 오랜시간 지속됩니다\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e사용할 때마다 누적된 결과\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sun Protection Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003e탁월한 보호 SPF50+ PA+++ - 무적의 방패\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 4 --\u003e\n\u003cimg alt=\"SPF50+ 자외선 차단\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/3-in-1-collagen-firming-sunscreen-42107171537152.webp?v=1753548820\"\/\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003e모든 자외선 차단제가 똑같이 잘 보호하는 것은 아닙니다.\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSPF50+ PA+++\u003c\/strong\u003e 숫자뿐만 아니라...이것 \u003cstrong\u003e과학적 보증\u003c\/strong\u003e 당신의 피부는 다음으로부터 보호됩니다:\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"protection-stats\"\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e99%\u003c\/span\u003e\n\u003cp\u003e유해한 자외선으로부터\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e100%\u003c\/span\u003e\n\u003cp\u003e화상 및 즉각적인 감염으로 인해\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e95%\u003c\/span\u003e\n\u003cp\u003e색소 침착 및 향후 반점 감소\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e85%\u003c\/span\u003e\n\u003cp\u003e태양 손상으로 인한 주름 감소\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003cp\u003e\u003cstrong\u003e이중 보호 기술:\u003c\/strong\u003e 물리적 + 화학적 보호제 = \u003cstrong\u003e가장 강력한 보호\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Glow Effect Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003e즉각적인 브라이트닝 효과 - 자연스러운 피치 컬러로 즉각적인 아름다움을 선사\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 5 --\u003e\n\u003cimg alt=\"즉각적인 브라이트닝 효과\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_collagen_sun_cream_spf_50_3.webp?v=1753548723\"\/\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003e단순한 보호가 아닌...전문적인 미화입니다.\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e복숭아 색\u003c\/strong\u003e 모든 피부톤에 적합하도록 과학적으로 연구되었습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"protection-stats\"\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003e결점을 숨긴다\u003c\/h4\u003e\n\u003cp\u003e그리고 바로 색소침착\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003e자연스러운 광채\u003c\/h4\u003e\n\u003cp\u003e화장하지 않고\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003e피부톤을 통일시켜줍니다\u003c\/h4\u003e\n\u003cp\u003e외관이 좋아집니다\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003e남성과 여성의 경우\u003c\/h4\u003e\n\u003cp\u003e100% 자연스러운 결과\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003e결과:\u003c\/strong\u003e 피부를 보호하는 동시에 집을 떠나기 전보다 더 좋아 보입니다.\n  \u003c\/div\u003e\n\u003c!-- Amino Acids Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003e아미노산 복합체 - 17명의 안티에이징 전사로 구성된 군대\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003e각 아미노산은 피부를 재건하는 데 있어 특정한 역할을 합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003cp\u003e\u003cstrong\u003e아미노산은 왜 중요한가요?\u003c\/strong\u003e 왜냐하면 \u003cstrong\u003e단백질의 빌딩 블록\u003c\/strong\u003e 당신의 피부를 만드는 것.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e17개 아미노산\u003c\/strong\u003e Together는 전문 팀처럼 일합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amino-grid\"\u003e\n\u003cdiv class=\"amino-function\"\u003e\n\u003ch4\u003eGlycine + Proline\u003c\/h4\u003e\n\u003cp\u003e새로운 콜라겐 생성 및 피부 구조 강화\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amino-function\"\u003e\n\u003ch4\u003eArginine + Lysine\u003c\/h4\u003e\n\u003cp\u003e혈액 순환을 자극하고 재생을 촉진합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amino-function\"\u003e\n\u003ch4\u003eLeucine + Valine\u003c\/h4\u003e\n\u003cp\u003e햇빛에 손상된 조직 복구\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amino-function\"\u003e\n\u003ch4\u003e나머지 11개 산\u003c\/h4\u003e\n\u003cp\u003e피부 재생과 활력을 위한 종합 지원\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-highlight\" style=\"text-align: center; font-size: 1.2em;\"\u003e\n\u003cstrong\u003e결과:\u003c\/strong\u003e 당신의 피부는 보호될 뿐만 아니라 매일 새로워집니다.\n  \u003c\/div\u003e\n\u003c!-- Hydration Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003e멀티레이어 기술로 깊은 보습\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003e단순한 보습이 아닌 피부장벽을 다시 세워주는\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-section\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; text-align: center;\"\u003e세라마이드 아쿠아 - 피부의 건축가\u003c\/h3\u003e\n\u003cdiv class=\"hydration-types\"\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003e자연 장벽의 재건\u003c\/h4\u003e\n\u003cp\u003e태양과 오염으로 인해 파괴적입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003e수분을 잠그세요\u003c\/h4\u003e\n\u003cp\u003e장시간 건조함 없이\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003e수분 손실 방지\u003c\/h4\u003e\n\u003cp\u003e하루종일 피부부터\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-section\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; text-align: center;\"\u003e히알루론산 복합체 - 수분 저장고\u003c\/h3\u003e\n\u003cp style=\"text-align: center; margin-bottom: 25px;\"\u003e\u003cstrong\u003e4가지 종류\u003c\/strong\u003e 히알루론산에서:\u003c\/p\u003e\n\u003cdiv class=\"hydration-types\"\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eSodium Hyaluronate\u003c\/h4\u003e\n\u003cp\u003e즉각적인 표면 수분 공급 및 촉감의 부드러움\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eHydrolyzed Hyaluronic Acid\u003c\/h4\u003e\n\u003cp\u003e내부 층까지 깊게 침투\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eSodium Hyaluronate Crosspolymer\u003c\/h4\u003e\n\u003cp\u003e몇 시간 동안 지속되는 장기적인 수분 공급\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eHydroxypropyltrimonium Hyaluronate\u003c\/h4\u003e\n\u003cp\u003e외부 요인 및 오염으로부터 보호\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Decision Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003e오늘의 선택이 5년 후 당신의 피부 모양을 결정한다\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003e당신에게는 두 가지 선택이 있습니다\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"choice-section\"\u003e\n\u003cdiv class=\"choice-card choice-delay\"\u003e\n\u003ch3 style=\"color: #666; font-size: 1.8em; margin-bottom: 20px;\"\u003e첫 번째 옵션: 연기\u003c\/h3\u003e\n\u003cul class=\"feature-list\" style=\"text-align: left;\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #666;\"\u003e\u003c\/div\u003e\n\u003cspan\u003e일반 제품을 사용하는 것을 선호합니다\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #666;\"\u003e\u003c\/div\u003e\n\u003cspan\u003e점점 피부가 나빠지는 걸 보니\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #666;\"\u003e\u003c\/div\u003e\n\u003cspan\u003e나중에 더 비싸고 더 어려운 치료가 필요한 경우\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #666;\"\u003e\u003c\/div\u003e\n\u003cspan\u003e더 일찍 피부에 투자하지 않은 것이 후회됩니다\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"choice-card choice-smart\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.8em; margin-bottom: 20px;\"\u003e두 번째 선택: 현명한 투자\u003c\/h3\u003e\n\u003cul class=\"feature-list\" style=\"text-align: left;\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #9C8102;\"\u003e\u003c\/div\u003e\n\u003cspan\u003e당신은 얻는다 \u003cstrong\u003e한국의 최신 기술\u003c\/strong\u003e 스킨케어에서는\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #9C8102;\"\u003e\u003c\/div\u003e\n\u003cspan\u003e매일 피부를 보호하고, 치료하고, 아름답게 해줍니다.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #9C8102;\"\u003e\u003c\/div\u003e\n\u003cspan\u003e몇 달 안에 실제 결과를 확인할 수 있습니다.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #9C8102;\"\u003e\u003c\/div\u003e\n\u003cspan\u003e봐 \u003cstrong\u003e더 젊고 더 신선하다\u003c\/strong\u003e 시간이 지나면서\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-final\"\u003e\n\u003ch2 style=\"font-size: 2.5em; margin-bottom: 20px;\"\u003e지금 주문하세요...더 늦기 전에\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.3em; margin-bottom: 25px;\"\u003e\u003cstrong\u003eMedicube Collagen Firming Sun Cream\u003c\/strong\u003e 그냥 자외선 차단제가 아니예요 \u003cstrong\u003e성공파트너\u003c\/strong\u003e 젊음을 보존하기 위한 여정을 떠나세요.\u003c\/p\u003e\n\u003cdiv class=\"urgency-text\"\u003e\n      50ml면 한 달 반 동안 보호 및 고급 치료가 가능합니다.결과는 첫날부터 시작되며 몇 달 내에 완전한 변화가 이루어집니다.\n    \u003c\/div\u003e\n\u003cp style=\"font-size: 1.2em; margin: 25px 0;\"\u003e\n\u003cstrong\u003e당신의 피부는 당신의 결정을 기다리지 않을 것입니다. 그리고 시간은 당신 편이 아닙니다.지금 바로 자신에게 투자하세요.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"urgency-text\" style=\"font-size: 1.4em; color: #fff;\"\u003e\n      지금 주문하세요. 이미 겪은 일보다 더 많은 후회를 하지 않도록 하세요.\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Complete Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-complete\"\u003e\n\u003ch2 style=\"color: #9C8102; font-size: 2.2em; text-align: center; margin-bottom: 30px;\"\u003e완전구성(주성분)\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003e자외선 차단 성분:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTitanium Dioxide:\u003c\/strong\u003e 민감한 피부에도 안전한 물리적 보호제\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEthylhexyl Triazone + Diethylamino Hydroxybenzoyl Hexyl Benzoate:\u003c\/strong\u003e 매우 효과적인 화학 보호제\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003e콜라겐 복합체(5000ppm):\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydrolyzed Collagen:\u003c\/strong\u003e 빠르게 흡수되는 가수분해 콜라겐\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCollagen Extract:\u003c\/strong\u003e 천연 콜라겐 추출물\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoluble Collagen:\u003c\/strong\u003e 깊은 수분 공급을 위한 수용성 콜라겐\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003e아미노산 복합체:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGlycine, Serine, Glutamic Acid, Aspartic Acid, Leucine, Alanine, Lysine, Arginine, Tyrosine, Phenylalanine, Proline, Threonine, Valine, Isoleucine, Histidine, Cysteine, Methionine:\u003c\/strong\u003e 17가지 필수 아미노산\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003e히알루론산 화합물:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSodium Hyaluronate + Hydrolyzed Hyaluronic Acid + Hyaluronic Acid + Sodium Hyaluronate Crosspolymer:\u003c\/strong\u003e 다층 수분 공급\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003e세라마이드 및 보습제:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCeramide NP:\u003c\/strong\u003e 피부 장벽 강화\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePanthenol (Pro-Vitamin B5):\u003c\/strong\u003e 진정 및 보습\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNiacinamide:\u003c\/strong\u003e 피부 결과 톤 개선\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003e추가 구성요소:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdenosine:\u003c\/strong\u003e FDA 승인 주름 방지\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIron Oxides:\u003c\/strong\u003e 천연 복숭아색을 위한 산화철\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eChlorella Vulgaris Extract:\u003c\/strong\u003e 천연 항산화제\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Enhanced Intersection Observer for animations\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          const element = entry.target;\n          \n          if (element.classList.contains('benefit-section')) {\n            element.style.animation = 'slideInRight 0.8s ease-out forwards';\n          } else if (element.classList.contains('section-header')) {\n            element.style.animation = 'scaleIn 0.8s ease-out forwards';\n          } else if (element.classList.contains('collagen-section')) {\n            element.style.animation = 'rotateInY 1s ease-out forwards';\n          } else if (element.classList.contains('collagen-type')) {\n            element.style.animation = 'fadeInUp 0.8s ease-out forwards';\n          } else if (element.classList.contains('stat-card')) {\n            element.style.animation = 'fadeInUp 0.6s ease-out forwards';\n          } else if (element.classList.contains('amino-function')) {\n            element.style.animation = 'slideInRight 0.6s ease-out forwards';\n          } else if (element.classList.contains('hydration-type')) {\n            element.style.animation = 'fadeInUp 0.7s ease-out forwards';\n          } else if (element.classList.contains('choice-card')) {\n            element.style.animation = 'scaleIn 0.8s ease-out forwards';\n          } else if (element.classList.contains('cta-final')) {\n            element.style.animation = 'scaleIn 1.2s ease-out forwards';\n          }\n        }\n      });\n    }, observerOptions);\n\n    \/\/ Initialize animations on page load\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n      const animatedElements = document.querySelectorAll('.benefit-section, .section-header, .collagen-section, .collagen-type, .stat-card, .amino-function, .hydration-type, .choice-card, .cta-final');\n      \n      animatedElements.forEach(el =\u003e {\n        observer.observe(el);\n      });\n\n      \/\/ Add staggered delays\n      const benefitSections = document.querySelectorAll('.benefit-section');\n      benefitSections.forEach((section, index) =\u003e {\n        section.style.animationDelay = `${index * 0.15}s`;\n      });\n\n      const collagenTypes = document.querySelectorAll('.collagen-type');\n      collagenTypes.forEach((type, index) =\u003e {\n        type.style.animationDelay = `${index * 0.2}s`;\n      });\n\n      const statCards = document.querySelectorAll('.stat-card');\n      statCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.1}s`;\n      });\n\n      const aminoFunctions = document.querySelectorAll('.amino-function');\n      aminoFunctions.forEach((func, index) =\u003e {\n        func.style.animationDelay = `${index * 0.1}s`;\n      });\n\n      const hydrationTypes = document.querySelectorAll('.hydration-type');\n      hydrationTypes.forEach((type, index) =\u003e {\n        type.style.animationDelay = `${index * 0.15}s`;\n      });\n\n      const choiceCards = document.querySelectorAll('.choice-card');\n      choiceCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.3}s`;\n      });\n    });\n\n    \/\/ Enhanced hover effects\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n      const benefitSections = document.querySelectorAll('.benefit-section');\n      \n      benefitSections.forEach(section =\u003e {\n        section.addEventListener('mouseenter', () =\u003e {\n          section.style.transform = 'translateY(-8px)';\n          section.style.boxShadow = '0 12px 30px rgba(0,0,0,0.15)';\n        });\n        \n        section.addEventListener('mouseleave', () =\u003e {\n          section.style.transform = 'translateY(0)';\n          section.style.boxShadow = '0 4px 15px rgba(0,0,0,0.08)';\n        });\n      });\n\n      const statCards = document.querySelectorAll('.stat-card');\n      statCards.forEach(card =\u003e {\n        card.addEventListener('mouseenter', () =\u003e {\n          card.style.transform = 'translateY(-5px) scale(1.02)';\n        });\n        \n        card.addEventListener('mouseleave', () =\u003e {\n          card.style.transform = 'translateY(0) scale(1)';\n        });\n      });\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Medicube","offers":[{"title":"Default Title","offer_id":44945797775557,"sku":null,"price":1250.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicubesuncollagensuncream.webp?v=1753548668"},{"product_id":"vacation-sunscreen-lotion-spray-بخاخ-واقي-الشمس-فاكيشن","title":"베케이션 선스크린 로션 스프레이","description":"\u003cdiv class=\"vacation-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n    .vacation-container {\n      direction: ltr;\n      text-align: left;\n      max-width: 100%;\n      margin: 0 auto;\n      font-family: inherit;\n      line-height: 1.6;\n      color: #333;\n    }\n\n    .vacation-container * {\n      box-sizing: border-box;\n    }\n\n    \/* Sun Animation *\/\n    .sun-decoration {\n      position: fixed;\n      top: 50px;\n      left: 50px;\n      z-index: -1;\n      opacity: 0.1;\n    }\n\n    .sun {\n      position: relative;\n      width: 100px;\n      height: 100px;\n      animation: sunRotate 20s linear infinite;\n    }\n\n    .sun-center {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 40px;\n      height: 40px;\n      background: #9C8102;\n      border-radius: 50%;\n      animation: sunPulse 3s ease-in-out infinite;\n    }\n\n    .sun-ray {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 3px;\n      height: 25px;\n      background: linear-gradient(to top, #9C8102, transparent);\n      transform-origin: bottom center;\n    }\n\n    .sun-ray-1 { transform: translate(-50%, -100%) rotate(0deg); }\n    .sun-ray-2 { transform: translate(-50%, -100%) rotate(45deg); }\n    .sun-ray-3 { transform: translate(-50%, -100%) rotate(90deg); }\n    .sun-ray-4 { transform: translate(-50%, -100%) rotate(135deg); }\n    .sun-ray-5 { transform: translate(-50%, -100%) rotate(180deg); }\n    .sun-ray-6 { transform: translate(-50%, -100%) rotate(225deg); }\n    .sun-ray-7 { transform: translate(-50%, -100%) rotate(270deg); }\n    .sun-ray-8 { transform: translate(-50%, -100%) rotate(315deg); }\n\n    \/* Floating particles *\/\n    .vacation-container::before {\n      content: '';\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: radial-gradient(circle at 20% 30%, rgba(156, 129, 2, 0.03) 1px, transparent 1px),\n                  radial-gradient(circle at 80% 70%, rgba(156, 129, 2, 0.02) 1px, transparent 1px),\n                  radial-gradient(circle at 60% 20%, rgba(156, 129, 2, 0.04) 1px, transparent 1px);\n      animation: floatingParticles 15s ease-in-out infinite;\n      pointer-events: none;\n      z-index: -1;\n    }\n\n    .main-title {\n      color: #9C8102;\n      font-size: 2.8em;\n      font-weight: bold;\n      margin-bottom: 30px;\n      text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\n      text-align: center;\n      opacity: 0;\n      transform: translateY(30px);\n      animation: fadeInUp 1s ease-out forwards;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .main-title::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\n      animation: shimmer 3s ease-in-out 2s infinite;\n    }\n\n    .product-image {\n      width: 100%;\n      max-width: 500px;\n      height: auto;\n      margin: 30px auto;\n      display: block;\n      border-radius: 20px;\n      box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n      opacity: 0;\n      transform: scale(0.9) rotateY(10deg);\n      animation: imageReveal 1.2s ease-out 0.5s forwards;\n      transition: all 0.4s ease;\n    }\n\n    .product-image:hover {\n      transform: scale(1.02) rotateY(0deg);\n      box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n    }\n\n    .product-meta {\n      background: #f5f5f5;\n      padding: 25px;\n      border-radius: 12px;\n      border-right: 4px solid #9C8102;\n      margin: 25px 0;\n      opacity: 0;\n      transform: translateX(30px);\n      animation: slideInRight 0.8s ease-out 0.3s forwards;\n    }\n\n    .meta-title {\n      color: #9C8102;\n      font-size: 1.4em;\n      font-weight: bold;\n      margin-bottom: 15px;\n    }\n\n    .quick-overview {\n      background: #000;\n      color: white;\n      padding: 30px;\n      border-radius: 15px;\n      margin: 30px 0;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.95);\n      animation: scaleIn 1s ease-out 0.5s forwards;\n      border: 2px solid #9C8102;\n    }\n\n    .overview-title {\n      color: #9C8102;\n      font-size: 2em;\n      font-weight: bold;\n      margin-bottom: 20px;\n    }\n\n    .overview-text {\n      font-size: 1.1em;\n      line-height: 1.8;\n      opacity: 0.95;\n    }\n\n    .features-section {\n      margin: 40px 0;\n    }\n\n    .section-header {\n      background: #000;\n      color: white;\n      padding: 25px;\n      margin: 40px 0 20px 0;\n      border-radius: 10px;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.95);\n      animation: scaleIn 0.8s ease-out forwards;\n    }\n\n    .section-title {\n      color: #9C8102;\n      font-size: 2em;\n      font-weight: bold;\n      margin-bottom: 10px;\n      position: relative;\n      text-shadow: 0 0 10px rgba(156, 129, 2, 0.3);\n    }\n\n    .section-title::before {\n      content: '';\n      position: absolute;\n      bottom: -5px;\n      right: 0;\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, #9C8102, #d4af37);\n      animation: titleUnderline 2s ease-out 0.5s forwards;\n    }\n\n    .feature-group {\n      background: white;\n      margin: 25px 0;\n      padding: 25px;\n      border-radius: 12px;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n      border-right: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateX(30px);\n    }\n\n    .feature-group-title {\n      color: #9C8102;\n      font-size: 1.3em;\n      font-weight: bold;\n      margin-bottom: 15px;\n    }\n\n    .feature-list {\n      list-style: none;\n      padding: 0;\n      margin: 15px 0;\n    }\n\n    .feature-item {\n      background: #f8f9fa;\n      margin-bottom: 10px;\n      padding: 15px;\n      border-radius: 8px;\n      border-right: 3px solid #9C8102;\n      display: flex;\n      align-items: flex-start;\n      gap: 10px;\n      transition: all 0.3s ease;\n      color: #333;\n    }\n\n    .feature-item:hover {\n      background: #e9ecef;\n      transform: translateX(-5px);\n    }\n\n    .feature-bullet {\n      width: 8px;\n      height: 8px;\n      background: #9C8102;\n      border-radius: 50%;\n      margin-top: 8px;\n      flex-shrink: 0;\n    }\n\n    .ingredients-section {\n      background: #000;\n      color: white;\n      padding: 40px;\n      border-radius: 15px;\n      margin: 40px 0;\n      opacity: 0;\n      transform: rotateY(15deg);\n      animation: rotateInY 1s ease-out forwards;\n    }\n\n    .ingredients-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 25px;\n      margin: 30px 0;\n    }\n\n    .ingredient-card {\n      background: #333;\n      padding: 25px;\n      border-radius: 12px;\n      border-top: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateY(30px);\n    }\n\n    .ingredient-title {\n      color: #9C8102;\n      font-size: 1.2em;\n      font-weight: bold;\n      margin-bottom: 15px;\n    }\n\n    .ingredient-description {\n      font-size: 0.95em;\n      opacity: 0.9;\n    }\n\n    .usage-section {\n      background: #f5f5f5;\n      padding: 30px;\n      border-radius: 15px;\n      margin: 30px 0;\n      border: 2px solid #9C8102;\n    }\n\n    .usage-steps {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 20px;\n      margin: 25px 0;\n    }\n\n    .usage-step {\n      background: white;\n      padding: 20px;\n      border-radius: 10px;\n      border-right: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateY(25px);\n    }\n\n    .step-number {\n      background: #9C8102;\n      color: white;\n      width: 30px;\n      height: 30px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: bold;\n      margin-bottom: 15px;\n      margin-right: auto;\n    }\n\n    .step-title {\n      color: #9C8102;\n      font-weight: bold;\n      margin-bottom: 10px;\n    }\n\n    .cta-final {\n      background: #000;\n      color: white;\n      padding: 50px;\n      border-radius: 20px;\n      text-align: center;\n      margin: 50px 0;\n      opacity: 0;\n      transform: scale(0.8);\n      animation: scaleIn 1.2s ease-out forwards;\n      border: 3px solid #9C8102;\n    }\n\n    .cta-title {\n      color: #9C8102;\n      font-size: 2.2em;\n      font-weight: bold;\n      margin-bottom: 20px;\n    }\n\n    .cta-text {\n      font-size: 1.1em;\n      margin-bottom: 20px;\n      opacity: 0.9;\n    }\n\n    .highlight-text {\n      font-size: 1.3em;\n      font-weight: bold;\n      margin: 20px 0;\n      color: #9C8102;\n      animation: pulse 2s infinite;\n    }\n\n    .benefits-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n      gap: 20px;\n      margin: 30px 0;\n    }\n\n    .benefit-card {\n      background: white;\n      padding: 25px;\n      border-radius: 12px;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n      border-right: 4px solid #9C8102;\n      transition: all 0.3s ease;\n      opacity: 0;\n      transform: translateX(30px);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .benefit-card::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      left: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(156, 129, 2, 0.05) 0%, transparent 70%);\n      transform: scale(0);\n      transition: transform 0.6s ease;\n    }\n\n    .benefit-card:hover::before {\n      transform: scale(1);\n    }\n\n    .benefit-card:hover {\n      transform: translateY(-8px) translateX(30px);\n      box-shadow: 0 12px 30px rgba(0,0,0,0.15);\n      border-right-color: #d4af37;\n    }\n\n    .benefit-title {\n      color: #9C8102;\n      font-size: 1.2em;\n      font-weight: bold;\n      margin-bottom: 15px;\n    }\n\n    .benefit-description {\n      color: #555;\n      font-size: 0.95em;\n    }\n\n    @keyframes fadeInUp {\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes slideInRight {\n      to {\n        opacity: 1;\n        transform: translateX(0);\n      }\n    }\n\n    @keyframes scaleIn {\n      to {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    @keyframes rotateInY {\n      to {\n        opacity: 1;\n        transform: rotateY(0);\n      }\n    }\n\n    @keyframes pulse {\n      0%, 100% { transform: scale(1); }\n      50% { transform: scale(1.05); }\n    }\n\n    @keyframes sunRotate {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }\n\n    @keyframes sunPulse {\n      0%, 100% { \n        transform: translate(-50%, -50%) scale(1);\n        box-shadow: 0 0 20px rgba(156, 129, 2, 0.3);\n      }\n      50% { \n        transform: translate(-50%, -50%) scale(1.1);\n        box-shadow: 0 0 30px rgba(156, 129, 2, 0.5);\n      }\n    }\n\n    @keyframes floatingParticles {\n      0%, 100% { transform: translateY(0px) rotate(0deg); }\n      33% { transform: translateY(-10px) rotate(120deg); }\n      66% { transform: translateY(5px) rotate(240deg); }\n    }\n\n    @keyframes titleUnderline {\n      to { width: 100%; }\n    }\n\n    @keyframes imageReveal {\n      to {\n        opacity: 1;\n        transform: scale(1) rotateY(0deg);\n      }\n    }\n\n    @keyframes shimmer {\n      0% { transform: translateX(-100%); }\n      100% { transform: translateX(100%); }\n    }\n\n    @media (max-width: 768px) {\n      .main-title {\n        font-size: 2.2em;\n      }\n\n      .product-image {\n        max-width: 90%;\n        border-radius: 15px;\n      }\n      \n      .ingredients-grid,\n      .usage-steps,\n      .benefits-grid {\n        grid-template-columns: 1fr;\n      }\n      \n      .sun-decoration {\n        display: none;\n      }\n\n      .vacation-container::before {\n        opacity: 0.5;\n      }\n    }\n  \u003c\/style\u003e\n\u003c!-- Main Title --\u003e\n\u003ch1 class=\"main-title\"\u003e휴가용 선스크린 로션 스프레이\u003c\/h1\u003e\n\u003c!-- Product Image --\u003e\n\u003cimg alt=\"휴가용 자외선 차단제 스프레이\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/vacation_sunscreen_spray_2.png?v=1753553417\"\/\u003e\n\u003c!-- Animated Sun Decoration --\u003e\n\u003cdiv class=\"sun-decoration\"\u003e\n\u003cdiv class=\"sun\"\u003e\n\u003cdiv class=\"sun-center\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sun-ray sun-ray-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sun-ray sun-ray-2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sun-ray sun-ray-3\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sun-ray sun-ray-4\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sun-ray sun-ray-5\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sun-ray sun-ray-6\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sun-ray sun-ray-7\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sun-ray sun-ray-8\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Main Features Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003e기본 기능\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e초미세 스프레이\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e균일한 적용\u003c\/strong\u003e 전 지역에 걸쳐\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e만지지 않고\u003c\/strong\u003e - 깨끗하고 빠릅니다.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e얼룩이 남지 않아요\u003c\/strong\u003e 아니면 보호되지 않은 지역\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e이동에 적합\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e간편한 재신청\u003c\/strong\u003e 2시간마다\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e메이크업 위에도 잘 어울리는\u003c\/strong\u003e 망치지 않고\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e내 일은 스포츠를 위한 것이다\u003c\/strong\u003e 그리고 야외 활동\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e스마트 보호\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eTitanium Dioxide + Zinc Oxide:\u003c\/strong\u003e 안전한 물리적 보호\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e민감한 피부에 적합\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e윤기를 남기지 않는다\u003c\/strong\u003e 아니면 기름진 느낌\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Active Ingredients --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 style=\"color: #9C8102; font-size: 2.2em; text-align: center; margin-bottom: 30px;\"\u003e활성 성분\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003e티트리 오일 - 천연 방부제\u003c\/h4\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e자극을 방지합니다\u003c\/strong\u003e 그리고 감염\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e여드름성 피부에 적합\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e항균성\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003e이산화티타늄 + 산화아연 - 이중 보호\u003c\/h4\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e안전한 물리적 보호 장치\u003c\/strong\u003e 민감한 피부용\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e즉각적인 보호\u003c\/strong\u003e UVA\/UVB에서\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e피부에 침투하지 마십시오\u003c\/strong\u003e - 표면에 머물다\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003e콜라겐 - 추가 영양\u003c\/h4\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e피부 탄력 유지\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e노화의 징후를 저항합니다\u003c\/strong\u003e 태양으로부터\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003e비타민 E - 항산화제\u003c\/h4\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e자유라디칼로부터 보호합니다.\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e피부를 진정시킵니다.\u003c\/strong\u003e 태양에 짜증이 난다\u003c\/span\u003e\n\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!-- Usage Instructions --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003e사용방법\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\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=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\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=\"usage-step\"\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=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003e2시간마다 반복\u003c\/h4\u003e\n\u003cp\u003e또는 수영이나 땀을 흘린 후에도 지속적인 보호를 보장합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-final\"\u003e\n\u003ch2 class=\"cta-title\"\u003e스마트 보호를 위한 실용적인 솔루션\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eVacation Sunscreen Lotion Spray\u003c\/strong\u003e 그는 \u003cstrong\u003e실용적인 솔루션\u003c\/strong\u003e 빠르고 효과적인 보호를 원하는 사람들을 위한 제품입니다.\n    \u003c\/p\u003e\n\u003cdiv class=\"highlight-text\"\u003e\n      미세한 미스트 + 강력한 보호 + 사용 편의성 = 활동적인 생활을 위한 완벽한 보호 장치\n    \u003c\/div\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003e지금 주문하세요... 합병증 없이 보호를 누리세요.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Intersection Observer for animations\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          const element = entry.target;\n          \n          if (element.classList.contains('benefit-card')) {\n            element.style.animation = 'slideInRight 0.8s ease-out forwards';\n          } else if (element.classList.contains('section-header')) {\n            element.style.animation = 'scaleIn 0.8s ease-out forwards';\n          } else if (element.classList.contains('ingredients-section')) {\n            element.style.animation = 'rotateInY 1s ease-out forwards';\n          } else if (element.classList.contains('ingredient-card')) {\n            element.style.animation = 'fadeInUp 0.8s ease-out forwards';\n          } else if (element.classList.contains('usage-step')) {\n            element.style.animation = 'fadeInUp 0.8s ease-out forwards';\n          } else if (element.classList.contains('cta-final')) {\n            element.style.animation = 'scaleIn 1.2s ease-out forwards';\n          }\n        }\n      });\n    }, observerOptions);\n\n    \/\/ Initialize animations\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n      const animatedElements = document.querySelectorAll('.benefit-card, .section-header, .ingredients-section, .ingredient-card, .usage-step, .cta-final');\n      \n      animatedElements.forEach(el =\u003e {\n        observer.observe(el);\n      });\n\n      \/\/ Add staggered delays\n      const benefitCards = document.querySelectorAll('.benefit-card');\n      benefitCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.2}s`;\n      });\n\n      const ingredientCards = document.querySelectorAll('.ingredient-card');\n      ingredientCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.15}s`;\n      });\n\n      const usageSteps = document.querySelectorAll('.usage-step');\n      usageSteps.forEach((step, index) =\u003e {\n        step.style.animationDelay = `${index * 0.1}s`;\n      });\n\n      \/\/ Enhanced hover effects with sun particles\n      const benefitCards2 = document.querySelectorAll('.benefit-card');\n      benefitCards2.forEach(card =\u003e {\n        card.addEventListener('mouseenter', () =\u003e {\n          \/\/ Create floating particles effect\n          createParticles(card);\n        });\n      });\n\n      \/\/ Create floating particles function\n      function createParticles(element) {\n        for (let i = 0; i \u003c 3; i++) {\n          const particle = document.createElement('div');\n          particle.style.cssText = `\n            position: absolute;\n            width: 4px;\n            height: 4px;\n            background: #9C8102;\n            border-radius: 50%;\n            pointer-events: none;\n            z-index: 10;\n          `;\n          \n          const rect = element.getBoundingClientRect();\n          particle.style.left = Math.random() * rect.width + 'px';\n          particle.style.top = Math.random() * rect.height + 'px';\n          \n          element.appendChild(particle);\n          \n          \/\/ Animate particle\n          particle.animate([\n            { transform: 'translateY(0px) scale(1)', opacity: 1 },\n            { transform: 'translateY(-30px) scale(0)', opacity: 0 }\n          ], {\n            duration: 1000,\n            easing: 'ease-out'\n          }).onfinish = () =\u003e particle.remove();\n        }\n      }\n\n      \/\/ Random sparkle effect\n      setInterval(() =\u003e {\n        const sparkle = document.createElement('div');\n        sparkle.style.cssText = `\n          position: fixed;\n          width: 3px;\n          height: 3px;\n          background: #9C8102;\n          border-radius: 50%;\n          pointer-events: none;\n          z-index: -1;\n          left: ${Math.random() * window.innerWidth}px;\n          top: ${Math.random() * window.innerHeight}px;\n        `;\n        \n        document.body.appendChild(sparkle);\n        \n        sparkle.animate([\n          { transform: 'scale(0)', opacity: 0 },\n          { transform: 'scale(1)', opacity: 1 },\n          { transform: 'scale(0)', opacity: 0 }\n        ], {\n          duration: 2000,\n          easing: 'ease-in-out'\n        }).onfinish = () =\u003e sparkle.remove();\n      }, 3000);\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":44945823563973,"sku":null,"price":460.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/vacationsunscreenspray.png?v=1753551842"},{"product_id":"bobai-sunscreen-oil-defense-fluid-spf-50-واقي-الشمس-للبشرة-الدهنية","title":"보바이 선스크린 오일 디펜스 플루이드 SPF 50+ 지성 피부용 선스크린","description":"\u003cdiv class=\"popai-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n    .popai-container {\n      direction: ltr;\n      text-align: left;\n      max-width: 100%;\n      margin: 0 auto;\n      font-family: inherit;\n      line-height: 1.6;\n      color: #333;\n      background: linear-gradient(135deg, #fafafa 0%, #f0f0f0 100%);\n      min-height: 100vh;\n    }\n\n    .popai-container * {\n      box-sizing: border-box;\n    }\n\n    \/* Premium floating particles background *\/\n    .popai-container::before {\n      content: '';\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: \n        radial-gradient(circle at 15% 25%, rgba(156, 129, 2, 0.03) 2px, transparent 2px),\n        radial-gradient(circle at 85% 75%, rgba(212, 175, 55, 0.04) 1px, transparent 1px),\n        radial-gradient(circle at 45% 60%, rgba(156, 129, 2, 0.02) 1px, transparent 1px);\n      animation: floatBackground 20s ease-in-out infinite;\n      pointer-events: none;\n      z-index: -1;\n    }\n\n    .main-title {\n      color: #9C8102;\n      font-size: 3em;\n      font-weight: 900;\n      margin-bottom: 40px;\n      text-shadow: 0 4px 12px rgba(156, 129, 2, 0.3);\n      text-align: center;\n      opacity: 0;\n      transform: translateY(50px);\n      animation: fadeInUp 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      position: relative;\n      letter-spacing: -0.02em;\n      background: linear-gradient(135deg, #9C8102 0%, #d4af37 50%, #9C8102 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .main-title::after {\n      content: '';\n      position: absolute;\n      bottom: -15px;\n      right: 50%;\n      transform: translateX(50%);\n      width: 0;\n      height: 4px;\n      background: linear-gradient(90deg, transparent 0%, #9C8102 20%, #d4af37 50%, #9C8102 80%, transparent 100%);\n      box-shadow: 0 2px 10px rgba(156, 129, 2, 0.4);\n      animation: underlineGrow 2.5s cubic-bezier(0.23, 1, 0.32, 1) 1.2s forwards;\n    }\n\n    .hero-image {\n      width: 100%;\n      max-width: 500px;\n      height: auto;\n      margin: 50px auto;\n      display: block;\n      border-radius: 25px;\n      box-shadow: \n        0 25px 60px rgba(0,0,0,0.15),\n        0 10px 30px rgba(156, 129, 2, 0.1),\n        inset 0 1px 0 rgba(255,255,255,0.6);\n      opacity: 0;\n      transform: scale(0.85) rotateY(8deg) translateZ(0);\n      animation: imageReveal 2s cubic-bezier(0.23, 1, 0.32, 1) 0.8s forwards;\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      position: relative;\n    }\n\n    .hero-image::before {\n      content: '';\n      position: absolute;\n      top: -3px;\n      left: -3px;\n      right: -3px;\n      bottom: -3px;\n      background: linear-gradient(135deg, #9C8102, #d4af37, #9C8102);\n      border-radius: 28px;\n      z-index: -1;\n      opacity: 0;\n      transition: opacity 0.6s ease;\n    }\n\n    .hero-image:hover {\n      transform: scale(1.05) rotateY(0deg) translateZ(20px);\n      box-shadow: \n        0 35px 80px rgba(0,0,0,0.2),\n        0 15px 40px rgba(156, 129, 2, 0.2),\n        inset 0 1px 0 rgba(255,255,255,0.8);\n    }\n\n    .hero-image:hover::before {\n      opacity: 0.7;\n    }\n\n    .hero-tagline {\n      background: #000;\n      color: white;\n      padding: 40px;\n      border-radius: 20px;\n      margin: 50px 0;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.95);\n      animation: scaleIn 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 2px solid #9C8102;\n      position: relative;\n      overflow: hidden;\n      box-shadow: \n        0 20px 40px rgba(0,0,0,0.2),\n        inset 0 1px 0 rgba(255,255,255,0.1);\n    }\n\n    .hero-tagline::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      left: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(156, 129, 2, 0.1) 0%, transparent 70%);\n      animation: pulseGlow 4s ease-in-out infinite;\n      z-index: 1;\n    }\n\n    .tagline-text {\n      font-size: 1.4em;\n      font-weight: 700;\n      color: #d4af37;\n      position: relative;\n      z-index: 2;\n      text-shadow: 0 2px 8px rgba(212, 175, 55, 0.4);\n    }\n\n    .section-header {\n      background: #000;\n      color: white;\n      padding: 30px;\n      margin: 50px 0 30px 0;\n      border-radius: 15px;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.9);\n      animation: scaleIn 1s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 1px solid rgba(156, 129, 2, 0.3);\n      box-shadow: \n        0 15px 30px rgba(0,0,0,0.2),\n        inset 0 1px 0 rgba(255,255,255,0.1);\n    }\n\n    .section-title {\n      color: #d4af37;\n      font-size: 2.2em;\n      font-weight: 800;\n      margin-bottom: 10px;\n      text-shadow: 0 2px 8px rgba(212, 175, 55, 0.4);\n    }\n\n    .benefits-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n      gap: 30px;\n      margin: 50px 0;\n      padding: 0 20px;\n    }\n\n    .benefit-card {\n      background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n      padding: 35px;\n      border-radius: 20px;\n      box-shadow: \n        0 15px 40px rgba(0,0,0,0.08),\n        0 6px 20px rgba(156, 129, 2, 0.06),\n        inset 0 1px 0 rgba(255,255,255,0.9);\n      border: 1px solid rgba(156, 129, 2, 0.1);\n      opacity: 0;\n      transform: translateY(40px);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      position: relative;\n      overflow: hidden;\n    }\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.04), transparent);\n      transition: left 0.8s cubic-bezier(0.23, 1, 0.32, 1);\n    }\n\n    .benefit-card::after {\n      content: '';\n      position: absolute;\n      top: -2px;\n      left: -2px;\n      right: -2px;\n      bottom: -2px;\n      background: linear-gradient(135deg, #9C8102, #d4af37, #9C8102);\n      border-radius: 22px;\n      z-index: -1;\n      opacity: 0;\n      transition: opacity 0.6s ease;\n    }\n\n    .benefit-card:hover {\n      transform: translateY(-12px);\n      box-shadow: \n        0 25px 60px rgba(0,0,0,0.12),\n        0 10px 30px rgba(156, 129, 2, 0.1),\n        inset 0 1px 0 rgba(255,255,255,1);\n    }\n\n    .benefit-card:hover::before {\n      left: 100%;\n    }\n\n    .benefit-card:hover::after {\n      opacity: 0.2;\n    }\n\n    .benefit-title {\n      color: #9C8102;\n      font-size: 1.4em;\n      font-weight: 700;\n      margin-bottom: 20px;\n      text-shadow: 0 1px 3px rgba(156, 129, 2, 0.2);\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .benefit-icon {\n      font-size: 1.2em;\n      color: #d4af37;\n    }\n\n    .feature-list {\n      list-style: none;\n      padding: 0;\n      margin: 20px 0;\n    }\n\n    .feature-item {\n      background: linear-gradient(135deg, #f8f9fa 0%, #f1f3f4 100%);\n      margin-bottom: 10px;\n      padding: 15px 18px;\n      border-radius: 10px;\n      border-right: 3px solid #9C8102;\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n      color: #333;\n      box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n    }\n\n    .feature-item:hover {\n      background: linear-gradient(135deg, #e8f4f8 0%, #e1f0f5 100%);\n      transform: translateX(-6px);\n      box-shadow: 0 4px 12px rgba(156, 129, 2, 0.08);\n      border-right-color: #d4af37;\n    }\n\n    .feature-bullet {\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      border-radius: 50%;\n      margin-top: 8px;\n      flex-shrink: 0;\n      box-shadow: 0 2px 4px rgba(156, 129, 2, 0.3);\n    }\n\n    .usage-section {\n      background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);\n      padding: 50px;\n      border-radius: 20px;\n      margin: 50px 0;\n      border: 2px solid #9C8102;\n      box-shadow: \n        0 15px 30px rgba(0,0,0,0.06),\n        inset 0 1px 0 rgba(255,255,255,0.9);\n    }\n\n    .usage-steps {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n      gap: 25px;\n      margin: 30px 0;\n    }\n\n    .usage-step {\n      background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n      padding: 30px;\n      border-radius: 15px;\n      border-right: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateX(30px);\n      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n      box-shadow: \n        0 8px 20px rgba(0,0,0,0.06),\n        inset 0 1px 0 rgba(255,255,255,0.9);\n      position: relative;\n    }\n\n    .usage-step:hover {\n      transform: translateX(-8px);\n      box-shadow: \n        0 12px 30px rgba(0,0,0,0.1),\n        0 4px 15px rgba(156, 129, 2, 0.08);\n      border-right-color: #d4af37;\n    }\n\n    .step-number {\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      color: white;\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: 800;\n      font-size: 1.2em;\n      margin-bottom: 20px;\n      margin-right: auto;\n      box-shadow: \n        0 4px 12px rgba(156, 129, 2, 0.3),\n        inset 0 1px 0 rgba(255,255,255,0.3);\n      text-shadow: 0 1px 2px rgba(0,0,0,0.3);\n    }\n\n    .step-title {\n      color: #9C8102;\n      font-weight: 700;\n      margin-bottom: 15px;\n      font-size: 1.1em;\n    }\n\n    .step-description {\n      color: #555;\n      line-height: 1.7;\n    }\n\n    .cta-final {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 25%, #1a1a1a 50%, #000 75%, #1a1a1a 100%);\n      color: white;\n      padding: 60px;\n      border-radius: 25px;\n      text-align: center;\n      margin: 60px 0;\n      opacity: 0;\n      transform: scale(0.8);\n      animation: scaleIn 1.8s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 2px solid #9C8102;\n      position: relative;\n      overflow: hidden;\n      box-shadow: \n        0 30px 60px rgba(0,0,0,0.3),\n        0 10px 30px rgba(156, 129, 2, 0.15),\n        inset 0 1px 0 rgba(255,255,255,0.1);\n    }\n\n    .cta-final::before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 300px;\n      height: 300px;\n      background: radial-gradient(circle, rgba(156, 129, 2, 0.12) 0%, transparent 70%);\n      transform: translate(-50%, -50%);\n      animation: ctaPulse 3s ease-in-out infinite;\n    }\n\n    .cta-title {\n      color: #d4af37;\n      font-size: 2.5em;\n      font-weight: 900;\n      margin-bottom: 25px;\n      position: relative;\n      z-index: 1;\n      text-shadow: 0 3px 12px rgba(212, 175, 55, 0.6);\n    }\n\n    .cta-text {\n      font-size: 1.2em;\n      margin: 25px 0;\n      opacity: 0.95;\n      position: relative;\n      z-index: 1;\n      line-height: 1.7;\n    }\n\n    .highlight-formula {\n      font-size: 1.4em;\n      font-weight: 800;\n      color: #d4af37;\n      margin: 30px 0;\n      animation: textGlow 2.5s ease-in-out infinite;\n      position: relative;\n      z-index: 1;\n      text-shadow: 0 2px 8px rgba(212, 175, 55, 0.5);\n    }\n\n    @keyframes fadeInUp {\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes scaleIn {\n      to {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    @keyframes imageReveal {\n      to {\n        opacity: 1;\n        transform: scale(1) rotateY(0deg) translateZ(0);\n      }\n    }\n\n    @keyframes underlineGrow {\n      to { width: 100px; }\n    }\n\n    @keyframes floatBackground {\n      0%, 100% { transform: translateY(0px) rotate(0deg); }\n      50% { transform: translateY(-15px) rotate(180deg); }\n    }\n\n    @keyframes pulseGlow {\n      0%, 100% { opacity: 0.8; transform: scale(1) rotate(0deg); }\n      50% { opacity: 1; transform: scale(1.05) rotate(180deg); }\n    }\n\n    @keyframes ctaPulse {\n      0%, 100% { \n        transform: translate(-50%, -50%) scale(1); \n        opacity: 0.3; \n      }\n      50% { \n        transform: translate(-50%, -50%) scale(1.2); \n        opacity: 0.1; \n      }\n    }\n\n    @keyframes textGlow {\n      0%, 100% { \n        text-shadow: 0 2px 8px rgba(212, 175, 55, 0.5); \n        transform: scale(1);\n      }\n      50% { \n        text-shadow: 0 4px 20px rgba(212, 175, 55, 0.8); \n        transform: scale(1.02);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .main-title {\n        font-size: 2.4em;\n        margin-bottom: 30px;\n      }\n\n      .hero-image {\n        max-width: 85%;\n        border-radius: 20px;\n        margin: 40px auto;\n      }\n      \n      .benefits-grid,\n      .usage-steps {\n        grid-template-columns: 1fr;\n        gap: 20px;\n        padding: 0 10px;\n      }\n      \n      .hero-tagline,\n      .section-header,\n      .usage-section,\n      .cta-final {\n        padding: 30px 20px;\n        margin: 30px 10px;\n      }\n\n      .section-title {\n        font-size: 1.9em;\n      }\n\n      .cta-title {\n        font-size: 2em;\n      }\n\n      .benefit-card {\n        padding: 25px 20px;\n        border-radius: 15px;\n      }\n\n      .usage-step {\n        padding: 25px 20px;\n      }\n\n      .feature-item {\n        padding: 12px 15px;\n        margin-bottom: 8px;\n      }\n\n      \/* Simplified animations for mobile *\/\n      .popai-container::before {\n        animation: none;\n        opacity: 0.4;\n      }\n\n      .benefit-card:hover,\n      .usage-step:hover {\n        transform: translateY(-5px);\n      }\n\n      .hero-image:hover {\n        transform: scale(1.02);\n      }\n    }\n\n    @media (max-width: 480px) {\n      .main-title {\n        font-size: 2em;\n        letter-spacing: -0.01em;\n      }\n\n      .hero-tagline,\n      .section-header,\n      .usage-section,\n      .cta-final {\n        padding: 25px 15px;\n        border-radius: 15px;\n      }\n\n      .section-title {\n        font-size: 1.7em;\n      }\n\n      .cta-title {\n        font-size: 1.8em;\n      }\n\n      .benefit-title {\n        font-size: 1.2em;\n      }\n\n      .highlight-formula {\n        font-size: 1.2em;\n      }\n\n      .cta-text {\n        font-size: 1.1em;\n      }\n    }\n  \u003c\/style\u003e\n\u003c!-- Main Title --\u003e\n\u003ch1 class=\"main-title\"\u003e지성 및 여드름성 피부를 위한 뽀빠이 자외선 차단제\u003c\/h1\u003e\n\u003c!-- Hero Image with proper alt text --\u003e\n\u003cimg alt=\"지성 및 여드름성 피부를 위한 뽀빠이 선스크린 - 번들거림 없이 강력한 보호\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/abd5b615-52ce-4769-a9f2-eca0e98721e9.png?v=1753596442\"\/\u003e\n\u003c!-- Hero Tagline --\u003e\n\u003cdiv class=\"hero-tagline\"\u003e\n\u003cdiv class=\"tagline-text\"\u003e\n      번들거림 없이, 피부에 땀이 나지 않고, 백탁 현상 없이 종합 보호해줍니다.\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Main Features Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003e기본 기능\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003c!-- Sun Protection --\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e☀️\u003c\/span\u003e\n        98% 강력한 보호\n      \u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e광범위한 스펙트럼 보호\u003c\/strong\u003e UVA\/UVB에서\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e매일 사용에 적합\u003c\/strong\u003e 그리고 햇빛에 장시간 노출되면\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Oily Skin Specific --\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🛡️\u003c\/span\u003e\n        트러블성 피부를 위한 디자인\n      \u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e지방분비를 조절한다\u003c\/strong\u003e 과도한 윤기를 방지해줍니다\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e항균성\u003c\/strong\u003e 여드름 생성을 예방합니다.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e항염증제\u003c\/strong\u003e 자극과 붉은기를 진정시켜줍니다\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e부드러운 각질 제거 효과\u003c\/strong\u003e 모공을 깨끗하게 해준다\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Perfect Texture --\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e💧\u003c\/span\u003e\n        지성 피부에 이상적인 질감\n      \u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e가볍고 빠르게 흡수됨\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e기름진 느낌이 남지 않아요\u003c\/strong\u003e 아니면 끈적끈적\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e흰색 레이어가 남지 않습니다.\u003c\/strong\u003e 피부에\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e메이크업 아래에 적합\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003e사용방법\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003e용기를 잘 흔들어주세요\u003c\/h4\u003e\n\u003cp class=\"step-description\"\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 class=\"step-title\"\u003e적당량을 바르세요\u003c\/h4\u003e\n\u003cp class=\"step-description\"\u003e최상의 보호를 위해 햇빛에 노출되기 20분 전에 피부에 바르세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003e2시간마다 다시 바르세요\u003c\/h4\u003e\n\u003cp class=\"step-description\"\u003e또는 하루 종일 지속적인 보호를 유지해야 하는 경우\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"cta-final\"\u003e\n\u003ch2 class=\"cta-title\"\u003e지성 피부를 위한 완벽한 솔루션\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003e뽀빠이 자외선 차단제\u003c\/strong\u003e 그는 \u003cstrong\u003e지성 피부를 위한 완벽한 솔루션\u003c\/strong\u003e 번들거림이나 여드름 없이 강력한 보호가 필요한 분.\n    \u003c\/p\u003e\n\u003cdiv class=\"highlight-formula\"\u003e\n      98% 보호 + 피지조절 + 항균 = 완고한 피부를 위한 스마트 자외선 차단제\n    \u003c\/div\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003e지금 주문하세요... 합병증 없이 강력한 보호 기능을 누려보세요.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Enhanced Intersection Observer\n    const observerOptions = {\n      threshold: 0.15,\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          const element = entry.target;\n          \n          if (element.classList.contains('benefit-card')) {\n            element.style.animation = 'fadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('section-header')) {\n            element.style.animation = 'scaleIn 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('usage-step')) {\n            element.style.animation = 'fadeInUp 0.8s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('hero-tagline')) {\n            element.style.animation = 'scaleIn 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('usage-section')) {\n            element.style.animation = 'scaleIn 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('cta-final')) {\n            element.style.animation = 'scaleIn 1.8s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          }\n        }\n      });\n    }, observerOptions);\n\n    \/\/ Initialize animations\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n      const animatedElements = document.querySelectorAll('.benefit-card, .section-header, .usage-step, .hero-tagline, .usage-section, .cta-final');\n      \n      animatedElements.forEach(el =\u003e {\n        observer.observe(el);\n      });\n\n      \/\/ Staggered delays\n      const benefitCards = document.querySelectorAll('.benefit-card');\n      benefitCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.2}s`;\n      });\n\n      const usageSteps = document.querySelectorAll('.usage-step');\n      usageSteps.forEach((step, index) =\u003e {\n        step.style.animationDelay = `${index * 0.15}s`;\n      });\n\n      \/\/ Enhanced particle effects\n      const benefitCards2 = document.querySelectorAll('.benefit-card');\n      benefitCards2.forEach(card =\u003e {\n        card.addEventListener('mouseenter', () =\u003e {\n          createParticles(card);\n        });\n      });\n\n      \/\/ Particle creation function\n      function createParticles(element) {\n        for (let i = 0; i \u003c 6; i++) {\n          const particle = document.createElement('div');\n          particle.style.cssText = `\n            position: absolute;\n            width: ${Math.random() * 4 + 2}px;\n            height: ${Math.random() * 4 + 2}px;\n            background: linear-gradient(135deg, #9C8102, #d4af37);\n            border-radius: 50%;\n            pointer-events: none;\n            z-index: 100;\n            box-shadow: 0 0 6px rgba(156, 129, 2, 0.6);\n          `;\n          \n          const rect = element.getBoundingClientRect();\n          particle.style.left = Math.random() * rect.width + 'px';\n          particle.style.top = Math.random() * rect.height + 'px';\n          \n          element.appendChild(particle);\n          \n          particle.animate([\n            { \n              transform: 'translateY(0px) scale(1) rotate(0deg)', \n              opacity: 1 \n            },\n            { \n              transform: `translateY(-50px) scale(0) rotate(${Math.random() * 360}deg)`, \n              opacity: 0 \n            }\n          ], {\n            duration: 1800,\n            easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n          }).onfinish = () =\u003e particle.remove();\n        }\n      }\n\n      \/\/ Enhanced magnetic hover effects\n      const allCards = document.querySelectorAll('.benefit-card, .usage-step');\n      allCards.forEach(card =\u003e {\n        card.addEventListener('mousemove', (e) =\u003e {\n          const rect = card.getBoundingClientRect();\n          const x = e.clientX - rect.left;\n          const y = e.clientY - rect.top;\n          const centerX = rect.width \/ 2;\n          const centerY = rect.height \/ 2;\n          const deltaX = (x - centerX) \/ centerX;\n          const deltaY = (y - centerY) \/ centerY;\n          \n          card.style.transform = `\n            perspective(1000px) \n            rotateY(${deltaX * 3}deg) \n            rotateX(${-deltaY * 3}deg) \n            translateZ(5px)\n          `;\n        });\n        \n        card.addEventListener('mouseleave', () =\u003e {\n          card.style.transform = '';\n        });\n      });\n\n      \/\/ Sparkle effects\n      setInterval(() =\u003e {\n        const targetSections = ['.hero-tagline', '.cta-final'];\n        targetSections.forEach(selector =\u003e {\n          const section = document.querySelector(selector);\n          if (section \u0026\u0026 Math.random() \u003e 0.6) {\n            const sparkle = document.createElement('div');\n            sparkle.style.cssText = `\n              position: absolute;\n              width: ${Math.random() * 3 + 2}px;\n              height: ${Math.random() * 3 + 2}px;\n              background: linear-gradient(135deg, #d4af37, #9C8102);\n              border-radius: 50%;\n              pointer-events: none;\n              z-index: 10;\n              left: ${Math.random() * section.offsetWidth}px;\n              top: ${Math.random() * section.offsetHeight}px;\n              box-shadow: 0 0 8px rgba(212, 175, 55, 0.8);\n            `;\n            \n            section.appendChild(sparkle);\n            \n            sparkle.animate([\n              { transform: 'scale(0) rotate(0deg)', opacity: 0 },\n              { transform: 'scale(1) rotate(180deg)', opacity: 1 },\n              { transform: 'scale(0) rotate(360deg)', opacity: 0 }\n            ], {\n              duration: 2500,\n              easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n            }).onfinish = () =\u003e sparkle.remove();\n          }\n        });\n      }, 3000);\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Bobai","offers":[{"title":"Default Title","offer_id":44946557796549,"sku":null,"price":340.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobaiSunscreenOilDefenseFluidSPF50_1.avif?v=1753595951"},{"product_id":"beauty-of-joseon-relief-sun-aqua-fresh-rice-b5-spf50","title":"조선뷰티 릴리프썬 쌀 + 프로바이오틱스 경량 선스크린 SPF 50+ PA++++ (B5 함유로 끈적이지 않는 수분 공급)","description":"\u003cdiv class=\"aqua-relief-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* === Premium Arabic Font === *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800\u0026display=swap');\n\n        \/* === Core Variables (Dark Mode) === *\/\n        .aqua-relief-wrapper {\n            --aqua-bg-base: #0a0e17; \/* Deep midnight blue\/black *\/\n            --aqua-bg-card: rgba(16, 24, 40, 0.7); \/* Translucent dark navy *\/\n            --aqua-bg-card-hover: rgba(26, 36, 56, 0.9);\n            --aqua-primary: #5cb8e4;\n            --aqua-dark: #38bdf8; \/* Brighter aqua for dark mode contrast *\/\n            --aqua-light: rgba(92, 184, 228, 0.15); \/* Tinted background for badges *\/\n            --aqua-gradient: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%);\n            --pearl-gradient: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(16,24,40,0.8) 100%);\n            --gold-accent: #d4af37;\n            --text-main: #f8fafc; \/* Near white for dark mode *\/\n            --text-muted: #94a3b8; \/* Light slate gray *\/\n            --border-glass: rgba(92, 184, 228, 0.2);\n            --glow-aqua: rgba(56, 189, 248, 0.25);\n            \n            background-color: var(--aqua-bg-base);\n            color: var(--text-main);\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            line-height: 1.7;\n            overflow: hidden;\n            position: relative;\n            padding: 0 0 60px 0;\n            border-radius: 24px;\n            box-shadow: 0 0 50px rgba(0,0,0,0.5) inset;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .aqua-relief-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .aqua-container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 0 25px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === Typography Utilities === *\/\n        .aqua-text-gradient {\n            background: var(--aqua-gradient);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            display: inline-block;\n            text-shadow: 0 2px 10px rgba(56, 189, 248, 0.3);\n        }\n\n        .aqua-section-title {\n            font-size: clamp(26px, 4vw, 38px);\n            font-weight: 900;\n            text-align: center;\n            margin: 80px 0 20px;\n            color: #ffffff; \/* White for better visibility *\/\n            position: relative;\n        }\n\n        .aqua-section-subtitle {\n            text-align: center;\n            font-size: clamp(16px, 2vw, 18px);\n            color: var(--text-muted);\n            max-width: 700px;\n            margin: 0 auto 50px;\n            font-weight: 500;\n        }\n\n        \/* === Ambient Background === *\/\n        .aqua-ambient {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 0;\n            pointer-events: none;\n            overflow: hidden;\n        }\n        \n        .aqua-glow-orb {\n            position: absolute;\n            border-radius: 50%;\n            filter: blur(80px);\n            opacity: 0.5;\n            animation: orbDrift 15s infinite alternate ease-in-out;\n        }\n\n        .aqua-orb-1 { width: 400px; height: 400px; background: rgba(92, 184, 228, 0.15); top: -50px; right: -50px; }\n        .aqua-orb-2 { width: 500px; height: 500px; background: rgba(212, 175, 55, 0.08); bottom: 10%; left: -150px; animation-delay: -5s; }\n\n        @keyframes orbDrift {\n            0% { transform: translate(0, 0) scale(1); }\n            100% { transform: translate(-30px, 50px) scale(1.1); }\n        }\n\n        \/* === Hero Section === *\/\n        .aqua-hero {\n            position: relative;\n            padding: 80px 20px 40px;\n            text-align: center;\n            background: radial-gradient(circle at top, rgba(56,189,248,0.1) 0%, var(--aqua-bg-base) 70%);\n            border-bottom: 1px solid var(--border-glass);\n        }\n\n        .aqua-hero-icon {\n            display: inline-flex;\n            justify-content: center;\n            align-items: center;\n            width: 80px;\n            height: 80px;\n            margin-bottom: 20px;\n            animation: float 3s ease-in-out infinite;\n            filter: drop-shadow(0 5px 15px var(--glow-aqua));\n            color: var(--aqua-primary);\n            font-size: 40px;\n            font-weight: 900;\n            font-family: system-ui, sans-serif;\n            background: var(--aqua-bg-card); \/* Darker background *\/\n            border-radius: 50%;\n            box-shadow: 0 10px 25px rgba(56, 189, 248, 0.2);\n            border: 1px solid var(--border-glass);\n        }\n\n        @keyframes float {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-10px); }\n        }\n\n        .aqua-main-title {\n            font-size: clamp(32px, 5vw, 52px);\n            font-weight: 900;\n            margin-bottom: 25px;\n            line-height: 1.3;\n            letter-spacing: -0.5px;\n            color: #ffffff;\n        }\n\n        .aqua-hero-subtitle-text {\n            font-size: clamp(16px, 2.5vw, 20px);\n            color: var(--text-main);\n            max-width: 800px;\n            margin: 0 auto 40px;\n            line-height: 1.8;\n            font-weight: 500;\n        }\n\n        \/* === Video \u0026 Image Wrappers === *\/\n        .aqua-media-wrapper {\n            position: relative;\n            width: 100%;\n            margin: 0 auto;\n            perspective: 1000px;\n            display: block;\n        }\n\n        .aqua-media-wrapper.size-lg { max-width: 850px; }\n        .aqua-media-wrapper.size-md { max-width: 700px; }\n        .aqua-media-wrapper.size-sm { max-width: 550px; }\n\n        .aqua-product-media {\n            width: 100%;\n            height: auto;\n            display: block;\n            border-radius: 20px;\n            box-shadow: 0 30px 60px rgba(0,0,0,0.6), 0 0 30px var(--glow-aqua);\n            border: 2px solid var(--border-glass); \/* Subtler border *\/\n            transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\n            object-fit: cover;\n        }\n\n        \/* === Glass Cards \u0026 Grids === *\/\n        .aqua-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; }\n        .aqua-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }\n\n        .aqua-glass-card {\n            background: var(--aqua-bg-card);\n            backdrop-filter: blur(20px);\n            -webkit-backdrop-filter: blur(20px);\n            border: 1px solid var(--border-glass);\n            border-radius: 20px;\n            padding: 35px 25px;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            text-align: left;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n        }\n\n        .aqua-glass-card::before {\n            content: '';\n            position: absolute;\n            top: 0; right: 0;\n            width: 4px; height: 100%;\n            background: var(--aqua-gradient);\n            opacity: 0;\n            transition: 0.4s ease;\n        }\n\n        .aqua-glass-card:hover {\n            transform: translateY(-8px);\n            background: var(--aqua-bg-card-hover);\n            box-shadow: 0 15px 35px rgba(0,0,0,0.4), 0 0 20px var(--glow-aqua);\n            border-color: var(--aqua-primary);\n        }\n\n        .aqua-glass-card:hover::before { opacity: 1; }\n\n        .aqua-card-title {\n            font-size: 1.3rem;\n            color: #ffffff;\n            margin-bottom: 12px;\n            font-weight: 800;\n        }\n\n        .aqua-card-desc {\n            color: var(--text-muted);\n            font-size: 1rem;\n            line-height: 1.7;\n        }\n\n        \/* === Impact Highlight Section === *\/\n        .aqua-impact-wrapper {\n            background: var(--pearl-gradient);\n            padding: 60px 40px;\n            margin: 60px 0;\n            border-radius: 24px;\n            border: 1px solid var(--border-glass);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.3);\n            text-align: center;\n        }\n\n        \/* === Icons === *\/\n        .aqua-icon-badge {\n            width: 60px; height: 60px;\n            background: var(--aqua-light);\n            border: 1px solid var(--border-glass);\n            border-radius: 16px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 20px;\n            color: var(--aqua-dark);\n            transition: 0.4s ease;\n            font-size: 24px;\n            font-weight: 900;\n            font-family: system-ui, sans-serif;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n        }\n\n        .aqua-glass-card:hover .aqua-icon-badge {\n            background: var(--aqua-gradient);\n            color: white;\n            transform: scale(1.1) rotate(5deg);\n        }\n\n        \/* === Timeline === *\/\n        .aqua-timeline {\n            position: relative;\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 20px 0;\n        }\n\n        .aqua-timeline::before {\n            content: '';\n            position: absolute;\n            top: 0; right: 50%;\n            width: 2px; height: 100%;\n            background: linear-gradient(to bottom, transparent, var(--aqua-primary), transparent);\n            transform: translateX(50%);\n        }\n\n        .aqua-timeline-item {\n            display: flex;\n            justify-content: flex-end;\n            padding-left: 50%;\n            position: relative;\n            margin-bottom: 30px;\n        }\n\n        .aqua-timeline-item:nth-child(even) {\n            justify-content: flex-start;\n            padding-left: 0;\n            padding-right: 50%;\n        }\n\n        .aqua-timeline-content {\n            width: 90%;\n            background: var(--aqua-bg-card);\n            border: 1px solid var(--border-glass);\n            padding: 25px;\n            border-radius: 16px;\n            position: relative;\n            transition: all 0.3s;\n            box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n        }\n\n        .aqua-timeline-content:hover {\n            border-color: var(--aqua-primary);\n            transform: translateY(-5px);\n            box-shadow: 0 15px 30px rgba(92, 184, 228, 0.1);\n        }\n\n        .aqua-timeline-badge {\n            position: absolute;\n            top: 25px; right: -6.5%;\n            width: 14px; height: 14px;\n            background: var(--aqua-bg-base);\n            border: 3px solid var(--aqua-primary);\n            border-radius: 50%;\n            z-index: 2;\n            box-shadow: 0 0 10px var(--glow-aqua);\n        }\n\n        .aqua-timeline-item:nth-child(even) .aqua-timeline-badge {\n            right: auto;\n            left: -6.5%;\n        }\n\n        .aqua-time-label {\n            color: var(--aqua-dark);\n            font-weight: 800;\n            margin-bottom: 10px;\n            font-size: 1.1rem;\n            display: inline-block;\n            background: var(--aqua-light);\n            padding: 4px 15px;\n            border-radius: 20px;\n        }\n\n        \/* === Comparison Section === *\/\n        .aqua-comparison-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n            margin: 40px 0;\n        }\n\n        .aqua-comp-card {\n            background: var(--aqua-bg-card);\n            padding: 30px;\n            border-radius: 20px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n            border: 1px solid var(--border-glass);\n        }\n\n        .aqua-comp-card.premium {\n            border: 2px solid var(--aqua-primary);\n            background: var(--pearl-gradient);\n            transform: scale(1.02);\n            box-shadow: 0 20px 50px rgba(0,0,0,0.4), 0 0 30px var(--glow-aqua);\n        }\n\n        .aqua-comp-list { list-style: none; padding: 0; }\n        .aqua-comp-item {\n            padding: 12px 0;\n            border-bottom: 1px solid rgba(255,255,255,0.05);\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            color: var(--text-muted);\n        }\n        .aqua-comp-item:last-child { border-bottom: none; }\n        \n        .aqua-comp-card.premium .aqua-comp-item { color: var(--text-main); font-weight: 500; }\n\n        .aqua-check-icon {\n            width: 24px; height: 24px;\n            border-radius: 50%;\n            display: flex; align-items: center; justify-content: center;\n            font-weight: bold; font-size: 14px;\n            color: white; flex-shrink: 0;\n        }\n        .aqua-check-basic { background: #475569; } \/* Darker slate for basic check *\/\n        .aqua-check-premium { background: var(--aqua-gradient); }\n\n        \/* === CTA Section === *\/\n        .aqua-cta {\n            text-align: center;\n            margin-top: 80px;\n            padding: 60px 30px;\n            background: linear-gradient(135deg, rgba(16,24,40,0.8) 0%, rgba(2,132,199,0.1) 100%);\n            border-radius: 24px;\n            border: 1px solid var(--border-glass);\n            box-shadow: 0 30px 60px rgba(0,0,0,0.5);\n        }\n\n        .aqua-btn-primary {\n            display: inline-block;\n            background: var(--aqua-gradient);\n            background-size: 200% auto;\n            color: white;\n            padding: 18px 45px;\n            border-radius: 40px;\n            font-size: 1.2rem;\n            font-weight: 900;\n            text-decoration: none;\n            border: none;\n            cursor: pointer;\n            transition: 0.5s ease;\n            box-shadow: 0 10px 25px rgba(92, 184, 228, 0.4);\n            margin-top: 30px;\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n        }\n\n        .aqua-btn-primary:hover {\n            background-position: right center;\n            transform: translateY(-3px);\n            box-shadow: 0 15px 35px rgba(92, 184, 228, 0.6);\n        }\n\n        \/* === Animations === *\/\n        .aqua-reveal {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .aqua-reveal.aqua-active { opacity: 1; transform: translateY(0); }\n        .delay-1 { transition-delay: 0.1s; }\n        .delay-2 { transition-delay: 0.2s; }\n        .delay-3 { transition-delay: 0.3s; }\n\n        @media (max-width: 768px) {\n            .aqua-timeline::before { right: 20px; transform: none; }\n            .aqua-timeline-item { padding-left: 0; padding-right: 50px; justify-content: flex-start; }\n            .aqua-timeline-item:nth-child(even) { padding-left: 0; padding-right: 50px; }\n            .aqua-timeline-content { width: 100%; }\n            .aqua-timeline-badge { right: 14px; top: 25px; }\n            .aqua-timeline-item:nth-child(even) .aqua-timeline-badge { left: auto; right: 14px; }\n            \n            .aqua-comp-card.premium { transform: scale(1); margin-top: 20px; }\n            .aqua-hero { padding: 50px 15px 20px; }\n            .aqua-cta { padding: 40px 20px; }\n            .aqua-product-media { box-shadow: 0 15px 30px rgba(0,0,0,0.4); border-width: 1px; }\n            .aqua-media-wrapper { padding: 0 10px; }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"aqua-ambient\"\u003e\n\u003cdiv class=\"aqua-glow-orb aqua-orb-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-glow-orb aqua-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"aqua-hero\"\u003e\n\u003cdiv class=\"aqua-container\"\u003e\n\u003cdiv class=\"aqua-hero-icon\"\u003e💧\u003c\/div\u003e\n\u003ch1 class=\"aqua-main-title aqua-reveal aqua-active\"\u003eRelief Sun Aqua Fresh\u003cbr\/\u003e\u003cspan class=\"aqua-text-gradient\"\u003e한국 자외선 차단제\u003c\/span\u003e 무엇이 당신을 다시 태양을 사랑하게 만들까요?\u003c\/h1\u003e\n\u003cp class=\"aqua-hero-subtitle-text aqua-reveal aqua-active delay-1\"\u003e\n                한국 스타들의 놀라운 피부를 만들어주는 쌀씨수 30%와 5가지 첨단 보호 필터가 함유된 워터리한 질감이 단 몇 초 만에 사라지는 선크림을 상상해 보세요.보호, 보습, 브라이트닝, 트리트먼트 4가지 제품이 하나로 통합되어 있습니다.\n            \u003c\/p\u003e\n\u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-md aqua-reveal aqua-active delay-2\"\u003e\n\u003cvideo autoplay=\"\" class=\"aqua-product-media\" loop=\"\" muted=\"\" playsinline=\"\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/0362c453e2b64b73adce019c177484fe.mp4\" type=\"video\/mp4\"\/\u003e\n                    귀하의 브라우저는 비디오 디스플레이를 지원하지 않습니다.\n                \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-container\"\u003e\n\u003c!-- 2. Features Showcase --\u003e\n\u003cdiv class=\"aqua-grid-3 aqua-reveal\" style=\"margin-top: 60px;\"\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e워터리한 질감은 몇 초 만에 사라집니다.\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003e일반 자외선 차단제와는 달리 매우 가벼운 제형으로 피부에 즉각적으로 흡수됩니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e벼씨수 30%\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003e피부를 밝고 깊게 보습하는 한국 고대의 아름다움 비결.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-2\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e백탁이나 유분감 없이\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003e지성 피부에도 성가신 흰색 잔여물이나 원치 않는 윤기를 남기지 않습니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e5가지 고급 보호 필터\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003e모든 유형의 유해한 광선에 대해 해당 지역에서 가장 강력한 보호 기능을 제공합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e5\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e4가지 제품이 하나로\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003e강력한 보호 + 깊은 수분 공급 + 스팟 라이트닝 + 피부 장벽 트리트먼트.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Pain Point Highlight --\u003e\n\u003cdiv class=\"aqua-impact-wrapper aqua-reveal\"\u003e\n\u003ch2 class=\"aqua-section-title\" style=\"margin-top: 0; font-size: 1.8rem;\"\u003e많은 자외선 차단제를 사용해 보셨나요... 그리고 너무 많은 불편함 때문에 태양이 피부를 잠식하도록 놔두셨나요?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; color: var(--text-muted); margin-bottom: 25px;\"\u003e\n                피부를 하얗게 만드는 자외선 차단제, 피부를 번들거리고 끈적하게 만드는 자외선 차단제, 별 효과가 없는 자외선 차단제에 지치셨다면...\n            \u003c\/p\u003e\n\u003cdiv style=\"background: rgba(255,255,255,0.05); padding: 20px; border-radius: 15px; border: 2px solid var(--aqua-primary); display: inline-block;\"\u003e\n\u003cp style=\"font-size: 1.25rem; font-weight: 800; color: #ffffff; margin: 0;\"\u003e당신의 생각을 완전히 바꿔줄 릴리프 선 아쿠아 프레쉬\u003c\/p\u003e\n\u003cp style=\"font-size: 1rem; color: var(--text-muted); margin-top: 10px;\"\u003e처음 사용부터 자외선 차단제가 아닌 수분 세럼을 바르는 듯한 느낌을 받으실 것입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Rice Water Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003e쌀씨수 30% - 한국적인 아름다움의 비결\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003e하나의 성분이 전체 자외선 차단제 가격과 동일한 이유는 무엇입니까?\u003c\/p\u003e\n\u003cdiv class=\"aqua-glass-card aqua-reveal\" style=\"max-width: 900px; margin: 0 auto; text-align: left;\"\u003e\n\u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-md\" style=\"margin-bottom: 30px;\"\u003e\n\u003cimg alt=\"릴리프썬 쌀씨수\" class=\"aqua-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_aqua_fresh_spf_2.webp?v=1753600391\"\/\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\" style=\"font-size: 1.5rem;\"\u003e수천년 전의 고대 비밀\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\" style=\"margin-bottom: 20px;\"\u003e쌀씨수는 평범한 성분이 아니다. 이것이 바로 아시아 스타들이 가족으로부터 물려받은 한국적인 아름다움의 비결이다.\u003c\/p\u003e\n\u003cdiv class=\"aqua-grid-2\"\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: var(--gold-accent); margin-bottom: 15px; font-size: 1.2rem;\"\u003e구성에서 가장 비싼 구성 요소:\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0;\"\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e 이는 그 효능을 보존하는 특별한 방법으로 추출됩니다.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e 30%의 매우 높은 농도 - 자외선 차단제 중 가장 높은 비율입니다.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e 비타민C보다 10배 강력한 항산화제.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: var(--gold-accent); margin-bottom: 15px; font-size: 1.2rem;\"\u003e피부에 어떤 영향을 미칠까요?\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0;\"\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e 몇 주 안에 피부가 자연스러운 광채를 되찾습니다.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e 어두운 점을 밝게 하고 색상을 통일시킵니다.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e 7겹의 깊이로 촉촉하게 채워줍니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. 5 Filters Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003e5가지 고급 보호 필터 - 태양에 대항하는 완벽한 팀\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003e모든 예방제품이 하나의 필터를 제공한다면, 이 크림은 5개의 필터를 제공합니다!\u003c\/p\u003e\n\u003cdiv class=\"aqua-grid-3 aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eEthylhexyl Triazone\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003e첫 번째 보호 장치: 광선을 흡수하여 무해한 열로 바꿉니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eMexoryl XL\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003e종합적인 차단제: 99% 효율성으로 UVA 및 UVB로부터 보호합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-2\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eMexoryl SX\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003e전문가: 피부 노화를 유발하는 광선을 타겟으로 합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eUvinul A Plus\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003e심층 보호기(Deep Protector): 피부 깊은 층을 관통하는 광선을 차단합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e5\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eTinosorb S\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003e최고의 보호막: 피부에 대한 이중 보호 및 오래 지속되는 안정성.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-reveal\" style=\"text-align: center; margin-top: 30px;\"\u003e\n\u003cspan style=\"display: inline-block; background: var(--aqua-gradient); color: white; padding: 10px 25px; border-radius: 20px; font-weight: bold;\"\u003e결과: SPF 57.9 + PA++++ UVA PF 19.3 보호 - 패키지에 표시된 것보다 더 높습니다!\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003e변화의 여정 - 매일매일 피부가 좋아지는 것을 확인하세요\u003c\/h2\u003e\n\u003cdiv class=\"aqua-timeline aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-timeline-item\"\u003e\n\u003cdiv class=\"aqua-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-content\"\u003e\n\u003cdiv class=\"aqua-time-label\"\u003e첫날\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e첫 번째 놀라움\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ 처음부터 즉시 보호합니다.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ 산뜻한 느낌과 깊은 수분감.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ 끈적임 없이 사라지는 워터리한 질감.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-item\"\u003e\n\u003cdiv class=\"aqua-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-content\"\u003e\n\u003cdiv class=\"aqua-time-label\"\u003e일주일 후\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e달콤한 시작\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ 피부가 더욱 부드러워지고 윤기가 납니다.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ 지성 피부의 과도한 윤기를 줄입니다.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ 피부 결이 눈에 띄게 개선되었습니다.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-item\"\u003e\n\u003cdiv class=\"aqua-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-content\"\u003e\n\u003cdiv class=\"aqua-time-label\"\u003e한 달 후\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e결과가 말해준다\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ 맑은 윤기와 피부톤의 통일감.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ 다크스팟이 줄어들기 시작합니다.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ 더 강하고 저항력이 강한 피부.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Comparison Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003e다른 자외선 차단제와 비교했을 때 차이점은 분명합니다.\u003c\/h2\u003e\n\u003cdiv class=\"aqua-comparison-grid aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-comp-card\"\u003e\n\u003ch3 class=\"aqua-card-title\" style=\"text-align: center; color: var(--text-muted);\"\u003e일반 자외선 차단제(100파운드)\u003c\/h3\u003e\n\u003cul class=\"aqua-comp-list\"\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e 그냥 정상적인 보호\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e 기름진 질감 또는 투명한 백색\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e 일반 화학성분\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e 추가혜택은 없습니다\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e 결과: 일시적인 보호만 가능\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-comp-card premium\"\u003e\n\u003ch3 class=\"aqua-card-title\" style=\"text-align: center;\"\u003eRelief Sun Aqua Fresh\u003c\/h3\u003e\n\u003cul class=\"aqua-comp-list\"\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e 강력한 보호+보습+트리트먼트+미용\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e 시간이 지나면 사라지는 고급스러운 워터리 텍스처\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e 희귀하고 값비싼 천연성분\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e 피부 질의 지속적인 개선\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e 결과: 피부의 아름다움과 건강을 위한 투자\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8. CTA Section --\u003e\n\u003cdiv class=\"aqua-cta aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-sm\" style=\"margin-bottom: 30px;\"\u003e\n\u003cimg alt=\"지금 바로 피부 보호에 투자하세요\" class=\"aqua-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_aqua_fresh_spf_4.webp?v=1753600391\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"aqua-main-title\"\u003e오늘의 선택이 내일의 피부 모양을 결정한다\u003c\/h2\u003e\n\u003cp class=\"aqua-card-desc\" style=\"max-width: 750px; margin: 0 auto 20px; font-size: 1.15rem;\"\u003e\n                태양은 피부의 가장 큰 적이자, 조기 노화의 가장 큰 원인이며, 색소침착과 기미의 첫 번째 원인입니다.태양이 당신의 피부를 잠식하도록 하시겠습니까, 아니면 매일 피부를 개선하는 트리트먼트 제품으로 피부를 보호하는 데 투자하시겠습니까?\n            \u003c\/p\u003e\n\u003cp style=\"font-size: 1.3rem; font-weight: 800; color: var(--aqua-dark);\"\u003e올바른 결정은 분명합니다!\u003c\/p\u003e\n\u003cbutton class=\"aqua-btn-primary\"\u003e지금 주문하세요... 피부의 미래에 투자하세요\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', () =\u003e {\n            \/\/ Scroll Reveal Animation\n            const reveals = document.querySelectorAll('.aqua-reveal');\n            const observer = new IntersectionObserver((entries, obs) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('aqua-active');\n                        obs.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n\n            reveals.forEach(el =\u003e observer.observe(el));\n\n            \/\/ Premium 3D Tilt Effect\n            if (window.matchMedia(\"(hover: hover)\").matches) {\n                const tiltCards = document.querySelectorAll('.aqua-tilt-card');\n                tiltCards.forEach(card =\u003e {\n                    const media = card.querySelector('.aqua-product-media');\n                    card.addEventListener('mousemove', e =\u003e {\n                        const rect = card.getBoundingClientRect();\n                        const x = e.clientX - rect.left;\n                        const y = e.clientY - rect.top;\n                        const centerX = rect.width \/ 2;\n                        const centerY = rect.height \/ 2;\n                        \n                        const rotateX = ((y - centerY) \/ centerY) * -5;\n                        const rotateY = ((x - centerX) \/ centerX) * 5;\n                        \n                        media.style.transform = `scale(1.02) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n                    });\n\n                    card.addEventListener('mouseleave', () =\u003e {\n                        media.style.transform = `scale(1) rotateX(0deg) rotateY(0deg)`;\n                    });\n                });\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44946572411077,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/4000a17e-2027-48ff-9425-bb8669e8ee8a.webp?v=1753601938"},{"product_id":"la-roche-posay-anthelios-uvmune","title":"LA ROCHE-POSAY Innovation Anthelios UVMUNE 400 50+ Oil Control Gel Cream 50.0ml","description":"\u003cdiv class=\"laroche-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n    .laroche-container {\n      direction: ltr;\n      text-align: left;\n      max-width: 100%;\n      margin: 0 auto;\n      font-family: inherit;\n      line-height: 1.6;\n      color: #333;\n      background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%);\n      position: relative;\n    }\n\n    .laroche-container * {\n      box-sizing: border-box;\n    }\n\n    \/* Luxury floating background *\/\n    .laroche-container::before {\n      content: '';\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: \n        radial-gradient(circle at 20% 30%, rgba(156, 129, 2, 0.04) 2px, transparent 2px),\n        radial-gradient(circle at 80% 70%, rgba(156, 129, 2, 0.05) 1px, transparent 1px),\n        radial-gradient(circle at 50% 50%, rgba(156, 129, 2, 0.03) 1px, transparent 1px),\n        linear-gradient(135deg, rgba(250, 250, 250, 0.9) 0%, rgba(245, 245, 245, 0.95) 100%);\n      animation: luxuryFloat 30s ease-in-out infinite;\n      pointer-events: none;\n      z-index: -1;\n    }\n\n    .main-title {\n      color: #9C8102;\n      font-size: 3.5em;\n      font-weight: 900;\n      margin-bottom: 50px;\n      text-shadow: 0 6px 20px rgba(156, 129, 2, 0.4);\n      text-align: center;\n      opacity: 0;\n      transform: translateY(60px);\n      animation: luxuryFadeInUp 2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      position: relative;\n      letter-spacing: -0.03em;\n      background: linear-gradient(135deg, #9C8102 0%, #d4af37 30%, #f4e4a6 50%, #d4af37 70%, #9C8102 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      background-size: 200% 100%;\n      animation: luxuryFadeInUp 2s cubic-bezier(0.23, 1, 0.32, 1) forwards, \n                 shimmerText 4s ease-in-out infinite 2s;\n    }\n\n    .main-title::after {\n      content: '';\n      position: absolute;\n      bottom: -20px;\n      right: 50%;\n      transform: translateX(50%);\n      width: 0;\n      height: 5px;\n      background: linear-gradient(90deg, transparent 0%, #9C8102 15%, #d4af37 50%, #9C8102 85%, transparent 100%);\n      box-shadow: 0 3px 15px rgba(156, 129, 2, 0.5);\n      animation: luxuryUnderline 3s cubic-bezier(0.23, 1, 0.32, 1) 1.5s forwards;\n    }\n\n    .hero-image {\n      width: 100%;\n      max-width: 700px;\n      height: auto;\n      margin: 50px auto;\n      display: block;\n      border-radius: 30px;\n      box-shadow: \n        0 30px 80px rgba(0,0,0,0.2),\n        0 15px 40px rgba(156, 129, 2, 0.15),\n        inset 0 2px 0 rgba(255,255,255,0.7);\n      opacity: 0;\n      transform: scale(0.8) rotateY(10deg) translateZ(0);\n      animation: luxuryImageReveal 2.5s cubic-bezier(0.23, 1, 0.32, 1) 1s forwards;\n      transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);\n      position: relative;\n    }\n\n    .hero-image::before {\n      content: '';\n      position: absolute;\n      top: -4px;\n      left: -4px;\n      right: -4px;\n      bottom: -4px;\n      background: linear-gradient(135deg, #9C8102, #d4af37, #f4e4a6, #d4af37, #9C8102);\n      border-radius: 34px;\n      z-index: -1;\n      opacity: 0;\n      transition: opacity 0.8s ease;\n    }\n\n    .hero-image:hover {\n      transform: scale(1.05) rotateY(0deg) translateZ(30px);\n      box-shadow: \n        0 40px 100px rgba(0,0,0,0.25),\n        0 20px 50px rgba(156, 129, 2, 0.2),\n        inset 0 2px 0 rgba(255,255,255,0.9);\n    }\n\n    .hero-image:hover::before {\n      opacity: 0.8;\n    }\n\n    .impact-section {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 25%, #1a1a1a 50%, #000 75%, #1a1a1a 100%);\n      color: white;\n      padding: 70px;\n      border-radius: 30px;\n      margin: 80px 0;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.85);\n      animation: luxuryScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 2px solid rgba(156, 129, 2, 0.4);\n      position: relative;\n      overflow: hidden;\n      box-shadow: \n        0 40px 80px rgba(0,0,0,0.4),\n        0 15px 40px rgba(156, 129, 2, 0.2),\n        inset 0 2px 0 rgba(255,255,255,0.15);\n    }\n\n    .impact-section::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      left: -50%;\n      width: 200%;\n      height: 200%;\n      background: \n        radial-gradient(circle at 25% 35%, rgba(156, 129, 2, 0.2) 0%, transparent 50%),\n        radial-gradient(circle at 75% 65%, rgba(212, 175, 55, 0.15) 0%, transparent 50%);\n      animation: luxuryAura 8s ease-in-out infinite;\n      z-index: 1;\n    }\n\n    .impact-section::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(45deg, transparent 30%, rgba(156, 129, 2, 0.1) 50%, transparent 70%);\n      animation: premiumShimmer 6s ease-in-out infinite;\n      z-index: 2;\n    }\n\n    .impact-title {\n      color: #f4e4a6;\n      font-size: 3.2em;\n      font-weight: 900;\n      margin-bottom: 30px;\n      position: relative;\n      z-index: 3;\n      text-shadow: 0 4px 15px rgba(244, 228, 166, 0.6);\n      letter-spacing: -0.02em;\n    }\n\n    .impact-text {\n      font-size: 1.3em;\n      line-height: 2;\n      opacity: 0.95;\n      position: relative;\n      z-index: 3;\n      font-weight: 400;\n    }\n\n    .section-header {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n      color: white;\n      padding: 50px;\n      margin: 80px 0 50px 0;\n      border-radius: 25px;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.9);\n      animation: luxuryScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 2px solid rgba(156, 129, 2, 0.3);\n      box-shadow: \n        0 25px 50px rgba(0,0,0,0.3),\n        inset 0 2px 0 rgba(255,255,255,0.1);\n    }\n\n    .section-title {\n      color: #f4e4a6;\n      font-size: 2.8em;\n      font-weight: 900;\n      margin-bottom: 15px;\n      text-shadow: 0 3px 12px rgba(244, 228, 166, 0.5);\n      letter-spacing: -0.02em;\n    }\n\n    .section-subtitle {\n      font-size: 1.2em;\n      opacity: 0.9;\n      font-weight: 300;\n    }\n\n    .features-showcase {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 25px;\n      margin: 50px 0;\n      padding: 0 20px;\n    }\n\n    .feature-highlight {\n      background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n      padding: 30px;\n      border-radius: 20px;\n      text-align: center;\n      box-shadow: \n        0 15px 40px rgba(0,0,0,0.08),\n        0 6px 20px rgba(156, 129, 2, 0.06);\n      border: 1px solid rgba(156, 129, 2, 0.1);\n      opacity: 0;\n      transform: translateY(40px);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .feature-highlight::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 cubic-bezier(0.23, 1, 0.32, 1);\n    }\n\n    .feature-highlight:hover {\n      transform: translateY(-15px);\n      box-shadow: \n        0 25px 60px rgba(0,0,0,0.12),\n        0 10px 30px rgba(156, 129, 2, 0.1);\n    }\n\n    .feature-highlight:hover::before {\n      left: 100%;\n    }\n\n    .feature-icon {\n      width: 50px;\n      height: 50px;\n      margin: 0 auto 20px auto;\n      fill: #9C8102;\n      display: block;\n    }\n\n    .feature-title {\n      color: #9C8102;\n      font-size: 1.1em;\n      font-weight: 700;\n      margin-bottom: 15px;\n    }\n\n    .feature-description {\n      color: #555;\n      font-size: 0.95em;\n      line-height: 1.6;\n    }\n\n    .technology-section {\n      background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n      padding: 60px;\n      border-radius: 25px;\n      margin: 60px 0;\n      border: 2px solid #9C8102;\n      box-shadow: \n        0 20px 40px rgba(0,0,0,0.08),\n        inset 0 2px 0 rgba(255,255,255,0.9);\n    }\n\n    .tech-card {\n      background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n      padding: 40px;\n      border-radius: 20px;\n      margin: 30px 0;\n      box-shadow: \n        0 15px 35px rgba(0,0,0,0.08),\n        0 6px 20px rgba(156, 129, 2, 0.06);\n      border: 1px solid rgba(156, 129, 2, 0.1);\n      opacity: 0;\n      transform: translateX(50px);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .tech-card::after {\n      content: '';\n      position: absolute;\n      top: -2px;\n      left: -2px;\n      right: -2px;\n      bottom: -2px;\n      background: linear-gradient(135deg, #9C8102, #d4af37, #9C8102);\n      border-radius: 22px;\n      z-index: -1;\n      opacity: 0;\n      transition: opacity 0.6s ease;\n    }\n\n    .tech-card:hover {\n      transform: translateX(-15px);\n      box-shadow: \n        0 25px 60px rgba(0,0,0,0.12),\n        0 10px 30px rgba(156, 129, 2, 0.1);\n    }\n\n    .tech-card:hover::after {\n      opacity: 0.3;\n    }\n\n    .tech-title {\n      color: #9C8102;\n      font-size: 2em;\n      font-weight: 800;\n      margin-bottom: 20px;\n      text-shadow: 0 2px 8px rgba(156, 129, 2, 0.3);\n    }\n\n    .tech-subtitle {\n      color: #666;\n      font-size: 1.3em;\n      font-weight: 600;\n      margin-bottom: 25px;\n      font-style: italic;\n    }\n\n    .benefits-list {\n      list-style: none;\n      padding: 0;\n      margin: 25px 0;\n    }\n\n    .benefit-item {\n      background: linear-gradient(135deg, #f1f3f4 0%, #e8eaf6 100%);\n      margin-bottom: 12px;\n      padding: 18px 25px;\n      border-radius: 12px;\n      border-right: 4px solid #9C8102;\n      display: flex;\n      align-items: flex-start;\n      gap: 15px;\n      transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n      color: #333;\n      box-shadow: 0 3px 8px rgba(0,0,0,0.04);\n    }\n\n    .benefit-item:hover {\n      background: linear-gradient(135deg, #e8f4f8 0%, #dce7f5 100%);\n      transform: translateX(-8px);\n      box-shadow: 0 6px 15px rgba(156, 129, 2, 0.1);\n      border-right-color: #d4af37;\n    }\n\n    .benefit-bullet {\n      width: 10px;\n      height: 10px;\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      border-radius: 50%;\n      margin-top: 8px;\n      flex-shrink: 0;\n      box-shadow: 0 2px 6px rgba(156, 129, 2, 0.4);\n    }\n\n    .comparison-section {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n      color: white;\n      padding: 70px;\n      border-radius: 25px;\n      margin: 80px 0;\n      border: 2px solid #9C8102;\n      box-shadow: \n        0 30px 60px rgba(0,0,0,0.4),\n        inset 0 2px 0 rgba(255,255,255,0.1);\n    }\n\n    .comparison-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n      gap: 40px;\n      margin: 50px 0;\n    }\n\n    .comparison-card {\n      background: linear-gradient(135deg, #333 0%, #2a2a2a 100%);\n      padding: 40px;\n      border-radius: 20px;\n      opacity: 0;\n      transform: translateY(30px);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      box-shadow: \n        0 15px 35px rgba(0,0,0,0.3),\n        inset 0 1px 0 rgba(255,255,255,0.1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .comparison-card.premium {\n      border-top: 5px solid #d4af37;\n      background: linear-gradient(135deg, #404040 0%, #353535 100%);\n    }\n\n    .comparison-card.basic {\n      border-top: 5px solid #666;\n    }\n\n    .comparison-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(135deg, rgba(156, 129, 2, 0.05) 0%, transparent 50%);\n      opacity: 0;\n      transition: opacity 0.6s ease;\n    }\n\n    .comparison-card:hover {\n      transform: translateY(-10px);\n    }\n\n    .comparison-card.premium:hover::before {\n      opacity: 1;\n    }\n\n    .comparison-title {\n      font-size: 1.8em;\n      font-weight: 800;\n      margin-bottom: 30px;\n      text-align: center;\n    }\n\n    .comparison-title.premium {\n      color: #f4e4a6;\n      text-shadow: 0 2px 8px rgba(244, 228, 166, 0.5);\n    }\n\n    .comparison-title.basic {\n      color: #ccc;\n    }\n\n    .comparison-list {\n      list-style: none;\n      padding: 0;\n    }\n\n    .comparison-item {\n      padding: 12px 0;\n      border-bottom: 1px solid rgba(255,255,255,0.1);\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .comparison-item:last-child {\n      border-bottom: none;\n    }\n\n    .comparison-check {\n      width: 20px;\n      height: 20px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 12px;\n      font-weight: bold;\n    }\n\n    .comparison-check.premium {\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      color: white;\n    }\n\n    .comparison-check.basic {\n      background: #666;\n      color: white;\n    }\n\n    .cta-final {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 25%, #1a1a1a 50%, #000 75%, #1a1a1a 100%);\n      color: white;\n      padding: 80px;\n      border-radius: 30px;\n      text-align: center;\n      margin: 80px 0;\n      opacity: 0;\n      transform: scale(0.8);\n      animation: luxuryScaleIn 2.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 3px solid #9C8102;\n      position: relative;\n      overflow: hidden;\n      box-shadow: \n        0 50px 100px rgba(0,0,0,0.4),\n        0 20px 50px rgba(156, 129, 2, 0.2),\n        inset 0 2px 0 rgba(255,255,255,0.15);\n    }\n\n    .cta-final::before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 500px;\n      height: 500px;\n      background: radial-gradient(circle, rgba(156, 129, 2, 0.15) 0%, transparent 70%);\n      transform: translate(-50%, -50%);\n      animation: ctaAura 4s ease-in-out infinite;\n    }\n\n    .cta-title {\n      color: #f4e4a6;\n      font-size: 3.5em;\n      font-weight: 900;\n      margin-bottom: 30px;\n      position: relative;\n      z-index: 1;\n      text-shadow: 0 4px 20px rgba(244, 228, 166, 0.7);\n      letter-spacing: -0.02em;\n    }\n\n    .cta-text {\n      font-size: 1.4em;\n      margin: 30px 0;\n      opacity: 0.95;\n      position: relative;\n      z-index: 1;\n      line-height: 1.8;\n      font-weight: 400;\n    }\n\n    .cta-highlight {\n      font-size: 1.6em;\n      font-weight: 800;\n      color: #f4e4a6;\n      margin: 40px 0;\n      animation: luxuryTextGlow 3s ease-in-out infinite;\n      position: relative;\n      z-index: 1;\n      text-shadow: 0 3px 12px rgba(244, 228, 166, 0.6);\n    }\n\n    @keyframes luxuryFadeInUp {\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes luxuryScaleIn {\n      to {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    @keyframes luxuryImageReveal {\n      to {\n        opacity: 1;\n        transform: scale(1) rotateY(0deg) translateZ(0);\n      }\n    }\n\n    @keyframes luxuryUnderline {\n      to { width: 150px; }\n    }\n\n    @keyframes shimmerText {\n      0% { background-position: -200% 0; }\n      100% { background-position: 200% 0; }\n    }\n\n    @keyframes luxuryFloat {\n      0%, 100% { transform: translateY(0px) rotate(0deg); }\n      50% { transform: translateY(-20px) rotate(180deg); }\n    }\n\n    @keyframes luxuryAura {\n      0%, 100% { opacity: 0.8; transform: scale(1) rotate(0deg); }\n      50% { opacity: 1; transform: scale(1.1) rotate(180deg); }\n    }\n\n    @keyframes premiumShimmer {\n      0% { transform: translateX(-100%) skewX(-15deg); }\n      100% { transform: translateX(200%) skewX(-15deg); }\n    }\n\n    @keyframes ctaAura {\n      0%, 100% { \n        transform: translate(-50%, -50%) scale(1); \n        opacity: 0.4; \n      }\n      50% { \n        transform: translate(-50%, -50%) scale(1.4); \n        opacity: 0.1; \n      }\n    }\n\n    @keyframes luxuryTextGlow {\n      0%, 100% { \n        text-shadow: 0 3px 12px rgba(244, 228, 166, 0.6); \n        transform: scale(1);\n      }\n      50% { \n        text-shadow: 0 6px 30px rgba(244, 228, 166, 0.9); \n        transform: scale(1.02);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .main-title {\n        font-size: 2.8em;\n        margin-bottom: 40px;\n      }\n\n      .hero-image {\n        max-width: 90%;\n        border-radius: 20px;\n        margin: 40px auto;\n      }\n      \n      .features-showcase,\n      .comparison-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n        padding: 0 10px;\n      }\n\n      .comparison-grid {\n        grid-template-columns: 1fr;\n      }\n      \n      .impact-section,\n      .section-header,\n      .technology-section,\n      .comparison-section,\n      .cta-final {\n        padding: 40px 25px;\n        margin: 40px 10px;\n      }\n\n      .impact-title {\n        font-size: 2.4em;\n      }\n\n      .section-title {\n        font-size: 2.2em;\n      }\n\n      .cta-title {\n        font-size: 2.6em;\n      }\n\n      .tech-card {\n        padding: 30px 20px;\n        border-radius: 15px;\n      }\n\n      .comparison-card {\n        padding: 25px 20px;\n      }\n\n      .benefit-item {\n        padding: 15px 18px;\n        margin-bottom: 10px;\n      }\n    }\n\n    @media (max-width: 480px) {\n      .main-title {\n        font-size: 2.2em;\n        letter-spacing: -0.01em;\n      }\n\n      .impact-section,\n      .section-header,\n      .technology-section,\n      .comparison-section,\n      .cta-final {\n        padding: 30px 20px;\n        border-radius: 20px;\n      }\n\n      .impact-title {\n        font-size: 2em;\n      }\n\n      .section-title {\n        font-size: 1.9em;\n      }\n\n      .cta-title {\n        font-size: 2.2em;\n      }\n\n      .tech-title {\n        font-size: 1.6em;\n      }\n\n      .comparison-title {\n        font-size: 1.5em;\n      }\n\n      .cta-highlight {\n        font-size: 1.3em;\n      }\n\n      .cta-text {\n        font-size: 1.2em;\n      }\n    }\n  \u003c\/style\u003e\n\u003c!-- Main Title --\u003e\n\u003ch1 class=\"main-title\"\u003e라로슈포제 안텔리오스 UVMune 400 - 자외선 차단 부문 세계 1위 브랜드\u003c\/h1\u003e\n\u003c!-- Hero Image --\u003e\n\u003cimg alt=\"La Roche Posay Anthelios UVMune 400\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/laroch_posay_sunscreen.png?v=1753602772\"\/\u003e\n\u003c!-- Impact Section --\u003e\n\u003cdiv class=\"impact-section\"\u003e\n\u003ch2 class=\"impact-title\"\u003e라로슈포제(La Roche Posay)가 전 세계 수백만 명의 사람들이 가장 먼저 선택하는 이유는 무엇입니까?\u003c\/h2\u003e\n\u003cdiv class=\"impact-text\"\u003e\n\u003cp\u003e\u003cstrong\u003e그 어떤 브랜드보다 의사들이 신뢰하는 브랜드\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e전 세계 자외선 차단 제품 1위 브랜드\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e전 세계 90,000명의 피부과 전문의가 추천하는 제품\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e민감한 피부를 보호하기 위한 30년간의 연구\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e최고의 실험실에서 탄생한 프랑스의 앞선 기술\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e다른 브랜드에는 없는 독보적인 기술 MEXORYL400을 보유한 유일한 기업\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Features Showcase --\u003e\n\u003cdiv class=\"features-showcase\"\u003e\n\u003cdiv class=\"feature-highlight\"\u003e\n\u003csvg class=\"feature-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch3 class=\"feature-title\"\u003e세계 1위 브랜드\u003c\/h3\u003e\n\u003cp class=\"feature-description\"\u003e전 세계적으로 가장 많이 팔리는 자외선 차단 브랜드\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-highlight\"\u003e\n\u003csvg class=\"feature-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.1 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch3 class=\"feature-title\"\u003e30년간의 연구\u003c\/h3\u003e\n\u003cp class=\"feature-description\"\u003e30년 간의 개발과 혁신\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-highlight\"\u003e\n\u003csvg class=\"feature-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch3 class=\"feature-title\"\u003e의사 90,000명\u003c\/h3\u003e\n\u003cp class=\"feature-description\"\u003e라로슈포제(La Roche Posay)는 국제적으로 추천됩니다\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-highlight\"\u003e\n\u003csvg class=\"feature-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch3 class=\"feature-title\"\u003eMEXORYL400 독점\u003c\/h3\u003e\n\u003cp class=\"feature-description\"\u003e다른 어떤 제품에도 없는 독특한 기술\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- MEXORYL400 Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eMEXORYL400 - 자외선 차단에 대한 이해를 바꿔줄 전용 필터\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003e다른 어떤 제품에서도 찾아볼 수 없는 혁명적인 과학적 발견\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003e울트라 롱 UVA란 무엇입니까?\u003c\/h3\u003e\n\u003cp class=\"tech-subtitle\"\u003e대부분의 사람들은 UVA와 UVB에 대해 알고 있습니다. 그러나 Ultra Long UVA라는 세 번째 유형의 광선이 있다는 사실은 아무도 모릅니다.\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e다른 어떤 방사선보다 피부 깊숙이 침투합니다.\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e피부 깊은 곳까지 손상을 주게 됩니다\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e조기 노화와 깊은 색소침착을 담당하는\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e이를 막아줄 수 있는 일반 자외선 차단제는 없습니다.\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003eMEXORYL400 - 유일한 솔루션\u003c\/h3\u003e\n\u003cp class=\"tech-subtitle\"\u003e라로슈포제(La Roche Posay)는 이러한 유형의 방사선을 차단할 수 있는 필터를 개발한 세계 유일의 회사입니다.\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e3가지 유형의 광선으로부터 보호:\u003c\/strong\u003e UVB + UVA + Ultra Long UVA\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e독점 기술\u003c\/strong\u003e 다른 브랜드에서는 찾아볼 수 없는\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e깊은 세포 손상에 대한 포괄적인 보호\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e여느 선바이저와 다른 점은 일반 자동차와 장갑차의 차이와 같습니다.\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: center; margin-top: 30px; padding: 20px; background: linear-gradient(135deg, #9C8102, #d4af37); color: white; border-radius: 10px;\"\u003e\n\u003cp style=\"font-weight: bold;\"\u003e결과: 다른 자외선 차단제처럼 불완전하지 않은 완벽한 보호\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- AIRLICIUM Technology Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003e강화된 AIRLICIUM 기술 - 광택 제어력이 10배 향상되었습니다.\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003e지성피부의 가장 큰 고민을 해결한 기술\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003eAIRLICIUM 기술이란 무엇입니까?\u003c\/h3\u003e\n\u003cp class=\"tech-subtitle\"\u003e고급 프랑스 기술이 얼굴의 모든 빛을 흡수합니다.\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e과잉 오일을 흡수합니다\u003c\/strong\u003e 피부에서 바로\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e땀 조절\u003c\/strong\u003e 그리고 과도한 습도\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e대기 습도에 저항\u003c\/strong\u003e 얼굴을 빛나게 만들어주는 사람\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e몇 시간 동안 지속되는 매트한 마무리\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003e새롭게 개선된 버전\u003c\/h3\u003e\n\u003cp class=\"tech-subtitle\"\u003e라로슈포제, 10배 더 강한 기술 개발\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e더욱 빠르고 깊게 흡수\u003c\/strong\u003e 지방의 경우\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e더 긴 광택 제어\u003c\/strong\u003e 최대 8시간까지 배달\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e땀에 대한 저항력이 높아짐\u003c\/strong\u003e 그리고 습도\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e좀 더 가볍고 부드러운 느낌\u003c\/strong\u003e 이전 버전부터\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: center; margin-top: 30px; padding: 20px; background: linear-gradient(135deg, #f4e4a6, #d4af37); border-radius: 10px;\"\u003e\n\u003cp style=\"font-weight: bold; color: #333;\"\u003e그 결과, 덥고 습한 날씨에도 하루 종일 보송보송하고 매끈한 피부를 선사합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Cell-Ox Shield Technology Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eCell-Ox Shield 기술 - 세포 손상에 대한 스마트 쉴드\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003e단순한 자외선 차단이 아닌...기존 손상을 복구하는 역할\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003e셀옥스 쉴드(Cell-Ox Shield)란?\u003c\/h3\u003e\n\u003cp class=\"tech-subtitle\"\u003e두 가지 수준으로 작용하는 고급 항산화 기술\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e고정 보호 필터\u003c\/strong\u003e UVA\/UVB 방지\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e강력한 항산화제\u003c\/strong\u003e 자유 라디칼과 싸웁니다.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e센나 알라타 추출물\u003c\/strong\u003e - 피부 세포를 보호하는 천연 식물\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e기존 손상 수리\u003c\/strong\u003e 이전에 태양에 노출되어\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; font-size: 1.4em; margin: 25px 0 15px 0;\"\u003e두 배의 결과\u003c\/h4\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e즉각적인 보호\u003c\/strong\u003e 유해한 광선으로부터\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e점진적인 치료\u003c\/strong\u003e 기존 잡티 및 색소침착의 경우\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e피부 면역력 강화\u003c\/strong\u003e 외부 요인에 대비하여\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e노화 징후 지연\u003c\/strong\u003e 그리고 주름\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Active Ingredients Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003e치료 성분이 풍부한 포뮬라\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003e단순한 보호가 아닌 피부를 위한 완벽한 트리트먼트입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003eLa Roche-Posay Thermal Spring Water\u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e치료용 온천수\u003c\/strong\u003e 프랑스에서\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e셀레늄이 풍부\u003c\/strong\u003e - 강력한 천연 항산화제\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e민감한 피부를 진정시킵니다.\u003c\/strong\u003e 그리고 염증이 생겼어요\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e손상 치유에 도움\u003c\/strong\u003e 미성년자\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003e나이아신아마이드(비타민 B3)\u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e지방분비를 조절한다\u003c\/strong\u003e 모공 크기를 줄여줍니다.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e어두운 부분을 밝게 합니다.\u003c\/strong\u003e 피부톤을 통일시켜주네요\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e피부 장벽을 강화합니다.\u003c\/strong\u003e 자연적인\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e염증을 진정시킵니다\u003c\/strong\u003e 그리고 발적\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003e글리세린 + 판테놀(비타민 B5)\u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e깊은 수분 공급\u003c\/strong\u003e 기름기 없이\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e피부의 부드러움을 유지해줍니다\u003c\/strong\u003e 그리고 그 부드러움\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e치유에 도움이 된다\u003c\/strong\u003e 경미한 상처\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e피부 자극을 줄입니다.\u003c\/strong\u003e 민감한\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Comparison Section --\u003e\n\u003cdiv class=\"comparison-section\"\u003e\n\u003ch2 style=\"color: #f4e4a6; font-size: 2.8em; text-align: center; margin-bottom: 20px; font-weight: 900;\"\u003e다른 자외선 차단제와 비교하면 차이점은 분명합니다.\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.3em; margin-bottom: 40px; opacity: 0.9;\"\u003e라로슈포제(La Roche Posay)는 다른 자외선 차단제와 비교하여\u003c\/p\u003e\n\u003cdiv class=\"comparison-grid\"\u003e\n\u003cdiv class=\"comparison-card basic\"\u003e\n\u003ch3 class=\"comparison-title basic\"\u003e일반 자외선 차단제\u003c\/h3\u003e\n\u003cul class=\"comparison-list\"\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003eUVA + UVB 보호만 가능\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003e기본 화학 성분\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003e기름진 질감 또는 투명한 백색\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003e물과 땀에 대한 저항력이 제한됨\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e결과:\u003c\/strong\u003e 측면 문제로 인한 부적절한 보호\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card premium\"\u003e\n\u003ch3 class=\"comparison-title premium\"\u003eLa Roche Posay Anthelios UVMune 400\u003c\/h3\u003e\n\u003cul class=\"comparison-list\"\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eUVA + UVB + 매우 긴 UVA 보호\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e독점적인 MEXORYL400 기술\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e부드럽고 매트한 젤크림 텍스처\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e물, 땀, 모래에 대한 탁월한 저항성\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e치료 성분을 첨가했습니다.\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e결과:\u003c\/strong\u003e 종합적인 보호 + 치료 + 완벽한 편안함\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 40px; padding: 30px; background: linear-gradient(135deg, #9C8102, #d4af37); color: white; border-radius: 15px; position: relative; z-index: 3;\"\u003e\n\u003cp style=\"font-size: 1.4em; font-weight: bold;\"\u003e결론: 단순히 가격의 차이가 아니라 보호 수준과 품질의 차이입니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"cta-final\"\u003e\n\u003ch2 class=\"cta-title\"\u003e단순히 제품을 구매하는 것이 아닙니다. 30년 간의 과학 연구 결과를 구매하는 것입니다.\u003c\/h2\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003cp\u003e\u003cstrong\u003e당신은 전 세계 90,000명의 의사들의 신뢰를 사고 있습니다.\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=\"cta-highlight\"\u003e\n      지금 주문하세요. 지연으로 인해 피부가 대가를 치르지 않도록 하세요.\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Enhanced Intersection Observer\n    const luxuryObserverOptions = {\n      threshold: 0.1,\n      rootMargin: '0px 0px -80px 0px'\n    };\n\n    const luxuryObserver = new IntersectionObserver((entries) =\u003e {\n      entries.forEach(entry =\u003e {\n        if (entry.isIntersecting) {\n          const element = entry.target;\n          \n          if (element.classList.contains('feature-highlight')) {\n            element.style.animation = 'luxuryFadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('section-header')) {\n            element.style.animation = 'luxuryScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('tech-card')) {\n            element.style.animation = 'luxuryFadeInUp 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('comparison-card')) {\n            element.style.animation = 'luxuryFadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('impact-section')) {\n            element.style.animation = 'luxuryScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('technology-section')) {\n            element.style.animation = 'luxuryScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('comparison-section')) {\n            element.style.animation = 'luxuryScaleIn 1.8s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('cta-final')) {\n            element.style.animation = 'luxuryScaleIn 2.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          }\n        }\n      });\n    }, luxuryObserverOptions);\n\n    \/\/ Initialize luxury animations\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n      const animatedElements = document.querySelectorAll('.feature-highlight, .section-header, .tech-card, .comparison-card, .impact-section, .technology-section, .comparison-section, .cta-final');\n      \n      animatedElements.forEach(el =\u003e {\n        luxuryObserver.observe(el);\n      });\n\n      \/\/ Luxury staggered delays\n      const featureHighlights = document.querySelectorAll('.feature-highlight');\n      featureHighlights.forEach((highlight, index) =\u003e {\n        highlight.style.animationDelay = `${index * 0.15}s`;\n      });\n\n      const comparisonCards = document.querySelectorAll('.comparison-card');\n      comparisonCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.3}s`;\n      });\n\n      \/\/ Premium particle effects\n      const techCards = document.querySelectorAll('.tech-card');\n      techCards.forEach(card =\u003e {\n        card.addEventListener('mouseenter', () =\u003e {\n          createPremiumParticles(card);\n        });\n      });\n\n      \/\/ Enhanced particle creation\n      function createPremiumParticles(element) {\n        for (let i = 0; i \u003c 8; i++) {\n          const particle = document.createElement('div');\n          particle.style.cssText = `\n            position: absolute;\n            width: ${Math.random() * 4 + 2}px;\n            height: ${Math.random() * 4 + 2}px;\n            background: linear-gradient(135deg, #f4e4a6, #d4af37, #9C8102);\n            border-radius: 50%;\n            pointer-events: none;\n            z-index: 100;\n            box-shadow: 0 0 6px rgba(244, 228, 166, 0.8);\n          `;\n          \n          const rect = element.getBoundingClientRect();\n          particle.style.left = Math.random() * rect.width + 'px';\n          particle.style.top = Math.random() * rect.height + 'px';\n          \n          element.appendChild(particle);\n          \n          particle.animate([\n            { \n              transform: 'translateY(0px) scale(1) rotate(0deg)', \n              opacity: 1,\n              filter: 'brightness(1)'\n            },\n            { \n              transform: `translateY(-60px) scale(0) rotate(${Math.random() * 720}deg)`, \n              opacity: 0,\n              filter: 'brightness(1.5)'\n            }\n          ], {\n            duration: 2000,\n            easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n          }).onfinish = () =\u003e particle.remove();\n        }\n      }\n\n      \/\/ Luxury magnetic hover effects\n      const allCards = document.querySelectorAll('.tech-card, .comparison-card, .feature-highlight');\n      allCards.forEach(card =\u003e {\n        card.addEventListener('mousemove', (e) =\u003e {\n          const rect = card.getBoundingClientRect();\n          const x = e.clientX - rect.left;\n          const y = e.clientY - rect.top;\n          const centerX = rect.width \/ 2;\n          const centerY = rect.height \/ 2;\n          const deltaX = (x - centerX) \/ centerX;\n          const deltaY = (y - centerY) \/ centerY;\n          \n          card.style.transform = `\n            perspective(1000px) \n            rotateY(${deltaX * 3}deg) \n            rotateX(${-deltaY * 3}deg) \n            translateZ(6px)\n          `;\n        });\n        \n        card.addEventListener('mouseleave', () =\u003e {\n          card.style.transform = '';\n        });\n      });\n\n      \/\/ Premium sparkle effects\n      setInterval(() =\u003e {\n        const targetSections = ['.impact-section', '.section-header', '.cta-final'];\n        targetSections.forEach(selector =\u003e {\n          const section = document.querySelector(selector);\n          if (section \u0026\u0026 Math.random() \u003e 0.6) {\n            const sparkle = document.createElement('div');\n            sparkle.style.cssText = `\n              position: absolute;\n              width: ${Math.random() * 3 + 1}px;\n              height: ${Math.random() * 3 + 1}px;\n              background: linear-gradient(135deg, #f4e4a6, #d4af37);\n              border-radius: 50%;\n              pointer-events: none;\n              z-index: 10;\n              left: ${Math.random() * section.offsetWidth}px;\n              top: ${Math.random() * section.offsetHeight}px;\n              box-shadow: 0 0 8px rgba(244, 228, 166, 0.9);\n            `;\n            \n            section.appendChild(sparkle);\n            \n            sparkle.animate([\n              { \n                transform: 'scale(0) rotate(0deg)', \n                opacity: 0,\n                filter: 'brightness(1)'\n              },\n              { \n                transform: 'scale(1) rotate(180deg)', \n                opacity: 1,\n                filter: 'brightness(1.6)'\n              },\n              { \n                transform: 'scale(0) rotate(360deg)', \n                opacity: 0,\n                filter: 'brightness(0.5)'\n              }\n            ], {\n              duration: 3000,\n              easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n            }).onfinish = () =\u003e sparkle.remove();\n          }\n        });\n      }, 3000);\n\n      \/\/ Luxury ripple effect on click\n      document.addEventListener('click', (e) =\u003e {\n        if (e.target.closest('.tech-card, .comparison-card, .feature-highlight')) {\n          const element = e.target.closest('.tech-card, .comparison-card, .feature-highlight');\n          const rect = element.getBoundingClientRect();\n          const ripple = document.createElement('div');\n          \n          ripple.style.cssText = `\n            position: absolute;\n            border-radius: 50%;\n            background: radial-gradient(circle, rgba(244, 228, 166, 0.3) 0%, transparent 70%);\n            pointer-events: none;\n            z-index: 50;\n            width: 25px;\n            height: 25px;\n            left: ${e.clientX - rect.left - 12.5}px;\n            top: ${e.clientY - rect.top - 12.5}px;\n          `;\n          \n          element.appendChild(ripple);\n          \n          ripple.animate([\n            { transform: 'scale(0)', opacity: 1 },\n            { transform: 'scale(4)', opacity: 0 }\n          ], {\n            duration: 600,\n            easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n          }).onfinish = () =\u003e ripple.remove();\n        }\n      });\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"LA ROCHE POSAY","offers":[{"title":"Default Title","offer_id":44946608259269,"sku":null,"price":900.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/LaRochePosay-Product-Skincare-Anthelios-UV-Pro-Sport-ATF-PIM-packshot-front-shadow.webp?v=1753602552"},{"product_id":"skin-1004-madagascar-centella-hyalu-cica-water-fit-sun-serum-spf-50-50-ml","title":"센텔라 마다가스카르와 히알로 시카가 함유된 SKIN1004 선스크린 워터 세럼 (SPF 50+ | 50 ml)","description":"\u003c!-- SKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum - Converted to Universal CSS System --\u003e\n\u003cdiv class=\"ph-product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"ph-hero-section\"\u003e\n\u003cdiv class=\"ph-floating-particles\"\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"ph-hero-title\"\u003e처음 사용부터 태양을 사랑하게 만드는 자외선 차단제\u003c\/h1\u003e\n\u003cp class=\"ph-hero-subtitle\"\u003e\u003cstrong\u003e그냥 평범한 자외선 차단제가 아닙니다. 센텔라와 히알루론산이 함유되어 SPF50+ PA++++로 탁월한 보호력을 선사하는 통합 케어 세럼입니다.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Image --\u003e\n\u003cimg alt=\"SKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_5.webp?v=1754232167\"\/\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"ph-product-showcase\"\u003e\n\u003ch2 class=\"ph-product-name\"\u003eSKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum\u003c\/h2\u003e\n\u003cp class=\"ph-product-intro\"\u003e\n      이 자외선 차단제는 지금까지 시도한 어떤 자외선 차단제와도 다릅니다.당신을 보호하고, 수분을 공급하고, 동시에 빛나게 해주는 자외선 차단제를 상상해 보십시오.자외선 차단제를 바르고 피부에 전혀 닿는 느낌이 들지 않는다고 상상해 보세요.백탁, 끈적임, 끈적임 없이 강력한 자외선 차단 효과를 상상해 보십시오.이건 상상이 아니야...이것 \u003cstrong\u003eSKIN1004 Centella Hyalu-Cica Water-Fit Sun Serum\u003c\/strong\u003e.그냥 평범한 자외선 차단제가 아닌... 탁월한 보호력을 갖춘 토털 케어 세럼입니다.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 2 --\u003e\n\u003cimg alt=\"스킨1004 선세럼의 장점\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_2.webp?v=1754232166\"\/\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003e보호+케어+뷰티를 하나의 제품으로 - 6가지 탁월한 혜택\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003e\n      최초로 결합된 가장 강력한 천연 성분\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-benefits-grid\"\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e50\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003e탁월한 보호 SPF50+ PA++++\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e한국의 첨단 보호 기술로 유해한 UVA, UVB 광선을 가장 강력하게 차단합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eH\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003e히알루론산으로 깊은 수분 공급\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e3가지 분자 크기로 피부를 하루종일 촉촉하게 유지시켜줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eC\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003e피부 감염을 진정시킵니다.\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e마다가스카르산 병풀추출물 9800ppm 농축으로 즉각적인 진정 효과\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eW\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003e가벼운 워터리 텍스처\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e흔적도 없이 피부 속으로 사라지고, 완전히 투명하며 모든 피부톤에 적합합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eG\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003e즉각적인 자연스러운 광채\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e나이아신아마이드 함유로 피부를 건강하게 빛나게 해주고, 피부톤을 균일하게 가꿔줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eS\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003e민감한 피부에도 안전함\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e저자극성 및 피부과 전문의 테스트 완료\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section Header for Magic Formula --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003e마법의 공식: 보호 + 관리 + 아름다움을 하나의 제품으로\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003e최초로 결합된 가장 강력한 천연 성분\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 3 --\u003e\n\u003cimg alt=\"SKIN1004 매직포뮬러\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_4.webp?v=1754232167\"\/\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"ph-how-it-works\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003e고급 과학 구성 요소\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003e\n      완벽한 조화를 이루는 4가지 강력한 성분 조합\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-mechanism-cards\"\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003e마다가스카르 센텔라 추출물 9800ppm - Al-Mahdi Natural\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003e세계에서 가장 순수하고 강력한 마다가스카르산 센텔라\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e센텔라는 가장 심각한 자극과 발적을 단 몇 초 만에 진정시키는 능력을 지닌 기적의 허브입니다.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ph-feature-list white\"\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=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003e3가지 분자 크기의 히알루론산 - 깊은 보습\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003e피부의 모든 층에 수분을 공급하는 첨단 기술\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003e마법은 다양성에 있습니다.\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\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\u003e1000배 보습:\u003c\/strong\u003e 물 속의 분자의 무게\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003e나이아신아마이드 - 색소 침착 치료\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003e피부톤을 균일하게 해주고 보호해주는 비타민B3\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003e다양한 이점:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\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=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003e천연 항산화제 - 포괄적인 보호\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003e산화 손상은 조기 노화와 완고한 색소 침착의 가장 큰 원인입니다\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003e수비팀:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\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!-- Problem Section (Comparison) --\u003e\n\u003cdiv class=\"ph-problem-section\"\u003e\n\u003ch2 class=\"ph-problem-title\"\u003eSKIN1004가 다른 자외선 차단제와 다른 이유는 무엇인가요?\u003c\/h2\u003e\n\u003ch3 class=\"ph-problem-subtitle\"\u003e\n\u003cstrong\u003e일반 자외선 차단제 vs SKIN1004 - 차이는 분명합니다\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cp class=\"ph-problem-text\"\u003e\n      시중에서 판매되는 대부분의 자외선 차단제는 보호에만 중점을 두지만 피부를 건조하거나 지성으로 만들거나 성가신 흰색 층을 남깁니다.흐린 날에도 태양 광선은 피부에 해를 끼치며, 적절한 보호가 이루어지지 않으면 매일 피부 세포가 더욱 손상됩니다.\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-problem-details\"\u003e\n\u003ch4 class=\"ph-problem-detail-title\"\u003e종합적인 비교:\u003c\/h4\u003e\n\u003cdiv class=\"ph-problem-grid\"\u003e\n\u003cdiv class=\"ph-problem-detail-card\"\u003e\n\u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003e전통적인 자외선 차단제\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ 끈적이지 않고 끈적한 텍스처가 피부를 달지 않고 윤기나게 만들어줍니다.\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ 몇 시간 동안 피부에 나타나는 맑은 백색감\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ 건조함과 자극, 특히 민감한 피부의 경우\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ 추가 혜택 없이 보호만 가능\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ 제거가 어렵고 모공을 막히게 함\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-problem-detail-card\"\u003e\n\u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eSKIN1004 Centella Hyalu-Cica Sun Serum\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ 몇 초 만에 사라지는 가벼운 워터리 텍스처\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ 완전히 투명하여 모든 피부톤에 적합합니다.\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ 보호 기능으로 수분을 공급하고 진정시킵니다.\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ 피부를 보호하면서 통합 스킨 케어\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ 탈부착이 간편하여 데일리로 사용하기에도 편안합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ph-problem-highlight\"\u003e\n\u003cstrong\u003e보호는 사치가 아니라 피부의 건강과 아름다움을 위한 필수품입니다\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 4 --\u003e\n\u003cimg alt=\"SKIN1004를 다른 제품과 비교해보세요\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_1.webp?v=1754232167\"\/\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"ph-timeline-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003e보호와 아름다움의 여정 - 첫날과의 차이점을 확인하세요\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003e단순한 보호가 아닌...피부를 위한 종합적인 개선입니다.\u003c\/p\u003e\n\u003cdiv class=\"ph-timeline-container\"\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003e처음 사용부터\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003e즐거운 놀라움\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e가장 강한 태양 광선으로부터 즉각적인 보호\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e오랜 시간 동안 깊은 수분 공급이 선호됩니다\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e백탁이나 유분감 없이 자연스러운 광채\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e민감한 피부에도 완벽한 편안함\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003e일주일 후\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003e명백한 개선\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e피부가 눈에 띄게 매끄러워지고 탄력있어졌어요\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e붉은기와 피부 염증 감소\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e피부톤이 좋아지고 자연스러운 윤기가 나네요\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e햇볕에 타지 않고 입증된 보호\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003e한 달 후\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003e지속적인 개선\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e깊은 수분 공급으로 더욱 건강하고 생기 넘치는 피부\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e피부결 및 매끄러움 개선\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e모든 태양 손상 및 오염으로부터 강력한 보호\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e매일 제품을 사용하는 것에 대한 더 큰 자신감\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003e3개월 후\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003e완벽한 보호 및 관리\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e태양 손상과 노화로부터 피부를 100% 보호\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e천연 성분으로 전반적인 피부 건강 개선\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003e지속되는 광채와 자연스러운 생기\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\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\u003cp class=\"ph-timeline-conclusion\"\u003e\n      단순한 보호가 아닌... 장기적으로 피부를 위한 종합적인 개선입니다.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 5 --\u003e\n\u003cimg alt=\"SKIN1004와 함께하는 개선의 여정\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_1.jpg?v=1754232167\"\/\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"ph-usage-section\"\u003e\n\u003ch2 class=\"ph-usage-title\"\u003e최적의 적용 방법 - 최대의 보호 및 아름다움을 위해\u003c\/h2\u003e\n\u003cp class=\"ph-usage-subtitle\"\u003e완벽한 결과를 위한 간단한 단계\u003c\/p\u003e\n\u003cdiv class=\"ph-usage-steps\"\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003e아침에\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003e적절한 로션으로 세안하고, 평소 사용하는 보습제로 피부에 수분을 공급한 후, 보습제가 마를 때까지 5분간 기다린 후 적당량의 세럼과 자외선 차단제를 발라줍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003e신청방법\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003e동전 크기(1티스푼 정도)를 짜서 얼굴과 목 전체에 부드럽게 펴 바르고 완전히 흡수될 때까지 가볍게 두드려준 후 5분 정도 기다린 후 메이크업을 해주세요.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003e재신청\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003e직사광선에 노출된 경우, 수영 후 또는 땀을 많이 흘린 후 2시간마다.가벼운 메이크업 위에도 바르기 편한\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003e중요한 팁\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003e최상의 결과를 위해 매일 사용하세요. 자외선 차단제와 메이크업 아래에 적합하며 자주 사용해도 안전합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-tips\"\u003e\n\u003ch3 class=\"ph-usage-tips-title\"\u003e자외선 차단제가 현명한 투자인 이유는 무엇입니까?\u003c\/h3\u003e\n\u003cdiv class=\"ph-usage-tips-grid\"\u003e\n\u003cdiv class=\"ph-usage-tips-column\"\u003e\n\u003ch4 class=\"ph-usage-tips-subtitle advanced\"\u003e원래 한국 품질:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\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만족도 95% 이상\u003c\/strong\u003e 전 세계 사용자로부터\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-tips-column\"\u003e\n\u003ch4 class=\"ph-usage-tips-subtitle additional\"\u003e피부를 위한 현명한 투자:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\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!-- Warning Section --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003e중요 경고: 피부는 매일 보호가 필요합니다\u003c\/h2\u003e\n\u003cdiv class=\"ph-warning-content\"\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\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!-- Product Image 6 --\u003e\n\u003cimg alt=\"일상적인 보호의 중요성\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_3.webp?v=1754232167\"\/\u003e\n\u003c!-- Social Proof --\u003e\n\u003cdiv class=\"ph-social-proof\"\u003e\n\u003ch2 class=\"ph-social-proof-title\"\u003eSKIN1004는 단순한 자외선 차단제가 아닌, 피부의 미래를 위한 투자입니다.\u003c\/h2\u003e\n\u003cdiv class=\"ph-proof-grid\"\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eK\u003c\/div\u003e\n\u003ch4\u003e한국 오리지널 품질\u003c\/h4\u003e\n\u003cp\u003e한국에서 가장 유명한 센텔라 제품 전문 브랜드 중 하나 - 앞선 보호 기술로 글로벌 신뢰와 품질 입증\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eV\u003c\/div\u003e\n\u003ch4\u003e훌륭한 가치를 위한 합리적인 가격\u003c\/h4\u003e\n\u003cp\u003e더 비싸고 주요 활성 성분을 함유한 대부분의 고급 자외선 차단제보다 저렴합니다 - 피부 건강을 위한 현명한 투자\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e95\u003c\/div\u003e\n\u003ch4\u003e전 세계적으로 입증된 성공\u003c\/h4\u003e\n\u003cp\u003e전 세계 사용자 95% 이상의 만족도 - 폭넓은 성공과 좋은 평가를 받은 제품\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eA\u003c\/div\u003e\n\u003ch4\u003e안전하고 누구에게나 적합함\u003c\/h4\u003e\n\u003cp\u003e저자극성 및 피부과 테스트 완료 - 민감한 피부 및 매일 사용하기에 적합\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eU\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!-- Final CTA --\u003e\n\u003cdiv class=\"ph-cta-section\"\u003e\n\u003cdiv class=\"ph-floating-particles\"\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"ph-cta-title\"\u003e오늘도 피부를 보호하고... 앞으로도 감사하도록 해주세요\u003c\/h2\u003e\n\u003cp class=\"ph-cta-text\"\u003e\n\u003cstrong\u003eSKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum\u003c\/strong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\n      적절한 보호가 이루어지지 않으면 피부 세포는 매일 더욱 손상됩니다.\u003cbr\/\u003e\n      매주 노화의 징후가 더 빨리 나타나도록 방치하십시오.\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-cta-content\"\u003e\n\u003cp class=\"ph-cta-highlight\"\u003e두려움 없이 햇빛을 즐겨라\u003c\/p\u003e\n\u003cp class=\"ph-cta-subtext\"\u003e가장 강력한 보호력과 가장 부드러운 사용감으로 처음 사용부터 태양을 사랑하게 만드는 자외선 차단제\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003e전체 성분 목록\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-ingredients-list\"\u003e\n\u003ch2 class=\"ph-ingredients-list-title\"\u003e활성 성분 및 완전한 포뮬러\u003c\/h2\u003e\n\u003cdiv class=\"ph-ingredients-text\"\u003e\n\u003cstrong\u003e주요 활성 성분:\u003c\/strong\u003e\u003cbr\/\u003e\n      • \u003cstrong\u003eCentella Asiatica Extract (9800ppm)\u003c\/strong\u003e - 진정을 위한 마다가스카르 센텔라\u003cbr\/\u003e\n      • \u003cstrong\u003eHyaluronic Acid Complex (3 sizes)\u003c\/strong\u003e - 깊은 수분 공급을 위한 히알루론산\u003cbr\/\u003e\n      • \u003cstrong\u003eNiacinamide\u003c\/strong\u003e - 컬러를 통일해주는 비타민B3\u003cbr\/\u003e\n      • \u003cstrong\u003eNatural Antioxidants\u003c\/strong\u003e - 천연 항산화제\u003cbr\/\u003e\n      • \u003cstrong\u003eSPF50+ PA++++ Filters\u003c\/strong\u003e - 고급 보호 필터\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong\u003e전체 성분 목록(INCI):\u003c\/strong\u003e\u003cbr\/\u003e\n      Water, Dibutyl Adipate, Propanediol, Diethylamino Hydroxybenzoyl Hexyl Benzoate, Polymethylsilsesquioxane, Ethylhexyl Triazone, Methylene Bis-Benzotriazolyl Tetramethylbutylphenol, Niacinamide, Coco-Caprylate\/Caprate, Caprylyl Methicone, Diethylhexyl Butamido Triazone, Glycerin, 1,2-Hexanediol, Butylene Glycol, Centella Asiatica Extract(9800ppm), Betula Platyphylla Japonica Bark Extract, Ginkgo Biloba Leaf Extract, Camellia Sinensis Leaf Extract, Triticum Vulgare (Wheat) Sprout Extract, Medicago Sativa (Alfalfa) Extract, Brassica Oleracea Italica (Broccoli) Sprout Extract, Eruca Sativa Leaf Extract, Camellia Japonica Leaf Extract, Sodium Hyaluronate(10ppm), Behenyl Alcohol, Poly C10-30 Alkyl Acrylate, Polyglyceryl-3 Methylglucose Distearate, Decyl Glucoside, Tromethamine, Carbomer, Acrylates\/C10-30 Alkyl Acrylate Crosspolymer, Sodium Stearoyl Glutamate, Polyacrylate Crosspolymer-6, Adenosine, Xanthan Gum, T-Butyl Alcohol, Tocopherol, Hydrolyzed Hyaluronic Acid(1ppm), Inositol, Hyaluronic Acid(0.01ppm), Pentylene Glycol, Ethylhexylglycerin\n    \u003c\/div\u003e\n\u003cdiv class=\"ph-ingredients-safety\"\u003e\n\u003cp class=\"ph-ingredients-safety-text\"\u003e\n\u003cstrong\u003e✓ 저자극성\u003c\/strong\u003e - 피부과 연구실\u003cbr\/\u003e\n\u003cstrong\u003e✓ 민감한 피부에 적합\u003c\/strong\u003e - 부드럽고 안전한 포뮬라\u003cbr\/\u003e\n\u003cstrong\u003e✓ 광범위한 스펙트럼 보호\u003c\/strong\u003e - UVA, UVB 및 유해 광선 차단\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":44977044652229,"sku":null,"price":900.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_1.jpg?v=1754232167"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/collections\/mntjat-alwqayt-mn-alshms.jpg?v=1627644158","url":"https:\/\/instachiq.com\/ko\/collections\/sunscreens-sunblockers.oembed","provider":"Instachiq","version":"1.0","type":"link"}