{"title":"Protetores solares de amplo espectro e defesa FPS","description":"\u003ch3 style=\"text-align: left;\"\u003e\u003cbr\/\u003e\u003c\/h3\u003e\n\u003ch3 style=\"text-align: left;\"\u003eA luz solar é a principal causa do câncer de pele e do envelhecimento\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003eCedo!\u003c\/h3\u003e\n\u003cp data-mce-fragment=\"1\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003eSe você pensa que a principal fonte de luz e vida no planeta nunca poderia ser uma das maiores causas\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003eCâncer de pele e melanoma, aconselho você a pensar duas vezes.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003eMais de 70% dos egípcios ignoram o uso de protetores solares, não percebendo o perigo causado pelos raios ultravioleta que causam rugas e câncer de pele. \u003c\/p\u003e\n\u003ch3 data-mce-fragment=\"1\" style=\"text-align: left;\"\u003eEntão, como você pode se beneficiar da luz solar e, ao mesmo tempo, evitar seus danos?\u003c\/h3\u003e\n\u003cp data-mce-fragment=\"1\" style=\"text-align: left;\"\u003eA resposta: filtrando e bloqueando a luz solar prejudicial através de produtos testados pelos nossos laboratórios e clientes\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":"Protetor solar com cera de abelha da Beesline FPS 50","description":"\u003cp data-mce-fragment=\"1\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003eProteja a pele dos danos dos raios solares ultravioleta e do aparecimento de sinais de envelhecimento.Preparado para se adequar a peles sensíveis, como a pele do rosto, pescoço e decote.Sua fórmula não é oleosa e não deixa efeito branco na pele, o que o torna ideal para usar antes da maquiagem.\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\u003eCronograma de resultados visíveis\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;\"\u003eProteção abrangente contra raios solares A, B e infravermelhos\u003c\/h4\u003e\n\u003ch4 data-mce-fragment=\"1\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003eCobertura transparente\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;\"\u003eIngredientes ativos\u003c\/h5\u003e\n\u003cp style=\"text-align: left;\"\u003eGlicerina vegetal, óleo de amêndoa doce, óleo de gergelim, pó mineral (dióxido de titânio), cera de abelha, óleo de gérmen de trigo, óleo de jojoba, hena, ácido láctico e vitamina 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;\"\u003eIngredientes em destaque\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\u003eDe abelhas\u003c\/span\u003e\u003c\/h2\u003e\n\u003ch2\u003eCera de abelha\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"description\" data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eA cera de abelha é um nutriente rico em vitamina A, que ajuda a construir células, bem como em ácidos graxos que combinam com a sebo da pele.A cera de abelha atua como emoliente e umectante, rejuvenesce e suaviza a pele, atraindo umidade para a superfície da pele e retendo a umidade  \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\u003eDa natureza\u003c\/span\u003e\u003c\/h2\u003e\n\u003ch2\u003eÓleo de gergelim\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"description\" data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eO óleo de gergelim é eficaz no tratamento e prevenção da pele seca.Rico em antioxidantes naturais como vitamina E e selênio, absorve os raios ultravioleta B, protegendo a pele dos danos.\u003c\/div\u003e\n\u003cdiv class=\"description\" data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eSol direto e os primeiros sinais de envelhecimento.  \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;\"\u003eOferece proteção anti-brilho UVA \/ UVB muito elevada Suave e fácil de usar graças à sua textura fluida e leve como a água Acabamento seco e aveludado Ideal para todos os tipos de pele, mesmo com pele mista a oleosa, pele sensível ou com baixa tolerância a todos os tipos de luz solar, pele muito clara com sardas, pele exposta a luz solar extrema Fórmula sem óleo - textura não oleosa Boa tolerância à pele - não obstrui os poros - sem perfume - à prova d'água\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":"Dermatique Fluido Protetor Solar Matificante FPS 50+ (Oferta 1+1 Value Duo)","description":"\u003ch2 style=\"text-align: center;\"\u003eAbsorve gorduras, hidrata, protege.\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\u003eUm fluido leve e isento de óleo que garante uma ótima proteção UVA\/UVB de amplo espectro contra os efeitos nocivos do sol, ao mesmo tempo que regula as secreções sebáceas e previne o brilho, protegendo a pele dos fatores de oxidação nocivos que causam sinais de envelhecimento prematuro. \u003c\/p\u003e\n\u003cp\u003e*Tecnologia Inhipase™ para preservar a beleza da pele sensível.\u003c\/p\u003e\n\u003cp\u003e*Tecnologia Pollushield™ para proteção 24 horas contra poluição.\u003c\/p\u003e\n\u003cp\u003e*Resistente à água.Textura seca.\u003c\/p\u003e\n\u003cp\u003e*Não deixa marcas brancas.Resistente ao polimento.\u003c\/p\u003e\n\u003cp\u003e*Livre de alérgenos.Não obstrui os poros.\u003c\/p\u003e\n\u003cp\u003e*Sem parabenos.\u003c\/p\u003e\n\u003cp\u003eModo de usar: Aplicar 30 minutos antes da exposição ao sol.Repita a cada duas horas ou depois de nadar, suar ou secar os absorventes.\u003c\/p\u003e\n\u003cp\u003eAdvertências: Apenas para uso externo.Evite contato com os olhos.Manter fora do alcance das crianças e em local fresco e seco, longe do calor direto ou da luz solar.\u003c\/p\u003e\n\u003cp\u003eIngredientes: UVINUL EASY, VITAMINA E, EXTRATO DE CAMOMILA, TINOSORB S, PANTENOL, POLLUSHIELD, UNIVUL A, ÓXIDO DE ZINCO, CETIOL AB, GLICERINA, ALANTOÍNA.\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":"Apresentação do Gel Protetor Solar Kolagra FPS 50 Para Pele Normal a Mista 1+1","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":"Oferta Loção Protetor Solar Kolagra 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":"Farmstay creme protetor solar sem óleo FPS50+","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\"\u003eUm dos melhores protetores solares\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\"\u003eSeguro para todos os tipos de pele, absorção rápida, sem sintomas ou resíduos irritantes\u003c\/p\u003e\n\u003ctable dir=\"ltr\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eVantagem\u003c\/th\u003e\n\u003cth\u003eProtetor solar de fazenda\u003c\/th\u003e\n\u003cth\u003eA maioria dos outros protetores solares\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eTipo de pele\u003c\/td\u003e\n\u003ctd\u003eTodos os tipos de pele, incluindo pele oleosa e sensível\u003c\/td\u003e\n\u003ctd\u003ePode não ser ideal para todos os tipos de pele\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFator de proteção solar\u003c\/td\u003e\n\u003ctd\u003eSPF50+\u003c\/td\u003e\n\u003ctd\u003ePode ser inferior a FPS50+\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProteção contra radiação\u003c\/td\u003e\n\u003ctd\u003eProteção de amplo espectro contra raios UVA e UVB\u003c\/td\u003e\n\u003ctd\u003ePode não fornecer proteção extensiva\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIngredientes principais\u003c\/td\u003e\n\u003ctd\u003eSuave para a pele, como extrato de aloe vera e ácido hialurônico\u003c\/td\u003e\n\u003ctd\u003ePode conter ingredientes agressivos para a pele\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eTextura\u003c\/td\u003e\n\u003ctd\u003eLeve e não gorduroso\u003c\/td\u003e\n\u003ctd\u003ePode ser gorduroso ou pesado na pele e deixar um efeito irritante\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eHidratando a pele\u003c\/td\u003e\n\u003ctd\u003eSim, contém ingredientes hidratantes como extrato de aloe vera e ácido hialurônico\u003c\/td\u003e\n\u003ctd\u003eNão pode conter ingredientes hidratantes\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\"\u003eIngredientes principais:\u003c\/p\u003e\n\u003cul data-mce-fragment=\"1\"\u003e\n\u003cli data-mce-fragment=\"1\"\u003eAqua para hidratar a pele.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003eEtilhexil Metoxicinamato, Etilhexil Salicilato e Etilhexil Triazona para proteger a pele dos nocivos raios ultravioleta.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003eDióxido de Titânio e Óxido de Zinco para proteção solar imediata e abrangente.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003eExtratos de plantas, como extrato de folha de Aloe Barbadensis, extrato de casca de Morus Alba, extrato de fruta Olea Europaea e extratos cítricos, como toranja (extrato de fruta Citrus Paradisi), laranja (extrato de fruta Citrus Aurantium Dulcis) e tomate (extrato de fruta Solanum Lycopersicum).Para nutrir e hidratar a pele.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003eOutras substâncias naturais como a cera vegetal e a cera de abelha (Cera Microcristalina, Cera de Abelha) ajudam a hidratar e proteger a pele.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp data-sourcepos=\"32:1-32:314\"\u003eSe você está procurando um protetor solar leve, não oleoso e que ofereça proteção de amplo espectro, o protetor solar Farmstay Oil-Free é a escolha perfeita para você.Também é suave para a pele, livre de parabenos, óleos minerais e outros produtos químicos nocivos.Além disso, é muito acessível e recebeu muitas críticas positivas dos clientes.\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\u003eO melhor amigo da sua pele: Filtros UV Minerais Protetor solar FPS 30 com antioxidantes\u003c\/h1\u003e\n\u003cp\u003eProteja sua pele com elegância e cuidado com o protetor solar Mineral UV Filters FPS 30 com antioxidantes da The Ordinary.É um protetor solar mineral exclusivo que oferece proteção FPS 30 com antioxidantes e suporte de hidratação.\u003c\/p\u003e\n\u003ch2\u003eO que distingue este produto?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFiltros minerais:\u003c\/strong\u003e Este protetor solar contém filtros minerais como Óxido de Zinco e Dióxido de Titânio, o que o torna eficaz na proteção da pele dos raios nocivos do sol.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngredientes antioxidantes:\u003c\/strong\u003e A fórmula contém ingredientes antioxidantes como Astaxantina, Ferulado de Etila e Extrato de Folha de Rosmarinus Officinalis, que ajudam a proteger a pele dos efeitos dos radicais livres e promovem uma pele saudável.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHidratante e cuidado:\u003c\/strong\u003e Graças a ingredientes como Hialuronato de Sódio e Alantoína, este protetor solar proporciona suporte eficaz de hidratação e cuidado à pele.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eFaça deste protetor solar parte da sua rotina diária de cuidados com a pele e proteja a sua pele do sol de forma eficaz e elegante.Não deixe o sol estragar sua beleza;Desfrute de uma pele saudável e radiante com o protetor solar Mineral UV Filters FPS 30 com antioxidantes da The Ordinary.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eTodos os ingredientes: \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\u003eSUPER PROTEÇÃO: Protetor solar com cuidado coreano\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 É um protetor solar coreano inovador que combina proteção de amplo espectro com forte FPS50+ PA++++ e uma fórmula rica em nutrientes para hidratar e nutrir profundamente a pele.Este protetor contém 30% de extrato de arroz fermentado e uma mistura de probióticos que reequilibram o microbioma da pele e acalmam a vermelhidão e o ressecamento.Graças à sua textura leve e brilhante que desaparece instantaneamente sem deixar película oleosa ou branca, Relief Sun combina eficácia e conforto diário para todos os tipos de pele, mesmo as sensíveis.\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\u003eProteção abrangente sem compromisso\u003c\/h2\u003e\n\u003ch3\u003e- Formulação avançada para prevenir danos causados pelo sol -\u003c\/h3\u003e\n\u003cp\u003eRelief Sun oferece proteção eficaz contra os raios UVA e UVB através de filtros químicos avançados que garantem FPS50+ PA++++, reduzindo o risco de queimaduras solares e hiperpigmentação resultantes da exposição solar diária.Fórmula sem fragrância, sem álcool e com classificação segura (EWG Green Level), adequada para peles sensíveis e pessoas com alergia a filtros solares convencionais.\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\u003eDupla de hidratação e nutrição: arroz e probióticos em um só blend\u003c\/h2\u003e\n\u003ch3\u003e- Ingredientes naturais para hidratação profunda e calmante instantâneo -\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\u003eRelief Sun combina 30% de extrato de arroz fermentado com uma mistura de probióticos e grãos fermentados, ricos em vitaminas B, C, E, aminoácidos e minerais, para proporcionar hidratação instantânea à pele e acalmar a vermelhidão e ressecamento ao longo do dia.\u003c\/p\u003e\n\u003cp\u003eA fórmula também é enriquecida com niacinamida, que equilibra os níveis de oleosidade e hidratação da pele, minimizando o tamanho dos poros para uma aparência mais suave e preenchida.\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\u003eComo funciona o produto?\u003c\/h2\u003e\n\u003ch3\u003e- A tecnologia hidratante sinergiza com a proteção solar -\u003c\/h3\u003e\n\u003cdiv class=\"process-steps\"\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eComeço da calma\u003c\/div\u003e\n\u003cp\u003eAo aplicar o protetor, os probióticos e o arroz fermentado acalmam a pele e acalmam a sensação de ressecamento e vermelhidão.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eBarreira protetora forte\u003c\/div\u003e\n\u003cp\u003eOs filtros SPF50+ PA++++ refletem e absorvem os raios nocivos antes que eles penetrem na pele.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eHidratante e nutritivo\u003c\/div\u003e\n\u003cp\u003eO arroz fermentado libera seus ingredientes hidratantes profundamente na pele, enquanto a niacinamida reforça a barreira natural da pele à água.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eAcabamento leve\u003c\/div\u003e\n\u003cp\u003eA textura do gel brilhante é rapidamente absorvida, deixando a pele macia, sem qualquer tom branco ou pegajoso irritante.\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\u003eO segredo da excelência: Por que a Relief Sun supera os outros?\u003c\/h2\u003e\n\u003ch3\u003e- Resultados práticos e experiência de usuário confiável -\u003c\/h3\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eTextura irresistível\u003c\/h4\u003e\n\u003cp\u003eLeve como o ar, funde-se com a pele sem deixar vestígios de oleosidade ou alvura irritante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eEficácia comprovada\u003c\/h4\u003e\n\u003cp\u003eUm dos protetores solares mais bem avaliados do mundo, com classificações superiores a 4,5 estrelas de milhões de usuários\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eFórmula científica e natural\u003c\/h4\u003e\n\u003cp\u003eCombina filtros químicos avançados com extratos orgânicos tradicionais de arroz fermentado e probióticos, para garantir proteção e hidratação completas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eReconhecimento de especialista\u003c\/h4\u003e\n\u003cp\u003eApoiado pela recomendação da Allure como um dos melhores protetores solares coreanos por sua combinação de proteção e estilo, e endossado por dermatologistas graças à sua fórmula segura e eficaz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eAdequado para todas as condições\u003c\/h4\u003e\n\u003cp\u003eFunciona perfeitamente em condições de alta umidade e evita a sensação de peso ou escorregadio, sendo a escolha perfeita para uso diário com ou sem maquiagem.\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\"\u003eProteja sua pele com a máxima elegância coreana\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eDesfrute de proteção FPS50+ com hidratação e nutrição profundas em um só produto.Diga adeus aos protetores solares pesados ​​e brancos e olá a um brilho saudável e protegido durante todo o dia!\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eCompre agora\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":"Bobai Sunscreen Extra Lightening gel spf 50 é um protetor solar iluminador da Bobai","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\"\u003eProtetor solar iluminador FPS 50\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eProteção + clareamento em um só produto\u003c\/p\u003e\n\u003cdiv class=\"dual-action-highlight\"\u003eProteção diária + clareamento gradual = resultados duplos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Question Section --\u003e\n\u003cdiv class=\"question-section\"\u003e\n\u003cdiv class=\"question-text\"\u003ePor que escolher um protetor solar iluminador?\u003c\/div\u003e\n\u003cdiv class=\"answer-text\"\u003e\n\u003cdiv class=\"problem-highlight\"\u003e\n\u003cstrong\u003eO problema com protetores solares regulares\u003c\/strong\u003e Só protege, mas... \u003cstrong\u003eAs manchas escuras existentes permanecem como estão\u003c\/strong\u003e.\n \u003c\/div\u003e\n\u003cdiv class=\"solution-highlight\"\u003e\n\u003cstrong\u003eProtetor solar iluminador\u003c\/strong\u003e Com suas mãos \u003cstrong\u003eProteção + tratamento\u003c\/strong\u003e Ao mesmo tempo.Em vez de usar dois produtos separados, um produto funciona nas duas frentes.\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\"\u003eIngredientes ativos\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\"\u003eBranqueador natural de alcaçuz\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eInibe a enzima tirosinase\u003c\/strong\u003e Responsável pela produção de melanina\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eClareia manchas escuras gradualmente\u003c\/strong\u003e Sem irritação\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSeguro para uso diário\u003c\/strong\u003e Ao contrário da hidroquinona\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdequado para peles sensíveis\u003c\/strong\u003e Não causa inflamação\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\"\u003eProteção FPS 50\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003eProteção UV superior\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlta proteção UVA\/UVB\u003c\/strong\u003e Previne a formação de novas manchas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCombate os radicais livres\u003c\/strong\u003e Causa envelhecimento da pele\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrevine o agravamento de manchas existentes\u003c\/strong\u003e Da exposição ao sol\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\"\u003eUso simples\u003c\/h2\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003col class=\"step-list\"\u003e\n\u003cli\u003e\u003cstrong\u003eAplicar diariamente 20 minutos antes da exposição solar\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReaplicar a cada duas horas\u003c\/strong\u003e Para proteção contínua\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUse-o mesmo em dias nublados\u003c\/strong\u003e - Os raios ultravioleta estão sempre presentes\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\"\u003eCronograma de resultados visíveis\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003eImediatamente\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003eProteção solar e textura leve e confortável\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003eDuas semanas\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003ePrevenir a formação de novas manchas\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003eUm mês\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003eO início de um ligeiro clareamento das manchas existentes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003e3 meses\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003eUma clara melhoria no tom da pele\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003e6 meses\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003eResultados estáveis em pontos de iluminação\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\"\u003eUm fato importante sobre os danos causados pelo sol\u003c\/div\u003e\n\u003cdiv class=\"sun-damage-fact\"\u003e\n\u003cstrong\u003eCada raio de sol decompõe o colágeno.Ficar exposto ao sol sem proteção é o caminho mais rápido para o envelhecimento precoce\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"investment-highlight\"\u003e\n\u003cp\u003e\u003cstrong\u003eProtetor solar iluminador FPS 50\u003c\/strong\u003e Ele \u003cstrong\u003eUm investimento inteligente na saúde e beleza da sua pele\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eProteção diária + clareamento gradual = resultados duplos em um só produto.\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\"\u003eProteja sua pele agora\u003c\/h2\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eNão espere que apareçam manchas escuras ou sinais de envelhecimento\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eComece a proteção e o tratamento hoje\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"font-size: 1.4em; color: #9C8102;\"\u003e\u003cstrong\u003eEncomende agora... e mantenha a sua pele protegida e radiante todos os dias.\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":"Medicube Colágeno Creme Solar Firmador e Iluminador (FPS50+ 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\"\u003eMedicube Collagen Sunscreen – uma tecnologia coreana revolucionária que muda as regras do jogo\u003c\/h1\u003e\n\u003c!-- Main Product Image --\u003e\n\u003cimg alt=\"Protetor solar de colágeno da Medicube\" 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 Por que pagar mais por um protetor solar normal quando você pode fazer 3 tratamentos em um só produto?\n \u003c\/div\u003e\n\u003c!-- Problem \u0026 Solution --\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003cp\u003e\u003cstrong\u003eTodas as manhãs você enfrenta uma escolha:\u003c\/strong\u003e Protege apenas a sua pele do sol...ou protege-a, trata-a e embeleza-a ao mesmo tempo?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eO problema com protetores solares regulares\u003c\/strong\u003e Eles protegem contra o futuro, mas ignoram o presente. \u003cstrong\u003eA sua pele precisa de mais do que protecção... precisa de reconstrução e renovação.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMedicube Collagen Firming Sun Cream\u003c\/strong\u003e Não é só protetor solar \u003cstrong\u003eUm investimento diário na juventude da sua pele\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\"\u003eMais do que protetor solar... é um produto de prevenção, beleza e tratamento\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 2 --\u003e\n\u003cimg alt=\"Benefícios do protetor solar com colágeno\" 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\"\u003eProteção UV superior\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComponente responsável:\u003c\/strong\u003e Titanium Dioxide + Ethylhexyl Triazone\n \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResultado:\u003c\/strong\u003e Proteção SPF50+ PA+++ contra futuras queimaduras, pigmentação e rugas\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eReduzir rugas e linhas finas\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComponente responsável:\u003c\/strong\u003e Complexo de Colágeno 5000ppm (4 tipos de colágeno)\n \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResultado:\u003c\/strong\u003e Endurecimento natural da pele e melhora visível das linhas em 4-6 semanas\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eBrilho instantâneo e unificação do tom da pele\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComponente responsável:\u003c\/strong\u003e Óxidos de Ferro\n \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResultado:\u003c\/strong\u003e A cor pêssego natural esconde imperfeições e dá brilho desde o primeiro uso\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eRegeneração celular e antienvelhecimento das células da pele\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComponente responsável:\u003c\/strong\u003e 17 Amino Acid Complex + Adenosine\n \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResultado:\u003c\/strong\u003e Pele mais lisa, mais elástica e mais vibrante com uso contínuo\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eHidratação profunda de longa duração\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComponente responsável:\u003c\/strong\u003e Complexo de Ácido Hialurônico (4 tipos) + Ceramida NP\n \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResultado:\u003c\/strong\u003e Hidratante que dura horas e fortalece a barreira natural da pele\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eProteção contra radicais livres e poluição\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComponente responsável:\u003c\/strong\u003e Chlorella Vulgaris Extract + Amino Acids\n \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResultado:\u003c\/strong\u003e Resistindo aos fatores ambientais de envelhecimento e mantendo a pele jovem\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eEfeito de maquiagem natural sem maquiagem\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComponente responsável:\u003c\/strong\u003e Peach-tinted formula\n \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResultado:\u003c\/strong\u003e Aparência instantaneamente melhorada, adequada para homens e mulheres\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\"\u003eTecnologia coreana exclusiva: 5000 ppm de colágeno quaternário\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 3 --\u003e\n\u003cimg alt=\"Tecnologia coreana de colágeno\" 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;\"\u003eO colágeno não é apenas um ingrediente... é o segredo da juventude permanente\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em;\"\u003e\u003cstrong\u003eEmpresa Medicube\u003c\/strong\u003e Ela passou anos pesquisando colágeno e criou uma fórmula revolucionária: \u003cstrong\u003eUma combinação de 4 tipos diferentes de colágeno\u003c\/strong\u003e A uma concentração de 5000 ppm - \u003cstrong\u003eA maior concentração do mundo de protetores solares\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-types\"\u003e\n\u003cdiv class=\"collagen-type\"\u003e\n\u003ch4\u003eColágeno Hidrolisado - Penetra na pele em segundos\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\u003ePartículas muito pequenas\u003c\/strong\u003e Atinge as camadas profundas imediatamente\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\u003eEstimula a produção natural de colágeno\u003c\/strong\u003e Na sua pele\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\u003ePreenche linhas finas por dentro\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\u003eExtrato de Colágeno – Força Concentrada\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\u003eNutrição celular intensa\u003c\/strong\u003e Danificado pelo sol\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\u003eReconstrói tecidos\u003c\/strong\u003e Danificado e flacidez\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\u003eMelhora a elasticidade da pele\u003c\/strong\u003e Significativamente\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-type\"\u003e\n\u003ch4\u003eColágeno solúvel – absorção imediata\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\u003eNão deixa rastros\u003c\/strong\u003e Na superfície da pele\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\u003eSeu efeito dura muitas horas\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\u003eResultados cumulativos com cada uso\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\"\u003eProteção superior SPF50+ PA+++ - o escudo invencível\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 4 --\u003e\n\u003cimg alt=\"Proteção solar FPS50+\" 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;\"\u003eNem todo protetor solar protege igualmente bem\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSPF50+ PA+++\u003c\/strong\u003e Não apenas números...isso \u003cstrong\u003eGarantia científica\u003c\/strong\u003e Que a sua pele esteja protegida de:\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\u003eDos raios ultravioleta prejudiciais\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e100%\u003c\/span\u003e\n\u003cp\u003eDe queimaduras e infecções imediatas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e95%\u003c\/span\u003e\n\u003cp\u003eReduzir a pigmentação e manchas futuras\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e85%\u003c\/span\u003e\n\u003cp\u003eReduzindo rugas resultantes de danos causados pelo sol\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003cp\u003e\u003cstrong\u003eTecnologia de dupla proteção:\u003c\/strong\u003e Protetores físicos + químicos = \u003cstrong\u003eA proteção mais forte possível\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\"\u003eEfeito de brilho instantâneo - embelezamento instantâneo com cor pêssego natural\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 5 --\u003e\n\u003cimg alt=\"Efeito de brilho instantâneo\" 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;\"\u003eNão é apenas proteção... é embelezamento profissional\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eCor pêssego\u003c\/strong\u003e Estudado cientificamente para se adequar a todos os tons de pele:\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"protection-stats\"\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eEsconde manchas\u003c\/h4\u003e\n\u003cp\u003eE pigmentação imediatamente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eBrilho natural\u003c\/h4\u003e\n\u003cp\u003eSem maquiagem\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eUnifica o tom da pele\u003c\/h4\u003e\n\u003cp\u003eMelhora sua aparência\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003ePara homens e mulheres\u003c\/h4\u003e\n\u003cp\u003eResultado 100% natural\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResultado:\u003c\/strong\u003e Protege a sua pele e ao mesmo tempo fica melhor do que antes de sair de casa.\n \u003c\/div\u003e\n\u003c!-- Amino Acids Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eComplexo de Aminoácidos - um exército de 17 guerreiros antienvelhecimento\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eCada aminoácido tem uma tarefa específica na reconstrução da sua pele\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003cp\u003e\u003cstrong\u003ePor que os aminoácidos são importantes?\u003c\/strong\u003e Porque \u003cstrong\u003eOs blocos de construção das proteínas\u003c\/strong\u003e O que constrói sua pele.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e17 aminoácidos\u003c\/strong\u003e Juntos trabalham como uma equipe profissional:\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\u003eConstrua novo colágeno e fortaleça a estrutura da pele\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amino-function\"\u003e\n\u003ch4\u003eArginine + Lysine\u003c\/h4\u003e\n\u003cp\u003eEstimular a circulação sanguínea e acelerar a regeneração\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amino-function\"\u003e\n\u003ch4\u003eLeucine + Valine\u003c\/h4\u003e\n\u003cp\u003eReparar tecido danificado pelo sol\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amino-function\"\u003e\n\u003ch4\u003eOs 11 ácidos restantes\u003c\/h4\u003e\n\u003cp\u003eSuporte abrangente para renovação e vitalidade da pele\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\u003eResultado:\u003c\/strong\u003e A sua pele não só fica protegida... ela se renova todos os dias.\n \u003c\/div\u003e\n\u003c!-- Hydration Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eHidratação profunda com tecnologia multicamadas\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eNão é apenas hidratar...é reconstruir a barreira da pele\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;\"\u003eCeramide Aqua - o arquiteto da pele\u003c\/h3\u003e\n\u003cdiv class=\"hydration-types\"\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eReconstrução da barreira natural\u003c\/h4\u003e\n\u003cp\u003eDestrutivo do sol e da poluição\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eBloqueie a umidade\u003c\/h4\u003e\n\u003cp\u003ePor longas horas sem secar\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eEvitar a perda de água\u003c\/h4\u003e\n\u003cp\u003eDa pele o dia todo\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;\"\u003eComplexo de Ácido Hialurônico - Reservatório de Umidade\u003c\/h3\u003e\n\u003cp style=\"text-align: center; margin-bottom: 25px;\"\u003e\u003cstrong\u003e4 tipos diferentes\u003c\/strong\u003e Do hialurônico:\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\u003eHidratação instantânea da superfície e suavidade tátil\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\u003ePenetração profunda nas camadas internas\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\u003eHidratação de longo prazo que dura horas\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\u003eProteção contra fatores externos e poluição\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\"\u003eA decisão de hoje determinará o formato da sua pele daqui a 5 anos\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eVocê tem duas escolhas\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;\"\u003ePrimeira opção: adiamento\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\u003ePrefira usar produtos regulares\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\u003eVocê vê sua pele se deteriorando gradualmente\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\u003eVocê precisará de tratamentos mais caros e mais difíceis posteriormente\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\u003eVocê se arrepende de não ter investido na sua pele antes\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;\"\u003eSegunda escolha: investimento inteligente\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\u003evocê consegue \u003cstrong\u003eA mais recente tecnologia coreana\u003c\/strong\u003e Nos cuidados com a pele\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\u003eProtege, trata e embeleza a sua pele todos os dias\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\u003eVocê verá resultados reais dentro de meses\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\u003eOlha \u003cstrong\u003eMais jovem e fresco\u003c\/strong\u003e Com o tempo\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;\"\u003eEncomende agora... antes que seja tarde demais\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.3em; margin-bottom: 25px;\"\u003e\u003cstrong\u003eMedicube Collagen Firming Sun Cream\u003c\/strong\u003e Não é só protetor solar \u003cstrong\u003eParceiro de sucesso\u003c\/strong\u003e Na jornada de preservar sua juventude.\u003c\/p\u003e\n\u003cdiv class=\"urgency-text\"\u003e\n 50 ml são suficientes para um mês e meio de proteção e tratamento avançado.Os resultados começarão desde o primeiro dia e a transformação completa ocorrerá dentro de meses.\n \u003c\/div\u003e\n\u003cp style=\"font-size: 1.2em; margin: 25px 0;\"\u003e\n\u003cstrong\u003eA sua pele não vai esperar pela sua decisão... e o tempo não está do seu lado.Invista em você agora.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"urgency-text\" style=\"font-size: 1.4em; color: #fff;\"\u003e\n Encomende agora... e não deixe que o arrependimento tire mais de você do que já tirou.\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;\"\u003eComposição completa (ingredientes principais)\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eIngredientes de proteção solar:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTitanium Dioxide:\u003c\/strong\u003e Um protetor físico seguro para peles sensíveis\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEthylhexyl Triazone + Diethylamino Hydroxybenzoyl Hexyl Benzoate:\u003c\/strong\u003e Protetores químicos altamente eficazes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eComplexo de Colágeno (5000ppm):\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydrolyzed Collagen:\u003c\/strong\u003e Colágeno hidrolisado de rápida absorção\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCollagen Extract:\u003c\/strong\u003e Extrato de colágeno natural\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoluble Collagen:\u003c\/strong\u003e Colágeno solúvel para hidratação profunda\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eComplexo de aminoácidos:\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 aminoácidos essenciais\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eComposto de ácido hialurônico:\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 Hidratação multicamadas\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eCeramidas e hidratantes:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCeramide NP:\u003c\/strong\u003e Fortalecendo a barreira da pele\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePanthenol (Pro-Vitamin B5):\u003c\/strong\u003e Calmante e hidratante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNiacinamide:\u003c\/strong\u003e Melhorar a textura e o tom da pele\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eComponentes adicionais:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdenosine:\u003c\/strong\u003e Antirrugas aprovado pela FDA\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIron Oxides:\u003c\/strong\u003e Óxidos de ferro para uma cor pêssego natural\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eChlorella Vulgaris Extract:\u003c\/strong\u003e Antioxidante natural\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":"Spray de Loção Protetor Solar FÉRIAS","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\"\u003eLoção protetor solar em spray para férias\u003c\/h1\u003e\n\u003c!-- Product Image --\u003e\n\u003cimg alt=\"Spray protetor solar de férias\" 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\"\u003eRecursos básicos\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eSpray ultrafino\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\u003eAplicação uniforme\u003c\/strong\u003e Em toda a região\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\u003eSem tocar\u003c\/strong\u003e - Limpo e rápido\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\u003eNão deixa manchas\u003c\/strong\u003e Ou áreas desprotegidas\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\"\u003ePerfeito para movimento\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\u003eReaplicação fácil\u003c\/strong\u003e A cada duas horas\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\u003eAdequado sobre maquiagem\u003c\/strong\u003e Sem estragar\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\u003eMeu trabalho é para esportes\u003c\/strong\u003e e atividades ao ar livre\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\"\u003eProteção inteligente\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 Proteção física segura\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\u003eAdequado para peles sensíveis\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\u003eNão deixa brilho\u003c\/strong\u003e Ou uma sensação gordurosa\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;\"\u003eIngredientes ativos\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eÓleo de Tea Tree – um anti-séptico natural\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\u003ePrevine irritações\u003c\/strong\u003e E infecções\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\u003eAdequado para peles com tendência a acne\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\u003ePropriedades antibacterianas\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\"\u003eDióxido de Titânio + Óxido de Zinco – dupla proteção\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\u003eProtetores físicos seguros\u003c\/strong\u003e Para pele sensível\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\u003eProteção instantânea\u003c\/strong\u003e De 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\u003eNão penetre na pele\u003c\/strong\u003e - Fique na superfície\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\"\u003eColágeno - nutrição adicional\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\u003eMantém a elasticidade da pele\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\u003eResiste aos sinais de envelhecimento\u003c\/strong\u003e Do sol\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\"\u003eVitamina E - antioxidante\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\u003eProtege contra radicais livres\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\u003eAcalma a pele\u003c\/strong\u003e Irritado com o sol\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\"\u003eComo usar\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\"\u003eAgite bem\u003c\/h4\u003e\n\u003cp\u003eAgite bem o recipiente antes de cada utilização para garantir que os ingredientes estão misturados\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\"\u003ePulverize uniformemente\u003c\/h4\u003e\n\u003cp\u003eSegure o recipiente longe da pele e pulverize em todas as áreas expostas\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\"\u003ePara o rosto\u003c\/h4\u003e\n\u003cp\u003ePulverize primeiro na mão e depois aplique no rosto evitando os olhos\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\"\u003eRepita a cada duas horas\u003c\/h4\u003e\n\u003cp\u003eOu depois de nadar e suar para garantir proteção contínua\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\"\u003eA solução prática para proteção inteligente\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eVacation Sunscreen Lotion Spray\u003c\/strong\u003e Ele \u003cstrong\u003eSolução prática\u003c\/strong\u003e Para quem deseja proteção rápida e eficaz.\n \u003c\/p\u003e\n\u003cdiv class=\"highlight-text\"\u003e\n Bruma fina + proteção poderosa + facilidade de uso = o protetor perfeito para uma vida ativa\n \u003c\/div\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eEncomende agora... e desfrute de proteção sem complicações.\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":"Bobai Sunscreen Oil Defense Fluid FPS 50+ Protetor solar para pele oleosa","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\"\u003eProtetor solar Popeye para peles oleosas e com tendência a acne\u003c\/h1\u003e\n\u003c!-- Hero Image with proper alt text --\u003e\n\u003cimg alt=\"Protetor solar Popeye para pele oleosa e com tendência a acne – proteção poderosa sem oleosidade\" 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 Proteção abrangente sem efeito oleoso, sem transpiração da pele, sem irritantes vestígios brancos\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\"\u003eRecursos básicos\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% de proteção forte\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\u003eProteção de amplo espectro\u003c\/strong\u003e De 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\u003eAdequado para uso diário\u003c\/strong\u003e E exposição prolongada ao sol\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 Projetado para pele problemática\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\u003eRegula a secreção de gordura\u003c\/strong\u003e Evita o brilho excessivo\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\u003ePropriedades antibacterianas\u003c\/strong\u003e Previne a formação de espinhas\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\u003eAntiinflamatório\u003c\/strong\u003e Acalma irritação e vermelhidão\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\u003ePropriedades esfoliantes suaves\u003c\/strong\u003e Limpa os poros\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 Textura ideal para pele oleosa\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\u003eLeve e rapidamente absorvido\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\u003eNão deixa sensação gordurosa\u003c\/strong\u003e Ou pegajoso\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\u003eNão deixa uma camada branca\u003c\/strong\u003e Na pele\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\u003eAdequado sob maquiagem\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\"\u003eComo usar\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\"\u003eAgite bem o recipiente\u003c\/h4\u003e\n\u003cp class=\"step-description\"\u003eAntes de usar para garantir que os ingredientes estejam perfeitamente misturados\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\"\u003eAplique uma quantidade apropriada\u003c\/h4\u003e\n\u003cp class=\"step-description\"\u003eNa pele 20 minutos antes da exposição solar para melhor proteção\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\"\u003eReaplicar a cada duas horas\u003c\/h4\u003e\n\u003cp class=\"step-description\"\u003eOu quando necessário para manter proteção contínua ao longo do dia\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\"\u003eA solução perfeita para pele oleosa\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eProtetor solar Popeye\u003c\/strong\u003e Ele \u003cstrong\u003eA solução perfeita para pele oleosa\u003c\/strong\u003e Quem precisa de uma proteção forte sem oleosidade ou espinhas.\n \u003c\/p\u003e\n\u003cdiv class=\"highlight-formula\"\u003e\n 98% de proteção + regulação de sebo + antibacteriano = protetor solar inteligente para pele teimosa\n \u003c\/div\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eEncomende agora... e desfrute de uma proteção forte sem complicações.\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":"Beauty of Joseon Relief Sun: Arroz + Probióticos Protetor Solar Leve FPS 50+ PA++++ (Hidratação Não Gordurosa com 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\"\u003eProtetor solar coreano\u003c\/span\u003e O que fará você amar o sol novamente\u003c\/h1\u003e\n\u003cp class=\"aqua-hero-subtitle-text aqua-reveal aqua-active delay-1\"\u003e\n Imagine um protetor solar com textura aquosa que desaparece em segundos, e contém 30% de água de semente de arroz, o que deixa a pele das estrelas coreanas incrível, e com 5 filtros de proteção avançados.Protege, hidrata, ilumina e trata – 4 produtos em um.\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 Seu navegador não suporta exibição de vídeo.\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\"\u003eA textura aquosa desaparece em segundos\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eÉ diferente de qualquer protetor solar comum, uma fórmula muito leve que é absorvida imediatamente pela pele.\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\"\u003e30% de água de semente de arroz\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eO antigo segredo de beleza coreano para iluminar e hidratar profundamente a pele.\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\"\u003eSem brancura ou oleosidade\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eMesmo para peles oleosas, não deixa resíduos brancos irritantes ou brilho indesejado.\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 filtros de proteção avançados\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eA proteção mais forte da região contra todos os tipos de raios nocivos.\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 produtos em um\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eProteção forte + hidratação profunda + clareamento de manchas + tratamento de barreira cutânea.\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;\"\u003eVocê já experimentou muitos protetores solares... e por tantos transtornos decidiu deixar o sol corroer sua pele?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; color: var(--text-muted); margin-bottom: 25px;\"\u003e\n Se você está cansado de protetores solares que deixam sua pele branca, ou que deixam sua pele oleosa e pegajosa, ou que não protegem realmente do sol...\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;\"\u003eRelief Sun Aqua Fresh mudará completamente a sua ideia\u003c\/p\u003e\n\u003cp style=\"font-size: 1rem; color: var(--text-muted); margin-top: 10px;\"\u003eDesde a primeira utilização sentirá que está a aplicar um sérum hidratante e não um protetor solar.\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Água de semente de arroz 30% - o segredo da beleza coreana\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003eO que faz com que um ingrediente seja igual ao preço de um protetor solar inteiro?\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=\"Água de semente de arroz em Relief Sun\" 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;\"\u003eUm antigo segredo com milhares de anos\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\" style=\"margin-bottom: 20px;\"\u003eA água de semente de arroz não é apenas um ingrediente comum... Este é o segredo da beleza coreana que as estrelas asiáticas herdam de suas famílias.\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;\"\u003eO componente mais caro da composição:\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 É extraído de formas especiais que preservam seus benefícios.\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% de concentração muito alta – a maior porcentagem em um protetor solar.\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 Antioxidantes 10 vezes mais fortes que a vitamina C.\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;\"\u003eO que isso fará com a sua pele?\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 Sua pele recupera seu brilho natural em semanas.\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 Ilumina manchas escuras e unifica sua cor.\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 Hidrata até uma profundidade de 7 camadas.\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 filtros de proteção avançados – uma equipe completa contra o sol\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003eNuma altura em que todos os produtos de prevenção lhe fornecem um filtro, este creme fornece 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\"\u003eA primeira guarda: Absorve os raios e os transforma em calor inofensivo.\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\"\u003eO combatente abrangente: protege contra UVA e UVB com 99% de eficiência.\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\"\u003eEspecialista: Tem como alvo os raios que causam o envelhecimento da pele.\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\"\u003eProtetor Profundo: Combate os raios que penetram nas camadas profundas da pele.\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\"\u003eO escudo definitivo: dupla proteção e estabilidade duradoura na pele.\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;\"\u003eResultado: Proteção FPS 57,9 + PA++++ UVA PF 19,3 - superior ao escrito na embalagem!\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eJornada de mudança - veja sua pele melhorar a cada dia\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\"\u003ePrimeiro dia\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eA primeira surpresa\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Proteção imediata desde a primeira vez.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Sensação de frescor e hidratação profunda.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Textura aquosa que desaparece sem efeito oleoso.\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\"\u003eDepois de uma semana\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eO doce começo\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ A pele fica mais macia e radiante.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Reduz o excesso de brilho da pele oleosa.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Melhora perceptível na textura da pele.\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\"\u003eDepois de um mês\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eOs resultados falam\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Brilho claro e unificação do tom da pele.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ As manchas escuras estão começando a diminuir.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Pele mais forte e resistente.\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\"\u003eComparado com qualquer outro protetor solar – a diferença é clara\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);\"\u003eProtetor solar normal (100 libras)\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 Apenas proteção normal\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Textura gordurosa ou brancura clara\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Componentes químicos comuns\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Não há benefícios adicionais\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Resultado: apenas proteção temporária\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 Proteção forte + hidratação + tratamento + embelezamento\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Textura aquosa luxuosa que desaparece com o tempo\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Ingredientes naturais raros e caros\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Melhoria contínua na qualidade da pele\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e O resultado: um investimento na beleza e saúde da sua pele\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=\"Invista agora na proteção da sua pele\" 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\"\u003eA decisão de hoje determinará o formato da sua pele amanhã\u003c\/h2\u003e\n\u003cp class=\"aqua-card-desc\" style=\"max-width: 750px; margin: 0 auto 20px; font-size: 1.15rem;\"\u003e\n O sol é o maior inimigo da sua pele, a maior causa do envelhecimento prematuro e a primeira causa de pigmentação e manchas.Você vai deixar o sol corroer sua pele ou vai investir em protegê-la com um produto de tratamento que a melhore a cada dia?\n \u003c\/p\u003e\n\u003cp style=\"font-size: 1.3rem; font-weight: 800; color: var(--aqua-dark);\"\u003eA decisão certa é clara!\u003c\/p\u003e\n\u003cbutton class=\"aqua-btn-primary\"\u003eEncomende agora... e invista no futuro da sua pele\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\"\u003eLa Roche Posay Anthelios UVMune 400 - a marca número 1 do mundo em proteção solar\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\"\u003ePorque é que La Roche Posay é a primeira escolha de milhões de pessoas em todo o mundo?\u003c\/h2\u003e\n\u003cdiv class=\"impact-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eA marca em que os médicos confiam mais do que qualquer outra marca\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eA marca número 1 em produtos de proteção solar em todo o mundo\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eRecomendado por 90.000 dermatologistas em todo o mundo\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e30 anos de pesquisa na proteção da pele sensível\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eTecnologia francesa avançada dos melhores laboratórios\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eO único que possui MEXORYL400 – uma tecnologia exclusiva que não se encontra em nenhuma outra marca\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\"\u003eA marca número 1 do mundo\u003c\/h3\u003e\n\u003cp class=\"feature-description\"\u003eA marca de proteção solar mais vendida em todo o mundo\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 anos de pesquisa\u003c\/h3\u003e\n\u003cp class=\"feature-description\"\u003eTrês décadas de desenvolvimento e inovação\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\"\u003e90.000 médicos\u003c\/h3\u003e\n\u003cp class=\"feature-description\"\u003eLa Roche Posay é recomendada internacionalmente\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 Exclusivo\u003c\/h3\u003e\n\u003cp class=\"feature-description\"\u003eTecnologia exclusiva não encontrada em nenhum outro produto\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 – O filtro exclusivo que mudará sua compreensão sobre proteção solar\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eUma descoberta científica revolucionária que não é encontrada em nenhum outro produto\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003eO que é UVA Ultra Longo?\u003c\/h3\u003e\n\u003cp class=\"tech-subtitle\"\u003eA maioria das pessoas conhece os raios UVA e UVB... mas ninguém sabe que existe um terceiro tipo de raios chamado 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\u003ePenetra mais profundamente na pele do que qualquer outro tipo de radiação\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\u003eCausa danos às camadas profundas da pele\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\u003eResponsável pelo envelhecimento prematuro e pigmentação profunda\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\u003eNão existe protetor solar comum que possa proteger contra isso\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 - a única solução\u003c\/h3\u003e\n\u003cp class=\"tech-subtitle\"\u003eLa Roche Posay é a única no mundo que desenvolveu um filtro capaz de proteger contra este tipo de radiação\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\u003eProteção contra 3 tipos de raios:\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\u003eTecnologia exclusiva\u003c\/strong\u003e Você não encontrará em nenhuma outra marca\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\u003eProteção abrangente contra danos celulares profundos\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\u003eA diferença entre ele e qualquer outro quebra-sol é como a diferença entre um carro normal e um carro blindado.\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;\"\u003eResultado: proteção completa que não é incompleta como outros protetores solares\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\"\u003eTECNOLOGIA DE AIRLICIUM MELHORADA - 10x mais controle de brilho\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eA tecnologia que resolveu o maior problema da pele oleosa\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003eO que é a tecnologia AIRLICIUM?\u003c\/h3\u003e\n\u003cp class=\"tech-subtitle\"\u003eA avançada tecnologia francesa absorve todas as fontes de brilho do seu rosto\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\u003eAbsorve o excesso de oleosidade\u003c\/strong\u003e Da pele imediatamente\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\u003eControla o suor\u003c\/strong\u003e E umidade excessiva\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\u003eResiste à umidade atmosférica\u003c\/strong\u003e Aquele que faz seu rosto brilhar\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\u003eAcabamento fosco que dura horas\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\"\u003eNova versão melhorada\u003c\/h3\u003e\n\u003cp class=\"tech-subtitle\"\u003eLa Roche Posay desenvolveu a tecnologia para ser 10 vezes mais forte\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\u003eAbsorção mais rápida e profunda\u003c\/strong\u003e Para gordura\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\u003eMaior controle de brilho\u003c\/strong\u003e Entrega em até 8 horas\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\u003eMaior resistência ao suor\u003c\/strong\u003e E umidade\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\u003eSensação mais leve e suave\u003c\/strong\u003e Da versão anterior\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;\"\u003eO resultado: pele mate e macia durante todo o dia, mesmo em climas quentes e úmidos\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\"\u003eTecnologia Cell-Ox Shield - Escudo inteligente contra danos celulares\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eNão se trata apenas de proteção solar, trata-se de reparar danos existentes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003eO que é o Escudo Cell-Ox?\u003c\/h3\u003e\n\u003cp class=\"tech-subtitle\"\u003eTecnologia antioxidante avançada que funciona em dois níveis\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\u003eFiltros de proteção fixos\u003c\/strong\u003e Contra 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\u003eAntioxidantes poderosos\u003c\/strong\u003e Combate os radicais livres\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\u003eExtrato de Senna Alata\u003c\/strong\u003e - Uma planta natural que defende as células da pele\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\u003eReparar danos existentes\u003c\/strong\u003e Da exposição anterior ao sol\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;\"\u003eDuplique os resultados\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\u003eProteção instantânea\u003c\/strong\u003e De raios nocivos\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\u003eTratamento gradual\u003c\/strong\u003e Para manchas e pigmentação existentes\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\u003eFortalecendo a imunidade da pele\u003c\/strong\u003e Contra fatores externos\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\u003eRetardando os sinais de envelhecimento\u003c\/strong\u003e E rugas\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\"\u003eUma fórmula rica em ingredientes terapêuticos\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eNão é só proteção...é um tratamento completo para a pele\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Água termal terapêutica\u003c\/strong\u003e Da França\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\u003eRico em selênio\u003c\/strong\u003e - Um poderoso antioxidante natural\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\u003eAcalma a pele sensível\u003c\/strong\u003e E inflamado\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\u003eAjuda a curar danos\u003c\/strong\u003e Menor\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\"\u003eNiacinamida (vitamina 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\u003eRegula a secreção de gordura\u003c\/strong\u003e Reduz o tamanho dos poros\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\u003eClareia manchas escuras\u003c\/strong\u003e Unifica o tom da pele\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\u003eFortalece a barreira cutânea\u003c\/strong\u003e Naturais\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\u003eAcalma a inflamação\u003c\/strong\u003e E vermelhidão\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\"\u003eGlicerina + Pantenol (Vitamina 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\u003eHidratação profunda\u003c\/strong\u003e Sem gorduroso\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\u003eMantém a suavidade da pele\u003c\/strong\u003e E sua suavidade\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\u003eAjuda na cura\u003c\/strong\u003e Feridas leves\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\u003eReduz a irritação da pele\u003c\/strong\u003e Sensível\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;\"\u003eComparado com outros protetores solares – a diferença é óbvia\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.3em; margin-bottom: 40px; opacity: 0.9;\"\u003eLa Roche Posay contra qualquer outro protetor solar\u003c\/p\u003e\n\u003cdiv class=\"comparison-grid\"\u003e\n\u003cdiv class=\"comparison-card basic\"\u003e\n\u003ch3 class=\"comparison-title basic\"\u003eProtetor solar normal\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\u003eSomente proteção UVA + 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\u003eComponentes químicos básicos\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\u003eTextura gordurosa ou brancura clara\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\u003eResistência limitada à água e ao suor\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\u003eResultado:\u003c\/strong\u003e Proteção inadequada com problemas colaterais\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\u003eProteção UVA + UVB + UVA ultralonga\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\u003eTecnologia exclusiva 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\u003eTextura gel-creme suave e fosca\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\u003eResistência superior à água, suor e areia\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\u003eIngredientes terapêuticos adicionados\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\u003eResultado:\u003c\/strong\u003e Proteção abrangente + tratamento + conforto total\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;\"\u003eConclusão: Não é apenas uma diferença de preço... é uma diferença no nível de proteção e qualidade\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\"\u003eVocê não está apenas comprando um produto... você está comprando 30 anos de pesquisa científica\u003c\/h2\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eVocê está comprando a confiança de 90.000 médicos em todo o mundo\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eO sol não vai esperar por você... e os danos vão se acumulando a cada dia\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eProteja sua pele com a tecnologia mais recente e avançada do mundo\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-highlight\"\u003e\n Encomende agora... e não deixe a sua pele pagar o preço pelo atraso\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 Soro Protetor Solar Água com Centella Madagascar e Hyalo Cica (FPS 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\"\u003eProtetor solar que vai fazer você amar o sol desde o primeiro uso\u003c\/h1\u003e\n\u003cp class=\"ph-hero-subtitle\"\u003e\u003cstrong\u003eNão é apenas um protetor solar comum... É um sérum de cuidado integrado com proteção excepcional FPS50+ PA++++ com centela e ácido hialurônico.\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 Este protetor solar é diferente de qualquer protetor solar que você já experimentou.Imagine um protetor solar que protege, hidrata e ao mesmo tempo te mantém radiante?Imagine passar protetor solar e não sentir nada na pele?Imagine uma proteção solar poderosa sem qualquer brancura, oleosidade ou pegajosidade?Isso não é imaginação...isso \u003cstrong\u003eSKIN1004 Centella Hyalu-Cica Water-Fit Sun Serum\u003c\/strong\u003e.Não é apenas um protetor solar comum... é um sérum de cuidado completo e com proteção excepcional.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 2 --\u003e\n\u003cimg alt=\"Benefícios do soro solar 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_2.webp?v=1754232166\"\/\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eProteção + cuidado + beleza em um só produto – 6 benefícios excepcionais\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003e\n Os ingredientes naturais mais poderosos combinados pela primeira vez\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\"\u003eProteção superior FPS50+ PA++++\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eA proteção mais forte contra os raios UVA e UVB prejudiciais com tecnologia de proteção coreana avançada\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\"\u003eHidratação profunda com ácido hialurônico\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eMantém a pele hidratada o dia todo com 3 tamanhos moleculares diferentes\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\"\u003eAcalma infecções de pele\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eCom extrato concentrado de Centella de Madagascar de 9800 ppm para calmante instantâneo\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\"\u003eTextura aquosa leve\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eDesaparece na pele sem deixar vestígios, é totalmente transparente e adequado para todos os tons de pele\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\"\u003eBrilho natural instantâneo\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eFaz a pele brilhar de forma saudável e uniformiza a cor com niacinamida\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\"\u003eSeguro para peles sensíveis\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eHipoalergênico e testado dermatologicamente\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\"\u003eA fórmula mágica: proteção + cuidado + beleza em um só produto\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003eOs ingredientes naturais mais poderosos combinados pela primeira vez\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 3 --\u003e\n\u003cimg alt=\"Fórmula mágica 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\"\u003eComponentes científicos avançados\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003e\n 4 poderosas combinações de ingredientes trabalhando em perfeita harmonia\n \u003c\/p\u003e\n\u003cdiv class=\"ph-mechanism-cards\"\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eExtrato de Centela de Madagascar 9800ppm - Al-Mahdi Natural\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eA Centella mais pura e poderosa do mundo de Madagascar\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCentella é um milagre herbal que tem a capacidade de acalmar os casos mais graves de irritação e vermelhidão em segundos\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcalma infecções de pele:\u003c\/strong\u003e E vermelhidão imediatamente\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcelera a cicatrização de pequenas feridas:\u003c\/strong\u003e E os efeitos dos grãos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFortalece a barreira natural da pele:\u003c\/strong\u003e Contra fatores externos\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtege contra poluição e poeira:\u003c\/strong\u003e Durante a proteção solar\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Ácido hialurônico com 3 tamanhos moleculares - hidratação profunda\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eTecnologia avançada para hidratar todas as camadas da pele\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eA magia está na diversidade:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eÁcido Hialurônico Simples:\u003c\/strong\u003e para a camada superficial\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAnalisador de ácido hialurônico:\u003c\/strong\u003e Para camadas profundas\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHialuronato de sódio:\u003c\/strong\u003e Para hidratação contínua\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHidratante 1000 vezes:\u003c\/strong\u003e O peso de uma molécula na água\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eNiacinamida - tratamento de pigmentação\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eVitamina B3, que uniformiza o tom da pele e a protege\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eVários benefícios:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eReduz a pigmentação:\u003c\/strong\u003e Resultante de danos causados pelo sol\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRegula a secreção de sebo:\u003c\/strong\u003e Para pele oleosa e mista\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMelhora a textura da pele:\u003c\/strong\u003e E sua suavidade\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFortalece a imunidade da pele:\u003c\/strong\u003e Contra fatores prejudiciais\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eAntioxidantes naturais - proteção abrangente\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eOs danos por oxidação são a causa número um do envelhecimento prematuro e da pigmentação teimosa\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eEquipe defensora:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrato de chá verde:\u003c\/strong\u003e Poderoso antioxidante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrato de brócolis:\u003c\/strong\u003e Vitaminas e minerais essenciais\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrato de agrião:\u003c\/strong\u003e Ativa a circulação sanguínea\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrato de alfafa:\u003c\/strong\u003e Nutrição celular profunda\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\"\u003ePor que o SKIN1004 é diferente de outros protetores solares?\u003c\/h2\u003e\n\u003ch3 class=\"ph-problem-subtitle\"\u003e\n\u003cstrong\u003eProtetores solares regulares vs SKIN1004 – a diferença é clara\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cp class=\"ph-problem-text\"\u003e\n A maioria dos protetores solares do mercado foca apenas na proteção, mas deixa a pele seca, oleosa ou com uma irritante camada branca.Os raios solares prejudicam a pele mesmo em dias nublados e, a cada dia sem a proteção adequada, as células da pele ficam mais danificadas.\n \u003c\/p\u003e\n\u003cdiv class=\"ph-problem-details\"\u003e\n\u003ch4 class=\"ph-problem-detail-title\"\u003eComparação abrangente:\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\u003eProtetores solares tradicionais\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Uma textura oleosa e pegajosa que faz a pele brilhar de uma forma não tão doce\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Brancura clara que aparece na pele por horas\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Secura e irritação, especialmente em peles sensíveis\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Somente proteção sem quaisquer benefícios adicionais\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Difícil de remover e obstrui os poros\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✓ Textura leve e aquosa que desaparece em segundos\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Totalmente transparente, adequado para todos os tons de pele\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Hidratar e acalmar com proteção\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Cuidados integrados com a pele enquanto protege\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Fácil de remover e confortável para uso diário\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ph-problem-highlight\"\u003e\n\u003cstrong\u003eA proteção não é um luxo... é uma necessidade para a saúde e beleza da sua pele\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 4 --\u003e\n\u003cimg alt=\"Compare SKIN1004 com outros produtos\" 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\"\u003eUma viagem de proteção e beleza – veja a diferença desde o primeiro dia\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003eNão é apenas proteção... é uma melhoria abrangente para a sua pele\u003c\/p\u003e\n\u003cdiv class=\"ph-timeline-container\"\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eDesde o primeiro uso\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eA agradável surpresa\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eProteção instantânea contra os raios solares mais fortes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eHidratação profunda é preferida por longas horas\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eBrilho natural sem qualquer brancura ou oleosidade\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eConforto total mesmo para peles sensíveis\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\"\u003eDepois de uma semana\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eMelhoria óbvia\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eA pele fica visivelmente mais lisa e elástica\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eReduzindo a vermelhidão e a inflamação da pele\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMelhor tom de pele e brilho natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eProteção comprovada sem queimaduras solares\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\"\u003eDepois de um mês\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eMelhoria contínua\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003ePele mais saudável e vibrante com hidratação profunda\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMelhora na textura e suavidade da pele\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eProteção poderosa contra todos os danos causados pelo sol e poluição\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMaior confiança no uso diário do produto\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\"\u003eDepois de 3 meses\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eProteção e cuidado completos\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003ePele 100% protegida dos danos causados pelo sol e do envelhecimento\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMelhor saúde geral da pele com ingredientes naturais\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eBrilho duradouro e vitalidade natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eUm hábito saudável que passou a fazer parte da sua rotina diária\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ão é apenas proteção... é uma melhoria abrangente para a sua pele a longo prazo\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 5 --\u003e\n\u003cimg alt=\"Jornada para a melhoria com 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\"\u003eMétodo de aplicação ideal - para máxima proteção e beleza\u003c\/h2\u003e\n\u003cp class=\"ph-usage-subtitle\"\u003ePassos simples para resultados perfeitos\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\"\u003eDe manhã\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eLimpe o rosto com a loção adequada, hidrate a pele com o seu hidratante habitual, espere 5 minutos para o hidratante secar, aplique uma quantidade adequada de sérum e protetor solar.\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\"\u003eMétodo de aplicação\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eEsprema uma quantidade do tamanho de uma moeda (cerca de uma colher de chá), espalhe suavemente por todo o rosto e pescoço, dê tapinhas suaves até absorver completamente, espere 5 minutos antes de aplicar a maquiagem.\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\"\u003eReaplicação\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eA cada duas horas quando exposto ao sol direto, após nadar ou suar muito.Fácil de aplicar mesmo sobre maquiagem leve\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\"\u003eDicas importantes\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eUse diariamente para obter melhores resultados, adequado sob protetor solar e maquiagem, seguro para uso frequente\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\"\u003ePor que o protetor solar é um investimento inteligente?\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\"\u003eQualidade coreana original:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eUma das marcas coreanas mais famosas\u003c\/strong\u003e Especializada em produtos Centella - confiança e qualidade global comprovada\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePreço razoável por ótimo valor\u003c\/strong\u003e - Mais barato que a maioria dos protetores solares de luxo com ingredientes mais caros\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTaxa de satisfação superior a 95%\u003c\/strong\u003e De usuários de todo o mundo\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\"\u003eUm investimento inteligente na sua pele:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eUm produto que alcançou grande sucesso\u003c\/strong\u003e Excelentes críticas em todo o mundo\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eA luz solar prejudica sua pele\u003c\/strong\u003e Mesmo em dias nublados\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTodos os dias sem proteção\u003c\/strong\u003e As células da sua pele estão mais danificadas\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\"\u003eAviso importante: Sua pele precisa de proteção todos os dias\u003c\/h2\u003e\n\u003cdiv class=\"ph-warning-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eOs raios solares são prejudiciais à pele, mesmo em dias nublados\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eTodos os dias sem proteção... as células da sua pele ficam mais danificadas\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eA cada semana de descaso... os sinais de envelhecimento aparecem mais rápido\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCada mês de adiamento... os danos acumulam-se e continuam difíceis de reparar\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eA proteção não é um luxo... é uma necessidade para a saúde e beleza da sua pele\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 6 --\u003e\n\u003cimg alt=\"A importância da proteção diária\" 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 não é apenas um protetor solar... é um investimento no futuro da sua pele\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\u003eQualidade coreana original\u003c\/h4\u003e\n\u003cp\u003eUma das marcas coreanas mais famosas especializadas em produtos Centella - confiança e qualidade globais comprovadas com tecnologias de proteção avançadas\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\u003ePreço razoável por ótimo valor\u003c\/h4\u003e\n\u003cp\u003eMais barato que a maioria dos protetores solares de luxo, com ingredientes ativos essenciais e mais caros - um investimento inteligente na saúde da sua pele\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\u003eSucesso comprovado globalmente\u003c\/h4\u003e\n\u003cp\u003eTaxa de satisfação de mais de 95% dos usuários em todo o mundo - um produto que alcançou grande sucesso e excelentes críticas\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\u003eSeguro e adequado para todos\u003c\/h4\u003e\n\u003cp\u003eHipoalergênico e testado dermatologicamente - adequado para peles sensíveis e uso diário\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\u003eVersátil\u003c\/h4\u003e\n\u003cp\u003eProtetor solar + sérum de cuidado + hidratante leve + antiinflamatório – tudo que a pele precisa em um só produto\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\"\u003eProteja a sua pele hoje... e deixe-a agradecer no futuro\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 Todos os dias, sem proteção adequada, as células da pele ficam mais danificadas.\u003cbr\/\u003e\n Toda semana, negligencie os sinais de envelhecimento para que apareçam mais rapidamente.\n \u003c\/p\u003e\n\u003cdiv class=\"ph-cta-content\"\u003e\n\u003cp class=\"ph-cta-highlight\"\u003eAproveite o sol sem medo\u003c\/p\u003e\n\u003cp class=\"ph-cta-subtext\"\u003eCom a proteção mais forte e a textura mais suave - o protetor solar que vai fazer você amar o sol desde a primeira utilização\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\"\u003eLista completa de ingredientes\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-ingredients-list\"\u003e\n\u003ch2 class=\"ph-ingredients-list-title\"\u003eIngredientes ativos e fórmula completa\u003c\/h2\u003e\n\u003cdiv class=\"ph-ingredients-text\"\u003e\n\u003cstrong\u003ePrincipais ingredientes ativos:\u003c\/strong\u003e\u003cbr\/\u003e\n • \u003cstrong\u003eCentella Asiatica Extract (9800ppm)\u003c\/strong\u003e - Centella malgaxe para acalmar\u003cbr\/\u003e\n • \u003cstrong\u003eHyaluronic Acid Complex (3 sizes)\u003c\/strong\u003e - Ácido hialurônico para hidratação profunda\u003cbr\/\u003e\n • \u003cstrong\u003eNiacinamide\u003c\/strong\u003e - Vitamina B3 para unificar a cor\u003cbr\/\u003e\n • \u003cstrong\u003eNatural Antioxidants\u003c\/strong\u003e - Antioxidantes naturais\u003cbr\/\u003e\n • \u003cstrong\u003eSPF50+ PA++++ Filters\u003c\/strong\u003e - Filtros de proteção avançados\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong\u003eLista completa de ingredientes (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✓ Hipoalergênico\u003c\/strong\u003e - Laboratório dermatologista\u003cbr\/\u003e\n\u003cstrong\u003e✓ Adequado para peles sensíveis\u003c\/strong\u003e - Fórmula suave e segura\u003cbr\/\u003e\n\u003cstrong\u003e✓ Proteção de amplo espectro\u003c\/strong\u003e - Contra UVA, UVB e raios nocivos\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\/pt\/collections\/sunscreens-sunblockers.oembed?page=2","provider":"Instachiq","version":"1.0","type":"link"}