{"title":"Bredspektret solkrem og SPF-beskyttelse","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\"\u003eSolkrem er ikke en luksus, det er et beskyttelsesskjold for din ungdom\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"collection-title\"\u003eSolkremer | Daglig beskyttelse\u003c\/h1\u003e\n\u003cp class=\"collection-description\"\u003eSolen er den viktigste årsaken til for tidlig aldring - den ødelegger kollagen, forårsaker rynker og pigmentering og akselererer aldringstegn. Solkrem er ikke en luksus, men en daglig nødvendighet for å beskytte investeringen din i hudpleie og opprettholde hudens ungdommelighet..\u003c\/p\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eAktive ingredienser\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eSinkoksid\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eFysisk beskyttelse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eTitandioksid\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eMetallsjern\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\"\u003eUVA-filter\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eOctinoxate\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eUVB-absorbering\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\"\u003eBred beskyttelse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eAntioksidanter\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eYtterligere beskyttelse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eNiacinamid\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eBerolige og beskytte\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eHyaluronsyre\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eFukting med beskyttelse\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":"Infinity Solkrem Lotion Solkrem 1+1 tilbud","description":"\u003cp\u003eInfinity Care solkremlotion med antioksidanter og anti-aldringsegenskaper vil fukte og beskytte ansiktet og kroppen din mot solens skadelige stråler, forhindre solbrenthet, pigmentering og de skadelige effektene av UV-stråler.\u003cbr data-mce-fragment=\"1\"\/\u003e\u003cbr data-mce-fragment=\"1\"\/\u003eProduktbruk: \u003cbr data-mce-fragment=\"1\"\/\u003eFor beskyttelse før soling.\u003cbr data-mce-fragment=\"1\"\/\u003eFor alle hudtyper\u003c\/p\u003e\n\u003cp\u003eProduktspecifikasjoner\u003cbr data-mce-fragment=\"1\"\/\u003e\u003cbr data-mce-fragment=\"1\"\/\u003eOctocrylene - Avobenzone - Bisoctriazole - Pimotrizinol - Dicarryl Carbonate - Cyclopentasiloxane - Panthenol - Sitronsyre - Vitamin E - Glyserin\u003cbr data-mce-fragment=\"1\"\/\u003e\u003cbr data-mce-fragment=\"1\"\/\u003eBruksanvisning\u003cbr data-mce-fragment=\"1\"\/\u003e\u003cbr data-mce-fragment=\"1\"\/\u003ePåfør 15-20 minutter før soling. Påfør rikelig hver andre time for beskyttelse, spesielt etter svømming, svetting eller tørking med håndkle.\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":"Dermatique matterende solkremfluid SPF 50+ (1+1 verdi-duo tilbud))","description":"\u003ch2 style=\"text-align: center;\"\u003eAbsorberer fett, fukter, beskytter.\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\u003eEn lett, oljefri væske som garanterer optimal bredspektret UVA\/UVB-beskyttelse mot solens skadelige effekter, samtidig som den regulerer talgsekresjon og forhindrer glans, og beskytter huden din mot skadelige oksidasjonsfaktorer som forårsaker tegn på for tidlig aldring. \u003c\/p\u003e\n\u003cp\u003e*Inhipase™-teknologi for å bevare skjønnheten til sensitiv hud.\u003c\/p\u003e\n\u003cp\u003e*Pollushield™-teknologi for 24-timers beskyttelse mot forurensning.\u003c\/p\u003e\n\u003cp\u003e*Vannresistent. Tørr tekstur.\u003c\/p\u003e\n\u003cp\u003e*Etterlater ikke hvite merker. Motstandsdyktig mot polering.\u003c\/p\u003e\n\u003cp\u003e*Fri for allergener. Tetthets ikke porene.\u003c\/p\u003e\n\u003cp\u003e*Parabenfri.\u003c\/p\u003e\n\u003cp\u003eBruk: Påfør 30 minutter før soleksponering. Gjenta hver annen time eller etter svømming, svette eller tørking av pads.\u003c\/p\u003e\n\u003cp\u003eAdvarsler: Kun til utvortes bruk. Unngå kontakt med øynene. Oppbevares utilgjengelig for barn og på et kjølig, tørt sted borte fra direkte varme eller sollys.\u003c\/p\u003e\n\u003cp\u003eIngredienser: UVINUL EASY, VITAMIN E, KAMILLEEKSTRAKT, TINOSORB S, PANTHENOL, POLLUSHIELD, UNIVUL A, ZINKOKSID, CETIOL AB, GLYSERIN, ALLANTOIN.\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":"Presentasjon av Kolagra Solkrem Gel SPF 50 For Normal Til Kombinasjon Hud 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":"Tilbud Kolagra solkrem lotion 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":"Farmstay oljefri solkrem SPF50+","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\"\u003eEn av de beste solkremene\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\"\u003eTrygt for alle hudtyper, rask absorpsjon, uten symptomer eller irriterende rester\u003c\/p\u003e\n\u003ctable dir=\"ltr\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eFordel\u003c\/th\u003e\n\u003cth\u003eFarmstay solkrem\u003c\/th\u003e\n\u003cth\u003eDe fleste andre solkremer\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eHudtype\u003c\/td\u003e\n\u003ctd\u003eAlle hudtyper, inkludert fet og sensitiv hud\u003c\/td\u003e\n\u003ctd\u003eKan ikke være ideell for alle hudtyper\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSolfaktor\u003c\/td\u003e\n\u003ctd\u003eSPF50+\u003c\/td\u003e\n\u003ctd\u003eDet kan være mindre enn SPF50+\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eBeskyttelse mot stråling\u003c\/td\u003e\n\u003ctd\u003eBredspektret beskyttelse mot UVA- og UVB-stråler\u003c\/td\u003e\n\u003ctd\u003eDet gir kanskje ikke omfattende beskyttelse\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eNøkkelingredienser\u003c\/td\u003e\n\u003ctd\u003eSkånsom mot huden, slik som aloe vera-ekstrakt og hyaluronsyre\u003c\/td\u003e\n\u003ctd\u003eKan inneholde ingredienser som er harde mot huden\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eTekstur\u003c\/td\u003e\n\u003ctd\u003eLett og ikke-fet\u003c\/td\u003e\n\u003ctd\u003eDet kan være fet eller tung på huden og gi en irriterende effekt\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFuktighetsgivende huden\u003c\/td\u003e\n\u003ctd\u003eJa, det inneholder fuktighetsgivende ingredienser som aloe vera-ekstrakt og hyaluronsyre\u003c\/td\u003e\n\u003ctd\u003eKan ikke inneholde fuktighetsgivende ingredienser\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\"\u003eHovedingredienser:\u003c\/p\u003e\n\u003cul data-mce-fragment=\"1\"\u003e\n\u003cli data-mce-fragment=\"1\"\u003eAqua for å fukte huden.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003eEtylheksylmetoksysinamat, Etylheksylsalicylat og Etylheksyltriazon for å beskytte huden mot skadelige ultrafiolette stråler.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003eTitandioksid og sinkoksid for umiddelbar og omfattende solbeskyttelse.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003ePlanteekstrakter som Aloe Barbadensis Leaf Extract, Morus Alba Bark Extract, Olea Europaea Fruit Extract, og sitruseksktrakter som Grapefrukt (Citrus Paradisi Fruit Extract), Appelsin (Citrus Aurantium Dulcis Fruit Extract), og Tomat (Solanum Lycopersicum Fruit Extract). For å nære og tilføre fuktighet til huden.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003eAndre naturlige stoffer som vegetabilsk voks og bivoks (mikrokystallinsk voks, bivoks) hjelper med å fukte og beskytte huden.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp data-sourcepos=\"32:1-32:314\"\u003eHvis du leter etter en solkrem som er lett, ikke-fet og gir bredspektret beskyttelse, er Farmstay Oil-Free Sunscreen det perfekte valget for deg. Den er også skånsom mot huden, fri for parabener, mineraloljer og andre skadelige kjemikalier. I tillegg er den veldig rimelig og har fått mange positive anmeldelser fra kunder..\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 BESKYTTELSE: Solskjold med koreansk pleie\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 Det er en innovativ koreansk solkrem som kombinerer bredspektret beskyttelse med sterk SPF50+ PA++++ og en formel rik på næringsstoffer som gir dyp fuktighet og næring til huden. Denne beskyttelsen inneholder 30 % fermentert risekstrakt og en blanding av probiotika som gjenoppretter hudens mikrobielle balanse og lindrer rødhet og tørrhet. Takket være dens lette, skinnende tekstur som umiddelbart forsvinner uten en fet eller hvit film, kombinerer Relief Sun effektivitet og daglig komfort for alle hudtyper, selv de sensitive..\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\u003eOmfattende beskyttelse uten kompromiss\u003c\/h2\u003e\n\u003ch3\u003e- Avansert formel for å forhindre solskader -\u003c\/h3\u003e\n\u003cp\u003eRelief Sun tilbyr effektiv beskyttelse mot UVA- og UVB-stråler gjennom avanserte kjemiske filtre som garanterer SPF50+ PA++++, og reduserer risikoen for solbrenthet og hyperpigmentering som følge av daglig soleksponering. Parfymefri, alkoholfri og trygt vurdert (EWG Green Level) formel, egnet for sensitiv hud og de med allergi mot konvensjonelle solkremer.\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\u003eFuktighets- og næringsduo: ris og probiotika i én blanding\u003c\/h2\u003e\n\u003ch3\u003e- Naturlige ingredienser for dyp fuktighet og umiddelbar lindring -\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 kombinerer 30 % fermentert risekstrakt med en blanding av probiotika og fermenterte korn, rik på vitaminene B, C, E, aminosyrer og mineraler, for å gi huden umiddelbar fuktighet og lindre rødhet og tørrhet gjennom dagen.\u003c\/p\u003e\n\u003cp\u003eFormelen er også forbedret med niacinamid som balanserer hudens olje- og fuktnivåer, og minimerer porestørrelse for et jevnere og fyldigere utseende.\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\u003eHvordan fungerer produktet?\u003c\/h2\u003e\n\u003ch3\u003e- Fuktighetsteknologi virker sammen med solbeskyttelse -\u003c\/h3\u003e\n\u003cdiv class=\"process-steps\"\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eBegynnelsen på ro\u003c\/div\u003e\n\u003cp\u003eNår du påfører beskyttelsen, beroliger probiotika og fermentert ris huden og lindrer følelser av tørrhet og rødhet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eSterk beskyttende barriere\u003c\/div\u003e\n\u003cp\u003eSPF50+ PA++++-filtre reflekterer og absorberer skadelige stråler før de trenger inn i huden.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eFuktighetsgivende og nærende\u003c\/div\u003e\n\u003cp\u003eFermentert ris frigjør sine fuktighetsgivende ingredienser dypt i huden, mens niacinamid styrker hudens naturlige vannbarriere.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eLett finish\u003c\/div\u003e\n\u003cp\u003eDen skinnende geléteksturen absorberes raskt, og etterlater huden myk uten hvit hinne eller irriterende klissete følelse.\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\u003eHemmeligheten bak fortreffelighet: Hvorfor overgår Relief Sun andre?\u003c\/h2\u003e\n\u003ch3\u003e- Praktiske resultater og pålitelig brukeropplevelse -\u003c\/h3\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eUimotståelig tekstur\u003c\/h4\u003e\n\u003cp\u003eLett som luft, den blander seg med huden uten å etterlate noen spor av fett eller irriterende hvithet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eDokumentert effektivitet\u003c\/h4\u003e\n\u003cp\u003eEn av de høyest rangerte solkremene i verden med vurderinger som overstiger 4,5 stjerner fra millioner av brukere\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eVitenskapelig og naturlig formel\u003c\/h4\u003e\n\u003cp\u003eKombinerer avanserte kjemiske filtre med tradisjonelle organiske ekstrakter av fermentert ris og probiotika, for å sikre fullstendig beskyttelse og hydrering.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eEksperter anerkjennelse\u003c\/h4\u003e\n\u003cp\u003eStøttet av Allures anbefaling som en av de beste koreanske solkremer for sin kombinasjon av beskyttelse og stil, og dermatologanbefalt takket være sin trygge og effektive formel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003ePasser for alle forhold\u003c\/h4\u003e\n\u003cp\u003eDen fungerer utmerket under forhold med høy luftfuktighet og forhindrer en tung eller glatt følelse, noe som gjør den til det perfekte valget for daglig bruk under eller uten sminke.\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\"\u003eBeskytt huden din med ultimate koreanske eleganse\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eNyt SPF50+ beskyttelse med dyp fuktighet og næring i ett produkt. Si farvel til tunge, hvite solkremer, og hei til en sunn, beskyttet glød hele dagen!\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eKjøp nå\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":"Bobai Sunscreen Extra Lightening gel SPF 50 er en opplysende solkrem fra 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\"\u003eLysnende solkrem SPF 50\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eBeskyttelse + lysning i ett produkt\u003c\/p\u003e\n\u003cdiv class=\"dual-action-highlight\"\u003eDaglig beskyttelse + gradvis lysning = dobbel effekt\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Question Section --\u003e\n\u003cdiv class=\"question-section\"\u003e\n\u003cdiv class=\"question-text\"\u003eHvorfor velge en opplysende solkrem?\u003c\/div\u003e\n\u003cdiv class=\"answer-text\"\u003e\n\u003cdiv class=\"problem-highlight\"\u003e\n\u003cstrong\u003eProblemet med vanlige solkremer\u003c\/strong\u003e Den beskytter bare, men... \u003cstrong\u003eEksisterende mørke flekker forblir som de er\u003c\/strong\u003e.\n \u003c\/div\u003e\n\u003cdiv class=\"solution-highlight\"\u003e\n\u003cstrong\u003eLysnende solkrem\u003c\/strong\u003e Med hendene dine \u003cstrong\u003eBeskyttelse + behandling\u003c\/strong\u003e Samtidig. I stedet for å bruke to separate produkter, fungerer ett produkt på begge fronter.\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\"\u003eAktive ingredienser\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\"\u003eNaturlig lysnende fra lakris\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHemmer enzymet tyrosinase\u003c\/strong\u003e Ansvarlig for melaninproduksjon\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLysner mørke flekker gradvis\u003c\/strong\u003e Uten irritasjon\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTrygt for daglig bruk\u003c\/strong\u003e I motsetning til hydrokinon\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePasser for følsom hud\u003c\/strong\u003e Det forårsaker ikke betennelse\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- SPF 50 Protection Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eSPF 50-beskyttelse\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003eOverlegen UV-beskyttelse\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHøy UVA\/UVB-beskyttelse\u003c\/strong\u003e Hindrer dannelsen av nye flekker\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBekjemper frie radikaler\u003c\/strong\u003e Forårsaker hudaldring\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eForhindrer forverring av eksisterende flekker\u003c\/strong\u003e Fra eksponering for solen\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\"\u003eEnkel bruk\u003c\/h2\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003col class=\"step-list\"\u003e\n\u003cli\u003e\u003cstrong\u003ePåfør daglig 20 minutter før soleksponering\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePåfør på nytt hver andre time\u003c\/strong\u003e For kontinuerlig beskyttelse\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBruk det selv på overskyede dager\u003c\/strong\u003e - Ultrafiolette stråler er alltid til stede\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\"\u003eTidslinje for synlige resultater\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003eUmiddelbart\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003eSolbeskyttelse og en behagelig lett tekstur\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003eTo uker\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003eHindre dannelse av nye flekker\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003eEn måned\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003eBegynnelsen på en lett lysning av eksisterende flekker\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003e3 måneder\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003eEn tydelig forbedring i hudtonen\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003e6 måneder\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003eStabile resultater i lysning av flekker\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\"\u003eEn viktig fakta om solskader\u003c\/div\u003e\n\u003cdiv class=\"sun-damage-fact\"\u003e\n\u003cstrong\u003eHvert solstråle bryter ned kollagen. Å bli utsatt for solen uten beskyttelse er den raskeste veien til for tidlig aldring\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"investment-highlight\"\u003e\n\u003cp\u003e\u003cstrong\u003eLysnende solkrem SPF 50\u003c\/strong\u003e Han \u003cstrong\u003eEn smart investering i hudens helse og skjønnhet\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eDaglig beskyttelse + gradvis lysning = dobbel effekt fra ett produkt.\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\"\u003eBeskytt huden din nå\u003c\/h2\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eIkke vent på at mørke flekker eller aldringstegn skal dukke opp\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eStart beskyttelse og behandling i dag\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"font-size: 1.4em; color: #9C8102;\"\u003e\u003cstrong\u003eBestill det nå... og hold huden din beskyttet og strålende hver dag.\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":"Medicube Collagen Firming and Brightening Sun Cream (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 Collagen Solkrem - en revolusjonerende koreansk teknologi som endrer spillereglene\u003c\/h1\u003e\n\u003c!-- Main Product Image --\u003e\n\u003cimg alt=\"Kollagen solkrem fra 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 Hvorfor betale mer for vanlig solkrem når du kan få 3 behandlinger i ett produkt?\n \u003c\/div\u003e\n\u003c!-- Problem \u0026 Solution --\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003cp\u003e\u003cstrong\u003eHver morgen står du overfor et valg:\u003c\/strong\u003e Beskytter du bare huden din mot solen... eller beskytter, behandler og forskjønner du den samtidig?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eProblemet med vanlige solkremer\u003c\/strong\u003e De beskytter mot fremtiden, men ignorerer nåtiden. \u003cstrong\u003eHuden din trenger mer enn beskyttelse... den trenger gjenoppbygging og fornyelse.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMedicube Collagen Firming Sun Cream\u003c\/strong\u003e Det er ikke bare solkrem \u003cstrong\u003eEn daglig investering i hudens ungdommelighet\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\"\u003eMer enn bare solkrem... dette er et forebyggende, skjønnhets- og behandlingsprodukt\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 2 --\u003e\n\u003cimg alt=\"Fordeler med kollagen solkrem\" 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\"\u003eOverlegen UV-beskyttelse\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eAnsvarlig komponent:\u003c\/strong\u003e Titanium Dioxide + Ethylhexyl Triazone\n \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResultat:\u003c\/strong\u003e SPF50+ PA+++ beskyttelse mot fremtidige forbrenninger, pigmentering og rynker\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eReduser rynker og fine linjer\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eAnsvarlig komponent:\u003c\/strong\u003e 5000 ppm Kollagenkompleks (4 typer kollagen))\n \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResultat:\u003c\/strong\u003e Naturlig oppstramming av huden og synlig forbedring av linjer innen 4-6 uker\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eUmiddelbar glød og utjevning av hudtone\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eAnsvarlig komponent:\u003c\/strong\u003e Iron Oxides\n \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResultat:\u003c\/strong\u003e Naturlig ferskenfarge skjuler ufullkommenheter og gir glød fra første bruk\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eHudcellefornyelse og anti-aldring\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eAnsvarlig komponent:\u003c\/strong\u003e 17 Amino Acid Complex + Adenosine\n \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResultat:\u003c\/strong\u003e Glattere, mer elastisk og mer livlig hud ved fortsatt bruk\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eLangvarig dyp fuktighet\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eAnsvarlig komponent:\u003c\/strong\u003e Hyaluronsyrekompleks (4 typer) + Ceramide NP\n \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResultat:\u003c\/strong\u003e Fuktighetsgivende som varer i timevis og styrker hudens naturlige barriere\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eBeskytter mot frie radikaler og forurensning\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eAnsvarlig komponent:\u003c\/strong\u003e Chlorella Vulgaris Extract + Amino Acids\n \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResultat:\u003c\/strong\u003e Motstå miljømessige aldringsfaktorer og opprettholde ungdommelig hud\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eNaturlig sminkeeffekt uten sminke\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eAnsvarlig komponent:\u003c\/strong\u003e Peach-tinted formula\n \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResultat:\u003c\/strong\u003e Umiddelbart forbedret utseende, egnet for menn og kvinner\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\"\u003eEksklusiv koreansk teknologi: 5000ppm kvartært kollagen\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 3 --\u003e\n\u003cimg alt=\"Koreansk kollagen-teknologi\" 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;\"\u003eKollagen er ikke bare en ingrediens... det er hemmeligheten bak permanent ungdom\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em;\"\u003e\u003cstrong\u003eMedicube selskap\u003c\/strong\u003e Hun brukte år på å forske på kollagen og kom opp med en revolusjonerende formel: \u003cstrong\u003eEn kombinasjon av 4 forskjellige typer kollagen\u003c\/strong\u003e Ved en konsentrasjon på 5000 ppm - \u003cstrong\u003eDen høyeste konsentrasjonen i verden av solkremer\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-types\"\u003e\n\u003cdiv class=\"collagen-type\"\u003e\n\u003ch4\u003eHydrolysert kollagen - trenger inn i huden på sekunder\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\u003eVeldig små partikler\u003c\/strong\u003e Når de dype lagene umiddelbart\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\u003eStimulerer naturlig kollagenproduksjon\u003c\/strong\u003e I huden din\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\u003eFyller fine linjer fra innsiden\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\u003eKollagenekstrakt - konsentrert styrke\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\u003eIntensiv celleernæring\u003c\/strong\u003e Skadet av solen\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\u003eGjenoppbygger vev\u003c\/strong\u003e Skadet og slapp\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\u003eForbedrer hudens elastisitet\u003c\/strong\u003e Betydelig\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-type\"\u003e\n\u003ch4\u003eLøselig kollagen - umiddelbar opptak\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\u003eEtterlater ingen spor\u003c\/strong\u003e På hudoverflaten\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\u003eDens effekt varer i mange timer\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\u003eKumulative resultater ved hver bruk\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\"\u003eOverlegen beskyttelse SPF50+ PA+++ - det uovervinnelige skjoldet\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 4 --\u003e\n\u003cimg alt=\"SPF50+ solbeskyttelse\" 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;\"\u003eIkke alle solkremer beskytter like godt\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSPF50+ PA+++\u003c\/strong\u003e Ikke bare tall...dette \u003cstrong\u003eVitenskapelig garanti\u003c\/strong\u003e At huden din er beskyttet mot:\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\u003eFra skadelige ultrafiolette stråler\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e100%\u003c\/span\u003e\n\u003cp\u003eFra brannskader og umiddelbare infeksjoner\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e95%\u003c\/span\u003e\n\u003cp\u003eReduser pigmentering og fremtidige flekker\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e85%\u003c\/span\u003e\n\u003cp\u003eRedusere rynker som følge av solskader\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003cp\u003e\u003cstrong\u003eDobbel beskyttelsesteknologi:\u003c\/strong\u003e Fysiske + kjemiske beskyttere = \u003cstrong\u003eDen sterkeste mulige beskyttelsen\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\"\u003eUmiddelbar lysende effekt – umiddelbar forskjønnelse med naturlig ferskenfarge\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 5 --\u003e\n\u003cimg alt=\"Umiddelbar opplysende effekt\" 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;\"\u003eDet er ikke bare beskyttelse...det er profesjonell skjønnhetspleie\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eFerskenfarge\u003c\/strong\u003e Vitenskapelig studert for å passe alle hudtoner:\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"protection-stats\"\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eSkjuler urenheter\u003c\/h4\u003e\n\u003cp\u003eOg pigmentering umiddelbart\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eNaturlig glød\u003c\/h4\u003e\n\u003cp\u003eUten sminke\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eJevner ut hudtonen\u003c\/h4\u003e\n\u003cp\u003eDet forbedrer utseendet\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eFor menn og kvinner\u003c\/h4\u003e\n\u003cp\u003e100 % naturlig resultat\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eResultat:\u003c\/strong\u003e Den beskytter huden din og ser samtidig bedre ut enn før du forlot huset.\n \u003c\/div\u003e\n\u003c!-- Amino Acids Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eAminosyrekompleks - en hær av 17 anti-aldringskrigere\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eHver aminosyre har en spesifikk oppgave i å gjenoppbygge huden din\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003cp\u003e\u003cstrong\u003eHvorfor er aminosyrer viktige?\u003c\/strong\u003e Fordi \u003cstrong\u003eByggesteinene i proteiner\u003c\/strong\u003e Hva bygger opp huden din.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e17 aminosyrer\u003c\/strong\u003e Sammen fungerer som et profesjonelt team:\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\u003eBygger ny kollagen og styrker hudstrukturen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amino-function\"\u003e\n\u003ch4\u003eArginine + Lysine\u003c\/h4\u003e\n\u003cp\u003eStimulere blodsirkulasjonen og akselerere regenerering\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amino-function\"\u003e\n\u003ch4\u003eLeucine + Valine\u003c\/h4\u003e\n\u003cp\u003eReparer solskadet vev\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amino-function\"\u003e\n\u003ch4\u003eDe gjenværende 11 syrene\u003c\/h4\u003e\n\u003cp\u003eOmfattende støtte for hudfornyelse og vitalitet\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\u003eResultat:\u003c\/strong\u003e Huden din er ikke bare beskyttet... den fornyes hver dag.\n \u003c\/div\u003e\n\u003c!-- Hydration Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eDyp fuktighet med flerlags teknologi\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eDet er ikke bare fuktighetsgivende...det er å gjenoppbygge hudbarrieren\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;\"\u003eCeramid Aqua - hudens arkitekt\u003c\/h3\u003e\n\u003cdiv class=\"hydration-types\"\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eRekonstruksjon av den naturlige barrieren\u003c\/h4\u003e\n\u003cp\u003eØdeleggende fra solen og forurensning\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eLåser inn fuktighet\u003c\/h4\u003e\n\u003cp\u003eFor lange timer uten å tørke ut\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eHindre vann tap\u003c\/h4\u003e\n\u003cp\u003eFra huden hele dagen\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;\"\u003eHyaluronsyrekompleks - Fuktreservoar\u003c\/h3\u003e\n\u003cp style=\"text-align: center; margin-bottom: 25px;\"\u003e\u003cstrong\u003e4 forskjellige typer\u003c\/strong\u003e Fra hyaluronsyre:\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\u003eUmiddelbar overflatefuktighet og taktil jevnhet\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\u003eDyp penetrasjon i de indre lagene\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\u003eLangvarig hydrering som varer i flere timer\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\u003eBeskytter mot eksterne faktorer og forurensning\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\"\u003eDagens beslutning bestemmer formen på huden din om 5 år\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eDu har to valg\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;\"\u003eFørste alternativ: utsettelse\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\u003eForetrekker å bruke vanlige produkter\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\u003eDu ser huden din gradvis forverres\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\u003eDu trenger dyrere og mer vanskelige behandlinger senere\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\u003eDu angrer på at du ikke investerte i huden din tidligere\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;\"\u003eAndre valg: smart investering\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\u003edu får \u003cstrong\u003eDen nyeste koreanske teknologien\u003c\/strong\u003e I hudpleie\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\u003eBeskytter, behandler og forskjønner huden din hver dag\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\u003eDu vil se reelle resultater innen måneder\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\u003eSe \u003cstrong\u003eYngre og friskere\u003c\/strong\u003e Med tiden\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;\"\u003eBestill nå...før det er for sent\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.3em; margin-bottom: 25px;\"\u003e\u003cstrong\u003eMedicube Collagen Firming Sun Cream\u003c\/strong\u003e Det er ikke bare solkrem \u003cstrong\u003eSuksesspartner\u003c\/strong\u003e På reisen med å bevare ungdommen din.\u003c\/p\u003e\n\u003cdiv class=\"urgency-text\"\u003e\n 50 ml er nok for en og en halv måned med beskyttelse og avansert behandling. Resultatene vil starte fra første dag, og full transformasjon vil skje innen måneder.\n \u003c\/div\u003e\n\u003cp style=\"font-size: 1.2em; margin: 25px 0;\"\u003e\n\u003cstrong\u003eHuden din vil ikke vente på avgjørelsen din... og tiden er ikke på din side. Invester i deg selv nå.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"urgency-text\" style=\"font-size: 1.4em; color: #fff;\"\u003e\n Bestill det nå... og ikke la anger ta mer fra deg enn det allerede har gjort.\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;\"\u003eSammensetning \u003c\/h2\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eIngredienser for solbeskyttelse:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTitanium Dioxide:\u003c\/strong\u003e Et fysisk beskyttelsesmiddel som er trygt for sensitiv hud\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEthylhexyl Triazone + Diethylamino Hydroxybenzoyl Hexyl Benzoate:\u003c\/strong\u003e Høyt effektive kjemiske beskyttere\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eKollagenkompleks (5000 ppm)):\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydrolyzed Collagen:\u003c\/strong\u003e Raskt absorberende hydrolysert kollagen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCollagen Extract:\u003c\/strong\u003e Naturlig kollagenuttrekk\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoluble Collagen:\u003c\/strong\u003e Løselig kollagen for dyp hydrering\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eAminosyrekompleks:\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 essensielle aminosyrer\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eHyaluronsyresammensetning:\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 Flerlags hydrering\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eSermider og fuktighetskremer:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCeramide NP:\u003c\/strong\u003e Styrking av hudbarrieren\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePanthenol (Pro-Vitamin B5):\u003c\/strong\u003e Beroligende og fuktighetsgivende\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNiacinamide:\u003c\/strong\u003e Forbedre hudtekstur og hudtone\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eYtterligere komponenter:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdenosine:\u003c\/strong\u003e FDA-godkjent anti-rynke\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIron Oxides:\u003c\/strong\u003e Jernoksider for en naturlig ferskenfarge\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eChlorella Vulgaris Extract:\u003c\/strong\u003e Naturlig antioksidant\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":"VACATION Solkremspray","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\"\u003eVacation Solkremspray\u003c\/h1\u003e\n\u003c!-- Product Image --\u003e\n\u003cimg alt=\"Vacation solkremspray\" 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\"\u003eGrunnleggende funksjoner\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eUltra fin spray\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\u003eJevn påføring\u003c\/strong\u003e Over hele området\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\u003eUten å ta på\u003c\/strong\u003e - Ren og rask\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\u003eEtterlater ikke flekker\u003c\/strong\u003e Eller ubeskyttede områder\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\"\u003ePerfekt for bevegelse\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\u003eEnkel påføring på nytt\u003c\/strong\u003e Hver to timer\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\u003eEgnet over sminke\u003c\/strong\u003e Uten å ødelegge\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\u003eJobben min er innen sport\u003c\/strong\u003e og utendørsaktiviteter\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\"\u003eSmart beskyttelse\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 Sikker fysisk beskyttelse\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\u003ePasser for følsom hud\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\u003eEtterlater ikke glans\u003c\/strong\u003e Eller en fet følelse\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;\"\u003eAktive ingredienser\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eTea Tree-olje - et naturlig antiseptisk middel\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\u003eForebygger irritasjon\u003c\/strong\u003e Og infeksjoner\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\u003eEgnet for akneutsatt hud\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\u003eAntibakterielle egenskaper\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\"\u003eTitandioksid + sinkoksid - dobbel beskyttelse\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\u003eSikker fysisk beskytter\u003c\/strong\u003e For sensitiv hud\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\u003eUmiddelbar beskyttelse\u003c\/strong\u003e Fra 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\u003eIkke treng gjennom huden\u003c\/strong\u003e - Bli på overflaten\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\"\u003eKollagen - ekstra næring\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\u003eOpprettholder hudens elastisitet\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\u003eMotstår aldringstegn\u003c\/strong\u003e Fra solen\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\"\u003eVitamin E - antioksidant\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\u003eBeskytter mot frie radikaler\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\u003eBeroliger huden\u003c\/strong\u003e Irritert av solen\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\"\u003eHvordan bruke\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\"\u003eRist godt\u003c\/h4\u003e\n\u003cp\u003eRist beholderen godt før hver bruk for å sikre at ingrediensene blandes\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\"\u003eSpray jevnt\u003c\/h4\u003e\n\u003cp\u003eHold beholderen unna huden og spray på alle utsatte områder\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\"\u003eFor ansiktet\u003c\/h4\u003e\n\u003cp\u003eSpray først i hånden, og påfør deretter på ansiktet, unngå øynene\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\"\u003eGjenta hver andre time\u003c\/h4\u003e\n\u003cp\u003eEller etter svømming og svetting for å sikre kontinuerlig beskyttelse\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\"\u003eDen praktiske løsningen for smart beskyttelse\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eVacation Sunscreen Lotion Spray\u003c\/strong\u003e Han \u003cstrong\u003ePraktisk løsning\u003c\/strong\u003e For de som ønsker rask og effektiv beskyttelse.\n \u003c\/p\u003e\n\u003cdiv class=\"highlight-text\"\u003e\n Fin tåke + kraftig beskyttelse + enkel bruk = den perfekte beskytteren for et aktivt liv\n \u003c\/div\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eBestill det nå... og nyt beskyttelse uten komplikasjoner.\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":"Bobai Solkrem Olje Forsvar Væske SPF 50+ Solkrem for fet hud","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\"\u003ePopeye solkrem for fet og akneutsatt hud\u003c\/h1\u003e\n\u003c!-- Hero Image with proper alt text --\u003e\n\u003cimg alt=\"Popeye solkrem for fet og akneutsatt hud - kraftig beskyttelse uten fethet\" 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 Omfattende beskyttelse uten fet effekt, uten at huden svetter, uten irriterende hvite merker\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\"\u003eGrunnleggende funksjoner\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 % sterk beskyttelse\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\u003eBredspektret beskyttelse\u003c\/strong\u003e Fra 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\u003eEgnet for daglig bruk\u003c\/strong\u003e Og langvarig eksponering for solen\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 Designet for problemhud\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\u003eRegulerer fettsekresjon\u003c\/strong\u003e Det forhindrer overdreven glans\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\u003eAntibakterielle egenskaper\u003c\/strong\u003e Hindrer dannelsen av kviser\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\u003eAnti-inflammatorisk\u003c\/strong\u003e Lindrer irritasjon og rødhet\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\u003eSkånsomme eksfolierende egenskaper\u003c\/strong\u003e Renser porer\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 Ideell tekstur for fet hud\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\u003eLett og raskt absorbert\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\u003eEtterlater ikke en fet følelse\u003c\/strong\u003e Eller klissete\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\u003eEtterlater ikke et hvitt lag\u003c\/strong\u003e På huden\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\u003eEgnet under sminke\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\"\u003eHvordan bruke\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\"\u003eRist beholderen godt\u003c\/h4\u003e\n\u003cp class=\"step-description\"\u003eFør bruk for å sikre at ingrediensene er blandet perfekt\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\"\u003ePåfør en passende mengde\u003c\/h4\u003e\n\u003cp class=\"step-description\"\u003ePå huden 20 minutter før soleksponering for best beskyttelse\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\"\u003ePåfør på nytt hver andre time\u003c\/h4\u003e\n\u003cp class=\"step-description\"\u003eEller når det er nødvendig for å opprettholde kontinuerlig beskyttelse gjennom hele dagen\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\"\u003eDen perfekte løsningen for fet hud\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003ePopeye solkrem\u003c\/strong\u003e Han \u003cstrong\u003eDen perfekte løsningen for fet hud\u003c\/strong\u003e Hvem trenger sterk beskyttelse uten fettete hud eller kviser.\n \u003c\/p\u003e\n\u003cdiv class=\"highlight-formula\"\u003e\n 98 % beskyttelse + sebumregulering + antibakteriell = smart solkrem for sta hud\n \u003c\/div\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eBestill det nå... og nyt sterk beskyttelse uten komplikasjoner.\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: Ris + Probiotika Lett solkrem SPF 50+ PA++++ (Ikke-fet hydrering med 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\"\u003eKoreansk solkrem\u003c\/span\u003e Hva vil få deg til å elske solen igjen\u003c\/h1\u003e\n\u003cp class=\"aqua-hero-subtitle-text aqua-reveal aqua-active delay-1\"\u003e\n Tenk deg en solkrem med en vannaktig tekstur som forsvinner på sekunder, og den inneholder 30% risfrøvann, som gjør at koreanske stjerners hud ser fantastisk ut, og med 5 avanserte beskyttelsesfiltre. Den beskytter, fukter, lysner og behandler - 4 produkter i én.\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 Nettleseren din støtter ikke videovisning.\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\"\u003eVannaktig tekstur forsvinner på sekunder\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eDet er ulikt alle vanlige solkremer, en veldig lett formel som tas opp av huden umiddelbart.\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 % risfrøvann\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eDen eldgamle koreanske skjønnhetshemmeligheten for å lysne og gi dyp fuktighet til huden.\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\"\u003eUten hvithet eller fethet\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eSelv for fet hud, etterlater den ingen irriterende hvite rester eller uønsket glans.\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 avanserte beskyttelsesfiltre\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eDen sterkeste beskyttelsen i regionen mot alle typer skadelige stråler.\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 produkter i ett\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eSterk beskyttelse + dyp hydrering + punktlysning + hudbarrierebehandling.\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;\"\u003eHar du prøvd mange solkremer... og på grunn av så mye ulempe, bestemte du deg for å la solen spise på huden din?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; color: var(--text-muted); margin-bottom: 25px;\"\u003e\n Hvis du er lei av solkremer som gjør huden din hvit, eller som gjør huden din fet og klissete, eller som ikke virkelig beskytter deg mot solen...\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 vil fullstendig endre din oppfatning\u003c\/p\u003e\n\u003cp style=\"font-size: 1rem; color: var(--text-muted); margin-top: 10px;\"\u003eFra første bruk vil du føle at du påfører et fuktighetsgivende serum, ikke en solkrem.\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\"\u003eRisfrøvann 30% - hemmeligheten bak koreansk skjønnhet\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003eHva gjør at én ingrediens tilsvarer prisen på en hel solkrem?\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=\"Risfrøvann i 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;\"\u003eEn eldgammel hemmelighet tusenvis av år gammel\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\" style=\"margin-bottom: 20px;\"\u003eRisfrøvann er ikke bare en vanlig ingrediens... Dette er hemmeligheten bak koreansk skjønnhet som asiatiske stjerner arver fra sine familier.\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;\"\u003eDen dyreste komponenten i sammensetningen:\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 Det utvinnes på spesielle måter som bevarer fordelene.\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 % veldig høy konsentrasjon - den høyeste prosentandelen i en solkrem.\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 Antioksidanter 10 ganger sterkere enn vitamin 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;\"\u003eHva vil det gjøre med huden din?\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 Huden din gjenvinner sin naturlige glød i løpet av få uker.\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 Lysner mørke flekker og jevner ut fargen deres.\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 Fukter ned til 7 lag dyp.\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 avanserte beskyttelsesfiltre - et komplett team mot solen\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003ePå et tidspunkt når alle forebyggende produkter gir deg ett filter, gir denne kremen 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\"\u003eDen første vakten: Den absorberer strålene og omdanner dem til ufarlig varme.\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\"\u003eDen omfattende fighteren: beskytter mot UVA og UVB med 99 % effektivitet.\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\"\u003eSpesialist: Den retter seg mot strålene som forårsaker hudaldring.\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\"\u003eDypbeskytter: Den bekjemper stråler som trenger inn i de dype lagene av huden.\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\"\u003eDet ultimate skjoldet: dobbel beskyttelse og langvarig stabilitet på huden.\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;\"\u003eResultat: SPF 57,9 + PA++++ UVA PF 19,3 beskyttelse - høyere enn angitt på pakken!\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eReise av forandring - se huden din bli bedre hver dag\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\"\u003eFørste dag\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eDen første overraskelsen\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Umiddelbar beskyttelse fra første gang.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ En følelse av friskhet og dyp hydrering.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ En vannaktig tekstur som forsvinner uten en fet effekt.\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\"\u003eEtter en uke\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eDen søte starten\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Huden er mykere og mer strålende.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Reduserer overskuddsglans for fet hud.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Merkbar forbedring av hudtekstur.\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\"\u003eEtter en måned\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eResultatene taler\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Klar glød og sammenslåing av hudtonen.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Mørke flekker begynner å bli mindre.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Sterkere og mer motstandsdyktig hud.\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\"\u003eSammenlignet med enhver annen solkrem - forskjellen er klar\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);\"\u003eVanlig solkrem (100 pund))\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 Bare normal beskyttelse\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Fet tekstur eller klar hvithet\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Vanlige kjemiske komponenter\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Det finnes ingen ekstra fordeler\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Resultat: bare midlertidig beskyttelse\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 Sterk beskyttelse + fuktighetsgivende + behandling + skjønnhetspleie\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Luksuriøs vannaktig tekstur som forsvinner over tid\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Sjeldne og dyre naturlige ingredienser\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Kontinuerlig forbedring av hudkvalitet\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Resultatet: en investering i skjønnheten og helsen til huden din\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=\"Invester i å beskytte huden din nå\" 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\"\u003eDagens beslutning vil bestemme formen på huden din i morgen\u003c\/h2\u003e\n\u003cp class=\"aqua-card-desc\" style=\"max-width: 750px; margin: 0 auto 20px; font-size: 1.15rem;\"\u003e\n Solen er hudens største fiende, den største årsaken til for tidlig aldring, og den viktigste årsaken til pigmentering og flekker. Vil du la solen spise opp huden din, eller vil du investere i å beskytte den med et behandlingsprodukt som forbedrer den hver dag?\n \u003c\/p\u003e\n\u003cp style=\"font-size: 1.3rem; font-weight: 800; color: var(--aqua-dark);\"\u003eDen riktige avgjørelsen er klar!\u003c\/p\u003e\n\u003cbutton class=\"aqua-btn-primary\"\u003eBestill det nå... og invester i hudens fremtid\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\/no\/collections\/sunscreens-sun-protection.oembed","provider":"SkinGeer","version":"1.0","type":"link"}