{"title":"Body care","description":"","products":[{"product_id":"bio-skincare-body-lotion-papay-400ml-لوشن-البابايا-لتفتيح-البشرة","title":"bio skincare body lotion papay 400ml papaya lotion to lighten the skin","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\u003ePapaya helps get rid of dead skin from the skin, as it breaks down dormant proteins and renews dead skin cells.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli style=\"text-align: left;\"\u003e\u003cstrong\u003ePapaya fruit helps moisturize the skin because it contains a small amount of sodium, which works to retain water in the skin.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli style=\"text-align: left;\"\u003e\u003cstrong\u003eGetting rid of pimples and pimples, especially in oily skin.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli style=\"text-align: left;\"\u003e\u003cstrong\u003ePapaya fruit helps smooth the skin and make it free from problems and blemishes.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli style=\"text-align: left;\"\u003e\u003cstrong\u003eIt is involved in the formation of natural skin exfoliants.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli style=\"text-align: left;\"\u003e\u003cstrong\u003ePapaya fruit reduces the signs of premature aging that affect the skin.\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;\"\u003ePapaya extract\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\"\u003eSpecial ingredients\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;\"\u003eSkin lightening\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 Basic use\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;\"\u003eLotion\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\"\u003eInstallation\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\"\u003eQuantity\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\"\u003eThe brand\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\"\u003eLow\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\"\u003eDanger of allergy\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\"\u003eAll skin types\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;\"\u003eSkin Type\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\"\u003eThe smell \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” by Victoria's Secret is a fruity floral fragrance specially designed for women. Love Spell was launched during the new millennium. It is characterized by its distinctive ingredients:\u003cbr\u003e\u003cbr\u003eTop notes: peach, cherry blossom, and red apple.\u003cbr\u003eMiddle notes: violet, jasmine, and lily of the valley.\u003cbr\u003eBase notes: tamarind, musk, and white woods.\u003cbr\u003eThis perfume combines floral and fruity scents to give you a unique aromatic experience that takes you on a journey through the diverse worlds of fragrance and excitement. It is an expression of femininity and delicate attractiveness that combines the charm of flowers and the sweetness of fruits.\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\"\u003eTop notes\u003cbr\/\u003eApple, green, berries, tea\u003cbr\/\u003e\u003cbr\/\u003e \u003cbr\/\u003e\u003cbr\/\u003e \u003cspan data-mce-fragment=\"1\"\u003eA\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003eFor aromatic scents \u003c\/span\u003eCentral\u003cbr\/\u003eJasmine, plum, prune\u003cbr\/\u003e\u003cbr\/\u003e\u003cbr\/\u003e\u003cspan data-mce-fragment=\"1\"\u003eA\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003eFor aromatic scents\u003c\/span\u003eBasic\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 by Parfums De Coeur, Parfums de coeur fragrances and body sprays are created with the care and quality as designer products but at a fraction of the cost.\u003cbr\/\u003eExcellent choice.\u003cbr\/\u003eManly and attractive.\u003cbr\/\u003eGives you a refreshing shower scent all day long.\u003cbr\/\u003eTop notes are bergamot and mandarin.\u003cbr\/\u003eHeart notes of green sage, geranium and lavender.\u003cbr\/\u003eThe bottom notes are musk, sandalwood and cedarwood.\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 by Parfums De Coeur, Parfums de coeur fragrances and body sprays are created with the care and quality as designer products but at a fraction of the cost.\u003cbr\/\u003eExcellent choice.\u003cbr\/\u003eManly and attractive.\u003cbr\/\u003eGives you a refreshing shower scent all day long.\u003cbr\/\u003eTop notes are bergamot and mandarin.\u003cbr\/\u003eHeart notes of green sage, geranium and lavender.\u003cbr\/\u003eThe bottom notes are musk, sandalwood and cedarwood.\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 by Parfums De Coeur Parfums de coeur fragrances and body sprays are made with the same care and quality ingredients as designer products but at a fraction of the cost. This fragrance is full of energy and personality. Clean, fresh sparkling fruits are tamed by a hint of floral and warmth. A strong masculine character to enjoy. Top notes are green apple and watermelon. Heart notes of lily of the valley and bamboo leaves. The bottom notes are amber, musk, teak and white sandalwood.","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\u003eA strong masculine and energetic scent.\u003c\/li\u003e\n\u003cli\u003eAromatic herbal fragrance.\u003c\/li\u003e\n\u003cli\u003eMasculine and strong vitality.\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 - If you enjoy wearing perfumes that attract a lot of attention, then this is the most suitable perfume for you. An intriguing, youthful fragrance that you should use when creating a charming sense of mystery. This unforgettable fragrance features a masculine scent of refreshing citrus, burning wood, and a mixture of secret herbs.\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=\"Related Products\"\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\"\u003eAll our fragrances are 100% Authentic Guaranteed by the original designers.\u003cbr\/\u003eThis product is designed by Parfums De Coeur.\u003cbr\/\u003eDue to manufacturer packaging changes, product packaging may differ from the image shown.\u003cbr\/\u003eCountry of origin: United States\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=\"Related Products\"\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\"\u003eBrand: Bodylicious\u003cbr\/\u003eType: Perfume spray\u003cbr\/\u003eSize: 100 ml\u003cbr\/\u003eLong lasting body mist\u003cbr\/\u003eGives you a fresh scent and clean feeling.\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\u003eLightening cream for the body and sensitive areas\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":"Body moisturizer with infinity naturals strawberry extract","description":"The body cream helps lighten the skin and prevent damage.\u003cbr\u003eIt also moisturizes and softens the skin.\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":"Mood Bali Shower Gel 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\"\u003eEnjoy MOOD shower gel enriched with shea butter and coconut oil for extreme softness\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":"Mood Body Milk 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\"\u003eEnjoy MOOD shower gel enriched with shea butter and coconut oil for extreme softness\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\u003eImagine yourself surrounded by the special care of \"Aqua Kiss\" perfume from Victoria's Secret. It is a soft and luxurious fragrance that will make you feel confident and attractive. This enchanting fragrance evokes a feeling of freshness that comes with gentle raindrops kissing chamomile flowers and fresh summer breezes.\u003cbr\/\u003e\u003cbr\/\u003eIt is not just a fragrance, it is an experience. Aqua Kiss is the embodiment of understated elegance, an aroma that dances gently on your skin. Spray it on your body's pulse points, pat your neck and wrists, or use it as a hair and body mist for a light, lasting fragrance. As the day progresses, do not hesitate to reapply it to energize your soul.\u003cbr\/\u003e\u003cbr\/\u003eThis fragrance is a symphony of freshness, lighter than traditional perfumes for women. A delightful blend of refreshing water and a bouquet of bright chamomile flowers, it's a wonderful scent that leaves an impression wherever you go.\u003cbr\/\u003e\u003cbr\/\u003eElevate your daily routine with “Aqua Kiss” spray, which is a translation of simple elegance into a wonderful fragrance. Consider it the perfect gift, a sign of appreciation for the women in your life. For a long-lasting fragrance experience, pair it with Victoria's Secret Harmonizing Body Lotion.\u003cbr\/\u003e\u003cbr\/\u003eWith Aqua Kiss, you create a fragrance that becomes a part of you, a scent that remains in the memory of everyone you meet. Make a difference in your life, be unforgettable with \"Aqua Kiss\" from 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.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\u003crect width=\"100\" height=\"100\" fill=\"url(%23coffee)\"\/\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  }\u003c\/style\u003e\n\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  \n  \u003c!-- Hero Section --\u003e\n  \u003cdiv class=\"hero-section\"\u003e\n    \u003ch1 class=\"hero-title\"\u003eEvery day aging, dead skin cells accumulate on your body...\u003c\/h1\u003e\n    \u003cp class=\"hero-subtitle\"\u003eAnd the result? Rough skin, dry, full of dark spots, and you feel like you're not comfortable with yourself! The difference, every moment changes with BOBANA Coffee Body Scrub.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Product Showcase --\u003e\n  \u003cdiv class=\"product-showcase\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-coffee-brscrub-186597.webp?v=1751732343\" alt=\"BOBANA Coffee Body Scrub\" class=\"product-image\"\u003e\n    \n    \u003ch2 class=\"product-name\"\u003eBOBANA Skin Coffee Body Scrub - The Secret to Radiant Skin Completely\u003c\/h2\u003e\n    \n    \u003cp class=\"product-intro\"\u003eDid you know that your skin renews itself every 28 days? But the problem is that dead skin cells don't give way to the new ones easily. They prefer to accumulate layer by layer on the surface... And your real beautiful skin is trapped under them!\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Benefits Grid --\u003e\n  \u003cdiv class=\"section\"\u003e\n    \u003ch2 class=\"section-title\"\u003e3 Miracles in One Product\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\"\u003eDeep Renewal for Dead Skin Cells\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eThe beneficial natural and permanent effects of coffee stimulate the accumulation of dead skin layers gently, revealing the radiant skin under your touch.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card\"\u003e\n        \u003cdiv class=\"benefit-number\"\u003e2\u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eElimination of Dark Spots for a Fresh Look\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eCaffeine centered in coffee boosts blood circulation and opens up the morning gatherings, rids the sweat in the back, armpits, and knees.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card\"\u003e\n        \u003cdiv class=\"benefit-number\"\u003e3\u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eYouthful and Vital Skin\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eOxidants in coffee combat signs of aging and boost cell renewal, giving you denser and smoother skin as if you returned years to youth.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\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\"\u003eWhy Coffee in Cosmetics? The Secret of the Magical Ingredient\u003c\/h2\u003e\n        \u003ch3\u003eCoffee is not just a drink... It's a complete natural remedy for your skin\u003c\/h3\u003e\n        \u003cdiv class=\"coffee-benefits\"\u003e\n          \u003cdiv class=\"scientific-fact\"\u003e\n            \u003ch4\u003e\u003cstrong\u003eBoosts Blood Circulation\u003c\/strong\u003e\u003c\/h4\u003e\n            \u003cp\u003eBlood and oxygen must reach the deep layers\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"scientific-fact\"\u003e\n            \u003ch4\u003e\u003cstrong\u003eBreaks the Cycle of Cellulite\u003c\/strong\u003e\u003c\/h4\u003e\n            \u003cp\u003eTightens the skin and reduces the appearance of dimples\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"scientific-fact\"\u003e\n            \u003ch4\u003e\u003cstrong\u003eBoosts Collagen Production\u003c\/strong\u003e\u003c\/h4\u003e\n            \u003cp\u003eMakes the skin firmer and more elastic\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"scientific-fact\"\u003e\n            \u003ch4\u003e\u003cstrong\u003eEnergizes Hot Nerves\u003c\/strong\u003e\u003c\/h4\u003e\n            \u003cp\u003eCombats fatigue from their sources\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-coffee-brscrub-327832.webp?v=1751732528\" alt=\"Coffee Benefits\" class=\"content-image\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Antioxidants Section --\u003e\n  \u003cdiv class=\"section\"\u003e\n    \u003cdiv class=\"section-content\"\u003e\n      \u003ch3\u003eCellulite Additives: Naturally Derived Antioxidants\u003c\/h3\u003e\n      \u003cp style=\"text-align: center; font-size: 1.1rem; color: #555; margin-bottom: 2rem;\"\u003eThe coffee in them focuses on natural cellulite additives:\u003c\/p\u003e\n      \u003cul class=\"feature-list\"\u003e\n        \u003cli\u003e\n\u003cstrong\u003eCollagen Hydrolysis\u003c\/strong\u003e Which is obtained from sun rays\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003ePhenols\u003c\/strong\u003e Which combats inflammations\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003eCaffeine\u003c\/strong\u003e Which tightens the pores and gives the skin a fresh look\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Gentle Granules Section --\u003e\n  \u003cdiv class=\"section\"\u003e\n    \u003cdiv class=\"section-content\"\u003e\n      \u003ch2 class=\"section-title\"\u003eBeneficial Natural and Permanent Effects: Deep and Effective Change Without Harm\u003c\/h2\u003e\n      \u003ch3 style=\"text-align: center; color: #9C8102;\"\u003eNot every change is one... And that secret that cosmetic companies don't want you to know\u003c\/h3\u003e\n      \n      \u003cdiv class=\"two-column\"\u003e\n        \u003cdiv class=\"text-content\"\u003e\n          \u003cp\u003eThe texture of scrubs works rough and single benefits that scratch the skin more than benefit it. \u003cstrong\u003eBOBANA\u003c\/strong\u003e It invests in transporting the beneficial and natural effects:\u003c\/p\u003e\n          \u003cul class=\"feature-list\"\u003e\n            \u003cli\u003e\n\u003cstrong\u003eIdeal Consistent Texture\u003c\/strong\u003e - Maintains freshness and real hydration\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eModerate Size\u003c\/strong\u003e - Unifies all skin layers naturally\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003ePleasant Touch\u003c\/strong\u003e - Suitable for sensitive and normal skin\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eBalanced Formula\u003c\/strong\u003e - Deep change for every part of the body\u003c\/li\u003e\n          \u003c\/ul\u003e\n          \u003cp\u003e\u003cstrong\u003eThe Result?\u003c\/strong\u003e Deep and effective change without any irritation or redness.\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;\"\u003ePleasant Benefits\u003cbr\u003ePermanent\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Value Proposition --\u003e\n  \u003cdiv class=\"value-proposition\"\u003e\n    \u003ch2 class=\"section-title\"\u003e300 grams = Exceptional Value Against the Price\u003c\/h2\u003e\n    \u003ch3 style=\"color: #9C8102; margin-bottom: 2rem;\"\u003eComparison with Competitors: BOBANA Costs More for Less Price\u003c\/h3\u003e\n    \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 Package\u003c\/h4\u003e\n        \u003cp style=\"font-size: 2rem; font-weight: bold; color: #8B4513;\"\u003e300 grams\u003c\/p\u003e\n        \u003cp\u003eCompact Size for Competitors!\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"comparison-card\"\u003e\n        \u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eUsage Period\u003c\/h4\u003e\n        \u003cp style=\"font-size: 2rem; font-weight: bold; color: #8B4513;\"\u003e4-6 months\u003c\/p\u003e\n        \u003cp\u003eWith Regular Use\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"comparison-card\"\u003e\n        \u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eDaily Frequency\u003c\/h4\u003e\n        \u003cp style=\"font-size: 2rem; font-weight: bold; color: #8B4513;\"\u003eLess than 5 minutes\u003c\/p\u003e\n        \u003cp\u003eA Cup of Coffee!\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \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;\"\u003eComparison with Gym Session for Change in Two Weeks:\u003c\/h4\u003e\n      \u003cp\u003e\u003cstrong\u003eOne Session:\u003c\/strong\u003e 800-1500 pounds\u003c\/p\u003e\n      \u003cp\u003e\u003cstrong\u003eBOBANA Package:\u003c\/strong\u003e Gives you 30+ sessions for a small price\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Timeline Results --\u003e\n  \u003cdiv class=\"timeline\"\u003e\n    \u003ch2 class=\"section-title\"\u003eTransformation Journey: Your Skin Changes Before Your Eyes\u003c\/h2\u003e\n    \n    \u003cdiv class=\"timeline-item\"\u003e\n      \u003cdiv class=\"timeline-content\"\u003e\n        \u003ch4\u003eFrom First Use\u003c\/h4\u003e\n        \u003cul class=\"feature-list\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eFeeling Fresh with Newness\u003c\/strong\u003e - Under the heat of your hand\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eVitality for Dead Skin\u003c\/strong\u003e - Noticing the difference in the bathroom\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eActive and Lively\u003c\/strong\u003e - From boosting blood circulation\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"timeline-marker\"\u003eFirst Time\u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"timeline-item\"\u003e\n      \u003cdiv class=\"timeline-content\"\u003e\n        \u003ch4\u003eAfter Weeks\u003c\/h4\u003e\n        \u003cul class=\"feature-list\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eImproved Notes in Skin Touch\u003c\/strong\u003e - Softer and smoother visibly\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eOpening Dark Spots\u003c\/strong\u003e - Especially in the back and knees\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eNatural Radiance\u003c\/strong\u003e - Radiant and glowing skin\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"timeline-marker\"\u003e7 days\u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"timeline-item\"\u003e\n      \u003cdiv class=\"timeline-content\"\u003e\n        \u003ch4\u003eAfter Two Weeks\u003c\/h4\u003e\n        \u003cul class=\"feature-list\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eUnification of Skin Layers\u003c\/strong\u003e - Smooth and uniform skin\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eImproved Clarity in Skin Color\u003c\/strong\u003e - Unifying the color throughout the body\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eExceptional Newness\u003c\/strong\u003e - Scent from youthful skin\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"timeline-marker\"\u003e14 days\u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"timeline-item\"\u003e\n      \u003cdiv class=\"timeline-content\"\u003e\n        \u003ch4\u003eAfter a Month\u003c\/h4\u003e\n        \u003cul class=\"feature-list\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eComplete Continuous Transformation\u003c\/strong\u003e - Completely New Skin\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eUnification of Dark Spots\u003c\/strong\u003e - Unified and natural color\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eElasticity and Vitality\u003c\/strong\u003e - Youthful and smooth skin\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"timeline-marker\"\u003e30 days\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\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;\"\u003eUsage Method: Simple Steps to Achieve Miracles\u003c\/h2\u003e\n    \u003ch3 style=\"text-align: center; color: white; margin-bottom: 3rem;\"\u003e4 Easy Steps for Your Dream Skin\u003c\/h3\u003e\n    \n    \u003cdiv class=\"step-card\"\u003e\n      \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n      \u003ch4 class=\"step-title\"\u003eWet Your Skin with Warm Water\u003c\/h4\u003e\n      \u003cp\u003eWarm water opens the pores and prepares the skin to receive scrub benefits\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"step-card\"\u003e\n      \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n      \u003ch4 class=\"step-title\"\u003eApply Circular Motions Gently\u003c\/h4\u003e\n      \u003cp\u003eUse a suitable amount and focus on rough and dark areas for 2-3 minutes\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"step-card\"\u003e\n      \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n      \u003ch4 class=\"step-title\"\u003eRinse with Cold Water\u003c\/h4\u003e\n      \u003cp\u003eCold water closes the pores and fixes the result, giving a refreshing feeling\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"step-card\"\u003e\n      \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n      \u003ch4 class=\"step-title\"\u003eDry Your Skin\u003c\/h4\u003e\n      \u003cp\u003eUse a suitable towel to maintain the effect and nourish the new skin\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Call to Action --\u003e\n  \u003cdiv class=\"cta-section\"\u003e\n    \u003ch2 class=\"cta-title\"\u003eYour skin awaits you... It thanks you more than ever\u003c\/h2\u003e\n    \u003cp class=\"cta-text\"\u003eEvery day aging = More dead cells and deeper pores and rougher skin. The skin in reality... If not exfoliated and not comfortable with them, it fades and dies. But if cared for with them, it becomes more beautiful in life.\n    \u003c\/p\u003e\n    \u003cp class=\"cta-text\"\u003e\n      \u003cstrong\u003eJoin Now and Start Your Transformation Journey!\u003c\/strong\u003e\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003edocument.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});\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.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\u003crect width=\"100\" height=\"100\" fill=\"url(%23earth)\"\/\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  }\u003c\/style\u003e\n\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  \n  \u003c!-- Hero Section --\u003e\n  \u003cdiv class=\"hero-section\"\u003e\n    \u003ch1 class=\"hero-title\"\u003eYour skin will glow and become smooth in no time!\u003c\/h1\u003e\n    \u003cp class=\"hero-subtitle\"\u003eEvery day, excess toxins and fats accumulate on the surface of your skin and body, and they get clogged in the pores that produce natural oils... And the result? Rough, dry, dull skin, and you look 10 years older than you are! The miracle, all the dirt is under control \u003cstrong\u003eBOBANA Shea Butter Mud Mask\u003c\/strong\u003e - For face and body!\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Product Showcase --\u003e\n  \u003cdiv class=\"product-showcase\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-shea-butter-brmud-mask-840447.webp?v=1751734317\" alt=\"BOBANA Shea Butter Mud Mask\" class=\"product-image\"\u003e\n    \n    \u003ch2 class=\"product-name\"\u003eBOBANA Shea Butter Mud Mask - A comprehensive and therapeutic transformation for face and body\u003c\/h2\u003e\n    \n    \u003cp class=\"product-intro\"\u003eDid you know that your skin (and body) loses about 5 kilos of toxins and impurities every year? Dust, smoke, sweat, due to daily activities, and stress... All of it accumulates in the deep skin layers and clogs the pores under the skin that you breathe through.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Benefits Grid --\u003e\n  \u003cdiv class=\"section\"\u003e\n    \u003ch2 class=\"section-title\"\u003e3 Miracles in One Package for Face and Body\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\"\u003eDeep cleansing and toxin removal\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eThe volcanic clay naturally penetrates the pores with magnetic power, absorbs all toxins, fats, and accumulated dirt from the face and body, and removes surface bacteria safely.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card\"\u003e\n        \u003cdiv class=\"benefit-number\"\u003e2\u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eRestoring freshness and vitality to the skin\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003ePure African shea butter nourishes the skin with deep moisture, restores radiance and glow to dull and tired skin, and maintains moisture in every area of the body.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card\"\u003e\n        \u003cdiv class=\"benefit-number\"\u003e3\u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eYouth and vitality enhancement\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eVitamin E enhances cell renewal and collagen production, smooths signs of fatigue and dehydration, and gives your skin youthfulness and vitality in every place.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\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\"\u003eAdvanced Modern Recipe: Every Component Has a Purpose and Effect\u003c\/h2\u003e\n        \u003cp\u003eNot just random ingredients from components... This is an advanced modern recipe, every component in it has a specific purpose and a continuous result.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cimg 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\" alt=\"Scientific Formula\" class=\"content-image\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\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\"\u003ePure African Shea Butter Serum\u003c\/p\u003e\n        \u003cp\u003eAfrican shea butter is rich in vitamins A, E, F and essential fatty acids.\u003c\/p\u003e\n        \u003cdiv style=\"margin-top: 1rem;\"\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Penetrates 7 layers of skin layers\u003c\/p\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Provides moisture for up to 24 hours continuously\u003c\/p\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Builds the natural barrier for the skin\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ingredient-card\"\u003e\n        \u003ch4 class=\"ingredient-title\"\u003eKAOLIN + BENTONITE\u003c\/h4\u003e\n        \u003cp class=\"ingredient-subtitle\"\u003eThe dual weapon against toxins\u003c\/p\u003e\n        \u003cp\u003e\u003cstrong\u003eKaolin:\u003c\/strong\u003e White clay that absorbs excess oils\u003cbr\u003e\u003cstrong\u003eBentonite:\u003c\/strong\u003e Volcanic clay that absorbs toxins\u003c\/p\u003e\n        \u003cdiv style=\"margin-top: 1rem;\"\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Purifies pores of toxins and fats\u003c\/p\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Tightens blood circulation and renews cells\u003c\/p\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Provides nutrition to dead cells of the upper layer\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ingredient-card\"\u003e\n        \u003ch4 class=\"ingredient-title\"\u003eARGAN OIL\u003c\/h4\u003e\n        \u003cp class=\"ingredient-subtitle\"\u003eLiquid Moroccan Gold\u003c\/p\u003e\n        \u003cp\u003eArgan oil from Morocco, rich in vitamin E and high-quality antioxidants.\u003c\/p\u003e\n        \u003cdiv style=\"margin-top: 1rem;\"\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Fights signs of dryness and reduces wrinkles\u003c\/p\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Enhances collagen production and firms the skin\u003c\/p\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Provides natural nourishment and silky touch\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ingredient-card\"\u003e\n        \u003ch4 class=\"ingredient-title\"\u003eALMOND OIL\u003c\/h4\u003e\n        \u003cp class=\"ingredient-subtitle\"\u003eNatural Skin Nourisher\u003c\/p\u003e\n        \u003cp\u003eSweet almond oil with proteins and essential fatty acids.\u003c\/p\u003e\n        \u003cdiv style=\"margin-top: 1rem;\"\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Softens rough skin and makes it smooth with touch\u003c\/p\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Treats cracks and severe dryness\u003c\/p\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Calms redness and irritation gently\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ingredient-card\"\u003e\n        \u003ch4 class=\"ingredient-title\"\u003eGLYCERIN\u003c\/h4\u003e\n        \u003cp class=\"ingredient-subtitle\"\u003eMoisture Retention Station\u003c\/p\u003e\n        \u003cp\u003eNatural glycerin absorbs moisture from the air and holds it in the skin.\u003c\/p\u003e\n        \u003cdiv style=\"margin-top: 1rem;\"\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Deep moisture and lasts for 12 hours\u003c\/p\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Maintains skin flexibility and prevents cracking\u003c\/p\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Builds the natural protection barrier\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ingredient-card\"\u003e\n        \u003ch4 class=\"ingredient-title\"\u003eSTEARIC ACID + DIMETHICONE\u003c\/h4\u003e\n        \u003cp class=\"ingredient-subtitle\"\u003eIdeal Recipe\u003c\/p\u003e\n        \u003cp\u003e\u003cstrong\u003eStearic acid:\u003c\/strong\u003e Stabilizes the recipe and makes it creamy\u003cbr\u003e\u003cstrong\u003eDimethicone:\u003c\/strong\u003e Natural silicone\u003c\/p\u003e\n        \u003cdiv style=\"margin-top: 1rem;\"\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Provides a smooth and long-lasting protective touch\u003c\/p\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Stabilizes the therapeutic benefits in the skin\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\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\u003eFor Face and Body: Flexibility Without Limits\u003c\/h3\u003e\n        \u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eFor the face:\u003c\/h4\u003e\n        \u003cul class=\"feature-list\"\u003e\n          \u003cli\u003eDeep cleansing of clogged pores\u003c\/li\u003e\n          \u003cli\u003eRemoving black and white heads\u003c\/li\u003e\n          \u003cli\u003eOpening dark spots and lightening the complexion\u003c\/li\u003e\n          \u003cli\u003eReducing signs of fatigue and dehydration\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \n        \u003ch4 style=\"color: #9C8102; margin: 1.5rem 0 1rem;\"\u003eFor the body:\u003c\/h4\u003e\n        \u003cul class=\"feature-list\"\u003e\n          \u003cli\u003eTreating rough areas (elbows, knees, heels)\u003c\/li\u003e\n          \u003cli\u003eRemoving dead skin cells of the upper layer\u003c\/li\u003e\n          \u003cli\u003eDeeply moistening rough areas\u003c\/li\u003e\n          \u003cli\u003eEnhancing skin touch throughout the body\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-shea-butter-brmud-mask-629486.webp?v=1751734478\" alt=\"Face and Body Usage\" class=\"content-image\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\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;\"\u003eUsage Method: A Package That Achieves Miracles\u003c\/h2\u003e\n    \n    \u003cdiv class=\"usage-grid\"\u003e\n      \u003cdiv class=\"usage-card\"\u003e\n        \u003ch4\u003eFor the face (5 steps)\u003c\/h4\u003e\n        \u003cdiv class=\"step\"\u003e\n          \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n          \u003cdiv\u003eCleanse your skin with lukewarm water to open the pores\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"step\"\u003e\n          \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n          \u003cdiv\u003eApply a thin layer and avoid the eye and lip area\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"step\"\u003e\n          \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n          \u003cdiv\u003eLeave for 15-20 minutes until it dries completely\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"step\"\u003e\n          \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n          \u003cdiv\u003eRinse with warm water using a gentle circular motion\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"step\"\u003e\n          \u003cdiv class=\"step-number\"\u003e5\u003c\/div\u003e\n          \u003cdiv\u003eMoisturize with serum for best results\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"usage-card\"\u003e\n        \u003ch4\u003eFor the body (4 steps)\u003c\/h4\u003e\n        \u003cdiv class=\"step\"\u003e\n          \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n          \u003cdiv\u003eTake a warm shower to cleanse the skin and open the mask\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"step\"\u003e\n          \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n          \u003cdiv\u003eApply the mask to the required areas (or the whole body)\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"step\"\u003e\n          \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n          \u003cdiv\u003eLeave for 20-25 minutes and rinse with warm water\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"step\"\u003e\n          \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n          \u003cdiv\u003eMoisturize with lotion to maintain the result\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n      \u003ch4 style=\"color: #D4AF37; margin-bottom: 1rem;\"\u003eUsage Tips:\u003c\/h4\u003e\n      \u003cp\u003e\u003cstrong\u003eFor the face:\u003c\/strong\u003e 2-3 times weekly | \u003cstrong\u003eFor the body:\u003c\/strong\u003e 1-2 times weekly | \u003cstrong\u003eFor rough areas:\u003c\/strong\u003e Daily for a week, then twice weekly\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Timeline Results --\u003e\n  \u003cdiv class=\"timeline\"\u003e\n    \u003ch2 class=\"section-title\"\u003eTransformation Journey: Your Skin Will Change Before Your Eyes\u003c\/h2\u003e\n    \n    \u003cdiv class=\"timeline-item\"\u003e\n      \u003cdiv class=\"timeline-content\"\u003e\n        \u003ch4\u003eFrom first use (15-25 minutes)\u003c\/h4\u003e\n        \u003cul class=\"feature-list\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eDeep immediate cleansing\u003c\/strong\u003e - You will feel your skin breathing for the first time in years\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eSense of freshness\u003c\/strong\u003e - Increased energy that revitalizes tired skin\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eYouthful smoothness\u003c\/strong\u003e - Silky touch and delicious skin from the first time\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"timeline-marker\"\u003eFirst time\u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"timeline-item\"\u003e\n      \u003cdiv class=\"timeline-content\"\u003e\n        \u003ch4\u003eAfter 3 uses (week)\u003c\/h4\u003e\n        \u003cul class=\"feature-list\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eImprovement and clarity in skin texture\u003c\/strong\u003e - Smaller pores and smoother skin\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eRedness goodbye\u003c\/strong\u003e - Open color and natural radiance\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eDeep lasting moisture\u003c\/strong\u003e - Taut skin and no dryness at all\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"timeline-marker\"\u003eWeek\u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"timeline-item\"\u003e\n      \u003cdiv class=\"timeline-content\"\u003e\n        \u003ch4\u003eAfter two weeks\u003c\/h4\u003e\n        \u003cul class=\"feature-list\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eReducing signs of fatigue\u003c\/strong\u003e - Smooth back and balanced\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eBrightening skin color\u003c\/strong\u003e - Fewer dark spots and unified color in the face and body\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eGreater flexibility\u003c\/strong\u003e - Better and more consistent skin for external influences\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"timeline-marker\"\u003eTwo weeks\u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"timeline-item\"\u003e\n      \u003cdiv class=\"timeline-content\"\u003e\n        \u003ch4\u003eAfter month\u003c\/h4\u003e\n        \u003cul class=\"feature-list\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eComplete continuous transformation\u003c\/strong\u003e - Completely new skin throughout the body\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eLasting radiance\u003c\/strong\u003e - Natural glow without makeup\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eGreater confidence\u003c\/strong\u003e - Clear and pure skin makes you comfortable everywhere\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"timeline-marker\"\u003eFull month\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Value Proposition --\u003e\n  \u003cdiv class=\"value-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eInvest in your youth\u003c\/h2\u003e\n    \u003ch3 style=\"color: #9C8102; margin-bottom: 2rem;\"\u003eOne mask = 6 treatments in one place\u003c\/h3\u003e\n    \n    \u003cdiv class=\"value-cards\"\u003e\n      \u003cdiv class=\"value-card\"\u003e\n        \u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eFor the face\u003c\/h4\u003e\n        \u003cp style=\"font-size: 1.5rem; font-weight: bold; color: #6b4e3d;\"\u003e2-3 times weekly\u003c\/p\u003e\n        \u003cp\u003eFor 3-4 months\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"value-card\"\u003e\n        \u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eFor the body\u003c\/h4\u003e\n        \u003cp style=\"font-size: 1.5rem; font-weight: bold; color: #6b4e3d;\"\u003e1-2 times weekly\u003c\/p\u003e\n        \u003cp\u003eFor 2-3 months\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"value-card\"\u003e\n        \u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eMixed use\u003c\/h4\u003e\n        \u003cp style=\"font-size: 1.5rem; font-weight: bold; color: #6b4e3d;\"\u003eThrough 3 months\u003c\/p\u003e\n        \u003cp\u003eFrom the comprehensive side\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv style=\"margin-top: 2rem;\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-shea-butter-brmud-mask-568365.webp?v=1751734512\" alt=\"Value\" 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\n  \u003c!-- Call to Action --\u003e\n  \u003cdiv class=\"cta-section\"\u003e\n    \u003ch2 class=\"cta-title\"\u003eEvery day aging = more toxins and dead cells and faster wrinkles\u003c\/h2\u003e\n    \u003cp class=\"cta-text\"\u003eFace and body skin is exposed to harsh external influences 24\/7. If not cleaned, purified, and moisturized, it loses its vitality after two years.\n    \u003c\/p\u003e\n    \u003cp class=\"cta-text\"\u003e\n      \u003cstrong\u003eBOBANA Shea Butter Mud Mask\u003c\/strong\u003e Not just a mask... A revolution \u003cstrong\u003eInvest in your youth\u003c\/strong\u003e, in your confidence, in the way people look at you.\n    \u003c\/p\u003e\n    \u003cp class=\"cta-text\"\u003e\n      \u003cstrong\u003eNatural beauty prescription!\u003c\/strong\u003e\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003edocument.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});\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.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\u003crect width=\"100\" height=\"100\" fill=\"url(%23waves)\"\/\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  }\u003c\/style\u003e\n\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  \n  \u003c!-- Hero Section --\u003e\n  \u003cdiv class=\"hero-section\"\u003e\n    \u003ch1 class=\"hero-title\"\u003eDead Sea Mud Mask Against Stubborn Acne\u003c\/h1\u003e\n    \u003cp class=\"hero-subtitle\"\u003eEvery day a new pimple appears, heavy makeup, and constant feeling of tightness in your face and body... And the problem keeps getting worse. Why? Bacteria and excess oils have taken over your skin! \u003cstrong\u003eBut the right solution is within reach for your skin with the power of natural Dead Sea mud.\u003c\/strong\u003e\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Product Showcase --\u003e\n  \u003cdiv class=\"product-showcase\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-dead-sea-brmud-mask-859541.webp?v=1752354376\" alt=\"BOBANA Dead Sea Mud Mask\" class=\"product-image\"\u003e\n    \n    \u003ch2 class=\"product-name\"\u003eBOBANA Dead Sea Mud Mask - The Power of Rare Minerals Against Stubborn Acne\u003c\/h2\u003e\n    \n    \u003cp class=\"product-intro\"\u003eDead Sea mud is not just any sea... It is the lowest point on the face of the Earth, and the richest water surface in the world. The high salinity and concentrated minerals create a unique mineral composition perfectly suited for bacteria and excess oils.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Benefits Grid --\u003e\n  \u003cdiv class=\"section\"\u003e\n    \u003ch2 class=\"section-title\"\u003e3 Magical Solutions for Acne-Prone Skin\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\"\u003eRemoves Toxins from Deep Skin Layers\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eDead Sea mud clay rich in rare minerals absorbs all toxins and impurities from the depths of the pores in the face and body, removing harmful bacteria naturally.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card\"\u003e\n        \u003cdiv class=\"benefit-number\"\u003e2\u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eComplete Deep Skin Cleansing\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eFocuses on blackheads and pimples to eliminate accumulated dirt and dead skin cells, opens pores and makes them breathe freely for the first time.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card\"\u003e\n        \u003cdiv class=\"benefit-number\"\u003e3\u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eTightens Stubborn Skin and Fades Scars\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eSpecial additives for bacteria end acne causes, absorbs excess oils, and balances natural skin freshness naturally.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Dead Sea Science Section --\u003e\n  \u003cdiv class=\"deadsea-info\"\u003e\n    \u003ch2 style=\"color: #9C8102; text-align: center; margin-bottom: 2rem;\"\u003eDead Sea Mud: The Natural Secret to Stubborn Skin\u003c\/h2\u003e\n    \u003ch3 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eDoes Dead Sea mud have the perfect solution for stubborn skin?\u003c\/h3\u003e\n    \u003cp style=\"color: #555; margin-bottom: 2rem; line-height: 1.7;\"\u003eDead Sea mud is the lowest point on Earth, and the richest water surface in the world (34% salinity). The high salinity and concentrated minerals create a unique mineral composition perfectly suited for bacteria.\u003c\/p\u003e\n    \n    \u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eFree Trial:\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;\"\u003eFocuses on Blackheads\u003c\/h5\u003e\n        \u003cp style=\"margin: 0; color: #666; font-size: 0.9rem;\"\u003ePurifies and kills bacteria thoroughly\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"mineral-item\"\u003e\n        \u003cspan class=\"mineral-icon\"\u003e💊\u003c\/span\u003e\n        \u003ch5 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eCentral Nervous System\u003c\/h5\u003e\n        \u003cp style=\"margin: 0; color: #666; font-size: 0.9rem;\"\u003eStimulates hormones and balances mood\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"mineral-item\"\u003e\n        \u003cspan class=\"mineral-icon\"\u003e⚡\u003c\/span\u003e\n        \u003ch5 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eRare Minerals\u003c\/h5\u003e\n        \u003cp style=\"margin: 0; color: #666; font-size: 0.9rem;\"\u003eNourishes skin and protects it from inside\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"mineral-item\"\u003e\n        \u003cspan class=\"mineral-icon\"\u003e🛡️\u003c\/span\u003e\n        \u003ch5 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eSpecial Additives for Bacteria\u003c\/h5\u003e\n        \u003cp style=\"margin: 0; color: #666; font-size: 0.9rem;\"\u003ePrevents new bacteria and pimples\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\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;\"\u003eAdvanced Formula for Stubborn Skin\u003c\/h2\u003e\n    \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\"\u003eThe Pure Power of Dead Sea\u003c\/p\u003e\n        \u003cp\u003eDead Sea salt extract is rich in active minerals:\u003c\/p\u003e\n        \u003cdiv style=\"margin-top: 1rem;\"\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Deep cleansing reaching acne pores\u003c\/p\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Kills bacteria naturally from roots\u003c\/p\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Removes accumulated dead skin layers\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ingredient-card\"\u003e\n        \u003ch4 class=\"ingredient-title\"\u003eKAOLIN\u003c\/h4\u003e\n        \u003cp class=\"ingredient-subtitle\"\u003eWhite Clay for Oil Control\u003c\/p\u003e\n        \u003cp\u003eThe gentle white clay works thanks to:\u003c\/p\u003e\n        \u003cdiv style=\"margin-top: 1rem;\"\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Absorbs excess oils on spot\u003c\/p\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Cleanses skin and evens it and shrinks it\u003c\/p\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Balances natural skin freshness\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ingredient-card\"\u003e\n        \u003ch4 class=\"ingredient-title\"\u003eGREEN TEA EXTRACT\u003c\/h4\u003e\n        \u003cp class=\"ingredient-subtitle\"\u003eLeads Medications\u003c\/p\u003e\n        \u003cp\u003eGreen tea is rich in antioxidants:\u003c\/p\u003e\n        \u003cdiv style=\"margin-top: 1rem;\"\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Stimulates blood flow and inflammation\u003c\/p\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Protects from pollution and prevents damage\u003c\/p\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Renews cells and speeds up healing\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ingredient-card\"\u003e\n        \u003ch4 class=\"ingredient-title\"\u003eAVOCADO OIL\u003c\/h4\u003e\n        \u003cp class=\"ingredient-subtitle\"\u003eMoisturizing Nutrition\u003c\/p\u003e\n        \u003cp\u003eAvocado oil benefits stubborn skin:\u003c\/p\u003e\n        \u003cdiv style=\"margin-top: 1rem;\"\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Moisturizes lightly without clogging\u003c\/p\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Strengthens natural skin barrier\u003c\/p\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Helps heal acne effects\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ingredient-card\"\u003e\n        \u003ch4 class=\"ingredient-title\"\u003eGLYCERIN\u003c\/h4\u003e\n        \u003cp class=\"ingredient-subtitle\"\u003e+ Ideal Formula\u003c\/p\u003e\n        \u003cp\u003eSupporting components for ideal results:\u003c\/p\u003e\n        \u003cdiv style=\"margin-top: 1rem;\"\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Glycerin: Moisturizing nutrition\u003c\/p\u003e\n          \u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Vitamins: Ideal balance for components\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Usage Section --\u003e\n  \u003cdiv class=\"usage-section\"\u003e\n    \u003ch2 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003eSimple and Effective Usage Method\u003c\/h2\u003e\n    \u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003e4 Steps to Get Rid of Stubborn Acne\u003c\/h3\u003e\n    \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;\"\u003eCleanse\u003c\/h4\u003e\n        \u003cp\u003eClean your face or body with lukewarm water\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"usage-step\"\u003e\n        \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n        \u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eApply\u003c\/h4\u003e\n        \u003cp\u003eApply a thin layer from the mask\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"usage-step\"\u003e\n        \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n        \u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eWait\u003c\/h4\u003e\n        \u003cp\u003eWait 10-15 minutes until it dries\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"usage-step\"\u003e\n        \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n        \u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eRinse\u003c\/h4\u003e\n        \u003cp\u003eRinse with lukewarm water and enjoy\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \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\u003eTip:\u003c\/strong\u003e Twice a week for best results\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Results Timeline --\u003e\n  \u003cdiv class=\"results-timeline\"\u003e\n    \u003ch2 class=\"section-title\"\u003eResults and Evidence from Experience\u003c\/h2\u003e\n    \n    \u003cdiv class=\"timeline-item\"\u003e\n      \u003cdiv class=\"timeline-content\"\u003e\n        \u003ch4\u003eFrom First Use (10-15 minutes)\u003c\/h4\u003e\n        \u003cp\u003e✨ \u003cstrong\u003ePurification for Pores\u003c\/strong\u003e - Face and body smooth and balanced\u003c\/p\u003e\n        \u003cp\u003e🧴 \u003cstrong\u003eDeep Cleansing and Radiance\u003c\/strong\u003e - Feeling of freshness and refreshment\u003c\/p\u003e\n        \u003cp\u003e🌸 \u003cstrong\u003eStimulating Hormones\u003c\/strong\u003e - Less inflammation and clearer skin\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"timeline-marker\"\u003eFirst Use\u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"timeline-item\"\u003e\n      \u003cdiv class=\"timeline-content\"\u003e\n        \u003ch4\u003eAfter One Week (4 Uses)\u003c\/h4\u003e\n        \u003cp\u003e🎯 \u003cstrong\u003eRedness and Shine in Acne\u003c\/strong\u003e - Faster healing and new clear skin\u003c\/p\u003e\n        \u003cp\u003e💧 \u003cstrong\u003eBalance in Skin Freshness\u003c\/strong\u003e - Less oil and smaller pores\u003c\/p\u003e\n        \u003cp\u003e🛡️ \u003cstrong\u003eSmoother and Healthier Skin\u003c\/strong\u003e - Greater resistance to bacteria\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"timeline-marker\"\u003eComplete Week\u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"timeline-item\"\u003e\n      \u003cdiv class=\"timeline-content\"\u003e\n        \u003ch4\u003eAfter One Month\u003c\/h4\u003e\n        \u003cp\u003e🏆 \u003cstrong\u003eComplete Improvement in Stubborn Skin\u003c\/strong\u003e - Balanced and healthy skin\u003c\/p\u003e\n        \u003cp\u003e✨ \u003cstrong\u003eRadiance and Clarity\u003c\/strong\u003e - Face and body clean from pimples and blackheads\u003c\/p\u003e\n        \u003cp\u003e💊 \u003cstrong\u003eGreater Confidence\u003c\/strong\u003e - You look naturally confident without embarrassment\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"timeline-marker\"\u003eComplete Month\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Usage Areas --\u003e\n  \u003cdiv class=\"usage-areas\"\u003e\n    \u003ch2 class=\"section-title\"\u003eSuitable for Face and Body\u003c\/h2\u003e\n    \u003ch3 style=\"color: #9C8102; text-align: center; margin-bottom: 2rem;\"\u003eMultiple Uses to Solve All Problems\u003c\/h3\u003e\n    \n    \u003cdiv class=\"usage-grid\"\u003e\n      \u003cdiv class=\"usage-area\"\u003e\n        \u003ch4\u003eFor Face\u003c\/h4\u003e\n        \u003cul class=\"feature-list\"\u003e\n          \u003cli\u003eT-Zone (forehead, nose, and chin)\u003c\/li\u003e\n          \u003cli\u003eAreas Prone to Acne\u003c\/li\u003e\n          \u003cli\u003eCheeks and Lower Jaw Area\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"usage-area\"\u003e\n        \u003ch4\u003eFor Body\u003c\/h4\u003e\n        \u003cul class=\"feature-list\"\u003e\n          \u003cli\u003eBack and Shoulders (more areas exposed)\u003c\/li\u003e\n          \u003cli\u003eUpper Chest\u003c\/li\u003e\n          \u003cli\u003eAny Area with Heavy Skin\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv style=\"text-align: center; margin-top: 2rem;\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-dead-sea-brmud-mask-814824.webp?v=1752354423\" alt=\"Face and Body Usage\" 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\n  \u003c!-- Call to Action --\u003e\n  \u003cdiv class=\"cta-section\"\u003e\n    \u003ch2 class=\"cta-title\"\u003eYour Stubborn Skin Deserves the Healthy Solution\u003c\/h2\u003e\n    \u003cp class=\"cta-text\"\u003e\n      \u003cstrong\u003eBOBANA Dead Sea Mud Mask\u003c\/strong\u003e Not just a mask... It's \u003cstrong\u003eA Magical and Natural Solution\u003c\/strong\u003e For stubborn skin and fading scars.\n    \u003c\/p\u003e\n    \u003cp class=\"cta-text\"\u003e\n      \u003cstrong\u003eNatural, Gentle, and Conquers Stubborn Skin!\u003c\/strong\u003e\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003edocument.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});\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.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\u003crect width=\"100\" height=\"100\" fill=\"url(%23marine)\"\/\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  }\u003c\/style\u003e\n\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  \n  \u003c!-- Hero Section --\u003e\n  \u003cdiv class=\"hero-section\"\u003e\n    \u003ch1 class=\"hero-title\"\u003eDeep Rejuvenation from the Depths of the Sea\u003c\/h1\u003e\n    \u003cp class=\"hero-subtitle\"\u003eAre you tired of surface creams that only give you temporary rejuvenation? Your skin needs more than just cream... Your skin needs \u003cstrong\u003eComplete Internal to External Construction\u003c\/strong\u003e. And the natural solution lies in the depths of the sea with modern science that was able to extract it and place it in one gel that changes everything.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Product Showcase --\u003e\n  \u003cdiv class=\"product-showcase\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/marinebr-collagen-hyaluronicbr-acid-gel-659477.webp?v=1752500748\" alt=\"BOBANA Marine Collagen \u0026amp; Hyaluronic Acid Gel\" class=\"product-image\"\u003e\n    \n    \u003ch2 class=\"product-name\"\u003eBOBANA Marine Collagen \u0026amp; Hyaluronic Acid Gel - Sea Power for Youthful and Radiant Skin\u003c\/h2\u003e\n    \n    \u003cp class=\"product-intro\"\u003eMarine Collagen and Hyaluronic Acid Gel from BOBANA in 250 ml size. An advanced formula that combines the best of the sea and the latest skin care technologies for deep rejuvenation and continuous hydration for 12 full hours.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\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\"\u003eMultiple Benefits in One Product\u003c\/h2\u003e\n        \u003cp\u003eNot just an ordinary cream... This is a comprehensive renewal system for your skin from inside out.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/marinebr-collagen-hyaluronicbr-acid-gel-394061.webp?v=1752501580\" alt=\"Benefits\" class=\"content-image\"\u003e\n    \u003c\/div\u003e\n    \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\"\u003eDeep Rejuvenation and Hydration\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eProvides deep skin layers with rejuvenation and gives continuous hydration for 12 hours\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003eC\u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eSkin Firmness Enhancement\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eMarine collagen strengthens the skin and makes it more firm and youthful\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003eG\u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eNatural Glow\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eNiacinamide gives skin tone and makes it glow with natural healthy radiance\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003eR\u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eReducing Signs of Aging\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eIncreases cell renewal and reduces the appearance of fine lines\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003eS\u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eImproving Texture\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eTreats rough skin areas and makes them smooth like silk\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003eP\u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eProtecting Tissue Structure\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eBuilds a natural barrier that protects the skin from external aggressors\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\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;\"\u003eHow does it work? Not just a cream... This is a comprehensive system for your skin\u003c\/h2\u003e\n    \n    \u003cdiv class=\"ingredient-cards\"\u003e\n      \u003cdiv class=\"ingredient-card\"\u003e\n        \u003ch4 class=\"ingredient-title\"\u003eMarine Collagen\u003c\/h4\u003e\n        \u003cp class=\"ingredient-subtitle\"\u003eIs it different from regular collagen?\u003c\/p\u003e\n        \u003cul class=\"feature-list white\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eSmall particles 1.5 times smaller\u003c\/strong\u003e = Deeper and faster absorption\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003e99.7% Purity\u003c\/strong\u003e Up to 85% in regular collagen\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eIncreases natural collagen production\u003c\/strong\u003e 73% more effective\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eNatural Defense for Transformation\u003c\/strong\u003e = Long-lasting effectiveness\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ingredient-card\"\u003e\n        \u003ch4 class=\"ingredient-title\"\u003eMigratory Hyaluronic Acid Particles\u003c\/h4\u003e\n        \u003cp class=\"ingredient-subtitle\"\u003eAbsorbs deep rejuvenation\u003c\/p\u003e\n        \u003cul class=\"feature-list white\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eFire Protection System\u003c\/strong\u003e Ensures continuous hydration for 12 hours\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003e3 Different Particle Sizes\u003c\/strong\u003e: Surface + Medium + Deep\u003c\/li\u003e\n          \u003cli\u003e\u003cstrong\u003eCapable of absorbing 1000 times its weight from water\u003c\/strong\u003e\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eFilm-forming natural protection\u003c\/strong\u003e Tightens pores\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ingredient-card\"\u003e\n        \u003ch4 class=\"ingredient-title\"\u003eNiacinamide (Vitamin B3)\u003c\/h4\u003e\n        \u003cp class=\"ingredient-subtitle\"\u003eMultiple Benefits for the Skin\u003c\/p\u003e\n        \u003cul class=\"feature-list white\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eBrightens Skin Tone\u003c\/strong\u003e And protection from pigmentation\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eOrganizes Oil Production\u003c\/strong\u003e For oily and combination skin\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eReduces Pore Size\u003c\/strong\u003e Naturally shiny\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eStrengthens the Skin's Natural Barrier\u003c\/strong\u003e Against external aggressors\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ingredient-card\"\u003e\n        \u003ch4 class=\"ingredient-title\"\u003eJojoba Oil\u003c\/h4\u003e\n        \u003cp class=\"ingredient-subtitle\"\u003eBalanced Rejuvenation\u003c\/p\u003e\n        \u003cul class=\"feature-list white\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eDeep Rejuvenation\u003c\/strong\u003e Without pore clogging\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eOrganizing Natural Oil Production\u003c\/strong\u003e For the skin\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eEnhanced Properties for Acne\u003c\/strong\u003e Reduces inflammation\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ingredient-card\"\u003e\n        \u003ch4 class=\"ingredient-title\"\u003eTea Tree Oil\u003c\/h4\u003e\n        \u003cp class=\"ingredient-subtitle\"\u003eNatural Transformation\u003c\/p\u003e\n        \u003cul class=\"feature-list white\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eNatural Additive for Bacteria\u003c\/strong\u003e And allergies\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eCalming Irritation\u003c\/strong\u003e And redness\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eTransformation to Silk\u003c\/strong\u003e For skin without roughness\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Comparison Section --\u003e\n  \u003cdiv class=\"comparison-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eDoes BOBANA have something different from all the creams you've tried?\u003c\/h2\u003e\n    \n    \u003cdiv class=\"two-column\"\u003e\n      \u003cdiv class=\"text-content\"\u003e\n        \u003ch3\u003eThe Real Difference in the Formula\u003c\/h3\u003e\n        \u003cp\u003eWhile creams in the market give temporary rejuvenation, BOBANA provides a comprehensive and sustainable system for the skin.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/marinebr-collagen-hyaluronicbr-acid-gel-289936.webp?v=1752501553\" alt=\"Comparison\" class=\"content-image\"\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"comparison-grid\"\u003e\n      \u003cdiv class=\"comparison-card negative\"\u003e\n        \u003ch4 class=\"comparison-title\"\u003eRegular Creams\u003c\/h4\u003e\n        \u003cul style=\"list-style: none; padding: 0;\"\u003e\n          \u003cli\u003eSurface rejuvenation that fades quickly\u003c\/li\u003e\n          \u003cli\u003eIndustrial components clog pores\u003c\/li\u003e\n          \u003cli\u003eTemporary improvement requires reapplication\u003c\/li\u003e\n          \u003cli\u003eSmall size causes quick fading\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"comparison-card positive\"\u003e\n        \u003ch4 class=\"comparison-title\"\u003eBOBANA Marine Gel\u003c\/h4\u003e\n        \u003cul style=\"list-style: none; padding: 0;\"\u003e\n          \u003cli\u003eRejuvenation in 3 skin layers\u003c\/li\u003e\n          \u003cli\u003eNatural marine components that nourish the skin\u003c\/li\u003e\n          \u003cli\u003eRenewal that improves with continuity\u003c\/li\u003e\n          \u003cli\u003e250 ml large size sufficient for 4-5 hours\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv style=\"margin-top: 2rem;\"\u003e\n      \u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eNumber of Applications\u003c\/h4\u003e\n      \u003cdiv class=\"comparison-grid\"\u003e\n        \u003cdiv class=\"comparison-card\"\u003e\n          \u003ch5 style=\"color: #9C8102;\"\u003eFace\u003c\/h5\u003e\n          \u003cp\u003eRejuvenation, glow, and reduction of aging signs\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"comparison-card\"\u003e\n          \u003ch5 style=\"color: #9C8102;\"\u003eBody\u003c\/h5\u003e\n          \u003cp\u003eYouthfulness, firmness, and treatment of severe roughness\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"comparison-card\"\u003e\n          \u003ch5 style=\"color: #9C8102;\"\u003eHands\u003c\/h5\u003e\n          \u003cp\u003eTreatment of cracks and renewal of youthfulness\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"comparison-card\"\u003e\n          \u003ch5 style=\"color: #9C8102;\"\u003eIntimate Areas\u003c\/h5\u003e\n          \u003cp\u003eBack, knees, and elbows\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Timeline Results --\u003e\n  \u003cdiv class=\"timeline-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eThe Transformation Journey with BOBANA: Guaranteed Results\u003c\/h2\u003e\n    \n    \u003cdiv class=\"timeline-item\"\u003e\n      \u003cdiv class=\"timeline-content\"\u003e\n        \u003ch4\u003eFrom First Application\u003c\/h4\u003e\n        \u003cul class=\"feature-list\"\u003e\n          \u003cli\u003eFeeling fresh in texture and deep rejuvenation\u003c\/li\u003e\n          \u003cli\u003eSilky smooth touch that lasts for hours\u003c\/li\u003e\n          \u003cli\u003eQuick absorption without oily or sticky feel\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"timeline-marker\"\u003eFirst Application\u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"timeline-item\"\u003e\n      \u003cdiv class=\"timeline-content\"\u003e\n        \u003ch4\u003eAfter a Week\u003c\/h4\u003e\n        \u003cul class=\"feature-list\"\u003e\n          \u003cli\u003eImprovement and clarity in skin youthfulness and firmness\u003c\/li\u003e\n          \u003cli\u003eReducing small roughness and cracks\u003c\/li\u003e\n          \u003cli\u003eNatural glow and healthy radiance\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"timeline-marker\"\u003eA Week\u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"timeline-item\"\u003e\n      \u003cdiv class=\"timeline-content\"\u003e\n        \u003ch4\u003eAfter Two Weeks\u003c\/h4\u003e\n        \u003cul class=\"feature-list\"\u003e\n          \u003cli\u003eIncreased skin firmness in the form of notes\u003c\/li\u003e\n          \u003cli\u003eImprovement in rough skin touch\u003c\/li\u003e\n          \u003cli\u003eBrightens skin tone and reduces bad pigmentation\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"timeline-marker\"\u003eTwo Weeks\u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"timeline-item\"\u003e\n      \u003cdiv class=\"timeline-content\"\u003e\n        \u003ch4\u003eAfter a Month\u003c\/h4\u003e\n        \u003cul class=\"feature-list\"\u003e\n          \u003cli\u003eMore youthful and radiant skin\u003c\/li\u003e\n          \u003cli\u003eReducing the appearance of fine lines\u003c\/li\u003e\n          \u003cli\u003eStrong and resistant skin to external aggressors\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"timeline-marker\"\u003eMonth\u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"timeline-item\"\u003e\n      \u003cdiv class=\"timeline-content\"\u003e\n        \u003ch4\u003eAfter 3 Months\u003c\/h4\u003e\n        \u003cul class=\"feature-list\"\u003e\n          \u003cli\u003eComplete transformation in skin touch and appearance\u003c\/li\u003e\n          \u003cli\u003eContinuous natural glow and radiance\u003c\/li\u003e\n          \u003cli\u003eLarger density in your natural skin appearance\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"timeline-marker\"\u003e3 Months\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Value Section --\u003e\n  \u003cdiv class=\"value-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eUnparalleled Value Price\u003c\/h2\u003e\n    \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;\"\u003eLarge Size\u003c\/h4\u003e\n        \u003cp\u003eLarger than most creams in the market\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"value-card\"\u003e\n        \u003cdiv class=\"value-number\"\u003e4-5 Hours\u003c\/div\u003e\n        \u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eSufficient for a full day\u003c\/h4\u003e\n        \u003cp\u003eFrom daily application for face and body\u003c\/p\u003e\n      \u003c\/div\u003e\n      \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;\"\u003eComponent Purity\u003c\/h4\u003e\n        \u003cp\u003eHigh-quality marine collagen\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"value-card\"\u003e\n        \u003cdiv class=\"value-number\"\u003e12 Hours\u003c\/div\u003e\n        \u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eContinuous Rejuvenation\u003c\/h4\u003e\n        \u003cp\u003eTissue Structure Renewal\u003c\/p\u003e\n      \u003c\/div\u003e\n      \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;\"\u003eMultiple Benefits\u003c\/h4\u003e\n        \u003cp\u003eFace cream + Body + Hands + Intimate area roughness\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Usage Section --\u003e\n  \u003cdiv class=\"usage-section\"\u003e\n    \u003ch2 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003eIdeal Application Method\u003c\/h2\u003e\n    \u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003eFor Best Results\u003c\/h3\u003e\n    \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;\"\u003ePreparation\u003c\/h4\u003e\n        \u003cp\u003eClean the skin well and make sure it's rough\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"usage-step\"\u003e\n        \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n        \u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eApplication\u003c\/h4\u003e\n        \u003cp\u003eApply a suitable amount with circular motions for smoothing\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"usage-step\"\u003e\n        \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n        \u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eMassage\u003c\/h4\u003e\n        \u003cp\u003eMassage for 1-2 minutes until complete absorption\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"usage-step\"\u003e\n        \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n        \u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eRepeat\u003c\/h4\u003e\n        \u003cp\u003eApply morning and evening for best results\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv style=\"margin-top: 3rem;\"\u003e\n      \u003ch4 style=\"color: #9C8102; text-align: center; margin-bottom: 1rem;\"\u003eTips for Ideal Application\u003c\/h4\u003e\n      \u003cdiv class=\"comparison-grid\"\u003e\n        \u003cdiv class=\"comparison-card\"\u003e\n          \u003ch5 style=\"color: #9C8102;\"\u003eFor the Face\u003c\/h5\u003e\n          \u003cp\u003eA quantity the size of the first knuckle is sufficient for the face and neck\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"comparison-card\"\u003e\n          \u003ch5 style=\"color: #9C8102;\"\u003eFor the Body\u003c\/h5\u003e\n          \u003cp\u003eFocus on rough and dry areas\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"comparison-card\"\u003e\n          \u003ch5 style=\"color: #9C8102;\"\u003eFor Hands\u003c\/h5\u003e\n          \u003cp\u003eApply after every wash to protect moisture\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Scientific Image --\u003e\n  \u003cdiv class=\"section\"\u003e\n    \u003cdiv style=\"text-align: center; margin: 3rem 0;\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/marinebr-collagen-hyaluronicbr-acid-gel-927703_1.png?v=1752501285\" alt=\"Scientific Formula\" 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\n  \u003c!-- Call to Action --\u003e\n  \u003cdiv class=\"cta-section\"\u003e\n    \u003ch2 class=\"cta-title\"\u003eWhere the best of the sea meets the latest skin care technologies\u003c\/h2\u003e\n    \u003cp class=\"cta-text\"\u003e\n      \u003cstrong\u003eYour skin deserves the best... And when you deserve it, you feel the density and beauty every day\u003c\/strong\u003e\n    \u003c\/p\u003e\n    \u003cp class=\"cta-text\"\u003eBOBANA Marine Gel is not just a cream... This is an investment in your appearance and confidence. Every drop is filled with the best of the sea and more than you get from the world in the field of skin care.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003edocument.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});\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.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\u003crect width=\"100\" height=\"100\" fill=\"url(%23vitamins)\"\/\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  }\u003c\/style\u003e\n\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  \n  \u003c!-- Hero Section --\u003e\n  \u003cdiv class=\"hero-section\"\u003e\n    \u003ch1 class=\"hero-title\"\u003eIntroduction and comprehensive care for marine collagen and vitamin C\u003c\/h1\u003e\n    \u003cp class=\"hero-subtitle\"\u003eAre you tired of dark spots and pigmentation that won't go away? Your skin needs more than just surface treatment... Your skin needs \u003cstrong\u003eDeep treatment that reaches the roots of pigmentation and eliminates them permanently\u003c\/strong\u003eThe BOBANA gel is not just an opening... It is a comprehensive renewal system for natural skin care.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Product Showcase --\u003e\n  \u003cdiv class=\"product-showcase\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/marinebr-collagen-vitaminbr-c-gel-175471.webp?v=1752503132\" alt=\"BOBANA Marine Collagen \u0026amp; Vitamin C Gel\" class=\"product-image\"\u003e\n    \n    \u003ch2 class=\"product-name\"\u003eBOBANA Marine Collagen \u0026amp; Vitamin C Gel - The power of sea vitamins for lasting skin care\u003c\/h2\u003e\n    \n    \u003cp class=\"product-intro\"\u003eThe marine collagen and vitamin C gel from BOBANA in 250 ml. An advanced formula that combines pure marine collagen and stabilized vitamin C in revolutionary capsules for safe opening and lasting natural skin care.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\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\"\u003eMultiple benefits in one product\u003c\/h2\u003e\n        \u003cp\u003eNot just an ordinary opening... It is a renewal and comprehensive care system that treats pigmentation from the roots and nourishes the skin from the inside out.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/marinebr-collagen-vitaminbr-c-gel-743469.webp?v=1752503131\" alt=\"Benefits\" class=\"content-image\"\u003e\n    \u003c\/div\u003e\n    \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\"\u003eDark spot treatment\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eIt works to treat dark spots and superficial pigmentation effectively based on scientific evidence\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003eU\u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eSkin tone evening\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eStabilized vitamin C evens skin tones and gives them a homogeneous radiance\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003eE\u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eSkin elasticity improvement\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eMarine collagen firms the skin and restores its elasticity and vitality\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003eP\u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eProtection from wrinkles\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eQuality active ingredients protect the skin from harmful external factors and pollution\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003eH\u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eDeep hydration\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eIt provides lasting moisture with a feeling of soft skin touch and nourishment\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"benefit-card\"\u003e\n        \u003cdiv class=\"benefit-icon\"\u003eA\u003c\/div\u003e\n        \u003ch3 class=\"benefit-title\"\u003eAnti-aging effects\u003c\/h3\u003e\n        \u003cp class=\"benefit-description\"\u003eIt increases cell renewal and reduces the appearance of fine lines and wrinkles\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\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;\"\u003eAdvanced modern components\u003c\/h2\u003e\n    \n    \u003cdiv class=\"ingredient-cards\"\u003e\n      \u003cdiv class=\"ingredient-card\"\u003e\n        \u003ch4 class=\"ingredient-title\"\u003eMarine collagen\u003c\/h4\u003e\n        \u003cp class=\"ingredient-subtitle\"\u003eThe quality basis for healthy skin\u003c\/p\u003e\n        \u003cul class=\"feature-list white\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eAccurate details\u003c\/strong\u003e It targets the deep skin layers\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003e99.7% purity\u003c\/strong\u003e It ensures the best results\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eIt increases natural collagen production\u003c\/strong\u003e 73% more effective\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eIt improves skin elasticity\u003c\/strong\u003e And reduces aging effects\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ingredient-card\"\u003e\n        \u003ch4 class=\"ingredient-title\"\u003eStabilized vitamin C capsules\u003c\/h4\u003e\n        \u003cp class=\"ingredient-subtitle\"\u003eThey deliver advanced opening technology\u003c\/p\u003e\n        \u003cul class=\"feature-list white\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eA gentle warming system\u003c\/strong\u003e It ensures lasting effectiveness all day long\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eProtection from wrinkles\u003c\/strong\u003e It maintains vitamin C power\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eEffective opening for dark spots\u003c\/strong\u003e And skin tone evening\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eStrong quality active\u003c\/strong\u003e It combats free radicals and pollution\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ingredient-card\"\u003e\n        \u003ch4 class=\"ingredient-title\"\u003eNiacinamide (Vitamin B3)\u003c\/h4\u003e\n        \u003cp class=\"ingredient-subtitle\"\u003eThe ideal companion for vitamin C\u003c\/p\u003e\n        \u003cul class=\"feature-list white\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eIt accelerates the opening process\u003c\/strong\u003e And enhances results\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eIt reduces melanin production\u003c\/strong\u003e The cause of pigmentation\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eIt regulates sebum production\u003c\/strong\u003e For oily and mixed skin\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eIt firms skin tissue\u003c\/strong\u003e Natural against pollution\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ingredient-card\"\u003e\n        \u003ch4 class=\"ingredient-title\"\u003eGrapeseed oil\u003c\/h4\u003e\n        \u003cp class=\"ingredient-subtitle\"\u003eDeep skin hydration\u003c\/p\u003e\n        \u003cul class=\"feature-list white\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eDeep hydration without greasiness\u003c\/strong\u003e Suitable for all skin types\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eNatural antioxidant organization\u003c\/strong\u003e For the skin\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eSpecial addition for wrinkles\u003c\/strong\u003e It supports vitamin C change\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eQuick absorption\u003c\/strong\u003e Without oily touch residue\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ingredient-card\"\u003e\n        \u003ch4 class=\"ingredient-title\"\u003eTea tree oil\u003c\/h4\u003e\n        \u003cp class=\"ingredient-subtitle\"\u003eNatural change and purification\u003c\/p\u003e\n        \u003cul class=\"feature-list white\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eNatural addition for bacteria\u003c\/strong\u003e It protects the skin from allergies\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eRedness relief and irritation\u003c\/strong\u003e Special after sun exposure for the sun\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eChange for a smooth texture\u003c\/strong\u003e Without skin pigmentation\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eIt supports renewal activity\u003c\/strong\u003e Natural for cells\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Comparison Section --\u003e\n  \u003cdiv class=\"comparison-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eWhy is BOBANA vitamin C different from all skin care products?\u003c\/h2\u003e\n    \n    \u003cdiv class=\"two-column\"\u003e\n      \u003cdiv class=\"text-content\"\u003e\n        \u003ch3\u003eThe real difference in composition\u003c\/h3\u003e\n        \u003cp\u003eWith regular skin care products that rely on unstable vitamin C that loses its effectiveness quickly, BOBANA uses stabilized capsule technology of stabilized marine capsules to maintain vitamin C power.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/marinebr-collagen-vitaminbr-c-gel-903374.webp?v=1752503131\" alt=\"Advanced Formula\" class=\"content-image\"\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"comparison-grid\"\u003e\n      \u003cdiv class=\"comparison-card negative\"\u003e\n        \u003ch4 class=\"comparison-title\"\u003eRegular skin care products\u003c\/h4\u003e\n        \u003cul style=\"list-style: none; padding: 0;\"\u003e\n          \u003cli\u003eUnstable vitamin C that loses its effectiveness\u003c\/li\u003e\n          \u003cli\u003eWeak focus not effective for results\u003c\/li\u003e\n          \u003cli\u003eSurface change only\u003c\/li\u003e\n          \u003cli\u003eIt causes dryness and peeling for the skin\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"comparison-card positive\"\u003e\n        \u003ch4 class=\"comparison-title\"\u003eBOBANA vitamin C gel\u003c\/h4\u003e\n        \u003cul style=\"list-style: none; padding: 0;\"\u003e\n          \u003cli\u003eStabilized vitamin C capsules that maintain effectiveness\u003c\/li\u003e\n          \u003cli\u003eBalanced and safe focus gives results without dryness\u003c\/li\u003e\n          \u003cli\u003eDeep and lasting change improves with continuity\u003c\/li\u003e\n          \u003cli\u003eMoisturizing and opening in the same time\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv style=\"margin-top: 2rem;\"\u003e\n      \u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eIt increases continuity\u003c\/h4\u003e\n      \u003cdiv class=\"comparison-grid\"\u003e\n        \u003cdiv class=\"comparison-card\"\u003e\n          \u003ch5 style=\"color: #9C8102;\"\u003eThe face\u003c\/h5\u003e\n          \u003cp\u003eDark spot treatment and tone evening and natural care\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"comparison-card\"\u003e\n          \u003ch5 style=\"color: #9C8102;\"\u003eThe body\u003c\/h5\u003e\n          \u003cp\u003eTreatment of back and elbow pigmentation and dark areas\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"comparison-card\"\u003e\n          \u003ch5 style=\"color: #9C8102;\"\u003eThe hands\u003c\/h5\u003e\n          \u003cp\u003eTreatment of age dark spots and sun exposure\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"comparison-card\"\u003e\n          \u003ch5 style=\"color: #9C8102;\"\u003eThe neck\u003c\/h5\u003e\n          \u003cp\u003eSkin tone evening and touch improvement\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Value Section --\u003e\n  \u003cdiv class=\"value-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eAn investment price that cannot be compared\u003c\/h2\u003e\n    \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;\"\u003eLarge size\u003c\/h4\u003e\n        \u003cp\u003eLarger than the average size of skin care products in the market\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"value-card\"\u003e\n        \u003cdiv class=\"value-number\"\u003e4-5 months\u003c\/div\u003e\n        \u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eEnough for a full season\u003c\/h4\u003e\n        \u003cp\u003eFrom daily use for the face and body\u003c\/p\u003e\n      \u003c\/div\u003e\n      \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;\"\u003eCollagen purity\u003c\/h4\u003e\n        \u003cp\u003eMarine collagen based on quality and purity\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"value-card\"\u003e\n        \u003cdiv class=\"value-number\"\u003eStabilized\u003c\/div\u003e\n        \u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eStable vitamin C\u003c\/h4\u003e\n        \u003cp\u003eStabilized capsule technology\u003c\/p\u003e\n      \u003c\/div\u003e\n      \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;\"\u003eMultiple benefits\u003c\/h4\u003e\n        \u003cp\u003eOpening + hydration + wrinkle addition + shine elimination\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Timeline Results --\u003e\n  \u003cdiv class=\"timeline-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eThe transformation journey with BOBANA vitamin C\u003c\/h2\u003e\n    \n    \u003cdiv class=\"timeline-item\"\u003e\n      \u003cdiv class=\"timeline-content\"\u003e\n        \u003ch4\u003eFrom the first use\u003c\/h4\u003e\n        \u003cul class=\"feature-list\"\u003e\n          \u003cli\u003eFeeling of freshness in youth and hydration\u003c\/li\u003e\n          \u003cli\u003eSoft touch and natural care lightly\u003c\/li\u003e\n          \u003cli\u003eQuick absorption without greasiness or stickiness\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"timeline-marker\"\u003eFirst use\u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"timeline-item\"\u003e\n      \u003cdiv class=\"timeline-content\"\u003e\n        \u003ch4\u003eAfter a week\u003c\/h4\u003e\n        \u003cul class=\"feature-list\"\u003e\n          \u003cli\u003eImprovement and clarity in skin care\u003c\/li\u003e\n          \u003cli\u003eGradual opening of light pigmentation\u003c\/li\u003e\n          \u003cli\u003eImprovement in skin texture and touch\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"timeline-marker\"\u003eA week\u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"timeline-item\"\u003e\n      \u003cdiv class=\"timeline-content\"\u003e\n        \u003ch4\u003eAfter two weeks\u003c\/h4\u003e\n        \u003cul class=\"feature-list\"\u003e\n          \u003cli\u003eDark spot opening treatment\u003c\/li\u003e\n          \u003cli\u003eBest for skin tones\u003c\/li\u003e\n          \u003cli\u003eExtra in elasticity and skin firmness\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"timeline-marker\"\u003eTwo weeks\u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"timeline-item\"\u003e\n      \u003cdiv class=\"timeline-content\"\u003e\n        \u003ch4\u003eAfter a month\u003c\/h4\u003e\n        \u003cul class=\"feature-list\"\u003e\n          \u003cli\u003eBig improvement in tone and skin care\u003c\/li\u003e\n          \u003cli\u003eReducing clarity in pigmentation and dark spots\u003c\/li\u003e\n          \u003cli\u003eSkin more youthful and vital\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"timeline-marker\"\u003eMonth\u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"timeline-item\"\u003e\n      \u003cdiv class=\"timeline-content\"\u003e\n        \u003ch4\u003eAfter 3 months\u003c\/h4\u003e\n        \u003cul class=\"feature-list\"\u003e\n          \u003cli\u003eComplete transformation in skin care and purity\u003c\/li\u003e\n          \u003cli\u003eUnified natural and smooth tones from pigmentation\u003c\/li\u003e\n          \u003cli\u003eQuality and nourished skin from the inside out\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"timeline-marker\"\u003e3 months\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Usage Section --\u003e\n  \u003cdiv class=\"usage-section\"\u003e\n    \u003ch2 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003eThe ideal use method\u003c\/h2\u003e\n    \u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003eTo get the best results\u003c\/h3\u003e\n    \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;\"\u003ePreparation\u003c\/h4\u003e\n        \u003cp\u003eClean the skin well and make sure it is dry\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"usage-step\"\u003e\n        \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n        \u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eApplication\u003c\/h4\u003e\n        \u003cp\u003eA suitable amount with gentle circular movements for texture\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"usage-step\"\u003e\n        \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n        \u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eMassage\u003c\/h4\u003e\n        \u003cp\u003eContinue 1-2 minutes until complete absorption\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"usage-step\"\u003e\n        \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n        \u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eProtection\u003c\/h4\u003e\n        \u003cp\u003eApply and stay in the morning sun to protect the results\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\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;\"\u003eImportant tips for safe use\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\u003ePrefer nighttime use\u003c\/strong\u003e To avoid vitamin C sensitivity from the sun\u003c\/li\u003e\n      \u003cli style=\"margin: 0.5rem 0; color: #555;\"\u003e\n\u003cstrong\u003eUse daily morning after day\u003c\/strong\u003e Then add training gradually\u003c\/li\u003e\n      \u003cli style=\"margin: 0.5rem 0; color: #555;\"\u003e\n\u003cstrong\u003eAvoid the area around the eyes\u003c\/strong\u003e And use a special product for them\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Scientific Image --\u003e\n  \u003cdiv class=\"section\"\u003e\n    \u003cdiv style=\"text-align: center; margin: 3rem 0;\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-marine-collagen-vitamin-c-gel-179932.png?v=1752503467\" alt=\"Scientific Formula\" 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\n  \u003c!-- Call to Action --\u003e\n  \u003cdiv class=\"cta-section\"\u003e\n    \u003ch2 class=\"cta-title\"\u003eYour decision... Organize the care in your hands\u003c\/h2\u003e\n    \u003cp class=\"cta-text\"\u003eThe BOBANA vitamin C gel is not just an opening... It is an investment in your skin health and your confidence in yourself. Every drop of it is filled with the treasures of the sea and the power of stabilized vitamin C for safe and continuous results.\n    \u003c\/p\u003e\n    \u003cp class=\"cta-text\"\u003e\n      \u003cstrong\u003eFrom BOBANA Marine Collagen \u0026amp; Vitamin C Gel - Where marine collagen meets the power of vitamin C for lasting natural skin care\u003c\/strong\u003e\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003edocument.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});\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    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  }\u003c\/style\u003e\n\n\u003cdiv class=\"bobana-retinol-container\"\u003e\n  \u003c!-- Hero Section --\u003e\n  \u003cdiv class=\"hero-section\"\u003e\n    \u003ch1 class=\"hero-title\"\u003eBobana Marine Collagen \u0026amp; Retinol Gel\u003c\/h1\u003e\n    \u003ch2 class=\"hero-subtitle\"\u003eThe Strongest Anti-Aging Solution with Marine Collagen and Retinol\u003c\/h2\u003e\n    \u003cp class=\"hero-description\"\u003eHave you started noticing signs of aging on your face? Fine lines around the eyes, wrinkles deepening, skin losing its elasticity from the first time... \u003cstrong\u003eNo medical symptoms that require treatment, no procedures that require their renewal with science and advanced technology\u003c\/strong\u003e.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Product Showcase --\u003e\n  \u003cdiv class=\"product-showcase\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana_marine_collagen_retinol_gel.png?v=1752504892\" alt=\"Get Bobana Marine Collagen \u0026amp; Retinol\" class=\"product-image\"\u003e\n    \n    \u003cp class=\"intro-text\"\u003e\n      \u003cstrong\u003eBobana Retinol Gel is not just a cream... It's a powerful weapon against time and signs of aging\u003c\/strong\u003e\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Benefits Section --\u003e\n  \u003cdiv class=\"benefits-container\"\u003e\n    \u003ch2 class=\"section-title\"\u003ePowerful Benefits for Superior Skin\u003c\/h2\u003e\n    \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\u003eTighten Loose Skin\n          \u003c\/h3\u003e\n          \u003cp class=\"benefit-description\"\u003eMarine collagen rebuilds your skin's structure and protects it from deep layers\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"benefit-item\"\u003e\n          \u003ch3 class=\"benefit-title\"\u003e\n            \u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003eReduce Lines and Wrinkles\n          \u003c\/h3\u003e\n          \u003cp class=\"benefit-description\"\u003eRetinol accelerates cell renewal and reduces the depth of existing wrinkles\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"benefit-item\"\u003e\n          \u003ch3 class=\"benefit-title\"\u003e\n            \u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003eEnhance Cell Renewal\n          \u003c\/h3\u003e\n          \u003cp class=\"benefit-description\"\u003eSpeeds up the natural renewal process for the skin by up to 300%\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"benefit-item\"\u003e\n          \u003ch3 class=\"benefit-title\"\u003e\n            \u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003eImprove Skin Texture\n          \u003c\/h3\u003e\n          \u003cp class=\"benefit-description\"\u003eTreats roughness and dryness and provides a smooth texture\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"benefit-item\"\u003e\n          \u003ch3 class=\"benefit-title\"\u003e\n            \u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003eCombat Signs of Aging\n          \u003c\/h3\u003e\n          \u003cp class=\"benefit-description\"\u003ePrevents new line and wrinkle formation and protects against environmental stressors\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"benefit-item\"\u003e\n          \u003ch3 class=\"benefit-title\"\u003e\n            \u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003eEnhance Radiance\n          \u003c\/h3\u003e\n          \u003cp class=\"benefit-description\"\u003eMaintains the middle layers of the skin and reveals more radiant and youthful skin\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-marine-collagen-retinol-gel-332110.webp?v=1752504686\" alt=\"Benefits\" class=\"benefits-image\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Ingredients Section --\u003e\n  \u003cdiv class=\"ingredients-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003ePowerful Ingredients for Exceptional Results\u003c\/h2\u003e\n    \n    \u003cdiv class=\"ingredients-grid\"\u003e\n      \u003cdiv class=\"ingredient-card\"\u003e\n        \u003ch3 class=\"ingredient-title\"\u003eMarine Collagen\u003c\/h3\u003e\n        \u003cp class=\"ingredient-subtitle\"\u003eThe Strong Base for Youthful Skin\u003c\/p\u003e\n        \u003cul class=\"ingredient-list\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eRebuilds Skin Structure\u003c\/strong\u003e From Deep Layers\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eIncreases Natural Collagen Production\u003c\/strong\u003e By 85%\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eTightens Skin\u003c\/strong\u003e And Reduces Sagging in Shape and Volume\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eProduct Details\u003c\/strong\u003e Effectively Reduces Skin Depth\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ingredient-card\"\u003e\n        \u003ch3 class=\"ingredient-title\"\u003eRetinol Microbeads\u003c\/h3\u003e\n        \u003cp class=\"ingredient-subtitle\"\u003eBest Anti-Aging Components\u003c\/p\u003e\n        \u003cul class=\"ingredient-list\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eTraining Mode System\u003c\/strong\u003e Reduces Irritation and Increases Effectiveness\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eIncreases Cell Renewal\u003c\/strong\u003e With Controlled Strength\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eReduces Wrinkle Depth\u003c\/strong\u003e Existing and Creates New Texture\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eProtection from Stress\u003c\/strong\u003e Preserves Retinol Strength\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ingredient-card\"\u003e\n        \u003ch3 class=\"ingredient-title\"\u003eRetinol Booster\u003c\/h3\u003e\n        \u003cp class=\"ingredient-subtitle\"\u003eActive Problems from Vitamin A\u003c\/p\u003e\n        \u003cul class=\"ingredient-list\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eChange to Smooth and Moist\u003c\/strong\u003e Maintains Dead Skin Cells\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eEnhance Repair Operations\u003c\/strong\u003e Natural for Skin\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eImprove Cell Renewal Rate\u003c\/strong\u003e From 28 Days to 14 Days\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eReduce Pore Size\u003c\/strong\u003e And Improve Skin Texture\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ingredient-card\"\u003e\n        \u003ch3 class=\"ingredient-title\"\u003eNiacinamide (Vitamin B3)\u003c\/h3\u003e\n        \u003cp class=\"ingredient-subtitle\"\u003eThe Perfect Companion for Retinol\u003c\/p\u003e\n        \u003cul class=\"ingredient-list\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eReduces Irritation\u003c\/strong\u003e Expected from Retinol\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eImproves Skin Barrier\u003c\/strong\u003e And Increases Its Resistance\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eRegulates Oil Production\u003c\/strong\u003e And Reduces Shine\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eEnhances Retinol Effect\u003c\/strong\u003e And Speeds Results\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ingredient-card\"\u003e\n        \u003ch3 class=\"ingredient-title\"\u003eJojoba Oil\u003c\/h3\u003e\n        \u003cp class=\"ingredient-subtitle\"\u003eBalanced Moisturizer\u003c\/p\u003e\n        \u003cul class=\"ingredient-list\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eReduces Irritation\u003c\/strong\u003e Expected from Retinol\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eDeep Moisturization\u003c\/strong\u003e Without Pore Clogging\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eSupports Repair Operations\u003c\/strong\u003e And Renewal\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eQuick Absorption\u003c\/strong\u003e Without Greasiness\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ingredient-card\"\u003e\n        \u003ch3 class=\"ingredient-title\"\u003eTea Tree Oil\u003c\/h3\u003e\n        \u003cp class=\"ingredient-subtitle\"\u003eProtection and Refreshment\u003c\/p\u003e\n        \u003cul class=\"ingredient-list\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eAdded to Pigmentation\u003c\/strong\u003e Revitalizes New Skin\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eNatural Calming\u003c\/strong\u003e For Allergies and Irritation\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eTightens Pores\u003c\/strong\u003e Deep Without Tightening\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eSupports Repair Operations\u003c\/strong\u003e Natural\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Comparison Section --\u003e\n  \u003cdiv class=\"comparison-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eWhy is Bobana Retinol the Strongest in Combating Aging?\u003c\/h2\u003e\n    \n    \u003cdiv class=\"comparison-grid\"\u003e\n      \u003cdiv class=\"comparison-card negative\"\u003e\n        \u003ch3 class=\"comparison-title\"\u003eDisadvantages of Conventional Retinols\u003c\/h3\u003e\n        \u003cdiv class=\"comparison-item\"\u003e\n\u003cstrong\u003eNon-Stabilized Retinol\u003c\/strong\u003e Loses Its Effectiveness Quickly\u003c\/div\u003e\n        \u003cdiv class=\"comparison-item\"\u003e\n\u003cstrong\u003eSevere Irritation\u003c\/strong\u003e Especially for Beginners\u003c\/div\u003e\n        \u003cdiv class=\"comparison-item\"\u003e\n\u003cstrong\u003eThick Texture\u003c\/strong\u003e Not Suitable for Oily Skin\u003c\/div\u003e\n        \u003cdiv class=\"comparison-item\"\u003e\n\u003cstrong\u003eFrequent Irritation\u003c\/strong\u003e Requires Additional Skin Treatment\u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"comparison-card positive\"\u003e\n        \u003ch3 class=\"comparison-title\"\u003eBobana Retinol Gel\u003c\/h3\u003e\n        \u003cdiv class=\"comparison-item\"\u003e\n\u003cstrong\u003eStabilized Retinol Layers\u003c\/strong\u003e Maintains Activity and Stability\u003c\/div\u003e\n        \u003cdiv class=\"comparison-item\"\u003e\n\u003cstrong\u003eTraining Mode\u003c\/strong\u003e Reduces Irritation and Increases Tolerance\u003c\/div\u003e\n        \u003cdiv class=\"comparison-item\"\u003e\n\u003cstrong\u003eBalanced with Natural Medicines\u003c\/strong\u003e For Ideal Balance\u003c\/div\u003e\n        \u003cdiv class=\"comparison-item\"\u003e\n\u003cstrong\u003eSuperior Results\u003c\/strong\u003e With Greater Comfort for the Skin\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Value Section --\u003e\n  \u003cdiv class=\"value-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eExceptional Value for Combating Aging\u003c\/h2\u003e\n    \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\"\u003eLarge Size\u003c\/h4\u003e\n        \u003cp class=\"value-description\"\u003eLarger than Most Retinol Products in the Market\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"value-card\"\u003e\n        \u003cdiv class=\"value-number\"\u003e4-5 Months\u003c\/div\u003e\n        \u003ch4 class=\"value-title\"\u003eEnough for a Full Course\u003c\/h4\u003e\n        \u003cp class=\"value-description\"\u003eFrom the Organized American Production\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"value-card\"\u003e\n        \u003cdiv class=\"value-number\"\u003ePure\u003c\/div\u003e\n        \u003ch4 class=\"value-title\"\u003eQuality Ingredients\u003c\/h4\u003e\n        \u003cp class=\"value-description\"\u003eStabilized Retinol and Marine Collagen from the Best Components\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"value-card\"\u003e\n        \u003cdiv class=\"value-number\"\u003eEconomical\u003c\/div\u003e\n        \u003ch4 class=\"value-title\"\u003eSmart Production\u003c\/h4\u003e\n        \u003cp class=\"value-description\"\u003eLow Cost Sufficient for Comprehensive Coverage\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"value-card\"\u003e\n        \u003cdiv class=\"value-number\"\u003e4 in 1\u003c\/div\u003e\n        \u003ch4 class=\"value-title\"\u003eAdvanced Formula\u003c\/h4\u003e\n        \u003cp class=\"value-description\"\u003eCombat Wrinkles + Firm Skin + Renew Cells + Treatment\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Timeline Section --\u003e\n  \u003cdiv class=\"timeline-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eThe Transformation Journey with Bobana Retinol\u003c\/h2\u003e\n    \n    \u003cdiv class=\"timeline-container\"\u003e\n      \u003cdiv class=\"timeline-item\"\u003e\n        \u003cdiv class=\"timeline-content\"\u003e\n          \u003ch4 class=\"timeline-title\"\u003eThe First Week - Adaptation\u003c\/h4\u003e\n          \u003cul class=\"timeline-list\"\u003e\n            \u003cli\u003eTreatment Without Severe Irritation\u003c\/li\u003e\n            \u003cli\u003eImprovement in Skin Freshness\u003c\/li\u003e\n            \u003cli\u003eBegin Cell Renewal Operations\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"timeline-marker\"\u003eWeek 1\u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"timeline-item\"\u003e\n        \u003cdiv class=\"timeline-content\"\u003e\n          \u003ch4 class=\"timeline-title\"\u003eThe Second Week - Enhancement\u003c\/h4\u003e\n          \u003cul class=\"timeline-list\"\u003e\n            \u003cli\u003eIncrease in Skin Radiance and Radiance\u003c\/li\u003e\n            \u003cli\u003eBegin Improving Skin Texture\u003c\/li\u003e\n            \u003cli\u003eReduce Light in Fine Lines\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"timeline-marker\"\u003eWeek 2\u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"timeline-item\"\u003e\n        \u003cdiv class=\"timeline-content\"\u003e\n          \u003ch4 class=\"timeline-title\"\u003eThe First Month - Clear Results\u003c\/h4\u003e\n          \u003cul class=\"timeline-list\"\u003e\n            \u003cli\u003eImprove Features in Fine Lines\u003c\/li\u003e\n            \u003cli\u003eFirm and Clear Skin and Improvement in Elasticity\u003c\/li\u003e\n            \u003cli\u003eImprovement in Skin Tone Uniformity\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"timeline-marker\"\u003eMonth 1\u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"timeline-item\"\u003e\n        \u003cdiv class=\"timeline-content\"\u003e\n          \u003ch4 class=\"timeline-title\"\u003eThe Second Month - Continuous Development\u003c\/h4\u003e\n          \u003cul class=\"timeline-list\"\u003e\n            \u003cli\u003eGreat Reduction in Wrinkle Depth\u003c\/li\u003e\n            \u003cli\u003eMore Radiant and Fresh Skin\u003c\/li\u003e\n            \u003cli\u003eImprovement in Pore Size and Skin Texture\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"timeline-marker\"\u003eMonth 2\u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"timeline-item\"\u003e\n        \u003cdiv class=\"timeline-content\"\u003e\n          \u003ch4 class=\"timeline-title\"\u003eThe Third Month - Complete Transformation\u003c\/h4\u003e\n          \u003cul class=\"timeline-list\"\u003e\n            \u003cli\u003eAmazing Results in Combating Signs of Aging\u003c\/li\u003e\n            \u003cli\u003eStrong, Quality and Renewed Skin\u003c\/li\u003e\n            \u003cli\u003eShines Younger by Years\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"timeline-marker\"\u003eMonth 3\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Usage Section --\u003e\n  \u003cdiv class=\"usage-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eSafe and Effective Usage Method\u003c\/h2\u003e\n    \u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003eTo Get the Best Results Safely\u003c\/h3\u003e\n    \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\"\u003eGradual Treatment Start\u003c\/h4\u003e\n        \u003cp class=\"step-description\"\u003eUse Every Other Day in the First Week\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"usage-step\"\u003e\n        \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n        \u003ch4 class=\"step-title\"\u003eCleaning\u003c\/h4\u003e\n        \u003cp class=\"step-description\"\u003eWash Face Well and Wait 20-30 Minutes Before Application\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"usage-step\"\u003e\n        \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n        \u003ch4 class=\"step-title\"\u003eApplication\u003c\/h4\u003e\n        \u003cp class=\"step-description\"\u003eApply a Small Amount and Avoid Eye and Mouth Area\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"usage-step\"\u003e\n        \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n        \u003ch4 class=\"step-title\"\u003eFollow-up\u003c\/h4\u003e\n        \u003cp class=\"step-description\"\u003eAdd Moisturizer According to Skin Tolerance\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Warning Section --\u003e\n  \u003cdiv class=\"warning-section\"\u003e\n    \u003ch3 class=\"warning-title\"\u003eImportant Warnings for Safety\u003c\/h3\u003e\n    \n    \u003cdiv class=\"warning-grid\"\u003e\n      \u003cdiv class=\"warning-item\"\u003e\n        \u003cstrong\u003eFor Only Adult Use\u003c\/strong\u003e - Retinol Increases Skin Sensitivity to Sun\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"warning-item\"\u003e\n        \u003cstrong\u003eUse and Avoid Direct Sun Exposure\u003c\/strong\u003e In the Morning\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"warning-item\"\u003e\n        \u003cstrong\u003eAvoid Eye and Mouth Area\u003c\/strong\u003e Temporarily\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"warning-item\"\u003e\n        \u003cstrong\u003eSpecific for Ages Over 27 Years\u003c\/strong\u003e - Not Suitable for Young Skin\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"warning-item\"\u003e\n        \u003cstrong\u003eStop Use Immediately\u003c\/strong\u003e In Case of New Irritation\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"warning-item\"\u003e\n        \u003cstrong\u003eDoctor's Advice\u003c\/strong\u003e - Real Results Appear After 4-6 Weeks\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Suitability Section --\u003e\n  \u003cdiv class=\"suitability-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eWho Should Not Use This Product?\u003c\/h2\u003e\n    \n    \u003cdiv class=\"suitability-grid\"\u003e\n      \u003cdiv class=\"suitability-card suitable\"\u003e\n        \u003ch3 class=\"suitability-title\"\u003eSuitable for You If You Are\u003c\/h3\u003e\n        \u003cdiv class=\"comparison-item\"\u003eIn the Last Twenties or Older\u003c\/div\u003e\n        \u003cdiv class=\"comparison-item\"\u003eSuffering from Real Fine Lines or Early Wrinkles\u003c\/div\u003e\n        \u003cdiv class=\"comparison-item\"\u003eWant to Tighten Loose Skin\u003c\/div\u003e\n        \u003cdiv class=\"comparison-item\"\u003eLooking for a Strong and Effective Anti-Aging Solution\u003c\/div\u003e\n        \u003cdiv class=\"comparison-item\"\u003eYour Skin Can Handle Quality Components\u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"suitability-card not-suitable\"\u003e\n        \u003ch3 class=\"suitability-title\"\u003eNot Suitable If You Are\u003c\/h3\u003e\n        \u003cdiv class=\"comparison-item\"\u003eUnder 25 Years Old - Your Skin Doesn't Need This Power Yet\u003c\/div\u003e\n        \u003cdiv class=\"comparison-item\"\u003ePregnant or Sick - Retinol is Not Safe in These Periods\u003c\/div\u003e\n        \u003cdiv class=\"comparison-item\"\u003eSuffering from Severe Sensitivity to Retinol\u003c\/div\u003e\n        \u003cdiv class=\"comparison-item\"\u003eUsing Other Strong Treatments for the Skin\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Call to Action --\u003e\n  \u003cdiv class=\"cta-section\"\u003e\n    \u003ch2 class=\"cta-title\"\u003eLook... Hold the Youth Key in Your Hands\u003c\/h2\u003e\n    \u003cp class=\"cta-text\"\u003e\n      \u003cstrong\u003eTime Doesn't Stop... And Signs of Aging Don't Stop at Their Limit\u003c\/strong\u003e\n    \u003c\/p\u003e\n    \u003cp class=\"cta-text\"\u003eBobana Retinol Gel is Your Strongest Weapon Against Time. Every Drop Contains Advanced Anti-Aging Technologies That Science Has Achieved. Not Just a Product... It's a Revolution in Your Skin's Care.\n    \u003c\/p\u003e\n    \u003cp class=\"cta-text\"\u003e\n      \u003cstrong\u003eBeat Time Take More from Your Beauty Than a Cream\u003c\/strong\u003e\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Ingredients List --\u003e\n  \u003cdiv class=\"ingredients-list-section\"\u003e\n    \u003ch3 class=\"ingredients-list-title\"\u003eFull Ingredients List\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\n\u003cscript\u003edocument.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});\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":"Beauty of Joseon Ground Rice and Honey Glow Mask","description":"\u003cdiv class=\"joseon-mask-container\"\u003e\n  \u003c!-- Hero Section --\u003e\n  \u003cdiv class=\"hero-section\"\u003e\n    \u003ch1 class=\"hero-title\"\u003eBeauty of Joseon Rice \u0026 Honey Mask\u003c\/h1\u003e\n    \u003ch2 class=\"hero-subtitle\"\u003eAuthentic Korean heritage meets modern science for truly captivating skin\u003c\/h2\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Video Section --\u003e\n  \u003cdiv class=\"video-section\"\u003e\n    \u003cvideo class=\"product-video\" autoplay muted loop playsinline\u003e\n      \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/bc11445f95824d6eb6950c6ea63d2d23.mp4\" type=\"video\/mp4\"\u003e\n      Your browser does not support video playback.\n    \u003c\/source\u003e\u003c\/video\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Heritage Section --\u003e\n  \u003cdiv class=\"heritage-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eThe Joseon Story and the Art of Korean Beauty\u003c\/h2\u003e\n    \n    \u003cdiv class=\"heritage-layout\"\u003e\n      \u003cdiv class=\"heritage-content\"\u003e\n        \u003cp class=\"heritage-text\"\u003e\n          Over 500 years ago, women of the Joseon dynasty discovered something groundbreaking: blending rice flour with pure honey wasn't just a recipe—it was real science. This wasn't about trends; it was the result of centuries of experimentation and refinement.\n        \u003c\/p\u003e\n        \n        \u003ch3 class=\"heritage-subtitle\"\u003eMakgeolli: Korea's Hidden Treasure\u003c\/h3\u003e\n        \u003cp class=\"heritage-text\"\u003e\n          This traditional Korean rice wine is much more than a drink—it's a \u003cstrong\u003ecomplex fermentation process\u003c\/strong\u003e that produces rare ingredients:\n        \u003c\/p\u003e\n        \n        \u003cul class=\"heritage-list\"\u003e\n          \u003cli\u003e\u003cstrong\u003eNatural Kojic Acid\u003c\/strong\u003e in high concentrations you won’t find anywhere else\u003c\/li\u003e\n          \u003cli\u003e\u003cstrong\u003eFermentation Extracts\u003c\/strong\u003e that fight aging\u003c\/li\u003e\n          \u003cli\u003e\u003cstrong\u003eRare Amino Acids\u003c\/strong\u003e from prolonged traditional fermentation\u003c\/li\u003e\n          \u003cli\u003e\u003cstrong\u003ePowerful Natural Antioxidants\u003c\/strong\u003e you won’t get in ordinary products\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \n        \u003cp class=\"heritage-text\"\u003e\n          Beauty of Joseon isn’t just reviving tradition—they’ve \u003cstrong\u003edeveloped cold extraction technology\u003c\/strong\u003e that keeps these active compounds perfectly intact.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_6.webp?v=1752515865\" alt=\"Korean Heritage\" class=\"heritage-image\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Benefits Section --\u003e\n  \u003cdiv class=\"benefits-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eReal Results You'll Actually Feel\u003c\/h2\u003e\n    \n    \u003cdiv class=\"benefits-layout\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_4.webp?v=1752515868\" alt=\"Benefits\" class=\"benefits-image\"\u003e\n      \n      \u003cdiv class=\"benefits-content\"\u003e\n        \u003cdiv class=\"benefit-item\"\u003e\n          \u003ch3 class=\"benefit-title\"\u003e1. Gentle, Effective Brightening\u003c\/h3\u003e\n          \u003cp class=\"benefit-description\"\u003eUnlike harsh chemical lighteners, this mask brightens \u003cstrong\u003egently and safely\u003c\/strong\u003e:\u003c\/p\u003e\n          \u003cul class=\"benefit-list\"\u003e\n            \u003cli\u003e\u003cstrong\u003eKojic Acid from Makgeolli\u003c\/strong\u003e reduces dark pigment production without irritation\u003c\/li\u003e\n            \u003cli\u003e\u003cstrong\u003eNatural honey enzymes\u003c\/strong\u003e break down stubborn dark spots\u003c\/li\u003e\n            \u003cli\u003e\u003cstrong\u003eAntioxidants\u003c\/strong\u003e prevent new spots from forming\u003c\/li\u003e\n            \u003cli\u003e\u003cstrong\u003eCell renewal\u003c\/strong\u003e promotes newer, healthier skin layers\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"benefit-item\"\u003e\n          \u003ch3 class=\"benefit-title\"\u003e2. Smart, Controlled Exfoliation\u003c\/h3\u003e\n          \u003cp class=\"benefit-description\"\u003eExfoliation is targeted and layered for maximum comfort and results:\u003c\/p\u003e\n          \u003cul class=\"benefit-list\"\u003e\n            \u003cli\u003e\u003cstrong\u003eStep One\u003c\/strong\u003e: Rice powder carefully lifts dead skin cells\u003c\/li\u003e\n            \u003cli\u003e\u003cstrong\u003eStep Two\u003c\/strong\u003e: Honey enzymes dissolve trapped impurities\u003c\/li\u003e\n            \u003cli\u003e\u003cstrong\u003eStep Three\u003c\/strong\u003e: Fermentation acids smooth your skin deeply\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"benefit-item\"\u003e\n          \u003ch3 class=\"benefit-title\"\u003e3. Deep, Lasting Hydration\u003c\/h3\u003e\n          \u003cp class=\"benefit-description\"\u003eThe honey isn’t just moisturizing—it’s a \u003cstrong\u003esmart hydration system\u003c\/strong\u003e:\u003c\/p\u003e\n          \u003cul class=\"benefit-list\"\u003e\n            \u003cli\u003e\u003cstrong\u003ePulls moisture\u003c\/strong\u003e from the air directly to your skin\u003c\/li\u003e\n            \u003cli\u003e\u003cstrong\u003eLocks water in\u003c\/strong\u003e at deeper skin layers\u003c\/li\u003e\n            \u003cli\u003e\u003cstrong\u003eBalances oils\u003c\/strong\u003e without blocking pores\u003c\/li\u003e\n            \u003cli\u003e\u003cstrong\u003eCreates a protective barrier\u003c\/strong\u003e that lasts for hours\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"benefit-item\"\u003e\n          \u003ch3 class=\"benefit-title\"\u003e4. Intelligent Acne Defense\u003c\/h3\u003e\n          \u003cp class=\"benefit-description\"\u003eA unique blend fights bacteria and soothes skin:\u003c\/p\u003e\n          \u003cul class=\"benefit-list\"\u003e\n            \u003cli\u003e\u003cstrong\u003eHoney’s antimicrobial power\u003c\/strong\u003e targets blemish-causing bacteria\u003c\/li\u003e\n            \u003cli\u003e\u003cstrong\u003eKaolin clay\u003c\/strong\u003e absorbs excess oil—just enough, never stripping\u003c\/li\u003e\n            \u003cli\u003e\u003cstrong\u003eFermentation extracts\u003c\/strong\u003e keep good bacteria in balance\u003c\/li\u003e\n            \u003cli\u003e\u003cstrong\u003eNatural cooling action\u003c\/strong\u003e calms redness and inflammation instantly\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Ingredients Section --\u003e\n  \u003cdiv class=\"ingredients-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eIngredients You Won't Find Anywhere Else\u003c\/h2\u003e\n    \n    \u003cdiv class=\"ingredients-layout\"\u003e\n      \u003cdiv class=\"ingredients-content\"\u003e\n        \u003cdiv class=\"ingredient-card\"\u003e\n          \u003ch3 class=\"ingredient-title\"\u003eMakgeolli Lees Extract\u003c\/h3\u003e\n          \u003cp class=\"ingredient-subtitle\"\u003eThe Science Inside\u003c\/p\u003e\n          \u003cp style=\"color: #ccc; margin-bottom: 1rem;\"\u003e\n            Korean fermentation takes \u003cstrong\u003e21–30 days in ultra-special conditions\u003c\/strong\u003e, yielding lees packed with:\n          \u003c\/p\u003e\n          \u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eComplex Chemistry:\u003c\/h4\u003e\n          \u003cul class=\"composition-list\"\u003e\n            \u003cli\u003e\u003cstrong\u003eKojic Acid (2.3%)\u003c\/strong\u003e: The most potent natural lightener known\u003c\/li\u003e\n            \u003cli\u003e\u003cstrong\u003eGalactomyces Ferment Filtrate (15%)\u003c\/strong\u003e: A natural anti-aging superstar\u003c\/li\u003e\n            \u003cli\u003e\u003cstrong\u003eAlpha Hydroxy Acids (0.8%)\u003c\/strong\u003e: For gentle exfoliation\u003c\/li\u003e\n            \u003cli\u003e\u003cstrong\u003eNatural Ceramides (1.2%)\u003c\/strong\u003e: Strengthen your skin barrier\u003c\/li\u003e\n            \u003cli\u003e\u003cstrong\u003eRare Amino Acids (18 types)\u003c\/strong\u003e: Nutrition for deep renewal\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"ingredient-card\"\u003e\n          \u003ch3 class=\"ingredient-title\"\u003eRice Husk Powder\u003c\/h3\u003e\n          \u003cp class=\"ingredient-subtitle\"\u003eExfoliation, But Smarter\u003c\/p\u003e\n          \u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003ePrecisely Engineered:\u003c\/h4\u003e\n          \u003cul class=\"composition-list\"\u003e\n            \u003cli\u003e\u003cstrong\u003eParticle size: 50–100 microns\u003c\/strong\u003e – just right for gentle skin renewal\u003c\/li\u003e\n            \u003cli\u003e\u003cstrong\u003eSmooth, rounded shape\u003c\/strong\u003e prevents scratches or irritation\u003c\/li\u003e\n            \u003cli\u003e\u003cstrong\u003eNatural oil absorption\u003c\/strong\u003e for deep clean—not dryness\u003c\/li\u003e\n            \u003cli\u003e\u003cstrong\u003eBalanced pH (5.5–6.0)\u003c\/strong\u003e matches skin’s natural acidity\u003c\/li\u003e\n          \u003c\/ul\u003e\n          \u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eWhat's Inside:\u003c\/h4\u003e\n          \u003cul class=\"composition-list\"\u003e\n            \u003cli\u003e\u003cstrong\u003eNatural Vitamin E (15 mg\/100g)\u003c\/strong\u003e: A powerful antioxidant\u003c\/li\u003e\n            \u003cli\u003e\u003cstrong\u003eEight essential fatty acids\u003c\/strong\u003e: Nourishing and restorative\u003c\/li\u003e\n            \u003cli\u003e\u003cstrong\u003eRare minerals (selenium, zinc)\u003c\/strong\u003e: Boost renewal and resilience\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"ingredient-card\"\u003e\n          \u003ch3 class=\"ingredient-title\"\u003eNatural Honey 5%\u003c\/h3\u003e\n          \u003cp class=\"ingredient-subtitle\"\u003eSo Much More Than Sweetness\u003c\/p\u003e\n          \u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eActive Enzymes:\u003c\/h4\u003e\n          \u003cul class=\"composition-list\"\u003e\n            \u003cli\u003e\u003cstrong\u003eGlucose Oxidase\u003c\/strong\u003e: Produces natural disinfectant\u003c\/li\u003e\n            \u003cli\u003e\u003cstrong\u003eCatalase\u003c\/strong\u003e: Shields skin from free radicals\u003c\/li\u003e\n            \u003cli\u003e\u003cstrong\u003eInvertase\u003c\/strong\u003e: Boosts nutrient absorption\u003c\/li\u003e\n          \u003c\/ul\u003e\n          \u003ch4 style=\"color: #9C8102; margin: 1rem 0 0.5rem 0;\"\u003eAntibacterial Agents:\u003c\/h4\u003e\n          \u003cul class=\"composition-list\"\u003e\n            \u003cli\u003e\u003cstrong\u003eMethylglyoxal (MGO 400+)\u003c\/strong\u003e: Science-backed antibacterial strength\u003c\/li\u003e\n            \u003cli\u003e\u003cstrong\u003ePinocembrin\u003c\/strong\u003e: Anti-inflammatory, antioxidant flavonoid\u003c\/li\u003e\n            \u003cli\u003e\u003cstrong\u003ePropolis\u003c\/strong\u003e: Nature’s own antibiotic\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_1.webp?v=1752515868\" alt=\"Ingredients\" class=\"ingredients-image\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Comparison Section --\u003e\n  \u003cdiv class=\"comparison-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eHonest Comparison: Why Is This Better?\u003c\/h2\u003e\n    \n    \u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eVersus Traditional Clay Masks\u003c\/h3\u003e\n    \u003ctable class=\"comparison-table\"\u003e\n      \u003cthead\u003e\n        \u003ctr\u003e\n          \u003cth\u003eRegular Clay Masks\u003c\/th\u003e\n          \u003cth\u003eBeauty of Joseon Mask\u003c\/th\u003e\n        \u003c\/tr\u003e\n      \u003c\/thead\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eMixed, impure clays\u003c\/td\u003e\n          \u003ctd\u003e99.2% pure kaolin clay\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eSeverely dries the skin\u003c\/td\u003e\n          \u003ctd\u003eBalanced moisture with honey\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eSurface-level cleansing only\u003c\/td\u003e\n          \u003ctd\u003eDeep cleansing + nourishment\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eJust 3–5 ingredients\u003c\/td\u003e\n          \u003ctd\u003eComplex formula: 25+ actives\u003c\/td\u003e\n        \u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n    \n    \u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eVersus Chemical Peeling Masks\u003c\/h3\u003e\n    \u003ctable class=\"comparison-table\"\u003e\n      \u003cthead\u003e\n        \u003ctr\u003e\n          \u003cth\u003eChemical Peels\u003c\/th\u003e\n          \u003cth\u003eRice \u0026 Honey Mask\u003c\/th\u003e\n        \u003c\/tr\u003e\n      \u003c\/thead\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eHarsh synthetic acids\u003c\/td\u003e\n          \u003ctd\u003eGentle natural acids\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eIrritation and redness\u003c\/td\u003e\n          \u003ctd\u003eSoothing, anti-inflammatory\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eQuick but short-lived results\u003c\/td\u003e\n          \u003ctd\u003eGradual, lasting improvement\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eRequires downtime\u003c\/td\u003e\n          \u003ctd\u003eSafe for frequent use\u003c\/td\u003e\n        \u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n    \n    \u003ch3 style=\"font-size: 1.3rem; color: #9C8102; margin: 2rem 0 1rem 0; text-align: center;\"\u003eVersus Standard Hydration Masks\u003c\/h3\u003e\n    \u003ctable class=\"comparison-table\"\u003e\n      \u003cthead\u003e\n        \u003ctr\u003e\n          \u003cth\u003eRegular Moisturizers\u003c\/th\u003e\n          \u003cth\u003eRice \u0026 Honey Mask\u003c\/th\u003e\n        \u003c\/tr\u003e\n      \u003c\/thead\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eMoisture lasts 2–4 hours\u003c\/td\u003e\n          \u003ctd\u003eHydration lasts 12–24 hours\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eSynthetic silicones and fillers\u003c\/td\u003e\n          \u003ctd\u003eActive natural moisturizers\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eOne main benefit only\u003c\/td\u003e\n          \u003ctd\u003eSix effects at once\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eLeaves residues\u003c\/td\u003e\n          \u003ctd\u003eFully absorbed, no trace\u003c\/td\u003e\n        \u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Timeline Section --\u003e\n  \u003cdiv class=\"timeline-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eYour Journey: From First Use to Transformational Results\u003c\/h2\u003e\n    \n    \u003cdiv class=\"timeline-images\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_7.webp?v=1752515866\" alt=\"Before Results\" class=\"timeline-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_1.jpg?v=1752515867\" alt=\"After Results\" class=\"timeline-image\"\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"timeline-item\"\u003e\n      \u003ch3 class=\"timeline-title\"\u003eFirst Hours: Immediate Impact\u003c\/h3\u003e\n      \u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eWhat your skin experiences in the first 2–4 hours:\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cul class=\"timeline-stats\"\u003e\n        \u003cli\u003e\u003cstrong\u003e65% increase in hydration\u003c\/strong\u003e (measured with specialized devices)\u003c\/li\u003e\n        \u003cli\u003e\u003cstrong\u003e40% improvement in softness\u003c\/strong\u003e (you’ll feel it instantly)\u003c\/li\u003e\n        \u003cli\u003e\u003cstrong\u003e25% reduction in redness\u003c\/strong\u003e (see it in the mirror)\u003c\/li\u003e\n        \u003cli\u003e\u003cstrong\u003e15% boost in radiance\u003c\/strong\u003e (noticeable to others)\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cp class=\"timeline-description\"\u003e\n        \u003cstrong\u003eWhat’s happening beneath the surface:\u003c\/strong\u003e Honey forms a \u003cstrong\u003ethin, natural hydration layer\u003c\/strong\u003e on your skin while the Makgeolli extract starts stimulating \u003cstrong\u003ecollagen production\u003c\/strong\u003e in hours.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"timeline-item\"\u003e\n      \u003ch3 class=\"timeline-title\"\u003eWeek One: Visible Renewal\u003c\/h3\u003e\n      \u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eKey changes:\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cul class=\"timeline-stats\"\u003e\n        \u003cli\u003e\u003cstrong\u003eCell renewal speeds up 30%\u003c\/strong\u003e\u003c\/li\u003e\n        \u003cli\u003e\u003cstrong\u003eStronger outer layers by 20%\u003c\/strong\u003e\u003c\/li\u003e\n        \u003cli\u003e\u003cstrong\u003e35% less water loss from skin\u003c\/strong\u003e\u003c\/li\u003e\n        \u003cli\u003e\u003cstrong\u003eCollagen formation kicks in\u003c\/strong\u003e\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eYou’ll notice:\u003c\/strong\u003e Softer skin, reduced roughness, growing radiance, smaller pores start to improve.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"timeline-item\"\u003e\n      \u003ch3 class=\"timeline-title\"\u003eOne Month: Big Visible Changes\u003c\/h3\u003e\n      \u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eThe major improvements:\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cul class=\"timeline-stats\"\u003e\n        \u003cli\u003e\u003cstrong\u003e8% increase in skin thickness\u003c\/strong\u003e (ultrasound measured)\u003c\/li\u003e\n        \u003cli\u003e\u003cstrong\u003e25% more elasticity\u003c\/strong\u003e\u003c\/li\u003e\n        \u003cli\u003e\u003cstrong\u003e15% reduction in fine lines depth\u003c\/strong\u003e\u003c\/li\u003e\n        \u003cli\u003e\u003cstrong\u003e20% better tone distribution\u003c\/strong\u003e\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eYou’ll see:\u003c\/strong\u003e Dark spots lightening steadily, smaller, tighter pores, unbelievably smooth and even texture, and radiant glow that gets noticed.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"timeline-item\"\u003e\n      \u003ch3 class=\"timeline-title\"\u003eThree Months: The Complete Transformation\u003c\/h3\u003e\n      \u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eFinal results:\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cul class=\"timeline-stats\"\u003e\n        \u003cli\u003e\u003cstrong\u003e40% more collagen\u003c\/strong\u003e\u003c\/li\u003e\n        \u003cli\u003e\u003cstrong\u003e45% improvement in barrier strength\u003c\/strong\u003e\u003c\/li\u003e\n        \u003cli\u003e\u003cstrong\u003e35% less pigmentation\u003c\/strong\u003e\u003c\/li\u003e\n        \u003cli\u003e\u003cstrong\u003e20% smaller pore size\u003c\/strong\u003e\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cp class=\"timeline-description\"\u003e\u003cstrong\u003eA change you’ll see:\u003c\/strong\u003e Brighter, healthier skin than ever, total improvement in tone and texture, younger look and more confidence—even without makeup.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Usage Section --\u003e\n  \u003cdiv class=\"usage-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eHow to Use Like a Pro\u003c\/h2\u003e\n    \n    \u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003eYour step-by-step routine\u003c\/h3\u003e\n    \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\"\u003ePrep is Key\u003c\/h4\u003e\n        \u003cdiv class=\"step-content\"\u003e\n          \u003cul class=\"benefit-list\"\u003e\n            \u003cli\u003eCleanse thoroughly and let skin dry completely\u003c\/li\u003e\n            \u003cli\u003eSkin should be at room temperature—not hot or cold\u003c\/li\u003e\n            \u003cli\u003eDon't use toner right before the mask\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"usage-step\"\u003e\n        \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n        \u003ch4 class=\"step-title\"\u003ePerfect Application\u003c\/h4\u003e\n        \u003cdiv class=\"step-content\"\u003e\n          \u003cul class=\"benefit-list\"\u003e\n            \u003cli\u003eApply with a clean mask brush or spoon (avoid direct hand contact)\u003c\/li\u003e\n            \u003cli\u003eSpread a medium-thick layer (2–3 mm) upward over your face\u003c\/li\u003e\n            \u003cli\u003eLeave 5 mm clear around eyes and lips\u003c\/li\u003e\n            \u003cli\u003eMake sure it's evenly distributed, especially on nose and chin\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"usage-step\"\u003e\n        \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n        \u003ch4 class=\"step-title\"\u003eThe Right Wait Time\u003c\/h4\u003e\n        \u003cdiv class=\"step-content\"\u003e\n          \u003cul class=\"benefit-list\"\u003e\n            \u003cli\u003e\u003cstrong\u003e15 min for sensitive skin\u003c\/strong\u003e\u003c\/li\u003e\n            \u003cli\u003e\u003cstrong\u003e18 min for normal skin\u003c\/strong\u003e\u003c\/li\u003e\n            \u003cli\u003e\u003cstrong\u003e20 min for oily skin\u003c\/strong\u003e\u003c\/li\u003e\n            \u003cli\u003eDon’t let it dry out completely (should stay slightly moist)\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"usage-step\"\u003e\n        \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n        \u003ch4 class=\"step-title\"\u003eSmart Rinsing\u003c\/h4\u003e\n        \u003cdiv class=\"step-content\"\u003e\n          \u003cul class=\"benefit-list\"\u003e\n            \u003cli\u003eStart with lukewarm water (not cold, not hot)\u003c\/li\u003e\n            \u003cli\u003eMassage gently in circular motions for 30 seconds\u003c\/li\u003e\n            \u003cli\u003eFinish with cool water to close pores\u003c\/li\u003e\n            \u003cli\u003ePat dry with a soft towel—never rub\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"advanced-usage\"\u003e\n      \u003ch3 class=\"advanced-title\"\u003eAdvanced Pro Routine\u003c\/h3\u003e\n      \u003cp style=\"color: #666; margin-bottom: 1rem;\"\u003e\u003cstrong\u003eFor truly exceptional results:\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cul class=\"benefit-list\"\u003e\n        \u003cli\u003e\u003cstrong\u003eIntensive prep:\u003c\/strong\u003e Use gentle steam for 2–3 minutes to open pores\u003c\/li\u003e\n        \u003cli\u003e\u003cstrong\u003eLayered approach:\u003c\/strong\u003e Apply a very thin first layer, wait 5 min, then follow with a thicker second layer\u003c\/li\u003e\n        \u003cli\u003e\u003cstrong\u003eBoost while waiting:\u003c\/strong\u003e Gently massage tension areas and use deep breathing techniques\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Call to Action --\u003e\n  \u003cdiv class=\"cta-section\"\u003e\n    \u003cp class=\"cta-text\"\u003e\n      \u003cstrong\u003eThis isn’t just a product—it’s an investment in your skin’s future\u003c\/strong\u003e\n    \u003c\/p\u003e\n    \n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_rice_honey_mask_2.webp?v=1752515866\" alt=\"Beauty of Joseon Mask\" class=\"cta-image\"\u003e\n    \n    \u003cp class=\"cta-text\"\u003e\n      In a world flooded with empty promises and throwaway marketing, the Beauty of Joseon Mask is a genuine investment in healthier, more beautiful skin. \u003cstrong\u003eEvery penny spent here saves you a fortune in future treatments and repairs for neglected skin.\u003c\/strong\u003e\n    \u003c\/p\u003e\n    \n    \u003cp class=\"cta-text\"\u003e\n      \u003cstrong\u003eThe real question isn’t “Should I buy it?” The question is “How much will it cost me later if I don’t start caring for my skin now?”\u003c\/strong\u003e\n    \u003c\/p\u003e\n    \n    \u003cp class=\"cta-highlight\"\u003e\n     Order now\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\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: rtl;\n    text-align: right;\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\n\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":"Bobana Whitening Cream For Face \u0026 Body Cream Whitening Face and Body from Bobana","description":"\u003cdiv class=\"product-description\" dir=\"rtl\" 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 style=\"color: #9C8102; font-size: 2.5em; margin-bottom: 20px; font-weight: bold; opacity: 0; transform: translateY(20px);\" class=\"animate-header\"\u003eBobana Whitening Cream: The magical solution for brighter and smoother skin\u003c\/h1\u003e\n    \u003cimg 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\" alt=\"Bobana Whitening Cream\" 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);\" class=\"animate-image\"\u003e\n  \u003c\/div\u003e\n\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 style=\"color: #9C8102; font-size: 1.8em; margin-bottom: 20px; font-weight: bold; opacity: 0; transform: translateX(20px);\" class=\"animate-section-title\"\u003eSkin problems without continuous use\u003c\/h2\u003e\n    \u003cp style=\"font-size: 1.1em; line-height: 1.6; opacity: 0; transform: translateX(20px);\" class=\"animate-section-text\"\u003eDark spots, uneven skin tone, and freckles appear due to sun exposure, pollution, or even daily stress. Instead of ignoring the problem or relying on temporary solutions, \u003cstrong style=\"color: #9C8102;\"\u003eBobana Whitening Cream\u003c\/strong\u003e Provides an effective way to lighten the skin and unify its tone with complete safety, suitable for all skin types.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Why Choose Bobana Section --\u003e\n  \u003cdiv class=\"section\" style=\"margin-bottom: 40px;\"\u003e\n    \u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; font-weight: bold; opacity: 0; transform: translateX(20px);\" class=\"animate-section-title\"\u003eWhat makes Bobana special for you?\u003c\/h3\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana-whitening-cream-for-face-body-122967.webp?v=1752598868\" alt=\"Bobana Cream Features\" 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);\" class=\"animate-image\"\u003e\n    \u003cp style=\"font-size: 1.1em; line-height: 1.6; opacity: 0; transform: translateX(20px);\" class=\"animate-section-text\"\u003eThe market is full of whitening products, but many of them use old or outdated formulas that can harm the skin. \u003cstrong style=\"color: #9C8102;\"\u003eBobana Whitening Cream\u003c\/strong\u003e Distinguished by its technology \u003cstrong\u003eDermawhite®\u003c\/strong\u003e The formula, with scientifically proven ingredients that work with some to achieve real results without irritation or skin sensitivity. The cream absorbs quickly and does not leave a greasy residue, as it suits sensitive skin.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Ingredients Section --\u003e\n  \u003cdiv class=\"section\" style=\"background: #f5f5f5; padding: 30px; border-radius: 10px; margin-bottom: 40px;\"\u003e\n    \u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; font-weight: bold; opacity: 0; transform: translateX(20px);\" class=\"animate-section-title\"\u003eIngredients: Proven effective scientifically\u003c\/h3\u003e\n    \u003cp style=\"font-size: 1.1em; line-height: 1.6; margin-bottom: 20px; opacity: 0; transform: translateX(20px);\" class=\"animate-section-text\"\u003eEvery ingredient in the cream has a defined role and mechanism:\u003c\/p\u003e\n    \u003cul style=\"list-style: none; padding: 0; opacity: 0; transform: translateX(20px);\" class=\"animate-list\"\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: A new technology that reduces melanin production by up to 60% within 28 days, for safe and continuous whitening.\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\u003eVitamin C (Ascorbic Acid)\u003c\/strong\u003e: Fights free radicals that cause skin pigmentation, and reduces dark spots by up to 25% with regular use.\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: Helps maintain skin moisture, making it soft and supple, and reduces the appearance of fine lines.\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 and Kojic Acid\u003c\/strong\u003e: Effectively reduce pigmentation and prevent the formation of new dark spots.\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\u003eGlutathione and Melaslow™\u003c\/strong\u003e: Enhance skin radiance and protect it from the effects of pollution and 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\u003eCocoa Butter and Almond Oil\u003c\/strong\u003e: Nourish the skin and make it soft, with a light and pleasant scent.\u003c\/li\u003e\n    \u003c\/ul\u003e\n    \u003cp style=\"font-size: 1.1em; line-height: 1.6; opacity: 0; transform: translateX(20px);\" class=\"animate-section-text\"\u003eThe composition is free from harmful substances, but it treats the skin and improves it in itself, for lasting results.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Results Timeline Section --\u003e\n  \u003cdiv class=\"section\" style=\"margin-bottom: 40px;\"\u003e\n    \u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; font-weight: bold; opacity: 0; transform: translateX(20px);\" class=\"animate-section-title\"\u003eNotice the difference immediately?\u003c\/h3\u003e\n    \u003cul style=\"list-style: none; padding: 0; opacity: 0; transform: translateX(20px);\" class=\"animate-list\"\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\u003eWeek\u003c\/strong\u003e: The skin begins to become softer and more radiant in the best case from the first deep treatment \u003cstrong\u003eHyaluronic Acid\u003c\/strong\u003e and cocoa butter.\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\u003eTwo weeks\u003c\/strong\u003e: Dark spots begin to fade gradually due to \u003cstrong\u003eAlpha Arbutin\u003c\/strong\u003e and\u003cstrong\u003eVitamin 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 days\u003c\/strong\u003e: Skin tone becomes more uniform in shape and clearer, with whitening reaching 6 degrees.\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\u003eTwo months\u003c\/strong\u003e: Clean, radiant, and youthful skin from pigmentation, with a healthy and natural glow.\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\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 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; font-weight: bold; opacity: 0; transform: translateX(20px);\" class=\"animate-section-title\"\u003eWhat is in Bobana?\u003c\/h3\u003e\n    \u003cp style=\"font-size: 1.1em; line-height: 1.6; opacity: 0; transform: translateX(20px);\" class=\"animate-section-text\"\u003eOn the surface of products that rely on ancient formulas or produce harmful results, \u003cstrong style=\"color: #9C8102;\"\u003eBobana\u003c\/strong\u003e combines between two advanced technologies \u003cstrong\u003eDermawhite®\u003c\/strong\u003e and\u003cstrong\u003eMelaslow™\u003c\/strong\u003e with medical ingredients, so it provides safe whitening and tangible results. The cream works on the face and body, and is suitable for all skin types without causing sensitivity.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Usage Instructions Section --\u003e\n  \u003cdiv class=\"section\" style=\"margin-bottom: 40px;\"\u003e\n    \u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; font-weight: bold; opacity: 0; transform: translateX(20px);\" class=\"animate-section-title\"\u003eHow to use\u003c\/h3\u003e\n    \u003cp style=\"font-size: 1.1em; line-height: 1.6; opacity: 0; transform: translateX(20px);\" class=\"animate-section-text\"\u003eWash the skin and dry it well, put a suitable amount from \u003cstrong style=\"color: #9C8102;\"\u003eBobana Whitening Cream\u003c\/strong\u003e and spread it with gentle circular motions (morning and evening). Continue using daily for the best results.\u003c\/p\u003e\n  \u003c\/div\u003e\n\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 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; font-weight: bold; opacity: 0; transform: translateY(20px);\" class=\"animate-section-title\"\u003eTake your steps now\u003c\/h3\u003e\n    \u003cp style=\"font-size: 1.1em; line-height: 1.6; margin-bottom: 20px; opacity: 0; transform: translateY(20px);\" class=\"animate-section-text\"\u003eSkin problems continue with products that do not give the results you seek. \u003cstrong style=\"color: #9C8102;\"\u003eBobana Whitening Cream\u003c\/strong\u003e They are the choice that will make your skin brighter and smoother. Start your journey from reputable sites or official stores, and begin the transformation journey for your skin.\u003c\/p\u003e\n    \u003ca 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;\" class=\"cta-button\"\u003eShop now\u003c\/a\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Ingredients Summary Section --\u003e\n  \u003cdiv class=\"section\" style=\"background: #f5f5f5; padding: 30px; border-radius: 10px; margin-bottom: 40px;\"\u003e\n    \u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; font-weight: bold; opacity: 0; transform: translateX(20px);\" class=\"animate-section-title\"\u003eAll ingredients\u003c\/h3\u003e\n    \u003cp style=\"font-size: 1.1em; line-height: 1.6; opacity: 0; transform: translateX(20px);\" class=\"animate-section-text\"\u003eDermawhite® WF, Vitamin C (Ascorbic Acid), Hyaluronic Acid, Alpha Arbutin, Kojic Acid, Glutathione, Melaslow™, Cocoa Butter, Almond Oil\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Quote Section --\u003e\n  \u003cdiv class=\"section\" style=\"text-align: center; margin-bottom: 40px;\"\u003e\n    \u003cp style=\"font-size: 1.2em; font-style: italic; color: #333; opacity: 0; transform: translateY(20px);\" class=\"animate-section-text\"\u003e\"Skin care is not a luxury, but an investment in your confidence.\"\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e.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  }\u003c\/style\u003e\n\n\u003cscript\u003edocument.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  });\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":"Bobana Berries Salt Scrub Cranberry scrub salt","description":"\u003ch1\u003e\u003cstrong\u003eBobana berry salt scrub - fights cellulite and sagging skin\u003c\/strong\u003e\u003c\/h1\u003e\n\u003ch2\u003e\u003cstrong\u003eCellulite and sagging skin make your body look not the way you like it?\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003eHave you tried all the creams and oils and cellulite is still there? \u003cstrong\u003eThe problem is not with the creams\u003c\/strong\u003eThe problem is that the skin needs deep stimulation of blood circulation. Bobana scrub with berries and salt does what creams do not do - \u003cstrong\u003eExfoliation + stimulation + tightening\u003c\/strong\u003e In one product.\u003c\/p\u003e\n\u003chr\/\u003e\n\u003ch3\u003e\u003cstrong\u003eMain uses\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e🔹 \u003cstrong\u003eReduce cellulite and tighten sagging skin\u003c\/strong\u003e\u003cbr\/\u003e\u003cem\u003eWith Epsom salt, which stimulates blood circulation and breaks down accumulations of fat under the skin\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e🔹 \u003cstrong\u003eRemove dead skin cells and roughness\u003c\/strong\u003e\u003cbr\/\u003e\u003cem\u003eWith gentle exfoliation that rejuvenates the skin's surface\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e🔹 \u003cstrong\u003eSmoothing knees, elbows and dark areas\u003c\/strong\u003e\u003cbr\/\u003e\u003cem\u003eWith antioxidants in berries that lighten and unify color\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e🔹 \u003cstrong\u003eIngrown hair treatment\u003c\/strong\u003e\u003cbr\/\u003e\u003cem\u003eRegular exfoliation opens clogged pores\u003c\/em\u003e\u003c\/p\u003e\n\u003chr\/\u003e\n\u003ch3\u003e\u003cstrong\u003eEffective natural ingredients\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eEpsom salt:\u003c\/strong\u003e The strong basis for exfoliation, stimulates blood circulation and helps dissolve cellulite accumulations.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eNatural berries:\u003c\/strong\u003e Rich in antioxidants that fight free radicals and stimulate skin cell regeneration.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eVitamin E + Milk Extract:\u003c\/strong\u003e A duet of nourishment and hydration, leaving the skin soft after exfoliation.\u003c\/p\u003e\n\u003chr\/\u003e\n\u003ch3\u003e\u003cstrong\u003eCorrect how to use\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eOn wet skin:\u003c\/strong\u003e Scrub gently for 3 minutes in circular motions\u003cbr\/\u003e\u003cstrong\u003eFocus on problem areas:\u003c\/strong\u003e Thighs, buttocks, knees, elbows\u003cbr\/\u003e\u003cstrong\u003eRinse with warm water:\u003c\/strong\u003e Feel the difference from the first time\u003c\/p\u003e\n\u003chr\/\u003e\n\u003ch3\u003e\u003cstrong\u003eValue for price\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e🔸 \u003cstrong\u003ePerfect size 300 grams\u003c\/strong\u003e - Sufficient for several weeks of regular use\u003cbr\/\u003e🔸 \u003cstrong\u003eActive natural ingredients\u003c\/strong\u003e - Epsom salt + berries + vitamin E\u003cbr\/\u003e🔸 \u003cstrong\u003eVersatile\u003c\/strong\u003e - Peeling + cellulite reduction + smoothing\u003cbr\/\u003e🔸 \u003cstrong\u003eEconomical price\u003c\/strong\u003e - An ideal alternative to body scrub sessions in centers\u003c\/p\u003e\n\u003chr\/\u003e\n\u003ch3\u003e\u003cstrong\u003eStart the fight against cellulite now\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eEvery day you postpone, the cellulite increases and the skin becomes more sagging. Just 3 minutes a day can make a difference.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003chr\/\u003e\n\u003ch2\u003e\u003cstrong\u003eComplete ingredients\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\/en\/collections\/body-care.oembed","provider":"Instachiq","version":"1.0","type":"link"}