{"title":"Protezione Solare \u0026 SPF","description":"\u003cstyle\u003e\n .collection-hero-section {\n background: linear-gradient(135deg, #000000, #131a15);\n padding: 60px 20px;\n position: relative;\n overflow: hidden;\n font-family:Cairo',sans-serif;\n color: #ffffff;\n line-height: 1.6;\n }\n \n .collection-hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.3);\n z-index: 1;\n }\n \n .collection-content {\n position: relative;\n z-index: 2;\n max-width: 1200px;\n margin: 0 auto;\n }\n \n .wisdom-quote {\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(128, 174, 147, 0.3);\n border-radius: 12px;\n padding: 20px;\n text-align: center;\n margin-bottom: 30px;\n position: relative;\n max-width: 600px;\n margin-left: auto;\n margin-left: auto;\n }\n \n .wisdom-text {\n font-size: 1.1rem;\n color: #80ae93;\n font-weight: 600;\n font-style: italic;\n line-height: 1.6;\n }\n \n .collection-title {\n font-size: 3.5rem;\n font-weight: 700;\n margin-bottom: 20px;\n background: linear-gradient(135deg, #ffffff, #80ae93);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n text-align: center;\n line-height: 1.2;\n }\n \n .collection-description {\n font-size: 1.1rem;\n line-height: 1.8;\n color: rgba(255, 255, 255, 0.9);\n text-align: center;\n max-width: 600px;\n margin: 0 auto 40px auto;\n font-weight: 300;\n }\n \n .ingredients-section {\n margin-top: 40px;\n padding: 20px 0;\n }\n \n .ingredients-title {\n text-align: center;\n font-size: 1rem;\n letter-spacing: 2px;\n color: #80ae93;\n margin-bottom: 30px;\n font-weight: 600;\n }\n \n .ingredients-grid {\n display: flex;\n gap: 16px;\n overflow-x: auto;\n padding: 20px 20px 30px 20px;\n scroll-behavior: smooth;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: thin;\n scrollbar-color: #80ae93 rgba(255, 255, 255, 0.1);\n margin: 0 -20px;\n }\n \n .ingredients-grid::-webkit-scrollbar {\n height: 6px;\n }\n \n .ingredients-grid::-webkit-scrollbar-track {\n background: rgba(255, 255, 255, 0.1);\n border-radius: 3px;\n }\n \n .ingredients-grid::-webkit-scrollbar-thumb {\n background: #80ae93;\n border-radius: 3px;\n }\n \n .ingredients-grid::-webkit-scrollbar-thumb:hover {\n background: #6a9a7f;\n }\n \n .ingredient-card {\n background: rgba(255, 255, 255, 0.05);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 12px;\n padding: 16px 12px;\n text-align: center;\n cursor: pointer;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n min-height: 90px;\n min-width: 140px;\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n \n .ingredient-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(128, 174, 147, 0.15), transparent);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .ingredient-card:hover {\n transform: translateY(-5px);\n border-color: #80ae93;\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);\n }\n \n .ingredient-card:hover::before {\n opacity: 1;\n }\n \n .ingredient-name {\n font-size: 0.95rem;\n font-weight: 600;\n margin-bottom: 4px;\n color: #ffffff;\n position: relative;\n z-index: 2;\n }\n \n .ingredient-benefit {\n font-size: 0.75rem;\n color: #80ae93;\n font-weight: 500;\n position: relative;\n z-index: 2;\n }\n \n .modal-overlay {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.85);\n backdrop-filter: blur(8px);\n z-index: 1000;\n animation: fadeIn 0.3s ease;\n }\n \n .modal-overlay.active {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 20px;\n }\n \n .modal-content {\n background: linear-gradient(135deg, #1a1a1a, #2a2a2a);\n border: 2px solid #80ae93;\n border-radius: 20px;\n max-width: 500px;\n width: 100%;\n padding: 40px 30px;\n position: relative;\n animation: slideUp 0.4s ease;\n box-shadow: 0 25px 50px rgba(0, 0, 0, 0.6);\n }\n \n .modal-close {\n position: absolute;\n top: 15px;\n left: 15px;\n background: rgba(255, 255, 255, 0.1);\n border: none;\n color: #ffffff;\n font-size: 24px;\n width: 35px;\n height: 35px;\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .modal-close:hover {\n background: rgba(128, 174, 147, 0.3);\n transform: rotate(90deg);\n }\n \n .modal-title {\n font-size: 1.5rem;\n font-weight: 700;\n margin-bottom: 8px;\n color: #80ae93;\n text-align: center;\n }\n \n .modal-subtitle {\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.7);\n text-align: center;\n margin-bottom: 20px;\n font-style: italic;\n }\n \n .modal-description {\n font-size: 0.95rem;\n line-height: 1.7;\n color: rgba(255, 255, 255, 0.9);\n margin-bottom: 20px;\n text-align: left;\n }\n \n .modal-benefits {\n background: rgba(128, 174, 147, 0.1);\n border-right: 3px solid #80ae93;\n padding: 15px 20px;\n border-radius: 8px;\n margin-top: 20px;\n }\n \n .modal-benefits h4 {\n color: #80ae93;\n font-size: 0.85rem;\n margin-bottom: 10px;\n font-weight: 600;\n }\n \n .modal-benefits ul {\n list-style: none;\n padding: 0;\n }\n \n .modal-benefits li {\n padding: 6px 0;\n color: rgba(255, 255, 255, 0.9);\n position: relative;\n padding-left: 20px;\n font-size: 0.9rem;\n }\n \n .modal-benefits li::before {\n content: '✓';\n position: absolute;\n right: 0;\n color: #80ae93;\n font-weight: bold;\n }\n \n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n \n @keyframes slideUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @media (max-width: 768px) {\n .collection-hero-section {\n padding: 40px 15px;\n }\n \n .collection-title {\n font-size: 2.5rem;\n }\n \n .collection-description {\n font-size: 1rem;\n }\n \n .ingredients-grid {\n gap: 12px;\n padding: 20px 15px 30px 15px;\n margin: 0 -15px;\n }\n \n .ingredient-card {\n min-height: 80px;\n min-width: 120px;\n padding: 12px 8px;\n }\n \n .ingredient-name {\n font-size: 0.85rem;\n }\n \n .ingredient-benefit {\n font-size: 0.7rem;\n }\n \n .wisdom-text {\n font-size: 1rem;\n }\n \n .modal-content {\n padding: 30px 20px;\n margin: 10px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"collection-hero-section\"\u003e\n\u003cdiv class=\"collection-content\"\u003e\n\u003cdiv class=\"wisdom-quote\"\u003e\n\u003cp class=\"wisdom-text\"\u003eLa crema solare non è un lusso, è uno scudo di protezione per la tua giovinezza\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"collection-title\"\u003eCreme solari | Protezione quotidiana\u003c\/h1\u003e\n\u003cp class=\"collection-description\"\u003eIl sole è la causa principale dell'invecchiamento precoce: distrugge il collagene, provoca rughe e pigmentazione e accelera i segni dell'invecchiamento. La crema solare non è un lusso, ma una necessità quotidiana per proteggere il tuo investimento nella cura della pelle e mantenerne la giovinezza.\u003c\/p\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eIngredienti attivi\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eOssido di zinco\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eProtezione fisica\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eDiossido di titanio\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eScudo metallico\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eAvobenzone\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eFiltro UVA\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eOctinoxato\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eAssorbimento UVB\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eTinosorb\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eProtezione ampia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eAntiossidanti\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eProtezione aggiuntiva\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eNiacinamide\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eCalma e protegge\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eAcido ialuronico\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eIdratazione con protezione\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"modal-overlay\" id=\"modal\"\u003e\n\u003cdiv class=\"modal-content\" id=\"modalContent\"\u003e\n\u003cbutton class=\"modal-close\"\u003e×\u003c\/button\u003e\n\u003cdiv id=\"modalBody\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","products":[{"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":46999294247086,"sku":"INSTA0666CHIQ","price":8.58,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/sunscreen-tinted-copy.png?v=1788176103"},{"product_id":"infinity-sunscreen-lotion","title":"Lozione Solare Infinity Crema Solare offerta 1+1","description":"\u003cp\u003eLozione Solare Infinity Care con antiossidanti e proprietà anti-invecchiamento idraterà e proteggerà il tuo viso e corpo dai dannosi raggi del sole, prevenendo scottature, pigmentazione e gli effetti nocivi dei raggi UV.\u003cbr data-mce-fragment=\"1\"\/\u003e\u003cbr data-mce-fragment=\"1\"\/\u003eUsi del prodotto: \u003cbr data-mce-fragment=\"1\"\/\u003ePer protezione prima dell'esposizione al sole.\u003cbr data-mce-fragment=\"1\"\/\u003ePer tutti i tipi di pelle\u003c\/p\u003e\n\u003cp\u003eSpecifiche del prodotto\u003cbr data-mce-fragment=\"1\"\/\u003e\u003cbr data-mce-fragment=\"1\"\/\u003eOctocrylene - Avobenzone - Bisoctriazole - Pimotrizinol - Dicarryl Carbonate - Cyclopentasiloxane - Pantenolo - Acido Citrico - Vitamina E - Glicerina\u003cbr data-mce-fragment=\"1\"\/\u003e\u003cbr data-mce-fragment=\"1\"\/\u003eIstruzioni per l'uso\u003cbr data-mce-fragment=\"1\"\/\u003e\u003cbr data-mce-fragment=\"1\"\/\u003eApplicalo 15-20 minuti prima dell'esposizione al sole. Riapplicalo generosamente ogni due ore per protezione, soprattutto dopo nuoto, sudore o asciugatura con l'asciugamano.\u003c\/p\u003e","brand":"infinity","offers":[{"title":"Default Title","offer_id":46999299752110,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_34_ef6a7646-5e6a-4854-95e4-0cb80d9243a8.jpg?v=1788175917"},{"product_id":"dermatique-mattifying-sunscreen","title":"Fluido Solare Opacizzante Dermatique SPF 50+ (Offerta Duo 1+1)","description":"\u003ch2 style=\"text-align: center;\"\u003eAssorbe i grassi, idrata, protegge.\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-left: auto;\"\/\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp\u003eUn fluido leggero, senza oli, che garantisce una protezione ottimale ad ampio spettro UVA\/UVB contro gli effetti nocivi del sole, regolando al contempo le secrezioni sebacee e prevenendo la lucidità, proteggendo la pelle dai fattori di ossidazione dannosi che causano segni di invecchiamento precoce. \u003c\/p\u003e\n\u003cp\u003e*Tecnologia Inhipase™ per preservare la bellezza della pelle sensibile.\u003c\/p\u003e\n\u003cp\u003e*Tecnologia Pollushield™ per protezione anti-inquinamento di 24 ore.\u003c\/p\u003e\n\u003cp\u003e*Resistente all'acqua. Texture asciutta.\u003c\/p\u003e\n\u003cp\u003e*Non lascia aloni bianchi. Resistente alla lucidatura.\u003c\/p\u003e\n\u003cp\u003e*Privo di allergeni. non comedogenico (non ostruisce i pori).\u003c\/p\u003e\n\u003cp\u003e*Senza parabeni.\u003c\/p\u003e\n\u003cp\u003eUso: Applicare 30 minuti prima dell'esposizione al sole. Ripetere ogni due ore o dopo nuoto, sudorazione o asciugatura dei tamponi.\u003c\/p\u003e\n\u003cp\u003eAvvertenze: Solo per uso esterno. Evitare il contatto con gli occhi. Tenere fuori dalla portata dei bambini e in un luogo fresco e asciutto, lontano da calore diretto o luce solare.\u003c\/p\u003e\n\u003cp\u003eIngredienti: UVINUL EASY, VITAMINA E, ESTRATTO DI CAMOMILLA, TINOSORB S, PANTENOLO, POLLUSHIELD, UNIVUL A, OSSIDO DI ZINCO, CETIOL AB, GLICERINA, ALLANTOINA.\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":46999346053294,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_31_fe8c53fc-6df2-4cdf-9da3-f418e7dbaf00.jpg?v=1788175571"},{"product_id":"kolagra-sunscreen-offer","title":"Presentazione del Gel Solare Kolagra SPF 50 per Pelle Normale e 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":46999348576430,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Untitleddesign_2.png?v=1788175559"},{"product_id":"عرض-offer-kolagra-sun-screen-lotion-120ml-1-1","title":"Offerta Lozione Solare 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":46999348773038,"sku":null,"price":20.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Untitleddesign_3_d12dcc47-17a2-4c38-a72b-edc0fdf4a051.png?v=1788175558"},{"product_id":"farm-stay-كريم-واقي-الشمس-الخالي-من-الزيوت-spf50","title":"Crema solare senza olio Farm Stay SPF50+","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\"\u003eUno dei migliori solari\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\"\u003eSicuro per tutti i tipi di pelle, assorbimento rapido, senza sintomi o residui fastidiosi\u003c\/p\u003e\n\u003ctable dir=\"ltr\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eVantaggio\u003c\/th\u003e\n\u003cth\u003eFarmstay protezione solare\u003c\/th\u003e\n\u003cth\u003eLa maggior parte delle altre creme solari\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eTipo di pelle\u003c\/td\u003e\n\u003ctd\u003eTutti i tipi di pelle, comprese le pelli grasse e sensibili\u003c\/td\u003e\n\u003ctd\u003ePotrebbe non essere ideale per tutti i tipi di pelle\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFattore di protezione solare\u003c\/td\u003e\n\u003ctd\u003eSPF50+\u003c\/td\u003e\n\u003ctd\u003ePotrebbe essere inferiore a SPF50+\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProtezione dalle radiazioni\u003c\/td\u003e\n\u003ctd\u003eProtezione a largo spettro contro i raggi UVA e UVB\u003c\/td\u003e\n\u003ctd\u003ePotrebbe non offrire una protezione estesa\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIngredienti principali\u003c\/td\u003e\n\u003ctd\u003eDelicato sulla pelle, come estratto di aloe vera e acido ialuronico\u003c\/td\u003e\n\u003ctd\u003ePuò contenere ingredienti che sono aggressivi per la pelle\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eTexture\u003c\/td\u003e\n\u003ctd\u003eLeggero e non grasso\u003c\/td\u003e\n\u003ctd\u003ePotrebbe essere grasso o pesante sulla pelle e lasciare un effetto irritante\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIdratazione Profonda Viso\u003c\/td\u003e\n\u003ctd\u003eSì, contiene ingredienti idratanti come l'estratto di aloe vera e l'acido ialuronico\u003c\/td\u003e\n\u003ctd\u003ePotrebbe non contenere ingredienti idratanti\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\"\u003ePrincipali ingredienti:\u003c\/p\u003e\n\u003cul data-mce-fragment=\"1\"\u003e\n\u003cli data-mce-fragment=\"1\"\u003eAqua per idratare la pelle.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003eMetossicinnamato di etilesile, salicilato di etilesile e triazone di etilesile per proteggere la pelle dai dannosi raggi ultravioletti.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003eDioxide di Titanio e Ossido di Zinco per una protezione solare immediata e completa.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003eEstratti vegetali come Estratto di Foglia di Aloe Barbadensis, Estratto di Corteccia di Morus Alba, Estratto di Frutto di Olea Europaea, ed estratti di agrumi come Pompelmo (Estratto di Frutto di Citrus Paradisi), Arancia (Estratto di Frutto di Citrus Aurantium Dulcis) e Pomodoro (Estratto di Frutto di Solanum Lycopersicum). Per nutrire e idratare la pelle.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003eAltre sostanze naturali come cera vegetale e cera d'api (Cera Microcristallina, Cera d'Api) aiutano a idratare e proteggere la pelle.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp data-sourcepos=\"32:1-32:314\"\u003eSe stai cercando una crema solare leggera, non grassa e che fornisca protezione ad ampio spettro, Farmstay Oil-Free Sunscreen è la scelta perfetta per te. È anche delicata sulla pelle, priva di parabeni, oli minerali e altri prodotti chimici nocivi. Inoltre, è molto conveniente e ha ricevuto molte recensioni positive dai clienti.\u003c\/p\u003e","brand":"Farm stay","offers":[{"title":"Default Title","offer_id":46999366664366,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/farmstayoilfreesunscreenuvdefense_0b5ae682-d050-4658-b606-a73980d1426c.jpg?v=1788175490"},{"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-left: 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-left: 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-left: 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 PROTEZIONE: Scudo solare con cura coreana\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 È una protezione solare innovativa coreana che combina protezione ad ampio spettro con un potente SPF50+ PA++++ e una formula ricca di nutrienti per idratare e nutrire profondamente la pelle. Questo protettivo contiene il 30% di estratto di riso fermentato e una miscela di probiotici che riequilibrano il microbioma cutaneo e leniscono rossore e secchezza. Grazie alla sua consistenza leggera e luminosa che scompare istantaneamente senza lasciare pellicola oleosa o bianca, Relief Sun unisce efficacia e comfort quotidiano per tutti i tipi di pelle, anche quelle sensibili.\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\u003eProtezione completa senza compromessi\u003c\/h2\u003e\n\u003ch3\u003e- Formulazione avanzata per prevenire i danni del sole\u003c\/h3\u003e\n\u003cp\u003eRelief Sun offre una protezione efficace contro i raggi UVA e UVB grazie a filtri chimici avanzati che garantiscono SPF50+ PA++++, riducendo il rischio di scottature e iperpigmentazione derivanti dall'esposizione quotidiana al sole. Formula senza profumo, senza alcool e sicura (livello verde EWG), adatta alla pelle sensibile e a chi è allergico ai solari convenzionali.\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\u003eDuo idratazione e nutrimento: riso e probiotici in un unico blend\u003c\/h2\u003e\n\u003ch3\u003e- Ingredienti naturali per idratazione profonda e sollievo istantaneo\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 il 30% di estratto di riso fermentato con una miscela di probiotici e cereali fermentati, ricchi di vitamine B, C, E, aminoacidi e minerali, per fornire alla pelle idratazione immediata e lenire rossore e secchezza durante tutta la giornata.\u003c\/p\u003e\n\u003cp\u003eLa formula è inoltre arricchita con Niacinamide, che equilibra i livelli di olio e umidità della pelle, minimizzando la dimensione dei pori per un aspetto più liscio e più pieno.\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\u003eCome funziona il prodotto?\u003c\/h2\u003e\n\u003ch3\u003e- La tecnologia idratante funziona in sinergia con la protezione solare -\u003c\/h3\u003e\n\u003cdiv class=\"process-steps\"\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eInizio della calma\u003c\/div\u003e\n\u003cp\u003eQuando si applica il protettivo, i probiotici e il riso fermentato leniscono la pelle e alleviano la sensazione di secchezza e arrossamento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eForte barriera protettiva\u003c\/div\u003e\n\u003cp\u003eI filtri SPF50+ PA++++ riflettono e assorbono i raggi dannosi prima che penetrino nella pelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eIdratante e nutriente\u003c\/div\u003e\n\u003cp\u003eIl riso fermentato rilascia i suoi ingredienti idratanti in profondità nella pelle, mentre la niacinamide rinforza la barriera naturale d'acqua della pelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eFinitura leggera\u003c\/div\u003e\n\u003cp\u003eLa texture gel lucida si assorbe rapidamente, lasciando la pelle morbida senza alcun alone bianco o fastidiosa appiccicosità.\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\u003eIl segreto dell'eccellenza: Perché Relief Sun supera gli altri?\u003c\/h2\u003e\n\u003ch3\u003e- Risultati pratici e esperienza utente affidabile\u003c\/h3\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eTexture irresistibile\u003c\/h4\u003e\n\u003cp\u003eLeggera come l'aria, si fonde nella pelle senza lasciare traccia di untuosità o fastidiosa bianchezza.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eEfficacia comprovata\u003c\/h4\u003e\n\u003cp\u003eUna delle creme solari con le valutazioni più alte al mondo con punteggi superiori a 4,5 stelle da milioni di utenti\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eFormula scientifica e naturale\u003c\/h4\u003e\n\u003cp\u003eCombina filtri chimici avanzati con estratti organici tradizionali di riso fermentato e probiotici, per garantire protezione e idratazione completa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eRiconoscimento degli esperti\u003c\/h4\u003e\n\u003cp\u003eSupportato dalla raccomandazione di Allure come una delle migliori creme solari coreane per la combinazione di protezione e stile, e approvato dai dermatologi grazie alla sua formula sicura ed efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eAdatto a tutte le condizioni\u003c\/h4\u003e\n\u003cp\u003eFunziona in modo eccellente in condizioni di alta umidità e previene una sensazione di pesantezza o scivolosità, rendendolo la scelta perfetta per l'uso quotidiano sotto o senza trucco.\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\"\u003eProteggi la tua pelle con l'ultima eleganza coreana\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eGoditi la protezione SPF50+ con idratazione profonda e nutrimento in un unico prodotto. Dì addio alle creme solari pesanti e bianche e dai il benvenuto a un incarnato sano e protetto tutto il giorno!\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eCompra ora\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":46999396057262,"sku":null,"price":19.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/51KXcVZceoL_fd748b52-4e55-4a76-8c3f-58d52954320a.jpg?v=1788175363"},{"product_id":"bobai-sunscreen-extra-lightening-gel-spf-50-واقي-الشمس-المفتح-من-بوباي","title":"Crema solare illuminante Bobai Extra Lightening gel SPF 50 è una crema solare illuminante di 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-left: 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\"\u003eSolare illuminante SPF 50\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eProtezione + schiarente in un unico prodotto\u003c\/p\u003e\n\u003cdiv class=\"dual-action-highlight\"\u003eProtezione quotidiana + schiarimento graduale = doppi risultati\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Question Section --\u003e\n\u003cdiv class=\"question-section\"\u003e\n\u003cdiv class=\"question-text\"\u003ePerché scegliere una crema solare illuminante?\u003c\/div\u003e\n\u003cdiv class=\"answer-text\"\u003e\n\u003cdiv class=\"problem-highlight\"\u003e\n\u003cstrong\u003eIl problema con le creme solari normali\u003c\/strong\u003e Protegge solo, ma... \u003cstrong\u003eLe macchie scure esistenti rimangono così come sono\u003c\/strong\u003e.\n \u003c\/div\u003e\n\u003cdiv class=\"solution-highlight\"\u003e\n\u003cstrong\u003eSolare illuminante\u003c\/strong\u003e Con le tue mani \u003cstrong\u003eProtezione + trattamento\u003c\/strong\u003e Allo stesso tempo. Invece di usare due prodotti separati, un solo prodotto agisce su entrambi i fronti.\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\"\u003eIngredienti attivi\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\"\u003eIlluminante naturale dalla liquirizia\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eInibisce l'enzima tirosinasi\u003c\/strong\u003e Responsabile della produzione di melanina\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSchiarisce gradualmente le macchie scure\u003c\/strong\u003e Senza irritazioni\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSicuro per l'uso quotidiano\u003c\/strong\u003e A differenza dell'idrochinone\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdatto per pelli sensibili\u003c\/strong\u003e Non provoca infiammazione\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\"\u003eProtezione SPF 50\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003eProtezione UV superiore\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlta protezione UVA\/UVB\u003c\/strong\u003e Previene la formazione di nuove macchie\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eContrasta i radicali liberi\u003c\/strong\u003e Cause dell'invecchiamento della pelle\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePreviene il peggioramento delle macchie esistenti\u003c\/strong\u003e Dall'esposizione al sole\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 semplice\u003c\/h2\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003col class=\"step-list\"\u003e\n\u003cli\u003e\u003cstrong\u003eApplica quotidianamente 20 minuti prima dell'esposizione al sole\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRiapplicare ogni due ore\u003c\/strong\u003e Per una protezione continua\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUsalo anche nei giorni nuvolosi\u003c\/strong\u003e - I raggi ultravioletti sono sempre presenti\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\"\u003eCronologia dei risultati visibili\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003eImmediatamente\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003eProtezione solare e una texture leggera e confortevole\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003eDue settimane\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003ePrevieni la formazione di nuove macchie\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003eUn mese\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003eL'inizio di un leggero schiarimento delle macchie esistenti\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003e3 mesi\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003eUn chiaro miglioramento del tono della pelle\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003e6 mesi\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003eRisultati stabili nello schiarire le macchie\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\"\u003eUn fatto importante riguardante i danni del sole\u003c\/div\u003e\n\u003cdiv class=\"sun-damage-fact\"\u003e\n\u003cstrong\u003eOgni raggio di sole rompe il collagene. Esporsi al sole senza protezione è la via più rapida all'invecchiamento precoce\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"investment-highlight\"\u003e\n\u003cp\u003e\u003cstrong\u003eSolare illuminante SPF 50\u003c\/strong\u003e Lui \u003cstrong\u003eUn investimento intelligente nella salute e bellezza della tua pelle\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eProtezione quotidiana + schiarimento graduale = doppi risultati da un unico prodotto.\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\"\u003eProteggi la tua pelle adesso\u003c\/h2\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eNon aspettare che compaiano macchie scure o segni dell'invecchiamento\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eInizia oggi la protezione e il trattamento\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"font-size: 1.4em; color: #9C8102;\"\u003e\u003cstrong\u003eOrdinalo ora... e mantieni la tua pelle protetta e radiosa ogni giorno.\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":46999408869550,"sku":null,"price":6.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/BobaiExtraLightning_4d7670a2-59bd-4863-9035-8b1f43ce9fa9.webp?v=1788175301"},{"product_id":"medicube-collagen-firming-sun-cream-50-ml","title":"Crema Solare Collagene Medicube Rassodante e Illuminante (SPF50+ PA++++) - 50 ml","description":"\u003cdiv class=\"medicube-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n .medicube-container {\n direction: ltr;\n text-align: left;\n max-width: 100%;\n margin: 0 auto;\n font-family:inherit;\n line-height: 1.6;\n color: #333;\n }\n\n .medicube-container * {\n box-sizing: border-box;\n }\n\n .main-title {\n color: #9C8102;\n font-size: 2.8em;\n font-weight: bold;\n margin-bottom: 30px;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\n text-align: center;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s ease-out forwards;\n }\n\n .product-image {\n width: 100%;\n max-width: 600px;\n height: auto;\n margin: 20px auto;\n display: block;\n border-radius: 15px;\n box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n opacity: 0;\n transform: scale(0.9);\n animation: scaleIn 1s ease-out 0.3s forwards;\n }\n\n .highlight-question {\n background: #000;\n color: white;\n padding: 30px;\n border-radius: 15px;\n margin: 30px 0;\n font-size: 1.4em;\n font-weight: bold;\n text-align: center;\n opacity: 0;\n transform: rotateX(15deg);\n animation: rotateIn 1s ease-out 0.5s forwards;\n border: 2px solid #9C8102;\n }\n\n .problem-solution {\n background: #f8f9fa;\n padding: 25px;\n border-radius: 12px;\n border-right: 4px solid #9C8102;\n margin: 25px 0;\n opacity: 0;\n transform: translateX(30px);\n animation: slideInRight 0.8s ease-out 0.7s forwards;\n }\n\n .section-header {\n background: #000;\n color: white;\n padding: 25px;\n margin: 40px 0 20px 0;\n border-radius: 10px;\n text-align: center;\n opacity: 0;\n transform: scale(0.95);\n }\n\n .section-title {\n color: #9C8102;\n font-size: 2em;\n font-weight: bold;\n margin-bottom: 10px;\n }\n\n .benefit-section {\n margin: 30px 0;\n padding: 25px;\n background: white;\n border-radius: 12px;\n box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n border-right: 4px solid #9C8102;\n opacity: 0;\n transform: translateX(30px);\n }\n\n .benefit-title {\n color: #9C8102;\n font-size: 1.3em;\n font-weight: bold;\n margin-bottom: 15px;\n }\n\n .ingredient-highlight {\n background: #e9ecef;\n padding: 10px 15px;\n border-radius: 8px;\n margin: 10px 0;\n border-right: 3px solid #9C8102;\n }\n\n .result-highlight {\n background: #f8f9fa;\n padding: 10px 15px;\n border-radius: 8px;\n margin: 10px 0;\n border-right: 3px solid #d4af37;\n }\n\n .collagen-section {\n background: #000;\n color: white;\n padding: 40px;\n border-radius: 15px;\n margin: 40px 0;\n text-align: center;\n opacity: 0;\n transform: rotateY(15deg);\n border: 2px solid #9C8102;\n }\n\n .collagen-types {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 25px;\n margin: 30px 0;\n }\n\n .collagen-type {\n background: white;\n color: #333;\n padding: 25px;\n border-radius: 12px;\n border-top: 4px solid #9C8102;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .collagen-type h4 {\n color: #9C8102;\n font-size: 1.2em;\n font-weight: bold;\n margin-bottom: 15px;\n }\n\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 15px 0;\n }\n\n .feature-item {\n background: #f8f9fa;\n margin-bottom: 10px;\n padding: 15px;\n border-radius: 8px;\n border-right: 3px solid #9C8102;\n display: flex;\n align-items: flex-start;\n gap: 10px;\n }\n\n .feature-bullet {\n width: 8px;\n height: 8px;\n background: #9C8102;\n border-radius: 50%;\n margin-top: 8px;\n flex-shrink: 0;\n }\n\n .protection-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin: 25px 0;\n }\n\n .stat-card {\n background: white;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n text-align: center;\n border-top: 4px solid #9C8102;\n opacity: 0;\n transform: translateY(20px);\n }\n\n .stat-number {\n font-size: 2.5em;\n font-weight: bold;\n color: #9C8102;\n display: block;\n }\n\n .amino-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin: 30px 0;\n }\n\n .amino-function {\n background: #f8f9fa;\n padding: 20px;\n border-radius: 10px;\n border-right: 4px solid #9C8102;\n opacity: 0;\n transform: translateX(20px);\n }\n\n .amino-function h4 {\n color: #9C8102;\n margin-bottom: 10px;\n font-weight: bold;\n }\n\n .hydration-section {\n background: #f5f5f5;\n padding: 30px;\n border-radius: 15px;\n margin: 30px 0;\n border: 2px solid #9C8102;\n }\n\n .hydration-types {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 25px 0;\n }\n\n .hydration-type {\n background: white;\n padding: 20px;\n border-radius: 10px;\n border-right: 4px solid #9C8102;\n opacity: 0;\n transform: translateY(25px);\n }\n\n .choice-section {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin: 40px 0;\n }\n\n .choice-card {\n padding: 30px;\n border-radius: 15px;\n text-align: center;\n opacity: 0;\n transform: scale(0.9);\n }\n\n .choice-delay {\n background: #f0f0f0;\n border: 2px solid #666;\n color: #333;\n }\n\n .choice-smart {\n background: #e8e8e8;\n border: 2px solid #9C8102;\n color: #333;\n }\n\n .ingredients-complete {\n background: #000;\n color: white;\n padding: 40px;\n border-radius: 15px;\n margin: 40px 0;\n }\n\n .ingredient-category {\n background: #333;\n padding: 20px;\n border-radius: 10px;\n margin: 20px 0;\n border-right: 4px solid #9C8102;\n }\n\n .ingredient-category h4 {\n color: #9C8102;\n margin-bottom: 15px;\n font-weight: bold;\n }\n\n .ingredient-list {\n list-style: none;\n padding: 0;\n }\n\n .ingredient-list li {\n padding: 8px 0;\n border-bottom: 1px solid #555;\n }\n\n .ingredient-list li:last-child {\n border-bottom: none;\n }\n\n .cta-final {\n background: #000;\n color: white;\n padding: 50px;\n border-radius: 20px;\n text-align: center;\n margin: 50px 0;\n opacity: 0;\n transform: scale(0.8);\n border: 3px solid #9C8102;\n }\n\n .urgency-text {\n font-size: 1.3em;\n font-weight: bold;\n margin: 20px 0;\n animation: pulse 2s infinite;\n }\n\n @keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes slideInRight {\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @keyframes scaleIn {\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes rotateIn {\n to {\n opacity: 1;\n transform: rotateX(0);\n }\n }\n\n @keyframes rotateInY {\n to {\n opacity: 1;\n transform: rotateY(0);\n }\n }\n\n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n\n @media (max-width: 768px) {\n .main-title {\n font-size: 2.2em;\n }\n \n .collagen-types,\n .amino-grid,\n .hydration-types,\n .choice-section {\n grid-template-columns: 1fr;\n }\n \n .highlight-question {\n font-size: 1.2em;\n padding: 20px;\n }\n }\n \u003c\/style\u003e\n\u003c!-- Main Title --\u003e\n\u003ch1 class=\"main-title\"\u003eMedicube Crema Solare al Collagene - una tecnologia coreana rivoluzionaria che cambia le regole del gioco\u003c\/h1\u003e\n\u003c!-- Main Product Image --\u003e\n\u003cimg alt=\"Crema solare al collagene di 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 Perché pagare di più per una protezione solare normale quando puoi ottenere 3 trattamenti in un solo prodotto?\n \u003c\/div\u003e\n\u003c!-- Problem \u0026 Solution --\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003cp\u003e\u003cstrong\u003eOgni mattina ti trovi di fronte a una scelta:\u003c\/strong\u003e Proteggi solo la tua pelle dal sole...o la proteggi, la trattieni e la abbellisci allo stesso tempo?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eIl problema con le creme solari normali\u003c\/strong\u003e Proteggono contro il futuro ma ignorano il presente. \u003cstrong\u003eLa tua pelle ha bisogno di più della protezione... ha bisogno di ricostruzione e rinnovamento.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMedicube Collagen Firming Sun Cream\u003c\/strong\u003e Non è solo crema solare \u003cstrong\u003eUn investimento quotidiano per la giovinezza della tua pelle\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\"\u003ePiù di una semplice crema solare... questo è un prodotto di prevenzione, bellezza e trattamento\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 2 --\u003e\n\u003cimg alt=\"Benefici della crema solare al collagene\" 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\"\u003eProtezione UV superiore\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComponente responsabile:\u003c\/strong\u003e Titanium Dioxide + Ethylhexyl Triazone\n \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eRisultato:\u003c\/strong\u003e Protezione SPF50+ PA+++ contro scottature future, pigmentazione e rughe\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eRidurre rughe e linee sottili\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComponente responsabile:\u003c\/strong\u003e Complesso di Collagene 5000 ppm (4 tipi di collagene)\n \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eRisultato:\u003c\/strong\u003e Rassodamento naturale della pelle e miglioramento visibile delle linee entro 4-6 settimane\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eRadianza istantanea e uniformità del tono della pelle\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComponente responsabile:\u003c\/strong\u003e Iron Oxides\n \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eRisultato:\u003c\/strong\u003e Il colore pesca naturale nasconde le imperfezioni e dona luminosità fin dal primo utilizzo\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eRigenerazione delle cellule della pelle e anti-invecchiamento\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComponente responsabile:\u003c\/strong\u003e 17 Amino Acid Complex + Adenosine\n \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eRisultato:\u003c\/strong\u003e Pelle più liscia, più elastica e più vivace con l'uso continuato\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eIdratazione profonda di lunga durata\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComponente responsabile:\u003c\/strong\u003e Complesso di Acido Ialuronico (4 tipi) + Ceramide NP\n \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eRisultato:\u003c\/strong\u003e Idratante che dura per ore e rinforza la barriera naturale della pelle\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eProtezione dai radicali liberi e dall'inquinamento\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComponente responsabile:\u003c\/strong\u003e Chlorella Vulgaris Extract + Amino Acids\n \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eRisultato:\u003c\/strong\u003e Resistente ai fattori di invecchiamento ambientale e mantiene la pelle giovane\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eEffetto trucco naturale senza trucco\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComponente responsabile:\u003c\/strong\u003e Peach-tinted formula\n \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eRisultato:\u003c\/strong\u003e Aspetto migliorato istantaneamente, adatto a uomini e donne\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 esclusiva: 5000ppm di collagene quaternario\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 3 --\u003e\n\u003cimg alt=\"Tecnologia del collagene coreana\" 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;\"\u003eIl collagene non è solo un ingrediente... è il segreto della giovinezza permanente\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em;\"\u003e\u003cstrong\u003eAzienda Medicube\u003c\/strong\u003e Ha trascorso anni a ricercare il collagene e ha ideato una formula rivoluzionaria: \u003cstrong\u003eUna combinazione di 4 diversi tipi di collagene\u003c\/strong\u003e A una concentrazione di 5000ppm - \u003cstrong\u003eLa più alta concentrazione al mondo di creme solari\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-types\"\u003e\n\u003cdiv class=\"collagen-type\"\u003e\n\u003ch4\u003eCollagene idrolizzato - Penetra nella pelle in pochi secondi\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\u003eParticelle molto piccole\u003c\/strong\u003e Raggiunge immediatamente gli strati profondi\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\u003eStimola la produzione naturale di collagene\u003c\/strong\u003e Nella tua pelle\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\u003eRiempie le linee sottili dall'interno\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\u003eEstratto di Collagene - Forza Concentrata\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\u003eNutrizione cellulare intensa\u003c\/strong\u003e Danneggiato dal sole\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\u003eRicostruisce i tessuti\u003c\/strong\u003e Danneggiato e rilassato\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\u003eMigliora l'elasticità della pelle\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\u003eCollagene solubile - assorbimento immediato\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\u003eNon lascia tracce\u003c\/strong\u003e Sulla superficie della pelle\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\u003eIl suo effetto dura per molte ore\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\u003eRisultati cumulativi ad ogni utilizzo\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\"\u003eProtezione superiore SPF50+ PA+++ - lo scudo invincibile\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 4 --\u003e\n\u003cimg alt=\"Protezione solare SPF50+\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/3-in-1-collagen-firming-sunscreen-42107171537152.webp?v=1753548820\"\/\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eNon tutte le creme solari proteggono allo stesso modo\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSPF50+ PA+++\u003c\/strong\u003e Non sono solo numeri... questo \u003cstrong\u003eGaranzia scientifica\u003c\/strong\u003e Che la tua pelle sia protetta da:\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\u003eDai raggi ultravioletti dannosi\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e100%\u003c\/span\u003e\n\u003cp\u003eDa ustioni e infezioni immediate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e95%\u003c\/span\u003e\n\u003cp\u003eRidurre le pigmentazioni e le future macchie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e85%\u003c\/span\u003e\n\u003cp\u003eRiduzione delle rughe dovute ai danni del sole\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003cp\u003e\u003cstrong\u003eTecnologia di doppia protezione:\u003c\/strong\u003e Protettori fisici + chimici = \u003cstrong\u003eLa protezione possibile più forte\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\"\u003eEffetto illuminante istantaneo - bellezza immediata con colore pesca naturale\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 5 --\u003e\n\u003cimg alt=\"Effetto illuminante istantaneo\" 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;\"\u003eNon è solo protezione... è bellezza professionale\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eColore pesca\u003c\/strong\u003e Scientificamente studiato per adattarsi a tutti i toni di pelle:\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"protection-stats\"\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eNasconde le imperfezioni\u003c\/h4\u003e\n\u003cp\u003eE la pigmentazione immediatamente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eLuminosità naturale\u003c\/h4\u003e\n\u003cp\u003eSenza trucco\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eUniforma il tono della pelle\u003c\/h4\u003e\n\u003cp\u003eMigliora il suo aspetto\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003ePer uomini e donne\u003c\/h4\u003e\n\u003cp\u003eRisultato 100% naturale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eRisultato:\u003c\/strong\u003e Protegge la tua pelle e allo stesso tempo appare meglio di prima che tu uscissi di casa.\n \u003c\/div\u003e\n\u003c!-- Amino Acids Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eComplesso di Aminoacidi - un esercito di 17 guerrieri anti-età\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eOgni amminoacido ha un compito specifico nella ricostruzione della tua pelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003cp\u003e\u003cstrong\u003ePerché gli aminoacidi sono importanti?\u003c\/strong\u003e Perché \u003cstrong\u003eI mattoni delle proteine\u003c\/strong\u003e Cosa costruisce la tua pelle.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e17 amminoacidi\u003c\/strong\u003e Insieme funzionano come una squadra professionale:\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\u003eCostruisci nuovo collagene e rinforza la struttura della pelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amino-function\"\u003e\n\u003ch4\u003eArginine + Lysine\u003c\/h4\u003e\n\u003cp\u003eStimolare la circolazione sanguigna e accelerare la rigenerazione\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amino-function\"\u003e\n\u003ch4\u003eLeucine + Valine\u003c\/h4\u003e\n\u003cp\u003eRiparare i tessuti danneggiati dal sole\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amino-function\"\u003e\n\u003ch4\u003eI restanti 11 acidi\u003c\/h4\u003e\n\u003cp\u003eSupporto completo per il rinnovamento e la vitalità della pelle\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\u003eRisultato:\u003c\/strong\u003e La tua pelle non è solo protetta... è rinnovata ogni giorno.\n \u003c\/div\u003e\n\u003c!-- Hydration Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eIdratazione profonda con tecnologia a strati multipli\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eNon è solo idratazione... è la ricostruzione della barriera idrolipidica\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 - l'architetto della pelle\u003c\/h3\u003e\n\u003cdiv class=\"hydration-types\"\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eRicostruzione della barriera naturale\u003c\/h4\u003e\n\u003cp\u003eDistruttivo dal sole e dall'inquinamento\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eBlocca l'umidità\u003c\/h4\u003e\n\u003cp\u003ePer molte ore senza seccare\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003ePrevieni la perdita di acqua\u003c\/h4\u003e\n\u003cp\u003eDalla pelle per tutto il giorno\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;\"\u003eComplesso di Acido Ialuronico - Riserva di Idratazione\u003c\/h3\u003e\n\u003cp style=\"text-align: center; margin-bottom: 25px;\"\u003e\u003cstrong\u003e4 tipi diversi\u003c\/strong\u003e Dall'acido ialuronico:\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\u003eIdratazione superficiale e levigatezza tattile istantanee\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\u003ePenetrazione profonda negli strati interni\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\u003eIdratazione a lungo termine che dura per ore\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\u003eProtezione da fattori esterni e inquinamento\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\"\u003eLa decisione di oggi determina la forma della tua pelle tra 5 anni\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eHai due scelte\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;\"\u003ePrima opzione: rinvio\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\u003ePreferire usare prodotti regolari\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\u003eVedi la tua pelle deteriorarsi 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\u003eHai bisogno di trattamenti più costosi e più difficili in seguito\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\u003eTi penti di non aver investito nella tua pelle prima\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;\"\u003eSeconda scelta: investimento intelligente\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\u003eottieni \u003cstrong\u003eL'ultima tecnologia coreana\u003c\/strong\u003e Nella skincare\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\u003eProtegge, tratta e abbellisce la tua pelle ogni giorno\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\u003eVedrai risultati reali entro pochi mesi\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\u003eAspetto \u003cstrong\u003ePiù giovane e fresca\u003c\/strong\u003e Con il 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;\"\u003eOrdina ora... prima che sia troppo tardi\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.3em; margin-bottom: 25px;\"\u003e\u003cstrong\u003eMedicube Collagen Firming Sun Cream\u003c\/strong\u003e Non è solo crema solare \u003cstrong\u003ePartner di successo\u003c\/strong\u003e Nel viaggio per preservare la tua giovinezza.\u003c\/p\u003e\n\u003cdiv class=\"urgency-text\"\u003e\n 50 ml sono sufficienti per un mese e mezzo di protezione e trattamento avanzato. I risultati inizieranno dal primo giorno e la trasformazione completa avverrà entro mesi.\n \u003c\/div\u003e\n\u003cp style=\"font-size: 1.2em; margin: 25px 0;\"\u003e\n\u003cstrong\u003eLa tua pelle non aspetterà la tua decisione... e il tempo non è dalla tua parte. Investi in te stesso ora.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"urgency-text\" style=\"font-size: 1.4em; color: #fff;\"\u003e\n Ordinalo ora... e non lasciare che il rimpianto ti porti via più di quanto abbia già fatto.\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;\"\u003eComposizione \u003c\/h2\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eIngredienti per la protezione solare:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTitanium Dioxide:\u003c\/strong\u003e Un protettivo fisico sicuro per la pelle sensibile\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEthylhexyl Triazone + Diethylamino Hydroxybenzoyl Hexyl Benzoate:\u003c\/strong\u003e Protettivi chimici altamente efficaci\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eComplesso di Collagene (5000ppm):\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydrolyzed Collagen:\u003c\/strong\u003e Collagene idrolizzato a rapido assorbimento\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCollagen Extract:\u003c\/strong\u003e Estratto di collagene naturale\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoluble Collagen:\u003c\/strong\u003e Collagene solubile per idratazione profonda\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eComplesso di aminoacidi:\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 amminoacidi essenziali\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eComposto di acido ialuronico:\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 Idratazione a più strati\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eCeramidi e idratanti:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCeramide NP:\u003c\/strong\u003e Rafforzare la barriera idrolipidica\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePanthenol (Pro-Vitamin B5):\u003c\/strong\u003e Lenitivo e idratante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNiacinamide:\u003c\/strong\u003e Migliora la texture e il tono della pelle\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eComponenti aggiuntivi:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdenosine:\u003c\/strong\u003e Anti-rughe approvato dalla FDA\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIron Oxides:\u003c\/strong\u003e Ossidi di ferro per un colore pesca naturale\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eChlorella Vulgaris Extract:\u003c\/strong\u003e Antiossidante naturale\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":46999411359918,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/medicubesuncollagensuncream_ec936cf9-f0bb-437c-855b-daf830a49b9f.webp?v=1788175300"},{"product_id":"vacation-sunscreen-lotion-spray-بخاخ-واقي-الشمس-فاكيشن","title":"Lozione Spray Solare VACATION","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-left: 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\"\u003eLozione Solare Spray Vacation\u003c\/h1\u003e\n\u003c!-- Product Image --\u003e\n\u003cimg alt=\"Spray solare Vacation\" 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\"\u003eCaratteristiche di base\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 ultra fine\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\u003eApplicazione uniforme\u003c\/strong\u003e In tutta la regione\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\u003eSenza toccare\u003c\/strong\u003e - Pulito e veloce\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\u003eNon lascia macchie\u003c\/strong\u003e Oppure aree non protette\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\"\u003ePerfetto per il 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\u003eRiapplicazione facile\u003c\/strong\u003e Ogni due ore\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\u003eAdatto sopra il trucco\u003c\/strong\u003e Senza rovinare\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\u003eIl mio lavoro è per lo sport\u003c\/strong\u003e e attività all'aperto\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\"\u003eProtezione intelligente\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 Protezione fisica sicura\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\u003eAdatto per pelli sensibili\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\u003eNon lascia lucentezza\u003c\/strong\u003e O una sensazione untuosa\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;\"\u003eIngredienti attivi\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eOlio di tea tree - un antisettico naturale\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\u003ePreviene irritazioni\u003c\/strong\u003e E infezioni\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\u003eAdatto alla pelle incline all'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\u003eProprietà antibatteriche\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\"\u003eDioxide di Titanio + Ossido di Zinco - doppia protezione\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\u003eProtettori fisici sicuri\u003c\/strong\u003e Per pelle sensibile\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\u003eProtezione immediata\u003c\/strong\u003e Dai raggi 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\u003eNon penetrare nella pelle\u003c\/strong\u003e - Rimanere sulla superficie\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\"\u003eCollagene - nutrizione aggiuntiva\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\u003eMantiene l'elasticità della pelle\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 ai segni dell'invecchiamento\u003c\/strong\u003e Dal sole\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 - antiossidante\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\u003eProtegge dai radicali liberi\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\u003eLenisce la pelle\u003c\/strong\u003e Irritato dal sole\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\"\u003eCome usare\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\"\u003eAgitare bene\u003c\/h4\u003e\n\u003cp\u003eAgitare bene il contenitore prima di ogni uso per assicurarsi che gli ingredienti siano miscelati\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\"\u003eSpruzzare uniformemente\u003c\/h4\u003e\n\u003cp\u003eTenere il contenitore lontano dalla pelle e spruzzare su tutte le aree esposte\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\"\u003ePer il viso\u003c\/h4\u003e\n\u003cp\u003eSpruzzare prima sulla mano, poi applicare sul viso evitando gli occhi\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\"\u003eRipeti ogni due ore\u003c\/h4\u003e\n\u003cp\u003eOppure dopo il nuoto e il sudore per garantire protezione continua\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\"\u003eLa soluzione pratica per una protezione intelligente\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eVacation Sunscreen Lotion Spray\u003c\/strong\u003e Lui \u003cstrong\u003eSoluzione pratica\u003c\/strong\u003e Per chi desidera una protezione rapida ed efficace.\n \u003c\/p\u003e\n\u003cdiv class=\"highlight-text\"\u003e\n Nebbia fine + protezione potente + facilità d'uso = il protettore perfetto per la vita attiva\n \u003c\/div\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eOrdinalo ora... e goditi una protezione senza complicazioni.\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":46999411589294,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/vacationsunscreenspray_bfccf11d-8cfc-4206-ab86-8bba2b1cd8ea.png?v=1788175298"},{"product_id":"bobai-sunscreen-oil-defense-fluid-spf-50-واقي-الشمس-للبشرة-الدهنية","title":"Fluido protettivo contro l'olio Bobai Sunscreen Oil Defense SPF 50+ crema solare per pelle grassa","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-left: 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\"\u003eCrema solare Popeye per pelli grasse e soggette ad acne\u003c\/h1\u003e\n\u003c!-- Hero Image with proper alt text --\u003e\n\u003cimg alt=\"Crema solare Popeye per pelli grasse e soggette ad acne - protezione potente senza untuosità\" 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 Protezione completa senza effetto grasso, senza sudore della pelle, senza fastidiose tracce bianche\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\"\u003eCaratteristiche di base\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% protezione 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\u003eProtezione a largo spettro\u003c\/strong\u003e Dai raggi 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\u003eAdatto all'uso quotidiano\u003c\/strong\u003e E l’esposizione prolungata al sole\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 Progettato per pelle problematica\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\u003eRegola la secrezione di grasso\u003c\/strong\u003e Previene l'eccessiva lucentezza\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\u003eProprietà antibatteriche\u003c\/strong\u003e Previene la formazione di brufoli\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\u003eAntinfiammatorio\u003c\/strong\u003e Lenisce irritazione e arrossamento\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\u003eProprietà esfolianti delicate\u003c\/strong\u003e Pulisce i pori\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 Texture ideale per la pelle grassa\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\u003eLeggera e rapidamente assorbita\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\u003eNon lascia una sensazione untuosa\u003c\/strong\u003e Oppure appiccicoso\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\u003eNon lascia uno strato bianco\u003c\/strong\u003e Sulla pelle\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\u003eAdatto sotto il trucco\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\"\u003eCome usare\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\"\u003eAgitare bene il contenitore\u003c\/h4\u003e\n\u003cp class=\"step-description\"\u003ePrima dell'uso per assicurarsi che gli ingredienti siano mescolati perfettamente\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\"\u003eApplica una quantità appropriata\u003c\/h4\u003e\n\u003cp class=\"step-description\"\u003eSulla pelle 20 minuti prima dell'esposizione al sole per una migliore protezione\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\"\u003eRiapplicare ogni due ore\u003c\/h4\u003e\n\u003cp class=\"step-description\"\u003eOppure quando necessario per mantenere una protezione continua durante la giornata\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\"\u003eLa soluzione perfetta per la pelle grassa\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eCrema solare Popeye\u003c\/strong\u003e Lui \u003cstrong\u003eLa soluzione perfetta per la pelle grassa\u003c\/strong\u003e Chi ha bisogno di una forte protezione senza untuosità o brufoli.\n \u003c\/p\u003e\n\u003cdiv class=\"highlight-formula\"\u003e\n 98% protezione + regolazione del sebo + antibatterico = protezione solare intelligente per pelli ostinate\n \u003c\/div\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eOrdinalo ora... e goditi una protezione forte senza complicazioni.\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":46999412179118,"sku":null,"price":6.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/bobaiSunscreenOilDefenseFluidSPF50_1_cecb2ee2-c0f9-4660-a32f-6df211b56a0d.jpg?v=1788175295"},{"product_id":"beauty-of-joseon-relief-sun-aqua-fresh-rice-b5-spf50","title":"Beauty of Joseon Relief Sun: Rice + Probiotics Crema solare leggera SPF 50+ PA++++ (Idratazione non untuosa con 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=Tajawal:wght@300;400;500;700;800;900\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:Tajawal',-apple-system,BlinkMacSystemFont,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-left: 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:Tajawal',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-left: 50px; justify-content: flex-start; }\n .aqua-timeline-item:nth-child(even) { padding-left: 0; padding-left: 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\"\u003eCrema solare coreana\u003c\/span\u003e Cosa ti farà amare di nuovo il sole\u003c\/h1\u003e\n\u003cp class=\"aqua-hero-subtitle-text aqua-reveal aqua-active delay-1\"\u003e\n Immagina una crema solare con una texture acquosa che scompare in pochi secondi, e contiene il 30% di acqua di semi di riso, che rende la pelle delle stelle coreane straordinaria, e con 5 filtri di protezione avanzata. Protegge, idrata, illumina e tratta - 4 prodotti in uno.\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 Il tuo browser non supporta la visualizzazione dei video.\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\"\u003eLa texture acquosa scompare in pochi secondi\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eNon è come una normale crema solare, è una formula molto leggera che viene assorbita immediatamente dalla pelle.\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% acqua di semi di riso\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eIl segreto di bellezza dell'antica Corea per illuminare e idratare profondamente la pelle.\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\"\u003eSenza bianchezza o untuosità\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eAnche per la pelle grassa, non lascia residui bianchi fastidiosi o lucentezza indesiderata.\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 filtri di protezione avanzati\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eLa protezione più forte nella regione contro tutti i tipi di raggi dannosi.\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 prodotti in uno\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eForte protezione + idratazione profonda + schiarimento delle macchie + trattamento della barriera idrolipidica.\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;\"\u003eHai provato molti protettori solari... e a causa di tanto disagio, hai deciso di lasciare che il sole mangiasse la tua pelle?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; color: var(--text-muted); margin-bottom: 25px;\"\u003e\n Se sei stanco delle creme solari che lasciano la pelle bianca, o che rendono la pelle grassa e appiccicosa, o che non ti proteggono davvero dal sole...\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 cambierà completamente la tua idea\u003c\/p\u003e\n\u003cp style=\"font-size: 1rem; color: var(--text-muted); margin-top: 10px;\"\u003eDal primo utilizzo, sentirete di applicare un siero idratante, non una crema solare.\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\"\u003eAcqua di semi di riso 30% - il segreto della bellezza coreana\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003eCosa fa sì che un ingrediente valga il prezzo di un’intera protezione solare?\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=\"Acqua di semi di riso in 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;\"\u003eUn antico segreto di migliaia di anni\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\" style=\"margin-bottom: 20px;\"\u003eL'acqua di semi di riso non è solo un ingrediente comune... Questo è il segreto della bellezza coreana che le star asiatiche ereditano dalle loro famiglie.\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;\"\u003eIl componente più costoso nella composizione:\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 È estratto in modi speciali che preservano i suoi benefici.\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% concentrazione molto alta - la percentuale più alta in una crema solare.\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 Antiossidanti 10 volte più forti della 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;\"\u003eCosa farà alla tua pelle?\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 La tua pelle ritrova il suo splendore naturale in poche settimane.\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 Schiarisce le macchie scure e uniforma il loro colore.\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 Idrata in profondità fino a 7 strati.\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 filtri di protezione avanzati - una squadra completa contro il sole\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003eIn un momento in cui tutti i prodotti preventivi ti forniscono un filtro, questa crema ne offre 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\"\u003eLa prima protezione: assorbe i raggi e li trasforma in calore innocuo.\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\"\u003eIl combattente completo: protegge contro UVA e UVB con il 99% di efficienza.\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\"\u003eSpecialista: mira ai raggi che causano l'invecchiamento della pelle.\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\"\u003eProtettore Profondo: Combatte i raggi che penetrano negli strati profondi della pelle.\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\"\u003eLo scudo definitivo: doppia protezione e stabilità duratura sulla pelle.\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;\"\u003eRisultato: protezione SPF 57,9 + PA++++ UVA PF 19,3 - superiore a quanto scritto sulla confezione!\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003ePercorso di cambiamento - osserva la tua pelle migliorare ogni giorno\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\"\u003ePrimo giorno\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eLa prima sorpresa\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Protezione immediata fin dal primo utilizzo.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Una sensazione di freschezza e idratazione profonda.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Una texture acquosa che scompare senza effetto untuoso.\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\"\u003eDopo una settimana\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eL'inizio dolce\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ La pelle è più morbida e luminosa.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Riduce l'eccesso di lucentezza per la pelle grassa.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Miglioramento evidente della texture della pelle.\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\"\u003eDopo un mese\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eI risultati parlano\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Luminosità chiara e uniformità del tono della pelle.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Le macchie scure stanno iniziando a diminuire.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Pelle più 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\"\u003eRispetto a qualsiasi altra crema solare - la differenza è chiara\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);\"\u003eProtezione solare regolare (100 sterline)\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 Solo protezione normale\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Texture oleosa o bianco trasparente\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Componenti chimici ordinari\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Non ci sono benefici aggiuntivi\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Risultato: protezione solo temporanea\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 Forte protezione + idratazione + trattamento + bellezza\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Texture acquosa lussuosa che scompare col tempo\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Ingredienti naturali rari e costosi\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Miglioramento continuo della qualità della pelle\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Il risultato: un investimento nella bellezza e nella salute della tua pelle\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=\"Investi nella protezione della tua pelle ora\" 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\"\u003eLa decisione di oggi determinerà la forma della tua pelle domani\u003c\/h2\u003e\n\u003cp class=\"aqua-card-desc\" style=\"max-width: 750px; margin: 0 auto 20px; font-size: 1.15rem;\"\u003e\n Il sole è il più grande nemico della tua pelle, la principale causa di invecchiamento precoce e la prima causa di pigmentazione e macchie. Lascerai che il sole consumi la tua pelle, o investirai nel proteggerla con un prodotto di trattamento che la migliora ogni giorno?\n \u003c\/p\u003e\n\u003cp style=\"font-size: 1.3rem; font-weight: 800; color: var(--aqua-dark);\"\u003eLa decisione giusta è chiara!\u003c\/p\u003e\n\u003cbutton class=\"aqua-btn-primary\"\u003eOrdinalo ora... e investi nel futuro della tua pelle\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":46999412408494,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/4000a17e-2027-48ff-9425-bb8669e8ee8a.webp?v=1788175293"}],"url":"https:\/\/skingeer.com\/it\/collections\/sunscreens-sun-protection.oembed","provider":"SkinGeer","version":"1.0","type":"link"}