{"title":"Trattamenti \u0026 Cura del Corpo","description":"","products":[{"product_id":"bio-skincare-body-lotion-papay-400ml-لوشن-البابايا-لتفتيح-البشرة","title":"lozione corpo bio skincare papaya 400ml lozione alla papaya per schiarire la pelle","description":"\u003ch3 data-mce-fragment=\"1\" data-mce-style=\"text-align: left;\" style=\"text-align: left;\"\u003e\n\u003cspan style=\"color: #d6ab2c;\"\u003e\u003c\/span\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/4578_2048x2048.png?v=1625383395\" style=\"margin-right: 27.8333px; margin-left: 27.8333px; float: none;\"\/\u003e\n\u003c\/h3\u003e\n\u003cul dir=\"ltr\"\u003e\n\u003cli style=\"text-align: left;\"\u003e\u003cstrong\u003eLa papaya aiuta a eliminare la pelle morta, poiché scompone le proteine inattive e rinnova le cellule morte della pelle.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli style=\"text-align: left;\"\u003e\u003cstrong\u003eIl frutto della papaya aiuta a idratare la pelle perché contiene una piccola quantità di sodio, che aiuta a trattenere l'acqua nella pelle.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli style=\"text-align: left;\"\u003e\u003cstrong\u003eEliminare brufoli e imperfezioni, specialmente sulla pelle grassa.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli style=\"text-align: left;\"\u003e\u003cstrong\u003eIl frutto della papaya aiuta a rendere la pelle liscia e libera da problemi e imperfezioni.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli style=\"text-align: left;\"\u003e\u003cstrong\u003eÈ coinvolto nella formazione di esfolianti cutanei naturali.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli style=\"text-align: left;\"\u003e\u003cstrong\u003eIl frutto della papaya riduce i segni dell'invecchiamento precoce che colpiscono la pelle.\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 data-mce-fragment=\"1\" data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\" data-mce-style=\"color: #35bf9a;\" style=\"color: #35bf9a;\"\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ctable class=\"a-normal a-spacing-micro\" data-mce-fragment=\"1\" data-mce-style=\"width: 534px;\" style=\"width: 534px;\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr class=\"a-spacing-small\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"a-span3\" data-mce-fragment=\"1\" data-mce-style=\"width: 252.667px; text-align: left;\" style=\"width: 252.667px; text-align: left;\"\u003eEstratto di papaya\u003c\/td\u003e\n\u003ctd class=\"a-span9\" data-mce-fragment=\"1\" data-mce-style=\"width: 265.333px; text-align: left;\" style=\"width: 265.333px; text-align: left;\"\u003e\u003cspan class=\"a-size-base\" data-mce-fragment=\"1\"\u003eIngredienti speciali\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"a-span3\" data-mce-fragment=\"1\" data-mce-style=\"width: 252.667px; text-align: left;\" style=\"width: 252.667px; text-align: left;\"\u003eIlluminanti \u0026amp; Schiarenti Anti-Macchie\u003c\/td\u003e\n\u003ctd class=\"a-span9\" data-mce-fragment=\"1\" data-mce-style=\"width: 265.333px; text-align: left;\" style=\"width: 265.333px; text-align: left;\"\u003e\u003cspan class=\"a-size-base\" data-mce-fragment=\"1\"\u003e Uso di base\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"a-span3\" data-mce-fragment=\"1\" data-mce-style=\"width: 252.667px; text-align: left;\" style=\"width: 252.667px; text-align: left;\"\u003eLozione\u003c\/td\u003e\n\u003ctd class=\"a-span9\" data-mce-fragment=\"1\" data-mce-style=\"width: 265.333px; text-align: left;\" style=\"width: 265.333px; text-align: left;\"\u003e\u003cspan class=\"a-size-base\" data-mce-fragment=\"1\"\u003eInstallazione\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"a-span3\" data-mce-fragment=\"1\" data-mce-style=\"width: 252.667px; text-align: left;\" style=\"width: 252.667px; text-align: left;\"\u003e400 ml\u003c\/td\u003e\n\u003ctd class=\"a-span9\" data-mce-fragment=\"1\" data-mce-style=\"width: 265.333px; text-align: left;\" style=\"width: 265.333px; text-align: left;\"\u003e\u003cspan class=\"a-size-base\" data-mce-fragment=\"1\"\u003eQuantità\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"a-span3\" data-mce-fragment=\"1\" data-mce-style=\"width: 252.667px; text-align: left;\" style=\"width: 252.667px; text-align: left;\"\u003eBio skincare\u003cspan class=\"a-size-base a-text-bold\" data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd class=\"a-span9\" data-mce-fragment=\"1\" data-mce-style=\"width: 265.333px; text-align: left;\" style=\"width: 265.333px; text-align: left;\"\u003e\u003cspan class=\"a-size-base\" data-mce-fragment=\"1\"\u003eIl marchio\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"a-span3\" data-mce-fragment=\"1\" data-mce-style=\"width: 252.667px; text-align: left;\" style=\"width: 252.667px; text-align: left;\"\u003e\u003cspan class=\"a-size-base a-text-bold\" data-mce-fragment=\"1\" mce-data-marked=\"1\"\u003eBasso\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd class=\"a-span9\" data-mce-fragment=\"1\" data-mce-style=\"width: 265.333px; text-align: left;\" style=\"width: 265.333px; text-align: left;\"\u003e\u003cspan class=\"a-size-base\" data-mce-fragment=\"1\"\u003ePericolo di allergia\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"a-span3\" data-mce-fragment=\"1\" data-mce-style=\"width: 252.667px; text-align: left;\" style=\"width: 252.667px; text-align: left;\"\u003e\u003cspan class=\"a-size-base a-text-bold\" data-mce-fragment=\"1\"\u003eTutti i tipi di pelle\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd class=\"a-span9\" data-mce-fragment=\"1\" data-mce-style=\"width: 265.333px; text-align: left;\" style=\"width: 265.333px; text-align: left;\"\u003eTipo di pelle\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"a-span3\" data-mce-fragment=\"1\" data-mce-style=\"width: 252.667px; text-align: left;\" style=\"width: 252.667px; text-align: left;\"\u003e\u003cspan class=\"a-size-base a-text-bold\" data-mce-fragment=\"1\"\u003ePapaya\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd class=\"a-span9\" data-mce-fragment=\"1\" data-mce-style=\"width: 265.333px; text-align: left;\" style=\"width: 265.333px; text-align: left;\"\u003e\u003cspan class=\"a-size-base\" data-mce-fragment=\"1\"\u003eL'odore \u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cbr\/\u003e\n\u003cul\u003e\u003c\/ul\u003e","brand":"bio skin care","offers":[{"title":"Default Title","offer_id":40080977199301,"sku":"INSTA0350CHIQ","price":68.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/399945_main.jpg?v=1627189391"},{"product_id":"byphasse-almond-body-lotion-500ml","title":"byphasse almond body lotion 500ml","description":"\u003cp data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eCategory\u003c\/strong\u003e: Body care\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003ePackaging\u003c\/strong\u003e: Bottle\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eCapacity\u003c\/strong\u003e: 500 ml\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eSkin Type\u003c\/strong\u003e: Dry skin\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eDescription\u003c\/strong\u003e: BYPHASSE nourishing body lotion with sweet almond oil nourishes and softens your skin, leaving it pleasantly scented.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eIngredientes\u003c\/strong\u003e: Aqua (Water), Paraffinum Liquidum (Mineral Oil), Cetearyl Alcohol, Cetyl Alcohol, Sodium Laureth Sulfate, Propylparaben, Parfum (Fragrance), Cyclopentasiloxane, 2-Bromo-2-Nitropropane-1,3-Diol, Laureth-2, Sodium Sulfate, Prunus Amygdalus Dulcis (Sweet Almond) Oil, Citric Acid, Sodium Chloride, Coumarin, Limonene, Hexyl Cinnamal,\u003cspan class=\"Apple-converted-space\" data-mce-fragment=\"1\"\u003e \u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003c\/span\u003eCI 15985 (FD\u0026amp;C Yellow No. 6), CI 16035 (FD\u0026amp;C Red No. 40), CI 19140 (FD\u0026amp;C Yellow No. 5).\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eDirections of use\u003c\/strong\u003e: Apply on skin in a gentle massage once or twice a day to make it soft and hydrated.\u003c\/p\u003e","brand":"Byphasse","offers":[{"title":"Default Title","offer_id":40081209884869,"sku":"INSTA0353CHIQ","price":90.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/byphasse-leche-corporal-nutritiva-aceite-de-almendra-dulce-1-46348.jpg?v=1627189392"},{"product_id":"inecto-body-lotion-argan-250ml","title":"Inecto body lotion argan 250ml","description":"\u003cp\u003e\u003cstrong\u003e90% of natural origins with Argan. This lotion is lightweight and non-greasy. It leaves your whole body feeling silky, healthy, and glowing.\u003c\/strong\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cbr\u003e\u003c\/strong\u003e\u003c\/p\u003e","brand":"Inecto","offers":[{"title":"Default Title","offer_id":40639638143173,"sku":"INSTA0437CHIQ","price":65.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/s-l1600-1-600x600.jpg?v=1627189422"},{"product_id":"vaseline-cacao-butter-600ml","title":"Vaseline Lotion 400ml Cocoa Butter","description":"\u003cp data-mce-fragment=\"1\"\u003eWe believe healthy skin starts with deep restoring moisture. It all stated with a wonder jelly that we have been perfecting for 140 years. Now we have micro-droplets of Vaseline jelly in our Cocoa Radiant lotion which absorbs deeply into your skin and moisturizes to restore it from within.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eCocoa radiant with pure cocoa butter\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cul data-mce-fragment=\"1\"\u003e\n\u003cli data-mce-fragment=\"1\"\u003eMoisturizes to restore dry and dull skin\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003eBrings out your skin's natural glow\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003eAbsorbs fast for a non-greasy feel\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Vaseline","offers":[{"title":"Default title","offer_id":40108706857157,"sku":"INSTA0469CHIQ","price":280.0,"currency_code":"EGP","in_stock":false},{"title":"Vaseline spray moisturizer 600ml Cocoa Butter","offer_id":40175494037701,"sku":"INSTA0470CHIQ","price":180.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/61w9T2wQ91L._SL1500.jpg?v=1627189431"},{"product_id":"ultra-dolce-cacoa-body-milk","title":"ultra dolce cocco body milk 250ml","description":"\u003cdiv id=\"tw-container\" data-uilc=\"en\" data-sugg-url=\"https:\/\/clients1.google.com\/complete\/search\" data-sugg-time=\"500\" data-sm=\"1\" data-nnttsvi=\"1\" data-is-ver=\"false\" data-cp=\"1\" class=\"YQaNob\"\u003e\n\u003cdiv jsslot=\"1\" jsname=\"gI9xcc\"\u003e\n\u003cdiv jsaction=\"uQxhTd:d4hecb;lWUBqb:TO5MWb;IcWBXe:hLaFAe;KFlBO:UuREqb;M2HAEc:eNrnOd;rcuQ6b:npT2md\" jsdata=\"SANFE;_;CULL1c\" jscontroller=\"geqCid\"\u003e\n\u003cdiv id=\"tw-ob\" class=\"tw-src-ltr\"\u003e\n\u003cdiv class=\"oSioSc\"\u003e\n\u003cdiv id=\"tw-target\"\u003e\n\u003cdiv class=\"g9WsWb\" id=\"kAz1tf\"\u003e\n\u003cdiv id=\"tw-target-text-container\" class=\"tw-ta-container F0azHf tw-nfl\" tabindex=\"0\"\u003e\n\u003cpre dir=\"ltr\" id=\"tw-target-text\" data-placeholder=\"Translation\" class=\"tw-data-text tw-text-large XcVN5d tw-ta\"\u003e\u003cspan lang=\"en\" class=\"Y2IQFc\"\u003eIn its new delicious recipe, Garnier Ultra Dolce combines two ingredients to make your skin soft and hydrated. \u003cbr\u003eCoconut milk, made from the pulp of coconuts from French Polynesia, \u003cbr\u003eis known to help make skin incredibly soft; \u003cbr\u003eMacadamia oil, hand extracted from the nuts of this tropical plant, \u003cbr\u003eis used in the world of cosmetics for its nourishing properties. \u003cbr\u003eLet yourself be pampered by its silky foam and immerse yourself in its fragrance.\u003c\/span\u003e\u003c\/pre\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"tw-target-rmn-container\" class=\"tw-target-rmn tw-ta-container F0azHf tw-nfl\"\u003e\n\u003cpre dir=\"ltr\" id=\"tw-target-rmn\" data-placeholder=\"\" class=\"tw-data-placeholder tw-text-small tw-ta\"\u003e\u003cspan class=\"Y2IQFc\"\u003e\u003c\/span\u003e\u003c\/pre\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"iYB33c\" jsname=\"fek9E\"\u003e\n\u003cdiv class=\"dlJLJe\"\u003e\n\u003cdiv data-ved=\"2ahUKEwjgpITT2u3xAhUHvRQKHdMfBxgQz_AEMAB6BAgCEA8\" data-cviv=\"false\" jsaction=\"R4nmZb:npT2md;C1RXse:PoUyQd\" jscontroller=\"zkUZDe\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"tw-tmenu\" class=\"tw-menu\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"tw-images\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"dURPtb\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv jsaction=\"iJE3Ge:yuFC7d;DmzWq:nuBux\"\u003e\n\u003cdiv jsslot=\"1\" jsname=\"gI9xcc\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"KFFQ0c xKf9F\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"ultra","offers":[{"title":"Default Title","offer_id":40639807324357,"sku":"INSTA0491CHIQ","price":199.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/Garnier-Trattamento_Corpo-Ultra_Dolce_Bagnodoccia_idratante_e_ammoliente_Latte_di_Cocco_e_Macadamia_500_ml.jpg?v=1627189439"},{"product_id":"60ml","title":"Bio-Oil (For Scars, Stretch Marks, Uneven Skin Tone, Aging \u0026 Dehydrated Skin) 60 ml","description":"\u003ch2 style=\"text-align: center;\"\u003e\u003cstrong\u003e(For Scars, Stretch Marks, Uneven Skin Tone, Aging \u0026amp; Dehydrated Skin)\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/05525ece-66e5-4d25-9670-e40ae771f76d.__CR0_0_1940_600_PT0_SX970_V1_2048x2048.jpg?v=1627813318\" alt=\"\" style=\"margin-right: auto; float: none; display: block; margin-left: auto;\"\u003e\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eA specialist moisturizing oil treatment for face \u0026amp; body Formulated with Vitamins A \u0026amp; E plus plant extracts.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e Contains a revolutionary ingredient PurCellin Oil for a lightweight \u0026amp; non-greasy formula Refines \u0026amp; tones scars, stretch marks while improving uneven skin tone\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSkin appears softer, smoother, hydrated \u0026amp; younger looking Hypoallergenic, suitable for sensitive skin To use: Massage into targeted areas in a circular motion until totally absorbed.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/b54bf274-3d2f-4a8a-9cc0-82150c6dade1.__CR0_0_970_600_PT0_SX970_V1_2048x2048.jpg?v=1627813377\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eUse twice daily for a minimum of 3 months\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg style=\"float: none; display: block; margin-left: auto; margin-right: auto;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/61tZu237R1L._SL1500_480x480.jpg?v=1627813480\"\u003e\u003c\/div\u003e","brand":"Bio","offers":[{"title":"Default Title","offer_id":40639444484293,"sku":"INSTA0514CHIQ","price":395.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/bio-oil-body-oil-60ml_1.jpg?v=1627189448"},{"product_id":"old-spice-after-shave-100ml","title":"old spice after shave 100ml","description":"\u003ch2\u003e\u003cspan style=\"color: #ce9c27;\"\u003eBenefits\u003c\/span\u003e\u003c\/h2\u003e\n\u003cul class=\"a-unordered-list a-vertical a-spacing-mini\" data-mce-fragment=\"1\"\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\n\u003cp\u003e\u003cspan class=\"a-list-item\" data-mce-fragment=\"1\"\u003eCools, Stimulates, Refreshes, Puts you in Command\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\n\u003cp\u003e\u003cspan class=\"a-list-item\" data-mce-fragment=\"1\"\u003eSoothes and freshens your skin after shaving\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\n\u003cp\u003e\u003cspan class=\"a-list-item\" data-mce-fragment=\"1\"\u003eHelps heal tiny razor cuts and nick\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\n\u003cp\u003e\u003cspan class=\"a-list-item\" data-mce-fragment=\"1\"\u003eUse liberally after each shave over face, neck and body\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"old spice","offers":[{"title":"Default Title","offer_id":40639653773509,"sku":"INSTA0529CHIQ","price":220.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/717CU_2BDza9L._SL1500.jpg?v=1627189453"},{"product_id":"bath-body-works-mad-about-you","title":"Bath \u0026 Body Works Mad About You body lotion","description":"\u003cp\u003e\u003cspan data-mce-fragment=\"1\"\u003eA floral, love-struck blend of black currant, bright peony, pink jasmine, white patchouli and vanilla musk  , \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003enow with hyaluronic acid, which attracts water and moisturizes so skin feels hydrated. Also made with shea butter, this dermatologist-tested, 24-hour Ultimate Hydration\u003c\/span\u003e\u003c\/p\u003e","brand":"Bath \u0026 Body","offers":[{"title":"Default Title","offer_id":40849365401797,"sku":"INSTA0636CHIQ","price":400.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/22206290_1.44530.jpg?v=1636560155"},{"product_id":"victorias-secret-love-spell-mist","title":"Victoria's Secret Love Spell Mist 250 ml","description":"Body Mist “Love Spell” di Victoria's Secret è una fragranza fruttata e floreale appositamente concepita per le donne. Love Spell è stata lanciata durante il nuovo millennio. È caratterizzata dai suoi ingredienti distintivi:\u003cbr\u003e\u003cbr\u003eNote di testa: pesca, fiore di ciliegio e mela rossa.\u003cbr\u003eNote di cuore: viola, gelsomino e mughetto.\u003cbr\u003eNote di fondo: tamarindo, muschio e legni bianchi.\u003cbr\u003eQuesto profumo combina scent floreali e fruttati per offrirti un'esperienza aromatica unica che ti conduce in un viaggio attraverso i mondi diversi del profumo e dell'emozione. È un'espressione di femminilità e di delicata attrattiva che unisce il fascino dei fiori e la dolcezza dei frutti.\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e","brand":"Victoria secret","offers":[{"title":"Default Title","offer_id":40849477730501,"sku":"INSTA0639CHIQ","price":570.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/PhotoRoom-20231002_131751.jpg?v=1696242062"},{"product_id":"bod-man-uppercut-body-mist","title":"Bod Man Uppercut body mist","description":"\u003cdiv id=\"WEB_ANSWERS_RESULT_12_zfuLYZX6Ec3gU5uUr4AM__43\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"wDYxhc\" data-md=\"61\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"LGOjhe\" data-attrid=\"wa:\/description\" aria-level=\"3\" role=\"heading\" data-hveid=\"CDkQAA\" data-mce-fragment=\"1\"\u003e\u003cspan class=\"ILfuVd\" data-mce-fragment=\"1\"\u003e\u003cspan class=\"hgKElc\" data-mce-fragment=\"1\"\u003e\u003cb data-mce-fragment=\"1\"\u003eA fresh spicy scent\u003c\/b\u003e. It has hints of fruits and florals that are wrapped up with warm notes at the base. this rich scent is very full of life. it is a beautiful blend of soft fruits, florals, rich leather, woods and amber notes.\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"WEB_ANSWERS_STANDARD_RESULT_13_zfuLYZX6Ec3gU5uUr4AM__44\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"g\" data-mce-fragment=\"1\"\u003e\n\u003cdiv data-hveid=\"CDUQAA\" data-ved=\"2ahUKEwjVlMXXo470AhVN8BQKHRvKC8AQFSgAegQINRAA\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"tF2Cxc\" data-mce-fragment=\"1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"BOD","offers":[{"title":"Default Title","offer_id":40849543758021,"sku":"INSTA0642CHIQ","price":175.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/736578502652.jpg?v=1636564069"},{"product_id":"bod-man-black-unisex-body-spray","title":"BOD Man Black Unisex Body Spray","description":"\u003cdiv id=\"WEB_ANSWERS_RESULT_8_y_yLYYL1L_iPjLsPvJCggAw__36\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"wDYxhc\" data-md=\"61\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"LGOjhe\" data-attrid=\"wa:\/description\" aria-level=\"3\" role=\"heading\" data-hveid=\"CC4QAA\" data-mce-fragment=\"1\"\u003e\u003cspan class=\"ILfuVd\" data-mce-fragment=\"1\"\u003e\u003cspan class=\"hgKElc\" data-mce-fragment=\"1\"\u003eAn exotic, masculine fragrance, BOD man\u003csup data-mce-fragment=\"1\"\u003e®\u003c\/sup\u003e\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003eBlack features notes of\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cb data-mce-fragment=\"1\"\u003ecrisp verbena highlighted by wild bergamot and a bright citrus zest accord\u003c\/b\u003e. The background is a sexy and bold blend of tonka bean, sandalwood, and amber.\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"WEB_ANSWERS_STANDARD_RESULT_9_y_yLYYL1L_iPjLsPvJCggAw__37\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"g\" data-mce-fragment=\"1\"\u003e\n\u003cdiv data-hveid=\"CCYQAA\" data-ved=\"2ahUKEwjChvLQpI70AhX4B2MBHTwICMAQFSgAegQIJhAA\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"tF2Cxc\" data-mce-fragment=\"1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"BOD","offers":[{"title":"Default Title","offer_id":40849547526341,"sku":"INSTA0643CHIQ","price":175.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/71xQkVMtkdL.jpg?v=1636564355"},{"product_id":"bod-man-fresh-guy-for-men-fragrance-body-spray","title":"Bod Man Fresh Guy For Men Fragrance Body Mist","description":"\u003cdiv class=\"wDYxhc\" data-md=\"61\" lang=\"en-EG\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"LGOjhe\" data-attrid=\"wa:\/description\" aria-level=\"3\" role=\"heading\" data-hveid=\"CAQQAA\" data-mce-fragment=\"1\"\u003e\u003cspan class=\"ILfuVd\" data-mce-fragment=\"1\"\u003e\u003cspan class=\"hgKElc\" data-mce-fragment=\"1\"\u003e A vibrant combination of\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cb data-mce-fragment=\"1\"\u003ecrisp green apple and a juicy melon accord\u003c\/b\u003e\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003ecombines with the woody, amber notes of sheer musk, white sandalwood and teakwood to create a strong, masculine fragrance.\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"g\" data-mce-fragment=\"1\"\u003e\n\u003cdiv data-hveid=\"CAMQAA\" data-ved=\"2ahUKEwiujvaCpo70AhVF5-AKHRYgD8IQFSgAegQIAxAA\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"tF2Cxc\" data-mce-fragment=\"1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"BOD","offers":[{"title":"Default Title","offer_id":40849551425733,"sku":"INSTA0644CHIQ","price":175.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/702840486067.jpg?v=1636564672"},{"product_id":"bodylicious-berrylicious-217ml","title":"bodylicious Berrylicious 217ml","description":"\u003cdiv class=\"wDYxhc\" data-mce-fragment=\"1\" data-md=\"61\"\u003e\n\u003cdiv aria-level=\"3\" class=\"LGOjhe\" data-attrid=\"wa:\/description\" data-hveid=\"CC4QAA\" data-mce-fragment=\"1\" role=\"heading\"\u003eNote di testa\u003cbr\/\u003eMela, verdura, bacche, tè\u003cbr\/\u003e\u003cbr\/\u003e \u003cbr\/\u003e\u003cbr\/\u003e \u003cspan data-mce-fragment=\"1\"\u003eA\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003ePer fragranze aromatiche \u003c\/span\u003eCentrale\u003cbr\/\u003eGelsomino, prugna, prugna secca\u003cbr\/\u003e\u003cbr\/\u003e\u003cbr\/\u003e\u003cspan data-mce-fragment=\"1\"\u003eA\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003ePer fragranze aromatiche\u003c\/span\u003eBase\u003cbr\/\u003eMusk, Oris\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"g\" data-mce-fragment=\"1\"\u003e\n\u003cdiv data-hveid=\"CCYQAA\" data-mce-fragment=\"1\" data-ved=\"2ahUKEwjChvLQpI70AhX4B2MBHTwICMAQFSgAegQIJhAA\"\u003e\n\u003cdiv class=\"tF2Cxc\" data-mce-fragment=\"1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"bodylicious","offers":[{"title":"Default Title","offer_id":41078839017669,"sku":"","price":90.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/CDB34966-E0A7-4712-AAFB-176DAEA7E6CF.png?v=1642185957"},{"product_id":"bod-really-ripped-abs","title":"Bod really ripped abs","description":"\u003cdiv data-mce-fragment=\"1\" id=\"WEB_ANSWERS_RESULT_12_zfuLYZX6Ec3gU5uUr4AM__43\"\u003e\n\u003cdiv class=\"wDYxhc\" data-mce-fragment=\"1\" data-md=\"61\"\u003e\n\u003cdiv aria-level=\"3\" class=\"LGOjhe\" data-attrid=\"wa:\/description\" data-hveid=\"CDkQAA\" data-mce-fragment=\"1\" role=\"heading\"\u003eBody Man Really Ripped Abs Cologne di Parfums De Coeur, Le fragranze e gli spray per il corpo Parfums de Coeur sono creati con la cura e la qualità dei prodotti di marca, ma a una frazione del costo.\u003cbr\/\u003eEccellente scelta.\u003cbr\/\u003eMaschile e attraente.\u003cbr\/\u003eDona una fragranza rinfrescante della doccia per tutto il giorno\u003cbr\/\u003eLe note di testa sono bergamotto e mandarino.\u003cbr\/\u003eNote di cuore di salvia verde, geranio e lavanda.\u003cbr\/\u003eLe note di fondo sono muschio, legno di sandalo e legno di cedro.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv data-mce-fragment=\"1\" id=\"WEB_ANSWERS_STANDARD_RESULT_13_zfuLYZX6Ec3gU5uUr4AM__44\"\u003e\n\u003cdiv class=\"g\" data-mce-fragment=\"1\"\u003e\n\u003cdiv data-hveid=\"CDUQAA\" data-mce-fragment=\"1\" data-ved=\"2ahUKEwjVlMXXo470AhVN8BQKHRvKC8AQFSgAegQINRAA\"\u003e\n\u003cdiv class=\"tF2Cxc\" data-mce-fragment=\"1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"BOD","offers":[{"title":"Default Title","offer_id":41079269884101,"sku":"","price":175.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/1_15.jpg?v=1642199539"},{"product_id":"bod-lights-out","title":"Bod Lights out","description":"\u003cdiv data-mce-fragment=\"1\" id=\"WEB_ANSWERS_RESULT_12_zfuLYZX6Ec3gU5uUr4AM__43\"\u003e\n\u003cdiv class=\"wDYxhc\" data-mce-fragment=\"1\" data-md=\"61\"\u003e\n\u003cdiv aria-level=\"3\" class=\"LGOjhe\" data-attrid=\"wa:\/description\" data-hveid=\"CDkQAA\" data-mce-fragment=\"1\" role=\"heading\"\u003eBody Man Really Ripped Abs Cologne di Parfums De Coeur, Le fragranze e gli spray per il corpo Parfums de Coeur sono creati con la cura e la qualità dei prodotti di marca, ma a una frazione del costo.\u003cbr\/\u003eEccellente scelta.\u003cbr\/\u003eMaschile e attraente.\u003cbr\/\u003eDona una fragranza rinfrescante della doccia per tutto il giorno\u003cbr\/\u003eLe note di testa sono bergamotto e mandarino.\u003cbr\/\u003eNote di cuore di salvia verde, geranio e lavanda.\u003cbr\/\u003eLe note di fondo sono muschio, legno di sandalo e legno di cedro.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv data-mce-fragment=\"1\" id=\"WEB_ANSWERS_STANDARD_RESULT_13_zfuLYZX6Ec3gU5uUr4AM__44\"\u003e\n\u003cdiv class=\"g\" data-mce-fragment=\"1\"\u003e\n\u003cdiv data-hveid=\"CDUQAA\" data-mce-fragment=\"1\" data-ved=\"2ahUKEwjVlMXXo470AhVN8BQKHRvKC8AQFSgAegQINRAA\"\u003e\n\u003cdiv class=\"tF2Cxc\" data-mce-fragment=\"1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"BOD","offers":[{"title":"Default Title","offer_id":41079272767685,"sku":"","price":175.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/e077fcd6-0535-4903-b0ce-a6a1766a7d0b_1.cc4ad716c02f479ac137da297c29efb2.jpg?v=1642199818"},{"product_id":"bod-fresh-guy","title":"Bod Fresh guy","description":"Body Man Fresh Guy Cologne di Parfums De Coeur. Le fragranze e gli spray per il corpo Parfums de Coeur sono realizzati con la stessa cura e ingredienti di qualità dei prodotti di marca, ma a una frazione del costo. Questa fragranza è piena di energia e personalità. Frutti puliti, freschi e frizzanti sono mitigati da un accenno di floreale e calore. Un carattere maschile forte da godere. Note di testa: mela verde e anguria. Note di cuore: mughetto e foglie di bambù. Note di fondo: ambra, muschio, teak e legno di sandalo bianco.","brand":"BOD","offers":[{"title":"Default Title","offer_id":41079283810501,"sku":"","price":175.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/1_16.jpg?v=1642200435"},{"product_id":"bod-blue-surf","title":"BOD blue surf","description":"\u003cul class=\"p-4 f\" dir=\"ltr\" itemprop=\"description\"\u003e\n\u003cli\u003eUna fragranza maschile e energica forte\u003c\/li\u003e\n\u003cli\u003eFragranza erbacea aromatica.\u003c\/li\u003e\n\u003cli\u003eVitalità maschile e forte.\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"BOD","offers":[{"title":"Default Title","offer_id":41079285809349,"sku":"","price":175.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/341671.jpg?v=1642200548"},{"product_id":"bod-most-wanted","title":"BOD Most wanted","description":"\u003cdiv class=\"container-indent1 prpage-tabs\"\u003e\n\u003cdiv class=\"container container-fluid-custom-mobile-padding\"\u003e\n\u003cdiv class=\"tab-content\"\u003e\n\u003cdiv class=\"tab-pane active fade\" id=\"tt-tab-01\" role=\"tabpanel\"\u003eBod Man Most Wanted - Se ti piace indossare profumi che attirano molta attenzione, allora questo è il profumo più adatto a te. Una fragranza intrigante e giovanile che dovresti usare quando vuoi creare un affascinante senso di mistero. Questa fragranza indimenticabile presenta un profumo maschile di agrumi rinfrescanti, legno ardente e una miscela di erbe segrete.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"container-indent\" data-limit=\"8\" data-product-id=\"4287996198995\" data-section-id=\"product-template\" data-section-type=\"product-recommendations\" data-sectionname=\"product-recommendations\" data-title=\"Prodotti Correlati\"\u003e\n\u003cdiv class=\"container container-fluid-custom-mobile-padding\"\u003e\n\u003cdiv class=\"tt-block-title text-left\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"BOD","offers":[{"title":"Default Title","offer_id":41079287873733,"sku":"","price":175.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/bod-man-most-wanted-mn-brfywmz-dy-kwr-llrjl-stkhdm-lljsm-240-mll-tr-2.jpg?v=1642200726"},{"product_id":"copy-of-bod-most-wanted","title":"BOD dark ice","description":"\u003cdiv class=\"container-indent1 prpage-tabs\"\u003e\n\u003cdiv class=\"container container-fluid-custom-mobile-padding\"\u003e\n\u003cdiv class=\"tab-content\"\u003e\n\u003cdiv class=\"tab-pane active fade\" id=\"tt-tab-01\" role=\"tabpanel\"\u003eTutte le nostre fragranze sono garantite al 100% autentiche dai designer originali.\u003cbr\/\u003eQuesto prodotto è progettato da Parfums De Coeur.\u003cbr\/\u003eA causa di modifiche nell'imballaggio del produttore, il packaging del prodotto potrebbe differire dall'immagine mostrata.\u003cbr\/\u003ePaese di origine: Stati Uniti\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"container-indent\" data-limit=\"8\" data-product-id=\"4287996198995\" data-section-id=\"product-template\" data-section-type=\"product-recommendations\" data-sectionname=\"product-recommendations\" data-title=\"Prodotti Correlati\"\u003e\n\u003cdiv class=\"container container-fluid-custom-mobile-padding\"\u003e\n\u003cdiv class=\"tt-block-title text-left\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"BOD","offers":[{"title":"Default Title","offer_id":41079298293957,"sku":"","price":175.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/341672.jpg?v=1642200954"},{"product_id":"bodylicious-tropical-twist-100ml","title":"bodylicious Tropical Twist 100ml","description":"\u003cdiv class=\"wDYxhc\" data-mce-fragment=\"1\" data-md=\"61\"\u003e\n\u003cdiv aria-level=\"3\" class=\"LGOjhe\" data-attrid=\"wa:\/description\" data-hveid=\"CC4QAA\" data-mce-fragment=\"1\" role=\"heading\"\u003eMarchio: Bodylicious\u003cbr\/\u003eTipo: Spray profumato\u003cbr\/\u003eDimensione: 100 ml\u003cbr\/\u003eSpray corpo a lunga durata\u003cbr\/\u003eDona una fragranza fresca e una sensazione di pulito\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"g\" data-mce-fragment=\"1\"\u003e\n\u003cdiv data-hveid=\"CCYQAA\" data-mce-fragment=\"1\" data-ved=\"2ahUKEwjChvLQpI70AhX4B2MBHTwICMAQFSgAegQIJhAA\"\u003e\n\u003cdiv class=\"tF2Cxc\" data-mce-fragment=\"1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"bodylicious","offers":[{"title":"Default Title","offer_id":41079308583109,"sku":"","price":50.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/524228_main.jpg?v=1642201194"},{"product_id":"biobalance-body-whitening-cream","title":"BIOBALANCE Body Whitening Cream","description":"\u003cp\u003eCrema schiarente per il corpo e le zone sensibili\u003c\/p\u003e","brand":"BIOBALANCE","offers":[{"title":"Default Title","offer_id":41571637985477,"sku":"8011","price":240.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/FacialWhBody60ml_1024x1024_2x_d3298141-35bf-4280-b87b-20edee5f060b.jpg?v=1659628372"},{"product_id":"مرطب-الجسم-بمستخلص-الفراولة-infinity-naturals","title":"Idratante per il corpo con estratto di fragola infinity naturals","description":"La crema per il corpo aiuta a schiarire la pelle e prevenire i danni.\u003cbr\u003eIdrata anche e ammorbidisce la pelle.\u003cbr\u003e","brand":"Infinity naturals","offers":[{"title":"Default Title","offer_id":42172455485637,"sku":"","price":300.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitleddesign-2023-05-05T204334.618.png?v=1683308955"},{"product_id":"mood-showe-gel-bali","title":"Gel Doccia Mood Bali 750 ml","description":"\u003cdiv class=\"tabs__product-page horizontal-tabs\"\u003e\n\u003cdiv class=\"wrapper-tab-content\"\u003e\n\u003cdiv class=\"tab-content active\" data-tabcontent=\"\" id=\"collapse-tab1\"\u003e\n\u003cdiv\u003e\n\u003cdiv data-mce-fragment=\"1\" dir=\"auto\"\u003eGoditi il gel doccia MOOD arricchito con burro di karité e olio di cocco per una morbidezza estrema\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"product-recommendations\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"related-products page-width product-recommendations js-product-recomendation\" data-limit=\"8\" data-product-id=\"7597824344301\" data-related-products=\"\" data-section-id=\"product-recommendations\" data-section-type=\"product-recommendations\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"mood","offers":[{"title":"Default Title","offer_id":42197799731397,"sku":"","price":60.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Mood-Bali-Shower-Gel-with-Shea-butter-Base-750ml-Anwar-Store-332_1024x1024_0a62c7f8-8224-470d-8770-af51f672fc03.webp?v=1685363800"},{"product_id":"موود-بادي-ميلك-فيينا-750-مل","title":"Latte Corpo Mood Vienna 750 ml","description":"\u003cdiv class=\"tabs__product-page horizontal-tabs\"\u003e\n\u003cdiv class=\"wrapper-tab-content\"\u003e\n\u003cdiv class=\"tab-content active\" data-tabcontent=\"\" id=\"collapse-tab1\"\u003e\n\u003cdiv\u003e\n\u003cdiv data-mce-fragment=\"1\" dir=\"auto\"\u003eGoditi il gel doccia MOOD arricchito con burro di karité e olio di cocco per una morbidezza estrema\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"product-recommendations\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"related-products page-width product-recommendations js-product-recomendation\" data-limit=\"8\" data-product-id=\"7597824344301\" data-related-products=\"\" data-section-id=\"product-recommendations\" data-section-type=\"product-recommendations\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"mood","offers":[{"title":"Default Title","offer_id":42198454567109,"sku":"","price":70.0,"currency_code":"EGP","in_stock":true}]},{"product_id":"viktoria-secret-aqua-kiss","title":"Victoria's Secret Aqua Kiss Aqua Kiss Body Mist 250 ml","description":"\u003cdiv class=\"group w-full text-token-text-primary border-b border-black\/10 gizmo:border-0 dark:border-gray-900\/50 gizmo:dark:border-0 bg-gray-50 gizmo:bg-transparent dark:bg-[#444654] gizmo:dark:bg-transparent\" data-testid=\"conversation-turn-39\"\u003e\n\u003cdiv class=\"p-4 justify-center text-base md:gap-6 md:py-6 m-auto\"\u003e\n\u003cdiv class=\"flex flex-1 gap-4 text-base mx-auto md:gap-6 gizmo:gap-3 gizmo:md:px-5 gizmo:lg:px-1 gizmo:xl:px-5 md:max-w-2xl lg:max-w-[38rem] gizmo:md:max-w-3xl gizmo:lg:max-w-[40rem] gizmo:xl:max-w-[48rem] xl:max-w-3xl }\"\u003e\n\u003cdiv class=\"relative flex w-[calc(100%-50px)] flex-col gap-1 gizmo:w-full md:gap-3 lg:w-[calc(100%-115px)] agent-turn\"\u003e\n\u003cdiv class=\"flex flex-grow flex-col gap-3 max-w-full\"\u003e\n\u003cdiv class=\"min-h-[20px] flex flex-col items-start gap-3 overflow-x-auto whitespace-pre-wrap break-words\"\u003e\n\u003cdiv class=\"markdown prose w-full break-words dark:prose-invert light\"\u003e\n\u003cp\u003eImmagina di essere circondato dalla cura speciale del profumo \"Aqua Kiss\" di Victoria's Secret. È una fragranza morbida e lussuosa che ti farà sentire sicura e attraente. Questa affascinante fragranza evoca una sensazione di freschezza che arriva con dolci gocce di pioggia che baciano i fiori di camomilla e le fresche brezze estive.\u003cbr\/\u003e\u003cbr\/\u003eNon è solo una fragranza, è un'esperienza. Aqua Kiss è l'incarnazione dell'eleganza discreta, un aroma che danza delicatamente sulla tua pelle. Spruzzalo sui punti di pulsazione del corpo, tampona collo e polsi, o usalo come spray per capelli e corpo per una fragranza leggera e duratura. Con il passare della giornata, non esitare a riapplicarlo per energizzare la tua anima.\u003cbr\/\u003e\u003cbr\/\u003eQuesta fragranza è una sinfonia di freschezza, più leggera dei profumi tradizionali per donne. Un piacevole blend di acqua rinfrescante e un bouquet di fiori di camomilla luminosi, è un profumo meraviglioso che lascia il segno ovunque tu vada.\u003cbr\/\u003e\u003cbr\/\u003eEleva la tua routine quotidiana con lo spray “Aqua Kiss”, che è una traduzione della semplice eleganza in una meravigliosa fragranza. Consideralo il regalo perfetto, un segno di apprezzamento per le donne della tua vita. Per un’esperienza di fragranza duratura, abbinalo alla Lozione Corpo Armonizzante di Victoria's Secret.\u003cbr\/\u003e\u003cbr\/\u003eCon Aqua Kiss, crei una fragranza che diventa parte di te, un profumo che rimane nella memoria di tutti quelli che incontri. Fai la differenza nella tua vita, sii indimenticabile con \"Aqua Kiss\" di Victoria's Secret.\u003cbr\/\u003e\u003cbr\/\u003e\u003cbr\/\u003e\u003cbr\/\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Victoria secret","offers":[{"title":"Default Title","offer_id":42381251117253,"sku":null,"price":570.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/vicroiasecretaquakiss.jpg?v=1696243242"},{"product_id":"lip-balm-cotton-candy","title":"Raw African Lip Balm Cotton Candy","description":"\u003cp\u003e\u003cspan data-mce-fragment=\"1\"\u003eProtect \u0026amp; soothe your lips with this ultra-nourishingCotton Candy Lip Balm that will give you a cute glossy effect, with just a few swipes, you will enjoy more hydrated and moisturized lips thanks to Coconut oil, Sweet Almond oil, and Cocoa Butter Beeswax, Its natural formula will heal dryness, prevent cracking, and keep your lips healthy, soft, and chap-free all day.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan data-mce-fragment=\"1\"\u003eApply generously into dry lips. Reapply as needed. \u003cu\u003e \u003c\/u\u003e\u003c\/span\u003e\u003c\/p\u003e","brand":"Raw African","offers":[{"title":"Default Title","offer_id":42565117968581,"sku":"","price":125.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/LipBalmCottonCandyFront2.webp?v=1701176022"},{"product_id":"raw-african-lemon-deodorant","title":"Raw African Lemon Deodorant 75 gm","description":"This allows your pores to remain unclogged, letting you sweat naturally without any bad odor while keeping you feeling fresh all day.\u003cbr data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eOur natural ingredients also help to whiten the area. These include talc powder, cocoa butter, shea butter, beeswax, zinc oxide, corn starch, sunflower oil, rosehip oil, grapeseed oil, and coconut oil deodorant.\u003c\/span\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e","brand":"raw african","offers":[{"title":"Default Title","offer_id":42565182357701,"sku":"","price":135.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/DeodrantLemonFront.webp?v=1701178502"},{"product_id":"bobana-coffee-scrub-300-gm","title":"Bobana Coffee Scrub 300 gm","description":"\u003c!-- BOBANA Coffee Body Scrub Product Description --\u003e\n\u003cstyle\u003e\n  .bobana-scrub-container {\n    line-height: 1.6;\n    color: #333;\n    max-width: 1200px;\n    margin: 0 auto;\n    background: linear-gradient(135deg, #faf9f7 0%, #ffffff 100%);\n    overflow: hidden;\n  }\n  \n  .hero-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #2c1810 0%, #5d3a2b 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .hero-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"coffee\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"20\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"80\" cy=\"80\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"50\" cy=\"15\" r=\"0.6\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23coffee)\"\/\u003e\u003c\/svg\u003e');\n    animation: coffeeFloat 25s ease-in-out infinite;\n  }\n  \n  .hero-title {\n    font-size: 2.5rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: heroSlide 1s ease-out;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .hero-subtitle {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    max-width: 700px;\n    margin: 0 auto;\n    animation: heroFade 1s ease-out 0.3s both;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .product-showcase {\n    padding: 3rem 2rem;\n    text-align: center;\n    position: relative;\n  }\n  \n  .product-image {\n    max-width: 400px;\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    margin: 2rem auto;\n    display: block;\n  }\n  \n  .product-image:hover {\n    transform: translateY(-10px) scale(1.02);\n    box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n  }\n  \n  .product-name {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin: 2rem 0 1rem;\n    animation: slideUp 0.8s ease-out 0.2s both;\n  }\n  \n  .product-intro {\n    font-size: 1.1rem;\n    color: #555;\n    max-width: 800px;\n    margin: 0 auto 3rem;\n    animation: slideUp 0.8s ease-out 0.4s both;\n  }\n  \n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 2rem;\n    padding: 2rem;\n    margin: 3rem 0;\n  }\n  \n  .benefit-card {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 2px solid transparent;\n    animation: cardSlide 0.6s ease-out both;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .benefit-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #8B4513, #9C8102);\n    transform: scaleX(0);\n    transition: transform 0.4s ease;\n  }\n  \n  .benefit-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n    border-color: #9C8102;\n  }\n  \n  .benefit-card:hover::before {\n    transform: scaleX(1);\n  }\n  \n  .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n  .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n  .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n  \n  .benefit-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 50px;\n    height: 50px;\n    background: linear-gradient(45deg, #8B4513, #9C8102);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    animation: pulse 2s ease-in-out infinite;\n    font-size: 1.2rem;\n  }\n  \n  .benefit-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  \n  .benefit-description {\n    color: #666;\n    line-height: 1.6;\n  }\n  \n  .section {\n    padding: 3rem 2rem;\n    margin: 2rem 0;\n  }\n  \n  .section-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2rem;\n    animation: slideUp 0.8s ease-out both;\n  }\n  \n  .section-content {\n    max-width: 800px;\n    margin: 0 auto;\n    animation: slideUp 0.8s ease-out 0.2s both;\n  }\n  \n  .two-column {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 3rem;\n    align-items: center;\n    margin: 3rem 0;\n  }\n  \n  .content-image {\n    width: 100%;\n    max-width: 350px;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    transition: all 0.5s ease;\n    animation: imageSlide 0.8s ease-out both;\n  }\n  \n  .content-image:hover {\n    transform: scale(1.05) rotate(1deg);\n    box-shadow: 0 25px 60px rgba(0,0,0,0.15);\n  }\n  \n  .text-content {\n    animation: slideUp 0.8s ease-out 0.3s both;\n  }\n  \n  .text-content h3 {\n    font-size: 1.5rem;\n    color: #9C8102;\n    margin-bottom: 1rem;\n    font-weight: 600;\n  }\n  \n  .text-content p {\n    color: #555;\n    margin-bottom: 1rem;\n    line-height: 1.7;\n  }\n  \n  .feature-list {\n    list-style: none;\n    padding: 0;\n    margin: 1.5rem 0;\n  }\n  \n  .feature-list li {\n    padding: 0.8rem 0;\n    border-bottom: 1px solid #eee;\n    position: relative;\n    padding-right: 2rem;\n    animation: listSlide 0.5s ease-out both;\n    color: #555;\n  }\n  \n  .feature-list li:nth-child(1) { animation-delay: 0.1s; }\n  .feature-list li:nth-child(2) { animation-delay: 0.2s; }\n  .feature-list li:nth-child(3) { animation-delay: 0.3s; }\n  .feature-list li:nth-child(4) { animation-delay: 0.4s; }\n  \n  .feature-list li::before {\n    content: '✓';\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    background: linear-gradient(45deg, #8B4513, #9C8102);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    font-weight: bold;\n    font-size: 1.2rem;\n  }\n  \n  .coffee-benefits {\n    background: linear-gradient(135deg, #f5f2f0 0%, #ffffff 100%);\n    border-radius: 20px;\n    padding: 2rem;\n    margin: 2rem 0;\n    border-right: 5px solid #8B4513;\n  }\n  \n  .scientific-fact {\n    background: white;\n    border-radius: 15px;\n    padding: 1.5rem;\n    margin: 1rem 0;\n    border-left: 4px solid #9C8102;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n    animation: cardSlide 0.6s ease-out both;\n  }\n  \n  .scientific-fact:nth-child(1) { animation-delay: 0.1s; }\n  .scientific-fact:nth-child(2) { animation-delay: 0.2s; }\n  .scientific-fact:nth-child(3) { animation-delay: 0.3s; }\n  .scientific-fact:nth-child(4) { animation-delay: 0.4s; }\n  \n  .timeline {\n    padding: 3rem 2rem;\n    background: linear-gradient(135deg, #f8f6f4 0%, #ffffff 100%);\n  }\n  \n  .timeline-item {\n    display: flex;\n    margin: 2rem 0;\n    animation: timelineSlide 0.8s ease-out both;\n    align-items: flex-start;\n  }\n  \n  .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n  .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n  .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n  .timeline-item:nth-child(4) { animation-delay: 0.4s; }\n  \n  .timeline-marker {\n    width: 80px;\n    height: 80px;\n    background: linear-gradient(45deg, #8B4513, #9C8102);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-weight: bold;\n    margin-left: 2rem;\n    flex-shrink: 0;\n    animation: markerPulse 2s ease-in-out infinite;\n    font-size: 0.9rem;\n  }\n  \n  .timeline-content {\n    background: white;\n    padding: 1.5rem;\n    border-radius: 15px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    margin-right: 1rem;\n    flex-grow: 1;\n    border-right: 4px solid #9C8102;\n  }\n  \n  .timeline-content h4 {\n    color: #9C8102;\n    margin-bottom: 0.5rem;\n    font-size: 1.2rem;\n    font-weight: 600;\n  }\n  \n  .usage-steps {\n    background: linear-gradient(135deg, #2c1810 0%, #5d3a2b 100%);\n    color: white;\n    padding: 3rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n  }\n  \n  .step-card {\n    background: rgba(255,255,255,0.1);\n    border-radius: 15px;\n    padding: 2rem;\n    margin: 1.5rem 0;\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.1);\n    animation: cardSlide 0.6s ease-out both;\n    transition: all 0.3s ease;\n  }\n  \n  .step-card:hover {\n    background: rgba(255,255,255,0.15);\n    transform: translateX(10px);\n  }\n  \n  .step-card:nth-child(1) { animation-delay: 0.1s; }\n  .step-card:nth-child(2) { animation-delay: 0.2s; }\n  .step-card:nth-child(3) { animation-delay: 0.3s; }\n  .step-card:nth-child(4) { animation-delay: 0.4s; }\n  \n  .step-number {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    font-size: 1.1rem;\n  }\n  \n  .step-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    margin-bottom: 0.5rem;\n    color: #D4AF37;\n  }\n  \n  .value-proposition {\n    background: linear-gradient(135deg, #f8f6f4 0%, #ffffff 100%);\n    padding: 3rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    text-align: center;\n  }\n  \n  .comparison-card {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    margin: 1rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    border-top: 4px solid #9C8102;\n    animation: cardSlide 0.6s ease-out both;\n  }\n  \n  .cta-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #2c1810 0%, #5d3a2b 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .cta-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .cta-title {\n    font-size: 2.2rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: slideUp 0.8s ease-out both;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .cta-text {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    margin-bottom: 2rem;\n    max-width: 600px;\n    margin-left: auto;\n    margin-right: auto;\n    animation: slideUp 0.8s ease-out 0.2s both;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .floating-coffee-beans {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n    overflow: hidden;\n  }\n  \n  .floating-bean {\n    position: absolute;\n    width: 8px;\n    height: 12px;\n    background: linear-gradient(45deg, #8B4513, #9C8102);\n    border-radius: 50% 50% 50% 50% \/ 60% 60% 40% 40%;\n    opacity: 0.3;\n    animation: floatBean 12s linear infinite;\n  }\n  \n  .floating-bean:nth-child(1) { left: 10%; animation-delay: 0s; }\n  .floating-bean:nth-child(2) { left: 30%; animation-delay: 3s; }\n  .floating-bean:nth-child(3) { left: 50%; animation-delay: 6s; }\n  .floating-bean:nth-child(4) { left: 70%; animation-delay: 9s; }\n  .floating-bean:nth-child(5) { left: 90%; animation-delay: 1.5s; }\n  \n  @keyframes heroSlide {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  \n  @keyframes heroFade {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 0.9; transform: translateY(0); }\n  }\n  \n  @keyframes slideUp {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  \n  @keyframes cardSlide {\n    0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n    100% { transform: translateY(0) scale(1); opacity: 1; }\n  }\n  \n  @keyframes imageSlide {\n    0% { transform: translateX(-30px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  \n  @keyframes listSlide {\n    0% { transform: translateX(-20px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  \n  @keyframes timelineSlide {\n    0% { transform: translateX(-50px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  \n  @keyframes pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.05); }\n  }\n  \n  @keyframes markerPulse {\n    0%, 100% { box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n    50% { box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n  }\n  \n  @keyframes coffeeFloat {\n    0%, 100% { transform: translateY(0px) rotate(0deg); }\n    33% { transform: translateY(-15px) rotate(2deg); }\n    66% { transform: translateY(8px) rotate(-2deg); }\n  }\n  \n  @keyframes floatBean {\n    0% { transform: translateY(100vh) rotate(0deg); opacity: 0; }\n    10% { opacity: 0.3; }\n    90% { opacity: 0.3; }\n    100% { transform: translateY(-100px) rotate(360deg); opacity: 0; }\n  }\n  \n  @keyframes ctaGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.3; }\n  }\n  \n  @media (max-width: 768px) {\n    .hero-title {\n      font-size: 2rem;\n    }\n    \n    .two-column {\n      grid-template-columns: 1fr;\n      gap: 2rem;\n    }\n    \n    .reverse-mobile {\n      display: flex;\n      flex-direction: column;\n    }\n    \n    .reverse-mobile .content-image {\n      order: -1;\n      margin-bottom: 1rem;\n    }\n    \n    .benefits-grid {\n      grid-template-columns: 1fr;\n    }\n    \n    .timeline-item {\n      flex-direction: column;\n      text-align: center;\n    }\n    \n    .timeline-marker {\n      order: -1;\n      margin: 0 auto 1rem auto;\n    }\n    \n    .timeline-content {\n      margin: 0;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"bobana-scrub-container\"\u003e\n\u003c!-- Floating Coffee Beans --\u003e\n\u003cdiv class=\"floating-coffee-beans\"\u003e\n\u003cdiv class=\"floating-bean\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-bean\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-bean\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-bean\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-bean\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eOgni giorno, migliaia di cellule morte si accumulano sul tuo corpo...\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eE il risultato? Pelle opaca, ruvida, piena di macchie scure, come se non ti importassi di te! Oggi, tutto questo cambierà con lo Scrub Corpo al Caffè BOBANA.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"BOBANA Coffee Body Scrub\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-coffee-brscrub-186597.webp?v=1751732343\"\/\u003e\n\u003ch2 class=\"product-name\"\u003eBOBANA Scrub Corpo con Caffè - Il miracolo del caffè per una pelle completamente nuova\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n      Sapevi che la tua pelle si rinnova ogni 28 giorni? Ma il problema è che le cellule morte non lasciano facilmente spazio a quelle nuove. Rimangono accumulate come uno strato di polvere su un mobile antico... e la tua vera pelle bella è intrappolata sotto!\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003e3 miracoli in un prodotto\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eEsfoliazione profonda delle cellule morte\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eChicchi di caffè naturali morbidi e tondi rimuovono delicatamente gli strati accumulati di pelle morta, rivelando la pelle fresca sottostante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eRimuovere le macchie scure ostinate\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLa formula concentrata di caffè con caffeina stimola la circolazione sanguigna e rompe i gruppi di pigmento, eliminando le macchie scure su ginocchia, gomiti e ascelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003ePelle giovane e vibrante\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eGli antiossidanti presenti nel caffè combattono i segni dell'invecchiamento e stimolano la rigenerazione cellulare, donandoti una pelle soda e radiosa come se fossi tornata indietro negli anni.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Coffee Science Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch2 class=\"section-title\"\u003ePerché proprio il caffè? Il segreto scientifico dietro il miracolo\u003c\/h2\u003e\n\u003ch3\u003eIl caffè non è solo una bevanda... è una farmacia naturale completa per la tua pelle\u003c\/h3\u003e\n\u003cdiv class=\"coffee-benefits\"\u003e\n\u003cdiv class=\"scientific-fact\"\u003e\n\u003ch4\u003e\u003cstrong\u003eStimola la circolazione sanguigna\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eFornisce sangue e ossigeno agli strati profondi\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"scientific-fact\"\u003e\n\u003ch4\u003e\u003cstrong\u003eDiminuisce il grasso della cellulite\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eRassoda la pelle e riduce l'aspetto delle rughe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"scientific-fact\"\u003e\n\u003ch4\u003e\u003cstrong\u003eStimola la produzione di collagene\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eRende la pelle più forte ed elastica\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"scientific-fact\"\u003e\n\u003ch4\u003e\u003cstrong\u003eAttacca i radicali liberi\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eContrasta l'invecchiamento dalla sua origine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Coffee Benefits\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-coffee-brscrub-327832.webp?v=1751732528\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Antioxidants Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch3\u003eAntiossidanti: l'esercito protettivo della natura\u003c\/h3\u003e\n\u003cp style=\"text-align: center; font-size: 1.1rem; color: #555; margin-bottom: 2rem;\"\u003eIl caffè ha un'alta concentrazione di antiossidanti naturali:\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcido clorogenico\u003c\/strong\u003e Che protegge dai danni del sole\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComposti fenolici\u003c\/strong\u003e Che combatte le infezioni\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCaffeina\u003c\/strong\u003e Che restringe i pori e rafforza la consistenza della pelle\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Gentle Granules Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eGranuli morbidi e tondeggianti: esfoliazione intelligente senza dolore\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #9C8102;\"\u003eNon tutti i peeling sono uguali... e questo è il segreto che altre aziende non vogliono tu sappia\u003c\/h3\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003cp\u003eLa maggior parte degli scrub utilizza granuli ruvidi e affilati che fanno più male che bene alla pelle. \u003cstrong\u003eBOBANA\u003c\/strong\u003e Investi nella tecnologia dei grani lisci e rotondi:\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eForma perfettamente rotonda\u003c\/strong\u003e - Previene micrograffi e tagli\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDimensione graduata\u003c\/strong\u003e - Pulisce efficacemente tutti gli strati di pelle morta\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTexture morbida\u003c\/strong\u003e - Adatto a pelli sensibili e normali\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDistribuzione uniforme\u003c\/strong\u003e - Esfoliazione regolare di tutte le parti del corpo\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eIl risultato?\u003c\/strong\u003e Esfoliazione profonda ed efficace senza alcuna irritazione o arrossamento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; padding: 2rem;\"\u003e\n\u003cdiv style=\"width: 200px; height: 200px; border-radius: 50%; background: linear-gradient(45deg, #8B4513, #9C8102); margin: 0 auto; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; font-weight: bold; animation: pulse 2s ease-in-out infinite;\"\u003e\n            Granuli morbidi\u003cbr\/\u003eTondo\n          \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Proposition --\u003e\n\u003cdiv class=\"value-proposition\"\u003e\n\u003ch2 class=\"section-title\"\u003e300g = valore eccezionale per il prezzo\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 2rem;\"\u003eRispetto ai concorrenti: BOBANA mi offre di più a un prezzo più basso\u003c\/h3\u003e\n\u003cdiv style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem;\"\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eBOBANA PACK\u003c\/h4\u003e\n\u003cp style=\"font-size: 2rem; font-weight: bold; color: #8B4513;\"\u003e300 grammi\u003c\/p\u003e\n\u003cp\u003eRaddoppia la dimensione dei concorrenti!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eDurata dell'uso\u003c\/h4\u003e\n\u003cp style=\"font-size: 2rem; font-weight: bold; color: #8B4513;\"\u003e4-6 mesi\u003c\/p\u003e\n\u003cp\u003eCon uso regolare\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eCosto quotidiano\u003c\/h4\u003e\n\u003cp style=\"font-size: 2rem; font-weight: bold; color: #8B4513;\"\u003eMeno di 5 libbre\u003c\/p\u003e\n\u003cp\u003ePiù economico di una tazza di caffè!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 3rem; padding: 2rem; background: white; border-radius: 15px; border: 2px solid #9C8102;\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eConfronto con una seduta di peeling in un centro estetico:\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eUna sessione:\u003c\/strong\u003e 800-1500 libbre\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePACCHETTO BOBANA:\u003c\/strong\u003e Ottieni i risultati di oltre 30 sessioni a una frazione del prezzo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Results --\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003ch2 class=\"section-title\"\u003eViaggio di trasformazione: La tua pelle cambierà davanti a te\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eDal primo utilizzo\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSensazione immediata di morbidezza\u003c\/strong\u003e - Seta uniforme sotto la tua mano\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRimozione immediata delle cellule morte della pelle\u003c\/strong\u003e - Vedrai la differenza nel bagno\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFresco e attivo\u003c\/strong\u003e - Dalla stimolazione della circolazione sanguigna\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003ePrima volta\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eDopo una settimana\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAffinamento visibile della texture complessiva della pelle\u003c\/strong\u003e - Chiaramente più morbido e liscio\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eInizio dello schiarimento delle macchie scure\u003c\/strong\u003e - Specialmente su ginocchia e gomiti\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLuminosità naturale\u003c\/strong\u003e - Pelle luminosa e radiosa\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e7 giorni\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eDopo due settimane\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa scomparsa degli strati di pelle morta\u003c\/strong\u003e - Pelle chiara e pulita\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUn miglioramento visibile del tono della pelle.\u003c\/strong\u003e - Uniformità del colore su tutto il corpo\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMorbidezza eccezionale\u003c\/strong\u003e - Più morbida della pelle dei bambini\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e14 giorni\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eDopo un mese\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eUna trasformazione radicale completa\u003c\/strong\u003e - Pelle completamente nuova\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa maggior parte delle macchie scure scompare\u003c\/strong\u003e - Colore uniforme e naturale\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFlessibilità e vivacità\u003c\/strong\u003e -Pelle giovane e luminosa\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e30 giorni\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem;\"\u003eCome usare: La semplicità funziona meraviglie\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: white; margin-bottom: 3rem;\"\u003e4 semplici passaggi per la pelle dei tuoi sogni\u003c\/h3\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eIdrata la tua pelle con acqua calda\u003c\/h4\u003e\n\u003cp\u003eL'acqua calda apre i pori e prepara la pelle a ricevere i benefici dello scrub\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eMassaggiare con movimenti circolari delicati\u003c\/h4\u003e\n\u003cp\u003eUsa una quantità appropriata e concentrati sulle aree ruvide e scure per 2-3 minuti\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eSciacquare con acqua fredda\u003c\/h4\u003e\n\u003cp\u003eL'acqua fredda chiude i pori e fissa i risultati, e le mie mani hanno una sensazione di freschezza\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eIdrata la tua pelle\u003c\/h4\u003e\n\u003cp\u003eUsa un idratante adatto per mantenere i risultati e proteggere la nuova pelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eLa tua pelle ti sta aspettando... non lasciarla più a lungo\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n      Ogni giorno che rimandi = più cellule morte, macchie più scure e pelle più ruvida. La pelle è come un giardino... se la innaffi e non te ne prendi cura, appassirà e morirà. Ma se te ne prendi cura, diventerà il giardino più bello del quartiere.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eOrdina ora e inizia il tuo viaggio di trasformazione!\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Enhanced hover effects for benefit cards\n  const benefitCards = document.querySelectorAll('.benefit-card');\n  benefitCards.forEach(card =\u003e {\n    card.addEventListener('mouseenter', function() {\n      this.style.transform = 'translateY(-12px) scale(1.02)';\n      this.style.boxShadow = '0 25px 60px rgba(156, 129, 2, 0.2)';\n    });\n    \n    card.addEventListener('mouseleave', function() {\n      this.style.transform = 'translateY(0) scale(1)';\n      this.style.boxShadow = '0 10px 30px rgba(0,0,0,0.08)';\n    });\n  });\n  \n  \/\/ Enhanced parallax effect for floating coffee beans\n  let ticking = false;\n  \n  function updateFloatingBeans() {\n    const scrolled = window.pageYOffset;\n    const floatingBeans = document.querySelectorAll('.floating-bean');\n    \n    floatingBeans.forEach((bean, index) =\u003e {\n      const speed = 0.3 + (index * 0.05);\n      const yPos = -(scrolled * speed);\n      bean.style.transform = `translateY(${yPos}px) rotate(${scrolled * 0.05}deg)`;\n    });\n    \n    ticking = false;\n  }\n  \n  function requestTick() {\n    if (!ticking) {\n      requestAnimationFrame(updateFloatingBeans);\n      ticking = true;\n    }\n  }\n  \n  window.addEventListener('scroll', requestTick);\n  \n  \/\/ Timeline marker animation enhancement\n  const timelineMarkers = document.querySelectorAll('.timeline-marker');\n  timelineMarkers.forEach((marker, index) =\u003e {\n    setTimeout(() =\u003e {\n      marker.style.animation = `markerPulse 2s ease-in-out infinite ${index * 0.3}s`;\n    }, index * 200);\n  });\n  \n  \/\/ Dynamic text effects\n  const dynamicTexts = document.querySelectorAll('.hero-title, .cta-title');\n  dynamicTexts.forEach(text =\u003e {\n    text.addEventListener('mouseenter', function() {\n      this.style.textShadow = '0 0 20px rgba(156, 129, 2, 0.3)';\n      this.style.transform = 'scale(1.02)';\n    });\n    \n    text.addEventListener('mouseleave', function() {\n      this.style.textShadow = 'none';\n      this.style.transform = 'scale(1)';\n    });\n  });\n  \n  \/\/ Coffee-themed interactions\n  const coffeeElements = document.querySelectorAll('.coffee-benefits .scientific-fact');\n  coffeeElements.forEach((element, index) =\u003e {\n    element.addEventListener('mouseenter', function() {\n      this.style.transform = 'translateX(10px)';\n      this.style.borderLeftColor = '#8B4513';\n    });\n    \n    element.addEventListener('mouseleave', function() {\n      this.style.transform = 'translateX(0)';\n      this.style.borderLeftColor = '#9C8102';\n    });\n  });\n});\n\u003c\/script\u003e","brand":"bobana","offers":[{"title":"Default Title","offer_id":44878310342853,"sku":null,"price":70.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-coffee-brscrub-233067.webp?v=1751732954"},{"product_id":"mud-mask-bobana-shea-butter-mud-mask-300-gm","title":"Mud Mask  Bobana Shea Butter Mud Mask scrub 400 gm","description":"\u003c!-- BOBANA Shea Butter Mud Mask Product Description --\u003e\n\u003cstyle\u003e\n  .bobana-mud-container {\n    line-height: 1.6;\n    color: #333;\n    max-width: 1200px;\n    margin: 0 auto;\n    background: linear-gradient(135deg, #f7f5f3 0%, #ffffff 100%);\n    overflow: hidden;\n  }\n  \n  .hero-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #6b4e3d 0%, #8b6f47 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .hero-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"earth\" width=\"50\" height=\"50\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"10\" cy=\"10\" r=\"1.5\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"35\" cy=\"35\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003ccircle cx=\"25\" cy=\"45\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.04\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23earth)\"\/\u003e\u003c\/svg\u003e');\n    animation: earthFloat 30s ease-in-out infinite;\n  }\n  \n  .hero-title {\n    font-size: 2.5rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: heroSlide 1s ease-out;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .hero-subtitle {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    max-width: 700px;\n    margin: 0 auto;\n    animation: heroFade 1s ease-out 0.3s both;\n    position: relative;\n    z-index: 2;\n    line-height: 1.7;\n  }\n  \n  .product-showcase {\n    padding: 3rem 2rem;\n    text-align: center;\n    position: relative;\n  }\n  \n  .product-image {\n    max-width: 400px;\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 20px 60px rgba(107, 78, 61, 0.15);\n    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    margin: 2rem auto;\n    display: block;\n  }\n  \n  .product-image:hover {\n    transform: translateY(-10px) scale(1.02);\n    box-shadow: 0 30px 80px rgba(107, 78, 61, 0.25);\n  }\n  \n  .product-name {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin: 2rem 0 1rem;\n    animation: slideUp 0.8s ease-out 0.2s both;\n  }\n  \n  .product-intro {\n    font-size: 1.1rem;\n    color: #555;\n    max-width: 800px;\n    margin: 0 auto 3rem;\n    animation: slideUp 0.8s ease-out 0.4s both;\n    line-height: 1.7;\n  }\n  \n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 2rem;\n    padding: 2rem;\n    margin: 3rem 0;\n  }\n  \n  .benefit-card {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 2px solid transparent;\n    animation: cardSlide 0.6s ease-out both;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .benefit-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #6b4e3d, #9C8102);\n    transform: scaleX(0);\n    transition: transform 0.4s ease;\n  }\n  \n  .benefit-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 50px rgba(107, 78, 61, 0.15);\n    border-color: #9C8102;\n  }\n  \n  .benefit-card:hover::before {\n    transform: scaleX(1);\n  }\n  \n  .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n  .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n  .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n  \n  .benefit-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 50px;\n    height: 50px;\n    background: linear-gradient(45deg, #6b4e3d, #9C8102);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    animation: pulse 2s ease-in-out infinite;\n    font-size: 1.2rem;\n  }\n  \n  .benefit-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  \n  .benefit-description {\n    color: #666;\n    line-height: 1.6;\n  }\n  \n  .section {\n    padding: 3rem 2rem;\n    margin: 2rem 0;\n  }\n  \n  .section-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2rem;\n    animation: slideUp 0.8s ease-out both;\n  }\n  \n  .section-content {\n    max-width: 800px;\n    margin: 0 auto;\n    animation: slideUp 0.8s ease-out 0.2s both;\n  }\n  \n  .two-column {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 3rem;\n    align-items: center;\n    margin: 3rem 0;\n  }\n  \n  .content-image {\n    width: 100%;\n    max-width: 350px;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    transition: all 0.5s ease;\n    animation: imageSlide 0.8s ease-out both;\n  }\n  \n  .content-image:hover {\n    transform: scale(1.05) rotate(1deg);\n    box-shadow: 0 25px 60px rgba(0,0,0,0.15);\n  }\n  \n  .text-content {\n    animation: slideUp 0.8s ease-out 0.3s both;\n  }\n  \n  .text-content h3 {\n    font-size: 1.5rem;\n    color: #9C8102;\n    margin-bottom: 1rem;\n    font-weight: 600;\n  }\n  \n  .text-content p {\n    color: #555;\n    margin-bottom: 1rem;\n    line-height: 1.7;\n  }\n  \n  .ingredient-cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 2rem;\n    margin: 3rem 0;\n  }\n  \n  .ingredient-card {\n    background: linear-gradient(135deg, #fff 0%, #f9f7f4 100%);\n    border-radius: 15px;\n    padding: 2rem;\n    border-left: 5px solid #6b4e3d;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    animation: cardSlide 0.6s ease-out both;\n    transition: all 0.3s ease;\n  }\n  \n  .ingredient-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 15px 40px rgba(107, 78, 61, 0.12);\n  }\n  \n  .ingredient-card:nth-child(1) { animation-delay: 0.1s; }\n  .ingredient-card:nth-child(2) { animation-delay: 0.2s; }\n  .ingredient-card:nth-child(3) { animation-delay: 0.3s; }\n  .ingredient-card:nth-child(4) { animation-delay: 0.4s; }\n  .ingredient-card:nth-child(5) { animation-delay: 0.5s; }\n  .ingredient-card:nth-child(6) { animation-delay: 0.6s; }\n  \n  .ingredient-title {\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: #6b4e3d;\n    margin-bottom: 0.5rem;\n  }\n  \n  .ingredient-subtitle {\n    font-size: 0.9rem;\n    color: #9C8102;\n    font-weight: 500;\n    margin-bottom: 1rem;\n  }\n  \n  .benefit-icon {\n    display: inline-block;\n    width: 20px;\n    height: 20px;\n    background: linear-gradient(45deg, #6b4e3d, #9C8102);\n    border-radius: 50%;\n    margin-right: 0.5rem;\n    position: relative;\n  }\n  \n  .benefit-icon::after {\n    content: '✓';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: white;\n    font-size: 0.7rem;\n    font-weight: bold;\n  }\n  \n  .feature-list {\n    list-style: none;\n    padding: 0;\n    margin: 1.5rem 0;\n  }\n  \n  .feature-list li {\n    padding: 0.8rem 0;\n    border-bottom: 1px solid #eee;\n    position: relative;\n    padding-left: 2rem;\n    animation: listSlide 0.5s ease-out both;\n    color: #555;\n  }\n  \n  .feature-list li:nth-child(1) { animation-delay: 0.1s; }\n  .feature-list li:nth-child(2) { animation-delay: 0.2s; }\n  .feature-list li:nth-child(3) { animation-delay: 0.3s; }\n  .feature-list li:nth-child(4) { animation-delay: 0.4s; }\n  \n  .feature-list li::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 15px;\n    height: 15px;\n    background: linear-gradient(45deg, #6b4e3d, #9C8102);\n    border-radius: 50%;\n  }\n  \n  .feature-list li::after {\n    content: '✓';\n    position: absolute;\n    left: 4px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: white;\n    font-size: 0.7rem;\n    font-weight: bold;\n  }\n  \n  .usage-section {\n    background: linear-gradient(135deg, #6b4e3d 0%, #8b6f47 100%);\n    color: white;\n    padding: 4rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .usage-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 70% 30%, rgba(212, 175, 55, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .usage-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n    gap: 3rem;\n    margin-top: 3rem;\n  }\n  \n  .usage-card {\n    background: rgba(255,255,255,0.1);\n    border-radius: 15px;\n    padding: 2rem;\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.1);\n    animation: cardSlide 0.6s ease-out both;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .usage-card h4 {\n    font-size: 1.5rem;\n    color: #D4AF37;\n    margin-bottom: 1.5rem;\n    font-weight: 600;\n  }\n  \n  .step {\n    display: flex;\n    align-items: flex-start;\n    margin: 1rem 0;\n    padding: 0.5rem 0;\n  }\n  \n  .step-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 30px;\n    height: 30px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    border-radius: 50%;\n    font-weight: bold;\n    margin-right: 1rem;\n    flex-shrink: 0;\n    font-size: 0.9rem;\n  }\n  \n  .timeline {\n    padding: 3rem 2rem;\n    background: linear-gradient(135deg, #f7f5f3 0%, #ffffff 100%);\n  }\n  \n  .timeline-item {\n    display: flex;\n    margin: 2rem 0;\n    animation: timelineSlide 0.8s ease-out both;\n    align-items: flex-start;\n  }\n  \n  .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n  .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n  .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n  .timeline-item:nth-child(4) { animation-delay: 0.4s; }\n  \n  .timeline-marker {\n    width: 80px;\n    height: 80px;\n    background: linear-gradient(45deg, #6b4e3d, #9C8102);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-weight: bold;\n    margin-left: 2rem;\n    flex-shrink: 0;\n    animation: markerPulse 2s ease-in-out infinite;\n    font-size: 0.8rem;\n    text-align: center;\n    line-height: 1.2;\n  }\n  \n  .timeline-content {\n    background: white;\n    padding: 1.5rem;\n    border-radius: 15px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    margin-right: 1rem;\n    flex-grow: 1;\n    border-right: 4px solid #9C8102;\n  }\n  \n  .timeline-content h4 {\n    color: #9C8102;\n    margin-bottom: 0.5rem;\n    font-size: 1.2rem;\n    font-weight: 600;\n  }\n  \n  .value-section {\n    background: linear-gradient(135deg, #f7f5f3 0%, #ffffff 100%);\n    padding: 3rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    text-align: center;\n  }\n  \n  .value-cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 2rem;\n    margin-top: 2rem;\n  }\n  \n  .value-card {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    border-top: 4px solid #6b4e3d;\n    animation: cardSlide 0.6s ease-out both;\n  }\n  \n  .cta-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #6b4e3d 0%, #8b6f47 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .cta-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .cta-title {\n    font-size: 2.2rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: slideUp 0.8s ease-out both;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .cta-text {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    margin-bottom: 2rem;\n    max-width: 600px;\n    margin-left: auto;\n    margin-right: auto;\n    animation: slideUp 0.8s ease-out 0.2s both;\n    position: relative;\n    z-index: 2;\n    line-height: 1.7;\n  }\n  \n  .floating-particles {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n    overflow: hidden;\n  }\n  \n  .particle {\n    position: absolute;\n    width: 6px;\n    height: 6px;\n    background: linear-gradient(45deg, #6b4e3d, #9C8102);\n    border-radius: 50%;\n    opacity: 0.3;\n    animation: floatParticle 15s linear infinite;\n  }\n  \n  .particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n  .particle:nth-child(2) { left: 30%; animation-delay: 3s; }\n  .particle:nth-child(3) { left: 50%; animation-delay: 6s; }\n  .particle:nth-child(4) { left: 70%; animation-delay: 9s; }\n  .particle:nth-child(5) { left: 90%; animation-delay: 12s; }\n  \n  @keyframes heroSlide {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  \n  @keyframes heroFade {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 0.9; transform: translateY(0); }\n  }\n  \n  @keyframes slideUp {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  \n  @keyframes cardSlide {\n    0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n    100% { transform: translateY(0) scale(1); opacity: 1; }\n  }\n  \n  @keyframes imageSlide {\n    0% { transform: translateX(-30px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  \n  @keyframes listSlide {\n    0% { transform: translateX(-20px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  \n  @keyframes timelineSlide {\n    0% { transform: translateX(-50px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  \n  @keyframes pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.05); }\n  }\n  \n  @keyframes markerPulse {\n    0%, 100% { box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n    50% { box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n  }\n  \n  @keyframes earthFloat {\n    0%, 100% { transform: translateY(0px) rotate(0deg); }\n    33% { transform: translateY(-12px) rotate(1deg); }\n    66% { transform: translateY(6px) rotate(-1deg); }\n  }\n  \n  @keyframes floatParticle {\n    0% { transform: translateY(100vh) rotate(0deg); opacity: 0; }\n    10% { opacity: 0.3; }\n    90% { opacity: 0.3; }\n    100% { transform: translateY(-100px) rotate(360deg); opacity: 0; }\n  }\n  \n  @keyframes ctaGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.3; }\n  }\n  \n  @media (max-width: 768px) {\n    .hero-title {\n      font-size: 2rem;\n    }\n    \n    .two-column {\n      grid-template-columns: 1fr;\n      gap: 2rem;\n    }\n    \n    .reverse-mobile {\n      display: flex;\n      flex-direction: column;\n    }\n    \n    .reverse-mobile .content-image {\n      order: -1;\n      margin-bottom: 1rem;\n    }\n    \n    .benefits-grid, .ingredient-cards {\n      grid-template-columns: 1fr;\n    }\n    \n    .usage-grid {\n      grid-template-columns: 1fr;\n    }\n    \n    .timeline-item {\n      flex-direction: column;\n      text-align: center;\n    }\n    \n    .timeline-marker {\n      order: -1;\n      margin: 0 auto 1rem auto;\n    }\n    \n    .timeline-content {\n      margin: 0;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"bobana-mud-container\"\u003e\n\u003c!-- Floating Particles --\u003e\n\u003cdiv class=\"floating-particles\"\u003e\n\u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eLa tua pelle sta morendo e a te non importa!\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eOgni giorno che passa, migliaia di tossine e inquinanti penetrano nei pori della tua pelle e del tuo corpo e si depositano lì come bombe a orologeria... e il risultato? Pelle opaca, secca, stanca, come se avessi invecchiato di 10 anni davanti ai tuoi occhi! Oggi, tutta questa tragedia finirà con \u003cstrong\u003eBOBANA Shea Butter Mud Mask\u003c\/strong\u003e -Per viso e corpo!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"BOBANA Shea Butter Mud Mask\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-shea-butter-brmud-mask-840447.webp?v=1751734317\"\/\u003e\n\u003ch2 class=\"product-name\"\u003eBOBANA Maschera Fango con Burro di Karité - pulizia e idratazione completa del viso e del corpo\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n      Sapevi che la tua pelle (viso e corpo) assorbe circa 5 chilogrammi di inquinanti e sostanze chimiche ogni anno? Gas di scarico, fumo, polvere, residui di prodotti e sudore... tutto si accumula negli strati profondi della pelle e soffoca le cellule cutanee finché non muoiono lentamente.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003e3 miracoli in una maschera per viso e corpo\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eDetersione profonda e disintossicante\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eL'argilla vulcanica naturale penetra a fondo nei pori come un magnete, estrae tutte le tossine, gli inquinanti e i grassi accumulati dal viso e dal corpo, ed espelle permanentemente i batteri nocivi.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eRivitalizza la pelle secca e opaca\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eBurro di karité africano originale e grezzo che infonde alla pelle un'idratazione profonda e intensa, restituendo freschezza e luminosità alla pelle stanca e trascurata di tutto il corpo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eRipristina giovinezza e vitalità\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eUna formula unica che stimola la rigenerazione cellulare e la produzione di collagene, cancella i segni della stanchezza e della fatica, e ripristina la levigatezza e l'elasticità giovanile della tua pelle ovunque.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Scientific Formula --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eFormula scientifica avanzata: ogni ingrediente ha uno scopo chiaro\u003c\/h2\u003e\n\u003cp\u003eNon è solo un miscuglio casuale di ingredienti... Questa è una formula studiata scientificamente, in cui ogni ingrediente è stato scelto con cura per uno scopo specifico e un risultato garantito.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Scientific Formula\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-shea-butter-brmud-mask-840447_4c773d84-5b30-44ab-a08d-adeca1c87ace.webp?v=1751734449\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Details --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"ingredient-cards\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eSHEA BUTTER EXTRACT\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eAntico segreto di bellezza africano\u003c\/p\u003e\n\u003cp\u003eBurro di Karité Raw African ricco di vitamine A, E, F e acidi grassi essenziali.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Penetra 7 strati di pelle\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Trattiene l'umidità per 24 ore consecutive\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Ricostruisce la barriera naturale della pelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eKAOLIN + BENTONITE\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eDuo detox\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCaolino:\u003c\/strong\u003e Argilla bianca morbida assorbe gli oli in eccesso\u003cbr\/\u003e\u003cstrong\u003eBentonite:\u003c\/strong\u003e Il fango vulcanico elimina le tossine\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Pulizia magnetica di tossine e inquinanti\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Stimolare la circolazione sanguigna e la rigenerazione cellulare\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Esfoliazione delicata delle cellule morte accumulate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eARGAN OIL\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eOro liquido marocchino\u003c\/p\u003e\n\u003cp\u003eOlio di argan raro dal Marocco, ricco di vitamina E e potenti antiossidanti.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Combatte i segni dell'invecchiamento e riduce le rughe\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Stimola la produzione di collagene e rassoda la pelle\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Dona una lucentezza naturale e una texture setosa\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eALMOND OIL\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eNutriente naturale per la pelle\u003c\/p\u003e\n\u003cp\u003eOlio di mandorle dolci, ricco di proteine e amminoacidi.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Ammorbidisce la pelle ruvida rendendola morbida come quella di un bambino\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Ripara crepe e secchezza grave\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Lenisce delicatamente irritazioni e arrossamenti\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eGLYCERIN\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eStazione di idratazione permanente\u003c\/p\u003e\n\u003cp\u003eGlicerina naturale attrae l'umidità dall'aria e la trattiene nella pelle.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Idratazione istantanea e continua per 12 ore\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Mantiene l'elasticità della pelle e previene screpolature\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Rinforza la barriera protettiva naturale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eSTEARIC ACID + DIMETHICONE\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eComposizione installata\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eAcido stearico:\u003c\/strong\u003e Aggiusta la formula e la rende cremosa\u003cbr\/\u003e\u003cstrong\u003eDimeticone:\u003c\/strong\u003e Silicone naturale\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Sensazione morbida al tatto e protezione a lungo termine\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Dimostra benefici terapeutici sulla pelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Face and Body Uses --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column reverse-mobile\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003ePer viso e corpo: flessibilità illimitata\u003c\/h3\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003ePer il viso:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003ePulizia profonda dei pori ostruiti\u003c\/li\u003e\n\u003cli\u003eRimuovere punti neri e bianchi\u003c\/li\u003e\n\u003cli\u003eSchiarire le macchie scure e uniformare il colore\u003c\/li\u003e\n\u003cli\u003eRidurre i segni di stanchezza e affaticamento\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1.5rem 0 1rem;\"\u003ePer il corpo:\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eLevigazione delle zone ruvide (ginocchia, gomiti, talloni)\u003c\/li\u003e\n\u003cli\u003eRimuovere le cellule morte accumulate\u003c\/li\u003e\n\u003cli\u003eIdrata le zone molto secche\u003c\/li\u003e\n\u003cli\u003eMigliorare la struttura della pelle su tutto il corpo\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Face and Body Usage\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-shea-butter-brmud-mask-629486.webp?v=1751734478\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 1rem;\"\u003eCome usare: La semplicità funziona meraviglie\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-card\"\u003e\n\u003ch4\u003ePer il viso (5 passaggi)\u003c\/h4\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003ePulisci il viso con acqua tiepida per aprire i pori\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003eApplicare uno strato uniforme, evitando la zona degli occhi e delle labbra\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003eAttendere 15-20 minuti finché non si asciuga parzialmente\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv\u003eSciacquare con acqua tiepida e massaggiare delicatamente\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e5\u003c\/div\u003e\n\u003cdiv\u003eIdrata con una crema adatta e termina con un siero\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-card\"\u003e\n\u003ch4\u003ePer il corpo (4 passaggi)\u003c\/h4\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003eFai una doccia calda per pulire la pelle e aprire i pori\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003eApplica la maschera sulle aree bisognose (o su tutto il corpo).\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003eAspetta 20-25 minuti e risciacqua con acqua tiepida\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv\u003eIdrata con una lozione adatta per mantenere i risultati\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n\u003ch4 style=\"color: #D4AF37; margin-bottom: 1rem;\"\u003eFrequenza d'uso:\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003ePer il viso:\u003c\/strong\u003e 2-3 volte a settimana \u003cstrong\u003ePer il corpo:\u003c\/strong\u003e 1-2 volte a settimana \u003cstrong\u003ePer aree ruvide:\u003c\/strong\u003e Quotidianamente per una settimana, poi due volte a settimana\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Results --\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003ch2 class=\"section-title\"\u003eViaggio di trasformazione: La tua pelle cambierà davanti a te\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eDal primo utilizzo (15-25 minuti)\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePulizia profonda istantanea\u003c\/strong\u003e - Per la prima volta in anni sentirai che la tua pelle respira\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUna sensazione di freschezza\u003c\/strong\u003e - Freschezza rinfrescante che lenisce la pelle irritata\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLevigatezza evidente\u003c\/strong\u003e - Texture più morbida e pelle più morbida rispetto alla prima volta\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003ePrima volta\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eDopo 3 applicazioni (1 settimana)\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMiglioramento visibile della texture della pelle\u003c\/strong\u003e - Porì più piccoli e pelle liscia\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eL'inizio del ritorno della luminosità\u003c\/strong\u003e - Colore più chiaro e freschezza naturale\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIdratazione profonda continua\u003c\/strong\u003e - La mia pelle non è più secca come prima\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eUna settimana\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eDopo due settimane\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eI segni di stanchezza scompaiono\u003c\/strong\u003e - È rilassato e luminoso\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUniformare il tono della pelle\u003c\/strong\u003e - Meno macchie scure e colore più uniforme su viso e corpo\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePiù flessibilità\u003c\/strong\u003e - Pelle più forte e maggiore resistenza ai fattori esterni\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eDue settimane\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eDopo un mese\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eUna trasformazione radicale completa\u003c\/strong\u003e - Pelle completamente nuova su tutto il corpo\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFreschezza continua\u003c\/strong\u003e - Luminosità naturale senza trucco\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaggiore autostima\u003c\/strong\u003e - Pelle chiara e pulita che ti rende radioso ovunque\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eUn intero mese\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Proposition --\u003e\n\u003cdiv class=\"value-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eUn investimento intelligente nella tua bellezza\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 2rem;\"\u003e1 maschera = 6 trattamenti in 1 prodotto\u003c\/h3\u003e\n\u003cdiv class=\"value-cards\"\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003ePer il viso\u003c\/h4\u003e\n\u003cp style=\"font-size: 1.5rem; font-weight: bold; color: #6b4e3d;\"\u003e2-3 volte a settimana\u003c\/p\u003e\n\u003cp\u003ePer 3-4 mesi\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003ePer il corpo\u003c\/h4\u003e\n\u003cp style=\"font-size: 1.5rem; font-weight: bold; color: #6b4e3d;\"\u003e1-2 volte a settimana\u003c\/p\u003e\n\u003cp\u003ePer 2-3 mesi\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eUso misto\u003c\/h4\u003e\n\u003cp style=\"font-size: 1.5rem; font-weight: bold; color: #6b4e3d;\"\u003eMedia 3 mesi\u003c\/p\u003e\n\u003cp\u003eDi cura completa\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 2rem;\"\u003e\n\u003cimg alt=\"Value\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-shea-butter-brmud-mask-568365.webp?v=1751734512\" style=\"max-width: 300px; width: 100%; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eOgni giorno di rinvio = più tossine, più cellule morte e invecchiamento più rapido\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n      La pelle del viso e del corpo è esposta a fattori nocivi 24 ore su 24, 7 giorni su 7. Se non la proteggi, pulisci e idrati, pagherai un prezzo più alto in seguito.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eBOBANA Shea Butter Mud Mask\u003c\/strong\u003e Non è solo una maschera \u003cstrong\u003eInvesti nella tua giovinezza\u003c\/strong\u003eNella tua autostima, nel modo in cui le persone ti vedranno.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eOrdina ora!\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Enhanced hover effects for benefit cards\n  const benefitCards = document.querySelectorAll('.benefit-card, .ingredient-card, .value-card');\n  benefitCards.forEach(card =\u003e {\n    card.addEventListener('mouseenter', function() {\n      this.style.transform = 'translateY(-8px) scale(1.02)';\n      this.style.boxShadow = '0 20px 50px rgba(107, 78, 61, 0.15)';\n    });\n    \n    card.addEventListener('mouseleave', function() {\n      this.style.transform = 'translateY(0) scale(1)';\n      this.style.boxShadow = '0 10px 30px rgba(0,0,0,0.08)';\n    });\n  });\n  \n  \/\/ Enhanced parallax effect for floating particles\n  let ticking = false;\n  \n  function updateFloatingParticles() {\n    const scrolled = window.pageYOffset;\n    const particles = document.querySelectorAll('.particle');\n    \n    particles.forEach((particle, index) =\u003e {\n      const speed = 0.2 + (index * 0.03);\n      const yPos = -(scrolled * speed);\n      particle.style.transform = `translateY(${yPos}px) rotate(${scrolled * 0.02}deg)`;\n    });\n    \n    ticking = false;\n  }\n  \n  function requestTick() {\n    if (!ticking) {\n      requestAnimationFrame(updateFloatingParticles);\n      ticking = true;\n    }\n  }\n  \n  window.addEventListener('scroll', requestTick);\n  \n  \/\/ Timeline marker animation enhancement\n  const timelineMarkers = document.querySelectorAll('.timeline-marker');\n  timelineMarkers.forEach((marker, index) =\u003e {\n    setTimeout(() =\u003e {\n      marker.style.animation = `markerPulse 2s ease-in-out infinite ${index * 0.3}s`;\n    }, index * 200);\n  });\n  \n  \/\/ Dynamic text effects\n  const dynamicTexts = document.querySelectorAll('.hero-title, .cta-title');\n  dynamicTexts.forEach(text =\u003e {\n    text.addEventListener('mouseenter', function() {\n      this.style.textShadow = '0 0 20px rgba(156, 129, 2, 0.3)';\n      this.style.transform = 'scale(1.02)';\n    });\n    \n    text.addEventListener('mouseleave', function() {\n      this.style.textShadow = 'none';\n      this.style.transform = 'scale(1)';\n    });\n  });\n  \n  \/\/ Ingredient cards special interactions\n  const ingredientCards = document.querySelectorAll('.ingredient-card');\n  ingredientCards.forEach((card, index) =\u003e {\n    card.addEventListener('mouseenter', function() {\n      this.style.borderLeftColor = '#9C8102';\n      this.style.borderLeftWidth = '8px';\n    });\n    \n    card.addEventListener('mouseleave', function() {\n      this.style.borderLeftColor = '#6b4e3d';\n      this.style.borderLeftWidth = '5px';\n    });\n  });\n  \n  \/\/ Usage step animations\n  const steps = document.querySelectorAll('.step');\n  steps.forEach((step, index) =\u003e {\n    step.addEventListener('mouseenter', function() {\n      this.style.transform = 'translateX(10px)';\n      this.style.backgroundColor = 'rgba(255,255,255,0.05)';\n      this.style.borderRadius = '8px';\n    });\n    \n    step.addEventListener('mouseleave', function() {\n      this.style.transform = 'translateX(0)';\n      this.style.backgroundColor = 'transparent';\n    });\n  });\n});\n\u003c\/script\u003e","brand":"bobana","offers":[{"title":"Default Title","offer_id":44878328332485,"sku":null,"price":70.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-shea-butter-brmud-mask-780631.webp?v=1751734291"},{"product_id":"bobana-dead-sea-mud-mask","title":"Bobana Dead Sea Mud Mask","description":"\u003c!-- BOBANA Dead Sea Mud Mask Product Description --\u003e\n\u003cstyle\u003e\n  .bobana-deadsea-container {\n    line-height: 1.6;\n    color: #333;\n    max-width: 1200px;\n    margin: 0 auto;\n    background: linear-gradient(135deg, #f0f8ff 0%, #ffffff 100%);\n    overflow: hidden;\n  }\n  \n  .hero-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .hero-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"waves\" width=\"80\" height=\"40\" patternUnits=\"userSpaceOnUse\"\u003e\u003cpath d=\"M0,20 Q20,10 40,20 T80,20\" stroke=\"%23ffffff\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.1\"\/\u003e\u003cpath d=\"M0,30 Q20,20 40,30 T80,30\" stroke=\"%23ffffff\" stroke-width=\"0.3\" fill=\"none\" opacity=\"0.08\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23waves)\"\/\u003e\u003c\/svg\u003e');\n    animation: wavesFlow 40s ease-in-out infinite;\n  }\n  \n  .hero-title {\n    font-size: 2.5rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: heroSlide 1s ease-out;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .hero-subtitle {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    max-width: 700px;\n    margin: 0 auto;\n    animation: heroFade 1s ease-out 0.3s both;\n    position: relative;\n    z-index: 2;\n    line-height: 1.7;\n  }\n  \n  .product-showcase {\n    padding: 3rem 2rem;\n    text-align: center;\n    position: relative;\n  }\n  \n  .product-image {\n    max-width: 400px;\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    margin: 2rem auto;\n    display: block;\n  }\n  \n  .product-image:hover {\n    transform: translateY(-10px) scale(1.02);\n    box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n  }\n  \n  .product-name {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin: 2rem 0 1rem;\n    animation: slideUp 0.8s ease-out 0.2s both;\n  }\n  \n  .product-intro {\n    font-size: 1.1rem;\n    color: #555;\n    max-width: 800px;\n    margin: 0 auto 3rem;\n    animation: slideUp 0.8s ease-out 0.4s both;\n    line-height: 1.7;\n  }\n  \n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 2rem;\n    padding: 2rem;\n    margin: 3rem 0;\n  }\n  \n  .benefit-card {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 2px solid transparent;\n    animation: cardSlide 0.6s ease-out both;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .benefit-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #D4AF37);\n    transform: scaleX(0);\n    transition: transform 0.4s ease;\n  }\n  \n  .benefit-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n    border-color: #9C8102;\n  }\n  \n  .benefit-card:hover::before {\n    transform: scaleX(1);\n  }\n  \n  .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n  .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n  .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n  \n  .benefit-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 50px;\n    height: 50px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    animation: mineralGlow 3s ease-in-out infinite;\n    font-size: 1.2rem;\n  }\n  \n  .benefit-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  \n  .benefit-description {\n    color: #666;\n    line-height: 1.6;\n  }\n  \n  .section {\n    padding: 3rem 2rem;\n    margin: 2rem 0;\n  }\n  \n  .section-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2rem;\n    animation: slideUp 0.8s ease-out both;\n  }\n  \n  .section-content {\n    max-width: 800px;\n    margin: 0 auto;\n    animation: slideUp 0.8s ease-out 0.2s both;\n  }\n  \n  .two-column {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 3rem;\n    align-items: center;\n    margin: 3rem 0;\n  }\n  \n  .content-image {\n    width: 100%;\n    max-width: 350px;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    transition: all 0.5s ease;\n    animation: imageSlide 0.8s ease-out both;\n  }\n  \n  .content-image:hover {\n    transform: scale(1.05) rotate(1deg);\n    box-shadow: 0 25px 60px rgba(0,0,0,0.15);\n  }\n  \n  .text-content {\n    animation: slideUp 0.8s ease-out 0.3s both;\n  }\n  \n  .text-content h3 {\n    font-size: 1.5rem;\n    color: #9C8102;\n    margin-bottom: 1rem;\n    font-weight: 600;\n  }\n  \n  .text-content p {\n    color: #555;\n    margin-bottom: 1rem;\n    line-height: 1.7;\n  }\n  \n  .deadsea-info {\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    border-radius: 20px;\n    padding: 3rem 2rem;\n    margin: 3rem 0;\n    border-left: 5px solid #9C8102;\n  }\n  \n  .mineral-benefits {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 1.5rem;\n    margin-top: 2rem;\n  }\n  \n  .mineral-item {\n    background: white;\n    border-radius: 12px;\n    padding: 1.5rem;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.06);\n    border-top: 3px solid #9C8102;\n    animation: cardSlide 0.6s ease-out both;\n    transition: all 0.3s ease;\n  }\n  \n  .mineral-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 12px 35px rgba(156, 129, 2, 0.12);\n  }\n  \n  .mineral-item:nth-child(1) { animation-delay: 0.1s; }\n  .mineral-item:nth-child(2) { animation-delay: 0.2s; }\n  .mineral-item:nth-child(3) { animation-delay: 0.3s; }\n  .mineral-item:nth-child(4) { animation-delay: 0.4s; }\n  \n  .mineral-icon {\n    font-size: 1.8rem;\n    margin-bottom: 1rem;\n    display: block;\n  }\n  \n  .ingredients-section {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 4rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .ingredients-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .ingredient-cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 2rem;\n    margin: 3rem 0;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .ingredient-card {\n    background: rgba(255,255,255,0.1);\n    border-radius: 15px;\n    padding: 2rem;\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.1);\n    animation: cardSlide 0.6s ease-out both;\n    transition: all 0.3s ease;\n  }\n  \n  .ingredient-card:hover {\n    background: rgba(255,255,255,0.15);\n    transform: translateY(-5px);\n  }\n  \n  .ingredient-card:nth-child(1) { animation-delay: 0.1s; }\n  .ingredient-card:nth-child(2) { animation-delay: 0.2s; }\n  .ingredient-card:nth-child(3) { animation-delay: 0.3s; }\n  .ingredient-card:nth-child(4) { animation-delay: 0.4s; }\n  .ingredient-card:nth-child(5) { animation-delay: 0.5s; }\n  \n  .ingredient-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #D4AF37;\n    margin-bottom: 1rem;\n  }\n  \n  .ingredient-subtitle {\n    font-size: 0.9rem;\n    color: #9C8102;\n    font-weight: 500;\n    margin-bottom: 1rem;\n  }\n  \n  .benefit-icon {\n    display: inline-block;\n    width: 20px;\n    height: 20px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    border-radius: 50%;\n    margin-right: 0.5rem;\n    position: relative;\n  }\n  \n  .benefit-icon::after {\n    content: '✓';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: white;\n    font-size: 0.7rem;\n    font-weight: bold;\n  }\n  \n  .usage-section {\n    background: white;\n    border-radius: 20px;\n    padding: 3rem 2rem;\n    margin: 3rem 0;\n    border: 2px solid #9C8102;\n  }\n  \n  .usage-steps {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 2rem;\n    margin-top: 2rem;\n  }\n  \n  .usage-step {\n    text-align: center;\n    padding: 1.5rem;\n    border-radius: 12px;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    animation: cardSlide 0.6s ease-out both;\n    transition: all 0.3s ease;\n  }\n  \n  .usage-step:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 25px rgba(156, 129, 2, 0.1);\n  }\n  \n  .step-number {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    font-size: 1.1rem;\n  }\n  \n  .results-timeline {\n    padding: 3rem 2rem;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n  }\n  \n  .timeline-item {\n    display: flex;\n    margin: 2rem 0;\n    animation: timelineSlide 0.8s ease-out both;\n    align-items: flex-start;\n  }\n  \n  .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n  .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n  .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n  \n  .timeline-marker {\n    width: 90px;\n    height: 90px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-weight: bold;\n    margin-left: 2rem;\n    flex-shrink: 0;\n    animation: mineralPulse 2s ease-in-out infinite;\n    font-size: 0.7rem;\n    text-align: center;\n    line-height: 1.2;\n  }\n  \n  .timeline-content {\n    background: white;\n    padding: 1.5rem;\n    border-radius: 15px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    margin-right: 1rem;\n    flex-grow: 1;\n    border-right: 4px solid #9C8102;\n  }\n  \n  .timeline-content h4 {\n    color: #9C8102;\n    margin-bottom: 0.5rem;\n    font-size: 1.2rem;\n    font-weight: 600;\n  }\n  \n  .feature-list {\n    list-style: none;\n    padding: 0;\n    margin: 1.5rem 0;\n  }\n  \n  .feature-list li {\n    padding: 0.8rem 0;\n    border-bottom: 1px solid #eee;\n    position: relative;\n    padding-left: 2rem;\n    animation: listSlide 0.5s ease-out both;\n    color: #555;\n  }\n  \n  .feature-list li:nth-child(1) { animation-delay: 0.1s; }\n  .feature-list li:nth-child(2) { animation-delay: 0.2s; }\n  .feature-list li:nth-child(3) { animation-delay: 0.3s; }\n  \n  .feature-list li::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 15px;\n    height: 15px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    border-radius: 50%;\n  }\n  \n  .feature-list li::after {\n    content: '✓';\n    position: absolute;\n    left: 4px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: white;\n    font-size: 0.7rem;\n    font-weight: bold;\n  }\n  \n  .usage-areas {\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    padding: 3rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n  }\n  \n  .usage-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 2rem;\n    margin-top: 2rem;\n  }\n  \n  .usage-area {\n    background: white;\n    border-radius: 12px;\n    padding: 2rem;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.06);\n    border-top: 3px solid #9C8102;\n    animation: cardSlide 0.6s ease-out both;\n  }\n  \n  .usage-area h4 {\n    color: #9C8102;\n    margin-bottom: 1rem;\n    font-size: 1.3rem;\n    font-weight: 600;\n  }\n  \n  .cta-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .cta-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .cta-title {\n    font-size: 2.2rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: slideUp 0.8s ease-out both;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .cta-text {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    margin-bottom: 2rem;\n    max-width: 600px;\n    margin-left: auto;\n    margin-right: auto;\n    animation: slideUp 0.8s ease-out 0.2s both;\n    position: relative;\n    z-index: 2;\n    line-height: 1.7;\n  }\n  \n  .floating-minerals {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n    overflow: hidden;\n  }\n  \n  .mineral-crystal {\n    position: absolute;\n    width: 6px;\n    height: 8px;\n    background: linear-gradient(135deg, #9C8102, #D4AF37);\n    transform: rotate(45deg);\n    opacity: 0.3;\n    animation: floatCrystal 12s linear infinite;\n  }\n  \n  .mineral-crystal:nth-child(1) { left: 10%; animation-delay: 0s; }\n  .mineral-crystal:nth-child(2) { left: 30%; animation-delay: 2s; }\n  .mineral-crystal:nth-child(3) { left: 50%; animation-delay: 4s; }\n  .mineral-crystal:nth-child(4) { left: 70%; animation-delay: 6s; }\n  .mineral-crystal:nth-child(5) { left: 90%; animation-delay: 8s; }\n  \n  @keyframes heroSlide {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  \n  @keyframes heroFade {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 0.9; transform: translateY(0); }\n  }\n  \n  @keyframes slideUp {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  \n  @keyframes cardSlide {\n    0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n    100% { transform: translateY(0) scale(1); opacity: 1; }\n  }\n  \n  @keyframes imageSlide {\n    0% { transform: translateX(-30px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  \n  @keyframes listSlide {\n    0% { transform: translateX(-20px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  \n  @keyframes timelineSlide {\n    0% { transform: translateX(-50px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  \n  @keyframes mineralGlow {\n    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n    50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n  }\n  \n  @keyframes mineralPulse {\n    0%, 100% { box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n    50% { box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n  }\n  \n  @keyframes wavesFlow {\n    0%, 100% { transform: translateX(0px) translateY(0px); }\n    33% { transform: translateX(-10px) translateY(-5px); }\n    66% { transform: translateX(5px) translateY(3px); }\n  }\n  \n  @keyframes floatCrystal {\n    0% { transform: translateY(100vh) rotate(0deg); opacity: 0; }\n    10% { opacity: 0.3; }\n    90% { opacity: 0.3; }\n    100% { transform: translateY(-100px) rotate(360deg); opacity: 0; }\n  }\n  \n  @keyframes ctaGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.3; }\n  }\n  \n  @media (max-width: 768px) {\n    .hero-title {\n      font-size: 2rem;\n    }\n    \n    .two-column {\n      grid-template-columns: 1fr;\n      gap: 2rem;\n    }\n    \n    .reverse-mobile {\n      display: flex;\n      flex-direction: column;\n    }\n    \n    .reverse-mobile .content-image {\n      order: -1;\n      margin-bottom: 1rem;\n    }\n    \n    .benefits-grid, .mineral-benefits, .ingredient-cards, .usage-steps, .usage-grid {\n      grid-template-columns: 1fr;\n    }\n    \n    .timeline-item {\n      flex-direction: column;\n      text-align: center;\n    }\n    \n    .timeline-marker {\n      order: -1;\n      margin: 0 auto 1rem auto;\n    }\n    \n    .timeline-content {\n      margin: 0;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"bobana-deadsea-container\"\u003e\n\u003c!-- Floating Mineral Crystals --\u003e\n\u003cdiv class=\"floating-minerals\"\u003e\n\u003cdiv class=\"mineral-crystal\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mineral-crystal\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mineral-crystal\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mineral-crystal\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mineral-crystal\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eArma del Mar Morto contro la pelle grassa\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eOgni giorno trovi un nuovo brufolo, pori ostruiti e una fastidiosa lucentezza sulla tua pelle e sul tuo corpo... e il problema sta aumentando, non diminuendo. Il motivo? I batteri e l'eccesso di sebo hanno vinto la battaglia contro la tua pelle! \u003cstrong\u003eMa oggi la battaglia finirà a tuo favore con il potere naturale del Mar Morto.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"BOBANA Dead Sea Mud Mask\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-dead-sea-brmud-mask-859541.webp?v=1752354376\"\/\u003e\n\u003ch2 class=\"product-name\"\u003eMaschera di Fango del Mar Morto BOBANA - Il potere dei minerali traccia contro la pelle grassa\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n      Il Mar Morto non è solo un mare ordinario... È il punto più basso della Terra e il corpo d'acqua più salato del mondo. L'alta salinità e i minerali concentrati creano un ambiente completamente ostile per batteri e grassi in eccesso.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003e3 soluzioni radicali per la pelle problematica\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eRimuove le tossine dal profondo della pelle\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eFango del Mar Morto, ricco di minerali rari, estrae tutte le tossine e le sostanze inquinanti dalle profondità dei pori del viso e del corpo, espellendo batteri nocivi in modo permanente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003ePorri completamente ostruiti puliti\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eUn'alta concentrazione di sodio e magnesio dissolve i grassi accumulati e le cellule morte, apre i pori e li fa respirare comodamente per la prima volta.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eRiduce la pelle grassa e l'acne\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLe proprietà antibatteriche eliminano le cause dei brufoli, assorbono l'eccesso di sebo e bilanciano naturalmente la secrezione delle ghiandole sebacee.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Dead Sea Science Section --\u003e\n\u003cdiv class=\"deadsea-info\"\u003e\n\u003ch2 style=\"color: #9C8102; text-align: center; margin-bottom: 2rem;\"\u003eMar Morto: la farmacia naturale per la pelle grassa\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003ePerché il Mar Morto è la soluzione perfetta per la pelle grassa?\u003c\/h3\u003e\n\u003cp style=\"color: #555; margin-bottom: 2rem; line-height: 1.7;\"\u003eIl Mar Morto è il punto più basso della Terra e il corpo d'acqua più salato del mondo (34% di salinità). Questa alta salinità e i minerali concentrati creano un ambiente completamente ostile per i batteri.\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eComposizione unica:\u003c\/h4\u003e\n\u003cdiv class=\"mineral-benefits\"\u003e\n\u003cdiv class=\"mineral-item\"\u003e\n\u003cspan class=\"mineral-icon\"\u003e🧂\u003c\/span\u003e\n\u003ch5 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eAlta concentrazione di sodio\u003c\/h5\u003e\n\u003cp style=\"margin: 0; color: #666; font-size: 0.9rem;\"\u003eDisinfetta e uccide immediatamente i batteri\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mineral-item\"\u003e\n\u003cspan class=\"mineral-icon\"\u003e💎\u003c\/span\u003e\n\u003ch5 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eMagnesio concentrato\u003c\/h5\u003e\n\u003cp style=\"margin: 0; color: #666; font-size: 0.9rem;\"\u003eLenisce l'infiammazione e ripara i tessuti\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mineral-item\"\u003e\n\u003cspan class=\"mineral-icon\"\u003e⚡\u003c\/span\u003e\n\u003ch5 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eMinerali rari\u003c\/h5\u003e\n\u003cp style=\"margin: 0; color: #666; font-size: 0.9rem;\"\u003eNutre e rinforza la pelle dall'interno\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mineral-item\"\u003e\n\u003cspan class=\"mineral-icon\"\u003e🛡️\u003c\/span\u003e\n\u003ch5 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eProprietà antibatteriche\u003c\/h5\u003e\n\u003cp style=\"margin: 0; color: #666; font-size: 0.9rem;\"\u003ePreviene la crescita di batteri e funghi\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem;\"\u003eFormula scientifica avanzata per pelle grassa\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-cards\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eSEA SALT EXTRACT\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003ePotere Puro del Mar Morto\u003c\/p\u003e\n\u003cp\u003eEstratto di sale del Mar Morto con la più alta concentrazione di minerali attivi:\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e La pulizia profonda raggiunge le aree più difficili\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Uccide naturalmente i batteri dalle radici\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Rimuovere le cellule morte accumulate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eKAOLIN\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eArgilla intelligente per assorbire i grassi\u003c\/p\u003e\n\u003cp\u003eArgilla bianca morbida che agisce in modo intelligente:\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Solo assorbe l'eccesso di sebo\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Pulisce, tonifica e rende i pori più piccoli\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Equilibra naturalmente la secrezione di sebo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eGREEN TEA EXTRACT\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eCombattente dell'infiammazione\u003c\/p\u003e\n\u003cp\u003eTè verde ricco di antiossidanti:\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Lenisce arrossamento e irritazione\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Protegge dai danni e previene le cicatrici\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Rinnova le cellule e accelera la guarigione\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eAVOCADO OIL\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eIdratazione equilibrata\u003c\/p\u003e\n\u003cp\u003eOlio di avocado adatto per pelli grasse:\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Idratazione leggera previene la secchezza\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Rinforza la barriera naturale della pelle\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Aiuta a guarire gli effetti dei brufoli\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eGLYCERIN\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e+ Formula comprovata\u003c\/p\u003e\n\u003cp\u003eIngredienti ausiliari per risultati ottimali:\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Glicerina: idratazione equilibrata\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Stabilizzatori: distribuzione perfetta degli ingredienti\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003eCome usare semplice\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003e4 passaggi per liberarti della pelle grassa\u003c\/h3\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003ePulizia\u003c\/h4\u003e\n\u003cp\u003ePulisci il viso o il corpo con acqua tiepida\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eApplicazione\u003c\/h4\u003e\n\u003cp\u003eApplica un sottile strato della maschera\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eIn attesa\u003c\/h4\u003e\n\u003cp\u003eAttendere 10-15 minuti finché non si asciuga\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eRisciacquare\u003c\/h4\u003e\n\u003cp\u003eSciacquare con acqua calda e godere\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; padding: 1rem; background: #e6f3ff; border-radius: 10px;\"\u003e\n\u003cp style=\"margin: 0; color: #1e3a5f;\"\u003e\u003cstrong\u003eRipetizione:\u003c\/strong\u003e Due volte alla settimana per risultati ottimali\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"results-timeline\"\u003e\n\u003ch2 class=\"section-title\"\u003eRisultati visibili dall'inizio\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eDal primo utilizzo (10-15 minuti)\u003c\/h4\u003e\n\u003cp\u003e✨ \u003cstrong\u003eAssorbimento immediato dei grassi\u003c\/strong\u003e - Un viso e corpo opachi e bilanciati\u003c\/p\u003e\n\u003cp\u003e🧹 \u003cstrong\u003ePulizia profonda chiara\u003c\/strong\u003e - Una sensazione di pulizia e freschezza\u003c\/p\u003e\n\u003cp\u003e🌸 \u003cstrong\u003eLenire l'infiammazione\u003c\/strong\u003e - Meno arrossamento e sollievo immediato\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003ePrimo utilizzo\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eDopo una settimana (4 utilizzi)\u003c\/h4\u003e\n\u003cp\u003e🎯 \u003cstrong\u003eRiduzione visibile dei brufoli\u003c\/strong\u003e - Guarisce più velocemente e previene la comparsa di nuovi brufoli\u003c\/p\u003e\n\u003cp\u003e💧 \u003cstrong\u003eEquilibrio nella secrezione di sebo\u003c\/strong\u003e - Meno lucentezza e pori più piccoli\u003c\/p\u003e\n\u003cp\u003e🛡️ \u003cstrong\u003ePelle più forte e sana\u003c\/strong\u003e - Maggiore resistenza ai batteri\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eUn'intera settimana\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eDopo un mese\u003c\/h4\u003e\n\u003cp\u003e🏆 \u003cstrong\u003eControllo completo della pelle grassa\u003c\/strong\u003e - Pelle equilibrata e sana\u003c\/p\u003e\n\u003cp\u003e✨ \u003cstrong\u003eChiarezza chiara\u003c\/strong\u003e - Pulire viso e corpo da brufoli e punti neri\u003c\/p\u003e\n\u003cp\u003e💎 \u003cstrong\u003ePiù fiducia\u003c\/strong\u003e - Puoi apparire sicuro di te senza essere timido\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eUn intero mese\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Areas --\u003e\n\u003cdiv class=\"usage-areas\"\u003e\n\u003ch2 class=\"section-title\"\u003eAdatto al viso e al corpo\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; text-align: center; margin-bottom: 2rem;\"\u003eMolti usi per una soluzione tutto-in-uno\u003c\/h3\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-area\"\u003e\n\u003ch4\u003ePer il viso\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eZona T (fronte, naso, mento)\u003c\/li\u003e\n\u003cli\u003eGuance soggette a brufoli\u003c\/li\u003e\n\u003cli\u003eArea del mento e della mandibola inferiore\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-area\"\u003e\n\u003ch4\u003ePer il corpo\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eSchiena e spalle (aree più esposte)\u003c\/li\u003e\n\u003cli\u003eParte superiore del torace\u003c\/li\u003e\n\u003cli\u003eQualsiasi area con pori ostruiti\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem;\"\u003e\n\u003cimg alt=\"Face and Body Usage\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-dead-sea-brmud-mask-814824.webp?v=1752354423\" style=\"max-width: 300px; width: 100%; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eLa tua pelle grassa merita la soluzione giusta\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eBOBANA Dead Sea Mud Mask\u003c\/strong\u003e Non è solo una maschera \u003cstrong\u003eUna soluzione radicale e definitiva\u003c\/strong\u003e Per pelle grassa e acneica.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eOrdina ora e vinci la battaglia contro la pelle grassa!\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Enhanced hover effects for all cards\n  const cards = document.querySelectorAll('.benefit-card, .mineral-item, .ingredient-card, .usage-step, .usage-area');\n  cards.forEach(card =\u003e {\n    card.addEventListener('mouseenter', function() {\n      this.style.transform = 'translateY(-8px) scale(1.02)';\n      this.style.boxShadow = '0 15px 40px rgba(156, 129, 2, 0.15)';\n    });\n    \n    card.addEventListener('mouseleave', function() {\n      this.style.transform = 'translateY(0) scale(1)';\n      this.style.boxShadow = '0 8px 25px rgba(0,0,0,0.08)';\n    });\n  });\n  \n  \/\/ Enhanced parallax effect for floating mineral crystals\n  let ticking = false;\n  \n  function updateFloatingMinerals() {\n    const scrolled = window.pageYOffset;\n    const crystals = document.querySelectorAll('.mineral-crystal');\n    \n    crystals.forEach((crystal, index) =\u003e {\n      const speed = 0.1 + (index * 0.02);\n      const yPos = -(scrolled * speed);\n      crystal.style.transform = `translateY(${yPos}px) rotate(${45 + scrolled * 0.01}deg)`;\n    });\n    \n    ticking = false;\n  }\n  \n  function requestTick() {\n    if (!ticking) {\n      requestAnimationFrame(updateFloatingMinerals);\n      ticking = true;\n    }\n  }\n  \n  window.addEventListener('scroll', requestTick);\n  \n  \/\/ Timeline marker animation enhancement\n  const timelineMarkers = document.querySelectorAll('.timeline-marker');\n  timelineMarkers.forEach((marker, index) =\u003e {\n    setTimeout(() =\u003e {\n      marker.style.animation = `mineralPulse 2s ease-in-out infinite ${index * 0.4}s`;\n    }, index * 200);\n  });\n  \n  \/\/ Dynamic text effects\n  const dynamicTexts = document.querySelectorAll('.hero-title, .cta-title');\n  dynamicTexts.forEach(text =\u003e {\n    text.addEventListener('mouseenter', function() {\n      this.style.textShadow = '0 0 20px rgba(156, 129, 2, 0.3)';\n      this.style.transform = 'scale(1.02)';\n    });\n    \n    text.addEventListener('mouseleave', function() {\n      this.style.textShadow = 'none';\n      this.style.transform = 'scale(1)';\n    });\n  });\n  \n  \/\/ Dead Sea themed interactions\n  const seaElements = document.querySelectorAll('.ingredient-card');\n  seaElements.forEach((element, index) =\u003e {\n    element.addEventListener('mouseenter', function() {\n      this.style.background = 'rgba(255,255,255,0.2)';\n      this.style.transform = 'translateY(-8px) scale(1.02)';\n      this.style.borderColor = 'rgba(212, 175, 55, 0.3)';\n    });\n    \n    element.addEventListener('mouseleave', function() {\n      this.style.background = 'rgba(255,255,255,0.1)';\n      this.style.transform = 'translateY(0) scale(1)';\n      this.style.borderColor = 'rgba(255,255,255,0.1)';\n    });\n  });\n  \n  \/\/ Mineral benefits glow effect\n  const mineralItems = document.querySelectorAll('.mineral-item');\n  mineralItems.forEach((item, index) =\u003e {\n    item.addEventListener('mouseenter', function() {\n      this.style.borderTopColor = '#9C8102';\n      this.style.borderTopWidth = '5px';\n    });\n    \n    item.addEventListener('mouseleave', function() {\n      this.style.borderTopColor = '#9C8102';\n      this.style.borderTopWidth = '3px';\n    });\n  });\n  \n  \/\/ Usage steps wave effect\n  const usageSteps = document.querySelectorAll('.usage-step');\n  usageSteps.forEach((step, index) =\u003e {\n    step.addEventListener('mouseenter', function() {\n      this.style.background = 'linear-gradient(135deg, #f0f0f0 0%, #ffffff 100%)';\n      this.style.transform = 'translateY(-8px) scale(1.02)';\n    });\n    \n    step.addEventListener('mouseleave', function() {\n      this.style.background = 'linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%)';\n      this.style.transform = 'translateY(0) scale(1)';\n    });\n  });\n  \n  \/\/ Scroll-triggered animations for sections\n  const observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -50px 0px'\n  };\n  \n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.style.animation = 'slideUp 0.8s ease-out both';\n      }\n    });\n  }, observerOptions);\n  \n  const sectionsToObserve = document.querySelectorAll('.deadsea-info, .usage-areas');\n  sectionsToObserve.forEach(section =\u003e {\n    observer.observe(section);\n  });\n});\n\u003c\/script\u003e","brand":"bobana","offers":[{"title":"Default Title","offer_id":44878357758149,"sku":null,"price":75.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-dead-sea-brmud-mask-520386.webp?v=1752354081"},{"product_id":"bobana-marine-collagen-hyaluronic-gel","title":"Bobana Marine Collagen \u0026 Hyaluronic Acid Gel","description":"\u003c!-- BOBANA Marine Collagen \u0026 Hyaluronic Acid Gel Product Description --\u003e\n\u003cstyle\u003e\n  .bobana-marine-container {\n    line-height: 1.6;\n    color: #333;\n    max-width: 1200px;\n    margin: 0 auto;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    overflow: hidden;\n  }\n  \n  .hero-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .hero-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"marine\" width=\"100\" height=\"80\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"20\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"80\" cy=\"60\" r=\"1.5\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003ccircle cx=\"50\" cy=\"10\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.04\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23marine)\"\/\u003e\u003c\/svg\u003e');\n    animation: marineFlow 25s ease-in-out infinite;\n  }\n  \n  .hero-title {\n    font-size: 2.5rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: heroSlide 1s ease-out;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .hero-subtitle {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    max-width: 700px;\n    margin: 0 auto;\n    animation: heroFade 1s ease-out 0.3s both;\n    position: relative;\n    z-index: 2;\n    line-height: 1.7;\n  }\n  \n  .product-showcase {\n    padding: 3rem 2rem;\n    text-align: center;\n    position: relative;\n  }\n  \n  .product-image {\n    max-width: 400px;\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    margin: 2rem auto;\n    display: block;\n  }\n  \n  .product-image:hover {\n    transform: translateY(-10px) scale(1.02);\n    box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n  }\n  \n  .product-name {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin: 2rem 0 1rem;\n    animation: slideUp 0.8s ease-out 0.2s both;\n  }\n  \n  .product-intro {\n    font-size: 1.1rem;\n    color: #555;\n    max-width: 800px;\n    margin: 0 auto 3rem;\n    animation: slideUp 0.8s ease-out 0.4s both;\n    line-height: 1.7;\n  }\n  \n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 2rem;\n    padding: 2rem;\n    margin: 3rem 0;\n  }\n  \n  .benefit-card {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 2px solid transparent;\n    animation: cardSlide 0.6s ease-out both;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .benefit-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #D4AF37);\n    transform: scaleX(0);\n    transition: transform 0.4s ease;\n  }\n  \n  .benefit-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n    border-color: #9C8102;\n  }\n  \n  .benefit-card:hover::before {\n    transform: scaleX(1);\n  }\n  \n  .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n  .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n  .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n  .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n  .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n  .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n  \n  .benefit-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 50px;\n    height: 50px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    animation: marineGlow 3s ease-in-out infinite;\n    font-size: 1.2rem;\n  }\n  \n  .benefit-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  \n  .benefit-description {\n    color: #666;\n    line-height: 1.6;\n  }\n  \n  .section {\n    padding: 3rem 2rem;\n    margin: 2rem 0;\n  }\n  \n  .section-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2rem;\n    animation: slideUp 0.8s ease-out both;\n  }\n  \n  .section-content {\n    max-width: 800px;\n    margin: 0 auto;\n    animation: slideUp 0.8s ease-out 0.2s both;\n  }\n  \n  .two-column {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 3rem;\n    align-items: center;\n    margin: 3rem 0;\n  }\n  \n  .content-image {\n    width: 100%;\n    max-width: 350px;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    transition: all 0.5s ease;\n    animation: imageSlide 0.8s ease-out both;\n  }\n  \n  .content-image:hover {\n    transform: scale(1.05) rotate(1deg);\n    box-shadow: 0 25px 60px rgba(0,0,0,0.15);\n  }\n  \n  .text-content {\n    animation: slideUp 0.8s ease-out 0.3s both;\n  }\n  \n  .text-content h3 {\n    font-size: 1.5rem;\n    color: #9C8102;\n    margin-bottom: 1rem;\n    font-weight: 600;\n  }\n  \n  .text-content p {\n    color: #555;\n    margin-bottom: 1rem;\n    line-height: 1.7;\n  }\n  \n  .how-it-works {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 4rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .how-it-works::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .ingredient-cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 2rem;\n    margin: 3rem 0;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .ingredient-card {\n    background: rgba(255,255,255,0.1);\n    border-radius: 15px;\n    padding: 2rem;\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.1);\n    animation: cardSlide 0.6s ease-out both;\n    transition: all 0.3s ease;\n  }\n  \n  .ingredient-card:hover {\n    background: rgba(255,255,255,0.15);\n    transform: translateY(-5px);\n  }\n  \n  .ingredient-card:nth-child(1) { animation-delay: 0.1s; }\n  .ingredient-card:nth-child(2) { animation-delay: 0.2s; }\n  .ingredient-card:nth-child(3) { animation-delay: 0.3s; }\n  .ingredient-card:nth-child(4) { animation-delay: 0.4s; }\n  .ingredient-card:nth-child(5) { animation-delay: 0.5s; }\n  \n  .ingredient-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #D4AF37;\n    margin-bottom: 1rem;\n  }\n  \n  .ingredient-subtitle {\n    font-size: 0.9rem;\n    color: #9C8102;\n    font-weight: 500;\n    margin-bottom: 1rem;\n  }\n  \n  .feature-list {\n    list-style: none;\n    padding: 0;\n    margin: 1.5rem 0;\n  }\n  \n  .feature-list li {\n    padding: 0.8rem 0;\n    border-bottom: 1px solid #eee;\n    position: relative;\n    padding-left: 2rem;\n    animation: listSlide 0.5s ease-out both;\n    color: #555;\n  }\n  \n  .feature-list li:nth-child(1) { animation-delay: 0.1s; }\n  .feature-list li:nth-child(2) { animation-delay: 0.2s; }\n  .feature-list li:nth-child(3) { animation-delay: 0.3s; }\n  .feature-list li:nth-child(4) { animation-delay: 0.4s; }\n  \n  .feature-list li::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 15px;\n    height: 15px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    border-radius: 50%;\n  }\n  \n  .feature-list li::after {\n    content: '✓';\n    position: absolute;\n    left: 4px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: white;\n    font-size: 0.7rem;\n    font-weight: bold;\n  }\n  \n  .feature-list.white li {\n    border-bottom-color: rgba(255,255,255,0.2);\n    color: white;\n  }\n  \n  .comparison-section {\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    padding: 3rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n  }\n  \n  .comparison-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 2rem;\n    margin-top: 2rem;\n  }\n  \n  .comparison-card {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    border-top: 4px solid #9C8102;\n    animation: cardSlide 0.6s ease-out both;\n    text-align: center;\n  }\n  \n  .comparison-card.negative {\n    border-top-color: #dc3545;\n    opacity: 0.8;\n  }\n  \n  .comparison-card.positive {\n    border-top-color: #9C8102;\n    transform: scale(1.02);\n  }\n  \n  .comparison-title {\n    font-size: 1.2rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n    color: #9C8102;\n  }\n  \n  .comparison-card.negative .comparison-title {\n    color: #dc3545;\n  }\n  \n  .timeline-section {\n    padding: 3rem 2rem;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n  }\n  \n  .timeline-item {\n    display: flex;\n    margin: 2rem 0;\n    animation: timelineSlide 0.8s ease-out both;\n    align-items: flex-start;\n  }\n  \n  .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n  .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n  .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n  .timeline-item:nth-child(4) { animation-delay: 0.4s; }\n  .timeline-item:nth-child(5) { animation-delay: 0.5s; }\n  \n  .timeline-marker {\n    width: 80px;\n    height: 80px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-weight: bold;\n    margin-left: 2rem;\n    flex-shrink: 0;\n    animation: marineGlow 2s ease-in-out infinite;\n    font-size: 0.8rem;\n    text-align: center;\n    line-height: 1.2;\n  }\n  \n  .timeline-content {\n    background: white;\n    padding: 1.5rem;\n    border-radius: 15px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    margin-right: 1rem;\n    flex-grow: 1;\n    border-right: 4px solid #9C8102;\n  }\n  \n  .timeline-content h4 {\n    color: #9C8102;\n    margin-bottom: 0.5rem;\n    font-size: 1.2rem;\n    font-weight: 600;\n  }\n  \n  .value-section {\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    padding: 3rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    text-align: center;\n  }\n  \n  .value-cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 2rem;\n    margin-top: 2rem;\n  }\n  \n  .value-card {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    border-top: 4px solid #9C8102;\n    animation: cardSlide 0.6s ease-out both;\n  }\n  \n  .value-number {\n    font-size: 2rem;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 0.5rem;\n  }\n  \n  .usage-section {\n    background: white;\n    border-radius: 20px;\n    padding: 3rem 2rem;\n    margin: 3rem 0;\n    border: 2px solid #9C8102;\n  }\n  \n  .usage-steps {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 2rem;\n    margin-top: 2rem;\n  }\n  \n  .usage-step {\n    text-align: center;\n    padding: 1.5rem;\n    border-radius: 12px;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    animation: cardSlide 0.6s ease-out both;\n    transition: all 0.3s ease;\n  }\n  \n  .usage-step:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 25px rgba(156, 129, 2, 0.1);\n  }\n  \n  .step-number {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    font-size: 1.1rem;\n  }\n  \n  .cta-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .cta-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .cta-title {\n    font-size: 2.2rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: slideUp 0.8s ease-out both;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .cta-text {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    margin-bottom: 2rem;\n    max-width: 600px;\n    margin-left: auto;\n    margin-right: auto;\n    animation: slideUp 0.8s ease-out 0.2s both;\n    position: relative;\n    z-index: 2;\n    line-height: 1.7;\n  }\n  \n  .floating-marine {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n    overflow: hidden;\n  }\n  \n  .marine-bubble {\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    background: linear-gradient(135deg, rgba(156, 129, 2, 0.3), rgba(212, 175, 55, 0.3));\n    border-radius: 50%;\n    opacity: 0.6;\n    animation: floatBubble 8s linear infinite;\n  }\n  \n  .marine-bubble:nth-child(1) { left: 10%; animation-delay: 0s; }\n  .marine-bubble:nth-child(2) { left: 30%; animation-delay: 1s; }\n  .marine-bubble:nth-child(3) { left: 50%; animation-delay: 2s; }\n  .marine-bubble:nth-child(4) { left: 70%; animation-delay: 3s; }\n  .marine-bubble:nth-child(5) { left: 90%; animation-delay: 4s; }\n  \n  @keyframes heroSlide {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  \n  @keyframes heroFade {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 0.9; transform: translateY(0); }\n  }\n  \n  @keyframes slideUp {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  \n  @keyframes cardSlide {\n    0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n    100% { transform: translateY(0) scale(1); opacity: 1; }\n  }\n  \n  @keyframes imageSlide {\n    0% { transform: translateX(-30px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  \n  @keyframes listSlide {\n    0% { transform: translateX(-20px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  \n  @keyframes timelineSlide {\n    0% { transform: translateX(-50px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  \n  @keyframes marineGlow {\n    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n    50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n  }\n  \n  @keyframes marineFlow {\n    0%, 100% { transform: translateY(0px) translateX(0px); }\n    33% { transform: translateY(-8px) translateX(-5px); }\n    66% { transform: translateY(4px) translateX(3px); }\n  }\n  \n  @keyframes floatBubble {\n    0% { transform: translateY(100vh) scale(0); opacity: 0; }\n    10% { opacity: 0.6; transform: scale(1); }\n    90% { opacity: 0.6; }\n    100% { transform: translateY(-100px) scale(0); opacity: 0; }\n  }\n  \n  @keyframes ctaGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.3; }\n  }\n  \n  @media (max-width: 768px) {\n    .hero-title {\n      font-size: 2rem;\n    }\n    \n    .two-column {\n      grid-template-columns: 1fr;\n      gap: 2rem;\n    }\n    \n    .reverse-mobile {\n      display: flex;\n      flex-direction: column;\n    }\n    \n    .reverse-mobile .content-image {\n      order: -1;\n      margin-bottom: 1rem;\n    }\n    \n    .benefits-grid, .ingredient-cards, .comparison-grid, .value-cards, .usage-steps {\n      grid-template-columns: 1fr;\n    }\n    \n    .timeline-item {\n      flex-direction: column;\n      text-align: center;\n    }\n    \n    .timeline-marker {\n      order: -1;\n      margin: 0 auto 1rem auto;\n    }\n    \n    .timeline-content {\n      margin: 0;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"bobana-marine-container\"\u003e\n\u003c!-- Floating Marine Bubbles --\u003e\n\u003cdiv class=\"floating-marine\"\u003e\n\u003cdiv class=\"marine-bubble\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"marine-bubble\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"marine-bubble\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"marine-bubble\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"marine-bubble\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eIdratazione profonda avanzata dal mare profondo\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eSiete stanchi di creme idratanti che offrono solo un'idratazione superficiale che scompare dopo due ore? La vostra pelle ha bisogno di più della semplice idratazione... la vostra pelle ne ha bisogno \u003cstrong\u003eRicostruzione completa dall'interno verso l'esterno\u003c\/strong\u003e. La natura ha nascosto la soluzione per te nelle profondità del mare, che la scienza moderna può estrarre e mettere in un gel che cambia tutto.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"BOBANA Marine Collagen \u0026amp; Hyaluronic Acid Gel\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/marinebr-collagen-hyaluronicbr-acid-gel-659477.webp?v=1752500748\"\/\u003e\n\u003ch2 class=\"product-name\"\u003eGel BOBANA Collagene Marino \u0026amp; Acido Ialuronico - La forza del mare per una pelle idratata e giovane\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n      BOBANA Gel al Collagene Marino e Acido Ialuronico 250ml. Una formula avanzata che combina i benefici del mare e le più recenti tecnologie per la skincare per un'idratazione profonda e continua che dura per 12 ore intere.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column reverse-mobile\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eMolteplici benefici in un solo prodotto\u003c\/h2\u003e\n\u003cp\u003eNon è solo una normale crema idratante... è un sistema completo di ripristino e ringiovanimento della pelle dall'interno verso l'esterno.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Benefits\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/marinebr-collagen-hyaluronicbr-acid-gel-394061.webp?v=1752501580\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003eH₂O\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eIdratazione profonda e continua\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eRaggiunge gli strati profondi della pelle e idrata le tue mani per 12 ore continue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003eC\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eMigliorare l'elasticità della pelle\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eIl collagene marino rafforza la pelle e la rende più elastica e liscia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003eG\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eLuminosità naturale\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLa niacinamide uniforma il tono della pelle e dona alle tue mani un naturale aspetto sano\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003eR\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eRidurre i segni di progresso\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eStimola la rigenerazione cellulare e riduce l'aspetto delle linee sottili\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003eS\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eLisciare la texture\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eTratta la pelle ruvida e la rende morbida come seta\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003eP\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eProtezione a lungo termine\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eForma una barriera naturale che protegge la pelle dai fattori esterni\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem;\"\u003eCome funziona? Non è solo un idratante... è un sistema completo di restauro per la tua pelle\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-cards\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eCollagene marino\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003ePerché è diverso dal collagene normale?\u003c\/p\u003e\n\u003cul class=\"feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eParticelle 1,5 volte più piccole\u003c\/strong\u003e = Assorbimento più profondo e rapido\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e99,7% purezza\u003c\/strong\u003e Rispetto all'85% nel collagene normale\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStimola la produzione naturale di collagene\u003c\/strong\u003e 73% in più\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eResistenza naturale al degrado\u003c\/strong\u003e = L'efficacia dura più a lungo\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eMicrosfere di acido ialuronico\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eTecnologia di umidificazione intelligente\u003c\/p\u003e\n\u003cul class=\"feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSistema a rilascio lento\u003c\/strong\u003e Garantisce idratazione continua per 12 ore\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e3 diverse dimensioni delle particelle\u003c\/strong\u003e: superficiale + medio + profondo\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eCapacità di assorbire 1000 volte il suo peso in acqua\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormazione di una pellicola protettiva naturale\u003c\/strong\u003e Previene la perdita di umidità\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eNiacinamide (Vitamina B3)\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eMolteplici benefici per la pelle\u003c\/p\u003e\n\u003cul class=\"feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eUniformare il tono della pelle\u003c\/strong\u003e E liberarsi della pigmentazione\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRegolare la secrezione di oli\u003c\/strong\u003e Per pelle grassa e mista\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRidurre la dimensione dei pori\u003c\/strong\u003e Appare naturalmente\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRafforzare la barriera naturale della pelle\u003c\/strong\u003e Contro fattori esterni\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eOlio di Jojoba\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eIdratazione equilibrata\u003c\/p\u003e\n\u003cul class=\"feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eIdratazione profonda\u003c\/strong\u003e Senza ostruire i pori\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRegolare la secrezione di oli naturali\u003c\/strong\u003e Per la pelle\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProprietà antiossidanti\u003c\/strong\u003e Protegge dai danni\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eOlio di albero del tè\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003ePulizia naturale\u003c\/p\u003e\n\u003cul class=\"feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntibatterico naturale\u003c\/strong\u003e E infezioni\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLenire l'irritazione\u003c\/strong\u003e E arrossamento\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePulizia delicata\u003c\/strong\u003e Per la pelle senza secchezza\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Comparison Section --\u003e\n\u003cdiv class=\"comparison-section\"\u003e\n\u003ch2 class=\"section-title\"\u003ePerché BOBANA è diversa da tutte le creme idratanti che hai provato?\u003c\/h2\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003eLa differenza decisiva è nella composizione\u003c\/h3\u003e\n\u003cp\u003eLa maggior parte delle creme idratanti sul mercato offre un'idratazione temporanea e superficiale, ma BOBANA offre un sistema completo e sostenibile di riparazione della pelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Comparison\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/marinebr-collagen-hyaluronicbr-acid-gel-289936.webp?v=1752501553\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-grid\"\u003e\n\u003cdiv class=\"comparison-card negative\"\u003e\n\u003ch4 class=\"comparison-title\"\u003eCreme idratanti normali\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0;\"\u003e\n\u003cli\u003eL'idratazione superficiale scompare rapidamente\u003c\/li\u003e\n\u003cli\u003eIngredienti sintetici che ostruiscono i pori\u003c\/li\u003e\n\u003cli\u003eEffetto temporaneo che necessita di ripetizione\u003c\/li\u003e\n\u003cli\u003ePiccola dimensione e si esaurisce rapidamente\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card positive\"\u003e\n\u003ch4 class=\"comparison-title\"\u003eBOBANA Gel Marino\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0;\"\u003e\n\u003cli\u003eIdratazione in 3 strati della pelle\u003c\/li\u003e\n\u003cli\u003eIngredienti naturali marini che respirano con la pelle\u003c\/li\u003e\n\u003cli\u003eL'effetto cumulativo migliora con l'uso\u003c\/li\u003e\n\u003cli\u003eFormato grande 250 ml, sufficiente per 4-5 mesi\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 2rem;\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eVersatilità\u003c\/h4\u003e\n\u003cdiv class=\"comparison-grid\"\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003ch5 style=\"color: #9C8102;\"\u003eViso\u003c\/h5\u003e\n\u003cp\u003eIdrata, illumina e combatte i segni dell'invecchiamento\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003ch5 style=\"color: #9C8102;\"\u003ecorpo\u003c\/h5\u003e\n\u003cp\u003eMorbidezza, flessibilità e trattamento della secchezza intensa\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003ch5 style=\"color: #9C8102;\"\u003emani\u003c\/h5\u003e\n\u003cp\u003eTrattamento delle screpolature e ripristino della morbidezza\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003ch5 style=\"color: #9C8102;\"\u003eAree ruvide\u003c\/h5\u003e\n\u003cp\u003eGinocchia, gomiti e talloni\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Results --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eViaggio di trasformazione con BOBANA: Risultati previsti\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eDal primo utilizzo\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eUna sensazione immediata di freschezza e idratazione profonda\u003c\/li\u003e\n\u003cli\u003eTexture setosa e liscia che dura per molte ore\u003c\/li\u003e\n\u003cli\u003eAssorbimento rapido senza sensazione di unto o appiccicoso\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003ePrimo utilizzo\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eEntro una settimana\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eUn miglioramento visibile della morbidezza e dell'elasticità della pelle\u003c\/li\u003e\n\u003cli\u003eRidurre la secchezza e le microcrepe\u003c\/li\u003e\n\u003cli\u003eLuminosità naturale e incarnato sano\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eUna settimana\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eDopo due settimane\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eAumento significativo dell'elasticità della pelle\u003c\/li\u003e\n\u003cli\u003eMiglioramento della texture ruvida della pelle\u003c\/li\u003e\n\u003cli\u003eUniforma il tono della pelle e riduce le pigmentazioni minori\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eDue settimane\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eDopo un mese\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003ePelle più giovane e radiosa\u003c\/li\u003e\n\u003cli\u003eRidurre l'aspetto delle linee sottili\u003c\/li\u003e\n\u003cli\u003ePelle forte e resistente ai fattori esterni\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eUn mese\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eDopo 3 mesi\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eUna trasformazione completa nella texture e nell'aspetto della pelle\u003c\/li\u003e\n\u003cli\u003eElasticità naturale e radiosità duratura\u003c\/li\u003e\n\u003cli\u003ePiù fiducia nella bellezza naturale della tua pelle\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e3 mesi\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Section --\u003e\n\u003cdiv class=\"value-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eValore eccezionale e incomparabile\u003c\/h2\u003e\n\u003cdiv class=\"value-cards\"\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-number\"\u003e250 ml\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eTaglia grande\u003c\/h4\u003e\n\u003cp\u003ePiù grande della maggior parte degli umidificatori sul mercato\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-number\"\u003e4-5 mesi\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eAbbastanza lungo\u003c\/h4\u003e\n\u003cp\u003ePer uso quotidiano su viso e corpo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-number\"\u003e99.7%\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003ePurezza degli ingredienti\u003c\/h4\u003e\n\u003cp\u003eCollagene marino di alta qualità\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-number\"\u003e12 ore\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eIdratazione continua\u003c\/h4\u003e\n\u003cp\u003eEffetto a lungo termine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-number\"\u003e4 in 1\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eMolti prodotti\u003c\/h4\u003e\n\u003cp\u003eViso + corpo + mani + crema idratante anti-età\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003eModalità d'uso ottimale\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003ePer migliori risultati\u003c\/h3\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003ePreparazione\u003c\/h4\u003e\n\u003cp\u003ePulisci bene la pelle e assicurati che sia asciutta\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eApplicazione\u003c\/h4\u003e\n\u003cp\u003eMassaggia una quantità adeguata con movimenti circolari delicati\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eMassaggio\u003c\/h4\u003e\n\u003cp\u003eContinuare per 1-2 minuti fino a completo assorbimento\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eRipetizione\u003c\/h4\u003e\n\u003cp\u003eUsalo mattina e sera per risultati ottimali\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 3rem;\"\u003e\n\u003ch4 style=\"color: #9C8102; text-align: center; margin-bottom: 1rem;\"\u003eConsigli per un uso ottimale\u003c\/h4\u003e\n\u003cdiv class=\"comparison-grid\"\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003ch5 style=\"color: #9C8102;\"\u003ePer il viso\u003c\/h5\u003e\n\u003cp\u003eUna quantità grande quanto un fagiolo è sufficiente per viso e collo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003ch5 style=\"color: #9C8102;\"\u003ePer il corpo\u003c\/h5\u003e\n\u003cp\u003eConcentrarsi sulle aree secche e ruvide\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003ch5 style=\"color: #9C8102;\"\u003ePer le mani\u003c\/h5\u003e\n\u003cp\u003eUsa dopo ogni lavaggio per una protezione continua\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Scientific Image --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv style=\"text-align: center; margin: 3rem 0;\"\u003e\n\u003cimg alt=\"Scientific Formula\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/marinebr-collagen-hyaluronicbr-acid-gel-927703_1.png?v=1752501285\" style=\"max-width: 400px; width: 100%; border-radius: 15px; box-shadow: 0 15px 40px rgba(0,0,0,0.1);\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDove la bontà del mare incontra le ultime tecnologie per la skincare\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eLa tua pelle merita il meglio... e tu meriti di sentirti sicura e bella ogni giorno\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n      BOBANA Marine Gel non è solo un idratante... è un investimento nella tua bellezza e nella tua autostima. Ogni goccia è piena delle bontà del mare e delle ultime scoperte scientifiche nel campo della skincare.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Enhanced hover effects for all cards\n  const cards = document.querySelectorAll('.benefit-card, .ingredient-card, .comparison-card, .value-card, .usage-step');\n  cards.forEach(card =\u003e {\n    card.addEventListener('mouseenter', function() {\n      if (!this.classList.contains('negative')) {\n        this.style.transform = 'translateY(-8px) scale(1.02)';\n        this.style.boxShadow = '0 15px 40px rgba(156, 129, 2, 0.15)';\n      }\n    });\n    \n    card.addEventListener('mouseleave', function() {\n      if (!this.classList.contains('negative')) {\n        this.style.transform = 'translateY(0) scale(1)';\n        this.style.boxShadow = '0 10px 30px rgba(0,0,0,0.08)';\n      }\n    });\n  });\n  \n  \/\/ Enhanced parallax effect for floating marine bubbles\n  let ticking = false;\n  \n  function updateFloatingBubbles() {\n    const scrolled = window.pageYOffset;\n    const bubbles = document.querySelectorAll('.marine-bubble');\n    \n    bubbles.forEach((bubble, index) =\u003e {\n      const speed = 0.1 + (index * 0.02);\n      const yPos = -(scrolled * speed);\n      bubble.style.transform = `translateY(${yPos}px) scale(${1 + Math.sin(scrolled * 0.001 + index) * 0.1})`;\n    });\n    \n    ticking = false;\n  }\n  \n  function requestTick() {\n    if (!ticking) {\n      requestAnimationFrame(updateFloatingBubbles);\n      ticking = true;\n    }\n  }\n  \n  window.addEventListener('scroll', requestTick);\n  \n  \/\/ Timeline marker animation enhancement\n  const timelineMarkers = document.querySelectorAll('.timeline-marker');\n  timelineMarkers.forEach((marker, index) =\u003e {\n    setTimeout(() =\u003e {\n      marker.style.animation = `marineGlow 2s ease-in-out infinite ${index * 0.3}s`;\n    }, index * 200);\n  });\n  \n  \/\/ Dynamic text effects\n  const dynamicTexts = document.querySelectorAll('.hero-title, .cta-title');\n  dynamicTexts.forEach(text =\u003e {\n    text.addEventListener('mouseenter', function() {\n      this.style.textShadow = '0 0 20px rgba(156, 129, 2, 0.3)';\n      this.style.transform = 'scale(1.02)';\n    });\n    \n    text.addEventListener('mouseleave', function() {\n      this.style.textShadow = 'none';\n      this.style.transform = 'scale(1)';\n    });\n  });\n  \n  \/\/ Marine-themed interactions\n  const marineElements = document.querySelectorAll('.ingredient-card');\n  marineElements.forEach((element, index) =\u003e {\n    element.addEventListener('mouseenter', function() {\n      this.style.background = 'rgba(255,255,255,0.2)';\n      this.style.transform = 'translateY(-8px) scale(1.02)';\n      this.style.borderColor = 'rgba(212, 175, 55, 0.3)';\n    });\n    \n    element.addEventListener('mouseleave', function() {\n      this.style.background = 'rgba(255,255,255,0.1)';\n      this.style.transform = 'translateY(0) scale(1)';\n      this.style.borderColor = 'rgba(255,255,255,0.1)';\n    });\n  });\n  \n  \/\/ Benefit icons glow effect\n  const benefitIcons = document.querySelectorAll('.benefit-icon');\n  benefitIcons.forEach((icon, index) =\u003e {\n    icon.addEventListener('mouseenter', function() {\n      this.style.transform = 'scale(1.1) rotate(5deg)';\n      this.style.boxShadow = '0 0 20px rgba(156, 129, 2, 0.4)';\n    });\n    \n    icon.addEventListener('mouseleave', function() {\n      this.style.transform = 'scale(1) rotate(0deg)';\n      this.style.boxShadow = 'none';\n    });\n  });\n  \n  \/\/ Value numbers animation on scroll\n  const valueNumbers = document.querySelectorAll('.value-number');\n  const observerOptions = {\n    threshold: 0.5,\n    rootMargin: '0px'\n  };\n  \n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.style.animation = 'marineGlow 1.5s ease-out';\n      }\n    });\n  }, observerOptions);\n  \n  valueNumbers.forEach(number =\u003e {\n    observer.observe(number);\n  });\n  \n  \/\/ Usage steps animation enhancement\n  const usageSteps = document.querySelectorAll('.usage-step');\n  usageSteps.forEach((step, index) =\u003e {\n    step.addEventListener('mouseenter', function() {\n      this.style.background = 'linear-gradient(135deg, #f0f0f0 0%, #ffffff 100%)';\n      this.style.transform = 'translateY(-8px) scale(1.02)';\n    });\n    \n    step.addEventListener('mouseleave', function() {\n      this.style.background = 'linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%)';\n      this.style.transform = 'translateY(0) scale(1)';\n    });\n  });\n});\n\u003c\/script\u003e","brand":"Bobana","offers":[{"title":"Default Title","offer_id":44901568446661,"sku":null,"price":180.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/marinebr-collagen-hyaluronicbr-acid-gel-927703.webp?v=1752499941"},{"product_id":"bobana-marine-collagen-vitamin-c-gel","title":"Bobana Marine Collagen \u0026 Vitamin C Gel","description":"\u003c!-- BOBANA Marine Collagen \u0026 Vitamin C Gel Product Description --\u003e\n\u003cstyle\u003e\n  .bobana-vitc-container {\n    line-height: 1.6;\n    color: #333;\n    max-width: 1200px;\n    margin: 0 auto;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    overflow: hidden;\n  }\n  \n  .hero-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .hero-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"vitamins\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23vitamins)\"\/\u003e\u003c\/svg\u003e');\n    animation: vitaminFloat 30s ease-in-out infinite;\n  }\n  \n  .hero-title {\n    font-size: 2.5rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: heroSlide 1s ease-out;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .hero-subtitle {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    max-width: 700px;\n    margin: 0 auto;\n    animation: heroFade 1s ease-out 0.3s both;\n    position: relative;\n    z-index: 2;\n    line-height: 1.7;\n  }\n  \n  .product-showcase {\n    padding: 3rem 2rem;\n    text-align: center;\n    position: relative;\n  }\n  \n  .product-image {\n    max-width: 400px;\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    margin: 2rem auto;\n    display: block;\n  }\n  \n  .product-image:hover {\n    transform: translateY(-10px) scale(1.02);\n    box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n  }\n  \n  .product-name {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin: 2rem 0 1rem;\n    animation: slideUp 0.8s ease-out 0.2s both;\n  }\n  \n  .product-intro {\n    font-size: 1.1rem;\n    color: #555;\n    max-width: 800px;\n    margin: 0 auto 3rem;\n    animation: slideUp 0.8s ease-out 0.4s both;\n    line-height: 1.7;\n  }\n  \n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 2rem;\n    padding: 2rem;\n    margin: 3rem 0;\n  }\n  \n  .benefit-card {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 2px solid transparent;\n    animation: cardSlide 0.6s ease-out both;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .benefit-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #D4AF37);\n    transform: scaleX(0);\n    transition: transform 0.4s ease;\n  }\n  \n  .benefit-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n    border-color: #9C8102;\n  }\n  \n  .benefit-card:hover::before {\n    transform: scaleX(1);\n  }\n  \n  .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n  .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n  .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n  .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n  .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n  .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n  \n  .benefit-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 50px;\n    height: 50px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    animation: vitaminGlow 3s ease-in-out infinite;\n    font-size: 1.2rem;\n  }\n  \n  .benefit-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  \n  .benefit-description {\n    color: #666;\n    line-height: 1.6;\n  }\n  \n  .section {\n    padding: 3rem 2rem;\n    margin: 2rem 0;\n  }\n  \n  .section-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2rem;\n    animation: slideUp 0.8s ease-out both;\n  }\n  \n  .section-content {\n    max-width: 800px;\n    margin: 0 auto;\n    animation: slideUp 0.8s ease-out 0.2s both;\n  }\n  \n  .two-column {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 3rem;\n    align-items: center;\n    margin: 3rem 0;\n  }\n  \n  .content-image {\n    width: 100%;\n    max-width: 350px;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    transition: all 0.5s ease;\n    animation: imageSlide 0.8s ease-out both;\n  }\n  \n  .content-image:hover {\n    transform: scale(1.05) rotate(1deg);\n    box-shadow: 0 25px 60px rgba(0,0,0,0.15);\n  }\n  \n  .text-content {\n    animation: slideUp 0.8s ease-out 0.3s both;\n  }\n  \n  .text-content h3 {\n    font-size: 1.5rem;\n    color: #9C8102;\n    margin-bottom: 1rem;\n    font-weight: 600;\n  }\n  \n  .text-content p {\n    color: #555;\n    margin-bottom: 1rem;\n    line-height: 1.7;\n  }\n  \n  .ingredients-section {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 4rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .ingredients-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .ingredient-cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 2rem;\n    margin: 3rem 0;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .ingredient-card {\n    background: rgba(255,255,255,0.1);\n    border-radius: 15px;\n    padding: 2rem;\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.1);\n    animation: cardSlide 0.6s ease-out both;\n    transition: all 0.3s ease;\n  }\n  \n  .ingredient-card:hover {\n    background: rgba(255,255,255,0.15);\n    transform: translateY(-5px);\n  }\n  \n  .ingredient-card:nth-child(1) { animation-delay: 0.1s; }\n  .ingredient-card:nth-child(2) { animation-delay: 0.2s; }\n  .ingredient-card:nth-child(3) { animation-delay: 0.3s; }\n  .ingredient-card:nth-child(4) { animation-delay: 0.4s; }\n  .ingredient-card:nth-child(5) { animation-delay: 0.5s; }\n  \n  .ingredient-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #D4AF37;\n    margin-bottom: 1rem;\n  }\n  \n  .ingredient-subtitle {\n    font-size: 0.9rem;\n    color: #9C8102;\n    font-weight: 500;\n    margin-bottom: 1rem;\n  }\n  \n  .feature-list {\n    list-style: none;\n    padding: 0;\n    margin: 1.5rem 0;\n  }\n  \n  .feature-list li {\n    padding: 0.8rem 0;\n    border-bottom: 1px solid #eee;\n    position: relative;\n    padding-left: 2rem;\n    animation: listSlide 0.5s ease-out both;\n    color: #555;\n  }\n  \n  .feature-list li:nth-child(1) { animation-delay: 0.1s; }\n  .feature-list li:nth-child(2) { animation-delay: 0.2s; }\n  .feature-list li:nth-child(3) { animation-delay: 0.3s; }\n  .feature-list li:nth-child(4) { animation-delay: 0.4s; }\n  \n  .feature-list li::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 15px;\n    height: 15px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    border-radius: 50%;\n  }\n  \n  .feature-list li::after {\n    content: '✓';\n    position: absolute;\n    left: 4px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: white;\n    font-size: 0.7rem;\n    font-weight: bold;\n  }\n  \n  .feature-list.white li {\n    border-bottom-color: rgba(255,255,255,0.2);\n    color: white;\n  }\n  \n  .comparison-section {\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    padding: 3rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n  }\n  \n  .comparison-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 2rem;\n    margin-top: 2rem;\n  }\n  \n  .comparison-card {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    border-top: 4px solid #9C8102;\n    animation: cardSlide 0.6s ease-out both;\n    text-align: center;\n  }\n  \n  .comparison-card.negative {\n    border-top-color: #dc3545;\n    opacity: 0.8;\n  }\n  \n  .comparison-card.positive {\n    border-top-color: #9C8102;\n    transform: scale(1.02);\n  }\n  \n  .comparison-title {\n    font-size: 1.2rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n    color: #9C8102;\n  }\n  \n  .comparison-card.negative .comparison-title {\n    color: #dc3545;\n  }\n  \n  .timeline-section {\n    padding: 3rem 2rem;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n  }\n  \n  .timeline-item {\n    display: flex;\n    margin: 2rem 0;\n    animation: timelineSlide 0.8s ease-out both;\n    align-items: flex-start;\n  }\n  \n  .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n  .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n  .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n  .timeline-item:nth-child(4) { animation-delay: 0.4s; }\n  .timeline-item:nth-child(5) { animation-delay: 0.5s; }\n  \n  .timeline-marker {\n    width: 80px;\n    height: 80px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-weight: bold;\n    margin-left: 2rem;\n    flex-shrink: 0;\n    animation: vitaminGlow 2s ease-in-out infinite;\n    font-size: 0.8rem;\n    text-align: center;\n    line-height: 1.2;\n  }\n  \n  .timeline-content {\n    background: white;\n    padding: 1.5rem;\n    border-radius: 15px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    margin-right: 1rem;\n    flex-grow: 1;\n    border-right: 4px solid #9C8102;\n  }\n  \n  .timeline-content h4 {\n    color: #9C8102;\n    margin-bottom: 0.5rem;\n    font-size: 1.2rem;\n    font-weight: 600;\n  }\n  \n  .value-section {\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    padding: 3rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    text-align: center;\n  }\n  \n  .value-cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 2rem;\n    margin-top: 2rem;\n  }\n  \n  .value-card {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    border-top: 4px solid #9C8102;\n    animation: cardSlide 0.6s ease-out both;\n  }\n  \n  .value-number {\n    font-size: 2rem;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 0.5rem;\n  }\n  \n  .usage-section {\n    background: white;\n    border-radius: 20px;\n    padding: 3rem 2rem;\n    margin: 3rem 0;\n    border: 2px solid #9C8102;\n  }\n  \n  .usage-steps {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 2rem;\n    margin-top: 2rem;\n  }\n  \n  .usage-step {\n    text-align: center;\n    padding: 1.5rem;\n    border-radius: 12px;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    animation: cardSlide 0.6s ease-out both;\n    transition: all 0.3s ease;\n  }\n  \n  .usage-step:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 25px rgba(156, 129, 2, 0.1);\n  }\n  \n  .step-number {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    font-size: 1.1rem;\n  }\n  \n  .warning-section {\n    background: linear-gradient(135deg, #fff9f0 0%, #ffffff 100%);\n    border: 2px solid #9C8102;\n    border-radius: 15px;\n    padding: 2rem;\n    margin: 3rem 0;\n    text-align: center;\n  }\n  \n  .warning-icon {\n    font-size: 2rem;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  \n  .cta-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .cta-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .cta-title {\n    font-size: 2.2rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: slideUp 0.8s ease-out both;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .cta-text {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    margin-bottom: 2rem;\n    max-width: 600px;\n    margin-left: auto;\n    margin-right: auto;\n    animation: slideUp 0.8s ease-out 0.2s both;\n    position: relative;\n    z-index: 2;\n    line-height: 1.7;\n  }\n  \n  .floating-vitamins {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n    overflow: hidden;\n  }\n  \n  .vitamin-particle {\n    position: absolute;\n    width: 6px;\n    height: 6px;\n    background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n    border-radius: 50%;\n    opacity: 0.7;\n    animation: floatVitamin 10s linear infinite;\n  }\n  \n  .vitamin-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n  .vitamin-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n  .vitamin-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n  .vitamin-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n  .vitamin-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n  \n  @keyframes heroSlide {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  \n  @keyframes heroFade {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 0.9; transform: translateY(0); }\n  }\n  \n  @keyframes slideUp {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  \n  @keyframes cardSlide {\n    0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n    100% { transform: translateY(0) scale(1); opacity: 1; }\n  }\n  \n  @keyframes imageSlide {\n    0% { transform: translateX(-30px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  \n  @keyframes listSlide {\n    0% { transform: translateX(-20px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  \n  @keyframes timelineSlide {\n    0% { transform: translateX(-50px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  \n  @keyframes vitaminGlow {\n    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n    50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n  }\n  \n  @keyframes vitaminFloat {\n    0%, 100% { transform: translateY(0px) translateX(0px); }\n    33% { transform: translateY(-12px) translateX(-6px); }\n    66% { transform: translateY(6px) translateX(4px); }\n  }\n  \n  @keyframes floatVitamin {\n    0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n    10% { opacity: 0.7; transform: scale(1); }\n    90% { opacity: 0.7; }\n    100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n  }\n  \n  @keyframes ctaGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.3; }\n  }\n  \n  @media (max-width: 768px) {\n    .hero-title {\n      font-size: 2rem;\n    }\n    \n    .two-column {\n      grid-template-columns: 1fr;\n      gap: 2rem;\n    }\n    \n    .reverse-mobile {\n      display: flex;\n      flex-direction: column;\n    }\n    \n    .reverse-mobile .content-image {\n      order: -1;\n      margin-bottom: 1rem;\n    }\n    \n    .benefits-grid, .ingredient-cards, .comparison-grid, .value-cards, .usage-steps {\n      grid-template-columns: 1fr;\n    }\n    \n    .timeline-item {\n      flex-direction: column;\n      text-align: center;\n    }\n    \n    .timeline-marker {\n      order: -1;\n      margin: 0 auto 1rem auto;\n    }\n    \n    .timeline-content {\n      margin: 0;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"bobana-vitc-container\"\u003e\n\u003c!-- Floating Vitamin Particles --\u003e\n\u003cdiv class=\"floating-vitamins\"\u003e\n\u003cdiv class=\"vitamin-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"vitamin-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"vitamin-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"vitamin-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"vitamin-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eSchiarimento avanzato e illuminante con collagene marino e vitamina C\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eSei stanco di macchie scure e iperpigmentazione che non vogliono sparire? La tua pelle ha bisogno, non solo di schiarimenti superficiali... la tua pelle ha bisogno \u003cstrong\u003eUn trattamento profondo che raggiunge le radici della pigmentazione e le elimina permanentemente\u003c\/strong\u003e. Il Gel BOBANA non è solo un schiarente illuminante... è un sistema completo di ringiovanimento per una luminosità naturale duratura.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"BOBANA Marine Collagen \u0026amp; Vitamin C Gel\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/marinebr-collagen-vitaminbr-c-gel-175471.webp?v=1752503132\"\/\u003e\n\u003ch2 class=\"product-name\"\u003eBOBANA Gel al Collagene Marino e Vitamina C - Il potere della Vitamina C protetta per una luminosità duratura\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n      BOBANA Gel al Collagene Marino e Vitamina C 250 ml. La formula avanzata combina collagene marino puro con vitamina C protetta in microsfere per un schiarimento sicuro e una luminosità naturale sostenuta.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"two-column reverse-mobile\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eMolteplici benefici in un solo prodotto\u003c\/h2\u003e\n\u003cp\u003eNon è solo un normale schiarente... è un sistema completo di ringiovanimento e schiarimento che tratta la pigmentazione dalle radici e protegge la pelle dai danni futuri.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Benefits\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/marinebr-collagen-vitaminbr-c-gel-743469.webp?v=1752503131\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003eL\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eSchiarire le macchie scure\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eFunziona per schiarire le macchie ostinate e le pigmentazioni con efficacia scientificamente provata\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003eU\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eUniformare il tono della pelle\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eVitamina C micronizzata uniforma il tono della pelle e le dona una radiosità omogenea\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003eE\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eMigliorare l'elasticità della pelle\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eIl collagene marino rafforza la pelle e ne ripristina elasticità e vitalità\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003eP\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eProtezione dai danni\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eI potenti antiossidanti proteggono la pelle dai fattori nocivi e dall'inquinamento\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003eH\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eIdratazione profonda\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eFornisce idratazione continua migliorando la texture e la morbidezza della pelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003eA\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eCombatti i segni del progresso\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eStimola la rigenerazione cellulare e riduce l'aspetto di linee sottili e rughe d'espressione d'espressione\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem;\"\u003eIngredienti avanzati attentamente selezionati\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-cards\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eCollagene marino\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eLa solida base per una pelle sana\u003c\/p\u003e\n\u003cul class=\"feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eParticelle fini\u003c\/strong\u003e Penetra negli strati profondi della pelle\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePurezza elevata 99,7%\u003c\/strong\u003e Garantisce i migliori risultati\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStimola la produzione naturale di collagene\u003c\/strong\u003e 73% in più\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMigliora l'elasticità della pelle\u003c\/strong\u003e Riduce i segni del progresso\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eMicrosfere di vitamina C\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eTecnologia di schiarimento avanzata\u003c\/p\u003e\n\u003cul class=\"feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSistema a rilascio lento\u003c\/strong\u003e Garantisce efficacia continua per tutto il giorno\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtezione dall'ossidazione\u003c\/strong\u003e Mantiene il potere della Vitamina C\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSchiarimento efficace delle macchie scure\u003c\/strong\u003e E uniforma il tono della pelle\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePotente antiossidante\u003c\/strong\u003e Contrasta i radicali liberi e i danni\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eNiacinamide (Vitamina B3)\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eIl partner perfetto per la Vitamina C\u003c\/p\u003e\n\u003cul class=\"feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMigliora l'effetto schiarente\u003c\/strong\u003e Accelera i risultati\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRiduce la secrezione di melanina\u003c\/strong\u003e La causa della pigmentazione\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRegola la secrezione di oli\u003c\/strong\u003e Per pelle grassa e mista\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRinforza la barriera idrolipidica\u003c\/strong\u003e Naturale contro l'inquinamento\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eOlio di Jojoba\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eIdratazione intelligente della pelle\u003c\/p\u003e\n\u003cul class=\"feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eIdratazione profonda senza untuosità\u003c\/strong\u003e Ideale per tutti i tipi di pelle\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRegolare le secrezioni naturali\u003c\/strong\u003e Per la pelle\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProprietà antiossidanti\u003c\/strong\u003e Supporta l'effetto della Vitamina C\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAssorbimento rapido\u003c\/strong\u003e Senza lasciare una sensazione appiccicosa\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eOlio di albero del tè\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003ePulizia e lenizione naturale\u003c\/p\u003e\n\u003cul class=\"feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntibatterico naturale\u003c\/strong\u003e Protegge la pelle dalle infezioni\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLenire l'irritazione e il rossore\u003c\/strong\u003e Soprattutto dopo l'esposizione al sole\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDetergente delicato dei pori\u003c\/strong\u003e Senza seccare la pelle\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSupporta il processo di rinnovamento\u003c\/strong\u003e cellule naturali\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Comparison Section --\u003e\n\u003cdiv class=\"comparison-section\"\u003e\n\u003ch2 class=\"section-title\"\u003ePerché la Vitamina C BOBANA è diversa da tutti gli schiarenti per la pelle?\u003c\/h2\u003e\n\u003cdiv class=\"two-column\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003ch3\u003eLa differenza decisiva è nella composizione\u003c\/h3\u003e\n\u003cp\u003eLa maggior parte degli schiarenti per la pelle contiene Vitamina C instabile che perde rapidamente la sua efficacia, ma BOBANA utilizza la tecnologia delle microsfere protette per preservare il potere della Vitamina C.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Advanced Formula\" class=\"content-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/marinebr-collagen-vitaminbr-c-gel-903374.webp?v=1752503131\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-grid\"\u003e\n\u003cdiv class=\"comparison-card negative\"\u003e\n\u003ch4 class=\"comparison-title\"\u003eSchiarenti per pelle normale\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0;\"\u003e\n\u003cli\u003eLa Vitamina C è instabile e perde la sua efficacia\u003c\/li\u003e\n\u003cli\u003eUna concentrazione debole non è sufficiente per ottenere risultati\u003c\/li\u003e\n\u003cli\u003eEffetto superficiale temporaneo\u003c\/li\u003e\n\u003cli\u003eProvoca irritazione e secchezza della pelle\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card positive\"\u003e\n\u003ch4 class=\"comparison-title\"\u003eBOBANA Gel alla Vitamina C\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0;\"\u003e\n\u003cli\u003eLe sfere di vitamina C protette mantengono l'efficacia\u003c\/li\u003e\n\u003cli\u003eConcentrazione equilibrata e sicura che offre risultati senza irritazioni\u003c\/li\u003e\n\u003cli\u003eEffetto profondo e duraturo che migliora con l'uso\u003c\/li\u003e\n\u003cli\u003eIdratazione e luminosità allo stesso tempo\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 2rem;\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eVersatilità\u003c\/h4\u003e\n\u003cdiv class=\"comparison-grid\"\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003ch5 style=\"color: #9C8102;\"\u003eViso\u003c\/h5\u003e\n\u003cp\u003eSchiarimento delle macchie, uniformando il colore e la luminosità naturale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003ch5 style=\"color: #9C8102;\"\u003ecorpo\u003c\/h5\u003e\n\u003cp\u003eTrattare l'iperpigmentazione su ginocchia, gomiti e zone scure\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003ch5 style=\"color: #9C8102;\"\u003emani\u003c\/h5\u003e\n\u003cp\u003eSchiarire macchie dell'età e effetti del sole\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003ch5 style=\"color: #9C8102;\"\u003eCollo\u003c\/h5\u003e\n\u003cp\u003eUniformare il tono della pelle e migliorare la texture\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Section --\u003e\n\u003cdiv class=\"value-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eValore eccezionale e incomparabile\u003c\/h2\u003e\n\u003cdiv class=\"value-cards\"\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-number\"\u003e250 ml\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eTaglia grande\u003c\/h4\u003e\n\u003cp\u003ePiù grande della maggior parte degli schiarenti per la pelle sul mercato\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-number\"\u003e4-5 mesi\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eAbbastanza lungo\u003c\/h4\u003e\n\u003cp\u003ePer uso quotidiano su viso e corpo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-number\"\u003e99.7%\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003ePurezza del collagene\u003c\/h4\u003e\n\u003cp\u003eCollagene marino di alta qualità e purezza\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-number\"\u003eProtetta\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eLa Vitamina C è stabile\u003c\/h4\u003e\n\u003cp\u003eTecnologia a microsfere protetta\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-number\"\u003e4 in 1\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eMolti prodotti\u003c\/h4\u003e\n\u003cp\u003eIlluminante + idratante + antiossidante + anti-età\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Results --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003ePercorso di trasformazione con BOBANA Vitamina C\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eDal primo utilizzo\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eUna sensazione immediata di freschezza e idratazione\u003c\/li\u003e\n\u003cli\u003eTexture morbida e delicata luminosità naturale\u003c\/li\u003e\n\u003cli\u003eAssorbimento rapido senza untuosità o appiccicosità\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003ePrimo utilizzo\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eEntro una settimana\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eUn miglioramento visibile della luminosità della pelle.\u003c\/li\u003e\n\u003cli\u003eInizio dello schiarimento della pigmentazione chiara\u003c\/li\u003e\n\u003cli\u003eMiglioramento della morbidezza e della texture della pelle\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eUna settimana\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eDopo due settimane\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eSchiarimento visibile delle macchie scure\u003c\/li\u003e\n\u003cli\u003eMigliore uniformità del tono della pelle\u003c\/li\u003e\n\u003cli\u003eAumento dell'elasticità e della freschezza della pelle\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eDue settimane\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eDopo un mese\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eMiglioramento significativo del tono e della luminosità della pelle\u003c\/li\u003e\n\u003cli\u003eUna chiara riduzione della pigmentazione e delle macchie\u003c\/li\u003e\n\u003cli\u003ePelle più giovane e vibrante\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eUn mese\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eDopo 3 mesi\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eUna trasformazione completa nella radiosità e nella purezza della pelle\u003c\/li\u003e\n\u003cli\u003eColore uniforme e naturale, privo di pigmentazioni\u003c\/li\u003e\n\u003cli\u003eLa pelle è forte e protetta dai danni futuri\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e3 mesi\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003eModalità d'uso ottimale\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003ePer migliori risultati\u003c\/h3\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003ePreparazione\u003c\/h4\u003e\n\u003cp\u003ePulisci bene la pelle e assicurati che sia asciutta\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eApplicazione\u003c\/h4\u003e\n\u003cp\u003eMassaggia una quantità adeguata con movimenti circolari delicati\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eMassaggio\u003c\/h4\u003e\n\u003cp\u003eContinuare per 1-2 minuti fino a completo assorbimento\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eProtezione\u003c\/h4\u003e\n\u003cp\u003eUsare la crema solare al mattino per proteggere i risultati\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Warning Section --\u003e\n\u003cdiv class=\"warning-section\"\u003e\n\u003cdiv class=\"warning-icon\"\u003e⚠️\u003c\/div\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eConsigli importanti per un uso sicuro\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; text-align: left; max-width: 600px; margin: 0 auto;\"\u003e\n\u003cli style=\"margin: 0.5rem 0; color: #555;\"\u003e\n\u003cstrong\u003eL'uso serale è preferito\u003c\/strong\u003e Per evitare la sensibilità alla vitamina C dal sole\u003c\/li\u003e\n\u003cli style=\"margin: 0.5rem 0; color: #555;\"\u003e\n\u003cstrong\u003eInizia ad usare giorno dopo giorno\u003c\/strong\u003e Poi aumentare gradualmente le ripetizioni\u003c\/li\u003e\n\u003cli style=\"margin: 0.5rem 0; color: #555;\"\u003e\n\u003cstrong\u003eEvitare la zona intorno agli occhi\u003c\/strong\u003e Usa un prodotto specificamente progettato per questo\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Scientific Image --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv style=\"text-align: center; margin: 3rem 0;\"\u003e\n\u003cimg alt=\"Scientific Formula\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-marine-collagen-vitamin-c-gel-179932.png?v=1752503467\" style=\"max-width: 400px; width: 100%; border-radius: 15px; box-shadow: 0 15px 40px rgba(0,0,0,0.1);\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eOra... la decisione di brillare è nelle tue mani\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n      Il Gel alla Vitamina C BOBANA non è solo un schiarente illuminante... è un investimento nella radiosità della tua pelle e nella tua autostima. Ogni goccia è piena di bontà marina e del potere della Vitamina C protetta per risultati sicuri e garantiti.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eBOBANA Gel al Collagene Marino e Vitamina C - Dove il collagene marino incontra il potere della Vitamina C per una luminosità naturale e duratura\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Enhanced hover effects for all cards\n  const cards = document.querySelectorAll('.benefit-card, .ingredient-card, .comparison-card, .value-card, .usage-step');\n  cards.forEach(card =\u003e {\n    card.addEventListener('mouseenter', function() {\n      if (!this.classList.contains('negative')) {\n        this.style.transform = 'translateY(-8px) scale(1.02)';\n        this.style.boxShadow = '0 15px 40px rgba(156, 129, 2, 0.15)';\n      }\n    });\n    \n    card.addEventListener('mouseleave', function() {\n      if (!this.classList.contains('negative')) {\n        this.style.transform = 'translateY(0) scale(1)';\n        this.style.boxShadow = '0 10px 30px rgba(0,0,0,0.08)';\n      }\n    });\n  });\n  \n  \/\/ Enhanced parallax effect for floating vitamin particles\n  let ticking = false;\n  \n  function updateFloatingVitamins() {\n    const scrolled = window.pageYOffset;\n    const particles = document.querySelectorAll('.vitamin-particle');\n    \n    particles.forEach((particle, index) =\u003e {\n      const speed = 0.08 + (index * 0.015);\n      const yPos = -(scrolled * speed);\n      particle.style.transform = `translateY(${yPos}px) scale(${1 + Math.sin(scrolled * 0.002 + index) * 0.15})`;\n    });\n    \n    ticking = false;\n  }\n  \n  function requestTick() {\n    if (!ticking) {\n      requestAnimationFrame(updateFloatingVitamins);\n      ticking = true;\n    }\n  }\n  \n  window.addEventListener('scroll', requestTick);\n  \n  \/\/ Timeline marker animation enhancement\n  const timelineMarkers = document.querySelectorAll('.timeline-marker');\n  timelineMarkers.forEach((marker, index) =\u003e {\n    setTimeout(() =\u003e {\n      marker.style.animation = `vitaminGlow 2s ease-in-out infinite ${index * 0.3}s`;\n    }, index * 200);\n  });\n  \n  \/\/ Dynamic text effects\n  const dynamicTexts = document.querySelectorAll('.hero-title, .cta-title');\n  dynamicTexts.forEach(text =\u003e {\n    text.addEventListener('mouseenter', function() {\n      this.style.textShadow = '0 0 20px rgba(156, 129, 2, 0.3)';\n      this.style.transform = 'scale(1.02)';\n    });\n    \n    text.addEventListener('mouseleave', function() {\n      this.style.textShadow = 'none';\n      this.style.transform = 'scale(1)';\n    });\n  });\n  \n  \/\/ Vitamin C themed interactions\n  const vitaminElements = document.querySelectorAll('.ingredient-card');\n  vitaminElements.forEach((element, index) =\u003e {\n    element.addEventListener('mouseenter', function() {\n      this.style.background = 'rgba(255,255,255,0.2)';\n      this.style.transform = 'translateY(-8px) scale(1.02)';\n      this.style.borderColor = 'rgba(212, 175, 55, 0.3)';\n    });\n    \n    element.addEventListener('mouseleave', function() {\n      this.style.background = 'rgba(255,255,255,0.1)';\n      this.style.transform = 'translateY(0) scale(1)';\n      this.style.borderColor = 'rgba(255,255,255,0.1)';\n    });\n  });\n  \n  \/\/ Benefit icons vitamin glow effect\n  const benefitIcons = document.querySelectorAll('.benefit-icon');\n  benefitIcons.forEach((icon, index) =\u003e {\n    icon.addEventListener('mouseenter', function() {\n      this.style.transform = 'scale(1.15) rotate(10deg)';\n      this.style.boxShadow = '0 0 25px rgba(156, 129, 2, 0.5)';\n    });\n    \n    icon.addEventListener('mouseleave', function() {\n      this.style.transform = 'scale(1) rotate(0deg)';\n      this.style.boxShadow = 'none';\n    });\n  });\n  \n  \/\/ Value numbers animation on scroll\n  const valueNumbers = document.querySelectorAll('.value-number');\n  const observerOptions = {\n    threshold: 0.5,\n    rootMargin: '0px'\n  };\n  \n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.style.animation = 'vitaminGlow 1.5s ease-out';\n      }\n    });\n  }, observerOptions);\n  \n  valueNumbers.forEach(number =\u003e {\n    observer.observe(number);\n  });\n  \n  \/\/ Warning section interaction\n  const warningSection = document.querySelector('.warning-section');\n  if (warningSection) {\n    warningSection.addEventListener('mouseenter', function() {\n      this.style.borderColor = '#D4AF37';\n      this.style.boxShadow = '0 10px 30px rgba(156, 129, 2, 0.15)';\n    });\n    \n    warningSection.addEventListener('mouseleave', function() {\n      this.style.borderColor = '#9C8102';\n      this.style.boxShadow = 'none';\n    });\n  }\n  \n  \/\/ Usage steps enhancement\n  const usageSteps = document.querySelectorAll('.usage-step');\n  usageSteps.forEach((step, index) =\u003e {\n    step.addEventListener('mouseenter', function() {\n      this.style.background = 'linear-gradient(135deg, #f0f0f0 0%, #ffffff 100%)';\n      this.style.transform = 'translateY(-8px) scale(1.02)';\n    });\n    \n    step.addEventListener('mouseleave', function() {\n      this.style.background = 'linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%)';\n      this.style.transform = 'translateY(0) scale(1)';\n    });\n  });\n});\n\u003c\/script\u003e","brand":"Bobana","offers":[{"title":"Default Title","offer_id":44901591646405,"sku":null,"price":180.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-marine-collagen-vitamin-c-gel-179932_0ceef05c-156b-42e8-a3fa-846797da86a2.webp?v=1752503975"},{"product_id":"bobana-marine-collagen-retinol-gel","title":"Bobana Marine Collagen \u0026 Retinol Gel","description":"\u003cstyle\u003e\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n  \n  .bobana-retinol-container {\n    font-family: Arial, sans-serif;\n    line-height: 1.6;\n    color: #333;\n    background: #ffffff;\n    overflow: hidden;\n  }\n  \n  .hero-section {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 3rem 1.5rem;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .hero-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.15) 0%, transparent 60%);\n    animation: heroGlow 6s ease-in-out infinite alternate;\n  }\n  \n  .hero-title {\n    font-size: 2.4rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    color: #9C8102;\n    position: relative;\n    z-index: 2;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: slideInFade 1s ease-out 0.2s forwards;\n  }\n  \n  .hero-subtitle {\n    font-size: 1.3rem;\n    margin-bottom: 1.5rem;\n    color: #9C8102;\n    font-weight: 600;\n    position: relative;\n    z-index: 2;\n    opacity: 0;\n    animation: slideInFade 1s ease-out 0.4s forwards;\n  }\n  \n  .hero-description {\n    font-size: 1rem;\n    opacity: 0.9;\n    max-width: 750px;\n    margin: 0 auto;\n    line-height: 1.7;\n    position: relative;\n    z-index: 2;\n    opacity: 0;\n    animation: slideInFade 1s ease-out 0.6s forwards;\n  }\n  \n  .product-showcase {\n    padding: 2rem 1.5rem;\n    text-align: center;\n    background: #fafafa;\n  }\n  \n  .product-image {\n    max-width: 280px;\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    margin: 0 auto 1.5rem;\n    display: block;\n    box-shadow: 0 15px 40px rgba(156, 129, 2, 0.2);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    opacity: 0;\n    transform: scale(0.9);\n    animation: imageZoom 1s ease-out 0.8s forwards;\n  }\n  \n  .product-image:hover {\n    transform: scale(1.05);\n    box-shadow: 0 25px 60px rgba(156, 129, 2, 0.3);\n  }\n  \n  .intro-text {\n    max-width: 800px;\n    margin: 0 auto;\n    font-size: 1rem;\n    line-height: 1.7;\n    color: #555;\n    opacity: 0;\n    animation: slideInFade 1s ease-out 1s forwards;\n  }\n  \n  .section {\n    padding: 3rem 1.5rem;\n    margin: 1rem 0;\n  }\n  \n  .section-title {\n    font-size: 2rem;\n    font-weight: 700;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2.5rem;\n    position: relative;\n    opacity: 0;\n    animation: titleSlide 0.8s ease-out 0.2s forwards;\n  }\n  \n  .section-title::after {\n    content: '';\n    position: absolute;\n    bottom: -10px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 60px;\n    height: 3px;\n    background: linear-gradient(90deg, #9C8102, #b8941a);\n    border-radius: 2px;\n    animation: lineExpand 0.8s ease-out 0.8s forwards;\n    transform: translateX(-50%) scaleX(0);\n  }\n  \n  .benefits-container {\n    background: white;\n    padding: 3rem 1.5rem;\n  }\n  \n  .benefits-layout {\n    display: grid;\n    grid-template-columns: 1fr 300px;\n    gap: 3rem;\n    align-items: start;\n    margin-top: 2rem;\n  }\n  \n  .benefits-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 1.5rem;\n  }\n  \n  .benefit-item {\n    background: #f8f9fa;\n    border-radius: 12px;\n    padding: 1.5rem;\n    border-left: 4px solid #9C8102;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    opacity: 0;\n    transform: translateX(-30px);\n    animation: slideInRight 0.6s ease-out forwards;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .benefit-item:nth-child(1) { animation-delay: 0.1s; }\n  .benefit-item:nth-child(2) { animation-delay: 0.2s; }\n  .benefit-item:nth-child(3) { animation-delay: 0.3s; }\n  .benefit-item:nth-child(4) { animation-delay: 0.4s; }\n  .benefit-item:nth-child(5) { animation-delay: 0.5s; }\n  .benefit-item:nth-child(6) { animation-delay: 0.6s; }\n  \n  .benefit-item::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n    transition: left 0.6s ease;\n  }\n  \n  .benefit-item:hover::before {\n    left: 100%;\n  }\n  \n  .benefit-item:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 10px 30px rgba(156, 129, 2, 0.15);\n    background: white;\n  }\n  \n  .benefit-title {\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 0.5rem;\n    display: flex;\n    align-items: center;\n  }\n  \n  .benefit-icon {\n    width: 8px;\n    height: 8px;\n    background: #9C8102;\n    border-radius: 50%;\n    margin-right: 10px;\n    transition: transform 0.3s ease;\n  }\n  \n  .benefit-item:hover .benefit-icon {\n    transform: scale(1.5);\n  }\n  \n  .benefit-description {\n    color: #666;\n    font-size: 0.95rem;\n    line-height: 1.6;\n  }\n  \n  .benefits-image {\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    transition: transform 0.4s ease;\n    opacity: 0;\n    animation: slideInLeft 1s ease-out 0.4s forwards;\n  }\n  \n  .benefits-image:hover {\n    transform: scale(1.03) rotate(1deg);\n  }\n  \n  .ingredients-section {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 3rem 1.5rem;\n    position: relative;\n  }\n  \n  .ingredients-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ingredientsGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .ingredients-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 2rem;\n    margin-top: 2rem;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .ingredient-card {\n    background: rgba(255,255,255,0.08);\n    border-radius: 15px;\n    padding: 2rem;\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.1);\n    transition: all 0.4s ease;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: cardRise 0.8s ease-out forwards;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .ingredient-card:nth-child(1) { animation-delay: 0.1s; }\n  .ingredient-card:nth-child(2) { animation-delay: 0.2s; }\n  .ingredient-card:nth-child(3) { animation-delay: 0.3s; }\n  .ingredient-card:nth-child(4) { animation-delay: 0.4s; }\n  .ingredient-card:nth-child(5) { animation-delay: 0.5s; }\n  .ingredient-card:nth-child(6) { animation-delay: 0.6s; }\n  \n  .ingredient-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #9C8102, #b8941a);\n    transform: scaleX(0);\n    transition: transform 0.4s ease;\n  }\n  \n  .ingredient-card:hover::before {\n    transform: scaleX(1);\n  }\n  \n  .ingredient-card:hover {\n    background: rgba(255,255,255,0.15);\n    transform: translateY(-5px);\n    border-color: rgba(156, 129, 2, 0.3);\n  }\n  \n  .ingredient-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 0.5rem;\n  }\n  \n  .ingredient-subtitle {\n    font-size: 0.9rem;\n    color: #ccc;\n    margin-bottom: 1.5rem;\n    font-weight: 500;\n  }\n  \n  .ingredient-list {\n    list-style: none;\n    padding: 0;\n  }\n  \n  .ingredient-list li {\n    padding: 0.7rem 0;\n    border-bottom: 1px solid rgba(255,255,255,0.1);\n    position: relative;\n    padding-left: 1.5rem;\n    color: #e0e0e0;\n    transition: all 0.3s ease;\n  }\n  \n  .ingredient-list li:hover {\n    color: #9C8102;\n    padding-left: 2rem;\n  }\n  \n  .ingredient-list li::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 6px;\n    height: 6px;\n    background: #9C8102;\n    border-radius: 50%;\n    transition: all 0.3s ease;\n  }\n  \n  .ingredient-list li:hover::before {\n    transform: translateY(-50%) scale(1.5);\n    box-shadow: 0 0 10px rgba(156, 129, 2, 0.5);\n  }\n  \n  .comparison-section {\n    background: #f8f9fa;\n    padding: 3rem 1.5rem;\n  }\n  \n  .comparison-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 2rem;\n    margin-top: 2rem;\n  }\n  \n  .comparison-card {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    transition: all 0.4s ease;\n    opacity: 0;\n    animation: cardSlide 0.8s ease-out forwards;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .comparison-card.negative {\n    border-top: 4px solid #dc3545;\n    animation-delay: 0.1s;\n  }\n  \n  .comparison-card.positive {\n    border-top: 4px solid #9C8102;\n    animation-delay: 0.3s;\n    transform: scale(1.02);\n  }\n  \n  .comparison-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n    transition: left 0.8s ease;\n  }\n  \n  .comparison-card:hover::before {\n    left: 100%;\n  }\n  \n  .comparison-card:hover {\n    transform: translateY(-5px) scale(1.01);\n    box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n  }\n  \n  .comparison-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    margin-bottom: 1.5rem;\n    color: #9C8102;\n  }\n  \n  .comparison-card.negative .comparison-title {\n    color: #dc3545;\n  }\n  \n  .comparison-item {\n    padding: 0.8rem 0;\n    border-bottom: 1px solid #eee;\n    color: #555;\n    position: relative;\n    padding-left: 2rem;\n  }\n  \n  .comparison-item::before {\n    content: '✗';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    color: #dc3545;\n    font-weight: bold;\n  }\n  \n  .comparison-card.positive .comparison-item::before {\n    content: '✓';\n    color: #9C8102;\n  }\n  \n  .value-section {\n    background: white;\n    padding: 3rem 1.5rem;\n    text-align: center;\n  }\n  \n  .value-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 1.5rem;\n    margin-top: 2rem;\n  }\n  \n  .value-card {\n    background: #f8f9fa;\n    border-radius: 12px;\n    padding: 2rem 1.5rem;\n    border-top: 4px solid #9C8102;\n    transition: all 0.4s ease;\n    opacity: 0;\n    transform: scale(0.9);\n    animation: valueZoom 0.6s ease-out forwards;\n  }\n  \n  .value-card:nth-child(1) { animation-delay: 0.1s; }\n  .value-card:nth-child(2) { animation-delay: 0.2s; }\n  .value-card:nth-child(3) { animation-delay: 0.3s; }\n  .value-card:nth-child(4) { animation-delay: 0.4s; }\n  .value-card:nth-child(5) { animation-delay: 0.5s; }\n  \n  .value-card:hover {\n    transform: translateY(-8px) scale(1.02);\n    background: white;\n    box-shadow: 0 15px 40px rgba(156, 129, 2, 0.15);\n  }\n  \n  .value-number {\n    font-size: 1.8rem;\n    font-weight: bold;\n    color: #9C8102;\n    margin-bottom: 0.5rem;\n    transition: transform 0.3s ease;\n  }\n  \n  .value-card:hover .value-number {\n    transform: scale(1.1);\n  }\n  \n  .value-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 0.5rem;\n  }\n  \n  .value-description {\n    font-size: 0.9rem;\n    color: #666;\n    line-height: 1.5;\n  }\n  \n  .timeline-section {\n    background: #f8f9fa;\n    padding: 3rem 1.5rem;\n  }\n  \n  .timeline-container {\n    max-width: 800px;\n    margin: 0 auto;\n    margin-top: 2rem;\n  }\n  \n  .timeline-item {\n    display: flex;\n    margin: 2rem 0;\n    align-items: flex-start;\n    opacity: 0;\n    animation: timelineSlide 0.8s ease-out forwards;\n  }\n  \n  .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n  .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n  .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n  .timeline-item:nth-child(4) { animation-delay: 0.4s; }\n  .timeline-item:nth-child(5) { animation-delay: 0.5s; }\n  \n  .timeline-marker {\n    width: 80px;\n    height: 80px;\n    background: linear-gradient(135deg, #9C8102, #b8941a);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-weight: bold;\n    margin-left: 2rem;\n    flex-shrink: 0;\n    font-size: 0.8rem;\n    text-align: center;\n    line-height: 1.2;\n    transition: all 0.4s ease;\n    position: relative;\n  }\n  \n  .timeline-marker::after {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    border: 2px solid #9C8102;\n    border-radius: 50%;\n    opacity: 0;\n    transform: scale(1.2);\n    transition: all 0.4s ease;\n  }\n  \n  .timeline-item:hover .timeline-marker::after {\n    opacity: 0.3;\n    transform: scale(1.4);\n  }\n  \n  .timeline-item:hover .timeline-marker {\n    transform: scale(1.1);\n  }\n  \n  .timeline-content {\n    background: white;\n    padding: 2rem;\n    border-radius: 15px;\n    margin-right: 1rem;\n    flex-grow: 1;\n    border-left: 4px solid #9C8102;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.08);\n    transition: all 0.4s ease;\n  }\n  \n  .timeline-content:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 15px 40px rgba(156, 129, 2, 0.15);\n  }\n  \n  .timeline-title {\n    color: #9C8102;\n    margin-bottom: 1rem;\n    font-size: 1.2rem;\n    font-weight: 600;\n  }\n  \n  .timeline-list {\n    list-style: none;\n    padding: 0;\n  }\n  \n  .timeline-list li {\n    padding: 0.5rem 0;\n    color: #555;\n    position: relative;\n    padding-left: 1.5rem;\n    transition: all 0.3s ease;\n  }\n  \n  .timeline-list li:hover {\n    color: #9C8102;\n    padding-left: 2rem;\n  }\n  \n  .timeline-list li::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 6px;\n    height: 6px;\n    background: #9C8102;\n    border-radius: 50%;\n    transition: all 0.3s ease;\n  }\n  \n  .timeline-list li:hover::before {\n    transform: translateY(-50%) scale(1.5);\n  }\n  \n  .usage-section {\n    background: white;\n    padding: 3rem 1.5rem;\n    border: 2px solid #9C8102;\n    margin: 2rem 1.5rem;\n    border-radius: 15px;\n  }\n  \n  .usage-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 1.5rem;\n    margin-top: 2rem;\n  }\n  \n  .usage-step {\n    background: #f8f9fa;\n    border-radius: 12px;\n    padding: 1.5rem;\n    text-align: center;\n    transition: all 0.4s ease;\n    opacity: 0;\n    transform: translateY(20px);\n    animation: stepRise 0.6s ease-out forwards;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .usage-step:nth-child(1) { animation-delay: 0.1s; }\n  .usage-step:nth-child(2) { animation-delay: 0.2s; }\n  .usage-step:nth-child(3) { animation-delay: 0.3s; }\n  .usage-step:nth-child(4) { animation-delay: 0.4s; }\n  \n  .usage-step::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.1), transparent);\n    transition: left 0.6s ease;\n  }\n  \n  .usage-step:hover::before {\n    left: 100%;\n  }\n  \n  .usage-step:hover {\n    transform: translateY(-5px);\n    background: white;\n    box-shadow: 0 10px 30px rgba(156, 129, 2, 0.15);\n  }\n  \n  .step-number {\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(135deg, #9C8102, #b8941a);\n    color: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: bold;\n    margin: 0 auto 1rem;\n    font-size: 1.1rem;\n    transition: transform 0.3s ease;\n  }\n  \n  .usage-step:hover .step-number {\n    transform: rotateY(360deg);\n  }\n  \n  .step-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 0.5rem;\n  }\n  \n  .step-description {\n    font-size: 0.9rem;\n    color: #666;\n    line-height: 1.5;\n  }\n  \n  .warning-section {\n    background: linear-gradient(135deg, #fff9f0 0%, #ffffff 100%);\n    border: 2px solid #9C8102;\n    border-radius: 15px;\n    padding: 2rem 1.5rem;\n    margin: 2rem 1.5rem;\n    text-align: center;\n  }\n  \n  .warning-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1.5rem;\n  }\n  \n  .warning-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 1.5rem;\n    margin-top: 1.5rem;\n    text-align: left;\n  }\n  \n  .warning-item {\n    padding: 1rem;\n    background: white;\n    border-radius: 8px;\n    border-left: 4px solid #9C8102;\n    transition: all 0.3s ease;\n  }\n  \n  .warning-item:hover {\n    transform: translateX(5px);\n    box-shadow: 0 5px 15px rgba(156, 129, 2, 0.1);\n  }\n  \n  .suitability-section {\n    background: #f8f9fa;\n    padding: 3rem 1.5rem;\n  }\n  \n  .suitability-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 2rem;\n    margin-top: 2rem;\n  }\n  \n  .suitability-card {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    opacity: 0;\n    animation: cardSlide 0.8s ease-out forwards;\n  }\n  \n  .suitability-card.suitable {\n    border-top: 4px solid #9C8102;\n    animation-delay: 0.1s;\n  }\n  \n  .suitability-card.not-suitable {\n    border-top: 4px solid #dc3545;\n    animation-delay: 0.3s;\n  }\n  \n  .suitability-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    margin-bottom: 1.5rem;\n    color: #9C8102;\n  }\n  \n  .suitability-card.not-suitable .suitability-title {\n    color: #dc3545;\n  }\n  \n  .cta-section {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 4rem 1.5rem;\n    text-align: center;\n    position: relative;\n  }\n  \n  .cta-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 50% 50%, rgba(156, 129, 2, 0.15) 0%, transparent 60%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .cta-title {\n    font-size: 2rem;\n    font-weight: 700;\n    margin-bottom: 1.5rem;\n    color: #9C8102;\n    position: relative;\n    z-index: 2;\n    opacity: 0;\n    animation: slideInFade 1s ease-out 0.2s forwards;\n  }\n  \n  .cta-text {\n    font-size: 1rem;\n    opacity: 0.9;\n    max-width: 700px;\n    margin: 0 auto 1rem;\n    line-height: 1.7;\n    position: relative;\n    z-index: 2;\n    opacity: 0;\n    animation: slideInFade 1s ease-out 0.4s forwards;\n  }\n  \n  .ingredients-list-section {\n    background: white;\n    padding: 2rem 1.5rem;\n    border-top: 1px solid #eee;\n  }\n  \n  .ingredients-list-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n    text-align: center;\n  }\n  \n  .ingredients-list {\n    text-align: center;\n    font-size: 0.9rem;\n    color: #666;\n    line-height: 1.6;\n    max-width: 800px;\n    margin: 0 auto;\n  }\n  \n  @keyframes slideInFade {\n    0% { opacity: 0; transform: translateY(30px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes imageZoom {\n    0% { opacity: 0; transform: scale(0.9); }\n    100% { opacity: 1; transform: scale(1); }\n  }\n  \n  @keyframes titleSlide {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes lineExpand {\n    0% { transform: translateX(-50%) scaleX(0); }\n    100% { transform: translateX(-50%) scaleX(1); }\n  }\n  \n  @keyframes slideInRight {\n    0% { opacity: 0; transform: translateX(-30px); }\n    100% { opacity: 1; transform: translateX(0); }\n  }\n  \n  @keyframes slideInLeft {\n    0% { opacity: 0; transform: translateX(30px); }\n    100% { opacity: 1; transform: translateX(0); }\n  }\n  \n  @keyframes cardRise {\n    0% { opacity: 0; transform: translateY(30px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes cardSlide {\n    0% { opacity: 0; transform: translateX(-20px); }\n    100% { opacity: 1; transform: translateX(0); }\n  }\n  \n  @keyframes valueZoom {\n    0% { opacity: 0; transform: scale(0.9); }\n    100% { opacity: 1; transform: scale(1); }\n  }\n  \n  @keyframes timelineSlide {\n    0% { opacity: 0; transform: translateX(-40px); }\n    100% { opacity: 1; transform: translateX(0); }\n  }\n  \n  @keyframes stepRise {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes heroGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.2; }\n  }\n  \n  @keyframes ingredientsGlow {\n    0% { opacity: 0.05; }\n    100% { opacity: 0.15; }\n  }\n  \n  @keyframes ctaGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.2; }\n  }\n  \n  @media (max-width: 768px) {\n    .hero-title {\n      font-size: 1.8rem;\n    }\n    \n    .benefits-layout {\n      grid-template-columns: 1fr;\n      gap: 2rem;\n    }\n    \n    .benefits-image {\n      order: -1;\n      max-width: 250px;\n      margin: 0 auto;\n    }\n    \n    .comparison-grid,\n    .suitability-grid {\n      grid-template-columns: 1fr;\n    }\n    \n    .timeline-container {\n      padding: 0 1rem;\n    }\n    \n    .timeline-item {\n      flex-direction: column;\n      text-align: center;\n      align-items: center;\n      margin: 2rem auto;\n      max-width: 400px;\n    }\n    \n    .timeline-marker {\n      order: -1;\n      margin: 0 auto 1.5rem auto;\n    }\n    \n    .timeline-content {\n      margin: 0;\n      width: 100%;\n      max-width: 350px;\n      margin: 0 auto;\n    }\n    \n    .ingredients-grid,\n    .value-grid,\n    .usage-grid,\n    .warning-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"bobana-retinol-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eGel Bobana Collagene Marino \u0026amp; Retinolo\u003c\/h1\u003e\n\u003ch2 class=\"hero-subtitle\"\u003eIl combattente di rughe più potente con collagene marino e retinolo\u003c\/h2\u003e\n\u003cp class=\"hero-description\"\u003e\n      Hai iniziato a notare dei segni di invecchiamento sulla tua pelle? Piccole rughe intorno agli occhi, rughe che hanno cominciato a profondarsi, pelle che è diventata meno elastica di prima... \u003cstrong\u003eNon sono segni naturali che devi accettare, sono sfide che puoi affrontare con la scienza e la tecnologia avanzata\u003c\/strong\u003e.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"Gel Bobana Collagene Marino \u0026amp; Retinolo\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana_marine_collagen_retinol_gel.png?v=1752504892\"\/\u003e\n\u003cp class=\"intro-text\"\u003e\n\u003cstrong\u003eGel Bobana con retinolo non è solo un idratante... è un'arma potente contro il tempo e i segni dell'invecchiamento\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-container\"\u003e\n\u003ch2 class=\"section-title\"\u003eBenefici potenti per una pelle più forte\u003c\/h2\u003e\n\u003cdiv class=\"benefits-layout\"\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e\n            Rassoda la pelle cadente\n          \u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eIl collagene marino ricostruisce la struttura della pelle e la rassoda dagli strati più profondi\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e\n            Ridurre linee e rughe\n          \u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eIl retinolo stimola la rigenerazione cellulare e riduce la profondità delle rughe esistenti\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e\n            Stimolare la rigenerazione cellulare\n          \u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eAccelera il naturale processo di rigenerazione della pelle fino al 300%\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e\n            Migliorare la texture della pelle\n          \u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eTratta ruvidità e irregolarità e dona estrema levigatezza\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e\n            Combatti i segni del progresso\n          \u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003ePreviene la formazione di nuove rughe e linee sottili e protegge dai danni futuri\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e\n            Ripristina la luminosità\n          \u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eRimuove gli strati di pelle morta e rivela una pelle più luminosa e radiosa\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Benefits\" class=\"benefits-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-marine-collagen-retinol-gel-332110.webp?v=1752504686\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eIngredienti potenti per risultati eccezionali\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eCollagene marino\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eLa solida base per una pelle giovane\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRicostruisce la struttura della pelle\u003c\/strong\u003e Dagli strati profondi\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStimola la produzione naturale di collagene\u003c\/strong\u003e dell'85%\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRassoda la pelle\u003c\/strong\u003e Riduce chiaramente il rilassamento\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eParticelle fini\u003c\/strong\u003e Penetra efficacemente in profondità nella pelle\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eMicrosfere di retinolo\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eGli ingredienti anti-progresso più potenti\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSistema a rilascio graduale\u003c\/strong\u003e Riduce l'irritazione e aumenta l'efficacia\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStimola la rigenerazione cellulare\u003c\/strong\u003e Raddoppia la potenza\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRiduce la profondità delle rughe\u003c\/strong\u003e Gli esistenti sono vietati essere nuovi\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtetta dall'ossidazione\u003c\/strong\u003e Mantiene il potere del retinolo\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eAcido retinoico\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eForma attiva di vitamina A\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eEsfoliazione delicata e continua\u003c\/strong\u003e Rimuove le cellule morte della pelle\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStimolare i processi di riforma\u003c\/strong\u003e Naturale per la pelle\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMiglioramento del tasso di rinnovamento cellulare\u003c\/strong\u003e Da 28 giorni a 14 giorni\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRidurre la dimensione dei pori\u003c\/strong\u003e Migliorare la struttura della pelle\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eNiacinamide (Vitamina B3)\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eIl partner perfetto per il retinolo\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRiduce l'irritazione\u003c\/strong\u003e Probabilmente da retinolo\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMigliora la barriera idrolipidica\u003c\/strong\u003e Aumenta la sua resistenza\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRegola la secrezione di oli\u003c\/strong\u003e Riduce la lucidità\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMigliora l'effetto del retinolo\u003c\/strong\u003e Accelera i risultati\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eOlio di Jojoba\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eIdratazione equilibrata\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eLenisce l'irritazione\u003c\/strong\u003e Probabilmente da retinolo\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIdratazione profonda\u003c\/strong\u003e Senza ostruire i pori\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSupporta il processo di guarigione\u003c\/strong\u003e E rinnovamento\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAssorbimento rapido\u003c\/strong\u003e Senza unto\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eOlio di albero del tè\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eProtezione e purificazione\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntibatterico\u003c\/strong\u003e Protegge la pelle rinnovata\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSedativo naturale\u003c\/strong\u003e Per infiammazione e irritazione\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePulisce i pori\u003c\/strong\u003e Profondo senza seccare\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSupporta il processo di guarigione\u003c\/strong\u003e Naturale\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Comparison Section --\u003e\n\u003cdiv class=\"comparison-section\"\u003e\n\u003ch2 class=\"section-title\"\u003ePerché il Retinolo Bobana è il più potente nella lotta contro l'invecchiamento?\u003c\/h2\u003e\n\u003cdiv class=\"comparison-grid\"\u003e\n\u003cdiv class=\"comparison-card negative\"\u003e\n\u003ch3 class=\"comparison-title\"\u003eProdotti al retinolo normali\u003c\/h3\u003e\n\u003cdiv class=\"comparison-item\"\u003e\n\u003cstrong\u003eIl retinolo è instabile\u003c\/strong\u003e Perde rapidamente la sua efficacia\u003c\/div\u003e\n\u003cdiv class=\"comparison-item\"\u003e\n\u003cstrong\u003eIrritazione grave\u003c\/strong\u003e Soprattutto all'inizio\u003c\/div\u003e\n\u003cdiv class=\"comparison-item\"\u003e\n\u003cstrong\u003eFocalizzazione fissa\u003c\/strong\u003e Non si adatta alle esigenze della pelle\u003c\/div\u003e\n\u003cdiv class=\"comparison-item\"\u003e\n\u003cstrong\u003eSecchezza eccessiva\u003c\/strong\u003e Necessita di idratazione extra\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card positive\"\u003e\n\u003ch3 class=\"comparison-title\"\u003eGel Retinolo Bobana\u003c\/h3\u003e\n\u003cdiv class=\"comparison-item\"\u003e\n\u003cstrong\u003eSfere di retinolo protette\u003c\/strong\u003e Mantiene efficacia e stabilità\u003c\/div\u003e\n\u003cdiv class=\"comparison-item\"\u003e\n\u003cstrong\u003eRilascio graduale\u003c\/strong\u003e Riduce l'irritazione e aumenta la resistenza\u003c\/div\u003e\n\u003cdiv class=\"comparison-item\"\u003e\n\u003cstrong\u003eSupportato con idratanti naturali\u003c\/strong\u003e Per un equilibrio perfetto\u003c\/div\u003e\n\u003cdiv class=\"comparison-item\"\u003e\n\u003cstrong\u003eRisultati più forti\u003c\/strong\u003e Con maggiore comfort per la pelle\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Section --\u003e\n\u003cdiv class=\"value-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eValore anti-progressivo eccezionale\u003c\/h2\u003e\n\u003cdiv class=\"value-grid\"\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-number\"\u003e250 ml\u003c\/div\u003e\n\u003ch4 class=\"value-title\"\u003eTaglia grande\u003c\/h4\u003e\n\u003cp class=\"value-description\"\u003ePiù grande della maggior parte dei prodotti al retinolo sul mercato\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-number\"\u003e4-5 mesi\u003c\/div\u003e\n\u003ch4 class=\"value-title\"\u003eAbbastanza lungo\u003c\/h4\u003e\n\u003cp class=\"value-description\"\u003eDa uso regolare serale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-number\"\u003eRaro\u003c\/div\u003e\n\u003ch4 class=\"value-title\"\u003eComponenti preziosi\u003c\/h4\u003e\n\u003cp class=\"value-description\"\u003eRetinolo stabilizzato e collagene marino sono tra gli ingredienti più costosi\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-number\"\u003eEconomico\u003c\/div\u003e\n\u003ch4 class=\"value-title\"\u003eUso intelligente\u003c\/h4\u003e\n\u003cp class=\"value-description\"\u003ePoche gocce sono sufficienti per una copertura completa\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-number\"\u003e4 in 1\u003c\/div\u003e\n\u003ch4 class=\"value-title\"\u003eMolti prodotti\u003c\/h4\u003e\n\u003cp class=\"value-description\"\u003eAntirughe + rassodante per la pelle + ringiovanimento cellulare + idratante\u003c\/p\u003e\n\u003c\/div\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\"\u003ePercorso di trasformazione con Bobana Retinolo\u003c\/h2\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4 class=\"timeline-title\"\u003ePrima settimana - adattamento\u003c\/h4\u003e\n\u003cul class=\"timeline-list\"\u003e\n\u003cli\u003eAvvio delicato senza eccessiva irritazione\u003c\/li\u003e\n\u003cli\u003eMiglioramento della levigatezza della pelle\u003c\/li\u003e\n\u003cli\u003eL'inizio del processo di rigenerazione cellulare\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1 settimana\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eSettimana 2 - Motivazione\u003c\/h4\u003e\n\u003cul class=\"timeline-list\"\u003e\n\u003cli\u003eAumento della freschezza e della luminosità della pelle\u003c\/li\u003e\n\u003cli\u003eL'inizio di un miglioramento della texture della pelle\u003c\/li\u003e\n\u003cli\u003eLeggera riduzione delle rughe sottili\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eSettimana 2\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4 class=\"timeline-title\"\u003ePrimo mese - risultati visibili\u003c\/h4\u003e\n\u003cul class=\"timeline-list\"\u003e\n\u003cli\u003eMiglioramento evidente nelle linee sottili\u003c\/li\u003e\n\u003cli\u003eRassodamento visibile della pelle e miglioramento dell'elasticità\u003c\/li\u003e\n\u003cli\u003eMiglioramento del tono della pelle\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1 mese\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eIl secondo mese - sviluppo continuo\u003c\/h4\u003e\n\u003cul class=\"timeline-list\"\u003e\n\u003cli\u003eRiduzione significativa della profondità delle rughe\u003c\/li\u003e\n\u003cli\u003ePelle più luminosa e levigata\u003c\/li\u003e\n\u003cli\u003eMiglioramento delle dimensioni dei pori e della texture della pelle\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003e2 mesi\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4 class=\"timeline-title\"\u003eTerzo mese - trasformazione completa\u003c\/h4\u003e\n\u003cul class=\"timeline-list\"\u003e\n\u003cli\u003eRisultati straordinari nel combattere i segni di progressione\u003c\/li\u003e\n\u003cli\u003ePelle soda, forte e ringiovanita\u003c\/li\u003e\n\u003cli\u003eSembrano anni più giovani\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eMese 3\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eUso sicuro ed efficace\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003ePer ottenere i migliori risultati in sicurezza\u003c\/h3\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eAvvio graduale\u003c\/h4\u003e\n\u003cp class=\"step-description\"\u003eUsa ogni giorno per la prima settimana\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\"\u003ePulizia\u003c\/h4\u003e\n\u003cp class=\"step-description\"\u003eLava bene il viso e aspetta 20-30 minuti prima dell'applicazione\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\"\u003eApplicazione\u003c\/h4\u003e\n\u003cp class=\"step-description\"\u003eApplicare una piccola quantità, evitando la zona degli occhi e delle labbra\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\"\u003eSegui\u003c\/h4\u003e\n\u003cp class=\"step-description\"\u003eAumentare gradualmente la frequenza secondo la tolleranza della pelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Warning Section --\u003e\n\u003cdiv class=\"warning-section\"\u003e\n\u003ch3 class=\"warning-title\"\u003eAvvertenze importanti per la sicurezza\u003c\/h3\u003e\n\u003cdiv class=\"warning-grid\"\u003e\n\u003cdiv class=\"warning-item\"\u003e\n\u003cstrong\u003eSolo per uso serale\u003c\/strong\u003e - Il retinolo aumenta la sensibilità della pelle al sole\n      \u003c\/div\u003e\n\u003cdiv class=\"warning-item\"\u003e\n\u003cstrong\u003eL'uso della protezione solare è obbligatorio\u003c\/strong\u003e Al mattino\n      \u003c\/div\u003e\n\u003cdiv class=\"warning-item\"\u003e\n\u003cstrong\u003eEvitare la zona occhi e labbra\u003c\/strong\u003e Completamente\n      \u003c\/div\u003e\n\u003cdiv class=\"warning-item\"\u003e\n\u003cstrong\u003eDestinato a persone di età superiore ai 27 anni\u003c\/strong\u003e - Non adatto per età più giovani\n      \u003c\/div\u003e\n\u003cdiv class=\"warning-item\"\u003e\n\u003cstrong\u003eInterrompere l'uso immediatamente\u003c\/strong\u003e In caso di irritazione grave\n      \u003c\/div\u003e\n\u003cdiv class=\"warning-item\"\u003e\n\u003cstrong\u003eÈ richiesta pazienza\u003c\/strong\u003e - I risultati reali appaiono dopo 4-6 settimane\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Suitability Section --\u003e\n\u003cdiv class=\"suitability-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eA chi è adatto questo prodotto?\u003c\/h2\u003e\n\u003cdiv class=\"suitability-grid\"\u003e\n\u003cdiv class=\"suitability-card suitable\"\u003e\n\u003ch3 class=\"suitability-title\"\u003eAdatto a te se sei\u003c\/h3\u003e\n\u003cdiv class=\"comparison-item\"\u003eVerso la fine dei vent'anni o più\u003c\/div\u003e\n\u003cdiv class=\"comparison-item\"\u003eSoffri di linee sottili o rughe premature\u003c\/div\u003e\n\u003cdiv class=\"comparison-item\"\u003eVuoi rassodare la pelle cadente\u003c\/div\u003e\n\u003cdiv class=\"comparison-item\"\u003eStai cercando un combattente del progresso potente ed efficace\u003c\/div\u003e\n\u003cdiv class=\"comparison-item\"\u003eHai una pelle che può sopportare ingredienti forti\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"suitability-card not-suitable\"\u003e\n\u003ch3 class=\"suitability-title\"\u003eNon adatto se voi\u003c\/h3\u003e\n\u003cdiv class=\"comparison-item\"\u003eMeno di 25 anni - La tua pelle non ha ancora bisogno di questa potenza\u003c\/div\u003e\n\u003cdiv class=\"comparison-item\"\u003eIn gravidanza o durante l'allattamento - Il retinolo non è sicuro durante questi periodi\u003c\/div\u003e\n\u003cdiv class=\"comparison-item\"\u003eSoffri di una grave allergia al retinolo\u003c\/div\u003e\n\u003cdiv class=\"comparison-item\"\u003eUsi altri trattamenti per la pelle potenti\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eOra... la decisione della giovinezza eterna è nelle tue mani\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eIl tempo non aspetterà te... e i segni del progresso non si fermeranno da soli\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n      Il Gel Retinolo Bobana è la tua arma più potente contro il tempo. Ogni goccia è infusa con l'ultima tecnologia anti-età avanzata che la scienza ha sviluppato. Non è solo un prodotto... è un investimento per il futuro della tua pelle.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eNon lasciare che il tempo porti via sempre più della tua bellezza\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"ingredients-list-section\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eElenco completo degli ingredienti\u003c\/h3\u003e\n\u003cp class=\"ingredients-list\"\u003e\n\u003cstrong\u003eMARINE COLLAGEN, RETINOIC ACID, NIACINAMIDE, VITAMIN B3, RETINOL MICROBEADS, CARBOMER, TRIETHANOLAMINE, JOJOBA OIL, TEA TREE OIL\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Enhanced hover effects for all interactive elements\n  const interactiveElements = document.querySelectorAll('.benefit-item, .ingredient-card, .comparison-card, .value-card, .usage-step, .timeline-content');\n  \n  interactiveElements.forEach(element =\u003e {\n    element.addEventListener('mouseenter', function() {\n      this.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n    });\n  });\n\n  \/\/ Smooth parallax effect for background elements\n  let ticking = false;\n  \n  function updateParallax() {\n    const scrolled = window.pageYOffset;\n    const backgrounds = document.querySelectorAll('.hero-section::before, .ingredients-section::before, .cta-section::before');\n    \n    \/\/ Smooth background movement\n    backgrounds.forEach((bg, index) =\u003e {\n      const speed = 0.02 + (index * 0.01);\n      const yPos = -(scrolled * speed);\n      if (bg.style) {\n        bg.style.transform = `translateY(${yPos}px)`;\n      }\n    });\n    \n    ticking = false;\n  }\n  \n  function requestTick() {\n    if (!ticking) {\n      requestAnimationFrame(updateParallax);\n      ticking = true;\n    }\n  }\n  \n  \/\/ Optimized scroll listener\n  let scrollTimeout;\n  window.addEventListener('scroll', function() {\n    if (scrollTimeout) {\n      clearTimeout(scrollTimeout);\n    }\n    scrollTimeout = setTimeout(requestTick, 10);\n  }, { passive: true });\n\n  \/\/ Enhanced timeline marker interactions\n  const timelineMarkers = document.querySelectorAll('.timeline-marker');\n  timelineMarkers.forEach((marker, index) =\u003e {\n    marker.addEventListener('mouseenter', function() {\n      this.style.transform = 'scale(1.1) rotate(5deg)';\n      this.style.boxShadow = '0 0 20px rgba(156, 129, 2, 0.4)';\n    });\n    \n    marker.addEventListener('mouseleave', function() {\n      this.style.transform = 'scale(1) rotate(0deg)';\n      this.style.boxShadow = 'none';\n    });\n  });\n\n  \/\/ Dynamic text glow effects\n  const titles = document.querySelectorAll('.hero-title, .section-title, .cta-title');\n  titles.forEach(title =\u003e {\n    title.addEventListener('mouseenter', function() {\n      this.style.textShadow = '0 0 15px rgba(156, 129, 2, 0.3)';\n      this.style.transform = 'scale(1.02)';\n    });\n    \n    title.addEventListener('mouseleave', function() {\n      this.style.textShadow = 'none';\n      this.style.transform = 'scale(1)';\n    });\n  });\n\n  \/\/ Progressive enhancement for value cards\n  const valueCards = document.querySelectorAll('.value-card');\n  valueCards.forEach((card, index) =\u003e {\n    card.addEventListener('mouseenter', function() {\n      const number = this.querySelector('.value-number');\n      if (number) {\n        number.style.transform = 'scale(1.15) rotate(5deg)';\n        number.style.color = '#b8941a';\n      }\n    });\n    \n    card.addEventListener('mouseleave', function() {\n      const number = this.querySelector('.value-number');\n      if (number) {\n        number.style.transform = 'scale(1) rotate(0deg)';\n        number.style.color = '#9C8102';\n      }\n    });\n  });\n\n  \/\/ Ingredient card enhanced interactions\n  const ingredientCards = document.querySelectorAll('.ingredient-card');\n  ingredientCards.forEach(card =\u003e {\n    card.addEventListener('mouseenter', function() {\n      this.style.background = 'rgba(255,255,255,0.2)';\n      this.style.borderColor = 'rgba(156, 129, 2, 0.4)';\n      \n      const listItems = this.querySelectorAll('.ingredient-list li');\n      listItems.forEach((item, i) =\u003e {\n        setTimeout(() =\u003e {\n          item.style.color = '#f0f0f0';\n          item.style.paddingLeft = '2rem';\n        }, i * 50);\n      });\n    });\n    \n    card.addEventListener('mouseleave', function() {\n      this.style.background = 'rgba(255,255,255,0.08)';\n      this.style.borderColor = 'rgba(255,255,255,0.1)';\n      \n      const listItems = this.querySelectorAll('.ingredient-list li');\n      listItems.forEach(item =\u003e {\n        item.style.color = '#e0e0e0';\n        item.style.paddingLeft = '1.5rem';\n      });\n    });\n  });\n\n  \/\/ Usage steps with ripple effect\n  const usageSteps = document.querySelectorAll('.usage-step');\n  usageSteps.forEach(step =\u003e {\n    step.addEventListener('click', function(e) {\n      const ripple = document.createElement('span');\n      const rect = this.getBoundingClientRect();\n      const size = Math.max(rect.width, rect.height);\n      const x = e.clientX - rect.left - size \/ 2;\n      const y = e.clientY - rect.top - size \/ 2;\n      \n      ripple.style.width = ripple.style.height = size + 'px';\n      ripple.style.left = x + 'px';\n      ripple.style.top = y + 'px';\n      ripple.style.position = 'absolute';\n      ripple.style.borderRadius = '50%';\n      ripple.style.background = 'rgba(156, 129, 2, 0.3)';\n      ripple.style.transform = 'scale(0)';\n      ripple.style.animation = 'ripple 0.6s linear';\n      ripple.style.pointerEvents = 'none';\n      \n      this.appendChild(ripple);\n      \n      setTimeout(() =\u003e {\n        ripple.remove();\n      }, 600);\n    });\n  });\n\n  \/\/ Add ripple animation keyframes\n  const style = document.createElement('style');\n  style.textContent = `\n    @keyframes ripple {\n      to {\n        transform: scale(4);\n        opacity: 0;\n      }\n    }\n  `;\n  document.head.appendChild(style);\n\n  \/\/ Warning section pulse effect\n  const warningSection = document.querySelector('.warning-section');\n  if (warningSection) {\n    warningSection.addEventListener('mouseenter', function() {\n      this.style.borderColor = '#b8941a';\n      this.style.boxShadow = '0 0 20px rgba(156, 129, 2, 0.2)';\n      this.style.transform = 'scale(1.01)';\n    });\n    \n    warningSection.addEventListener('mouseleave', function() {\n      this.style.borderColor = '#9C8102';\n      this.style.boxShadow = 'none';\n      this.style.transform = 'scale(1)';\n    });\n  }\n\n  \/\/ Smooth image loading enhancement\n  const images = document.querySelectorAll('img');\n  images.forEach(img =\u003e {\n    img.addEventListener('load', function() {\n      this.style.opacity = '1';\n      this.style.transform = 'scale(1)';\n    });\n  });\n\n  \/\/ Performance optimization: debounced resize handler\n  let resizeTimeout;\n  window.addEventListener('resize', function() {\n    if (resizeTimeout) {\n      clearTimeout(resizeTimeout);\n    }\n    resizeTimeout = setTimeout(() =\u003e {\n      \/\/ Recalculate any size-dependent animations\n      const cards = document.querySelectorAll('.benefit-item, .ingredient-card, .value-card');\n      cards.forEach(card =\u003e {\n        card.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n      });\n    }, 250);\n  });\n});\n\u003c\/script\u003e","brand":"Bobana","offers":[{"title":"Default Title","offer_id":44901651185861,"sku":null,"price":180.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-marine-collagen-retinol-gel-275274.webp?v=1752504686"},{"product_id":"beauty-of-joseon-ground-rice-honey-glow-mask","title":"Maschera Beauty of Joseon Magic Glow con Riso Macinato e Miele: Purificante, esfoliante e super illuminante.","description":"\u003cstyle\u003e\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n  \n  .joseon-mask-container {\n    line-height: 1.6;\n    color: #333;\n    background: #ffffff;\n    overflow: hidden;\n    direction: ltr;\n    text-align: left;\n  }\n  \n  .hero-section {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 3rem 1.5rem;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .hero-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 50% 60%, rgba(156, 129, 2, 0.15) 0%, transparent 60%);\n    animation: heroGlow 6s ease-in-out infinite alternate;\n  }\n  \n  .hero-title {\n    font-size: 2.4rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    color: #9C8102;\n    position: relative;\n    z-index: 2;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: slideInFade 1s ease-out 0.2s forwards;\n  }\n  \n  .hero-subtitle {\n    font-size: 1.2rem;\n    margin-bottom: 2rem;\n    color: white;\n    font-weight: 400;\n    position: relative;\n    z-index: 2;\n    opacity: 0;\n    animation: slideInFade 1s ease-out 0.4s forwards;\n    max-width: 800px;\n    margin-left: auto;\n    margin-right: auto;\n    line-height: 1.7;\n  }\n  \n  .video-section {\n    padding: 2rem 1.5rem;\n    text-align: center;\n    background: #fafafa;\n  }\n  \n  .product-video {\n    max-width: 600px;\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.2);\n    opacity: 0;\n    transform: scale(0.95);\n    animation: videoZoom 1.2s ease-out 0.5s forwards;\n    transition: all 0.4s ease;\n  }\n  \n  .product-video:hover {\n    transform: scale(1.02);\n    box-shadow: 0 30px 70px rgba(156, 129, 2, 0.3);\n  }\n  \n  .section {\n    padding: 3rem 1.5rem;\n    margin: 1rem 0;\n  }\n  \n  .section-title {\n    font-size: 2rem;\n    font-weight: 700;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2.5rem;\n    position: relative;\n    opacity: 0;\n    animation: titleSlide 0.8s ease-out 0.2s forwards;\n  }\n  \n  .section-title::after {\n    content: '';\n    position: absolute;\n    bottom: -10px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 80px;\n    height: 3px;\n    background: linear-gradient(90deg, #9C8102, #b8941a);\n    border-radius: 2px;\n    animation: lineExpand 0.8s ease-out 0.8s forwards;\n    transform: translateX(-50%) scaleX(0);\n  }\n  \n  .heritage-section {\n    background: white;\n    padding: 3rem 1.5rem;\n  }\n  \n  .heritage-layout {\n    display: grid;\n    grid-template-columns: 1fr 350px;\n    gap: 3rem;\n    align-items: start;\n    margin-top: 2rem;\n  }\n  \n  .heritage-content {\n    opacity: 0;\n    animation: slideInFade 0.8s ease-out 0.3s forwards;\n  }\n  \n  .heritage-text {\n    font-size: 1rem;\n    line-height: 1.7;\n    color: #555;\n    margin-bottom: 2rem;\n  }\n  \n  .heritage-subtitle {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin: 2rem 0 1rem 0;\n  }\n  \n  .heritage-list {\n    list-style: none;\n    padding: 0;\n    margin: 1rem 0;\n  }\n  \n  .heritage-list li {\n    padding: 0.8rem 0;\n    border-bottom: 1px solid #eee;\n    position: relative;\n    padding-right: 1.5rem;\n    color: #555;\n    transition: all 0.3s ease;\n  }\n  \n  .heritage-list li:hover {\n    color: #9C8102;\n    padding-right: 2rem;\n  }\n  \n  .heritage-list li::before {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 8px;\n    height: 8px;\n    background: #9C8102;\n    border-radius: 50%;\n    transition: all 0.3s ease;\n  }\n  \n  .heritage-list li:hover::before {\n    transform: translateY(-50%) scale(1.3);\n  }\n  \n  .heritage-image {\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    transition: transform 0.4s ease;\n    opacity: 0;\n    animation: slideInLeft 1s ease-out 0.4s forwards;\n  }\n  \n  .heritage-image:hover {\n    transform: scale(1.03) rotate(1deg);\n  }\n  \n  .benefits-section {\n    background: #f8f9fa;\n    padding: 3rem 1.5rem;\n  }\n  \n  .benefits-layout {\n    display: grid;\n    grid-template-columns: 350px 1fr;\n    gap: 3rem;\n    align-items: start;\n    margin-top: 2rem;\n  }\n  \n  .benefits-content {\n    opacity: 0;\n    animation: slideInFade 0.8s ease-out 0.3s forwards;\n  }\n  \n  .benefit-item {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    margin: 2rem 0;\n    border-right: 4px solid #9C8102;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    transition: all 0.3s ease;\n    opacity: 0;\n    transform: translateX(30px);\n    animation: slideInRight 0.8s ease-out forwards;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .benefit-item:nth-child(1) { animation-delay: 0.1s; }\n  .benefit-item:nth-child(2) { animation-delay: 0.2s; }\n  .benefit-item:nth-child(3) { animation-delay: 0.3s; }\n  .benefit-item:nth-child(4) { animation-delay: 0.4s; }\n  \n  .benefit-item::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n    transition: left 0.6s ease;\n  }\n  \n  .benefit-item:hover::before {\n    left: 100%;\n  }\n  \n  .benefit-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n  }\n  \n  .benefit-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  \n  .benefit-description {\n    color: #666;\n    line-height: 1.6;\n  }\n  \n  .benefit-list {\n    list-style: none;\n    padding: 0;\n    margin: 1rem 0;\n  }\n  \n  .benefit-list li {\n    padding: 0.5rem 0;\n    position: relative;\n    padding-right: 1.5rem;\n    color: #555;\n    transition: all 0.3s ease;\n  }\n  \n  .benefit-list li:hover {\n    color: #9C8102;\n    padding-right: 2rem;\n  }\n  \n  .benefit-list li::before {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 6px;\n    height: 6px;\n    background: #9C8102;\n    border-radius: 50%;\n    transition: all 0.3s ease;\n  }\n  \n  .benefit-list li:hover::before {\n    transform: translateY(-50%) scale(1.4);\n  }\n  \n  .benefits-image {\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    transition: transform 0.4s ease;\n    opacity: 0;\n    animation: slideInRight 1s ease-out 0.4s forwards;\n  }\n  \n  .benefits-image:hover {\n    transform: scale(1.03) rotate(-1deg);\n  }\n  \n  .ingredients-section {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 3rem 1.5rem;\n    position: relative;\n  }\n  \n  .ingredients-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ingredientsGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .ingredients-layout {\n    display: grid;\n    grid-template-columns: 1fr 320px;\n    gap: 3rem;\n    align-items: start;\n    margin-top: 2rem;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .ingredients-content {\n    opacity: 0;\n    animation: slideInFade 0.8s ease-out 0.3s forwards;\n  }\n  \n  .ingredient-card {\n    background: rgba(255,255,255,0.08);\n    border-radius: 15px;\n    padding: 2rem;\n    margin: 2rem 0;\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.1);\n    transition: all 0.4s ease;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: cardRise 0.8s ease-out forwards;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .ingredient-card:nth-child(1) { animation-delay: 0.1s; }\n  .ingredient-card:nth-child(2) { animation-delay: 0.2s; }\n  .ingredient-card:nth-child(3) { animation-delay: 0.3s; }\n  \n  .ingredient-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, #9C8102, #b8941a);\n    transform: scaleX(0);\n    transition: transform 0.4s ease;\n  }\n  \n  .ingredient-card:hover::before {\n    transform: scaleX(1);\n  }\n  \n  .ingredient-card:hover {\n    background: rgba(255,255,255,0.15);\n    transform: translateY(-5px);\n    border-color: rgba(156, 129, 2, 0.3);\n  }\n  \n  .ingredient-title {\n    font-size: 1.4rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  \n  .ingredient-subtitle {\n    font-size: 1rem;\n    color: #ccc;\n    margin-bottom: 1.5rem;\n    font-weight: 500;\n  }\n  \n  .composition-list {\n    list-style: none;\n    padding: 0;\n    margin: 1rem 0;\n  }\n  \n  .composition-list li {\n    padding: 0.6rem 0;\n    border-bottom: 1px solid rgba(255,255,255,0.1);\n    position: relative;\n    padding-right: 1.5rem;\n    color: #e0e0e0;\n    transition: all 0.3s ease;\n    font-size: 0.95rem;\n  }\n  \n  .composition-list li:hover {\n    color: #9C8102;\n    padding-right: 2rem;\n  }\n  \n  .composition-list li::before {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 6px;\n    height: 6px;\n    background: #9C8102;\n    border-radius: 50%;\n    transition: all 0.3s ease;\n  }\n  \n  .composition-list li:hover::before {\n    transform: translateY(-50%) scale(1.5);\n    box-shadow: 0 0 10px rgba(156, 129, 2, 0.5);\n  }\n  \n  .ingredients-image {\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.3);\n    transition: transform 0.4s ease;\n    opacity: 0;\n    animation: slideInLeft 1s ease-out 0.4s forwards;\n  }\n  \n  .ingredients-image:hover {\n    transform: scale(1.03) rotate(1deg);\n  }\n  \n  .comparison-section {\n    background: white;\n    padding: 3rem 1.5rem;\n  }\n  \n  .comparison-table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 2rem 0;\n    background: white;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    opacity: 0;\n    animation: tableSlide 0.8s ease-out 0.3s forwards;\n  }\n  \n  .comparison-table th {\n    background: linear-gradient(135deg, #9C8102, #b8941a);\n    color: white;\n    padding: 1rem;\n    font-weight: 600;\n    text-align: center;\n  }\n  \n  .comparison-table td {\n    padding: 1rem;\n    border-bottom: 1px solid #eee;\n    text-align: center;\n    transition: all 0.3s ease;\n  }\n  \n  .comparison-table tr:hover td {\n    background: #f8f9fa;\n    color: #9C8102;\n  }\n  \n  .comparison-table td:first-child {\n    background: #f8f9fa;\n    font-weight: 500;\n    color: #666;\n  }\n  \n  .comparison-table td:last-child {\n    background: rgba(156, 129, 2, 0.05);\n    font-weight: 600;\n    color: #9C8102;\n  }\n  \n  .timeline-section {\n    background: #f8f9fa;\n    padding: 3rem 1.5rem;\n  }\n  \n  .timeline-images {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 2rem;\n    margin: 2rem 0;\n  }\n  \n  .timeline-image {\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    transition: transform 0.4s ease;\n    opacity: 0;\n    animation: imageFloat 1s ease-out forwards;\n  }\n  \n  .timeline-image:nth-child(1) { animation-delay: 0.2s; }\n  .timeline-image:nth-child(2) { animation-delay: 0.4s; }\n  \n  .timeline-image:hover {\n    transform: scale(1.03);\n  }\n  \n  .timeline-item {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    margin: 2rem 0;\n    border-right: 4px solid #9C8102;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    transition: all 0.3s ease;\n    opacity: 0;\n    transform: translateX(-30px);\n    animation: slideInRight 0.8s ease-out forwards;\n  }\n  \n  .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n  .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n  .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n  .timeline-item:nth-child(4) { animation-delay: 0.4s; }\n  \n  .timeline-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n  }\n  \n  .timeline-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  \n  .timeline-description {\n    color: #666;\n    line-height: 1.6;\n    margin-bottom: 1rem;\n  }\n  \n  .timeline-stats {\n    list-style: none;\n    padding: 0;\n    margin: 1rem 0;\n  }\n  \n  .timeline-stats li {\n    padding: 0.5rem 0;\n    position: relative;\n    padding-right: 1.5rem;\n    color: #555;\n    font-size: 0.95rem;\n    transition: all 0.3s ease;\n  }\n  \n  .timeline-stats li:hover {\n    color: #9C8102;\n    padding-right: 2rem;\n  }\n  \n  .timeline-stats li::before {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 6px;\n    height: 6px;\n    background: #9C8102;\n    border-radius: 50%;\n    transition: all 0.3s ease;\n  }\n  \n  .timeline-stats li:hover::before {\n    transform: translateY(-50%) scale(1.4);\n  }\n  \n  .usage-section {\n    background: white;\n    padding: 3rem 1.5rem;\n    border: 2px solid #9C8102;\n    margin: 2rem 1.5rem;\n    border-radius: 15px;\n  }\n  \n  .usage-steps {\n    margin-top: 2rem;\n  }\n  \n  .usage-step {\n    background: #f8f9fa;\n    border-radius: 12px;\n    padding: 2rem;\n    margin: 1.5rem 0;\n    border-right: 4px solid #9C8102;\n    transition: all 0.3s ease;\n    opacity: 0;\n    transform: translateY(20px);\n    animation: stepRise 0.6s ease-out forwards;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .usage-step:nth-child(1) { animation-delay: 0.1s; }\n  .usage-step:nth-child(2) { animation-delay: 0.2s; }\n  .usage-step:nth-child(3) { animation-delay: 0.3s; }\n  .usage-step:nth-child(4) { animation-delay: 0.4s; }\n  \n  .usage-step::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.1), transparent);\n    transition: left 0.6s ease;\n  }\n  \n  .usage-step:hover::before {\n    left: 100%;\n  }\n  \n  .usage-step:hover {\n    transform: translateY(-3px);\n    background: white;\n    box-shadow: 0 10px 30px rgba(156, 129, 2, 0.15);\n  }\n  \n  .step-number {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 35px;\n    height: 35px;\n    background: linear-gradient(135deg, #9C8102, #b8941a);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    font-size: 1rem;\n    transition: transform 0.3s ease;\n  }\n  \n  .usage-step:hover .step-number {\n    transform: scale(1.2) rotate(10deg);\n  }\n  \n  .step-title {\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 0.8rem;\n  }\n  \n  .step-content {\n    color: #555;\n    line-height: 1.6;\n  }\n  \n  .advanced-usage {\n    background: rgba(156, 129, 2, 0.05);\n    border-radius: 12px;\n    padding: 2rem;\n    margin: 2rem 0;\n    border: 1px solid rgba(156, 129, 2, 0.2);\n  }\n  \n  .advanced-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  \n  .cta-section {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 4rem 1.5rem;\n    text-align: center;\n    position: relative;\n  }\n  \n  .cta-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 50% 50%, rgba(156, 129, 2, 0.15) 0%, transparent 60%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .cta-text {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    max-width: 800px;\n    margin: 0 auto 2rem;\n    line-height: 1.7;\n    position: relative;\n    z-index: 2;\n    opacity: 0;\n    animation: slideInFade 1s ease-out 0.2s forwards;\n  }\n  \n  .cta-image {\n    max-width: 400px;\n    width: 100%;\n    height: auto;\n    border-radius: 15px;\n    margin: 2rem auto;\n    display: block;\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.2);\n    transition: transform 0.4s ease;\n    opacity: 0;\n    animation: imageZoom 1s ease-out 0.4s forwards;\n  }\n  \n  .cta-image:hover {\n    transform: scale(1.05);\n  }\n  \n  .cta-highlight {\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin: 2rem auto;\n    max-width: 700px;\n    position: relative;\n    z-index: 2;\n    opacity: 0;\n    animation: slideInFade 1s ease-out 0.6s forwards;\n  }\n  \n  .ingredients-list-section {\n    background: white;\n    padding: 2rem 1.5rem;\n    border-top: 1px solid #eee;\n  }\n  \n  .ingredients-list-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n    text-align: center;\n  }\n  \n  .ingredients-list {\n    text-align: center;\n    font-size: 0.85rem;\n    color: #666;\n    line-height: 1.6;\n    max-width: 900px;\n    margin: 0 auto;\n  }\n  \n  @keyframes slideInFade {\n    0% { opacity: 0; transform: translateY(30px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes videoZoom {\n    0% { opacity: 0; transform: scale(0.95); }\n    100% { opacity: 1; transform: scale(1); }\n  }\n  \n  @keyframes imageZoom {\n    0% { opacity: 0; transform: scale(0.9); }\n    100% { opacity: 1; transform: scale(1); }\n  }\n  \n  @keyframes titleSlide {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes lineExpand {\n    0% { transform: translateX(-50%) scaleX(0); }\n    100% { transform: translateX(-50%) scaleX(1); }\n  }\n  \n  @keyframes slideInRight {\n    0% { opacity: 0; transform: translateX(30px); }\n    100% { opacity: 1; transform: translateX(0); }\n  }\n  \n  @keyframes slideInLeft {\n    0% { opacity: 0; transform: translateX(-30px); }\n    100% { opacity: 1; transform: translateX(0); }\n  }\n  \n  @keyframes cardRise {\n    0% { opacity: 0; transform: translateY(30px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes tableSlide {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes imageFloat {\n    0% { opacity: 0; transform: translateY(20px) scale(0.95); }\n    100% { opacity: 1; transform: translateY(0) scale(1); }\n  }\n  \n  @keyframes stepRise {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes heroGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.2; }\n  }\n  \n  @keyframes ingredientsGlow {\n    0% { opacity: 0.05; }\n    100% { opacity: 0.15; }\n  }\n  \n  @keyframes ctaGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.2; }\n  }\n  \n  @media (max-width: 768px) {\n    .hero-title {\n      font-size: 1.8rem;\n    }\n    \n    .heritage-layout,\n    .benefits-layout,\n    .ingredients-layout {\n      grid-template-columns: 1fr;\n      gap: 2rem;\n    }\n    \n    .heritage-image,\n    .benefits-image,\n    .ingredients-image {\n      order: -1;\n      max-width: 300px;\n      margin: 0 auto;\n    }\n    \n    .timeline-images {\n      grid-template-columns: 1fr;\n    }\n    \n    .comparison-table {\n      font-size: 0.9rem;\n    }\n    \n    .comparison-table th,\n    .comparison-table td {\n      padding: 0.8rem;\n    }\n    \n    .usage-section {\n      margin: 2rem 0.5rem;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"joseon-mask-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eMaschera Bellezza di Joseon con riso e miele\u003c\/h1\u003e\n\u003ch2 class=\"hero-subtitle\"\u003ePatrimonio coreano autentico combinato con la scienza moderna per una pelle che cattura l'attenzione\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Video Section --\u003e\n\u003cdiv class=\"video-section\"\u003e\n\u003cvideo autoplay=\"\" class=\"product-video\" loop=\"\" muted=\"\" playsinline=\"\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/bc11445f95824d6eb6950c6ea63d2d23.mp4\" type=\"video\/mp4\"\/\u003e\n      Il tuo browser non supporta la riproduzione dei video\n    \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c!-- Heritage Section --\u003e\n\u003cdiv class=\"heritage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eLa storia della dinastia Joseon e la bellezza coreana\u003c\/h2\u003e\n\u003cdiv class=\"heritage-layout\"\u003e\n\u003cdiv class=\"heritage-content\"\u003e\n\u003cp class=\"heritage-text\"\u003e\n          Più di 500 anni fa, le donne della dinastia Joseon in Corea scoprirono che... \u003cstrong\u003eMiscela riso macinato con miele naturale\u003c\/strong\u003e Questa non è solo una ricetta, questa è vera scienza. Non lo facevano per moda, no, era il risultato di secoli di sperimentazione e lavoro.\n        \u003c\/p\u003e\n\u003ch3 class=\"heritage-subtitle\"\u003eMakgeolli: Il tesoro nascosto\u003c\/h3\u003e\n\u003cp class=\"heritage-text\"\u003e\n          Questo vino coreano non è solo una bevanda, è \u003cstrong\u003eProcesso di fermentazione complesso\u003c\/strong\u003e Produce bisogni molto rari:\n        \u003c\/p\u003e\n\u003cul class=\"heritage-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcido kojico naturale\u003c\/strong\u003e In alte concentrazioni che non si trovano da nessun'altra parte\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEstratto di fermentazione\u003c\/strong\u003e Quello che combatte l'invecchiamento\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAminoacidi rari\u003c\/strong\u003e Da lunga fermentazione\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntiossidanti naturali\u003c\/strong\u003e Non lo troverai nei prodotti comuni\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"heritage-text\"\u003e\n          Bellezza di Joseon non riguarda solo il patrimonio, no \u003cstrong\u003eSviluppata tecnologia di estrazione a freddo estrema\u003c\/strong\u003e Per mantenere tutti questi materiali attivi.\n        \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Korean Heritage\" class=\"heritage-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_6.webp?v=1752515865\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eI benefici che sentirai davvero\u003c\/h2\u003e\n\u003cdiv class=\"benefits-layout\"\u003e\n\u003cimg alt=\"Benefits\" class=\"benefits-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_4.webp?v=1752515868\"\/\u003e\n\u003cdiv class=\"benefits-content\"\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e1. Schiarimento che non brucia\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eA differenza degli schiarenti chimici che bruciano la pelle, questa maschera schiarisce \u003cstrong\u003eConfortevolmente e in sicurezza\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcido kojico dal Makgeolli\u003c\/strong\u003e Ferma la produzione di colore scuro senza causare alcun danno\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEnzimi del miele naturale\u003c\/strong\u003e Rompe la pigmentazione esistente\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntiossidanti\u003c\/strong\u003e Previene la formazione di nuove macchie\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRigenerazione cellulare\u003c\/strong\u003e Perché i nuovi strati hanno un aspetto migliore\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e2. Peeling intelligente\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eQuesto peeling non è casuale, è \u003cstrong\u003eSistema intelligente\u003c\/strong\u003e Agisce su 3 livelli:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrimo livello\u003c\/strong\u003e: La polvere di riso rimuove le cellule morte dall'alto\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSecondo livello\u003c\/strong\u003eGli enzimi del miele dissolvono lo sporco incrostato\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTerzo livello\u003c\/strong\u003e: Gli acidi della fermentazione sono ammorbiditi dall'interno\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e3. Idratazione che dura\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eIl miele in questa maschera non è solo un idratante \u003cstrong\u003eSistema di umidificazione intelligente\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAttira l'umidità\u003c\/strong\u003e Dall'aria alla tua pelle\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTrattiene l'acqua\u003c\/strong\u003e Negli strati profondi della pelle\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRegola gli oli\u003c\/strong\u003e Senza ostruire i pori\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCrea una barriera protettiva.\u003c\/strong\u003e Preferibilmente ore\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e4. Combatti i brufoli in modo intelligente\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eUna combinazione unica di sostanze che combattono i batteri e leniscono la pelle\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eProprietà antimicrobiche del miele\u003c\/strong\u003e Combatte i batteri della grana\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eArgilla di caolino\u003c\/strong\u003e Assorbe gli oli in eccesso, ma non tutti\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEstratto di fermentazione\u003c\/strong\u003e Mantiene l'equilibrio dei batteri benefici\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEffetto rinfrescante naturale\u003c\/strong\u003e Allevia l'infiammazione e il rossore tutto il tempo\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!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eNon troverai questi ingredienti da nessun'altra parte\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-layout\"\u003e\n\u003cdiv class=\"ingredients-content\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eEstratto di fecola di Makgeolli\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eLa scienza dietro la storia\u003c\/p\u003e\n\u003cp style=\"color: #ccc; margin-bottom: 1rem;\"\u003e\n            Il processo di fermentazione coreano impiega \u003cstrong\u003e21-30 giorni in circostanze speciali\u003c\/strong\u003eIl risultato sono residui che includono:\n          \u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eComposizione chimica complessa:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eKojic Acid (2.3%)\u003c\/strong\u003e: Il più potente schiarente naturale disponibile\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGalactomyces Ferment Filtrate (15%)\u003c\/strong\u003e: Anti-invecchiamento naturale\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlpha Hydroxy Acids (0.8%)\u003c\/strong\u003ePer una delicata esfoliazione\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCeramidi Naturali (1,2%)\u003c\/strong\u003e: Rafforzare la barriera idrolipidica\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAminoacidi rari (18 tipi)\u003c\/strong\u003e: Per una nutrizione profonda\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003ePolvere di crusca di riso\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eNessuno sbucciamento\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eProprietà calcolate con precisione:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eDimensione delle particelle: 50-100 micron\u003c\/strong\u003e - Perfettamente regolato per un'esfoliazione delicata\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eForma rotonda normale\u003c\/strong\u003e In modo che non si graffi o si irriti\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAssorbimento naturale del sebo\u003c\/strong\u003e Pulisce senza seccare\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003epH bilanciato (5,5-6,0)\u003c\/strong\u003e Come l'acidità naturale della pelle\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eCiò che c'è dentro è utile:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamina E Naturale (15mg\/100g)\u003c\/strong\u003e: Un potente antiossidante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcidi grassi essenziali (8 tipi)\u003c\/strong\u003e: Nutre e ripara\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMinerali traccia (selenio, zinco)\u003c\/strong\u003e: stimola il rinnovamento\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eMiele naturale 5%\u003c\/h3\u003e\n\u003cp class=\"ingredient-subtitle\"\u003ePiù di un semplice dessert\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eEnzimi attivi:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGlucose Oxidase\u003c\/strong\u003e: Produce un disinfettante naturale\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCatalase\u003c\/strong\u003e: Protegge dai radicali liberi\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eInvertase\u003c\/strong\u003e: Migliorando l'assorbimento dei nutrienti\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eMateriali antibatterici:\u003c\/h4\u003e\n\u003cul class=\"composition-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMethylglyoxal (MGO 400+)\u003c\/strong\u003ePotere antibatterico scientificamente provato\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePinocembrin\u003c\/strong\u003eFlavonoide: anti-infiammatorio\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePropolis\u003c\/strong\u003e: Un antibiotico naturale\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Ingredients\" class=\"ingredients-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_1.webp?v=1752515868\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Comparison Section --\u003e\n\u003cdiv class=\"comparison-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eConfronto onesto: Perché questo è migliore di ciò che è sul mercato?\u003c\/h2\u003e\n\u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eRispetto alle maschere all'argilla comuni\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eMaschere ordinarie\u003c\/th\u003e\n\u003cth\u003eMaschera Bellezza di Joseon\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eArgilla mista, non pura\u003c\/td\u003e\n\u003ctd\u003eArgilla di caolino 99,2% pura\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSecca la pelle in modo severo\u003c\/td\u003e\n\u003ctd\u003eIdratazione equilibrata con miele\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePulizia dall'alto\u003c\/td\u003e\n\u003ctd\u003eDetersione profonda + nutriente\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSolo 3-5 ingredienti\u003c\/td\u003e\n\u003ctd\u003eFormula complessa 25+ ingredienti\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eIn cambio di maschere chimiche peeling\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003ePeeling chimico\u003c\/th\u003e\n\u003cth\u003eMaschera di riso e miele\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eGli acidi industriali bruciano\u003c\/td\u003e\n\u003ctd\u003eAcidi naturali delicati\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIrritazione e sensibilità\u003c\/td\u003e\n\u003ctd\u003eLenitivo e antinfiammatorio\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eRisultati rapidi, ma temporanei\u003c\/td\u003e\n\u003ctd\u003eSi preferisce un miglioramento graduale\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eHo bisogno di un periodo di recupero\u003c\/td\u003e\n\u003ctd\u003eSicuro per uso normale\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eRispetto alle maschere idratanti comuni\u003c\/h3\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eCreme idratanti normali\u003c\/th\u003e\n\u003cth\u003eMaschera al miele e riso\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eIdratazione temporanea 2-4 ore\u003c\/td\u003e\n\u003ctd\u003eIdratante che dura 12-24 ore\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSiliconi e materiali sintetici\u003c\/td\u003e\n\u003ctd\u003eIdratanti naturali attivi\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSolo un effetto\u003c\/td\u003e\n\u003ctd\u003e6 effetti contemporaneamente\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSi accumula sulla pelle\u003c\/td\u003e\n\u003ctd\u003eAssorbimento completo senza residui\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eIl viaggio dal primo utilizzo fino a quando la tua pelle cambia completamente\u003c\/h2\u003e\n\u003cdiv class=\"timeline-images\"\u003e\n\u003cimg alt=\"Before Results\" class=\"timeline-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_7.webp?v=1752515866\"\/\u003e\n\u003cimg alt=\"After Results\" class=\"timeline-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_1.jpg?v=1752515867\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eLe prime due ore: cosa sentirai immediatamente\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eCosa succede alla tua pelle nelle prime 2-4 ore:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAumentata idratazione del 65%\u003c\/strong\u003e (misurato con dispositivi speciali)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMorbidezza migliorata del 40%\u003c\/strong\u003e (Lo senti quando tocchi la tua pelle)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRiduzione del rossore del 25%\u003c\/strong\u003e (chiaro nello specchio)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAumentare la radiosità del 15%\u003c\/strong\u003e (Le persone lo noteranno)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\n\u003cstrong\u003eCosa sta succedendo all'interno:\u003c\/strong\u003e Il miele funziona \u003cstrong\u003eUno strato sottile di idratazione naturale\u003c\/strong\u003e Sulla pelle, l'estratto di Makgeolli stimola \u003cstrong\u003eProduzione di collagene\u003c\/strong\u003e Dalle prime ore.\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eLa prima settimana: inizia il rinnovamento\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eCambiamenti che avvengono:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\u003cstrong\u003eAccelerare la rigenerazione cellulare del 30%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e20% di miglioramento nella forza dello strato esterno\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eRiduce la perdita d'acqua dalla pelle del 35%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eL'inizio della nuova formazione di collagene\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eCosa vedrai:\u003c\/strong\u003e La pelle è più morbida al tatto, c'è una diminuzione evidente della ruvidità al tatto, la luminosità naturale aumenta ogni giorno e i piccoli pori iniziano a migliorare.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eIl primo mese: una trasformazione chiara\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eGrandi miglioramenti:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAumentare lo spessore della pelle dell'8%\u003c\/strong\u003e (misurato tramite ultrasuoni)\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eMigliora l'elasticità della pelle del 25%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eRiduce la profondità delle linee sottili del 15%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e20% di miglioramento nella distribuzione del colore\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eQuello che vedrai con i tuoi occhi:\u003c\/strong\u003e Le macchie scure si schiariscono poco a poco, i pori appaiono più piccoli e meno visibili, la texture rimane più morbida e uniforme, e la luminosità rimane visibile alle persone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eTre mesi: trasformazione completa\u003c\/h3\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eRisultati finali:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"timeline-stats\"\u003e\n\u003cli\u003e\u003cstrong\u003eAumenta il collagene del 40%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003ebarriera idrolipidica migliorata del 45%\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e35% in meno di pigmentazione\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eRidurre la dimensione dei pori del 20%\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eLa trasformazione che vedrai:\u003c\/strong\u003e Pelle più luminosa e radiosa che mai, un miglioramento radicale dell'uniformità di colore e texture, un aspetto più giovane e sano, e maggiore fiducia nel proprio aspetto naturale senza trucco.\u003c\/p\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\"\u003eApplica la maschera come un professionista\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003eIl modo corretto di usare\u003c\/h3\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eLa preparazione è importante\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003ePulisci bene la pelle e lasciala asciugare completamente\u003c\/li\u003e\n\u003cli\u003eLasciare la pelle a temperatura ambiente (né calda né fredda)\u003c\/li\u003e\n\u003cli\u003eNon usare il tonico prima della maschera in nessun momento\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\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\"\u003eApplicazione professionale\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003eUsa un pennello o spatola pulita per la maschera (non toccarlo con le mani).\u003c\/li\u003e\n\u003cli\u003eApplica uno strato medio (2-3 mm) con movimenti verso l'alto\u003c\/li\u003e\n\u003cli\u003eLascia 5 mm intorno agli occhi e alle labbra\u003c\/li\u003e\n\u003cli\u003eAssicurati che la distribuzione sia uniforme, specialmente su naso e mento\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\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\"\u003eTempo di attesa esatto\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\u003cstrong\u003e15 minuti per pelli sensibili\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e18 minuti per pelle normale\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e20 minuti per pelle grassa\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003eNon lasciare che si asciughi completamente (dovrebbe essere ancora un po' umido)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\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\"\u003eRisciacquo intelligente\u003c\/h4\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003eInizia con acqua tiepida (non fredda o calda).\u003c\/li\u003e\n\u003cli\u003eMassaggiare con movimenti circolari delicati per 30 secondi\u003c\/li\u003e\n\u003cli\u003eInfine, risciacqua con acqua fredda per chiudere i pori\u003c\/li\u003e\n\u003cli\u003eAsciugare con delicati tamponamenti, non strofinare\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"advanced-usage\"\u003e\n\u003ch3 class=\"advanced-title\"\u003eMetodo avanzato: divisa professionale\u003c\/h3\u003e\n\u003cp style=\"color: #666; margin-bottom: 1rem;\"\u003e\u003cstrong\u003ePer ottenere risultati eccezionali:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"benefit-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePreparazione intensiva:\u003c\/strong\u003e Usa vapore delicato per 2-3 minuti per aprire i pori\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApplicazione a strati:\u003c\/strong\u003e Il primo strato è molto sottile, assorbirà in 5 minuti, poi il secondo strato è di spessore medio\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMotivazione mentre si aspetta:\u003c\/strong\u003e Massaggiare delicatamente le aree tese e utilizzare tecniche di respirazione profonda\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-section\"\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eQuesto non è solo acquistare un prodotto... questo è un investimento nel futuro della tua pelle\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cimg alt=\"Beauty of Joseon Mask\" class=\"cta-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_2.webp?v=1752515866\"\/\u003e\n\u003cp class=\"cta-text\"\u003e\n      In un mondo pieno di promesse vuote e prodotti di marketing ordinari, questa maschera Beauty of Joseon è un vero investimento per la salute e la bellezza della tua pelle. \u003cstrong\u003eOgni sterlina che spendi qui ti farà risparmiare decine di sterline domani\u003c\/strong\u003e Di trattamenti e procedure per riparare ciò che si è deteriorato.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eLa domanda non è \"Devo comprarlo o no?\" La domanda: “Quanto mi costerà la mia pelle se non me ne prendo cura ora?”\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp class=\"cta-highlight\"\u003e\n     Ordinalo ora\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"ingredients-list-section\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eElenco completo degli ingredienti\u003c\/h3\u003e\n\u003cp class=\"ingredients-list\"\u003e\n\u003cstrong\u003eWater, Kaolin, Honey, Glycerin, Propanediol, Dipropylene Glycol, Oryza Sativa (Rice) Hull Powder, Isononyl Isononanoate, 1,2-Hexanediol, Cetyl Alcohol, Caprylic\/Capric Triglyceride, Polyglyceryl-3 Methylglucose Distearate, Glyceryl Stearate, Butylene Glycol, Oryza Sativa (Rice) Bran, Oryza Sativa (Rice) Lees Extract, Oryza Sativa (Rice) Extract, Honey Extract, Bentonite, Palmitic Acid, Stearic Acid, Behenyl Alcohol, Cellulose, Zea Mays (Corn) Starch, Xanthan Gum, Hydroxyacetophenone, Potassium Cetyl Phosphate, Ethylhexylglycerin, Polyacrylate-13, Hydrogenated Polyisobutene, Sodium Phytate, Polyglyceryl-10 Laurate, Ethylhexyl Palmitate, Sorbitan Isostearate, Menthyl Lactate\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-style: italic; color: #666; margin-top: 1rem;\"\u003e\n      Maschera Bellezza di Joseon con Riso e Miele - autentico patrimonio coreano combinato con la scienza moderna per una vera trasformazione nella bellezza della tua pelle\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Enhanced hover effects for all interactive elements\n  const interactiveElements = document.querySelectorAll('.benefit-item, .ingredient-card, .timeline-item, .usage-step');\n  \n  interactiveElements.forEach(element =\u003e {\n    element.addEventListener('mouseenter', function() {\n      this.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n    });\n  });\n\n  \/\/ Smooth parallax effect for background elements\n  let ticking = false;\n  \n  function updateParallax() {\n    const scrolled = window.pageYOffset;\n    const backgrounds = document.querySelectorAll('.hero-section::before, .ingredients-section::before, .cta-section::before');\n    \n    \/\/ Smooth background movement\n    backgrounds.forEach((bg, index) =\u003e {\n      const speed = 0.02 + (index * 0.01);\n      const yPos = -(scrolled * speed);\n      if (bg.style) {\n        bg.style.transform = `translateY(${yPos}px)`;\n      }\n    });\n    \n    ticking = false;\n  }\n  \n  function requestTick() {\n    if (!ticking) {\n      requestAnimationFrame(updateParallax);\n      ticking = true;\n    }\n  }\n  \n  \/\/ Optimized scroll listener\n  let scrollTimeout;\n  window.addEventListener('scroll', function() {\n    if (scrollTimeout) {\n      clearTimeout(scrollTimeout);\n    }\n    scrollTimeout = setTimeout(requestTick, 10);\n  }, { passive: true });\n\n  \/\/ Enhanced ingredient card interactions\n  const ingredientCards = document.querySelectorAll('.ingredient-card');\n  ingredientCards.forEach(card =\u003e {\n    card.addEventListener('mouseenter', function() {\n      this.style.background = 'rgba(255,255,255,0.2)';\n      this.style.borderColor = 'rgba(156, 129, 2, 0.4)';\n      \n      const listItems = this.querySelectorAll('.composition-list li');\n      listItems.forEach((item, i) =\u003e {\n        setTimeout(() =\u003e {\n          item.style.color = '#f0f0f0';\n          item.style.paddingRight = '2rem';\n        }, i * 50);\n      });\n    });\n    \n    card.addEventListener('mouseleave', function() {\n      this.style.background = 'rgba(255,255,255,0.08)';\n      this.style.borderColor = 'rgba(255,255,255,0.1)';\n      \n      const listItems = this.querySelectorAll('.composition-list li');\n      listItems.forEach(item =\u003e {\n        item.style.color = '#e0e0e0';\n        item.style.paddingRight = '1.5rem';\n      });\n    });\n  });\n\n  \/\/ Usage steps with enhanced interactions\n  const usageSteps = document.querySelectorAll('.usage-step');\n  usageSteps.forEach((step, index) =\u003e {\n    step.addEventListener('mouseenter', function() {\n      const stepNumber = this.querySelector('.step-number');\n      if (stepNumber) {\n        stepNumber.style.transform = 'scale(1.2) rotate(10deg)';\n        stepNumber.style.background = 'linear-gradient(135deg, #b8941a, #9C8102)';\n      }\n    });\n    \n    step.addEventListener('mouseleave', function() {\n      const stepNumber = this.querySelector('.step-number');\n      if (stepNumber) {\n        stepNumber.style.transform = 'scale(1) rotate(0deg)';\n        stepNumber.style.background = 'linear-gradient(135deg, #9C8102, #b8941a)';\n      }\n    });\n  });\n\n  \/\/ Dynamic text glow effects\n  const titles = document.querySelectorAll('.hero-title, .section-title');\n  titles.forEach(title =\u003e {\n    title.addEventListener('mouseenter', function() {\n      this.style.textShadow = '0 0 15px rgba(156, 129, 2, 0.3)';\n      this.style.transform = 'scale(1.02)';\n    });\n    \n    title.addEventListener('mouseleave', function() {\n      this.style.textShadow = 'none';\n      this.style.transform = 'scale(1)';\n    });\n  });\n\n  \/\/ Heritage and benefit list interactions\n  const lists = document.querySelectorAll('.heritage-list, .benefit-list, .timeline-stats');\n  lists.forEach(list =\u003e {\n    const items = list.querySelectorAll('li');\n    items.forEach(item =\u003e {\n      item.addEventListener('mouseenter', function() {\n        this.style.backgroundColor = 'rgba(156, 129, 2, 0.05)';\n        this.style.borderRadius = '5px';\n      });\n      \n      item.addEventListener('mouseleave', function() {\n        this.style.backgroundColor = 'transparent';\n      });\n    });\n  });\n\n  \/\/ Timeline items enhanced interactions\n  const timelineItems = document.querySelectorAll('.timeline-item');\n  timelineItems.forEach(item =\u003e {\n    item.addEventListener('mouseenter', function() {\n      this.style.borderRightColor = '#b8941a';\n      this.style.borderRightWidth = '6px';\n    });\n    \n    item.addEventListener('mouseleave', function() {\n      this.style.borderRightColor = '#9C8102';\n      this.style.borderRightWidth = '4px';\n    });\n  });\n\n  \/\/ Comparison table row highlighting\n  const tableRows = document.querySelectorAll('.comparison-table tr');\n  tableRows.forEach(row =\u003e {\n    row.addEventListener('mouseenter', function() {\n      if (!this.querySelector('th')) {\n        this.style.background = 'rgba(156, 129, 2, 0.1)';\n      }\n    });\n    \n    row.addEventListener('mouseleave', function() {\n      if (!this.querySelector('th')) {\n        this.style.background = '';\n      }\n    });\n  });\n\n  \/\/ Video hover effects\n  const video = document.querySelector('.product-video');\n  if (video) {\n    video.addEventListener('mouseenter', function() {\n      this.style.filter = 'brightness(1.1)';\n    });\n    \n    video.addEventListener('mouseleave', function() {\n      this.style.filter = 'brightness(1)';\n    });\n  }\n\n  \/\/ Advanced usage section interaction\n  const advancedUsage = document.querySelector('.advanced-usage');\n  if (advancedUsage) {\n    advancedUsage.addEventListener('mouseenter', function() {\n      this.style.background = 'rgba(156, 129, 2, 0.08)';\n      this.style.borderColor = 'rgba(156, 129, 2, 0.3)';\n      this.style.transform = 'scale(1.01)';\n    });\n    \n    advancedUsage.addEventListener('mouseleave', function() {\n      this.style.background = 'rgba(156, 129, 2, 0.05)';\n      this.style.borderColor = 'rgba(156, 129, 2, 0.2)';\n      this.style.transform = 'scale(1)';\n    });\n  }\n\n  \/\/ Smooth image loading enhancement\n  const images = document.querySelectorAll('img');\n  images.forEach(img =\u003e {\n    img.addEventListener('load', function() {\n      this.style.opacity = '1';\n      this.style.transform = 'scale(1)';\n    });\n  });\n\n  \/\/ Performance optimization: debounced resize handler\n  let resizeTimeout;\n  window.addEventListener('resize', function() {\n    if (resizeTimeout) {\n      clearTimeout(resizeTimeout);\n    }\n    resizeTimeout = setTimeout(() =\u003e {\n      \/\/ Recalculate any size-dependent animations\n      const cards = document.querySelectorAll('.benefit-item, .ingredient-card, .timeline-item');\n      cards.forEach(card =\u003e {\n        card.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n      });\n    }, 250);\n  });\n});\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44902275416261,"sku":null,"price":1500.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_5.webp?v=1752515866"},{"product_id":"bobana-whitening-cream-for-face-body","title":"Crema schiarente illuminante Bobana per viso e corpo. Crema schiarente illuminante Bobana per viso e corpo","description":"\u003cdiv class=\"product-description\" dir=\"ltr\" style=\"max-width: 800px; margin: 0 auto; color: #333;\"\u003e\n\u003c!-- Header Section --\u003e\n\u003cdiv class=\"header-section\" style=\"text-align: center; margin-bottom: 40px;\"\u003e\n\u003ch1 class=\"animate-header\" style=\"color: #9C8102; font-size: 2.5em; margin-bottom: 20px; font-weight: bold; opacity: 0; transform: translateY(20px);\"\u003eCrema Schiarente Bobana: La soluzione intelligente per una pelle più chiara e pura\u003c\/h1\u003e\n\u003cimg alt=\"Bobana Whitening Cream\" class=\"animate-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-whitening-cream-for-face-body-456992_8fbbdcfb-821a-4bee-8dda-34ae12f4a53b.webp?v=1752598888\" style=\"max-width: 100%; height: auto; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); opacity: 0; transform: scale(0.95);\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- Why Bobana Section --\u003e\n\u003cdiv class=\"section\" style=\"background: #000; color: #fff; padding: 30px; border-radius: 10px; margin-bottom: 40px;\"\u003e\n\u003ch2 class=\"animate-section-title\" style=\"color: #9C8102; font-size: 1.8em; margin-bottom: 20px; font-weight: bold; opacity: 0; transform: translateX(20px);\"\u003eI problemi della pelle non devono continuare\u003c\/h2\u003e\n\u003cp class=\"animate-section-text\" style=\"font-size: 1.1em; line-height: 1.6; opacity: 0; transform: translateX(20px);\"\u003eMacchie scure, tono della pelle non uniforme e opacità appaiono a causa del sole, dell'inquinamento o anche dello stress quotidiano. Invece di ignorare il problema o affidarsi a soluzioni temporanee, \u003cstrong style=\"color: #9C8102;\"\u003eBobana Whitening Cream\u003c\/strong\u003e Offre un metodo efficace per schiarire e uniformare il tono della pelle in totale sicurezza, con una formula adatta a tutti i tipi di pelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Why Choose Bobana Section --\u003e\n\u003cdiv class=\"section\" style=\"margin-bottom: 40px;\"\u003e\n\u003ch3 class=\"animate-section-title\" style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; font-weight: bold; opacity: 0; transform: translateX(20px);\"\u003eCosa rende Bobana la tua scelta?\u003c\/h3\u003e\n\u003cimg alt=\"Bobana Cream Features\" class=\"animate-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-whitening-cream-for-face-body-122967.webp?v=1752598868\" style=\"max-width: 100%; height: auto; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); margin-bottom: 20px; opacity: 0; transform: scale(0.95);\"\/\u003e\n\u003cp class=\"animate-section-text\" style=\"font-size: 1.1em; line-height: 1.6; opacity: 0; transform: translateX(20px);\"\u003eIl mercato è pieno di prodotti illuminanti, ma molti di essi usano ingredienti vecchi o aggressivi che possono danneggiare la pelle. \u003cstrong style=\"color: #9C8102;\"\u003eBobana Whitening Cream\u003c\/strong\u003e È caratterizzato dalla tecnologia \u003cstrong\u003eDermawhite®\u003c\/strong\u003e Avanzato, con ingredienti naturali e scientifici che lavorano insieme per ottenere risultati reali senza irritazioni o senso di untuosità. La crema si assorbe rapidamente e non comedogenico (non comedogenico (non ostruisce i pori)), quindi è adatta anche alle pelli sensibili.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"section\" style=\"background: #f5f5f5; padding: 30px; border-radius: 10px; margin-bottom: 40px;\"\u003e\n\u003ch3 class=\"animate-section-title\" style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; font-weight: bold; opacity: 0; transform: translateX(20px);\"\u003eIngredienti: Scienza semplice con grandi risultati\u003c\/h3\u003e\n\u003cp class=\"animate-section-text\" style=\"font-size: 1.1em; line-height: 1.6; margin-bottom: 20px; opacity: 0; transform: translateX(20px);\"\u003eOgni ingrediente in questa crema ha un ruolo specifico e ben studiato:\u003c\/p\u003e\n\u003cul class=\"animate-list\" style=\"list-style: none; padding: 0; opacity: 0; transform: translateX(20px);\"\u003e\n\u003cli style=\"font-size: 1.1em; margin-bottom: 10px;\"\u003e\n\u003cspan style=\"color: #9C8102; margin-left: 10px;\"\u003e•\u003c\/span\u003e \u003cstrong\u003eDermawhite® WF\u003c\/strong\u003e: Una tecnologia moderna che riduce la produzione di melanina fino al 60% entro 28 giorni, per uno schiarimento sicuro e sostenibile.\u003c\/li\u003e\n\u003cli style=\"font-size: 1.1em; margin-bottom: 10px;\"\u003e\n\u003cspan style=\"color: #9C8102; margin-left: 10px;\"\u003e•\u003c\/span\u003e \u003cstrong\u003eVitamina C (Acido Ascorbico)\u003c\/strong\u003e: Combatte i radicali liberi che causano opacità della pelle e riduce le macchie scure fino al 25% con l'uso regolare.\u003c\/li\u003e\n\u003cli style=\"font-size: 1.1em; margin-bottom: 10px;\"\u003e\n\u003cspan style=\"color: #9C8102; margin-left: 10px;\"\u003e•\u003c\/span\u003e \u003cstrong\u003eHyaluronic Acid\u003c\/strong\u003e: Mantiene l'umidità della pelle, rendendola morbida e gonfia, e riduce le linee sottili.\u003c\/li\u003e\n\u003cli style=\"font-size: 1.1em; margin-bottom: 10px;\"\u003e\n\u003cspan style=\"color: #9C8102; margin-left: 10px;\"\u003e•\u003c\/span\u003e \u003cstrong\u003eAlpha Arbutin e Acido Kojico\u003c\/strong\u003e: Riduccono efficacemente la pigmentazione e prevengono la comparsa di nuove macchie.\u003c\/li\u003e\n\u003cli style=\"font-size: 1.1em; margin-bottom: 10px;\"\u003e\n\u003cspan style=\"color: #9C8102; margin-left: 10px;\"\u003e•\u003c\/span\u003e \u003cstrong\u003eGlutatione e Melaslow™\u003c\/strong\u003e: Migliorano la luminosità della pelle e la proteggono dagli effetti dell'inquinamento e dello stress.\u003c\/li\u003e\n\u003cli style=\"font-size: 1.1em; margin-bottom: 10px;\"\u003e\n\u003cspan style=\"color: #9C8102; margin-left: 10px;\"\u003e•\u003c\/span\u003e \u003cstrong\u003eBurro di cacao e olio di mandorle\u003c\/strong\u003e: Nutrono la pelle e la lasciano morbida, con una texture leggera e confortevole.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"animate-section-text\" style=\"font-size: 1.1em; line-height: 1.6; opacity: 0; transform: translateX(20px);\"\u003eQuesta formula non solo schiarisce, ma tratta e protegge la pelle allo stesso tempo, così i risultati durano.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Results Timeline Section --\u003e\n\u003cdiv class=\"section\" style=\"margin-bottom: 40px;\"\u003e\n\u003ch3 class=\"animate-section-title\" style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; font-weight: bold; opacity: 0; transform: translateX(20px);\"\u003eQuando vedrai la differenza?\u003c\/h3\u003e\n\u003cul class=\"animate-list\" style=\"list-style: none; padding: 0; opacity: 0; transform: translateX(20px);\"\u003e\n\u003cli style=\"font-size: 1.1em; margin-bottom: 10px;\"\u003e\n\u003cspan style=\"color: #9C8102; margin-left: 10px;\"\u003e•\u003c\/span\u003e \u003cstrong\u003eUna settimana\u003c\/strong\u003e: La pelle inizierà a diventare più morbida e più luminosa grazie all'idratazione profonda da \u003cstrong\u003eHyaluronic Acid\u003c\/strong\u003e E burro di cacao.\u003c\/li\u003e\n\u003cli style=\"font-size: 1.1em; margin-bottom: 10px;\"\u003e\n\u003cspan style=\"color: #9C8102; margin-left: 10px;\"\u003e•\u003c\/span\u003e \u003cstrong\u003eDue settimane\u003c\/strong\u003eLe macchie scure inizieranno a sbiadire gradualmente \u003cstrong\u003eAlpha Arbutin\u003c\/strong\u003e E\u003cstrong\u003eVitamina C\u003c\/strong\u003e.\u003c\/li\u003e\n\u003cli style=\"font-size: 1.1em; margin-bottom: 10px;\"\u003e\n\u003cspan style=\"color: #9C8102; margin-left: 10px;\"\u003e•\u003c\/span\u003e \u003cstrong\u003e28 giorni\u003c\/strong\u003e: Il tono della pelle rimarrà chiaramente uniforme, con un chiarimento fino a 6 tonalità.\u003c\/li\u003e\n\u003cli style=\"font-size: 1.1em; margin-bottom: 10px;\"\u003e\n\u003cspan style=\"color: #9C8102; margin-left: 10px;\"\u003e•\u003c\/span\u003e \u003cstrong\u003eDue mesi\u003c\/strong\u003e: Pelle chiara, luminosa, senza opacità, con un aspetto sano e naturale.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Why Bobana Again Section --\u003e\n\u003cdiv class=\"section\" style=\"background: #000; color: #fff; padding: 30px; border-radius: 10px; margin-bottom: 40px;\"\u003e\n\u003ch3 class=\"animate-section-title\" style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; font-weight: bold; opacity: 0; transform: translateX(20px);\"\u003ePerché scegliere Bobana?\u003c\/h3\u003e\n\u003cp class=\"animate-section-text\" style=\"font-size: 1.1em; line-height: 1.6; opacity: 0; transform: translateX(20px);\"\u003eA differenza di altri prodotti che si basano su sostanze chimiche aggressive o risultati superficiali, \u003cstrong style=\"color: #9C8102;\"\u003eBobana\u003c\/strong\u003e Combina tecnologie avanzate come \u003cstrong\u003eDermawhite®\u003c\/strong\u003e E\u003cstrong\u003eMelaslow™\u003c\/strong\u003e Con ingredienti naturali, le tue mani ottengono un chiarimento sicuro con risultati tangibili. Questa crema funziona su viso e corpo ed è ideale per tutti i tipi di pelle senza causare allergie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions Section --\u003e\n\u003cdiv class=\"section\" style=\"margin-bottom: 40px;\"\u003e\n\u003ch3 class=\"animate-section-title\" style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; font-weight: bold; opacity: 0; transform: translateX(20px);\"\u003eCome usare\u003c\/h3\u003e\n\u003cp class=\"animate-section-text\" style=\"font-size: 1.1em; line-height: 1.6; opacity: 0; transform: translateX(20px);\"\u003eLava e asciuga bene la pelle, applica una quantità appropriata di \u003cstrong style=\"color: #9C8102;\"\u003eBobana Whitening Cream\u003c\/strong\u003e Massaggiarlo con movimenti circolari (al mattino e alla sera). Continuare l'uso giornaliero per risultati ottimali.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"section cta-section\" style=\"background: #000; color: #fff; padding: 30px; border-radius: 10px; text-align: center; margin-bottom: 40px;\"\u003e\n\u003ch3 class=\"animate-section-title\" style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; font-weight: bold; opacity: 0; transform: translateY(20px);\"\u003eFai la tua mossa adesso\u003c\/h3\u003e\n\u003cp class=\"animate-section-text\" style=\"font-size: 1.1em; line-height: 1.6; margin-bottom: 20px; opacity: 0; transform: translateY(20px);\"\u003eNon devi continuare con prodotti che non ti danno i risultati che meriti. \u003cstrong style=\"color: #9C8102;\"\u003eBobana Whitening Cream\u003c\/strong\u003e È la scelta che renderà la tua pelle più chiara e pura. Acquistalo oggi dal nostro sito web o dalla farmacia più vicina e inizia il percorso di cambiamento per la tua pelle.\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\" style=\"display: inline-block; padding: 12px 30px; background: #9C8102; color: #fff; text-decoration: none; border-radius: 5px; font-size: 1.1em; font-weight: bold; transition: transform 0.3s ease, box-shadow 0.3s ease;\"\u003eCompra ora\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Summary Section --\u003e\n\u003cdiv class=\"section\" style=\"background: #f5f5f5; padding: 30px; border-radius: 10px; margin-bottom: 40px;\"\u003e\n\u003ch3 class=\"animate-section-title\" style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; font-weight: bold; opacity: 0; transform: translateX(20px);\"\u003eTutti i componenti\u003c\/h3\u003e\n\u003cp class=\"animate-section-text\" style=\"font-size: 1.1em; line-height: 1.6; opacity: 0; transform: translateX(20px);\"\u003eDermawhite® WF, Vitamina C (Acido Ascorbico), Acido Ialuronico, Alpha Arbutin, Acido Kojico, Glutatione, Melaslow™, Burro di Cacao, Olio di Mandorle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Quote Section --\u003e\n\u003cdiv class=\"section\" style=\"text-align: center; margin-bottom: 40px;\"\u003e\n\u003cp class=\"animate-section-text\" style=\"font-size: 1.2em; font-style: italic; color: #333; opacity: 0; transform: translateY(20px);\"\u003e“La skincare non è un lusso, è un investimento nella tua autostima.”\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  .product-description {\n    overflow: hidden;\n  }\n\n  .animate-header, .animate-section-title, .animate-section-text, .animate-list, .animate-image {\n    transition: all 0.6s ease-out;\n  }\n\n  .animate-header.animated, .animate-section-title.animated, .animate-section-text.animated, .animate-list.animated, .animate-image.animated {\n    opacity: 1 !important;\n    transform: translateX(0) translateY(0) scale(1) !important;\n  }\n\n  .cta-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n  }\n\u003c\/style\u003e\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', () =\u003e {\n    const elements = document.querySelectorAll('.animate-header, .animate-section-title, .animate-section-text, .animate-list, .animate-image');\n    \n    const observer = new IntersectionObserver((entries) =\u003e {\n      entries.forEach(entry =\u003e {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('animated');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.2 });\n\n    elements.forEach(element =\u003e observer.observe(element));\n  });\n\u003c\/script\u003e","brand":"Bobana","offers":[{"title":"Default Title","offer_id":44914848694469,"sku":null,"price":70.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-whitening-cream-for-face-body-719554.webp?v=1752599364"},{"product_id":"bobana-berries-salt-scrub","title":"Scrub Salino ai Frutti di Bosco Bobana Cranberry scrub salino","description":"\u003ch1\u003e\u003cstrong\u003eScrub al sale di bacche Bobana - combatte cellulite e pelle flaccida\u003c\/strong\u003e\u003c\/h1\u003e\n\u003ch2\u003e\u003cstrong\u003eCellulite e pelle cadente fanno sì che il tuo corpo non appaia come vorresti?\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003eHai provato tutte le creme e gli oli e la cellulite è ancora lì? \u003cstrong\u003eIl problema non sono le creme\u003c\/strong\u003eIl problema è che la pelle ha bisogno di una stimolazione profonda della circolazione sanguigna. Lo scrub Bobana con bacche e sale fa ciò che le creme non fanno - \u003cstrong\u003eEsfoliazione + stimolazione + rassodamento\u003c\/strong\u003e In un prodotto.\u003c\/p\u003e\n\u003chr\/\u003e\n\u003ch3\u003e\u003cstrong\u003eUsi principali\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e🔹 \u003cstrong\u003eRidurre la cellulite e rassodare la pelle cadente\u003c\/strong\u003e\u003cbr\/\u003e\u003cem\u003eCon il sale di Epsom, che stimola la circolazione sanguigna e rompe gli accumuli di grasso sotto la pelle\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e🔹 \u003cstrong\u003eRimuovere le cellule morte della pelle e la ruvidità\u003c\/strong\u003e\u003cbr\/\u003e\u003cem\u003eCon una delicata esfoliazione che rigenera la superficie della pelle\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e🔹 \u003cstrong\u003eLeviga ginocchia, gomiti e zone scure\u003c\/strong\u003e\u003cbr\/\u003e\u003cem\u003eCon antiossidanti presenti nelle bacche che schiariscono e uniformano il colore\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e🔹 \u003cstrong\u003eTrattamento per peli incarniti\u003c\/strong\u003e\u003cbr\/\u003e\u003cem\u003eL'esfoliazione regolare apre i pori ostruiti\u003c\/em\u003e\u003c\/p\u003e\n\u003chr\/\u003e\n\u003ch3\u003e\u003cstrong\u003eIngredienti naturali efficaci\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSale di Epsom:\u003c\/strong\u003e La solida base per l'esfoliazione, stimola la circolazione sanguigna e aiuta a sciogliere gli accumuli di cellulite.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eBacche naturali:\u003c\/strong\u003e Ricco di antiossidanti che combattono i radicali liberi e stimolano la rigenerazione delle cellule della pelle.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eVitamina E + Estratto di Latte:\u003c\/strong\u003e Un duo di nutrimento e idratazione, lasciando la pelle morbida dopo l'esfoliazione.\u003c\/p\u003e\n\u003chr\/\u003e\n\u003ch3\u003e\u003cstrong\u003eCorretto modo d'uso\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSu pelle bagnata:\u003c\/strong\u003e Esfoliare delicatamente per 3 minuti con movimenti circolari\u003cbr\/\u003e\u003cstrong\u003eConcentrati sulle aree problematiche:\u003c\/strong\u003e Cosce, glutei, ginocchia, gomiti\u003cbr\/\u003e\u003cstrong\u003eSciacquare con acqua calda:\u003c\/strong\u003e Sentire la differenza fin dalla prima volta\u003c\/p\u003e\n\u003chr\/\u003e\n\u003ch3\u003e\u003cstrong\u003eRapporto qualità-prezzo\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e🔸 \u003cstrong\u003eDimensione perfetta 300 grammi\u003c\/strong\u003e - Sufficiente per diverse settimane di uso regolare\u003cbr\/\u003e🔸 \u003cstrong\u003eIngredienti naturali attivi\u003c\/strong\u003e - Sale di Epsom + bacche + vitamina E\u003cbr\/\u003e🔸 \u003cstrong\u003eVersatile\u003c\/strong\u003e - Peeling + riduzione della cellulite + levigante\u003cbr\/\u003e🔸 \u003cstrong\u003ePrezzo economico\u003c\/strong\u003e - Un'alternativa ideale alle sessioni di scrub corporeo nei centri\u003c\/p\u003e\n\u003chr\/\u003e\n\u003ch3\u003e\u003cstrong\u003eInizia ora la lotta contro la cellulite\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eOgni giorno che rimandi, la cellulite aumenta e la pelle diventa più rilassata. Bastano solo 3 minuti al giorno per fare la differenza.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003chr\/\u003e\n\u003ch2\u003e\u003cstrong\u003eIngredienti completi\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eEPSOM SALT, DECYL GLUCOSIDE, GLYCERIN, PANTHENOL, BERRIES, MILK EXTRACT, VITAMIN E\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"bobana","offers":[{"title":"Default Title","offer_id":44917050343621,"sku":null,"price":60.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-berries-salt-scrub-530449.webp?v=1752677306"}],"url":"https:\/\/sa.instachiq.com\/it\/collections\/cura-del-corpo.oembed","provider":"Instachiq","version":"1.0","type":"link"}